/* width */
::-webkit-scrollbar {
    width: 5px;
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.area-popup .mapboxgl-popup-content {
  background-color: rgba(0,0,0,0.3);
  color:white;
}
li.list-group-item.has-child a {
    font-size: 13px !important;
	padding:12px 10px !important;
}

table.dataTable thead th, table.dataTable thead td {
    
    padding-right: 19px;
}
div.gm-style button.gm-ui-hover-effect {
    top: -5px !important;
}
div.gm-style button[aria-label="Zoom arrière"] {
    top: 27px !important;
	    z-index: 3001 !important;
}
div.gm-style button[aria-label="Zoom avant"] {
    top: 0px !important;
	    z-index: 3001 !important;
}
.mapboxgl-ctrl-scale {
    background-color: hsla(0, 0%, 17%, 0.73) !important;
    font-size: 11px !important;
    border: 1px solid #d4d4d4 !important;
    border-top: #333 !important;
    padding: 0 5px !important;
    color: #efefef !important;
    box-sizing: border-box !important;
    text-align:center;
}
.colorpicker {
   
    z-index: 3004 !important;
}
.clearfix:before,
.clearfix:after {
    content: ".";    
    display: block;    
    height: 0;    
    overflow: hidden; 
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* IE < 8 */
#contMenu,#contMenuLayer,#contMenuAllLayer,#contMenuObjet,#contMenuSLayer
{
	display:none;
	
	z-index:3005;
    border: 1px solid #999;
    font-family: sans-serif;
    
    box-shadow: -6px -4px 8px -1px rgba(0, 0, 0, 0.55) !important;
   
    cursor: pointer;
    position:absolute
}
.mapboxgl-popup-content dl
{
    max-height:500px !important;
    overflow-y: scroll;
    padding-right:5px;
}
.mapboxgl-popup-content
{
    position: relative;
    background: #2e2f35f5 !important;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    padding: 10px 10px 15px;
    pointer-events: auto;
    color: #d6d6d6;
    font-size: 13px !important;
    /* max-height: 500px; */
    /* overflow-y: scroll; */
    /* width: 100% !important;*/
}
.topMenuRight
{
    right: -4px !important;
    top: 150px !important;
    width: 50px !important;
    /* margin-left: -250px; */
    left: unset !important;
    
}
.mapboxgl-popup-close-button {
    
    font-size: 22px !important;
    /* margin: 0px !important; */
}
.mapboxgl-popup
{
    max-width: 470px !important;
}
.mapboxgl-popup-tip {
   
    border-bottom-color: #4a4a4ac7 !important;
}
#contMenu ul,#contMenuLayer ul,#contMenuAllLayer ul,#contMenuObjet ul,,#contMenuSLayer ul
{
	
    
    box-shadow: -6px -4px 8px -1px rgba(0, 0, 0, 0.55) !important;
   
    
}
#taskTools
{
	padding: 8px 9px 0px 5px;
    position: absolute;
    left: 45px;
    z-index: 1000;
    width: 371px;
    /* overflow: auto; */
    top: 83px !important;
    margin-left: 3px;
    background: rgba(0, 0, 0, 0.46);
    opacity: 1;
    box-shadow: 0 0 10px #4a607b !important;
	
	
	
}
.goto {
  background-image: url('assets/img/qr/vanne.png');
 background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;

}
#taskTools:hover
{
	
	opacity:1;
	
} 
#claques
{
	
    overflow: auto;
    /* border-bottom: 1px solid rgb(241, 241, 241); */
    background: white;
    left: 7px;
    top: 100px;
    position: absolute;
    left: 0%;
    overflow-y: auto;
    overflow-x: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(241, 241, 241, 0.28);
    z-index: 2000 !important;
    margin: 15px;
    margin-left: 3px;
    padding: 10px;
    width: 394px;
    /* border-radius: 5px; */
   
    box-shadow: 0 0 10px #4a607b !important;
    min-width: 300px !important;
    /* opacity: 0.9; */
}
#rightMenu
{
	position: absolute;
    top: 140px;
    right: 13px;
    clear: both;
    z-index: 1000000;
	
}
div.gm-style button {
    z-index: 9999999;
    position: absolute !important;
    top: 85px !important;
}
div.gm-style div[dir=ltr] {
    top: 207px !important;
    margin-left: 20px !important;
}
#rightMenu li
{
	    margin-bottom: 22px;
		/*list-style-type:none;*/
	
}
#rightMenu ul
{
	   /* margin-top: -61px;*/
		
		/*list-style-type:none;*/
		
	
}
#task_data_ext .form-control {
     height: 27px;
}
#task_data_ext .dropdown-toggle {
    padding: 4px 12px !important;
}	
#task_data_ext p{
opacity:1 !important;
font-size:13px;
}
#task_data_ext label{
	color:#7f7f7f;
	/*margin-top:10px !important;
	margin-left:20px !important;*/
	 width: 25%;
}
#task_data_ext h4{
	border-top: 1px solid #eeeeee;
    color: #393939;
    font-weight: bold;
    font-size: 12px;
    margin-top: 14px;
    padding-top: 10px;
	
}
#propPlus
{
	
    /*color: blue !important;*/
	margin-top:-10px;
	/*background:grey;*/
    
	
}
#task_data_ext h4[name=clc_caption]
 {
	border-top: none;
    color: white;
	 margin-top: 0px;
    padding-top: 0px;
 }
 #tbl_layer h4,#tbl_lots_integration h4, #tbl_layer_elastic h4 {
    border-top: 1px solid #eeeeee;
    color: #f7f7f7;
    font-weight: bold;
    font-size: 13px;
    margin-top: 14px;
    padding-top: 10px;
}
#task_data_ext .form-control
{
	width: 67%;
    float: right;
}
#task_data_ext .form-group {
    margin-bottom: 3px !important;
}
#graphiqueStyle label
{
	/*width: 35% !important;*/
    
}
#graphiqueStyle .form-control {
    width: 57% !important;
}
#task_data_ext .bootstrap-select {
    width: 62% !important;
	
	
}
#etiquettes  div[name=labelattribselect] .bootstrap-select {
    width: 52% !important;
    float: right;
    margin-right: 11px;
}
#etiquettes .colorpicker-component
{
    width: 52%;
    float: right;
    padding: 0px;
    margin-right: 10px;
}
#calque_collectif label {
    margin: 5px 5px 5px 35px !important;
    text-align: right !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: #545151;
	}
#divRestreindre .btn-group.bootstrap-select
{
	width: 100% !important;
}
#divRestreindre .col-sm-6
{
	padding:5px !important;
}
#divRestreindre h6
{
	color:grey;
}
#etiquettes label {
 width: 26%;
 }
#task_data_ext .search-box .nav-pills li a {
   
    background-color: rgba(170, 170, 170, 0.19);
    color: #c4c1c1;
}
#styleLayer .nav-pills > li > a,#tasksaisie .nav-pills > li > a {
    
    color: #f5f5f5;
}
#styleLayer .nav-pills > li > a:hover,#tasksaisie .nav-pills > li > a:hover {
    
    color: #000000;
}
.overlayLabel canvas:hover
{
	background: rgba(255,255,255, 0.5);
}
#etiquettes label.switch-green {
    float: right;
    color: #de1105;
    width: auto;
    margin-top: 19px !important;
    background: #f1f1f1;
    padding: 5px;
    border-radius: 5px;
}
#etiquettes label.switch-green.on {
	color: #4caf03 !important;
}
#percent_upload
{
    margin-left: 20px;
    position: absolute;
    margin-left: 0;
    margin-right: 0;
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* bottom: auto; */
    left: 50%;
    top: 50%;
    z-index: 3005;
    width: 33;
    height: 18;
    margin: -20px 0 0 -26px;
    color: white;
}
#task_data_ext {
	color: white;
    overflow: auto;
    /* border-bottom: 1px solid rgb(241, 241, 241); */
    background: rgba(0, 19, 40, 0.66);
    /*left: 7px;*/
    top: 65px;
    position: absolute;
    right: 54px;
    overflow-y: auto;
    overflow-x: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(241, 241, 241, 0.28);
    z-index: 3004 !important;
    margin: 15px;
    margin-left: 3px;
    padding: 10px;
    max-width: 426px !important;
    /* border-radius: 5px; */
	width:92%;
    box-shadow: 0 0 10px #4a607b !important;
    min-width: 300px !important;
	right: 36px;
    /* opacity: 0.9; */
}
	#task_data_ext:hover
	{
			
			opacity:1;
	} 
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: -webkit-translate(-50%, -50%);
  transform: -moz-translate(-50%, -50%);
  transform: -ms-translate(-50%, -50%);
}
#reportDiv
{
top:0%;
display:none;
background:black;
opacity:0.5;
position: absolute;
z-index:90000000;
width:100%;
height:100%;
}	
#reportFrame
{
top:5%;
border:none;
display:none;
left: 0;
  right: 0;
  margin: 0 auto;
    width: 22.5cm;
	/* min-height: 27cm;*/
    background: white;
    opacity: 1 !important;
    position: absolute;
    z-index: 90000001;
	overflow-y:auto;
	zoom:85%;
}
#tbl_layer,#tbl_lots_integration, #tbl_layer_elastic{
	border: none;
    position: absolute;
    z-index: 300000000001;
    top:200px;
	left:20%;
	padding: 10px;
    width: 700px;
    height: 500px;
    background-color: rgba(4, 4, 4, 0.63);
	opacity:0.8;
    cursor: move;
    box-shadow: 11px 7px 12px 10px rgba(0,0,0,0.3);
}
.alert
{
	display: none; 
       position: absolute;
    top: 45px;
    width: 500px;
	opacity:0.9;
    /* left: 0; */
    right: 0;
    /* height: 53px !important; */
    /* max-width: 50%; */
    /* min-width: 400px; */
    z-index: 9999999999999999999999;
    margin: 0 auto;
    left: 0;
    right: 0;
	
}
div[role=dialog] {
    z-index: 3147483646 !important;
}
#tbl_layer,#tbl_lots_integration, #tbl_layer_elastic
{
opacity:1;
}
	
#id_toogle_task{
	border: none;
    position: absolute;
    z-index: 30001;
    top: 100px;
    left: 0px;
 
    width: 23px;
    height: 48px;
    background-color: rgba(234, 234, 234, 0.7);
    cursor: pointer;
    
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}
#id_toogle_task:hover{
	
    background-color: rgba(234, 234, 234, 1);
   
}
#id_toogle_task button{
	border: none;
    width: 100%;
    height: 100%;
    
    cursor: pointer;
	padding-top:5px;
	padding-left:5px;
    background: url(../img/qr/open_side_pane.png) 1px center/16px 16px no-repeat;
    
    
}
#contMenu ul,#contMenu2 ul
{
	display:block !important;
	top:0%;
}
table.dataTable ul.dropdown-menu {
   /* margin-left: -75px;*/
    position: absolute;
    
    /* left: 2px; */
    z-index: 3005;
    
    /* float: left; */
    min-width: 100px;
    padding: 5px 0;
    /* margin: 2px 0 0; */
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}


table.dataTable tbody th, table.dataTable tbody td {
    padding: 10px 5px !important;
}

#tabldoc h5, #tabldoc h6 {
    margin-top: 3px;
    margin-bottom: 3px;
	

}
#tabldoc h5
{
font-size: 13px;
}

a[name=go]
	{
	    background-color: #ce3c3c !important;
	}
	table[name=table-coord-saisie] td, table[name=table-coord-saisie] th
	{
	    border-top: none !important;
	}
	.docimg  img
	{
	width:24px;
	}
	.docimg2  img
	{
		width:16px;
		float:right;
	}
	
	.docimg  td,.docimg2
	{
	vertical-align:middle !important;
	}
	.docimg:hover
	{
	background-color:#fafafa !important;
	
	}
	.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
}
.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    cursor: pointer;
}
	
	.delete-menu {
        position: absolute;
        background: white;
        padding: 3px;
        color: #666;
        font-weight: bold;
        border: 1px solid #999;
        font-family: sans-serif;
        font-size: 12px;
        box-shadow: 1px 3px 3px rgba(0, 0, 0, .3);
        margin-top: -10px;
        margin-left: 10px;
        cursor: pointer;
      }
      .delete-menu:hover {
        background: #eee;
      }
	  .glyphicon {
    margin-right: 5px !important;
	}
	.btn-xs2
	{padding: 4px 4px 4px 10px !important;
	}
	.btn-saisieDAR {
		padding: 3px 3px !important;
		width: 74px !important;
		margin: 2px;
	}
	#saisiDAR .btn-default {
		background: #f3f3f3ab;
	}
	#saisiDAR .coord .btn-default {
    color: #e2e2e2;
    background: #000000bd;
}
	a[name=btn-add-row-dar]
	{
			color: white !important;
			background: #4bca0a !important;
			margin: 5px !important;
	}
   input.numeric {
    width: 100% !important;
    padding: 4px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px;
    border-color: #e3e3e3 ;
    border-style: solid;
	}
	li.list-group-item.selected {
		color: #3C763D;
		background-color: rgb(255, 255, 255);
		/* border-color: #D6E9C6; */
		/* color: white; */
		color: rgba(128, 128, 128, 0.96);
		font-weight: bold;
		border-left: 3px solid rgba(60, 152, 206, 0.63);
	}
	li.list-group-item:hover {
		
		color: #3C763D;
		background-color: rgb(255, 255, 255);
		/* border-color: #D6E9C6; */
		/* color: white; */
		color: rgba(128, 128, 128, 0.96);
		/*font-weight: bold;*/
	}
	li.list-group-item{
		cursor:hand;
		
	}

	div[name=dv_poly] .glyphicon-plus
	{
		color:#49B349;
	}
	div[name=dv_poly] .glyphicon-trash
	{
		color: #EA8630;
	}

	div[name=dv_poly] span
	{
		font-size:7pt;
	 
	}
	div[name=dv_enc] .glyphicon-plus
	{
		color:#49B349;
	}
	div[name=dv_enc] .glyphicon-trash
	{
		color: #EA8630;
	}

	div[name=dv_enc] span
	{
		font-size:7pt;
	 
	}
	list-group-item.selected
	{
		font-weight:bold;
	}
	.list-group-item {
		
		padding: 1px 15px !important;
	}
	.badgeBET
	{
		float:right;
        position: relative;
	}
	.mbox {   
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 10px 55px 10px 25px;
    padding-left: 4px;
}
#topMenu {
    position: absolute;
    top: 73px;
    clear: both;
    text-align: center;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    z-index: 100000;
}
.geo-location-wrappertop .btntop {
    background-color: #141414c2;
    color: #ffffff;
    position: relative;
    /* right: initial; */
    /* top: 28px; */
    width: 30px;
    border: 1px solid #bfbfbf;
}
.geo-location-wrappertop .fa {
    font-size: 13px;
    padding-left: 1px !important;
    padding-right: 1px !important;
    /* font-size: 13px; */
    padding-top: 2px !important;
}
.dataTables_length label,.dataTables_filter label
{
	font-size:8pt;
	font-weight:normal;
}
.qrselect {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.16, rgb(244, 244, 244)), color-stop(0.79, rgb(252,252,252)) ) !important;
    background-image: -moz-linear-gradient(
 center bottom,
 rgb(207,207,207) 16%,
 rgb(252,252,252) 79%
 ) !important;
    border-radius: 0px;
    /* font-size: 11pt !important; */
    padding: 7px;
    height: 32px;
    border: 0.5px solid #eaeaea;
    text-align: left;
    font-weight: bold;
 
    padding-left: 11px;
	}
	.mbox span {
		margin-top: -8px;
	}
	.qrchart .badgeBET {
		float: left !important;
		margin-left: 50px;
		margin-top: -40px;
	}
	.badgeBET span
	{
		background: white;
		height: 9px;
		border-radius: 10px;
		/*border: 1px solid #e3e3e3;*/
	}
	#badgesTable span.badgeBET1,#badgesTable span.badgeBET0,#badgesTable span.badgeBET,#calques span.badgeBET1
	{
		
		margin: 4px !important;
		color: white !important;
		font-size: 8pt !important;
		padding: 3px !important;
		border-radius: 12px;
		
	}
	.taskPaneTable
	{
		top: 326px;
		bottom: 79px;
		width: 90.8%;
		margin: 0px;
		right: 61px;
		position: fixed;
		overflow-x: scroll;
		overflow-y: scroll;
		background-color: rgba(256,256,256,1);
	}
	.fullscreen-exit .taskPaneTable
	{
		width:624px !important;
	}
	.qrchart .badgeBET span {
		float: left !important;
    background-color: transparent !important;
    width: 16px !important;
    padding: 0px !important;
    margin: 1px;
    font-size: 8pt;
    font-family: calibri;
    /* width: 147%; */
    text-align: center;
	}
	.child-navigation.qrchart
	{
		left:316px !important;
		top: 41px;
		/*background-color:rgba(255, 255, 255, 0.78) !important;*/
	}
	.child-navigation.bet
	{
		    left: 317px !important;
			width: 300;
			top: 40px;
		/*top: 41px;
		background-color:rgba(255, 255, 255, 0.78) !important;*/
	}
	.child-navigation.bet.left2
	{
		    left: 230px !important;
			
	}
	ul.child-navigation.niveau2.bet.left3,ul.child-navigation.niveau3.left3 {
    left: 190px !important;
	}
	.child-navigation.qrmn
	{
		    left: 300px !important;
			width: 300px;
			
		/*top: 41px;
		background-color:rgba(255, 255, 255, 0.78) !important;*/
	}
	.navigation .navbar .navbar-nav > li .child-navigation.level0 li:hover {
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #1396e2;
    color: #fff;
}
.navigation .navbar .navbar-nav > li .child-navigation.level1 li:hover{
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #1396e2;
    color: #fff;
}
.navigation .navbar .navbar-nav > li .child-navigation.level0 li:hover .child-navigation.level0 li a{
    
    color: #fff !important;
}
	.bet .child-navigation.qrchart
	{
		left:293px !important;
		top: 41px;
		/*background-color:rgba(255, 255, 255, 0.78) !important;*/
	}
	.child-navigation.bet li
	{
		
		background-color:transparent !important;
		margin-left:7px !important;
	}
	.qrchartmenu
	{
	width:180px !important;
	height:120px;
	position:inherit !important;
	
	}
	.qrchart span {
    padding: 6px !important;
    background-color: #337ab7;
    color: white;
	}
	.qrchart span:hover {
    
    background-color: #338ab7;
    
}
	.qrchartmenu div[name=legend]
	{
	background-color:rgba(255, 255, 255, 0.78) !important;
	}
	
	.badgeBET0
	{
		color:red;
		
	}
	.badgeBET span, .badgeBET1 span,.badgeBET0 span{
		background-color: white !important;
		font-size:8pt;
		padding: 2px 2px !important;
	}
	
	.badgeBET1
	{
		color:green;
		
	}
	li.tab-current {
    background-color: white !important;
	border-bottom: 3px solid #2fb02f !important;
	}
	li.tab-current a
	{
	background-color:white !important;
	background-image:none;
	color:#353535 !important;
	}
	.btn-qr{
	margin: 2px;
    border: 0.5px solid #EEEEEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px;
    font-size: 12px;
    font-family: helvetica, sans-serif;
    /* padding: 10px 10px 10px 10px; */
    /* text-decoration: none; */
    y: inline-block;
    /* text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
    font-weight: bold;
    /* color: #FFFFFF; */
    /* background-color: hsl(0, 0%, 100%); */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: linear-gradient(to bottom, rgba(250, 250, 250, 0.63), #FFFFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
input[type=color]
{
	background-color: transparent;
    float: right;
    border: none;
}

.btn-qr:hover{
 background-color:white !important;
	background-image:none;
	color:#353535 !important;
}
	.container { width: @container-desktop !important; }
	.content-wrap section {
   
		text-align: left !important; 
	}
	.form-control
	{
		font-size: 12px !important;
	}
	.form-group {
		margin-bottom: 15px !important;
	}
	.table > thead > tr > th 
	{
    	border-bottom: 1px solid #ddd !important;
	}
	span.glyphicon.glyphicon-user:hover {
		color: #F1AB30;
	}
	.share
	{
		width:150px !important;
		border-radius:3px !important;
	}
	.modal-body {
    
		padding: 10px !important;
	}
	.modal-footer {
		padding: 4px 18px 7px !important;
		margin-top: 0px important;
	}
	.modal-header 
	{
   
		padding: 5px 37px 5px 19px !important;
	}
	.nav-pills > li > a 
	{
		border-radius: 3px !important;
	}
	.pgGraphiqueProprieteHeader .nav-pills > li > a {
		border-radius: 1 !important;
		background-color: rgba(240, 240, 240, 0.20);
		border-bottom: 3px solid #c9c9c9;
	}
	.pgGraphiqueProprieteHeader .nav-pills > li > a:hover {
		
		background-color: rgba(240, 240, 240, 0.30);
		
	}
	.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
		color: #070707 !important;
    font-weight: bold;
    border-bottom: 3px solid #3BAAE8;
    background-color: #FFFFFF !important;
	}
	#tbl_mouse td
	{
		font-size:10px !important;
		color:#dedede  !important;
	
	}
	div[name=div-add-coord] {
    /*background: rgb(249, 249, 249);*/
    margin-top: 0px !important;
    padding-top: 10px !important;
	}
	#divAcc h6
	{
		color: #f2f1f1;
		 margin-top: -5px;
		margin-bottom: 6px;
		
	}
	#div_goto
	{
		padding: 0px 0px 0px 0px;
	    max-width: 100%;
	    /* min-width: 500px; */
	    /* position: absolute; */
	    z-index: 10;
	    top: 84px;
	    left: 116px;
	    font-size: 10pt !important;
	    opacity: 0.9 !important;
		
	}
	#div_goto:hover
	{
		background:rgba(0,0,0,0.1);
		
		
		
	}
	#tgle_task2
	{
	    float: right;
    /* left: -87px; */
		height: 20px;
		width: 20px;
		margin-top: 3px;
		margin-bottom: -30px;
		margin-right: -20px;
		padding-top: 3px;
		padding-left: 6px;
		color: #fdfdfd;
		border-radius: 4px;
		background:#848484;
	}
	#tgle_task2:hover
	{
		background-color:#e83a1e !important;
	/*border:1px solid white;*/
	
	   
	}
	#div_goto:hover
	{
		opacity:1 !important;
	}
	#.btn
	{
		padding-top:2px !important;
		padding-bottom:2px !important;
	}
	#div_goto a
	{
		border-radius:3px !important;
		margin:2px !important;
		
	}
	#div_goto td
	{
		padding:2px;
	}
	#x_go,#y_go
	{
		width:100px !important;
		padding: 7px;
		border-radius:3px !important;
		font-size:9pt !important;
	
	}
	select
	{
		//padding:2px;
		font-size:9pt !important;
		margin-top:1px !important;
 
	}
	td[name=dragP]
	{
	border: #eaeaea dashed 2px;
	}
	.labels 
	{
	   color: red;
	   background-color: white;
	   font-family: "Lucida Grande", "Arial", sans-serif;
	   font-size: 10px;
	   font-weight: bold;
	   text-align: center;
	   width: 60px;     
	   border: 2px solid black;
	   white-space: nowrap;
	}
	.btn-saisie-dar
	{
		margin:3px !important;
		padding: 1px !important;
		float: right !important;
		width: 90px !important;
		font-size: 9pt !important;
		border-radius: 2px !important;
		margin-top: -20px !important;
	}
	.btn-saisie
	{
		margin:3px !important;
		padding: 2px 7px 2px 10px !important;
		float: right !important;
		/*width: 90px !important;*/
		font-size: 9pt !important;
		border-radius: 2px !important;
		
	}
	label 
	{
    
		 margin: 5px !important;
		text-align: left !important;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 8.5pt;
		
	}
	#dartask label 
	{
    
		 border-radius: 5px;
		padding: 2px;
	}
	label.checkbox-inline:hover 
	{
		background-color: #9c9c9c0f;
	}
	.nav > li > a 
	{
        padding: 6px 14px !important;
	}
	.nav li span
	{
		padding: 4px 6px !important;
	}
	.modalDialog 
	{
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}
	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}
	.modalDialog > div {
		 height: 434px;
		width: 560px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		
	}
	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}
	.close:hover 
	{
		background: #00d9ff;
	}
	table 
	{
		
		font-size: 12px;
	}
	body 
	{
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px !important;
		-webkit-print-color-adjust: exact;
	}
	.action:hover
	{
		color:#00b7d1;
	}
	#btnshareLink {
    color: #7d7d7d !important;
    background-color: #f9f9f9;
    float: right;
    margin-top: -59px;
    z-index: 1000;
    padding: 5px;
    margin-right: 22px;
	}
	#btnshareLink:hover
	{
	  color: white !important;
	  background-color: #f8bf6a;
	}
	#printToolBar2,#printToolBar1
	{
		display:none;
		top:61px;
		position:absolute;
		left: 0;
		right: 0;
		height: 43px;
		width: 15cm;
		margin: auto;
		
		z-index: 1000000000;
		border-radius: 5px;
		/* background: rgba(0,0,0,0.5); */
	}
	
	.closeTitle
	{
		right: 40px !important;
	}
	.printCloseComponent
	{
		border: none;
		right: 2px;
		float:right;
		top:5px;
		width: 20px;
		height: 21px;
		background-image: url(../img/qr/close.png);
		display:none;
		background-position: 0px 0;   
		background-size: 96px 24px;
		background-color: transparent;
		position: relative;
	}
	.settingPrintComponentDiv.texteFiled
	{
		display: none;
		
		height: 32px;
		float:right;
		right: 30px;
		color: grey;
		font-size: 15pt;
		top: 5px;
	}
	.settingPrintComponentDiv
	{
		display: none;
		height: 32px;
		float:right;
		right: -8px;
		color: grey;
		font-size: 15pt;
		top: 32px;
		margin-right:15px;
	}
	
	.settingPrintComponentDiv span
	{
		
		padding: 1px;
		border: 1px solid transparent !important;
		border-radius: 3px;
		background-color: rgba(0, 0, 0, 0.75);
		
	}
	.settingPrintComponentDiv span:hover
	{
		
		color: white;
		border:1px solid white !important;
		border-radius:3px;
		/*background-color: rgba(255,255,255,0.2);*/
		
	}
	.settingPrintComponentDiv .small
	{
		font-size: 10pt !important;
		margin-right:5px;
		
	}
	.printComponent
	{
		
		margin-left:32px;
	}
	.printComponent:hover > .movePrintComponent,.printComponent:hover > .printCloseComponent,.printComponent:hover > .settingPrintComponentDiv
	{
		
		display:block !important;
	}
	.printComponent textarea:hover ~ .settingPrintComponentDiv
	{
		
		display:block !important;
	}
	.printCloseComponent:hover
	{
		background-position: 48px 0;
	}
	.movePrintComponent
	{
		right: -27px;
		height: 54px;
		width: 28px;
		background-color: rgba(0,0,0,0.5);
		cursor: move;
		border: 1px solid #929292;
		border-left: 1px solid grey;
		border-radius: 5px;
		display: none;
		float:right;
		/* bottom: 0; */
		top: 0px;
		
		
	}
	.movePrintComponent:hover
	{
		background-color:rgba(0,0,0,0.8);
		
	}
	.movePrintComponent img
	{
		
		height: 39px;
		
	}
	.titlePrintComponent/*textarea*/
	{
		background: transparent;
		border: none;
		height: 50px;
		float: left;
		margin-right: -118px;
		width:424px;
		height:54px;
		
	}
	#btnAddPrintText
	{
		left: -50px;
		top:242px;
		position:absolute;
		left: 0;
		right: 0;
		height: 43px;
		width: 21cm;
		margin: auto;
		display:none;
		z-index: 3001;
		
	}
	#btnAddPrintText button
	{
		margin-left: -103px;
	}
	#btnPrintGrid
	{
		left: -50px;
		top:300px;
		position:absolute;
		left: 0;
		right: 0;
		height: 43px;
		width: 21cm;
		margin: auto;
		display:none;
		z-index: 3004;
		
	}
	#btnPrintGrid button
	{
		margin-left: -103px;
	}
	#btnPrintGrid  .bootstrap-select
	{
		width: 239px !important;
		z-index: 3004;
		top: 6px;
		margin-left: -139px;
		display:none;
	}
	#btnPrintGrid div.dropdown-menu {
		margin-left: -103px !important;
		top: 29px;
	}
	
	.gridLabels
	{
		background-color:rgba(0, 0, 0, 0.38);
		color:white;
		border:none;
		opacity:1 !important;
		padding:1px 5px;
	}

	.tileMap/*div*/
	{
		
		z-index: 3002;
		position: absolute;
		background: transparent;
		border: none;
		color: white;
		font-size: 32px;
		font-family: Times New Roman;
		width:450px;
		height:54px;
		
	}
	/*Texte***big********************************************************************/
	.tileMap.big textarea.A4
	{
		font-size: 32px;
		width:424px ;
		height: 53px;
	}
	.tileMap.big textarea.A3
	{
		font-size: 41px;
		width:547px ;
		height: 70px ;
		margin-right: -160px ;
	}
	.tileMap.big.printComponent.A3
	{   width: 547px !important;
		height: 70px !important;
	
	}
	.tileMap.big textarea.A2
	{
		font-size: 50px;
		width:750px;
		height: 100px ;
		margin-right: -173px ;
	}
	.tileMap.big.printComponent.A2
	{   width:750px !important;
		height: 100px !important;
	
	}
	.tileMap.big textarea.A1
	{
		font-size: 60px ;
		width:800px;
		height: 150px ;
		margin-right: -220px ;
	}
	.tileMap.big.printComponent.A1
	{   width: 800px !important;
		height: 150px !important;
	
	}
	.tileMap.big textarea.A0
	{
		font-size: 70px ;
		width:900px ;
		height: 200px ;
		margin-right: -240px;
	}
	.tileMap.big.printComponent.A0
	{   width: 900px !important;
		height: 200px !important;
	
	}
	/***Close***/
	.printCloseComponent.A0, .printCloseComponent.A1 {
		width: 60px !important;
		height: 60px !important;
		background-position: 0px 0 !important;
		background-size: 240px 60px !important;
	}
	.printCloseComponent.A0:hover, .printCloseComponent.A1:hover {
    
		background-position: 120px 0 !important;
    
	}
	.printCloseComponent.A2 {
		width: 40px !important;
		height: 40px !important;
		background-position: 0px 0 !important;
		background-size: 160px 40px !important;
	}
	.printCloseComponent.A2:hover {
    
		background-position: 80px 0 !important;
    
	}
	.printCloseComponent.A3 {
		width: 30px !important;
		height: 30px !important;
		background-position: 0px 0 !important;
		background-size: 120px 30px !important;
	}
	.printCloseComponent.A3:hover {
    
		background-position: 60px 0 !important;
    
	}
	/*Texte***small********************************************************************/
	
	.tileMap.small textarea.A4
	{
		font-size: 22px ;
		width:424px;
		height: 53px;
	}
	.tileMap.small textarea.A3
	{
		font-size: 31px ;
		width:547px ;
		height: 70px ;
		margin-right: -160px !important;
	}
	.tileMap.small.printComponent.A3
	{   width: 547px !important;
		height: 70px !important;
	
	}
	.tileMap.small textarea.A2
	{
		font-size: 40px;
		width:750px ;
		height: 100px ;
		margin-right: -173px !important;
	}
	.tileMap.small.printComponent.A2
	{   width:750px !important;
		height: 100px !important;
	
	}
	.tileMap.small textarea.A1
	{
		font-size: 50px;
		width:800px ;
		height: 150px ;
		margin-right: -220px ;
	}
	.tileMap.small.printComponent.A1
	{   width: 800px !important;
		height: 150px !important;
	
	}
	.tileMap.small textarea.A0
	{
		font-size: 60px;
		width:900px ;
		height: 200px ;
		margin-right: -240px !important;
	}
	.tileMap.small.printComponent.A0
	{   width: 900px !important;
		height: 200px !important;
	
	}
	/*settingPrintComponentDiv big*/
	.settingPrintComponentDiv span.big.A4
	{
		font-size:15pt !important;
	}
	.settingPrintComponentDiv span.big.A3
	{
		font-size:22pt !important;
	}
	.settingPrintComponentDiv span.big.A2
	{
		font-size:28pt !important;
	}
	.settingPrintComponentDiv span.big.A1
	{
		font-size:35pt !important;
	}
	.settingPrintComponentDiv span.big.A0
	{
		font-size:40pt !important;
	}
	
	/*Legende***********************************************************************/
	.mapPrintLegende.A4
	{
		width: 340px;
	}
	.mapPrintLegende.A3
	{
		width: 360px;
	}
	.mapPrintLegende.A2
	{
		width: 400px;
	}
	.mapPrintLegende.A1
	{
		width: 550px;
	}
	.mapPrintLegende.A0
	{
		width: 680px;
	}
	.legContainer.A4  input[type=texte]
	{
		font-size: 13px !important;
		width: 270px !important;
		
	}
	.legContainer.A3 input[type=texte]
	{
		font-size: 14px !important;
		width: 290px !important;
	}
	.legContainer.A2 input[type=texte]
	{
		font-size: 18px !important;
		width: 330px !important;
	}
	.legContainer.A1 input[type=texte]
	{
		font-size: 22px !important;
		width: 480px !important;
	}
	.legContainer.A0 input[type=texte]
	{
		font-size: 28px !important;
		width:580px !important;
	}
	.tileMap:hover > .titlePrintComponent
	{
		
		background-color:rgba(0,0,0,0.5);
		border: 1px dashed #929292;
		
	}
	.northArrow
	{
		float: right;
		z-index: 3002;
		position: relative;
		background: transparent;
		border: none;
		cursor:move;
		width:104px;
		height:113px;
		margin: 20px;
	}
	.northArrow.A3 
	{
		
		width:104px;
		height:113px;
		
	}
	.northArrow.A2
	{
		
		width:136px;
		height:147px;
		
	}
	.northArrow.A1
	{
		
		width:208px;
		height:226px;
		
	}
	.northArrow.A0
	{
		
		width:208px;
		height:226px;
		
	}
	
	.iconNorth.white
	{
		background-color:rgba(255, 255, 255, 0.37);
	}
	.iconNorth
	{
		    margin-bottom: 5px;
			border-radius: 5px;
	}
	.iconNorth figure
	{
		    cursor:hand;
	}
	.iconNorth img
	{
		height: 84px;
	}
	
	.iconNorth.black
	{
		background-color:rgba(0,0,0,0.2);
	}	
	.northArrow img
	{
		
		width:100%;
		height:100%;
		
		
	}	
	.northArrow:hover
	{
		
		background-color:rgba(0,0,0,0.5);
		border: 1px dashed #929292;
		
		
	}
	.legendeTitle
	{
		width: 95%;
		background: transparent;
		padding: 5px;
		border: 1px dashed transparent;
		color: black;
		font-size: 17px;
		font-family: Times New Roman;
		font-weight: bold;
		/* float: left; */
		margin-top: -7px;
    /* float: left; */
	}
	.legendeTitle:hover
	{
		
		background: rgba(0, 0, 0, 0.26);
		border: 1px dashed grey;
		
    
	}
	.legContainer
	{
		/*background: white;*/
		/*height: 172px;*/
		width: 100%;
		/*border:1px solid grey;
		border-radius:10px;
		padding:10px;*/
	}
	.mapPrintLegende
	{
		float: right;
		width: 340px;
		position: absolute;
		background:rgba(255, 255, 255, 0.73);
		/*height: 172px;*/
		cursor:move;
		border:1px solid grey;
		border-radius:10px;
		padding:10px;
		margin:10px;
	}
	.mapPrintLegende ul
	{
		list-style:none;
		margin-bottom: -5px;margin-left: -41px;
	}
	.mapPrintLegende ul li
	{
		margin-left: -5px;
	}
	.mapPrintLegende .printCloseComponent
	{
		position:absolute !important;
	}
	.mapPrintLegende .settingPrintComponentDiv
	{
		position:absolute !important;
	}
	.mapPrintLegende input[type=texte]
	{
		background-color:transparent !important;
		border:none;
		/*width: 85%;*/
        margin-left: 5px;
		margin-top: -8px;

		
	}
	.mapPrintLegende li div:hover> button
	{
		
		display:block !important;
		
		
	}
	.mapPrintLegende .entete3:hover
	{
	    background-color:rgba(0, 0, 0, 0.3) !important;
		color:white !important;
	}
	.mapPrintLegende .entete3
	{
	    border:none;
	}
	.mapPrintLegende li div button
	{
		
		display:none;
		margin-right: 10px !important;
		margin-top: 2px !important;
		cursor: hand !important;
		position: relative !important;
		margin-left: -19px !important;
		
	}
	/*.legendeTitle:hover ~.settingPrintComponentDiv
	{
	display:block;
	}*/
	
	.apercu
	{

	  position: fixed !important; 
	  left: 0; 
	  right: 0; 
	   top: 0; 
	  bottom: 0;
		margin-top:0 !important;  
	  margin: auto !important; 
	 
		/*width: 100px; */
		z-index:3003;
		box-shadow: 0 0 240px #353535 !important;

	}
	#gridNorthArrow {
		max-height: 510px;
		position: fixed !important;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin-top: 0 !important;
		margin: auto !important;
		display: none;
		width: 349px;
		height: 518px;
		z-index: 3004;
		box-shadow: 0 0 240px #353535 !important;
		padding: 20px;
		background-color: rgba(27, 27, 27, 0.84);
		border: 1px solid grey;
	}
	.not_apercu
	{
	 margin-top: 0px !important;
	 float:right;
	 width:100%;
	 position: relative; 
	 /*height: 700px;*/
	 border-bottom:1px solid grey;
	}
	 
	#drag_map
	{
	display:none;
		top: 180px;
		position:absolute;
		left: 0;
		right: 0;
		margin: auto;
		height: 9.86666667cm;
		width: 14cm;
		z-index:1000;
		background:rgba(0,0,0,0.5);
	}
	#btn_tgle_task {
	font-weight: bold;
		position: absolute;
		z-index: 98;
		top: 84px;
		margin: 15px;
		padding: 10px;
		right: 2%;
		color: #f3f3f3;
		background: #db4437;
		border-radius: 5px;
		/*display:none;*/
	}
	#btn_tgle_task:hover {
	   
		color: #f3f3f3;
		background: #5fbcf2;
		
	}
	#btn_cancel_impression {
		font-weight: normal;
		z-index: 98;
		/* margin-top: 8.8cm; */
		margin-left: 15px;
		/* margin: 15px; */
		/* padding: 10px; */
		float: right;
		color: #f3f3f3;
		border-radius: 5px;
		background: #db4437;
	}
	#btn_cancel_impression:hover, #btn_cancel_impression_mode:hover
	{
	background:#dd5c51;
	}
	#btn_cancel_impression_mode
	{
		font-weight: normal;
		z-index: 98;
		/* margin-top: 8.8cm; */
		margin-left: 15px;
		/* margin: 15px; */
		/* padding: 10px; */
		float: right;
		color: #f3f3f3;
		border-radius: 5px;
		background: #db4437;
		/*display:none;*/
	}
	#btn_apercu {
		font-weight: normal;
		z-index: 98;
		top: 0px;
		float: right;
		color: #f3f3f3;
		border-radius: 5px;
		background-color: rgba(255, 255, 255, 1.9);
		color: black;
		padding: 6px 12px;
		font-size: 13px !important;
		opacity: 1;
		border: none;
		margin-right: 4px;
	}
	#btn_apercu:hover
	{
		
		background-color: rgba(255, 255, 255, 0.3);
		color: white;
		
		
		
	}
	#mes_calque_list,#calque_selection
	{
		background-color: white;
		padding: 5px;
		overflow-y:auto;
	}
	#mes_calque_list li,#calque_selection li
	{
		color: grey;
		
	}
	div[name=layer]:hover > div[name=action]
	{
	display:block !important;
	cursor:pointer;
	}
	div[name=countByType] li:hover > div[name=actionType]
	{
		display:block !important;
		
	}
	div[name=group]:hover > div[name=action]
	{
	display:block !important;
	cursor:pointer;
	}
	
	#mes_calque_list ul, #calque_selection ul
	{
		list-style:none;
		padding-left: 16px;
	}
	#mes_calque_list div[name=countByType] ul,#calque_selection div[name=countByType] ul
	{
		list-style:none;
		padding-left: 33px;
	}
	#mes_calque_list div[name=countByType] input[type=checkbox], #calque_selection div[name=countByType] input[type=checkbox]
	{
		opacity:0.7;
	}
	#calque_list2
	{
		background-color: white;
		padding: 5px;
		cursor:auto;
		border-radius: 5px;
	}
	/*#btn_importer {
	font-weight: normal;
		
		z-index: 98;
		top: 84px;
		margin: 15px;
		
		right: 30%;
		color: #f3f3f3;

		border-radius: 5px;
		
		float: right;
    
		margin-left: 0px;
		margin-top: 3px;
		margin-bottom: -30px;
		background-color: #df53e1;
		
		
		color: #fdfdfd;
		
	}
	#btn_importer:hover {
	background-color: #f081f1
	}
	#btn_print {
	font-weight: normal;
		
		z-index: 98;
		top: 84px;
		margin: 15px;
		
		right: 40%;
		color: #f3f3f3;
	
		border-radius: 5px;
		
		float: right;
    
		
		margin-top: 3px;
		margin-bottom: -30px;
		margin-right: 10px;
		
		color: #fdfdfd;
		
	}
	#btn_valid_impression
	{
	display:none;
		position: absolute;
    z-index: 98;
    top: 174px;
    margin: 15px;
    padding: 10px;
    left: 116px;
    color: #f3f3f3;
    border-radius: 5px;
		/*display:none;
	}*/
	
	/*#btn_print:hover {
	   
		color: #f3f3f3;
		background: #5fbcf2;
		
	}*/
	#btn_tgle_task2 {
		position: absolute;
		z-index: 98;
		left: 96px;
    margin: 15px;
    padding: 7px;
		margin: 15px;
		
		top: 84px;
		
		color: #f3f3f3;
		background: #5fbcf2;
		border-radius: 5px;
		display:none;
	}
	.dragdropbox {
    border: 1px dashed rgba(255, 255, 255, 0.62);
    padding: 8px;
    border-radius: 4px;
	font-size:12pt;
	font-family:"Helvetica";
	}
	.dragdropbox:hover{
		
		background-color: rgba(68, 243, 24, 0.07);
	}
	.qq-uploader {
    position: relative;
    width: 100%;
}
	#btn_tgle_task2:hover {
	   
		color: #f3f3f3;
		background: #6fc1f1;
		
	}
	ul[name=listP] button[for=enc]
	{
		font-size: 8pt !important;
		margin-right: 8px;
		color: #696868;
		padding: 0px 7px !important;
		font-family: Roboto;
	}
	ul[name=listP] img {
		 width:13px;
		 height:13px;
	}
	ul[name=listP] button[for=enc] span {
		color: rgba(60, 152, 206, 0.84);
		font-weight: normal;
		font-size: 7pt;
	}
	ul[name=listP] img:hover {
		border: 1px solid rgba(205, 127, 127, 0.55);
		border-radius: 2px;
	}
	ul[name=listP] li:hover> div[name=polyaction] {
		display:block;
	}
	ul[name=listP] li div[name=polyaction] {
		display:none;
	}
	ul[name=listP] li[type=enc] {
		margin-left: 20px;
		/* font-weight: normal; */
		font-size: 8pt;
	}
	ul[name=listP] li[type=enc]:hover{
		border-left: 2px solid rgba(60, 152, 206, 0.53);
		color: #3c98ce;
	}
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: grey !important;
	}
	.zoomFile
	{
	float:right;
	margin-right:10px;
	cursor:pointer;
	
	}
	.zoomFile:hover
	{
		color:#f1f1f1;
	
	}
	#backtoLayer:hover
	{
	background-color: rgba(123, 123, 123, 0.37);
	}
	#taskPane
	{
			overflow-y: auto;
			overflow-x: hidden;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: rgb(241, 241, 241);
			z-index: 100000 !important;
			top: 300px;
			margin: 15px;
			padding: 10px;
			width:92%;
			border-radius: 5px;
			background:rgba(29, 29, 29, 0.72);
			box-shadow: 0 0 10px #4a607b !important;
			
			min-width:450px !important;
			opacity:1;
			position: fixed;
			bottom: 50px;
			right: 36px;
			
	}
	.hidden
	{
	display:none;
	}
	#drag_map .action
	{
		margin-top: 15px;
		margin-left: 15px;
	}
	#printToolBar2 .action,#printToolBar1 .action
	{
		margin-top: -1px;
		margin-left: 15px;
	}
	#maintoolbar .action,#drag_map .action,#printToolBar2 .action,#printToolBar1 .action,#btnAddPrintText .action,#btnPrintGrid .action
	{
	    background-color: rgba(0,0,0,0.8);
		color: white;
		padding: 7px;
		font-size: 13px !important;
		opacity: 0.9;
		border: 1px solid #cccccc;
		
	}
	#maintoolbar .action:hover,#drag_map .action:hover,#printToolBar2 .action:hover,#btnAddPrintText .action:hover,#btnPrintGrid .action:hover
	{
	   background-color: rgba(215, 215, 215, 0.3);
	}
	
	#maintoolbar .geo-location
	{
	border:none !important;
	}
	.close_property:hover {
    background-position: 48px 0;
	}

	.close_property {
		border: none;
		float: right;
		margin-top: -3px;
		width: 10px;
		height: 16px;
		background-image: url(../img/qr/close.png);
		background-position: 0px 0;
		background-size: 64px 15px;
		background-color: transparent;
		margin-left: 5px;
	}
	#logo.printMode
	{
		position:fixed;
		left:2px;
		margin-top:2px;
	}
	#maintoolbar .geo-location
	{
	    background-color: transparent;
		height: 20px !important;
	}
	#maintoolbar .btn:hover
	{
	     opacity: 1;
	}
	#maintoolbar .text
	{
	
	padding:10px;
	font-size:17px;
	}
	.drawBarAction
	{
	border: none;
    
    margin-top: 8px;
    margin-right: 40px;
    height: 25px;
    width: 25;
	float: right !important;
   
    
    background-size: 100px 50px;
    background-color: transparent !important;
	}
	
	#drawBarPolygone > span, #drawBarPolygoneTop > span
	{
	 background-image: url(../img/qr/drawbaricons.png);
	background-position: 0px 0;
	position:relative;
	
	}
	#drawBarPoint > span
	{
	 background-image: url(../img/qr/drawbaricons.png);
	background-position: 25px 0;
	position:relative;
	
	}
	#drawBarPolylineTop,#drawBarPolygoneTop
	{
		width:10px;
		height:10px;
	}
	#drawBarPolyline> span, #drawBarPolylineTop> span
	{
	 background-image: url(../img/qr/drawbaricons.png);
	background-position: 60px 0;
	position:relative;
	
	}
	#drawBarPolygone > span:hover, #drawBarPolygoneTop > span:hover
	{
	background-position: 0px 25;
	}
	#drawBarPolyline > span:hover,#drawBarPolylineTop> span:hover
	{
	background-position: 60px 25;
	}
	#drawBarPoint > span:hover
	{
	background-position: 25px 25;
	}
	.close_task
	{
	border: none;
    float: right;
    margin-top: -12px;
    margin-right: -7px;
    width: 20px;
    height: 21px;
    background-image: url(../img/qr/close.png);
    background-position: 48px 0;
    background-size: 96px 24px;
    background-color: transparent;
    opacity:0.5;
	}
	.close_file
	{
	border: none;
    float: right;
    margin-top: -3px;
    width: 20px;
    height: 21px;
    background-image: url(../img/qr/close.png);
    background-position: 0px 0;
    background-size: 72px 18px;
    background-color: transparent;
	margin-left: 5px;
	opacity:0.5;
	}
	.close_file:hover
	{
	opacity:1;
    background-position: 54px 0;
    
	}
	.close_task:hover
	{
	
    background-position: 0px 0;
   	opacity:1;
	}
	#taskPane:hover
	{
	opacity:1;
	}
	.box_qr
	{
		/*top: 50px;
   		opacity: 1;
		background-color: #ffffff;
		
		height: 500px;
		position: absolute;
		z-index: 300;
		*/
		
	    right: 2%;
		/*width: 413px;*/
		top: 88px;
	 
	}
	.box_qr_int
	{
		/*top: 50px;
	   
		opacity: 1;
		background-color: #ffffff;
		width: 400px;
		height: 500px;
		position: absolute;
		z-index: 300;
		
		 width: 420px;*/
	}
	.mdar
	{
		background: #39b12a !important;
		padding: 5px !important;
		margin-top: -5px !important;
		margin-bottom: -2px !important;
		border-radius: 5px !important;
	}
	.entete {
		background-color: #073855;
		border: none;
		color: #fff;
		font-size: 13px;
		font-weight: normal;
		min-height: 27px;
		padding: 4px 9px 6px 8px;
		width: 100%;
		margin-bottom: 8px;
	}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td 
	{
		padding: 2px;
	}
	.entete2
	{
	    background-color: #F1F1F1;
		border: none;
		color: #6D6D6D;
		font-size: 12px;
		min-height: 30px;
		padding: 6px 9px 4px 9px;
		width: 100%;

	}
	.entetegray
	{
		color: #A7ABAF;
	}
	.navigation2
	{
	    position: relative;
   
		width: 38px;
		height: 38px;
	}
	.navigation3
	{
	    position: relative;
   
		width: 147px;
		height: 30px;
		margin: 4px 4px 4px 0px;
	}
	.navigation4
	{
	    position: relative;
   
		width: 147px;
		height: 38px;
		margin: 4px 4px 4px 0px;
		
		
	}
	
	.addunit_grey
	{
		/*background-color:#BAC1C5;  !important;*/
		float:right;
		 font-size: 11px ! important;
		 width: 65px !important;
		 padding:3px !important;
		 margin-left: 4px;
		 border-radius: 6px;
	}
	.addunit
	{
		background-color:#1396e2  !important;
		float:right;
		 font-size: 11px ! important;
		 width: 80px !important;
		 padding:3px !important;
		 margin-left: 4px;
		 color:white !important;
	}
	.addunit:hover
	{
		background-color:#72B9F7 !important;
	}
	.blue
	{
		background-color: #8493A0 !important;
		color:white !important;
	}
	.blue:hover
	{
	    background-color: #ABBAC7 !important;
	}
	.grey
	{
		background-color:#F7F7F7 !important;
		color: #585C63 !important;
	}
	.grey2
	{
	    background-color: #7d97b1 !important;
		color: white !important;
	}
	.grey2:hover
	{
	    background-color: #68b4ff !important;
		
	}
	
	.grey:hover
	{
		background-color:#FDFDFD !important;
		color: #585C63 !important;
	}
	.ok
	{
	color:white !important;
	padding: 2px 12px !important;
    margin-bottom: 0px !important;
    margin-right: 20px;
    background-color: #34c699 !important;
	float:right;
	}
	.ok:hover
	{
		background-color: #4bdbae !important;
	}
	.green 
	{
		color:white !important;
		background-color:#52BF52  !important;
		float:right;
		padding:3px 9px 3px 9px !important;
		margin-bottom:5px !important;
	}
	.green:hover
	{
		background-color:#7FDE7F  !important;
	}
	.btn.actionLayer.disabled
	{
	
    color: rgb(164, 164, 164);
    
	}
	.btn.actionLayer
	{
		float: right;
		cursor: pointer;
		margin-right: 10px;
		color: white;
		background-color: rgba(125, 129, 132, 0);
		padding: 0px 5px;
		font-size: 11px;
		border: 1px solid rgba(255, 255, 255, 0.32);
	}
	#dartask .btn.actionLayer {
		float: left !important;
		margin-right: 3px !important;
	}
	
	.btn.actionLayer:hover
	{
		
		background-color: rgba(39, 160, 251, 0.4);
		
	}
	.dataTables_filter {
		width: 400px;
		margin-right: 16px !important;
	}
	.dataTables_filter label {
		width: 100%;
	}
	.dataTables_filter label input[type="search"] {
    padding: 5px;
    border: 1px solid #e2e2e2 !important;
    box-shadow: none !important;
    margin: 2px 0px 0px 0px;
}
	.proj_txt
	{
		border:none;
		background:#073855;
	}
	.entete3:hover
	{
	    background-color: #F6F6F6;
	}
	.entete3 {
		   
    border-bottom: 1px solid #f3f3f3;
    /* color: #fff; */
    
        
    min-height: 26px;
    padding: 2px 2px 0px 5px;
    width: 100%;
	}
	.entete3[name=group] span
	{
	font-size: 13 wpx !important;
    font-weight: 400;
	}
	
	.entete3[name=layer] span
	{
	opacity:0.8;
	}
	.entete3[type=group]
	{
		background-color: #e9e9e9;
	}
	
	.entete3[name=group] i.fa.fa-folder {
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		margin: 3px;
		margin-right: -9px;
		margin-left: 9px;
		color: rgba(127, 63, 168, 0.34);
	}
	span.glyphicon.glyphicon-option-vertical:hover 
	{
		color: #d40000 !important;
	}
	.mnMETBETObjet img.img[name=loading],.mnMET img.img[name=loading] {
    float: right;
    margin-right: 5px !important;
    margin-top: -5px !important;
}
	.unit_txt2 {
		border: none;
		/* background: #BAC1C5; */
		color: #000000;
		font-size: 13px;
		
		margin-left: 15px;
		font-family:Roboto;
	}
	.unit_txt
	{
		border:none;
		/*background:#BAC1C5*/;
	}
	
	.info
	{
		display:none;
	}
	/* 
	.grey{
	
		background-color: #6F7A80 !important;
		color: #A7ABAF !important;
	}
	.grey:hover
	{
		background-color:#72B9F7 !important;
		color:white !important;
	} */
	#v_frame{
			  width: 333px;
		height: 254px;
		margin: 3px 21px 10px;
		border: none;
	
	}
	.up,.delete, .down
	{
		    margin: 4px 2px 4px !important;
    float: right;
    width: 12px !important;
    height: 12px !important;
	}
	.zoom,.zoomP,.save, .zoomPsaisie
	{
		/*float:right;*/
		width:15px !important;
		height:15px !important;
	}
	.check
	{
		float:left;
		width:15px !important;
		height:15px !important;
		margin-right:5px;
	}
	.thumbnail .img2
	{
		margin: 1px;
		width: 41px;
		height: 42px;

	}


	.thumbnail .glyphicon {
		padding: 17px;
		float: left;
	}
	.thumbnail
	{
		margin-bottom: 0px; 
		background: #FAFAFA !important;
		float: left;
		width: 31%;
		margin-left: 4px;
		top: -1px;
		height: 79px !important
	}
	.thumbnail:hover
	{
		background:#ffffff !important;
		border: 1px solid #ddd !important;
	}
	.thumbnail:hover p
	{
		color:#1396e2;
	}
	.thumbnail.active
	{
		background:#ffffff !important;
		border: 1px solid #ddd !important;

	}
	.thumbnail.active p
	{
		color: #060606;
		font-weight: bold;
	}
	.img
	{
		margin: 0px 2px 4px;
		width: 13px;
		height: 13px;
	}
	.img:hover
	{
		width:13px;
		height:13px;
	}
	.not-active 
	{
	   pointer-events: none;
		cursor: default;
		background-color: #F7F7F7 !important;
		color: #D0D0D0 !important;
	}
	input[name='txt_vitesse']
	{
		font-size:11px !important;
	}
	
	.closed
	{
		background-color: #FAFAFA;
	}
	.opened
	{

	}
	
	.qrblue
	{
	color: #ffffff !important;
    margin: 10px 1px 1px 1px;
    background: #7baad2 !important;
	}
	.qrblue:hover
	{
	color: #ffffff !important;
    margin-top: 10px;
    background: #75c6f5 !important;
	}
	.bigform-content {
		border: solid 5px #DDD;
		margin: 30px 20px;
		overflow: hidden;
		padding:20px;
		position:relative;
	}
	.modal, .modal-backdrop {
		position: absolute !important;
	}
	.bigform-content h1 {
		margin:0;
	}
	.bigform-content input[type=submit] {
		margin-top:10px;
	}
	.modal{
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10000000;
		display: none;
		 overflow-x: hidden !important;
		 overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
		outline: 0;
	}
	.controls {
 
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
      padding: 7px;
    border-radius: 3px !important;
    font-size: 9pt !important;
    height: inherit;
	border-left: 3px solid #cd5b51;
}

#pac-input:focus {
  border-color: #4d90fe;
}

.pac-container {
  font-family: Roboto;
}

#type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}

#type-selector label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}
.box-menu {
    width:345px;   
    background-color: #161616c7 !important;
	padding-bottom:10px;
	padding-top:10px;
	margin-top:10px;
    /*-moz-box-shadow: 5px 5px 10px 0px #cfcfcf !important;
	-webkit-box-shadow: 5px 5px 10px 0px #cfcfcf !important;
	-o-box-shadow: 5px 5px 10px 0px #cfcfcf !important;
	box-shadow: 5px 5px 10px 0px #cfcfcf !important;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10) !important;*/
	-webkit-box-shadow: 0 0 10px #cfcfcf !important;
    box-shadow: 0 0 10px #353535 !important;
z-index:1000;
}

.box-menu li
{
	padding:0px !important;
	margin: 0px 10px 0px 20px;
	/*margin-right:20px;*/
	border:none;
}
.box-menu li a
{
	border:none !important;
	padding-left: 10px !important;

	
}

.box-menu li a
{
	border:none !important;
	font-size: 12px;
}
/*.box-menu:after {
    content:"";
    border-color: transparent transparent  #7EB3E0 transparent ;
    border-style:solid;
    border-width:8px;
    width:0;
    height:0;
    position:absolute;
    top:-20px;
    left:300px;
   
}*/
.mnMETBETObjet
{
background-color:white;
}
.level1 a
{
	/*background:#f3f3f3; margin:5px;*/
	border: 1px solid  #f3f3f3;
	/*border-radius:2px;*/
}
.level1 
{
	margin-left:10px !important;
	margin-top:10px !important;
}

.inter 
{
border-bottom: 1px solid  #f3f3f3 !important;
}

.fullscreen-exit
{
	max-width:643px !important;
}
.screen, .screen1
{
	
	margin-right: 12px;
    margin-top: 1px;
	float:left;
	margin-right:5px;
}
.screen:hover, .screen1:hover
{
	width:15px;
	height:15px;
}
.back{
	float: left;
    margin: -6px 10px 0px 0px;
}
.back img
{
	width:37px;
}
nav[name=darcaption]
{
	
    padding: 5px;
    color: #ffffff;
    font-size: 10pt;
    
    
    font-weight: bold;
}
nav[name=ext_caption]
{
	background-color: #df53e1;
    padding: 10px;
    color: #ffffff;
    font-size: 10pt;
    padding-left: 22px;
    margin: -12px -10px 10px -10px;
    font-weight: normal;
}
.title {
    /* margin-bottom: 10px; */
    color: #111212;
    padding: 10px;
    /* color: #575757; */
    font-size: 12pt;
    padding-left: 22px;
    margin-left: 12px;
    /* font-weight: bold; */
    border-bottom: 1px solid #eee;
}
.gradiant-grey
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#848484+0,828c95+57,b5bdc8+100 */
background: #848484; /* Old browsers */
background: -moz-linear-gradient(left,  #848484 0%, #828c95 57%, #b5bdc8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #848484 0%,#828c95 57%,#b5bdc8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #848484 0%,#828c95 57%,#b5bdc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#b5bdc8',GradientType=1 ); /* IE6-9 */


}
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

#columns {
  list-style-type: none;
}

.column {
 
  cursor: move;
}
.column header {
  height: 20px;
  width: 150px;
  color: black;
  background-color: #ccc;
  padding: 5px;
  border-bottom: 1px solid #ddd;
  border-radius: 10px;
  border: 2px solid #666666;
}

.column.dragElem {
  opacity: 1;
}
.column.over {
  //border: 2px dashed #000;
  border-top: 2px dashed grey;
}
/* RADIOS & CHECKBOXES STYLES */

/* base styles */
input[type="radio"], 
input[type="checkbox"] {
    height: 1.2em;
    width: 1.2em;
    vertical-align: middle;
    margin: 0 0.4em 0.4em 0;
    border: 1px solid rgba(136, 136, 136, 0.5);
    background: -webkit-linear-gradient(#FCFCFC, #DADADA);
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
     box-shadow:inset 1px 1px 0 #fff, 0 1px 1px rgba(0,0,0,0.1);
}

/* border radius for radio*/
input[type="radio"] {
    -webkit-border-radius:100%;
    border-radius:100%;
}

/* border radius for checkbox */
input[type="checkbox"] {
    -webkit-border-radius:2px;
    border-radius:2px;
}

/* hover state */
input[type="radio"]:not(:disabled):hover,
input[type="checkbox"]:not(:disabled):hover {
    border-color:rgba(0,0,0,0.5);
    box-shadow:inset 1px 1px 0 #fff, 0 0 4px rgba(0,0,0,0.3);
}

/* active state */
input[type="radio"]:active:not(:disabled),
input[type="checkbox"]:active:not(:disabled) {
    background-image: -webkit-linear-gradient(#C2C2C2, #EFEFEF);
    box-shadow:inset 1px 1px 0 rgba(0,0,0,0.2), inset -1px -1px 0 rgba(255,255,255,0.6);
    border-color:rgba(0,0,0,0.5);
}

/* focus state */
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline:none;
    box-shadow: 0 0 1px 2px rgba(0, 240, 255, 0.4);
}

/* input checked border color */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
    border-color:rgba(136, 136, 136, 0.5);
}

/* radio checked */
input[type="radio"]:checked:before {
display: block;
height: 0.3em;
width: 0.3em;
position: relative;
left: 0.4em;
top: 0.4em;
background: rgba(0, 0, 0, 0.7);
border-radius: 100%;
content: '';
}

/* checkbox checked */
input[type="checkbox"]:checked:before {
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
content: '\2713';
-webkit-margin-start: 0;
margin-left: 2px;
font-size: 0.9em;
}
#claques input[type="checkbox"]:checked:before {
   
    font-size: 0.8em;
}
/* disabled input */
input:disabled {
opacity: .6;
box-shadow: none;
background: rgba(0, 0, 0, 0.1);
box-shadow:none;
}

/* style label for disabled input */
input:disabled + label {
opacity: .6;
cursor:default;
-webkit-user-select: none;
}
.mapboxgl-ctrl-geocoder {
    width:100% !important;
    background-color:rgba(0,0,0,0.1) !important;
    color:rgba(256,256,256,0.8) !important;
 } 
 .mapboxgl-ctrl-geocoder input {
   
    background-color: rgba(0,0,0,0.1) !important;
    color: rgba(256,256,256,0.8) !important;
    border: 1px solid rgb(124 124 124 / 80%);
    font-size: 10pt;
    font-style: italic;
 }