/**
 * APP
 */

/* Logo */
/*#logo span.logo { width: 184px; height: 50px; background-image: url("../img/logo.png"); background-repeat: no-repeat; display: block; text-indent: -9999px; }*/

/* 480px
.ui-accordion { width: 480px; }
.ui-accordion .ui-accordion-content { padding: 1em 0em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
*/



.hl {
	background: yellow;
}

.yes-16 { background-image: url("../img/yes.png"); }
.no-16 { background-image: url("../img/no.png"); }
.lettreA-16 { background-image: url("../img/lettreA.png"); }
.excel-25 { background-image: url("../img/excel-25x25.png"); }
.ecriture-16 { background-image: url("../img/dessiner.png"); }
.entretien { background-image: url("../img/entretien.png"); }
.coche_valider { background-image: url("../img/coche_valider.png"); }
.rotate-16 { background-image: url("../img/rotate.png"); }
.agrandir-25 { background-image: url("../img/agrandir.png"); }
.en_tant_que-16 { background-image: url("../img/en_tant_que.png"); }
.pj-25 { background-image: url("../img/pj.png"); }
.excel-16 { background-image: url("../img/excel_16.png"); }
.pdfB-16 { background-image: url("../img/pdfB-16x16.png"); }
.pdfR-16 { background-image: url("../img/pdfR-16x16.png"); }

.coche_valider_none{display:none;}
.coche_valider_inline{display:inline;}

#actions a.actions-suppleance_on, #actions a.actions-suppleance_off { padding:1px 0 1px 19px; background:transparent none no-repeat left center; }
#actions a.actions-suppleance_on { background-image:url("../img/on.png"); color:green;}
#actions a.actions-suppleance_off { background-image:url("../img/off.png");color:red; }

.affiche_detail_contrat {
  position: absolute;
  top: 10px;
  right:10px;
  display:none;
  /*margin-left:-50px;
  margin-top:-50px; */
  /*top:50%;
  left:50%; */
	width: 900px;
	background-color: #e6d265;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:1em;
  padding:5px; 
	/*display:none;*/
	z-index:200000;;
}


.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.imagezzzzzzzz:hover img {
position:fixed;
  top: 50%;
  left: 50%;
/* L'image est grossie de 25% */
-webkit-transform:scale(3); /* Safari et Chrome */
-moz-transform:scale(3); /* Firefox */
-ms-transform:scale(3); /* Internet Explorer 9 */
-o-transform:scale(3); /* Opera */
transform:scale(3);
}


.image_zoom img {
position:fixed;
  top: 38%;
  left: 40%;
/* L'image est grossie de 25% */
-webkit-transform:scale(4); /* Safari et Chrome */
-moz-transform:scale(4); /* Firefox */
-ms-transform:scale(4); /* Internet Explorer 9 */
-o-transform:scale(4); /* Opera */
transform:scale(4);
}

#transparence {
  /*position:absolute;   
  top:-140;                   
  left:-160;
  height:200%;           
  width:200%; */
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  display:block;
  background-color: #000000;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  z-index: 1000;
}

#globalopaque { 
  position: absolute;
  top:20;
  left:20;
  margin-left: 0; 
  margin-right: auto; 
  width:600px;
  height:260px;
  display:block;
  text-align: center;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  background-color: #FFFFFF;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#000000;
  z-index: 1001; 
}

#globalopaque_externe { 
  position: absolute;
  top:0;
  left:50;
  margin-left: auto; 
  margin-right: auto; 
  width:100%;
  height:30px;
  display:block;
  text-align: center;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  background-color: #ff3358;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#000000;
  z-index: 1001; 
}

#div_container_travaux {
  position:relative;
  top:3px;
  left:0px;
  margin: auto;
  text-align:center;
  /*width:100%;
  height:100%;
  display:block;*/
  z-index: 1002;
}

#container.rotate90,
#container.rotate270 {
  position:relative;
  top:8px;
  left:0px;
  margin: auto;
  text-align:center;
}
#image {
  transform-origin: top left;
  /* IE 10+, Firefox, etc. */
  -webkit-transform-origin: top left;
  /* Chrome */
  -ms-transform-origin: top left;
  /* IE 9 */
}

#div_container_travaux.rotate90 #image {
  transform: rotate(90deg) translateY(-100%);
  -webkit-transform: rotate(90deg) translateY(-100%);
  -ms-transform: rotate(90deg) translateY(-100%);
}
#div_container_travaux.rotate180 #image {
  transform: rotate(180deg) translate(-100%, -100%);
  -webkit-transform: rotate(180deg) translate(-100%, -100%);
  -ms-transform: rotate(180deg) translateX(-100%, -100%);
}
#div_container_travaux.rotate270 #image {
  transform: rotate(270deg) translateX(-100%);
  -webkit-transform: rotate(270deg) translateX(-100%);
  -ms-transform: rotate(270deg) translateX(-100%);
}

#texteopaque {
  position: relative;
  top:0;
  left:0;
  display:inline;
  background-color: transparent;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#000000;
  z-index: 1002;
}

#boutonopaque {
  position: absolute;
  top:230px;
  left:0;
  display:none;
  background-color: transparent;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#000000;
  z-index: 1002;
}



#tab_dyn_rech {
    font: 10px Tahoma;
    color:#000000;
}

#tab_dyn_rech td
{
    text-align : left;
}



.rotate90 {
  transform: rotate(90deg) translateY(-100%);
  -webkit-transform: rotate(90deg) translateY(-100%);
  -ms-transform: rotate(90deg) translateY(-100%);
}
.rotate180 {
  transform: rotate(180deg) translate(-100%, -100%);
  -webkit-transform: rotate(180deg) translate(-100%, -100%);
  -ms-transform: rotate(180deg) translateX(-100%, -100%);
}
.rotate270 {
  transform: rotate(270deg) translateX(-100%);
  -webkit-transform: rotate(270deg) translateX(-100%);
  -ms-transform: rotate(270deg) translateX(-100%);
}
 
.formEntete img { vertical-align:middle; }
.formEntete { margin:0; width:auto; border:1px solid #cdcdcd; background-color:#ffffff; padding:10px; overflow: auto; }
.field { width:100%; vertical-align: middle; display: table-row;}
.field-type-hidden { display:none; }
.form-libelle { display:table-cell; padding: 2px 5px; vertical-align: middle; }
.form-content {display: table-cell;line-height: 20px;vertical-align: middle;width: auto;}
.group .field{width: auto;margin-left:0px;margin-right: 10px;display: table-cell;}
.bloc.group{display:table-row;}
.bloc-titre { font-weight: bold; }
.bloc.fullwidth .field, .bloc.fullwidth .field .form-libelle, .bloc.fullwidth .field .form-content { display: block; }
.bloc.hidelabel .field .form-libelle { display: none; }
.fieldsetContent{ display:table; width: 100%; }
.pre { white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; }
.bold {font-weight: bold;}

#conteneur_global_semainier{
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #cdcdcd;
    margin: 0;
    overflow: auto;
    /*padding: 10px;*/
margin-bottom:20px;
}


#conteneur_semainier{
width: 1310px;
float: left;
}

#semainier{
table-layout: fixed;
overflow: hidden;
margin-left: 0px;
width: 100%;
}

.div_semaine{
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  height: 40px;
  float: left;
  text-align:center;
  overflow:hidden;
  color: #555;
  /*border-left: 1px solid #dddddd;*/
  /*border-right: 1px solid #dddddd;*/  

}
/*
#tr_semaine a{
  text-decoration:none;
  color: #555;
} */
.div_semaine.odd{
background-color: #E4E4E4;

}

.div_semaine.even{
 /*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);*/
background-color: #efefef;
}          

.div_mois{
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  float: left;
  text-align:center;
  overflow:hidden;
  color: #555;
  height:15px;   
}

.div_mois.odd{
  background: #E4E4E4;  
}

.div_mois.even{
  background: #EFEFEF;  
}

.select a{
  /*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);*/
    text-decoration:none;
  color: red;
}

#last_semainier{
  float:left;
  height:50px;
  width:30px;
  cursor:pointer;
}

#next_semainier{
  float:left;
  height:50px;
  width:30px;
  cursor:pointer;
}

    //th, td { white-space: nowrap; }
    div.dataTables_wrapper {
        width: 100%;
        margin: 0 auto;
    }
    
.display_none{display:none;}
.display_inline{display:inline;} 



/* Table Module Basic
   ========================================================================== */
.table-module {
  height: auto;
  overflow-y: auto;
}
.table-basic {
  display: table;
  border-collapse: collapse;
  width: 100%;
  white-space: nowrap;
  background-color: #FFFFFF;
}
.table-basic thead th {
  color: var(--titles);
 // background-color: #f6f8fb;
  font-weight: 500;
  padding:2px 30px 2px 2px;
  position: sticky;
  top: 0;
  z-index: 1;
}
.table-basic thead th:first-child,
.table-basic tbody th {
  padding-left: 13px;
}
.table-basic tr td,
.table-basic tbody th {
  //font-weight: normal;
  //border-top: 1px solid #dee5ef;
}
.table-basic tr td {
  padding: 13px 3px;
}

.col-sticky-0{
    left: 0px;
    position: sticky;
    z-index:2;
}

.col-sticky-1{
    left: 90px;
    position: sticky;
    z-index:2;
}

.col-sticky-2{
    left: 160px;
    position: sticky;
    z-index:2;
}

.col-sticky1-0{
    left: 0px;
    position: sticky;
    z-index:2;
}

.col-sticky1-1{
    left: 60px;
    position: sticky;
    z-index:2;
}

.col-sticky1-2{
    left: 120px;
    position: sticky;
    z-index:2;
}

.client{
    color:blue;
    text-decoration : underline;
}

.client:hover{
    cursor: zoom-in;
}

.affiche_detail_eng {
  position: fixed;
  top: 10px;
  left:10px;
  display:none;
  /*margin-left:-50px;
  margin-top:-50px; */
  /*top:50%;
  left:50%; */
	width: 900px;
	background-color: #7c7c7c;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:1em;
  padding:5px; 
	/*display:none;*/
	z-index:200000;;
}

    .ongl_1, .ongl_2, .ongl_3, .ongl_4
    {
    display: inline-block;
    //width: 120px;
    height: 30px;
    margin-left: 5px;
    background-color: #d3d3d4;
    border-top: 1px solid #808489;
    border-left: 1px solid #808489;
    border-right: 1px solid #808489;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    text-align: center;
    }
    .ongl_1:hover, .ongl_2:hover, .ongl_3:hover, .ongl_4:hover
    {
    background-color: #d3dce9;
    }
    .ongl_1 a, .ongl_2 a, .ongl_3 a, .ongl_4 a
    {
    display: block;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    text-decoration: none !important;
    color: #555555 !important;
    //text-shadow: 1px 1px 0px #eef1f6;
    font-size: 1em;
    }
    .ongl_1 a:hover, .ongl_2 a:hover, .ongl_3 a:hover, .ongl_4 a:hover
    {
    color: #FFFFFF !important;
    background-color: #d3d3d4;
    //text-shadow: 1px 1px 0px #23334c;
    }
    #content_1
    {
    display: block;
    height: 300px;
    overflow: auto;
    background: #FFFFFF;
    border: 1px solid #596b87;
    //font-size: 11px;
    //color: #3c506f;
    }
    #content_2, #content_3, #content_4
    {
    display: none;
    }
    #client_1:target #content_1
    {
    display: block;
    height: 300px;
    border: 1px solid #596b87;
    font-size: 11px;
    color: #3c506f;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    overflow: auto;
    }
    #client_2:target #content_2
    {
    display: block;
    height: 300px;
    background: #FFFFFF;
    font-size: 11px;
    color: #3c506f;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    overflow: auto;
    }
    #client_3:target #content_3
    {
    display: block;
    height: 300px;
    background: #FFFFFF;
    font-size: 11px;
    color: #3c506f;
    overflow: auto;
    }
    #client_4:target #content_4
    {
    display: block;
    height: 300px;
    background: #FFFFFF;
    font-size: 11px;
    color: #3c506f;
    overflow: auto;
    }
    .info_accueil
    {
    padding: 10px;
    text-align: justify;
    }
    
.multiselect {
  width: 200px;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  font-weight: bold;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #dadada solid;
}

#checkboxes label {
  display: block;
}

#checkboxes label:hover {
  background-color: #1e90ff;
} 


.dropdown {
  position: relative;
  font-size: 1em;
  color: #333;
  padding-left: 10px;
  padding-right: 10px;

  .dropdown-list {
    //padding: 12px;
    background: #fff;
    position: absolute;
    //top: 30px;
    left: 2px;
    right: 2px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .15);
    transform-origin: 50% 0;
    transform: scale(1, 0);
    transition: transform .15s ease-in-out .15s;
    max-height: 66vh;
    overflow-y: scroll;
    z-index:10;
  }
  
  .dropdown-option {
    display: block;
    padding: 2px 12px;
    opacity: 0;
    transition: opacity .15s ease-in-out;
  }
  
  .dropdown-label {
    display: block;
    //height: 30px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px 120px;
    line-height: 1;
    cursor: pointer;
    font-weight: bold;
    
    &:before {
      content: '▼';
      float: right;
    }
  }
  
  &.on {
   .dropdown-list {
      transform: scale(1, 1);
      transition-delay: 0s;
      z-index:100;
      
      .dropdown-option {
        opacity: 1;
        transition-delay: .2s;
        z-index:100;
      }
    }
    
    .dropdown-label:before {
      content: '▲';
    }
  }
  
  [type="checkbox"] {
    position: relative;
    top: -1px;
    margin-right: 4px;
  }
}