*{
    border-radius:0px!important; 
}

body {
	/*background: url('../images/testBg00.png') repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color:#000;
  	background-color:#ffffff;
  	font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;*/
        
    font-family: 'Raleway', sans-serif;
    background-color : #f0f0f0;
}

.navbar-fixed-top {
  top: 0;
  background-color:#31708f;
  height: 100px;
}


.navbar{
    margin-bottom : 0px;
}

.navbar .nav > li > a { color:#ffffff;}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
      /*color: #00CCFF;*/
      color : #2794e7;
      /*background: #003469;*/
      /*background: #304250;*/
      background: #304250;
      border-radius: 15px;
 }

.contFull{
  margin: 0 auto;
  width: 100%;
}


container-fluid{
	padding: 0px;
}

hr{
    border-top : 1px solid silver;
}
#titreTop{
	/*color:#636c6b;*/
	border-bottom:hidden;
}

/*#gauche{
	background-color:#0CF;
	border-color:#F00;
	border-style:dotted;
	padding:0%;
}*/


/*.fullline{
	display:inline-block;	
}*/

/*.espaceEntreBoutons{
margin:10px 0;
padding:10px;
}*/

#imCentre{ 
  text-align:center; /* centrage horizontal d'un élément en-ligne */ }
img { 
  vertical-align:middle;
}

.thumbnailTrans{
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #003469;
  border: 1px solid #003469;
  border-radius: 4px;	
	
}
.noGras{
	text-height:font-size;
	text-emphasis:dot;
}


#barreBas{
	font-size:x-small;
	color:#999;
	text-align:center;
}

.basDepage{
	/*background-color:#FFF;*/
        font-family : sans-serif;
        /*background-color : #304250;*/
}

.basDepage img{
    border : 1px solid #424b52;
    border-radius: 25px;
    display : none;
}

.lienActif{
color:#1975D1;	
}

option.gras {
  font-weight:bold;
}


#btonSendForm{

	float:right;
}

.TitreGoH3 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.outer-div {
     padding: 10px;
     text-align: center;
}
.inner-div {
     display: inline-block;
     padding: 10px;
}

.scroll-panel-x{
    overflow-x: auto;
}

.scroll-panel-y{
    overflow-y: auto;
}


.dynatableCustomHeader{
    color : grey;
}

.dynatableCustomHeader:hover{
    color : silver;
}

.btn{
/*    margin:4px;*/
    vertical-align: 0%!important;
}

.btn-primary {
    background-color: #0d3e5c;
    border:none;
    text-decoration: none!important;
    margin-left: -0px!important;
}

.btn-success{
    background-color : #208F7C;
}

.btn-danger{
    background-color : #A94442;
}

.btnZoneActive{
    background-color: #2c74e8;
    background-color: #31708f;
}

.btn-default{
    background-color: #F2F2F2;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    background-color: grey!important;
}

.editReportView-warning {
    display:block;
    height:60px;
}

/*.blocker{
    //z-index: 1000;
}

.modal{
    extension pour neutraliser un conflit entre modal de jquery.modal et
    modal de Bootstrap (qui met un overflow:hidden sur les modals alors que
    jquery.modal non, ce qui pose un problème dans l'affichage de la croix
    pour fermer la fenêtre)
    overflow : visible;
    width : auto;
    z-index: 1001;
/*}

.thumbnail{
    /*background-color: #F2F2F2;*/
    border-radius : 4px;
    overflow-x : auto;
}

.nav-tabs > li.active > a {
    background-color : #44637b;
    color : #FFFFFF;
}

.darkFontColor{
    color : #252f38;
}

a{
    color : #2794e7;
    color : #31708f;
}

.sopThumbContainer{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 8px;
    padding : 10px;
    margin : 10px;
    border: 1px solid #ddd;
    /*height : 350px;*/
    /*overflow : auto;*/
}

.sopThumbContainer .deleteBtn  {
    margin-top: 10px;
}

.sopThumbImage{
    /*height : 70%;*/
    /*border : 1px solid green;*/
    width: 50px;
    margin: 0 auto;
}

.sopThumbDescription{
    height : 50px;
    padding : 3px;
    overflow : hidden;
}

.soon{
    margin-top : 50px;
    margin-bottom : 50px;
}

.planningIframe{
    width : 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 8px;
}

.controlRoomThumbContainer{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 8px;
    padding : 10px;
    margin : 10px;
    /*height : 350px;*/
    /*overflow : auto;*/
}

.controlRoomThumbImage{
    overflow : auto;
}

.controlRoomThumbDescription{
    height : 50px;
    padding : 3px;
    overflow : hidden;
}

.controlRoomIframe{
    width : 100%;
    height : 350px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 8px;
}

.controlRoomCamImg {
    max-width: 100%;
    height: auto;
}

/*
**** loader ****
*/
.blockingLoader{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image:url('../img/loaderBar80.gif');
  background-color: transparent;
  background-repeat:no-repeat;
  background-position:center;
  z-index:10000000;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

.nonBlockingLoaderInTarget{
  position:relative;
  top:0;
  left:0;
  width:80px;
  height:80px;
  background-image:url('../img/loaderBar80.gif');
  background-color: transparent;
  background-repeat:no-repeat;
  background-position:center;
  z-index:10000000;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
  border-radius: 50px;
  margin : auto;
}

.nonBlockingLoader{
  position: fixed;
  cursor: wait;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:url('../img/loaderBar80.gif');
  background-color: transparent;
  background-repeat:no-repeat;
  background-position:center;
  z-index:10000000;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */ 
  border-radius: 50px;
  margin : auto;
  text-align:center;
  overflow : visible;
}

#geocheckPrecisionDisplay, #geocheckPrecisionDisplay_waypoint, #geocheckPrecisionDisplay_zone {
  background-image:url('../img/loaderBar80.gif');
  background-color: transparent;
  background-repeat:no-repeat;
  background-position:center;
  text-align : center;
  font-size : 40px;
  color : #998fa3;
  border-top:2px solid silver;
}

.panel-body{
    /*since panels are white and default color is bright (see body class), 
      we force the use of dark fonts from class darkFontColor
    */
    color : #252f38;
    overflow-x: auto;
}

.datepicker, .datetimepicker{
    color : #252f38;
}

.biggerGlyphicon{
    font-size: 30px;
}

.dropzone{
    border : none;
}

.dz-remove{
    position: absolute;
    margin-top: -140px;
    margin-left: 37px;
}

.thumbnailSubTitle{
    /*background-color:#E8E8E8;*/
    background-color:#f5f5f5;
    padding-left : 5px;
    /*border-bottom:1px solid silver;*/
    /*font-weight: bold;*/
    /*border-radius : 5px;*/
    /*padding : 5px;*/
    font-size:22px;
}

@-moz-document url-prefix() {
    #NFCCheckButton {
        background-image: url("../images/nfcIcon.png");
        background-size: contain;
        background-size: 40%;
        background-repeat: no-repeat;
        background-position: center;
        padding: 18px 16px;
        position: relative;
        bottom: 8px;
    }
}

.workflowBtnReport{
    /*display: inline;*/
    margin-bottom: 2px;
    margin-left : 5px;
}

.btn-primary[disabled]{
    color : grey;
    background-color: #9ea3a9;
    border:2px dotted #3b3b46;
}

.btn-primary[disabled]:hover{
    color : grey;
    background-color: #9ea3a9;
    border:2px dotted #3b3b46;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 border : 0px solid #cccccc;
 border-left : 1px solid #cccccc;
 background-color : transparent;
}

/*.datepicker{
    color : #fff!important;
    margin-top:0%!important;
    background-color:#333;
    position:absolute;
    width:15%!important;
    z-index: 800!important;
}*/

.zoneSubmenu{
    background-color:#007bff;
    background-color:#31708f;
    /*padding:5px;*/
    color : white;
    color: #111;
	-webkit-box-shadow: 0 3px 6px -6px #333;
	   -moz-box-shadow: 0 3px 6px -6px #333;
            box-shadow: 0 3px 6px -6px #333;
}

.zoneSubmenu h4{
    color:white;
}

.zoneSubmenu a{
    color:white;
}

.prestationsTabContent{
    padding-top:5px;
}

.adminUserScrollableClientDiv{
   overflow-y:scroll; 
   height: 250px; 
} 

.tag{
    font-style : oblique;
    color : silver; 
    font-size : 12px;
}

.mapInfoWindow{
    border-radius: 5px;
    border : 1px solid #44637b;
    padding:5px;
    /* background-color: #31708f; */
    background-color:#dcf4ff;
}

.brightPanel{
    background-color:#fff;
    padding : 5px;
    color : #252f38; /*<=> darkFontColor class*/
    border-radius: 5px;
}

.statusButton{
    width: 50px;
    height: 50px;
    border-radius: 60px;
    overflow : hidden;
    margin-bottom:5px;
    border-radius: 30px!important;
}

.userStatusIndicator{
    padding-left: 10px;
    font-style:oblique;
    font-size: 12px;
    color: white;
}

.userStatusIndicator a {
    color: white;
}

.textInfo{
    font-style:oblique;
}

.unvisibleNFCInputField{
    outline-style:none;
    border: none;
    color : white;
}

/* LOGIN FORM CSS */

.loginform{
    background-image: linear-gradient(to bottom, #0a1521, #0f1f31, #142a41, #193552, #1f4064);
    min-height:100vh;
    padding-top:10%;
}

.loginform .loginbrand{
    margin:auto!important;
    padding-bottom:50px;
}

.loginform .form{
/*    width:40%;
    margin:auto;*/
   /* margin-left:27%;*/

}

.loginform .labelstyle{
    justify-content: center;
    width:10%;
    background-color:transparent;
}

.loginform .input-group {
    margin: 6px 0;
}

.loginform .input-group-addon{
    border:none;
    color:#007bff;
    color: #31708f;
    background-color:transparent;
    font-size:30px;
    padding: 6px;
}

.loginform .inputstyle{
/*    padding:6%;
    margin:2%;*/
}

/*.loginform .form > .input-group{
    margin-top: -5%;
}*/


.loginform .submitform{
    background-color:#007bff;
    background-color: #31708f;
    font-weight:bold;
    font-size:22px;
    color:#fff;
    margin-left: 5%!important;
/*    margin-top:5%!important;*/
    padding: 25px;
    line-height: 0;
}

.loginform .clientLink{
    color:#222!important;
    text-decoration: none!important;
}

.loginform .glyphicon{
    line-height:0!important;
    display:inline;
}

/*.loginform .form-control{
    height:70px!important;
}*/

@media (max-width: 480px) {

    .loginform{
        padding-top:5%;
    }
    
    .loginform .submitform{
        margin-bottom: 12px;
    }
    
    .loginform .loginbrand{
        padding-bottom:70px;
    }

    .loginform .form-control{
        height:50px!important;
    }

    .loginform .input-group-addon{
        margin:5%;
        line-height: 1.5;;
    
    }

}

#wqrValueDiv {
    margin: 6px 0;
}