@font-face {
	font-family: "mona";
	src: url('Mona-Sans-Regular.ttf');
  }
@font-face {
	font-family: "inter";
	/*src: url('Mona-Sans-Regular.ttf');*/
	src: url('Inter_24pt-Regular.ttf');
  }


:root{
	--fontfamily: inter, -apple-system,Roboto, system-ui, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
	
}
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a{
	color:#0dcaf0;
}
.text-ellipsis {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-sm {
    font-size: .75rem!important;
    line-height: 1rem;
	color: var(--neutral-10)!important;
	color:rgb(180,180,180)!important;;
}
.bold{
	font-weight: 600;
}
.noshadow{
	box-shadow: transparent 0px 0px 0px!important;
}
.border{
  border-style: solid;
  border-width: 1px;
  border-color: var(--border_color);
}
.no_border{
	border: none!important;
  }
.radius{
	border-radius: 100px!important;
}
.no_radius{
	border-radius: 0px!important;
}

.onPrint{
	display:none;
}
@media print{
	.onPrint{
		display:block;
	}
	.box{
		background: transparent;
		box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0)!important;
	  }
 }
 
body{
	--headerHeight:51px;
	--dialogBoxTitleSize:18px;
	--dialogBoxTextSize:16px;
	--d_nav_contWidth:40px;
	
	width:100%;margin:auto;
	height: 100vh;
	
	/*font-family: -apple-system,mona, system-ui, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;*/
	font-family:var(--fontfamily);
	-webkit-font-smoothing: antialiased;
	font-size: 1rem;
	/*font-size:13px;*/
	font-weight: 100; font-weight: 400;
	line-height: 1.5;
}
@media screen and (max-width:648px) {
	body{
		--headerHeight:53px;
		--d_nav_contWidth:0px;
		--dialogBoxTitleSize:18px;
		--dialogBoxTextSize:16px;
	}
}
@media screen and (min-width:649px)  and (max-width:900px) and (min-height:400px){
	body{
		--headerHeight:80px;
		--d_nav_contWidth:0px;
	}
    
   .cont_d{
		width: 100%;
		height: 100vh;
		display:flex;
		flex-flow: column;
		flex-direction:column;
 	}
 	.d_main{
		width: 100%;
		min-width: 100%;
		height: auto;
		min-height: auto;
		display: flex;
   	}
 	.d_nav_cont{
		width: 100%;
		height: 75px;
		min-height: 75px;
		min-width: 100%;
 	}
    .cont_msg_realod_page{
		width: 100%;
		min-width: 100%;
	}
	 .page_main_cont{
		margin-right: 0px; 
		width: 100%;
		padding-top:120px!important;
	}
	.panel_page_head{
		padding-top:50px;
	}
	.container_header_bar{
		width: 100%;
		margin: auto;
	}
}

/******/
.cont_d{
	width: 100%;
	height: 100vh;
	background: var(--body);
	display:flex;
	flex-direction:row-reverse;
 }
 .d_main{
	width: auto;
	height: auto;
	min-height: auto;
	background: var(--body);
	display: flex;
	flex-grow: 1;
	overflow-y: hidden;
 }
 .d_nav_cont{
	width: 55px;
	max-width:55px;
	min-width:55px;
	height: 100vh;
	
 }
 @media screen and (min-width:1181px){
 	.d_nav_cont_large{
		width: 120px;
		max-width:160px;
		min-width:160px;
		height: 100vh;
		text-align: left;
 	}	
}
 .cont_msg_realod_page{
	background: var(--msgErrConnexionbgd);
	color: var(--msgErrConnexionColotText);
	position: fixed;
	width: 100%;
	width: 96%;
	margin-left: 2%;
	border-radius: 6px;
}
.cont_msg_realod_page button{
	border: none!important;
	background: transparent!important;
	color: white;
	height: 30px;
	margin-right: 12px;
	font-weight: bold;
	font-size: 16px;
}
.pc_bottom_vert_menu{
	display: block;
	position: fixed;
	bottom:40px;
}
 @media screen and (min-width:649px){
	.cont_msg_realod_page{
		width: 20%;
		left:60px;
		min-width: 25%;
		position:fixed;
		bottom: 10px;
		border-radius: 4px;
		
	}
	
 }
 
/***/

.panel_page{
    position:fixed;
    width:100%;
    height: 100vh;
	
}
.panel_page_full{
    position:fixed;
    width:100%;
    height: 100vh;left: 0px;
	z-index:9999999999999999999999;
}
.panel_page_full_with_bottom_nav{
    position:fixed;
    width:100%;
    height: 100vh;left: 0px;
	z-index:9999999999;
}
.panel_page_head{
    position:fixed;
    width:100%;
	z-index: 999999999999999;
}
.headerGobale{
	z-index: 99999999999999999;
}
.header_settings{
	z-index: 9999999999999999999;
}
.container_header_bar{
	/*width: 96%;*/
	margin: auto;
	margin-right: var(--d_nav_contWidth);
}
.container_header_flex{
	display: flex;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	align-items:stretch;
	height:var(--headerHeight);
}
.panel_page_main{
    position:fixed;
	z-index: 999999;
    width:100%;
	max-width: 100%;
    height:100vh;
	overflow: hidden;
    overflow-y: auto;
	
}
.page_main_cont{
	padding-top:var(--headerHeight);
	margin-right:var(--d_nav_contWidth);
	margin-right: 60px;
}
.page_main_cont_left_nav{
  width:12%; position:fixed ; 
  height: 100%; 
  background-color: var(--left_nav);
}

/**/

/*
.mode_gml_design .panel_page{
	position:fixed;
	width:92%;
	height:90vh;
	top:var(--headerHeight);
	border-radius:20px;
	background: white!important;
	overflow: hidden;
	border-bottom:solid 1px var(--border_color);
} */

.fillpage .panel_page{
    min-width: 96% !important;left: 2% !important;
}

.mode_gml_design_large .panel_page_main{
	width:100%; 
}
.mode_gml_design_large .d_nav_sub_menu{
	display: block;
	width:200px;
	position: fixed; z-index: 999999999999999999999999;
	left: 65px;
	top:50px; height: 100vh; padding-bottom: 60px;
	display: none;
	
}

.mode_gml_design_large .d_nav_sub_menu:hover{ 
	overflow: auto;
}
.contnavItems{
   background: var(--body);   
   margin: auto;
   height: 100vh;
   padding-left:8px;
   padding-right: 8px;
}
.mode_gml_design_large .d_nav_sub_menu li{
	padding-left: 5px;
	margin-bottom: 3px;
	font-size: 14.5px;
	font-weight: 450;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 8px;
	cursor: pointer;
}
.mode_gml_design_large .d_nav_sub_menu li:hover{
	background: rgba(120,120,120,0.6);
}

.mode_gml_design_large .d_nav_sub_menu a{
	color:var(--main_text);
	color: hsl(218 48% 10%);
}

.subnavMenuActived{
	background: var(--activedSubMenu);
	border-radius:8px;
	color: white;
}
.subnavMenuActived a{
	
	color: white!important;
}

@media screen and (max-width:919px){
	.mode_gml_design_large .panel_page_main{
		width:100%;
	}
	.mode_gml_design_large .d_nav_sub_menu {
		top: 0px;
		width: 100%;
		left: 55px;
		display: none;
		background: rgba(120,120,120,0.6);
	}
	.contnavItems{  
   		width: 80%;
		margin-left: 0px!important;
		padding-left: 8px;
		padding-right: 8px;
	}
}
@media screen and (max-width:919px) and (min-height:900px){

	.mode_gml_design_large .d_nav_sub_menu {
		left: 0px;
		top: 0px;
		width: 100%;
		display: none;
	}  
}
@media screen and (min-width:649px)and (max-width:919px){
	.mode_gml_design_large .panel_page_main{
		width:100%;
	}
	.mode_gml_design_large .d_nav_sub_menu {
		top: 0px;
		width: 100%;
	}
	.contnavItems{  
   		width: 35%!important;
	}
}


@media screen and (min-width:920px) and (max-height:500px){

	.mode_gml_design .panel_page{
		position:fixed;
		width:92%;
		height:90vh;
		top:var(--headerHeight);
		border-radius:20px;
		background: white!important;
		overflow: hidden;
		border-bottom:solid 1px var(--border_color);
	}
	.mode_gml_design .panel_page_head{
		position:fixed;
		width:100%;
		width:92%;
		z-index: 999999999999999;
		border-radius: 20px 20px 0px 0px;
		border-bottom:solid 1px rgb(240,240,240);
		background: white;
		border: none;
		/*
           box-shadow: rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0.05) 0 1px 2px 0;
        */
	}
	.mode_gml_design .container_header_bar{
		width: 96%;
		margin: auto;
	}
	.mode_gml_design .panel_page_main{
		position:fixed;
		z-index: 999999;
		width:100%;width:92%;
		height:88vh; top: 100px; height:80vh;
		background: transparent;
	}

	.mode_gml_design_large .panel_page{
		position:fixed;
		width:80%;
		left:18% ;
	}
	.mode_gml_design_large .panel_page_head{
		position:fixed;
		width:80%;
	}
	.mode_gml_design_large .container_header_bar{
		width: 96%;
		margin: auto;
	}
	.mode_gml_design_large .panel_page_main{
		width:80%;
	}
	.mode_gml_design_large .d_nav_sub_menu{
		display: block;
		width:12%;
		position: fixed; z-index: 999999999999999999999999;
		left: 65px;
		top:50px;
       
	}
	.contnavItems_title{
		/*
       font-size: 11px!important;
	   color:rgb(160,160,160);
	   */
	   font-weight: 600;
	}

	.mode_gml_design .page_main_cont{
		padding-top:0px;
		margin: 0px;
	}
	.mode_gml_design .panel_partial_main_cont_for_mini_nav{
		
	}

	.mode_gml_design .panel_page_head .contSearch {
	
		background: transparent;
	}
	.darkTheme .mode_gml_design .panel_page, .darkTheme .mode_gml_design .panel_page_head{
		background: var(--body)!important;
		border-bottom:solid 1px rgb(60,60,60);
	}
	.darkTheme .mode_gml_design .panel_page_head{
		background: var(--body)!important;
		border-bottom:solid 1px rgb(60,60,60);
	}

	.mode_gml_design_large .d_main_fill .panel_page{
		width:91%;
		left:7% ;
	}
	.mode_gml_design_large .d_main_fill .panel_page_head,.mode_gml_design_large .d_main_fill .panel_page_main{
		width:91%;
		
	}
}


@media screen and (min-width:920px)  and (min-height:500px){

	.mode_gml_design .panel_page{
		position:fixed;
		width:92%;
		height:90vh;
		top:var(--headerHeight);
		border-radius:20px;
		background: white!important;
		overflow: hidden;
		border-bottom:solid 1px var(--border_color);
	}
	.mode_gml_design .panel_page_head{
		position:fixed;
		width:100%;
		width:92%;
		z-index: 999999999999999;
		border-radius: 20px 20px 0px 0px;
		border-bottom:solid 1px rgb(240,240,240);
		background: white;
		/*
        box-shadow: rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0.05) 0 1px 2px 0;
        */
	}
	.mode_gml_design .container_header_bar{
		width: 96%;
		margin: auto;
	}
	.mode_gml_design .panel_page_main{
		position:fixed;
		z-index: 999999;
		width:100%;width:92%;
		height:88vh; top: 100px; height:80vh;
		background: transparent;
	}

	.mode_gml_design_large .panel_page{
		position:fixed;
		width:80%;
		left:18% ;
	}
	.mode_gml_design_large .panel_page_head{
		position:fixed;
		width:80%;
	}
	.mode_gml_design_large .container_header_bar{
		width: 96%;
		margin: auto;
	}
	.mode_gml_design_large .panel_page_main{
		width:80%;
	}
	.mode_gml_design_large .d_nav_sub_menu{
		display: block;
		width:11%;
		position: fixed; z-index: 999999999999999999999999;
		left: 80px;
		top:50px;
       
	}
	
	.mode_gml_design_large .d_nav_sub_menu li i{
		margin-right:5px;
	}
	
	.mode_gml_design .page_main_cont{
		padding-top:0px;
		margin: 0px;
	}
	.mode_gml_design .panel_partial_main_cont_for_mini_nav{
		
	}

	.mode_gml_design .panel_page_head .contSearch {
	
		background: transparent;
	}
	.darkTheme .mode_gml_design .panel_page, .darkTheme .mode_gml_design .panel_page_head{
		background: var(--body)!important;
		border-bottom:solid 1px rgb(60,60,60);
	}
	.darkTheme .mode_gml_design .panel_page_head{
		background: var(--body)!important;
		border-bottom:solid 1px rgb(60,60,60);
	}

	.mode_gml_design_large .d_main_fill .panel_page{
		width:91%;
		left:7% ;
	}
	.mode_gml_design_large .d_main_fill .panel_page_head,.mode_gml_design_large .d_main_fill .panel_page_main{
		width:91%;
		
	}
	.de_gml_design_large .panel_page_main{
		width:80%;
	
	}
	.d_nav_cont{
		 width: 50px;
		 max-width:50px;
		 min-width:50px;
		 height: 100vh;
	 }
	 .mode_gml_design_large .d_nav_sub_menu{
		 display: block;
		 width:13%;
		 max-width:13%;
		 position: fixed; z-index: 999999999999999999999999;
		 left:50px;
		 top:50px ;
	 }
	 .mode_gml_design_large .d_nav_sub_menu a{
		font-size: 12.5px;
		font-size: 13.5px;
	}

 }

/*
.panel_partial_main_cont{
	width:84%; 
	height:100vh;
	left: 16%; 
	overflow-y: scroll;
}*/
@media screen and (min-width:901px) {
	.float_right_pc{
		float: right;
	}
	.float_left_pc{
   		float: left;
	}
}

.containerOverPage{
	position: fixed;
	z-index:99999999999999999999;
	top:0px;
	width: 100%;
	height: 100vh;
	background: rgba(200, 0, 0, 0.5);
	display:none;
}
/**/
.frameOverPageDown{
	position: fixed;
	z-index:99999999999999999999999;
	bottom:0px;
	width: 100%;
	height: 100vh;
	background: rgba(20, 0, 0, 0.2);
	display:none;
}
.frameOverPageDownMenu{
	position: fixed;
	z-index:9;
	bottom:0px;
	width: 100%;
	height: 100vh;
	background: rgba(20, 0, 0, 0.2);
	display:none;
}
/*
.frameOverPageDown_cont{
    display: flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    -webkit-align-items:center;
    align-items:flex-end;
    height: 100vh;
	width: 100%;
	background: transparent;
}*/
.frameOverPageDown_cont ,.frameOverPageDown_cont_middle_content{
    text-align: center;
    display: flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    height: 100vh;
	width: 100%;
	background: transparent;
	overflow-y: scroll;
}
.frameOverPageDown_cadre{
	background: var(--cadre);
	width:38%;
	margin: auto;
	border-radius: 8px 8px 0px 0px;
	box-shadow: rgba(121,121,121,.35) 1px 10px 20px;
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .2), 0 2px 12px 2px rgba(0, 0, 0, .15);
}
.frameOverPageDown_cont .frameOverPageDown_cadre{
	
}

.frameOverPageDown_header{
	display: flex;
	max-width: 100%;
	padding: 6px;
	align-items: center;
	border-radius: 12px 12px 0px 0px;

}
.frameOverPageDown_title{
	flex-grow: 1;
	text-align: left;
	padding: 3px 2px;
	font-weight: 600;
	color: var(--title_text);
}
.frameOverPageDown_btnClose{
	background: transparent;
	border: none;
	font-size:28px;
	color:var(--main_text);
}
.frameOverPageDown_footer{
	border-radius: 0px 0px 12px 12px;
    padding: 12px;
	text-align: left;
}

@media screen and (min-width:1181px){
	.panel_partial_main_cont{
		width:88%; 
		margin-left:12%; 
		
	}
	.panel_partial_main_cont_for_mini_nav{
		width:95%; 
		margin-left:5%; 
		
	}
	
}

.contnav_left_menu_Items{
   display: block;
   width: 90%; 
   margin: auto; 
}
.contnav_left_menu_Items ul{
	margin-left: 0px;
	padding-left: 0px;
}

.center_v_align-items{
    text-align: center;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.bottom_v_align-items{
    text-align: center;
    display: flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    -webkit-align-items:center;
    align-items:flex-end;
}
.d-flex{
	display: flex;
}
.d-flex_block_mb{
	display: flex;
}
.middle_disp{
	align-items: center;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}
.bottom_disp{
	align-items:flex-end;
}

.textLoader{ color: white; }
a{  text-decoration:none; }
a:hover{ color: #448eef; }
li{ list-style: none}
img{width:100/9; max-width:100%; height:auto;}
video{width:100%; height:auto;}
p{ font-size:16px;line-height:16px;}
.inputText:focus ,.input:focus, input:focus{outline: none;}
.select:focus,select:focus{outline: none;}

.msgErr{ color:rgb(152,12,19)}

.offPC{display: none}

.cont{width:100%;margin:auto;}

.msgErrConnexion{
	/*
	background:rgb(152,12,19);
	color:rgb(220,220,220);*/
	background:var(--msgErrConnexionbgd);
	color:var(--msgErrConnexionColotText);
	position:fixed;
	display:none;
	bottom:100px;
	left:30%;width:40%;
	z-index:999999999999999;
	padding:2px;border-radius:5px;
}
.msgErrConnexion .bi-cloud-slash{
	color:white;
	
}
.fixed_container{
	position:fixed;
	width: 100%;
	top:0px;left:0px;
	height:100vh;
	z-index:999999999999999; 
}
.float_window{
	position: fixed; 
	z-index:99999999999999999; 
	top:0px; height:100vh;
    width:100%; 
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width:100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width:100%;
  }
.row-1 ,.row-1S{width:98%;margin:auto; }
.row-2, .row-2S{width:96%;margin:auto; }
.row-3, .row-3S{width:90%;margin:auto; }
.row-1{width:94%;margin:auto; }
.row-4 , .row-4S{width:92%;margin:auto;}
.row-5{width:75%;margin:auto;}
.row-6{width:66%;margin:auto;}
.row-7{width:50%;margin:auto;}
.row-8{width:42%;margin:auto;}
.row-9{width:33%;margin:auto;}
.row-10{width:25%;margin:auto;}

/***/
.col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
  }
  
  .col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
  }
  
  .col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
  }
  
  .col-1, .col-1s,.col-2,.col-2s,.col-3, .col-3s,.col-4, .col-4s,.col-5,.col-6,.col-7,.col-7s,.col-8,.col-9,.col-10,.col-11,.col-12,.col-4s,.col-5s,.col-6s ,.col-7s,
 .col-8s,.col-9s,.col-10s,.col-11s
  {
	  	display: inline-block;
	  	/*padding-right: 15px;*/
 		/*padding-left: 15px;*/
	}
  .col-1 ,.col-1s{
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
  }
  
  .col-2 ,.col-2s{
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
  }
  
  .col-3 ,.col-3s{
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
  }
  
  .col-4 ,.col-4s, .col-4-6-12{
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
  }
  
  .col-5 ,.col-5s {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
  }
  
  .col-6 ,.col-6s ,.col-6RM{
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
    width: 50%;
  }
  
  .col-7 ,.col-7s{
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
  }
  
  .col-8 ,.col-8s{
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
  }
  
  .col-9 ,.col-9s{
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
  }
  
  .col-10 ,.col-10s{
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
  }
  
  .col-11, .col-11s {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
  }
  .col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
  }


  .col-1-6-3 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
	display: inline-block;
  }
  
 
  .col-2-2, .col-2-3-2  ,.col-2-2-4{
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
	display: inline-block;
  }
  .col-3-2-1 ,.col-3-2 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	display: inline-block;
  }

  .col-8s{}
  .me-0{margin-right:0!important}.me-1{margin-right:0.25rem!important}.me-2{margin-right:0.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-6{margin-right:12px!important}.me-7{margin-right:30px!important}.me-8{margin-right:10px!important}.me-9{margin-right:20px!important}.me-auto{margin-right:auto!important}

@media screen and (min-width:901px) {
  	.me-2_pc{
		margin-right:0.5rem!important;
  	}
 }

.modalBox, .contextMenu{
	width:100%;
	position:fixed;
	height:100vh;z-index:99999999999999;  
	background:rgba(120,120,120,0.6);
    display:none;  top: 0px;
}
.modalBox  .boxContainer{
	width:30%; margin:auto; 
	position:absolute; top:100px; left:35%;
	background:white;
	border-radius:15px;
}
.modalBox .head_dialogBox{
  background:rgb(220,220,220);
  border-radius:15px 15px 0px 0px;
  padding:5px; padding-left:15px;
  font-weight:500;
}

.modalBox .bottomStyleDisplay{
	bottom:0px; 
	margin:auto; 
	box-shadow: rgba(121,121,121,.35) 1px 5px 10px;
	border-radius:25px 25px 0px 0px;
	
}

.dialogBox{ 
   width:30%; 
   line-height: 16px;
   padding:0px; 
   padding-bottom:0px;
   text-align: center;
   box-shadow: rgba(121,121,121,.35) 1px 5px 10px;
   border-radius: 12px;
    opacity: 1;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}
.dialogBoxMSG{
	border-radius: 16px;
	padding: 4px;
}

.dialogBox_medium { 
	width:60%; 
}
.dialogBox_large{ 
	width:80%; 
}
.dialogBox  .dialogBox_cont_icon{
	/*padding: 8px;*/
}
.dialogBox  .dialogBox_cont_icon i{
	font-size: 78px;
}
.dialogBox  .dialogBox_cont_text{
	/*padding: 8px;*/
}

.dialogBox  .dialogBox_main{
	padding: 18px;
	padding-top:24px;
	padding-bottom:24px;
	line-height:20px; max-height: 80vh;
}
.dialogBox  .dialogBox_titre{
	font-size: var(--dialogBoxTitleSize);
	color:var(--dialogBoxTitle) ;
	font-weight: 600;
	padding-top:8px; 
	padding-bottom: 13px;
}
.dialogBox .dlgb_description{
    width:90%;
    margin:auto; 
	line-height:16px;
	padding-top: 12px;
	/*
	padding-bottom:12px;
	*/
}
.dialogBox_footer, .dialogBox_footer_dbtn{
	border-radius: 0px 0px 8px 8px;
	text-align: center;
	border-top:solid 0px rgb(220,220,220);
	min-height: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*background: rgba(120,120,120,0.6);*/
}
.dialogBox button{
	min-width: 40%;
    height: 45px;
	min-width:30% ; 
	border-radius: 8px;
	margin:auto; 
	background: transparent;
	border:solid 1px var(--primary);
	color:var(--primary);
	/*box-shadow: rgba(121,121,121,.35) 1px 5px 10px;*/
	/*
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
	*/
}
 .dialogBox .dlg_btn_primary{
	margin:auto; margin-right: 5%;
	background: var(--primary);
	color:var(--text_primary);
}

.dialogBox_footer_dbtn button{
	float:left; margin-left:5%;
}
.dialogBox_footer_dbtn .dlg_btn_primary{
	float:right; margin-right:5% ;
}
.dialogBox .inputBox{
	display:flex;
	align-items: center;
	background: white;
	margin-top:15px ;
	border-radius:5px;
	padding-top:5px ; padding-bottom: 5px;
	padding-left: 5px;
}
.dialogBox input{
	flex-grow: 1;
	box-sizing: border-box;
    height: 40px;
    margin: 0;
    padding: 0 5px; 
	padding-top: 5px; padding-bottom: 5px;
    border-radius: 5px;
	border:solid 1px var(--border_color);
	border-radius: 12px;
    max-width: 90%;
    font-size: 16px;
    font-family: inherit;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
	appearance: none;
	
}

.dialogBoxMSG .dialogBox_main ,.dialogBoxMSG .dialogBox_footer, .dialogBoxMSG .dialogBox_titre{
	padding:0px;
}
/**/
.animateFrameDlg{
    position:fixed ;
	bottom: 0px; 
	width:100%; 
	height: 100vh;
	z-index:999999999999999;
	display: none;
	background: rgba(10,10,10,0.6);
	text-align: center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    -webkit-align-items:center;
    align-items:flex-end;
}
.animateFrameDlg .cont_animateFrameDlg{
	width:100%; 
	
}

.btn_fill{
	width: 100%;
}

.btn{
	font-size: 1rem;font-size: 0.8rem;
	font-weight: 500;
	padding: 12px 25px;
	line-height: 24px;
	line-height: 154%;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	border-width: 1px;
	border-radius: 8px;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;

}
.tags ul li {
    display: inline-block; 
}
.tags ul a {
    color: var(--main_text);
    font-size: 14px;
    padding: 6px 14px;
    margin: 0 6px 8px 0;
    border-color: var(--border_color);
	border-width:1px;
	border-style:  solid ;
    display: inline-block;
    border-radius: 50px;
    transition: 0.3s;
	white-space: nowrap;
}

/* CSS animationn pour icon*/
.spin {
	animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

@media screen and (min-width:901px)and (max-width:1024px){
    .container_header_bar{
		/*
		width: 98%;
		margin: auto;
		*/
	}
	.panel_partial_main_cont{
		position:fixed ;
		/*width:95%; left:5%; */
		width:100%; left:0%;
		height:100vh;
	}
	.w_padding{
		width: 90%;margin: auto;
	}
	
}
@media screen and (min-width:649px)and (max-width:900px){

	.row-1, .row-2, .row-3,.row-4,.row-5, .row-6, .row-7, .row-8, .row-9,  .row-11,.row-12{width:100%; }
	.row-10{width:55%;margin:auto;}

	.col-1,.col-2,.col-3,.col-4,.col-8,.col-9,.col-10,.col-11,.col-12{
		max-width:100%;width:100%;
		flex: 0 0 100%;
		max-width: 100%;
		/*padding-right: 10px;
		padding-left: 10px; */
	}
	.col-6{
		
	}
	.col-7{
		
	}

	.col-1-6-3 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
		display: inline-block;
	  }

	.col-2-3-2 ,.col-2-2-4{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-3-2-1, .col-3-2 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-4-6-12{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.panel_page_head{
		position:fixed;
		width:100%;
		z-index: 99999999999;
		padding-top:20px;
	}
	.container_header_bar{
		/*
		width: 98%;
		margin: auto;
		*/
		/*height:51px;*/
	}
	.panel_partial_main_cont{
		position:fixed ;
		width:100%; 
		height:100vh;
		left:0%; 
	}
	.panel_page_main{
		height:100vh;
		
	}
	.page_main_cont{
		padding-top: 80px;
		
	}
	.pc_bottom_vert_menu{
		display: none;
	}

	.frameOverPageDown_cadre{
         width: 60%;
	}
}


@media screen and (max-width:648px) {
	body{
		line-height: 1.6;
		font-size: 0.875rem;
		font-weight: 400;
		-webkit-text-size-adjust: 100%;
    	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.offMob, .offM{display: none!important}
	.no_padding_mob{padding:0px!important}
	
	.cont_d{
		width: 100%;
		height: 100vh;
		display:flex;
		flex-flow: column;
		flex-direction:column;
	 }
	 .d_main{
		width: 100%;
		min-width: 100%;
		height: auto;
		min-height: auto;
		display: flex;
	   
	 }
	 .d_nav_cont{
		width: 100%;
		min-height: 75px;
		max-height: 110px;
		min-width: 100%;
	 }
	 .pc_bottom_vert_menu{
		display: none;
	}
	.float_right_pc{
		clear: both;
		float: none;
   }
   .float_left_pc{
	   clear: both;
	   float: none;
   }
	.panel_page_head{
		position:fixed;
		width:100%;
		z-index: 99999999999;
		padding-top:39px;
	}
	.container_header_bar{
		width: 100%;
		margin: auto;
		height:var(--headerHeight);
	}
	.panel_page_main{
		height:100vh;
		overflow-y: auto;
		padding-top: 90px;
		width: 100%;
	}
	.page_main_cont{
		padding-top:0px;
		padding-bottom:160px;
		margin:0px;
	}
	.page_main_cont_left_nav{
		width:100%;
		display: none;
	}
	.panel_partial_main_cont{
		width:100%; 
		left: 0px;
	}

	.mode_gml_design_large .panel_page_head{
		top:12px; 
	}
	.mode_gml_design_large .panel_page_main{
		padding-top: 96px;
	}
	.mode_gml_design_large .d_nav_sub_menu li{
		padding-left: 5px;
		margin-bottom: 3px;
		font-size: 14.5px;
		font-weight: 450;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.mode_gml_design_large .d_nav_sub_menu{
		height: 100vh;
		position: fixed; 
		z-index: 999999999999999999999999;
		left: 0px;
		top:50px;
		display: none;
		overflow-y: auto;
	}
	.mode_gml_design_large .d_nav_sub_menu li{
		
		font-size: 17px;
		font-weight: 450;
	}
	.subnavMenuActived{
		background: var(--activedSubMenu);
		border-radius: 15px;
	}
	.mode_gml_design_large .d_nav_sub_menu li{
		padding-left: 5px;
		font-size: 18px;
	}
	.mode_gml_design_large .d_nav_sub_menu li i{
		margin-right:5px;
	}
	
	/**/
	.d-flex_block_mb{
		display:block;
	}

	.row-1, .row-2, .row-3,.row-4,.row-5, .row-6, .row-7, .row-8, .row-9, .row-10, .row-11,.row-12{width:100%; }
	.col-1, .col-2 , .col-3 , .col-4 ,.col-5 , .col-6 , .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
	,.col-6RM{
		width:100%; max-width:100%;
		flex: 0 0 100%;
		max-width: 100%;
		/*padding-right: 10px;
		padding-left: 10px;*/
	 }

	 .col-1-6-3 {
		-ms-flex: 0 0 25%;
	     flex: 0 0 25%;
	     max-width: 25%;
	  }
	
	.col-2-3-2{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
    }

	 .col-3-2-1{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
    }
  	.col-3-2{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-2-2-4{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-mb-6{
		display: inline-block;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.modalBox  .boxContainer{
		width:92%; margin:auto; 
		left:4%;
		border-radius:15px;
	}
	.dialogBox{ 
		width:90%; 
		border-radius:16px;
	}
	.dialogBoxMSG{
		border-radius:16px;
		padding: 6px;
	}
	.dialogBox_medium ,.dialogBox_large{ 
		width:94%; 
	}
	.dialogBox_footer, .dialogBox_footer_dbtn{
		
		min-height: 58px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.dialogBox button{
		font-size: 16px;
		min-width:40% ; 
		height:45px;
		border-radius: 8px;
		background: transparent;
		border:solid 0px var(--primary);
		color:var(--primary);
		/*box-shadow: rgba(121,121,121,.35) 1px 5px 10px;*/
		/**/
		box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
	    
	}
      /**/
	 .msgErrConnexion{
		display:none;
		bottom:68px;
		left:0%;left: 1%;
		width:96%;
		padding:2px;border-radius:2px;
		font-size: 16px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	/*Menu contextuel*/
	.contextMenu{
		position: fixed; height:100vh;width:100%;
		top:0px;
		z-index:99999999999999999999999;

	}
	.contextMenu .cont_contex_menu{
		position: fixed;
		bottom:0px;
		width:60%;
		right:0px;
		font-size: 24px;
	}
	.contextMenu .cont_contex_menu i{
		margin-right: 6px;
	}
	.contextMenu .cont_contex_menu li{
		padding-top: 8px; padding-bottom: 8px;
	}

	.btn{
		font-size:16px ;min-width:40%; min-height: 30px;
		padding:12px 25px 12px 25px;
		font-weight: 600;
		padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
	}
	.frameOverPageDown_cadre{
		background: var(--cadre);
		width: 100%;
		margin:auto;
		border-radius: 25px 25px 0px 0px;
	}
    .frameOverPageDown_title{
		font-size: 18px;
	}
	
    /****/
	.frameOverPageDown_cont{
		/* text-align: right;*/
		 display: flex;
		 -webkit-box-pack:end;
		 -ms-flex-pack:end;
		 -webkit-justify-content: center;
		 justify-content: center;
		 -webkit-box-align:baseline;
		 -ms-flex-align:baseline;
		 -webkit-align-items:center;
		 align-items:flex-end;
		 height: 100vh;
		 width: 100%;
		 background: transparent;
	 }
	 .frameOverPageDown_cont_middle_content{
		 text-align: center;
		 display: flex;
		 -webkit-box-pack:center;
		 -ms-flex-pack:center;
		 -webkit-justify-content: center;
		 justify-content: center;
		 -webkit-box-align:center;
		 -ms-flex-align:center;
		 -webkit-align-items:center;
		 align-items:center;
		 height: 100vh;
		 width: 100%;
		 background: transparent;
	 }
	

   /**/
 }
	
.btn_prmary, .btn_primary,.btn-primary{
	background: var(--primary);
	background-image: -webkit-linear-gradient(top, var(--primary), var(--primary))!important;
    color:white;
}
.btn_secondary, .btn_secondary,.btn-secondary{
	background: var(--secondary);
	background-image: -webkit-linear-gradient(top, var(--secondary), var(--secondary))!important;
    color:white;
}
.box{
   box-shadow: 0 -5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
}


.unlockScreen{
	position: fixed;
	height: 100vh;
	width: 100%;
	z-index:99999999999999999999999999999999;
	background: red;

	background-image: url(../../img/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	
	display: none;
}
.unlockScreen_body_wrapper {
    min-height: calc(100vh - 60px);
    display: -webkit-flex;
    display: flex;
	justify-content: center;
	align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
    padding-top: 60px;
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.9), rgba(0,0,0,0.5), rgba(0,0,0,0.5))!important;

}