/* BODY */
html, body {
    /*height:100%;*/
    width:100%;
    margin: 0;
    margin-top:0px;
    margin-left:0px;
    font-family: "EG_font", "Helvetica Neue", Helvetica, Arial;
    font-size:13px;
    font-color:#686868;
    color:#686868;
	
    /*background-color:#fff;*/
	
	/*background: #ECECEC;*/
	background: #f3f4f6;
	
}



/* PAGE PRINCIPALE */
body:before,
#main-menu:before,
#content-wrapper:before,
#main-wrapper:before,
body:after,
#main-menu:after,
#content-wrapper:after,
#main-wrapper:after {
  content: " ";
  display: table;
}

body:after,
#main-menu:after,
#content-wrapper:after,
#main-wrapper:after {
  clear: both;
}

#main-wrapper {
	width: 100%;
	height:100%;
  /*overflow: hidden !important;*/
}



/* MENU GAUCHE - MAIN MENU*/
#main-menu {
	height:1000px;
    /*background: #1d212a;*/
	text-rendering: optimizeLegibility;
	display: block;
	overflow:hidden;
	top: 0px;
	left: 0px;
/*	position: fixed;*/
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	z-index: 610;
}






/* NAVBAR MAIN */
#main-navbar {
	top: 0px; !important;
	right: 0px; !important;
	z-index:700;
	position:fixed; !important;
	display: block;
/*	left: 210px;*/
	line-height: 17px;
	font-size:13px;
	/*background-color:white;*/
	color:#B1B1B1;
	
	border: none;
	border-radius: 0;
	/*border-bottom: 1px solid rgba(230, 230, 230, 0.7);*/
	border-bottom: 1px solid #f3f4f6;

}
.main_navbar_2017 {
	height: 49px;
	min-height: 49px;
}
.main_navbar_2022 {
	height: 90px;
	min-height: 90px;
}


/* CONTENT-WRAPPER */
#content-wrapper {
    left: 0px;
    /*padding: 74px 30px 30px 20px;*/
	/*padding: 110px 30px 30px 30px;*/
    width: 100%;
    height:100%;
    position: relative;
	transition: var(--theme-transition-sidebar);
}

.top-menu div:first-child{
	width:100%;
}


/* PAGE HEADER */
.page-header-hidden {
	display:none;
	z-index:-999;
}

#page-header {
    /*border-color:#ddd;*/
    /*background: #ECECEC;*/
	/*position:absolute;*/
	background: #fff;
    /*border-bottom: 1px solid #dfdfdf;*/
    margin: 0px 0px 0px 0px;
    padding: 11px 18px;
	top:49px;
	height: 49px;
	left: 0px;
    position:fixed;
    z-index: 600;
	transition: var(--theme-transition-sidebar);
	right: 0;
}

/* LAYOUT CONTENT */

.layout-body {
    /*background: #ffffff;*/
	margin-top: 1rem !important;
    margin: 0;
    /*padding: 50px 20px 0px 20px;*/
    height:auto;
    /*min-height:100%;*/
	padding: 0px 15px;
}

#content-wrapper{
	/*margin-top: 7.5rem !important;*/
	margin-top: 90px !important;
}

/* LAYOUT MENU */
.layout-menu {
	position: fixed !important;
	width:160px;
	border-bottom:0;
	height:auto;
	min-height:100%;
	border: 0 solid;
	border-color: #d6d6d6;
	/*border-right-width:1px;*/
	/*background: #ffffff;*/
	/*padding: 35px 0px 0px 0px;*/
	padding: 0px 20px 5px 0px;
	overflow-x:hidden;
	overflow-y:hidden;
	height:10px;
	z-index:200;
}

.layout-menu.large {
	width:250px;
}
.layout-menu.medium {
	width:205px;
}
.curpage_padding_large {
	padding-left:273px;
}


.layout-body > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.layout-body-with-menu {
	margin-left: 160px;
	/*background: #f4f4f5;*/
	/*background: #C9C9C9;*/
	background: #F7F7F7;
}

.layout-body-with-menu.large {
	margin-left: 250px;
}
.layout-body-with-menu.medium {
	margin-left: 205px;
}


/* SUBLAYOUT CONTENT */
.sublayout-menu {
	position: fixed !important;
	width:160px;
	border-bottom:0;
	height:auto;
	/*min-height:100%;*/
	border: 0 solid;
	border-color: #d6d6d6;
	/*border-right-width:1px;*/
	background: #ffffff;	
	/*padding: 35px 0px 0px 0px;*/
	padding: 50px 20px 85px 20px;
	overflow-x:hidden;
	overflow-y:hidden;
	height:100%;
	z-index:200;
}
.sublayout-body {
	
}
.sublayout-body-with-menu {
	margin-left: 160px;
	/*background: #f4f4f5;*/
	/*background: #C9C9C9;*/
	background: #F7F7F7;
}






/*
.mmc #main-wrapper {
	padding-left: 56px;
}
*/
.navigation.mobile .mm-text{
	display: inline !important;
}

.mmc .menuv{
	text-align: left;
}

.mobile-nav li{
	width:100% !important;
}

.backdrop_loader.active{
	 position: fixed;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: #00000099;
	 z-index: 99999;
	 left: 0;
	display: block !important;
}


.loader-spinner{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lds-ring {
	display: flex;
 	position: relative;
 	align-items: center;
 	justify-content: center;
	width: 80px;
 	height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 5px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* AOR : ca fait planter les selectizes...*/
.modal-backdrop{
	z-index: 1200 !important;
}

.modal{
	z-index:1300 !important;
}




/* MENU 2022 */
#main-menu-css {
	width: var(--theme-wsidebar-full-width);
}

@media (min-width: 1023px) {
	.menu_extend #content-wrapper {
		width: calc(100% - var(--theme-wsidebar-full-width));
	}
	.menu_extend #main-navbar, .menu_extend #page-header, .menu_extend #content-wrapper {
		left: var(--theme-wsidebar-full-width);
	}
	.menu_extend #main-menu-css {
		left: 0px;
	}

	.menu_compact #content-wrapper {
		width: calc(100% - var(--theme-wsidebar-retracted));
		left: var(--theme-wsidebar-retracted);
	}
	.menu_compact #main-navbar, .menu_compact #page-header {
		left: var(--theme-wsidebar-retracted);
	}
	.menu_compact #main-menu-css {
		left: calc(var(--theme-wsidebar-retracted) - var(--theme-wsidebar-full-width));
	}

}

@media (max-width: 1023px) {
	#page-header, #main-navbar{
		left: 0px !important;
	}
	#content-wrapper{
		width: 100% !important;
		left: 0 !important;
	}
	.menu_extend #main-menu-css,
	.menu_compact #main-menu-css {
		left: -256px !important;
	}



}
	#main-menu-css {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	#main-menu-css.force_view ,
	#main-menu-css.force_view  {
		left: 0px !important;
	}