@font-face {
    font-family: youregone;
    src: url('../fonts/youregone/youregone.ttf');
}

.font-youregone {
    font-family: "youregone"!important;
    font-weight: 200!important;
}

@font-face {
    font-family: Ridge-Regular;
    src: url('../fonts/Ridge-Regular/Ridge-Regular.otf');
}

.font-ridge {
    font-family: "Ridge-Regular"!important;
    font-weight: 200!important;
}

@font-face {
    font-family: VAL;
    src: url('../fonts/VAL/VAL.otf');
}

.font-VAL {
    font-family: "VAL"!important;
}

@font-face {
    font-family: LondrinaSketch;
    src: url('../fonts/LondrinaSketch-Regular.ttf');
}

.font-londrina {
    font-family: "LondrinaSketch"!important;
}

@font-face {
    font-family: BlackoutM;
    src: url('../fonts/blackout/Blackout Midnight.ttf');
}

.font-blackoutM {
    font-family: "BlackoutM"!important;
}

@font-face {
    font-family: BlackoutS;
    src: url('../fonts/blackout/Blackout Sunrise.ttf');
}

.font-blackoutS {
    font-family: "BlackoutS"!important;
}


/*@font-face{
	font-family: BlackoutT;
	src: url('../fonts/blackout/Blackout Two AM.ttf');
}.font-blackoutT{font-family:"BlackoutT"!important;}
*/

@font-face {
    font-family: ZILAP;
    src: url('../fonts/ZILAP.ttf');
}

.font-ZILAP {
    font-family: "ZILAP"!important;
}

@font-face {
    font-family: coconut;
    src: url('../fonts/Coconut_Point.otf');
}
body .bootbox.modal{
	z-index: 1000000;
}
.colorpicker {
    display: none;
}
.font-coconut {
    font-family: "coconut"!important;
}

@font-face {
    font-family: Homestead;
    src: url('../fonts/Homestead/Homestead-Display.ttf');
}

body.modal-open {
    overflow: visible!important;
}

.colorpicker {
    display: none;
}

.homestead {
    font-family: "Homestead";
    font-weight: 200!important;
}

.font-montserrat {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bold {
    font-weight: 700!important;
}

.font-light {
    font-weight: 300!important;
}

.scroll-top .btn {
    font-size: 20px;
    width: 65px;
    height: 65px;
    border-radius: 100% 0 0;
    line-height: 28px;
    border: none;
    background-color: #1a67e7;
    padding-top: 25px;
    padding-left: 25px;
}

body {
    padding-right: 0px !important;
}

html,
body {
    height: 100%;
}
.btn.disabled{
    pointer-events: none;
}

/*********** SCROLL BAR ***************/


/*body::-webkit-scrollbar-track,*/

.co-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.9);
    border-radius: 10px;
    background-color: #f1f1f1;
}


/*body::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}
*/


/*body::-webkit-scrollbar-thumb,*/

.co-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #828282;
    background-image: -webkit-linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4) 50%, transparent, transparent)
}


/*body::-webkit-scrollbar-thumb:hover,*/

.co-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #6d861b;
    background-image: -webkit-linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4) 50%, transparent, transparent)
}

.co-scroll::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
    transition: width .3s ease-in;
}


/*********** SCROLL BAR ***************/

.scroll-top {
    right: 0%;
    bottom: 0%;
    width: 65px;
    height: 65px;
}

.modal-backdrop {
    display: none!important;
    top: 40px!important;
}

#modalItemNotLocated {
    top: 100px;
}

.radio-tool .btn {
    font-size: 20px;
    width: 65px;
    height: 65px;
    border-radius: 0 100% 0 0;
    line-height: 28px;
    border: none;
    background-color: #233140;
    padding-top: 25px;
    padding-right: 25px;
}

.radio-tool .btn:hover {
    background-color: #303030;
}

.radio-tool {
    position: fixed;
    left: 0%;
    bottom: 0%;
    width: 65px;
    height: 65px;
    z-index: 1049;
}

footer {
    margin-top: 30px;
}

.footer-below {
    background-color: #233140;
}

.portfolio-modal.modal .name {
    font-size: 5em;
    letter-spacing: 2px;
}

.link-submenu-header {
    text-transform: uppercase;
    font-weight: 800;
    /*font-family: Homestead;*/
}


/*.intro-text a.menu-top {
    color: #34a853 !important;
}*/

.ws-pre-line {
    white-space: pre-line;
}

.radius-circle {
    border-radius: 100%;
}

.main-container {
    background-color: white;
    /*min-height:1000px;*/
    min-width: 100%;
    padding: 60px 0px 0px 0px;
}

@media (min-height:1000px) and (max-height:1100px) {
    .main-container {
        min-height: 1100px;
    }
}

@media (min-height:1100px) and (max-height:1200px) {
    .main-container {
        min-height: 1200px;
    }
}

@media (min-height:1200px) and (max-height:1300px) {
    .main-container {
        min-height: 1300px;
    }
}

@media (min-height:1300px) and (max-height:1400px) {
    .main-container {
        min-height: 1400px;
    }
}

@media (min-height:1400px) and (max-height:1500px) {
    .main-container {
        min-height: 1500px;
    }
}

@media (min-height:1500px) and (max-height:1600px) {
    .main-container {
        min-height: 1600px;
    }
}

@media (min-height:1600px) and (max-height:1700px) {
    .main-container {
        min-height: 1700px;
    }
}

@media (min-height:1700px) and (max-height:1800px) {
    .main-container {
        min-height: 1800px;
    }
}

@media (min-height:1800px) and (max-height:1900px) {
    .main-container {
        min-height: 1900px;
    }
}

@media (min-height:1900px) and (max-height:2000px) {
    .main-container {
        min-height: 2000px;
    }
}

@media (min-height:2000px) and (max-height:2100px) {
    .main-container {
        min-height: 2100px;
    }
}

@media (min-height:2100px) and (max-height:2200px) {
    .main-container {
        min-height: 2200px;
    }
}

/*.main-container.vertical {
    padding-left: 52px;
}*/

.sigModuleBg {
    z-index: -1;
}

section {
    padding: 70px 0 0 0;
}

#lbl-chk-scope {
    height: 56px;
}

.navbar-custom {
    background: rgba(251, 251, 251, 0.98);
    /*#FFF;/*rgba(255, 255, 255, 0.2)*/
    ;
    padding: 8px 0;
    -webkit-box-shadow: 0px 0px 5px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px -4px rgba(0, 0, 0, 0.5);
}

.navbar-custom .navbar-nav li a {
    color: #2C3E50;
}

.navbar-custom .navbar-nav li a:hover {
    color: #2C3E50;
}

.navbar-custom .navbar-nav li .font-blackoutT {
    font-size: 32px;
    letter-spacing: -1px;
}

.navbar-custom .navbar-nav {
    font-size: 15px;
}

.navbar-custom.affix {
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.5);
    font-size: 1.5em !important;
}

#btn-territorial-modules {
    line-height: 45px;
    padding: 5px;
    text-transform: capitalize;
    font-family: homestead;
    font-weight: 100;
}

#btn-territorial-modules:hover {
    text-decoration: none;
    color: #e6344d !important;
}

#territorial-menu {
    margin-bottom: 0px !important;
}

#filter-scopes-menu,
#territorial-menu {
    padding-left: 5% !important;
}

#filter-scopes-menu {
    position: fixed;
    z-index: 15000;
    background-color: white;
    padding-left: 5% !important;
    padding-top: 5px;
    padding-bottom: 5px;
    /* border-top: 1px solid rgba(100,100,100,0.1);*/
    border-bottom: 1px solid rgba(100, 100, 100, 0.1);
}

#filter-scopes-menu .input-group-addon {
    background-color: #eee !important;
}

#text-search-menu {
    display: none;
}

#affix-sub-menu.affix {
    top: 65px;
    left: 0px;
    /*background-image: url("../../img/background-onepage/pattern/witewall_3.png");*/
    background-color: rgb(252, 252, 252);
    -webkit-box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.5);
    width: 100%;
    z-index: 10000;
}

.navbar-top {
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    background-color: rgb(252, 252, 252);
    z-index: 100000;
    position: fixed;
    top: 0px;
    right: 0px;
    box-shadow: 0px 2px 3px -3px rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #dadada;
    padding-left: 5px;
    left: 0;
}

.navbar-top .nameMenuTop {
    display: none;
    opacity: 0;
    transition: visibility 0s, opacity 1s linear;
}

.navbar-top:hover .nameMenuTop {
    display: block;
    opacity: 1;
    text-align: center;
}

#menu-left-container {
    display: inline-grid;
}

#menu-left-container .active {
    color: #0095FF;
    background-color: #edecec;
    border-left: 3px solid #0095FF;
}

#menu-left-container .btn-menu-tooltips:hover {
    color: #0095FF;
    background-color: #edecec;
    border-left: 3px solid #0095FF;
}

.navbar-top.borderShadow,
.menuFilters-horizontal,
#menuApp.borderShadow {
    box-shadow: 0px 2px 3px -3px rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #dadada;
}

.menu-xs-container {
    position: fixed;
    display: none;
    left: 0px;
    width: 90%;
    bottom: 0px;
    background: white;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.6);
    overflow-y: auto;
}

#menuApp {
    position: fixed;
}

#menuApp.subMenuTop {
    z-index: 15000;
    background-color: #fcfcfc;
    /* padding-left: 5%;*/
}

#filters-menu {
    display: none;
}

#affix-sub-menu.affix #filters-menu {
    display: none;
    z-index: 100;
    width: 100%;
    margin-top: 0px !important;
    margin: inherit;
}

#filters-container-menu {
    display: none;
}

.select2-drop-mask {
    z-index: 1000000 !important;
}

.filterstags .select2-search-choice {
    padding: 10px 20px !important;
    background: transparent !important;
    border-color: #ea4335 !important;
    color: #ea4335 !important;
}

.filterstags .select2-search-choice .select2-search-choice-close {
    margin: 7px 2px;
    text-align: -webkit-center;
    height: 15px;
    background: inherit;
    cursor: pointer;
    color: #ea4335;
}

.filterstags .select2-search-choice .select2-search-choice-close:before {
    font-size: 12px;
    font-weight: normal;
    color: #ea4335;
}

.navbar-top.affix #filters-container-menu {
    display: block;
    /*margin-left:5px;*/
}

.navbar-top.affix .logo-menutop.main {
    display: none;
}

#filters-container,
#filters-container-menu {
    float: left;
    /*width: 11%;*/
}

#filters-container ul,
#filters-container-menu ul {
    list-style: none;
    margin-bottom: 0px;
    float: left;
    padding: 0px;
}

#filters-container ul li {
    display: inline-block;
    float: left;
    height: 35px;
    width: 35px;
    background: white;
    font-size: 14px;
    line-height: 35px;
    -webkit-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.5);
    color: #555;
    position: relative;
}

#filters-container-menu ul li {
    display: inline-block;
    /* float: left; */
    height: 40px;
    text-align: center;
    margin-top: 5px;
    border-radius: 40px;
    width: 15px;
    /* background: white; */
    /* padding: 5px 15px; */
    font-size: 20px;
    line-height: 40px;
    cursor: pointer;
    /* -webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.5); */
    -moz-box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.5);
    /* box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.5); */
}

#filters-container ul li.active,
#filters-container-menu ul li.active {
    color: white;
    background-color: #ea4335;
}

.navbar-custom.affix-top .navbar-brand {
    display: none;
}

.navbar-collapse li,
.navbar-map li {
    font-size: 12px;
    letter-spacing: 0px;
}

#main-title-top {
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color: #365766;
}

.navbar-custom.affix #main-title-top {
    display: none;
}


/*input#second-search-bar{
	display: none;
}*/

.navbar-custom.affix input#second-search-bar {
    display: inline;
}

.navbar-custom.affix .menu-btn-start-search {
    display: inline;
}

.navbar-custom.affix-top .menu-btn-start-search {
    display: none;
}

.navbar-custom .skills {
    display: inline;
    padding-top: 15px;
    float: left;
    text-transform: none;
    color: #769AAB;
}

.navbar-custom.affix .skills {
    display: none;
}

.navbar-custom.affix .hidden-top {
    display: inline;
}

.navbar-custom.affix-top .hidden-top {
    display: none;
}

.navbar-custom.affix .show-top {
    display: none!important;
}

.navbar-custom.affix-top .show-top {
    display: inline;
}

.navbar-custom .scopes {
    margin-top: 8px;
}

.btn-scope {
    border-radius: 20px;
    font-size: 14px;
    margin-right: 3px;
    background-color: #fff;
    color: #ea4335;
}

.btn-scope:hover {
    background-color: #e65c50;
    color: #fff;
}

.btn-scope.selected {
    background-color: #ea4335;
    color: #fff;
}

.navbar-custom .scopes .btn-scope {
    font-size: 12px;
}

.navbar-custom.affix .navbar-header .nc_map_min {
    display: inline;
}

.btn-invite:hover, .btn-invite:focus{
    background-color: #9fbd38;
    border-color: #9fbd38;
}
.btn-invite{
    margin-left : 2px;
    background-color: #9fbd38;
    border-color: #9fbd38;
}

.btn-invite{
    background-color: #9fbd38;
    border-color: #9fbd38;
}
.navbar-custom .btn-show-map,
.main-container .btn-show-map{
    background-color: #0095FF;
    /*background-color: #7bd18f;*/
    color: white;
    border: 2px solid transparent;
    float: right;
    font-size: 17px;
    margin-left: 10px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

.navbar-custom .btn-show-map:hover,
.main-container .btn-show-map:hover {
    background-color: transparent;
    color: #0095FF;
    border: 2px solid #0095FF;
}

.btn-show-onmap {
    background-color: #0095FF;
    color: white;
    padding: 0px 15px;
    border: 2px solid transparent;
    border-radius: 20px 0px;
    height: 35px;
    font-size: 13px;
}

.btn-show-onmap:hover {
    background-color: transparent;
    color: #0095FF;
    border: 2px solid #0095FF;
}

.navbar-custom .btn-show-mainmenu {
    float: right;
    margin-left: -5px;
    position: relative;
}

.navbar-custom .btn-show-appmenu {
    float: right;
    margin-top: 10px;
    margin-left: -5px;
    background-color: #fbbc05;
    /*background-color: #354c57;*/
    color: white;
    border: 2px solid transparent;
    margin-top: 5px;
    margin-bottom: 5px;
    float: right;
    border-radius: 0px 50%;
    width: 50px;
    height: 35px;
    font-size: 17px;
    margin-left: 25px;
}

.navbar-custom .btn-show-appmenu:hover {
    background-color: transparent;
    color: #fbbc05;
    border: 2px solid #fbbc05;
}

.navbar-custom .btn-open-floopdrawer {
    /*background-color: white;
	color: #484746 !important;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 6px;
	float: right;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	font-size: 14px;
	float: right;
	border: 1px solid #959595;
	padding: 0px 0px;*/
}

.navbar-custom .btn-open-floopdrawer:hover {
    background-color: transparent;
    border: 2px solid #959595;
}

.navbar-custom .btn-show-communexion {
    background-color: #ea4335;
    /*background-color: #354c57;*/
    color: white;
    border: 2px solid transparent;
    margin-top: 5px;
    margin-bottom: 5px;
    float: right;
    border-radius: 0px 50%;
    width: 50px;
    height: 35px;
    font-size: 17px;
    margin-left: 10px;
}

.navbar-custom .btn-show-communexion:hover {
    background-color: transparent;
    color: #ea4335;
    border: 2px solid #ea4335;
}

.links-main-menu .btn-main-menu:hover,
.links-create-element .btn-create-elem:hover {
    -moz-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.68);
    -webkit-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.68);
    -o-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.68);
    box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.68);
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent;
}

.inSig .navbar-top {
    background-color: rgba(255, 255, 255, 0.9);
}

.navbar-top .container,
.navbar-map .container {
    width: 100%;
    padding: 0px 20px;
    font-size: 16px;
}

.navbar-map {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 60px;
    background: rgba(41, 41, 41, 0.85) !important;
    color: white;
    display: none;
    -moz-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.68);
    -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.68);
    -o-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.68);
    box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.68);
}

.inSig .navbar-map {
    display: inline;
}

.navbar-header .logo-menutop {
    /*display: none;*/
    float: left;
    margin: 10px 5px 0 -10px;
}

.navbar-custom.affix .navbar-header .logo-menutop {
    margin: 13px 10px 0 -10px;
}

#filters-nav-list>li>a.dropdown-toggle:hover,
#filters-nav-list>li>a.dropdown-toggle.active {
    color: #2BB0C6 !important;
    font-weight: bold;
    text-decoration: none;
}

#filters-nav-list>li {
    position: relative;
    float: left;
    margin-right: 10px;
    display: inline-block;
    padding: 10px 5px;
}

.btn-show-filters {
    padding: 3px 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: white;
}

#filters-nav-list .dropdown .dropdown-menu {
    left: -2px;
    /*width: 90%;*/
    top: 40px;
    position: absolute !important;
}

#filters-nav-list .dropdown .dropdown-menu:after,
#filters-nav-list .dropdown .dropdown-menu:before {
    left: 5%;
}

#filters-nav-list .dropdown .btn-news-type-filters {
    border: inherit;
}

#filters-nav-list .dropdown .dropdown-menu {
    max-height: 400px;
    max-width: 700px;
    min-width: 300px;
    overflow-y: overlay;
}

#filters-nav-list .dropdown-tags .btn-tags-start-search,
#filters-nav-list .dropdown-tags .btn-tags-refresh {
    border-radius: 3px;
    border: 1px solid #aaa;
    padding-bottom: 9px !important;
}

#filters-nav-list .dropdown-tags .dropdown-menu,
#filters-nav-list .dropdown-price .dropdown-menu {
    width: 600px;
}

#filters-nav-list .dropdown {
    display: none;
    list-style: none;
}

#menuLeft {
    position: fixed;
    bottom: 0px;
    border-right: 1px solid rgba(150, 150, 150, 0.3);
    z-index: 15000;
    left: 0px;
    width: 52px;
    padding: 0px;
    background-color: white;
    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.5);
    top: 52px;
}

#menuLeft.fit-content {
    width: min-content;
}

#menuLeft.transparent {
    background-color: transparent;
}

#menuLeft .btn-menu-to-app {
    width: 100%;
    font-size: 15px;
}
#menuLeft.toggleAll{
    top: 0px;
    bottom: 0px;
    height: calc(100vh);
    width: 25%;
}
.btn-menu-to-app .imgMenu {
    height: 45px;
    width: 45px;
}

#menuLeft .menu-app .imgMenu {
    width: inherit;
    height: auto;
}

@media (max-width:767px) {
    .menu-xs-container .menu-app .imgMenu {
        display: block !important;
    }
    #menuLeft {
        width: 0px;
    }
}

a.link-submenu-header {
    /*background-color: rgba(255, 255, 255, 0.8);
        border-radius: 10px;*/
    padding: 11px 10px;
    font-size: 12px;
    font-weight: bold;
}

a.link-submenu-header.active,
a.link-submenu-header:hover,
a.link-submenu-header:active {
    border-bottom: 2px solid #ea4335;
    /*background-color: rgba(255, 255, 255, 1);*/
    color: #ea4335 !important;
    text-decoration: none;
}

.btn-language {
    border: none;
}

.btn-language:hover,
.btn-language:active,
.btn-language:focus {
    /*border-color: #9fbd38;
        background-color: #fff;
        box-shadow: 0 0 6px 0 #9fbd38 inset;*/
}

.btn-star-fav {
    font-size: 18px;
    margin-top: 5px;
}

.menu-name-profil {
    margin-left: 10px;
}

.navbar-top .dropdown-menu li {
    height: initial;
}

.navbar-top .dropdown-menu a {
    font-size: 18px;
    text-align: left;
}

.navbar-top .dropdown-menu li.divider {
    height: initial;
}

.navbar-nav .menu-button {
    width: 45px !important;
    margin-right: 0px;
    height: 30px;
    margin-top: 10px;
    font-size: 18px !important;
    padding: 5px;
    position: relative;
}

.navbar-nav .menu-button:hover {
    color: grey !important;
}


#headerBand {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

#affix-sub-menu {
    padding-left: 52px;
    top: 62px;
    box-shadow: none;
}

#filters-nav {
    z-index: 120;
    background-color: white;
    position: fixed;
}

#filters-nav.menuFilters-vertical {
    /*padding-left: 1% !important;*/
    left: 53px;
    border-bottom: 1px solid rgba(100, 100, 100, 0.1);
    /*box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5);*/
}

.tooltips-menu-btn {
    display: none;
    position: absolute;
    background-color: #2C3E48;
    color: white;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 14px;
    font-variant-caps: initial;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 22px;
}

.tooltips-menu-btn {
    left: 60px;
    top: 7px;
}


.navbar-top .tooltips-menu-btn, .tooltips-top-menu-btn {
    left: inherit;
    right: -12px;
    top: 50px;
    text-align: center;
    min-width: 130px;
}

.menu-name-profil .tooltips-top-menu-btn {
    top: 55px;
    right: 0px;
    left: inherit;
}

.btn-show-mainmenu .tooltips-top-menu-btn {
    right: 0px;
    left: inherit;
}

.btn-menu-vertical.opened .tooltips-menu-btn {
    display: none !important;
}

.tooltips-menu-btn:before,
.tooltips-menu-btn:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tooltips-menu-btn:before,
.tooltips-menu-btn:after {
    bottom: 5px;
    left: -11px;
}

.navbar-top .tooltips-menu-btn:before, .tooltips-top-menu-btn:before,
.navbar-top .tooltips-menu-btn:after, .tooltips-top-menu-btn:after {
    top: -10px;
    left: 105px;
}

.tooltips-menu-btn:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 10px;
}

.btn-show-mainmenu .tooltips-top-menu-btn:after,
.menu-name-profil .tooltips-top-menu-btn:after {
    right: 5%;
    left: inherit;
}


.tooltips-menu-btn:after {
    margin-left: -6px;
    border-right-color: #2C3E50;
}

.navbar-top .tooltips-menu-btn:after, .tooltips-top-menu-btn:after {
    margin-top: -6px;
    border-bottom-color: #2C3E50;
    border-right-color: transparent !important;
}

.tooltips-menu-btn:before {
    border-color: rgba(179, 179, 179, 0);
    border-bottom-color: transparent;
    border-width: 12px;
}

.tooltips-menu-btn:before {
    margin-left: -12px;
}

.navbar-top .tooltips-menu-btn:before, .tooltips-top-menu-btn:before {
    margin-top: -12px;
}

#filter-scopes-menu {
    border-top: 0px;
    margin-top: 0px;
}

#menuLeft .menu-button.btn-menu {
    text-align: center;
    width: 100%;
    position: relative;
    font-size: 25px;
}


/*#filters-nav-list .dropdown .dropdown-menu:after{
        width: inherit;
        right: inherit;
    }*/

@media (max-width: 767px) {
    #affix-sub-menu {
        top: 66px;
        padding-left: 0px !important;
        box-shadow: 0px 3px 6px -2px rgba(0, 0, 0, 0.5);
    }
    .main-container {
        padding-left: 0px !important;
    }
    .cosDyn-xsMenu {
        width: 100%;
    }
    .cosDyn-xsMenu .drop-down-sub-menu-content {
        position: relative;
        left: 3em;
    }
}

@media (min-width: 768px) {
    .main-container .btn-show-map {
        margin: 0px 3px;
        font-size: 14px;
        width: 40%;
        border-radius: 4px;
        height: 34px;
    }
}

.headerSearchContainer .btn-show-map {
    margin: 0px 3px !important;
    font-size: 14px !important;
    width: 40% !important;
    border-radius: 4px !important;
    height: 34px !important;
}

#right_tool_map {
    top: 60px!important;
    left: unset!important;
    right: 0px!important;
    width: 30%;
    min-width: 400px;
    -moz-box-shadow: -5px -5px 10px -3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: -5px -5px 10px -3px rgba(0, 0, 0, 0.4);
    -o-box-shadow: -5px -5px 10px -3px rgba(0, 0, 0, 0.4);
    box-shadow: -5px -5px 10px -3px rgba(0, 0, 0, 0.4);
}

#input_name_filter {
    background-color: transparent;
    margin-bottom: 5px;
    -moz-box-shadow: 2px -2px 5px 0px rgba(0, 0, 0, 0.68);
    -webkit-box-shadow: 2px -2px 5px 0px rgba(0, 0, 0, 0.68);
    -o-box-shadow: 2px -2px 5px 0px rgba(0, 0, 0, 0.68);
    box-shadow: 2px -2px 5px 0px rgba(0, 0, 0, 0.68);
}

#lbl-chk-scope {
    -moz-box-shadow: -5px 2px 10px -3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px -5px 10px -3px rgba(0, 0, 0, 0.4);
    -o-box-shadow: -5px 2px 10px -3px rgba(0, 0, 0, 0.4);
    box-shadow: -5px 2px 10px -3px rgba(0, 0, 0, 0.4);
}

#input-search-map {
    background-color: #000000;
    color: white;
    border-color: black;
    border-width: 0px;
    height: 40px;
    margin-top: 6px;
}

.logo-menutop {
    margin-bottom: -10px;
}

.navbar-brand {
    padding: 0 0 0 20px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    color: #2C3E50;
}

.navbar-custom a:hover,
.navbar-custom a:focus,
.navbar-custom a:active,
.navbar-custom a.active {
    background-color: transparent;
}

.navbar-custom .navbar-nav li.active a {
    color: #ea4335!important;
    background-color: white !important;
}

.portfolio-link h3 {
    padding: 5px 0px;
    margin: 0px;
    font-size: 18px;
}

.portfolio-item p {
    font-size: 17px;
}

#mainCategories .portfolio .portfolio-item {
    margin: 0 0 15px;
    padding: 10px;
    border-radius: 5px;
    color: #2C3E50;
}

#mainCategories .portfolio .portfolio-item:hover {
    background-color: #C8EBF5;
}

#mainCategories .portfolio .portfolio-item .portfolio-link {
    text-align: center;
    background-color: transparent;
    border: none;
}

#mainCategories .portfolio .portfolio-item button.portfolio-link {
    color: #2C3E50;
}

#mainCategories .portfolio .portfolio-item .portfolio-link .caption {
    background-color: transparent;
}

#mainCategories .portfolio .portfolio-item a.portfolio-link:hover {
    text-decoration: none;
}

.text-green button.portfolio-link {
    color: #34a853 !important;
}

#main-search-bar,
#main-search-xs-bar,
#second-search-xs-bar {
    padding: 10px;
    font-size: 14px;
    height: 40px;
    font-weight: 200;
    width: 90%;
    border-radius: 20px 0px 0px 20px;
    /*margin-top: -2px;
    margin-bottom: 0px;*/
    text-align: -webkit-center;
    border: 1px solid #dadada !important;
    /* -webkit-box-shadow: 0px 0px 2px -1px rgba(0,0,0,0.5); */
    -moz-box-shadow: 0px 0px 2px -1px rgba(0, 0, 0, 0.5);
    /* box-shadow: 0px 0px 2px -1px rgba(0,0,0,0.5); */
    /* border: 1px solid #dadada; */
    /*font-size:15px;
	height:35px;
    border:none;
	font-weight: 200;*/
}

@media (max-width: 767px) {
    /*#main-search-xs-bar, #second-search-xs-bar{
		width: 80%;
	}*/
    /*
	.navbar-top #dropdown-apps{
		width: 10%;
	    font-size: 20px;
	    padding: 3px 2px;
	    width: 10%;
	    border-left: 0px !important;
	    float: left;
	}*/
    .dropdown-result-global-search {
        max-height: 70% !important;
        border-radius: 0px 0px 25px 25px;
        overflow-y: scroll;
        position: fixed;
        background-color: white;
        top: 106px;
    }
    .dropdown-result-global-search:visible {
        box-shadow: rgba(0, 0, 0, 0.4) 4px 10px 11px 1px;
    }
    .dropdown-backdrop {
        height: 0px !important;
    }
}

#main-input-group {
    margin-top: 0px;
    -webkit-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.5);
}

#main-search-bar-addon,
#second-search-bar-addon,
#main-search-xs-bar-addon,
#second-search-xs-bar-addon {
    border: 1px solid #dadada !important;
    background-color: #dadada !important;
    font-size: 14px;
    padding: 12px 7px;
    width: 10%;
    border-radius: 0px 20px 20px 0px !important;
    border-left: 0px !important;
}

#second-search-bar {
    padding: 10px;
    font-size: 14px;
    height: 40px;
    font-weight: 200;
    border-radius: 20px 0px 0px 20px !important;
    width: 90%;
    float: left;
    -webkit-box-shadow: 0px 0px 2px -1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 2px -1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 2px -1px rgba(0, 0, 0, 0.5);
    border: 1px solid #dadada;
}

#menu-map-btn-start-search {
    margin-top: 6px;
    border-color: transparent;
    background-color: black;
    color: white;
    padding: 9px 14px;
    margin-left: 3px;
}

#menu-btn-start-search {
    margin-top: 6px;
    border-color: transparent;
    padding: 9px 14px;
    margin-left: 3px;
}

#mapContent {
    position: fixed;
    right: 0px;
    z-index: 11;
    height: inherit;
    bottom: 0px;
}


/*
#btn-main-menu{
	position: fixed;
	top:85px;
	left:20px;
	border-radius: 1px;
	letter-spacing: 2px;
}*/

#filter-scopes-menu .dropdown-result-global-search,
#news-scope-search .dropdown-result-global-search {
    position: absolute;
    max-height: 250px !important;
    top: 35px;
    z-index: 100;
    background-color: white;
    width: 100%;
    float: left;
    overflow-y: auto;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    left: 0px;
}

.dropdown .dropdown-main-menu {
    display: none;
}

.dropdown.open .dropdown-main-menu {
    display: block;
}

.dropdown-main-menu {
    position: fixed;
    top: 65px;
    right: 55px;
    max-height: 400px;
    background-color: transparent;
    z-index: 100000;
}

.main-container .dropdown-main-menu {
    top: 58px;
    right: 5px;
}

.dropdown-main-menu .dropdown-menu {
    margin: 0px;
    border: none;
    display: inline;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.dropdownApps-menuTop .dropdown-menu {
    left: 31px;
    top: 5px;
    position: absolute;
    width: 250px;
    border: 1px solid #0003;
    border-radius: 0px;
    z-index: 1000000;
}

.dropdownApps-menuTop .dropdown-menu:before,
.dropdownApps-menuTop .dropdown-menu:after {
    left: 14% !important;
}

.dropdownApps-menuTop .dropdown-menu a {
    height: 45px;
    /*padding-top:15px !important;*/
    font-size: 19px;
    font-weight: 200;
    text-transform: capitalize;
    color: #ea4335;
    cursor: pointer;
}

.dropdownApps-menuTop .dropdown-menu a:hover {
    color: #ea4335 !important;
    font-weight: bold;
    text-decoration: none!important;
}

.dropdown-main-menu .dropdown-menu li a {
    text-transform: none;
    font-size: 13px;
}

.dropdown-main-menu .arrow_box:after,
.dropdown-main-menu .arrow_box:before {
    right: 25px;
    left: unset;
}
.dropdown-languages-nouser {
    position: absolute;
    top: 54px;
}
.dropdown-languages-nouser {
    position: absolute;
    top: 50px;
}

.dropdown-languages-nouser:before,
.dropdown-languages-nouser:after {
    right: 15px;
    left: inherit;
}

.main-container .dropdown-main-menu .arrow_box:after,
.main-container .dropdown-main-menu .arrow_box:before {
    right: 17px;
}

#list-dashboard-dda:before,
#list-dashboard-dda:after {
    left: 103px !important;
}

.portfolio-modal .modal-content h2 {
    font-size: 2em;
}

.modal-content .fieldset {
    border: 1px solid grey;
    margin: 0px 0 7px 0;
    padding: 10px 5px;
}

#main-btn-start-search,
.main-btn-create,
.btn-refresh,
#btn-new-search {
    font-size: 14px;
    height: 37px;
    border-color: #dedede;
    color: #6f6f6f;
    font-weight: 700;
    background-color: #f8f8f8;
    margin-bottom: 5px;
}

#main-btn-start-search:hover,
.btn-refresh:hover .main-btn-create:hover {
    background-color: #fff;
    color: #4b4b4b;
    font-weight: 700;
}

.bootbox {
    z-index: 200000;
}

#btnShowMoreResult {
    padding: 20px;
    font-size: 20px;
    width: 100%;
    float: left;
}

.skills {
    font-size: 11px !important;
}

#subtitle {
    margin-top: -40px !important;
    margin-bottom: 15px;
}

.name .pastille {
    margin-top: -25px;
    display: block;
    text-align: right;
    max-width: 65%;
    font-size: 0.4em;
}

.navbar-brand .pastille {
    margin-top: 35px;
    text-align: right;
    font-size: 0.5em;
    letter-spacing: -2px !important;
    display: inline-block;
    margin-left: -20px;
}

.main-menu-app {
    margin-bottom: 70px;
    padding-top: 80px;
}

.search-eco a {
    color: #34a853;
}

.search-eco hr.angle-down {
    border-color: #34a853;
}

.search-eco hr.angle-down::after {
    background-color: #34a853;
}

.search-eco .portfolio-item:hover {
    background-color: #d3f6dc !important;
}


/******************BOUBOULE********************/

.progressTop {
    text-align: center;
    width: 100%;
    height: 6px;
    background-color: white;
    border: none;
    transition: width .3s;
    position: fixed;
    top: 0px;
    z-index: 10000000000;
}

.progressTop::-webkit-progress-bar {
    background: #fff;
}

.progressTop::-webkit-progress-value {
    background-color: #9fbd38;
}

.progressTop::-moz-progress-bar {
    background-color: #9fbd38;
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes lds-dual-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes lds-dual-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.lds-dual-ring {
    position: relative;
}

.lds-dual-ring>img,
.lds-css .loadingPageImg {
    height: 100px;
}

.blockUI .lds-css,
#loadingModal .lds-css {
    width: 300px;
    margin-top: 5%;
    position: relative;
    display: -webkit-inline-box;
    display: inline-block;
}

.contentFirstLoading .lds-css {
    position: relative;
    display: -webkit-inline-box;
    display: inline-block;
}

#loadingModal,
.contentFirstLoading {
    position: fixed;
    left: 0px;
    width: 100%!important;
    top: 0px;
    right: 0px;
    bottom: 0px;
    text-align: -webkit-center;
    text-align: center;
}

.co3BtnShare {
    margin-right: 10px;
    cursor: pointer;
}

#firstLoader {
    z-index: 150000;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

#loadingModal {
    background-color: white;
}

#loadingModal .lds-css {
    width: 300px;
    margin: auto;
    position: relative !important;
}

.lds-dual-ring .ring1,
.lds-dual-ring .ring2 {
    position: absolute;
    border-radius: 50%;
    border: 2px solid #000;
    border-color: #2c3e50 transparent #2c3e50 transparent;
    -webkit-animation: lds-dual-ring 2s linear infinite;
    animation: lds-dual-ring 2s linear infinite;
}

.lds-dual-ring div:nth-child(2) {
    width: 280px;
    height: 280px;
    border-color: transparent #e6344d transparent #e6344d;
    -webkit-animation: lds-dual-ring_reverse 2s linear infinite;
    animation: lds-dual-ring_reverse 2s linear infinite;
}

.lds-double-ring {
    width: 200px !important;
    height: 200px !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

@keyframes lds-doubl-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes lds-doubl-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes lds-doubl-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes lds-doubl-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.processingLoader .lds-doubl-ring div {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    border: 2px solid #000;
    border-color: #337ab7 transparent #337ab7 transparent;
    -webkit-animation: lds-doubl-ring 1.8s linear infinite;
    animation: lds-doubl-ring 1.8s linear infinite;
}

.processingLoader .lds-doubl-ring div:nth-child(2) {
    width: 70px;
    height: 70px;
    top: 5px;
    left: 5px;
    border-color: transparent #5bc0de transparent #5bc0de;
    -webkit-animation: lds-doubl-ring_reverse 1.8s linear infinite;
    animation: lds-doubl-ring_reverse 1.8s linear infinite;
}

.processingLoader .lds-doubl-ring {
    width: 80px !important;
    height: 80px !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}

.processingLoader span {
    font-size: 20px;
    background: linear-gradient(to left, #697dff 0%, #5bdaff 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
}


/****************µEND BOUBOULE ********************/

.blockUI {
    z-index: 15000!important;
    border-radius: 0px 0px 4px 4px!important;
    /*background-color: rgba(255, 255, 255, 0.9);*/
}

.blockUI.blockMsg.blockPage {
    left: 0%!important;
    width: 100%!important;
    top: 0px!important;
    min-height: 1000px!important;
    padding-top: 105px!important;
    /* add pour masquer menutop durant loading*/
    z-index: 100000 !important;
}

.blockUI.blockMsg.blockPage img {
    margin-bottom: 20px;
}

.blockUI.blockMsg.blockPage .loaderBlockUI {
    position: absolute;
    left: 49%;
    top: 200px;
    margin-left: 8px;
}

.blockUI.blockMsg.blockPage .btnHelp i {
    font-size: 14px;
}


/*.blockUI.blockMsg.blockPage i.fa{
	position: absolute;
	left: 49%;
	top: 200px;
	margin-left: 8px;
}*/

#refResult {
    margin-top: 20px;
}

#refResult label {
    width: 100%;
}

pre {
    padding: 3px;
    margin: 0;
    font-size: 11px;
    color: #c54334;
}

.qq-uploader {
    border: 1px solid #ccc;
    overflow-x: hidden;
}

.qq-paste-input {
    border: 1px solid #ccc;
    border-bottom: 0px;
    border-radius: 10px 10px 0px 0px;
    font-size: 20px;
    padding: 20px;
}

h3.title_panel_map {
    font-size: 13px;
}

.sigModuleBg .panel_map {
    top: 97% !important;
}

.leaflet-popup-content-wrapper {
    display: flex;
}

.item_map_list .right-col {
    width: 70%;
    max-width: 70%;
}

.leaflet-popup-content .item_map_list .right-col {
    width: 65%;
    max-width: 65%;
}

#right_tool_map .item_map_list .separation {
    min-width: 95%;
}

.item_map_list i.fa-map-marker.fa-2x {
    font-size: 2em;
    margin-top: -7px;
}

#newElement_btnSearchAddress {
    padding: 6px 0 !important;
}

.leaflet-popup-content button {
    font-size: 13px;
}

.sigModuleBg .btn-group-map.tools-btn {
    margin-right: -35px;
}

.right_tool_map_header {
    height: 60px!important;
    padding-top: 2px!important;
}

#lbl-chk-scope {
    margin-top: 0px!important;
}

#btn-tags .btn-map,
#btn-filter .btn-map {
    padding: 19px 17px !important;
    background-color: transparent!important;
    margin-right: 25px;
}

.siteurl .right-col {
    width: 95%!important;
    max-width: 95%!important;
}

#input-sec-search {
    padding: 0px;
}

.menu-btn-start-search {
    border-radius: 50%;
    width: 40px;
}

.menu-btn-scope-filter,
.btn-show-filters {
    border-radius: 20px;
    max-width: 20%;
}

.menu-btn-start-search,
.menu-btn-scope-filter,
.btn-show-filters {
    /* border: 2px solid green !important; */
    background-color: transparent !important;
    height: 40px;
    border: none;
    margin-right: 4px;
    -webkit-box-shadow: 0px 0px 2px -1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 2px -1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 2px -1px rgba(0, 0, 0, 0.5);
}

.menu-btn-scope-filter.visible-xs.forcedHide,
.btn-show-filters.visible-xs.forcedHide {
    display: none !important;
}

.btn-show-filters,
.btn-show-filters:active {
    color: #666F78;
}

.btn-show-filters .badge {
    background-color: #666F78;
}

.btn-show-filters:hover {
    border: 1px solid #666F78;
    color: #666F78;
}

.menu-btn-scope-filter:hover,
.menu-btn-scope-filter.active {
    border: 1px solid #ea4335 !important;
    color: #ea4335 !important;
}


/*.menu-btn-scope-filter.active{
	background-color: #ea4335 !important;
	color: white !important;
}*/

.menu-btn-start-search:hover {
    border: 1px solid #93C020 !important;
    color: #93C020 !important;
}

.menu-btn-start-search.active {
    background-color: #93C020 !important;
    color: white !important;
}

#text-search-menu:after,
#text-search-menu:before {
    bottom: 100%;
    left: 79px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#filter-scopes-menu:after,
#filter-scopes-menu:before {
    bottom: 100%;
    left: 35%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#text-search-menu:after,
#filter-scopes-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 11px;
    margin-left: -11px;
}

#text-search-menu:before,
#filter-scopes-menu:before {
    border-color: rgba(179, 179, 179, 0);
    border-bottom-color: #b3b3b3;
    border-width: 12px;
    margin-left: -12px;
}

.portfolio-modal {
    padding-right: 0px !important;
    background-color: white;
    z-index: 200000;
}

#modalRegisterSuccess,
#modalSendAgainSuccess,
#modalNewPasswordSuccess {
    z-index: 200000;
}

.portfolio-modal .loginLogo .logoLoginRegister {
    width: 150px;
    /*border: 10px solid white;
	border-bottom-width:0px;*/
    max-height: inherit;
    margin: auto;
}

.portfolio-modal .close-modal {
    z-index: 10;
}

.navbar-collapse button,
.navbar-nav button {
    background-color: transparent;
    padding: 0 10px;
    border: none !important;
}

.navbar-top .menu-btn-top {
    font-size: 18px;
    padding-top: 10px;
    position: relative;
}


.navbar-top .searchBarInMenu {
    width: 400px;
}


/*.navbar-top .btn-menu-register{
	font-size: 14px;
    padding-top: padding: 8px 15px !important;
}*/

.navbar-top .menu-btn-top.btn-menu-home {
    padding-right: 10px;
}

.navbar-top .open-xs-menu {
    padding: 8px 5px 5px 15px;
    font-size: 20px;
}

.menu-xs-container a:hover {
    color: #2C3E50;
}

#menu-top-btn-group .open-xs-menu {
    padding: 8px 12px 8px 12px;
    font-size: 20px;
}

.navbar-header .btn-menu-apps {
    border: none;
    padding: 13px 15px 7px 15px;
    font-size: 20px;
    background-color: white;
}

.menu-name-profil {
    font-weight: 300;
    letter-spacing: 0px;
    margin-right: 0px;
    position: relative;
    background-color: rgba(246, 246, 246, 0.6)!important;
    border-radius: 50px !important;
    border: none;
    height: 40px !important;
    display: block;
    text-decoration: none!important;
    text-transform: none;
}

.menu-name-profil img {
    border: 2px solid transparent;
    vertical-align: inherit !important;
}

.menu-name-profil small {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 95px;
    line-height: 40px;
    display: inline-block;
}

.navbar-map .menu-name-profil {
    margin-top: 2px!important;
    background-color: rgba(10, 10, 10, 0.6)!important;
    padding: 0 0 0 15px;
}

.navbar-map .menu-name-profil:hover {
    background-color: rgba(10, 10, 10, 0.9)!important;
}

.navbar-map .menu-name-profil small {
    color: white;
}

.menu-name-profil:hover img {
    /*border:2px solid #fff;*/
}

.menu-name-profil:hover {
    background-color: #ddd!important;
}

.navbar-collapse {
    border: none;
}

.navbar-nav {
    margin: 0;
}

.btn-favory {
    margin-left: -30px;
    margin-right: 13px;
}

.btn-favory .fa-star {
    display: none;
}

.btn-favory:hover {
    text-decoration: none;
}

.btn-favory:hover .fa-star-o {
    display: none;
}

.btn-favory:hover .fa-star {
    display: inline;
}

.url-div .btn-edit-url {
    display: none;
    margin-top: -4px;
}

.url-div:hover .btn-edit-url {
    display: inline;
}

.portfolio-modal.modal {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}


/*onepage dropdown menu btn*/

#btn-onepage-main-menu {
    position: fixed;
    top: 85px;
    left: 20px;
    border-radius: 1px;
    letter-spacing: 2px;
}

.dropdown .dropdown-onepage-main-menu {
    display: none;
}

.dropdown.open .dropdown-onepage-main-menu {
    display: block;
}

.dropdown-onepage-main-menu {
    position: fixed;
    top: 130px;
    left: 20px;
    max-height: 400px;
    /*width:200px;*/
    background-color: transparent;
    z-index: 5;
}

.dropdown-onepage-main-menu .dropdown-menu {
    margin: 0px;
    border: none;
    display: inline;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.dropdown-onepage-main-menu .dropdown-menu li a {
    text-transform: uppercase;
    font-size: 13px;
}

#footer-help {
    background-color: rgba(35, 49, 64, 0.9);
    position: fixed;
    bottom: 0px;
    height: 65px;
    color: white;
    font-size: 18px;
    padding: 10px 60px 10px 10px;
}

#footer-help .btnHelp {
    font-weight: 800;
    font-size: 18px;
}

#footer-help .close-footer-help {
    position: absolute;
    width: 70px;
    height: 50px;
    background-color: transparent;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

#footer-help .close-footer-help:hover {
    opacity: 0.6;
}

#footer-help .close-footer-help .lr {
    height: 30px;
    width: 4px;
    margin-left: 55px;
    background-color: white;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051;
}

#footer-help .close-footer-help .lr .rl {
    height: 30px;
    width: 4px;
    background-color: white;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052;
}


/*Fix tooltips display*/

.tooltip-inner {
    padding: 10px!important;
    font-size: 14px;
    min-width: 150px;
}

.tooltip.bottom .tooltip-arrow {
    top: 1px!important;
}

.tooltip.top .tooltip-arrow {
    bottom: 1px!important;
}

.tooltip.left .tooltip-arrow {
    right: 1px!important;
}

.tooltip.right .tooltip-arrow {
    left: 1px!important;
}


/* DROPDOWN GLOBAL SEARCH*/

.navbar-top .dropdown-result-global-search {
    position: fixed;
    top: 67px;
    left: 83px;
    max-height: 100%;
    overflow-y: auto;
    background-color: white;
    padding: 10px;
    border-radius: 0px 0px 5px 0px;
    box-shadow: 2px 0px 5px -1px rgba(66, 66, 66, 0.79) !important;
    -webkit-box-shadow: 2px 0px 5px -1px rgba(66, 66, 66, 0.79) !important;
    -o-box-shadow: 2px 0px 5px -1px rgba(66, 66, 66, 0.79) !important;
    box-shadow: 0px 9px 12px 3px rgba(66, 66, 66, 0.37) !important;
    overflow-x: hidden;
    display: none;
    border-top: 1px solid #c6c6c6;
}

.navbar-top .dropdown-result-global-search {
    top: 61px;
    left: 54px;
    box-shadow: 2px 5px 6px 1px rgba(66, 66, 66, 0.27) !important;
}

.dropdown-result-global-search .entityCenter .fa {
    color: white!important;
}

.navbar-top .dropdown-result-global-search #footerDropdownGS {
    padding: 20px;
    float: left;
    width: 100%;
}

.dropdown-result-global-search .searchEntity {
    box-shadow: none !important;
    border-bottom: 1px solid lightgrey;
}

.dropdown-result-global-search .entityCenter {
    margin-top: 5px!important;
    float: left!important;
}

.dropdown-result-global-search .entityRight {
    margin-top: 12px;
}

.navbar-top .dropdown-result-global-search .searchEntity,
.searchEntity .entityRight .entityName,
.searchEntity .entityRight .entityLocality,
.searchEntity a {
    text-transform: none !important;
    font-family: unset;
    font-weight: bold;
}

.searchEntity .entityRight .entityName {
    font-size: 16px !important;
}

.searchEntity .entityRight .entityLocality {
    font-size: 12px !important;
    opacity: 0.7;
}

.btn-menu-to-app {
    color: #666F78 !important;
    font-size: 13px;
    padding: 10px 15px 10px 15px;
    border-radius: 0px;
    font-weight: 100;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 1px 0 0 -1px;
    border-bottom: 1px solid transparent;
}

.btn-menu-to-app.active,
.btn-menu-to-app:hover,
.btn-menu-to-app:focus {
    border-bottom: 1px solid #e43636;
    color: #ea4335!important;
    box-shadow: inherit !important;
}

#main-search-bar-addon {
    cursor: pointer;
}

.btn-menu-notif .notifications-count,
.btn-menu-chat .chatNotifs,
.btn-dashboard-dda .coopNotifs {
    background-color: #34a853;
    font-size: 10px;
    position: absolute;
    top: -4px;
    right: 2px;
}

.btn-menu-chat .chatNotifs {
    background-color: #c82020;
}

.btn-dashboard-dda .coopNotifs {
    background-color: #229296;
}

.scope-filters-badge {
    position: absolute;
    background-color: #34a853;
    right: 8px;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    top: 9px;
}

.btn-menu-notif {
    margin-right: 7px;
}

.navbar-nav button.btn-menu-chat {
    /*border-right: 1px solid #e3e3e3 !important;*/
}

.form-group.priceprice input#price {
    width: 70%!important;
    display: inline-block;
}

.form-group.priceprice select#devise {
    width: 28%;
    height: 30px;
    margin-left: 5px;
    display: inline-block;
}

.searchEntity .bg-dark {
    color: white !important;
    background-color: #3C5665 !important;
}

.searchEntity .bg-red {
    background-color: #E33551 !important;
    color: white!important;
}

.searchEntity .bg-blue {
    background-color: #5f8295 !important;
    color: white!important;
}

.searchEntity .bg-green {
    background-color: #93C020 !important;
    color: white!important;
}

.searchEntity .bg-orange {
    background-color: #FFA200 !important;
    color: white!important;
}

.searchEntity .bg-yellow {
    background-color: #FFC600 !important;
    color: white!important;
}

.searchEntity .bg-turq {
    background-color: #229296 !important;
    color: white!important;
}

.searchEntity .bg-purple {
    background-color: #8C5AA1 !important;
    color: white!important;
}

.searchEntity .bg-vine {
    color: white!important;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    max-width: 180px;
    margin-top: -5px;
    margin-right: 1px;
    -webkit-border-radius: 1px 0px 0px 1px;
    -moz-border-radius: 1px 0px 0px 1px;
    border-radius: 1px 0px 0px 1px;
    box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, .175) !important;
    left: initial;
    display: contents;
    border-right: 1px solid #e5e5e5;
    display: none;
}

.dropdown-submenu .dropdown-menu a img {
    width: 18px;
    margin-right: 5px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown.open .dropdown-menu {
    display: block;
}
#menuTopLeft .xsMenu.menu-xs-cplx .dropdown.open .dropdown-menu{
	display: contents !important;
}
@media (max-width:767px){
    #menuTopLeft .xsMenu.menu-xs-cplx .dropdown{
        display: block !important;
    }
}
#menuLeft .dropdown,#menuRight .dropdown{
    display: inline-block;
    cursor:pointer;
}
#menuTopLeft .dropdown,.nav-right .dropdown{
    display: inline;
    cursor:pointer;
}
.dropdown-submenu.pull-left {
    float: none;
}
#menuTopLeft .xsMenu.menu-xs-cplx .dropdown.open .dropdown-menu {
    display: contents !important;
}

@media (max-width:767px) {
    #menuTopLeft .xsMenu.menu-xs-cplx .dropdown {
        display: block !important;
    }
}

#menuLeft .dropdown,
#menuRight .dropdown {
    display: inline-block;
    cursor: pointer;
}

#menuTopLeft .dropdown,
.nav-right .dropdown {
    display: inline;
    cursor: pointer;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.dropdown-menu-right {
    margin-left: 0;
}

.dropdown-menu-right {
    right: inherit !important;
    left: auto;
}

#sub-menu-filliaire {
    /*background-image: url("../../img/background-onepage/pattern/white_brick_wall.png");*/
    margin-bottom: 25px;
    border-bottom: 1px solid #ededed;
    padding: 30px;
    padding-top: 0px;
}

.searchEntityContainer.media {
    margin-top: 0px;
}

.searchEntity.coopPanelHtml {
    /*cursor:pointer;*/
    border-left: 2px solid #229296;
    box-shadow: none !important;
    /*	height: 410px;*/
}

.searchEntity.coopPanelHtml {
    /*cursor:pointer;*/
    border-left: 2px solid #229296;
    box-shadow: none !important;
    /*	height: 410px;*/
}

.searchEntity.coopPanelHtml .container-img-profil {
    min-height: inherit;
    max-height: inherit;
}

.searchEntity.coopPanelHtml .container-img-profil img.img-responsive {
    min-height: inherit;
}

.live-container {
    padding: 10px;
}

.checkbox-info {
    font-size: 20px;
}


/* END ZOOM HOVER*/

.checkbox-content {
    padding: 5px;
}

.checkbox-content label {
    margin-bottom: 0px;
    vertical-align: bottom;
    /*height: 20px;*/
    cursor: pointer;
}

.checkbox-content .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    width: 20px;
    height: 20px;
    background-color: white;
}

.checkbox-content .cr .cr-icon {
    position: absolute;
    font-size: 15px;
    line-height: 0;
    top: 50%;
    left: 15%;
}

.el-nowList .cnt-img .elemt_img img {
    width: 50px;
    height: 50px;
}

.checkbox-content label input[type="checkbox"] {
    display: none;
}

.checkbox-content label input[type="checkbox"]+.cr>.cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox-content label input[type="checkbox"]:checked+.cr>.cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox-content label input[type="checkbox"]:checked+.cr {
    background-color: #2BB0C6;
    color: white;
    box-shadow: 0px 0px 16px rgba(250, 250, 250, 0.9);
    border: 1px solid white;
}

.checkbox-content label input[type="checkbox"]:disabled+.cr {
    opacity: .5;
}

.checkbox-msg {
    line-height: 20px;
    font-size: 16px;
    margin-left: 5px;
}

#ajax-modal .form-group.newsCreationcheckboxSimple {
    display: inline-block;
    padding: 0 10px 10px 10px;
    background-color: #EDEDED;
    /*margin-left: 0px;*/
}

#listSameName .btn-default {
    padding: 5px;
    width: 100%;
    overflow: hidden;
}

#ajax-modal.portfolio-modal.modal {
    background-color: rgba(0, 0, 0, 0.5);
    min-height: unset !important;
    z-index: 100000;
    padding-left: 0px !important;
}

#ajax-modal .modal-content {
    top: 15px;
    left: 10%;
    width: 80%;
    border-radius: 5px 5px 0 0;
}

.main-container .portfolio-modal.modal,
.portfolio-modal.modal {
    background-color: rgba(0, 0, 0, 0);
}

#modal-crop-banner {
    background-color: rgba(255, 255, 255, 0.8);
}

.main-container #ajax-modal .modal-content {
    top: 0px;
    left: 0px;
    width: 100%;
    border-radius: 0px;
}

#ajax-modal .container {
    width: unset;
    max-width: 1170px;
}


/* ------------------ DROPDOWN DASHBOARD ------------------ */

#dropdown-dda {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    z-index: 1000000;
}

#dropdown-dda .dropdown-menu.arrow_box {
    width: 400px;
    right: 80px;
    top: 8px !important;
    padding: 0;
}

#dropdown-dda .dropdown-main-menu {
    position: unset;
}

#dropdown-dda .dropdown-main-menu .dropdown-menu li a {
    text-transform: none !important;
    padding: 0px 20px 0 10px;
}

#dropdown-dda .dropdown-main-menu .dropdown-menu li.sub-proposals a {
    padding: 7px 20px 10px 10px;
}

#dropdown-dda .dropdown-main-menu .dropdown-menu li.sub-actions {
    /*padding: 0px 10px !important;*/
}

#dropdown-dda .dropdown-main-menu .dropdown-menu li.sub-actions a {
    border-bottom: 1px solid #e0dede;
    padding: 10px 0px 10px 10px !important;
}

#dropdown-dda .dropdown-main-menu .dropdown-menu li.sub-resolutions a {
    padding: 7px 20px 7px 10px;
}

#dropdown-dda li.submenucoop {
    width: 100%;
}

#dropdown-dda li.submenucoop.sub-proposals {
    width: 100%;
    margin-bottom: 15px;
}

#dropdown-dda li.submenucoop.sub-proposals,
#dropdown-dda li.submenucoop.sub-resolutions,
#dropdown-dda li.submenucoop.sub-actions {
    display: inline-block;
}

#dropdown-dda .submenucoop a {
    margin-left: -1px;
}

#dropdown-dda .fa-arrows-alt {
    display: none;
}

#dropdown-dda h5 {
    text-transform: none !important;
}

#scroll-dashboard-dda {
    min-height: 420px;
    overflow: auto;
}


/* ------------------ DROPDOWN DASHBOARD ------------------ */

#modal-preview-coop,
#modal-preview-comment {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 40%;
    right: 0px;
    background-color: white;
    z-index: 200000;
    display: none;
    -webkit-box-shadow: -2px 4px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -2px 4px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: -2px 4px 10px 0px rgba(0, 0, 0, 0.5);
}

#modal-preview-comment .footer-comments.row {
    margin-left: 0px;
    margin-right: 0px;
}

#modal-preview-comment .btn-close-preview {
    margin-top: 15px;
    margin-right: 10px;
}

#modal-preview-comment .title-comment {
    padding: 10px;
    margin-top: 10px;
}

#modal-preview-comment hr.separator {
    margin: 3px;
}

#modalDeleteAm,
#modalAssignMe,
#modalExplainGamification,
#modalExplainFlux {
    z-index: 100020;
}

#modal-preview-coop #amendement-container {
    bottom: 0px;
    width: 40%;
}


/*#modal-settings{
	position: fixed;
	top:0px;
	bottom:0px;
	left:0%;
	display: none;
	right:0px;
	background-color: white;
	z-index: 150000;
}*/

#modalLogin,
#modalRegister,
#modalForgot {
    background-color: white;
    padding-bottom: 20px;
}

#modalLogin .loginLogo,
#modalRegister .loginLogo,
#modalForgot .loginLogo {
    max-height: 350px;
}

#modal-calendar {
    display: none;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 100000;
    position: fixed;
    bottom: 0px;
}

#modal-calendar .close-modal .lr,
#modal-calendar .close-modal .lr .rl {
    height: 50px;
    width: 1px;
    background: white;
}

#modal-calendar .close-modal:hover .lr,
#modal-calendar .close-modal:hover .lr .rl {
    width: 2px;
}

#modal-calendar .close-modal .lr {
    margin-left: 28px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#modal-calendar .close-modal .lr .rl {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

#modal-calendar .close-modal {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 55px;
    height: 50px;
    z-index: 1;
    cursor: pointer;
}

.xdsoft_datetimepicker {
    z-index: 200000 !important;
}

.toolbar-bottom {
    position: fixed;
    bottom: 10px;
    height: 50px;
    background-color: transparent;
    text-align: right;
    padding: 0px;
}

.container-preview {
    overflow-y: overlay;
}

.container-preview .event-infos-header .hours-recurrency-show {
    padding-left: 0px;
}

.container-preview .event-infos-header .hours-recurrency-show .increment-hours-by-day {
    display: none;
}

.toolbar-bottom.bottom-left {
    left: 10px;
}

.toolbar-bottom.bottom-right {
    right: 10px;
}

.toolbar-bottom-adds {
    background-color: transparent !important;
}

.toolbar-bottom-adds .addBtnFoot {
    border-radius: 5px;
    width: 100%;
    color: #2C3E50 !important;
    border: none;
    text-align: left;
}

.toolbar-bottom-adds .addBtnFoot:hover {
    color:white !important;
}

.toolbar-bottom-adds .addBtnFoot:last-child {}

.footer-menu-vertical {
    z-index: 200000;
}

.footer-menu-vertical .toolbar-bottom.bottom-left {
    bottom: 10px;
    left: 1px;
}

.footer-menu-vertical .toolbar-bottom {
    z-index: 10000;
}

.footer-menu-vertical .toolbar-bottom.bottom-left #donation-btn {
    background-color: white !important;
    color: #E5344D !important;
}

.footer-menu-vertical .toolbar-bottom.bottom-right {
    bottom: 60px;
    left: 1px;
    right: inherit;
}

.footer-menu-vertical .toolbar-bottom.bottom-right #show-bottom-add {
    background-color: white !important;
    color: #34a853 !important;
}

.footer-menu-vertical .toolbar-bottom.bottom-right #show-bottom-add:hover,
.footer-menu-vertical .toolbar-bottom.bottom-left #donation-btn:hover {
    box-shadow: none;
}

.footer-menu-vertical .toolbar-bottom.bottom-right #show-bottom-add i {
    font-size: 28px;
}

.footer-menu-vertical .toolbar-bottom.bottom-right #show-bottom-add:hover i {
    font-size: 30px;
}

.footer-menu-vertical .toolbar-bottom.bottom-left #donation-btn:hover i {
    font-size: 25px;
}

.footer-menu-vertical .toolbar-bottom-adds {
    bottom: 68px;
    left: 53px;
}

.footer-menu-vertical .toolbar-bottom-adds a.addBtnFoot {
    text-transform: capitalize;
    margin-bottom: 0px !important;
    border-radius: 0px;
}

.footer-menu-vertical .toolbar-bottom-adds a.addBtnFoot {
    margin-bottom: 0px !important;
    border-radius: 0px;
}

.footer-menu-vertical .toolbar-bottom-adds a:first-child {
    border-radius: 0px 10px 0px 0px;
}

.footer-menu-vertical .toolbar-bottom-adds a:last-child {
    border-radius: 0px 0px 10px 0px;
}

.footer-menu-vertical .toolbar-bottom-adds a:hover {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    font-size: 16px;
}

.toolbar-bottom-apps .btn {
    padding: 15px;
}

.toolbar-bottom .btn:hover,
.toolbar-bottom-apps .btn:hover,
.toolbar-bottom-adds .btn:hover,
.toolbar-bottom-quickaccess .btn:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.toolbar-bottom-apps {
    position: fixed;
    bottom: 37px;
    right: -1px;
    height: 49px;
    border-top: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    border-left: 1px solid #bcbcbc;
    background-color: #FFF;
    border-radius: 0px 0 0 0;
    text-align: right;
    padding: 0px;
}

.toolbar-bottom-fullwidth {
    position: absolute;
    display: grid;
    bottom: 0%;
    text-align: right;
    width: 160px;
    z-index: 10000000;
}

#show-bottom-add.opened .toolbar-bottom-fullwidth {
    position: absolute;
    display: grid;
    left: 104%;
}

#show-bottom-add.opened .toolbar-bottom-adds .addBtnFoot {
    font-size: 15px;
    font-weight: bold;
}

#menuLeft .toolbar-bottom-adds .addBtnFoot {
    border-radius: 0px;
}

#menuLeft .toolbar-bottom-adds .addBtnFoot:first-child {
    border-radius: 0px 5px 0px 0px;
}

#menuLeft .toolbar-bottom-adds .addBtnFoot:last-child {
    border-radius: 0px 0px 5px 0px;
}

#show-bottom-add.opened .toolbar-bottom-adds .addBtnFoot i {
    font-size: 16px;
}

#newsstream {
    min-height: 700px;
}

.btn-social {
    line-height: 34px !important;
}


/************************************************************************************/


/************************************************************************************/


/************************************************************************************/

@media (min-width: 991px) and (max-width: 1030px) {
    .btn-show-filters .visible-sm {
        display: block !important;
    }
    .btn-show-filters .hidden-sm {
        display: none !important;
    }
}

@media screen and (max-width: 992px) {
    .name .pastille {
        margin-top: -25px;
        max-width: 73%;
        font-size: 0.4em;
    }
    #modal-preview-coop,
    #modal-preview-comment {
        right: 0%;
        left: 15%;
    }
    #modal-crop-banner {
        left: 0%;
        right: 0%;
    }
    #modal-preview-coop #amendement-container {
        bottom: 0px;
        width: 100%;
    }
    .navbar-top .searchBarInMenu {
        width: 250px;
    }
}

@media (max-width: 767px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        display: block;
        /*font-size: 0.9em;*/
    }
    .toolbar-bottom-fullwidth {
        position: absolute;
        display: grid;
        bottom: auto;
        text-align: right;
        width: 85%;
        max-height: 300px;
        overflow-y: auto;
        border: 2px solid #2C3E50;
        padding: 2px;
        border-radius: 5px;
        margin-top: 15px;
        display: none;
    }
    .menu-xs-container .toolbar-bottom-adds .addBtnFoot {
        width: 100%;
        float: left;
        padding: 7px 10px;
        font-size: 16px;
        font-weight: 700;
        display: block !important;
        text-decoration: none;
    }
    .navbar-header .logo-menutop {
        margin: 8px 0px 0 0px !important;
    }
    .navbar-map .navbar-header .logo-menutop {
        margin: 8px 0px 0 -10px;
    }
    .sigModuleBg .btn-group-map.tools-btn {
        margin-right: 15px;
    }
    .navbar-custom.affix .navbar-brand {
        padding: 0px;
    }
    .navbar-custom.affix {
        /* max-height: 55px;
	  padding: 3px 0;*/
    }
    .navbar-custom.affix-top {
        max-height: 58px;
        padding: 3px 0 5px 0;
    }
    .main-container .portfolio-modal.modal,
    .portfolio-modal.modal {
        left: 0px !important;
    }
    #ajax-modal .form-group,
    #ajax-modal .form-actions {
        min-width: unset !important;
        width: 100% !important;
        margin-left: unset !important;
    }
    #ajax-modal .modal-content {
        left: 3%;
        width: 94%;
    }
    header .intro-text .name,
    .header .intro-text .name,
    .portfolio-modal.modal .name {
        font-size: 4em;
        letter-spacing: 0px;
        margin-top: -15px;
        margin-bottom: 5px;
    }
    .portfolio-modal.modal .name {
        font-size: 2em;
        letter-spacing: 6px;
        margin-top: -20px;
        margin-bottom: 30px;
    }
    header .intro-text .name .letter,
    .header .intro-text .name .letter,
    .portfolio-modal.modal .name .letter {
        margin-right: -20px!important;
    }
    .portfolio-modal .modal-content h2 {
        /*font-size:4em;*/
    }
    #sectionSearchResults {
        /*margin-left: 15px!important;*/
    }
    .name img {
        max-height: 40px;
    }
    .links-main-menu {
        font-size: 0.4em;
    }
    .links-main-menu a {
        text-decoration: none!important;
    }
    .portfolio-modal .close-modal .lr,
    .portfolio-modal .close-modal .lr .rl {
        height: 50px;
    }
    .portfolio-modal .close-modal {
        width: 55px;
        height: 50px;
    }
    #main-search-bar {
        font-size: 14px;
    }
    .portfolio-link h3 {
        font-size: 13px;
    }
    .portfolio-link .fa-3x {
        font-size: 2em;
    }
    #mainCategories h2 {
        font-size: 1.4em;
    }
    .menu-name-profil {
        margin-top: 5px;
        margin-right: 0px;
    }
    .menu-name-profil .tooltips-top-menu-btn {
        top: 45px;
    }
    .navbar-custom .btn-show-mainmenu {
        margin-left: 0px;
    }
    .main-menu-app {
        margin-bottom: 35px !important;
        /*margin-top: 15px !important;*/
    }
    #btn-radio img {
        height: 20px;
        margin-top: 2px;
    }
    .dropdown-main-menu {
        right: 70px;
    }
    .navbar-nav #dropdown-user.open .dropdown-menu {
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3) !important;
        background-color: white !important;
        display: block;
    }
    .scopes .btn-directory-type {}
    header .container,
    .header .container {
        padding-bottom: 30px;
    }
    section {
        padding: 25px 0 0 0;
    }
    #sub-menu-left {
        margin-top: 10px;
        text-align: left;
    }
    .col-footer a {
        padding: 10px;
    }
    .btn-menu-to-app {
        font-size: 18px;
    }
    #modal-preview-coop,
    #modal-preview-comment {
        left: 0%;
        right: 0%;
    }
    .navbar-top #menu-thumb-profil {
        width: 30px !important;
        height: 30px !important;
    }
    .navbar-top .menu-name-profil {
        width: 30px !important;
        height: 30px !important;
        margin-left: 5px;
        /*margin-top:5px;*/
    }
    .navbar-top #navbar {
        margin-right: 0px !important;
    }
    #container-text-action,
    #container-text-proposal,
    #container-text-resolution {
        display: inline-block;
        width: 100%;
    }
    #dropdown-dda .dropdown-menu.arrow_box {
        width: 100%;
        right: 0;
        left: 0;
        bottom: 0;
        background: white;
        position: fixed !important;
        top: 52px;
    }
    #dropdown-dda .dropdown-main-menu .arrow_box::after,
    #dropdown-dda .dropdown-main-menu .arrow_box::before {
        right: 265px;
        left: unset;
    }
    .headerSearchContainer h4 {
        font-size: 12px !important;
        width: 65%;
    }
    #dropdown-user .menu-lang .dropdown-menu a {
        text-align: right;
    }
    .switchDirectoryView {
        font-size: 10px;
        padding: 5px 8px;
    }
    .dropdown-menu.arrow_box {
        position: absolute !important;
        /*top: 30px;
	    right: -17px !important;*/
    }
    .main-container #dropdown-user .arrow_box {
        position: absolute !important;
        /* top: -7px; */
        top: 0px;
        right: 0px !important;
        bottom: 0px !important;
        left: 0px;
        border-radius: 0px !important;
    }
    .main-container #dropdown-user .dropdown-main-menu {
        left: 20%;
        max-height: inherit;
        bottom: 0px;
        right: 0px !important;
        overflow-y: scroll;
    }
    .main-container #dropdown-user .arrow_box:before,
    .main-container #dropdown-user .arrow_box:after {
        border: 0px;
    }
    .navbar-map .menu-name-profil {
        padding: 0px !important;
    }
    .navbar-map .menu-name-profil img {
        margin-top: 0px;
    }
    .navbar-map.navbar-custom .btn-show-map {
        border-radius: 50%;
        width: 35px;
        height: 35px;
    }
    .open-type-filter {}
    header {
        min-height: initial;
    }
    .menu-btn-scope-filter,
    .btn-show-filters {
        margin: 0px;
        box-shadow: none !important;
        max-width: inherit;
        border-radius: 0px;
    }
    .menu-btn-scope-filter.active,
    .menu-btn-scope-filter:hover,
    .menu-btn-scope-filter.active:hover {
        background-color: transparent !important;
        color: #ea4335 !important;
        box-shadow: none !important;
        border: none !important;
        border-bottom: 2px solid #ea4335 !important;
    }
    .btn-show-filters {
        float: right;
        padding: 6px 10px;
    }
    .btn-show-filters:hover {
        box-shadow: none !important;
        border: none !important;
        border-bottom: 2px solid #666F78 !important;
    }
    #text-search-menu {
        display: block !important;
    }
    #text-search-menu:after,
    #filter-scopes-menu:after,
    #text-search-menu:before,
    #filter-scopes-menu:before {
        border-bottom-color: transparent;
    }
    .main-search-bar,
    .main-search-bar-addon {
        border-radius: 0px !important;
    }
    .dropdown-xs-view .dropdown-menu {
        top: 39px !important;
        left: -1px !important;
        right: -14px !important;
    }
    .dropdown-xs-view .dropdown-menu:before,
    .dropdown-xs-view .dropdown-menu:after {
        border-bottom-color: inherit !important;
    }
    .dropdownApps-menuTop .dropdown-menu {
        top: 107px;
        right: 3px !important;
        left: 3px;
        width: inherit;
        position: fixed !important;
    }
    .dropdownApps-menuTop .dropdown-menu:before,
    .dropdownApps-menuTop .dropdown-menu:after {
        left: 5% !important;
    }
    .toolbar-bottom.bottom-right {
        right: 0px;
    }
    .footer-menu-vertical #show-bottom-add {
        bottom: 0px;
        left: 0px;
        border-radius: 0px 20px 0px 0px;
        background-color: #34a853;
        color: white;
        width: 45px;
        height: 45px;
    }
    .footer-menu-vertical #show-bottom-add i {
        font-size: 40px;
    }
    .footer-menu-vertical .toolbar-bottom-adds {
        bottom: 47px;
        left: 0px;
    }
    .footer-menu-vertical .toolbar-bottom-adds a.addBtnFoot {
        font-size: 18px;
    }
    .toolbar-bottom {
        position: fixed;
        bottom: 0px;
        height: 30px;
    }
    .main-xs-menu #show-bottom-add {
        position: relative !important;
        bottom: inherit !important;
    }
    .main-xs-menu #show-bottom-add .toolbar-bottom-fullwidth {
        display: none;
    }
    .main-xs-menu #show-bottom-add.opened .toolbar-bottom-fullwidth {
        position: relative;
        left: inherit;
        width: 100%;
        border-left: 3px solid;
        display: grid;
        border-radius: 6px;
    }
    .main-xs-menu #show-bottom-add.opened .toolbar-bottom-fullwidth a {
        font-size: 15px;
        background-color: inherit !important;
        color: #2c3e50 !important;
        font-weight: bold;
    }
    .pageContent #search-content,
    .pageContent .live-container {
        padding: 0px 80px!important;
    }
}

@media (max-width: 540px) {
    .pageContent #search-content,
    .pageContent .live-container {
        padding: 0px 50px!important;
    }
}

@media (max-width: 400px) {
    .pageContent #search-content,
    .pageContent .live-container {
        padding: 0px 20px!important;
    }
}

@media (max-width: 300px) {
    .pageContent #search-content,
    .pageContent .live-container {
        padding: 0px 0px!important;
    }
}

label.error {
    color: red;
}


/******************* CSS NEW DESIGNE MENU VERTICAL LEFT *** made in NICOSS ;) ***********************/

.navbar-top .nav-right {
    display: flex;
    text-align: right;
    padding-right: 15px;
    position: relative;
    display: inline-flex;
    align-items: center;
}
.navbar-top .nav-left, .navbar-top .menuAppTopCenter {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.navbar-top .nav-right>* {
    margin-left: 15px;
}

.navbar-top>.tooltips-menu-btn {
    left: 0px;
    top: 50px;
    text-align: center;
    min-width: 130px;
}

.navbar-top .nav-right .dropdown-menu-top div.dropdown-menu {
    right: -15px;
    left: initial;
}

.navbar-top .nav-right .dropdown-menu-top .arrow_box {
    display: block;
    margin: 0px;
    right: 0;
    left: inherit;
}

.navbar-top .nav-right .dropdown-menu-top .arrow_box:after,
.navbar-top .nav-right .dropdown-menu-top .arrow_box:before {
    right: 10px;
    left: inherit;
}
#menuLeft .toolbar-bottom-adds, #menuBottom .toolbar-bottom-adds{
	display: none;
}

@media (min-width: 768px) {
    .footer-menu-vertical #show-bottom-add {
        bottom: 47px;
        background-color: #ddd;
        border-radius: inherit;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        width: 52px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .social-main-container #onepage #home {
        padding-left: 60px
    }
}

@media (max-width: 767px) {
    .container-live ul.timeline>li>.timeline-panel {
        margin-right: 0px!important;
    }
    .navbar-top .searchBarInMenu {
        position: fixed;
        margin-top: 45px!important;
        width: 100%!important;
        margin-left: -15px!important;
        margin-right: auto!important;
    }
    #main-search-bar-addon,
    #second-search-bar-addon,
    #main-search-xs-bar-addon,
    #second-search-xs-bar-addon {
        border-radius: 0px!important;
    }
    .navbar-top .nav-right .dropdown-menu-top {
        padding-top: 5px;
    }
    .navbar-top .navbar-collapse {
        padding-right: 10px!important;
        padding-left: 0px!important;
    }
    /* #menuBottom #show-bottom-add {
	    bottom: 10px !important;
	    width: 40px;
	    height: 40px;
	    position: absolute;
	    left: 10px;
	    border-radius: 40px;
	    line-height: 38px;
	    font-size: 25px;
	    color: green;
	}*/
}

.menu-xs-container a {
    width: 100%;
    float: left;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 800;
    display: block !important;
    text-decoration: none;
}



/*
#ajaxFormModal .form-group i{
	color: #9fbd38;
}
#ajaxFormModal .form-group label{
	color: #3f4e58;
}*/

#ajaxFormModal .form-groupselect {
    height: 35px;
    border-radius: 4px;
    background-color: #fff;
}

#ajax-modal .form-group,
#ajax-modal .form-actions {
    float: left;
}


/********************************** HOMEPAGE CO CSS by nicoss ************************************/

.img-header-home {
    width: 100%;
}

#videoDocsImg {
    border-bottom: 10px solid #9fbd38;
}

#particle-slider {
    height: 180px;
    width: 100%;
    position: absolute;
}

.info-home {
    background-color: #9fbd38;
    width: fit-content;
    padding: 25px 35px;
    border-radius: 20px;
    text-align: center;
    margin: auto;
    margin-top: -85px;
    color: #fff;
    font-size: 28px;
    position: inherit;
}

.z-index-10 {
    z-index: 10;
}

#Content-bg-img {
    height: 1885px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.content-register-btn {
    height: 30px;
}

.co-what {
    text-transform: none;
    color: #3f4e58;
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
    font-size: 35px;
    /*position: inherit;*/
}

.home-carousel-item-text .fa {
    font-size: 30px;
}

.thematique-search {
    text-transform: none;
    text-align: left;
    font-weight: 700;
    margin-top: 5px;
    font-size: 30px;
}

.title-use {
    text-transform: none;
    color: #3f4e58;
    text-align: center;
    font-weight: 700;
    margin-top: 20px;
    position: inherit;
}

.co-what .logo-co {
    height: 60px;
    padding-bottom: 16px;
}

.co-what .interogation {
    font-size: 35px;
}

hr.dashed {
    border-top: dashed 1.5px #3f4e58;
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    margin-top: 10px;
}

.video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.co-short-desc {
    text-transform: none;
    color: #3f4e58;
    font-weight: 700;
    margin-top: 20px;
    font-size: 22px
}

@media (max-width: 991px) {
    .co-short-desc {
        margin-top: 10px;
        font-size: 20px;
    }
}

.more-info {
    color: #36c3eb;
    font-weight: 700;
    font-size: 20px;
}

#particles {
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 0;
}

#particles-js {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    top: 0px;
    z-index: 0;
}

.iconmelon,
.im {
    position: relative;
    width: 150px;
    height: 150px;
    display: block;
    fill: #525151;
}

.iconmelon:after,
.im:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.parag-text {
    color: #3f4e58;
    font-size: 18px;
    min-height: 235px;
    font-weight: 700;
}

.btn-link-home {
    background-color: #9fbd38;
    color: #fff;
    border-radius: 25px;
    font-size: 16px;
}

.btn-link-home:hover,
.btn-link-home:active,
.btn-link-home:focus {
    background-color: #fff;
    color: #9fbd38;
}

.about {
    background-color: #9fbd38;
    min-height: 200px;
}

.about .about-text {
    padding: 15px;
    font-size: 32px;
    color: #fff;
    text-align: center;
}

.about .about-text span {
    display: inline-block;
    vertical-align: middle;
}

.about .btn-about {
    background-color: #2c3e50;
    color: #fff;
    opacity: 0.7;
    font-size: 18px;
    font-weight: 700;
}

.about .about-text img {
    height: 80px;
}

.container-use {
    width: 90%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.proposition {
    width: 12.20%;
    justify-content: center;
    display: inline-flex;
    text-align: center;
    vertical-align: middle;
    margin-top: 220px;
}

.all-project {
    min-height: 700px;
}


/*.explain-modal.modal, .ourvalues .popover-value.modal{
        background-color: rgba(44, 62, 80, 0.8);
    }*/

.about-co p,
.about-co .co-short-desc {
    text-align: justify;
}

.ourvalues .popover-btn {
    color: #fff;
}

.ourvalues .popover-btn:hover {
    color: #9fbd38;
}

.ourvalues .popover-btn:hover img {
    -webkit-transform: scale(1.2) rotate(-7deg);
    -moz-transform: scale(1.2) rotate(-7deg);
    -ms-transform: scale(1.2) rotate(-7deg);
    -o-transform: scale(1.2) rotate(-7deg);
    transform: scale(1.2) rotate(-7deg);
}

.ourvalues .popover-btn img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.proposition .circle-effect
/*,.modal-content .circle-effect*/

{
    position: relative;
    width: 135px;
    height: 135px;
    background: #fff;
    border: 15px solid #9fbd38;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    box-shadow: inset 0 2px 10px 0 rgb(63, 78, 88), inset 0 2px 10px 0 rgb(63, 78, 88);
}

.proposition .popover-btn:hover .circle-effect,
.proposition .popover-btn:focus .circle-effect,
.proposition .popover-btn:active .circle-effect {
    border-color: #2c3e50;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
    -webkit-transition: .5s linear;
    transform: rotate(360deg);
}

@-webkit-keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(159, 189, 56, 0.1), 0 0 0 20px rgba(159, 189, 56, 0.1), 0 0 0 40px rgba(159, 189, 56, 0.1);
        box-shadow: 0 0 0 0 rgba(159, 189, 56, 0.1), 0 0 0 20px rgba(159, 189, 56, 0.1), 0 0 0 40px rgba(159, 189, 56, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(159, 189, 56, 0.1), 0 0 0 40px rgba(159, 189, 56, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(159, 189, 56, 0.1), 0 0 0 40px rgba(159, 189, 56, 0.1), 0 0 0 60px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(159, 189, 56, 0.1), 0 0 0 20px rgba(159, 189, 56, 0.1), 0 0 0 40px rgba(159, 189, 56, 0.1);
        box-shadow: 0 0 0 0 rgba(159, 189, 56, 0.1), 0 0 0 20px rgba(159, 189, 56, 0.1), 0 0 0 40px rgba(159, 189, 56, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(159, 189, 56, 0.1), 0 0 0 40px rgba(159, 189, 56, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(159, 189, 56, 0.1), 0 0 0 40px rgba(159, 189, 56, 0.1), 0 0 0 60px rgba(255, 255, 255, 0)
    }
}

.proposition .vertical {
    border-left: dashed #9fbd38;
    height: 60px;
    position: absolute;
    margin-top: 135px;
}

.proposition .vertical-top {
    border-left: dashed #9fbd38;
    height: 60px;
    position: absolute;
    margin-top: -60px;
}

.proposition .text-on-top {
    height: 70px;
    position: absolute;
    margin-top: -150px;
    width: 14%;
    font-size: 18px;
    color: #3f4e58
}

.proposition .text-in-bottom {
    height: 70px;
    position: absolute;
    margin-top: 220px;
    width: 14%;
    font-size: 18px;
    color: #3f4e58;
}

.proposition .top-img-name {
    position: absolute;
    margin-top: -200px;
    /*width: 14%;*/
}

.proposition .top-img-name img,
.proposition .bottom-img-name img {
    height: 25px;
    width: auto;
}

.proposition .bottom-img-name {
    position: absolute;
    margin-top: 325px;
    /*width: 14%;*/
}

.absolute-content {
    position: absolute;
    top: 30px;
}

.register-btn,
.btn-show-more {
    background-color: #9fbd38!important;
    padding: 4px;
    padding-top: 4px!important;
    border: 2px solid #9fbd38;
    border-radius: 4px;
    color: #fff;
    margin: 0px 5px;
}

.popover .popover-title {
    color: #fff;
    background-color: #9fbd38;
    border-bottom: 1px solid #354c57;
    text-align: center;
}

.popover .popover-content {
    font-size: 16px;
    color: #3f4e58;
}

.popover .popover-content .btn {
    text-align: center;
    width: 100%;
}

.dotted-left {
    border-left: dashed 1.5px black;
    ;
}

h1.icon-sign {
    font-size: 40px;
    color: #36c3eb;
    margin-top: 0px;
    margin-bottom: 5px;
}

.title-biff {
    color: #3f4e58;
    text-transform: none;
    font-weight: 500;
    font-size: 22px;
}

a.fs-16 {
    font-size: 16px;
}

.home-carousel-item-content {
    background: rgb(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*z-index: 1;*/
}

.home-carousel-item-text {
    position: absolute;
    top: 12%;
    left: 10%;
    right: 20%;
    width: 70%;
    min-height: 100px;
    background: rgb(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px;
    display: none;
}

.all-padding-section {
    padding: 0px 20px 20px 50px;
}


/*search style*/

.home-search-content .align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.home-search-content #costum-scope-search .dropdown-result-global-search {
    top: 175px;
    z-index: 11;
    max-height: 300px;
}

.home-search-content .search-bar {
    border-radius: 100px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    border: 4px solid #9fbd38;
    margin-top: 30px;
    /*
        padding-left: 30px;*/
}

.home-search-content .search-bar group {
    margin-bottom: 0;
    position: relative;
}

.home-search-content .search-bar input {
    background: none;
    border: none;
    padding: 20px 0 15px;
    width: 100%;
    height: 50px;
    border-radius: 100px;
    padding: 0 15px;
    box-shadow: none;
    border-right: 6px solid #9fbd38;
    font-size: 18px;
}

.home-search-content .form-group {
    margin-bottom: 0;
}

.home-search-content .search-bar .form-group label {
    position: absolute;
    top: 50%;
    right: 15px;
    cursor: pointer;
    transform: translateY(-50%);
    color: #aaa;
    font-size: 0.8em;
}

.home-search-content .search-bar .btn-search-home {
    background: #9fbd38;
    color: #fff;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    font-size: 25px;
    border-left: 0px;
    height: 50px;
}

.home-search-content .search-bar .no-padding-right {
    padding-right: 0px;
}

.home-search-content .search-bar .no-padding-left {
    padding-left: 0px;
}

.home-search-content .center-search {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .first-detail {
        padding-left: 50px;
    }
    .last-detail {
        padding-right: 50px;
    }
}

@media (min-width: 1200px) {
    .first-detail {
        padding-left: 100px;
    }
    .last-detail {
        padding-right: 100px;
    }
    .home-carousel-item-text {
        padding: 15px 10px 40px 10px;
    }
}

.text-foot {
    /*color: #fff;*/
    font-size: 16px;
    font-weight: 500;
}

.home-body-img {
    width: 100%;
    height: auto;
}

.count-section .fa {
    font-size: 35px;
    text-align: right;
    position: absolute;
    top: 7px;
    right: 27px;
    outline: none;
}

.our-slide {
    padding: 0 0 0 0px;
    background: #f9f9f9;
    text-align: center;
    overflow: hidden;
    position: relative;
    /*border-bottom: 5px solid #00325a;*/
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
}

.dot-top {
    position: absolute;
    margin-top: -60px;
    width: 8px;
    height: 8px;
    background-color: #9fbd38;
    border-radius: 50%;
}

.dot-bottom {
    position: absolute;
    margin-top: 195px;
    width: 8px;
    height: 8px;
    background-color: #9fbd38;
    border-radius: 50%;
}

.content-carousel {
    border-bottom: #9fbd38 solid 4px;
}

a.home-link-search:hover .home-carousel-item-content {
    background: none;
}

a.home-link-search:hover .home-carousel-item-text {
    display: block;
}

.btn-main-menu {
    border: 2px solid transparent;
    min-height: 100px;
}

.btn-main-menu:hover {
    border: 2px solid #ccc;
}

.ourvalues .contain-value img {
    height: 70px;
}

.ourvalues .contain-value {
    height: 110px;
}

.box-register label.letter-black {
    margin-bottom: 3px;
    font-size: 13px;
}

.pad-contain-vid {
    padding: 0px 0px 0px 45px;
}

.carousel-control {
    width: 4%;
}

.carousel-control.left {
    margin-left: 15px;
    background-image: none;
}

.carousel-control.right {
    margin-right: 15px;
    background-image: none;
}

.carousel-inner .active.left {
    left: -16.7%;
}

.carousel-inner .next {
    left: 16.7%;
}

.carousel-inner .prev {
    left: -16.7%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .all-project {
        height: 700px;
    }
    .proposition .circle-effect
    /*, .modal-content .circle-effect */
    {
        width: 110px;
        height: 110px;
        border: 12px solid #9fbd38;
    }
    /*.modal-content .circle-effect {
            margin-top: -80px;
        }*/
    .proposition .vertical {
        margin-top: 110px;
    }
    .absolute-content {
        top: 15px;
    }
    .co-what {
        margin-top: 15px;
    }
    .thematique-search {
        margin-top: 5px;
        font-size: 24px;
    }
    .home-carousel-item-text .fa {
        font-size: 25px;
    }
    .proposition .text-on-top {
        margin-top: -145px;
        font-size: 16px;
    }
    .proposition .text-in-bottom {
        margin-top: 195px;
        font-size: 16px;
    }
    .dot-bottom {
        margin-top: 170px;
    }
    .proposition .top-img-name {
        position: absolute;
        margin-top: -195px;
        /*width: 14%;*/
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .all-project {
        height: 1200px;
    }
    .proposition {
        width: 24%;
    }
    .all-project .sm-xs-pos {
        margin-top: 450px;
    }
    .proposition .text-in-bottom {
        margin-top: 200px;
        font-size: 16px;
    }
    .proposition .circle-effect
    /*, .modal-content .circle-effect*/
    {
        width: 130px;
        height: 130px;
        border: 13px solid #9fbd38;
    }
    /*.modal-content .circle-effect {
            margin-top: -80px;
        }*/
    .proposition .vertical {
        height: 60px;
        margin-top: 130px;
    }
    .dot-bottom {
        margin-top: 185px;
    }
    .absolute-content {
        position: absolute;
        top: 10px;
    }
    .co-what {
        margin-top: 10px;
        font-size: 22px;
    }
    .thematique-search {
        margin-top: 5px;
        font-size: 17px;
    }
    .home-carousel-item-text .fa {
        font-size: 18px;
    }
    .co-what .logo-co {
        height: 40px;
        padding-bottom: 12px;
    }
    .proposition .top-img-name {
        position: absolute;
        margin-top: -190px;
        /*width: 14%;*/
    }
    .proposition .top-img-name img,
    .proposition .bottom-img-name img {
        height: 20px;
        width: auto;
    }
    .home-search-content #costum-scope-search .dropdown-result-global-search {
        top: 150px;
    }
    .home-search-content .search-bar {
        margin-left: 50px;
    }
    .info-home {
        padding: 15px 20px;
        margin-top: -60px;
        font-size: 22px;
    }
}


/*************** responsive mod ********************/

@media (max-width: 767px) {
    .info-home {
        padding: 10px;
        border-radius: 5px;
        margin-top: -42px;
        font-size: 16px;
    }
    .all-padding-section {
        padding: 0px;
    }
    .video-container {
        margin-bottom: 30px;
    }
    .register-btn,
    .btn-show-more {
        font-size: 12px;
        padding: 4px 5px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .home-search-content #costum-scope-search .dropdown-result-global-search {
        top: 112px;
        max-height: 250px!important;
        width: 90%;
        right: 5%;
    }
    hr.dashed {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 0px;
    }
    h1.icon-sign {
        font-size: 30px;
    }
    .co-what {
        text-transform: none;
        color: #3f4e58;
        text-align: center;
        font-weight: 500;
        margin-top: 5px;
        /* position: inherit; */
        font-size: 18px;
    }
    .home-carousel-item-text {
        top: 5%;
        left: 10%;
        right: 10%;
        width: 80%;
        min-height: 80px;
        padding: 5px;
    }
    .home-carousel-item-text .fa {
        font-size: 14px;
    }
    .thematique-search {
        margin-top: 2px;
        font-size: 14px;
        font-weight: 500px;
    }
    .co-what .logo-co {
        height: 35px;
        padding-bottom: 12px;
    }
    .absolute-content {
        position: absolute;
        top: 5px;
    }
    .all-project {
        height: 900px;
    }
    .proposition {
        width: 24%;
        margin-top: 160px;
    }
    .proposition .vertical {
        margin-top: 70px;
        height: 45px;
    }
    .dot-top {
        margin-top: -50px;
    }
    .dot-bottom {
        margin-top: 110px;
    }
    .proposition .circle-effect
    /*, .modal-content .circle-effect*/
    {
        width: 70px;
        height: 70px;
        border: 6px solid #9fbd38;
    }
    .proposition .vertical-top {
        border-left: dashed #9fbd38;
        height: 45px;
        position: absolute;
        margin-top: -45px;
    }
    .proposition .text-on-top {
        height: 70px;
        margin-top: -115px;
        width: 30%;
        font-size: 14px;
    }
    .proposition .text-in-bottom {
        height: 70px;
        margin-top: 130px;
        width: 32%;
        font-size: 14px;
    }
    .all-project .sm-xs-pos {
        margin-top: 350px;
    }
    .proposition .top-img-name {
        position: absolute;
        margin-top: -160px;
        width: 31%;
    }
    .proposition .bottom-img-name {
        position: absolute;
        margin-top: 215px;
        width: 31%;
    }
    .our-slide {
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    .home-search-content .search-bar .btn-search-home {
        font-size: 15px;
        border-left: 0px;
        height: 35px;
    }
    .home-search-content {
        padding-left: 5%;
        padding-right: 5%;
    }
    .home-search-content .search-bar input {
        height: 35px;
        padding: 0 10px;
        box-shadow: none;
        border-right: 3px solid #9fbd38;
        font-size: 14px;
    }
    .home-search-content .search-bar {
        border: 2px solid #9fbd38;
        margin-top: 20px;
        /* padding-left: 30px; */
    }
    .home-search-content .center-search {
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translate(0%, -50%);
        padding-left: 5%;
        padding-right: 5%;
    }
    .popover .popover-content {
        font-size: 14px;
    }
    .proposition .top-img-name img,
    .proposition .bottom-img-name img {
        height: 15px;
        width: auto;
    }
    .pad-contain-vid {
        padding: 0px;
    }
    .about .about-text {
        padding: 10px;
        font-size: 22px;
    }
    .about .btn-about {
        font-size: 15px;
    }
    .about .about-text img {
        height: 54px;
    }
    .co-short-desc {
        font-size: 18px;
    }
}

@media (max-width: 400px) {
    .info-home {
        margin-left: 15px;
        margin-right: 15px;
    }
    .proposition .top-img-name img,
    .proposition .bottom-img-name img {
        height: 8px;
        width: auto;
    }
}

@media (min-width: 768px) {
    .home-mb-40 {
        margin-bottom: 40px;
    }
}

.blur {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}


/*Style home by nicoss*/


/*NEW TAB*/


/* Default mode */

.tabbable-panel {
    margin-top: 30px;
}

.tabbable-line>.nav-tabs {
    border: none;
    margin: 0px;
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.tabbable-line>.nav-tabs>li {
    margin-right: 2px;
}

.tabbable-line>.nav-tabs>li>a {
    font-weight: 700;
    font-size: 18px;
    display: block;
    float: left;
    width: auto;
    padding: 7px 12px;
    color: #9fbd38;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    background: #fff;
    border: 2px solid #9fbd38;
    margin-bottom: 0px;
    border-radius: 50px;
}

.tabbable-line>.nav-tabs>li>a>i {
    font-size: 18px;
    margin: 0 4px 0 0;
}

.tabbable-line>.nav-tabs>li.active>a,
.tabbable-line>.nav-tabs>li:hover>a {
    background: #9fbd38;
    color: #ffffff;
}

.tabbable-line>.nav-tabs>li.active>a>i {
    color: #ffffff;
}

.tabbable-line>.tab-content {
    background-color: #fff;
    padding: 15px 0;
}

.portlet .tabbable-line>.tab-content {
    padding-bottom: 0;
}

.tabbable-line>.tab-content p,
.tabbable-line>.tab-content h3 {
    -webkit-animation: fadeInScale 0.7s ease-in-out;
    -moz-animation: fadeInScale 0.7s ease-in-out;
    animation: fadeInScale 0.7s ease-in-out;
}

.tabbable-line>.tab-content .img-illu {
    width: 50%;
    bottom: 7%;
    position: absolute;
    left: 10%;
    height: auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .tabbable-line>.tab-content .img-illu {
        width: 62%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tabbable-line>.tab-content .img-illu {
        width: 70%;
    }
}

@media only screen and (max-width: 768px) {
    .tabbable-line>.nav-tabs>li>a {
        font-size: 14px;
        padding: 5px 5px;
    }
}

@media (max-width: 767px) {
    .tabbable-line>.nav-tabs {
        display: inline-block;
    }
}


/*NEW TAB*/


/*Content Animation*/

@keyframes fadeInScale {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

	.Slider-swiper-container .swiper-container {
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.Slider-swiper-container .swiper-container .swiper-slide {
		background-position: center;
		background-size: cover;
		width: 320px;
		background-color: #fff;
		overflow: hidden;
		border-radius: 8px;
	}

	.Slider-swiper-container .swiper-container .swiper-slide:hover {
		cursor: pointer;
		box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
	}

	.Slider-swiper-container .swiper-container .picture {
		width: 320px;
		height: 320px;
		overflow: hidden;
	}

	.Slider-swiper-container .swiper-container .picture img {
		display: block;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.Slider-swiper-container .swiper-container .detail {
		padding: 25px 10px;
		font-weight: 600;
		text-align: center;
		position: absolute;
		margin: auto;
		width: 100%;
		bottom: 0;
		border-top: dashed #fff;
		background: rgb(0, 0, 0, 0.2);
	}

	.Slider-swiper-container .swiper-container .detail h3 {
		margin: 0;
		font-size: 20px;
		color: #fff;
	}

	.Slider-swiper-container .swiper-container .detail span {
		display: block;
		font-size: 16px;
		color: rgb(250, 250, 250, 1);
	}

	.Slider-swiper-container .swiper-container .swiper-pagination-bullet-active {
		background: #9fbd38;
	}

	@media (max-width: 767px) {
		.Slider-swiper-container .swiper-container .swiper-slide {
			width: 300px;
		}
		.Slider-swiper-container .swiper-container .picture {
			width: 300px;
		}
		.Slider-swiper-container .Slider-swiper-container {
			max-width: 360px;
		}
	}
/*SWIPE SLIDE*/

	@media (max-width: 360px) {
		.Slider-swiper-container .Slider-swiper-container {
			max-width: 320px;
		}
	}
.Slider-swiper-container .swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

	@media (min-width: 992px) {
		.Slider-swiper-container .swiper-container .swiper-slide {
			width: 420px;
		}
		.Slider-swiper-container .swiper-container .picture {
			width: 420px;
			height: 450px;
		}
	}
.Slider-swiper-container .swiper-container .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 320px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 8px;
}

.Slider-swiper-container .swiper-container .swiper-slide:hover {
    cursor: pointer;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.Slider-swiper-container .swiper-container .picture {
    width: 320px;
    height: 320px;
    overflow: hidden;
}

.Slider-swiper-container .swiper-container .picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.Slider-swiper-container .swiper-container .detail {
    padding: 25px 10px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    margin: auto;
    width: 100%;
    bottom: 0;
    border-top: dashed #fff;
    background: rgb(127, 152, 43, 0.9);
}

.Slider-swiper-container .swiper-container .detail h3 {
    margin: 0;
    font-size: 20px;
    color: #fff;
}

.Slider-swiper-container .swiper-container .detail span {
    display: block;
    font-size: 16px;
    color: rgb(250, 250, 250, 1);
}

.Slider-swiper-container .swiper-container .swiper-pagination-bullet-active {
    background: #9fbd38;
}

@media (max-width: 767px) {
    .Slider-swiper-container .swiper-container .swiper-slide {
        width: 300px;
    }
    .Slider-swiper-container .swiper-container .picture {
        width: 300px;
    }
    .Slider-swiper-container .Slider-swiper-container {
        max-width: 360px;
    }
}

@media (max-width: 360px) {
    .Slider-swiper-container .Slider-swiper-container {
        max-width: 320px;
    }
}

@media (min-width: 992px) {
    .Slider-swiper-container .swiper-container .swiper-slide {
        width: 420px;
    }
    .Slider-swiper-container .swiper-container .picture {
        width: 420px;
        height: 450px;
    }
}

/*highlight-co*/
.highlight-co .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

/*TAB CONTAINER*/
.bg-two-columns {
    /*background-color: #f5f5f5;*/

    float: left;
    width: 100%;
    position: relative;
    background-color: #7f982b;
}
.polygon-img {
    background-color: #000;
    color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    /*z-index: 2;*/

    -webkit-clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
    /*opacity: 0.8;*/
}
.bg-two-columns .div-r {
    padding: 30px 20px 20px 20px;
    background-color: #7f982b;
    /* height: 400px;*/
}
@media (min-width: 768px) {
    .bg-two-columns .div-r {
        height: 600px;
        /*overflow-y: auto;*/
    }

    .bg-two-columns .div-r .contain-dataTab {
        overflow-y: auto;
        max-height: 470px;
    }
}
.bg-two-columns .div-l {
    height: 600px;
    padding: 0px!important;
}
.bg-two-columns h3 {
    position: relative;
    padding: 10px 20px;
    margin: 0 -30px 20px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
    text-align: center;
    color: #7f982b;
    background: #ffffff;
    /* css3 extras */

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    /* See "NOTE 1" */

    zoom: 1;
    left: -40px;
    text-transform: none;
}
.bg-two-columns h3:before {
    content: "";
    position: absolute;
    /* See "NOTE 2" */
    /*z-index:-1;*/

    top: 100%;
    left: 0;
    border-width: 0 30px 20px 0;
    border-style: solid;
    border-color: transparent #e7e7e5;
}
.bg-two-columns p {
    font-size: 16px;
    color: #ffffff;
}
@media (max-width: 767px) {
    .bg-two-columns .div-r {
        padding: 5px 10px 15px 15px;
        /* height: 400px;*/
    }

    .bg-two-columns .div-r img {
        margin-top: -20px;
        margin-bottom: 15px;
    }

    .bg-two-columns h3 {
        position: relative;
        padding: 5px 10px;
        margin: 0px -20px 20px;
        font-size: 20px;
        left: -10px;
    }

    .bg-two-columns h3:before {
        border-width: 0 20px 15px 0;
    }

    .bg-two-columns p {
        text-align: justify;
    }
    .polygon-img {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
    .bg-two-columns .div-l {
        min-height: 230px;
        height: auto;
        top: -35px;
    }
}
.contain-dataTab .panel {
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 25%);
    border-color: #3f4e58;
}
.contain-dataTab .panel-default {
    border-radius: 0;
    border: none;
    background: none;
    margin-bottom: 0;
    padding-bottom: 14px;
}
.contain-dataTab .panel-default>.panel-heading {
    border: none;
    background: none;
    padding: 0;
}
.contain-dataTab .panel-default>.panel-heading+.panel-collapse .panel-body {
    border: none;
    padding: 0 0 0 10px;
}
.contain-dataTab .panel-default h5 {
    font-size: 16px;
    font-weight: 300;
    padding: 0;
    margin: 0 0 5px;
}
.contain-dataTab .panel-group .panel+.panel {
    margin-top: 15px;
}
.contain-dataTab .panel-default .accordion-toggle:before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    background: #3f4e58;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    top: 4px;
}
.contain-dataTab .panel-default .collapsed:before {
    background: #ffffff;
}
.contain-dataTab .panel-default .panel-title:hover a.collapsed:before {
    background-color: #3f4e58;
}
.contain-dataTab .panel-default .accordion-toggle,
.contain-dataTab .panel-default a.accordion-toggle:focus,
.contain-dataTab .panel-default a.accordion-toggle:hover,
.contain-dataTab .panel-default a.accordion-toggle:active {
    color: #3f4e58;
    text-decoration: none;
}
.contain-dataTab .panel-default .collapsed {
    color: #ffffff;
}
.contain-dataTab li {
    font-size: 16px;
}
.contain-dataTab h5 {
    text-transform: none;
}

	/*Fix color add btn*/
	.toolbar-bottom-adds .addBtnFoot {
		background-color: #ccc!important;
		border-bottom: 3px solid;
	}
	.toolbar-bottom-adds .bg-green {
		border-color: #93C020 !important;
	}
	.toolbar-bottom-adds .bg-yellow {
		border-color: #FFC600 !important;
	}
	.toolbar-bottom-adds .bg-orange {
		border-color: #FFA200 !important;
	}
	.toolbar-bottom-adds .bg-purple {
		border-color: #8C5AA1 !important;
	}
	.toolbar-bottom-adds .bg-green-poi {
		border-color: #20C06B !important;
	}
	.toolbar-bottom-adds .bg-azure {
		border-color: #2BB0C6 !important;
	}
	.toolbar-bottom-adds .bg-vine {
		border-color: #89403d !important;
	}
	.toolbar-bottom-adds .bg-yellow-k {
		border-color: #fbbc05 !important;
	}
	.toolbar-bottom-adds .bg-turq {
		border-color: #229296!important;
	}
	.toolbar-bottom-adds .bg-dark {
		border-color: #2C3E50 !important;
	}

/* Dropdown tools */

.tools-dropdown ul.dropdown-menu {
	border-radius: 4px;
	box-shadow: none;
	margin-top: 20px;
	width: 260px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-right: -18px;
	left: auto;
	right: 0px;
}
.tools-dropdown {
	padding-top: 10px;
}
.tools-dropdown ul.dropdown-menu:before {
	content: "";
	border-bottom: 10px solid #fff;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	top: -10px;
	right: 16px;
	z-index: 10;
}
.tools-dropdown .caret, .btn-language .caret {
	display: none;
}
.tools-dropdown ul.dropdown-menu:after {
	content: "";
	border-bottom: 12px solid #ccc;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	position: absolute;
	top: -12px;
	right: 14px;
	z-index: 9;
}
.tools-dropdown .dropdown-menu>li>a {
	padding: 3px 10px!important;
}
.tools-dropdown .dropdown-menu>li {
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
.tools-dropdown .dropdown-menu>li>a>p {
	color:#262626;
	/*padding-top: 10px;*/
	padding-bottom: 5px;
	margin-bottom: 0px;
	font-weight: 600;
	font-size: 12px;
}

.tools-dropdown .dropdown-menu>li>a>img {
	width: 40px;
	height: 40px;
}
@media (max-width: 767px) {
	.navbar-nav .dropdown-menu.dropdown-languages-nouser {
		background-color: #ffffff;
		border: 1px solid transparent;
		right: 0;
		left: auto;
	}
}


/*Fix color add btn*/
.toolbar-bottom-adds .addBtnFoot {
    background-color: #ccc!important;
    border-bottom: 3px solid;
}
.toolbar-bottom-adds .bg-green {
    border-color: #93C020 !important;
}
.toolbar-bottom-adds .bg-yellow {
    border-color: #FFC600 !important;
}
.toolbar-bottom-adds .bg-orange {
    border-color: #FFA200 !important;
}
.toolbar-bottom-adds .bg-purple {
    border-color: #8C5AA1 !important;
}
.toolbar-bottom-adds .bg-green-poi {
    border-color: #20C06B !important;
}
.toolbar-bottom-adds .bg-azure {
    border-color: #2BB0C6 !important;
}
.toolbar-bottom-adds .bg-vine {
    border-color: #89403d !important;
}
.toolbar-bottom-adds .bg-yellow-k {
    border-color: #fbbc05 !important;
}
.toolbar-bottom-adds .bg-turq {
    border-color: #229296!important;
}
.toolbar-bottom-adds .bg-dark {
    border-color: #2C3E50 !important;
}

.editor-toolbar.fullscreen,
.CodeMirror-sided.CodeMirror-fullscreen,
.editor-preview-side.editor-preview-active-side
{
    z-index: 100000 !important;
}
.cursor-pointer{
    cursor: pointer !important;
}
.cursor-initial {
    cursor: initial !important;
}
/*   CSS SubMenu   */
#subMenu {
    box-shadow: 0px 2px 3px -3px rgb(0 0 0 / 50%);
    border-bottom: 1px solid #dadada;
    z-index: 99999;
    left: 0px;
    position: fixed;
    background-color: white;
    left: 0px;
    right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#subMenu .lbh-menu-app, #subMenu .lbh-urlExtern, #subMenu .lbh-anchor, #subMenu .lbh-dropdown, #subMenu .lbh-default {
    font-size: 20px;
    /*font-weight: 800;*/
    padding-bottom: 0px;
    /*margin-left: 10px;*/
    text-transform: capitalize;
}

.drop-down-sub-menu {
    padding: 10px 20px;
    border: none;    
    margin-top: 20px;
    min-width: 300px;
}

.drop-down-sub-menu::before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 30px;
    z-index: 10;
}

.drop-down-sub-menu::after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 30px;
    z-index: 9;
}

.drop-down-sub-menu-content a {
    padding: 0 !important;
    margin-left: 15px !important;
    font-weight: lighter !important;
    line-height: 2;    
    white-space: nowrap;
}

.drop-down-sub-menu-content a i {
    margin-right: 10px;
}

.sous-menu-btn-navigation {
    padding-left: 30px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

/* dropdown full width */
.dropdown-app-full-width .drop-down-sub-menu {
    padding: 0!important;
    margin-top: 10px;
    box-shadow: none;
    border-top: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
    border-radius: 0px;
}

.dropdown-app-full-width .drop-down-sub-menu .sous-menu-full-width {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.dropdown-app-full-width .drop-down-sub-menu .sous-menu-full-width a {
    font-size: 15px;
    padding: 10px;
}

.dropdown-app-full-width .drop-down-sub-menu .sous-menu-btn-navigation-full-width a {
    padding: 0px !important;
}

.dropdown-app-full-width .drop-down-sub-menu .sous-menu-full-width a i {
    margin-right: 10px;
}

.dropdown-app-full-width .drop-down-sub-menu a {
    line-height: 2 !important;
}

.dropdown-app-full-width .drop-down-sub-menu::before,
.dropdown-app-full-width .drop-down-sub-menu::after {
    border: none;
}

.dropdown-app-full-width .sous-menu-btn-navigation-full-width {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin-left: 20px;
}

/* end dropdown full width */

.aap-organism-chooser{
    text-decoration: none !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width : 140px;
    text-decoration: none;
    color: rgb(125, 121, 121);
}
@media (max-width: 767px) {
    .aap-organism-chooser {
        width : auto;
    }
}

.fraction {
    display: inline-block;
    vertical-align: middle;
}

.fraction sup {
    display: block;
}

.fraction sub {
    display: block;
    border-top: 1px solid #000;
    padding-top: 7px;
}
.fraction sup .fa,.fraction sub .fa{
    line-height: 0 !important;
}


.dropdown-languages-content {
    border: 1px solid transparent;
    min-width: max-content;
}

.dropdown-languages-select-form {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    list-style: none;
}

.dropdown-languages-select-form .btn-language-flag {
    padding: 5px 0;
}

.dropdown-languages-select-form .btn-language-flag {
    padding: 5px 15px;
    width: 100%;
}

.dropdown-languages-select-form .btn-language-flag.active {
    background-color: #337ab7;
    border: none;
    border-radius: 0px;
}

.dropdown-languages-select-form .btn-language-flag.active a {
    color: white;
} 

.dropdown-languages-select-form .language-flag {
    margin-right: 10px;
}
#ctrlK{
    padding-top: 10px;
    margin-left: 10px;
}
#ctrlK button .search-btn-placeholder{
    color : #696868;
    font-size: 16px;
}
#ctrlK button .search-btn-keys{
    color: #696868;
    font-size: 10px;
    box-shadow: 1px 1px 1px 1px rgb(63, 78, 88), 1px 0px 1px 1px rgb(63, 78, 88);
    margin-left: 2px;
    margin-bottom: 1px;
    padding: 1px;
    background: #e2e2e2;
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 36px;
    background-color: #f0f0f0;
}
#ctrlK button .fa{
    font-size: 20px;
    margin-right : 5px;
}
#ctrlK button{
    border: 0;
    cursor: pointer;
    font-weight: 500;
    height: 36px;
    border-radius: 10px;
    padding : 2px 10px 3px 10px;
    user-select: none;
}
#ctrlK button:active .search-btn-placeholder, 
#ctrlK button:focus .search-btn-placeholder, 
#ctrlK button:hover .search-btn-placeholder{
    color: black;
}
#ctrlK button:active , #ctrlK button:focus, #ctrlK button:hover {
    background: white;
    box-shadow: inset 0 0 0 2px #9fbd38;
    color: black;
    outline: 0;
}
@media (max-width: 767px){
    #ctrlK button{
        height: 31px;
    }
    #ctrlK button .fa {
        font-size: 12px;
        margin-right: 1px;
    }
    #ctrlK button .search-btn-placeholder {
        font-size: 12px;
    }
    #ctrlK button .search-btn-keys { 
        font-size: 8px; 
        margin: 2px;
        padding: 2px; 
        width: 25px; 
    }
    #ctrlK button {
        padding: 3px 4px 4px 5px;
    }
}
/* #ajax-modal.portfolio-modal.lock-scroll {
    overflow-y: hidden !important;
} */
#btnValideAddress {
    animation: badgeblinkings 1.5s infinite;
}

@keyframes badgeblinkings {
    0% {
        background-color: #044679;
    }
    50% {
        background-color: #5dcf8d;
    }
    100% {
        background-color: #044679;
    }
}