#resultat_enjeux div.ui-tabs-panel{
/*    overflow-y: scroll;
    max-height: 600px;*/
    /*margin-top: 60px;*/
}

#resultat_enjeux ul.ui-tabs-nav{
  /*position: fixed;*/
  /*z-index: 500;*/
}

#tableau_enjeux_espece_services_instructeurs, #liste_especes{max-width: 80%}

#dessin div, #modify_select div, #import_export div{
    display: inline-block;
    vertical-align: top;
}
input[type=checkbox].input_button {
    display:none;
    cursor: pointer;
}
 
input[type=checkbox].input_button + label
{
    background-color: #ccc;
    height: 75px;
    width: 83px;
    display:inline-block;
    padding: 0 0 0 0px;

    position: relative;
    cursor: pointer;
}
input[type=checkbox].input_button:checked + label
{
    background-color: #506FAE;
    display:inline-block;
    padding: 0 0 0 0px;
}
input.pen + label:before{
    content: "\270E";
    font-size: 2.5em;
    position: absolute;
    bottom: 20px;
}
#ligne[type=checkbox] + label:after{
    content: "\2215";
    font-size: 20px;
    position: relative;
    top: 16px;
    left: 45px;
}
#polygone[type=checkbox] + label:after{
    content: "\25C7";
    font-size: 25px;
    position: relative;
    top: 20px;
    left: 40px;
}
#zone[type=checkbox] + label:after{
    content: "\25EF";
    font-size: 15px;
    position: relative;
    top: 18px;
    left: 42px;
}
#modifyfeature[type=checkbox] + label:after{
    content: "Édition";
    font-size: .8em;
    position: relative;
    top: 42px;
    left: 23px;
}
#selectfeature[type=checkbox] + label{
    background-image: url(img/hand.png);
    background-repeat: no-repeat;
}

#selectfeature[type=checkbox] + label:after {
    content: "Sélection";
    font-size: .8em;
    position: relative;
    top: 42px;
    left: 8px;
}

#deletefeature{
  background-color: #ccc;
  height: 75px;
  width: 83px;

  background-image: url(img/trash.png);
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
}

#drop_zone{
  width: 120px
}

#exportFeaturesAsGeoJSON{
  background-color: #ccc;
  height: 70px;
  width: 80px;

  background-image: url(img/export.png);
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
}

#msg_avertissement, #msg_questionnaire,#msg_video{
    position: absolute;
    width: 60%;
    top: 20%;
    left: 10%;
    z-index: 900;
    background: rgba(80, 111, 174, 0.8);
    padding: 10px;
    color: white;
}
#close_popup_avertissement, #close_popup_questionnaire,#close_popup_video{
    text-align: right;
}

table{border-collapse: collapse;}
th,td {border: black solid 1px;}
td{text-align: center;}

#active_layer_name{top: 0}

span.tooltips {
  position: relative;
  display: inline;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: orangered;
  cursor: pointer;
}
span.tooltips span {
  position: absolute;
  width:300px;
  color: #FFFFFF;
  background: #506FAE;
  /*height: 180px;*/
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}

span.i-info:after{
  content: "";
  width: 15px;
  height: 15px;
  background-image: url(/img/information-icon.png);
  background-position: 5% 0;
  background-size: 13px;
  display: inline-block;
  background-repeat: no-repeat;
}

span.tooltips span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 10%;
  width: 0; height: 0;
  border-bottom: 8px solid #506FAE;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
span:hover.tooltips span {
  visibility: visible;
  opacity: 0.95;
  top: 40px;
  left: 104%;
  margin-left: -76px;
  z-index: 999;
  font-size: .8rem;
  line-height: 1.5;
  text-align: left;
  padding: .5em;
}

span.nom_zonage {
  text-transform: uppercase;
  font-size: .85em;
}

.attention{
  background-image: url(/sites/www.enjeux-biodiversite.fr/img/attention.png);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  padding-left: 40px;
  min-height: 30px;
}

#trouve_enjeux{height: 43px;font-weight: bold;font-size: large;margin: 5px}

.feature_block{background-color: #ececec;padding:5px;margin-bottom: 10px;}
.colonne{display: inline-block;vertical-align: top;padding: 5px;}

.left{width: calc(100% - 350px)}
.right{width:300px;height:300px}

.print{display: none;}

#print_fiche{
  background: #5371b0;
  width: 185px;
  text-align: center;
  font-weight: bold;
  color: white;
  font-size: 1.5em;
  cursor: pointer;
  margin: auto;
  padding: 5px;
  border: black solid 1px;
}

.ressource_dept{display: none;}

#titre_ligne2{float: right;}

#info_connexion {position: relative;cursor: pointer;}
#info_connexion > p {
  display: none;
  border: solid;
  position: absolute;
  top: -20px;
  left:20px;
  background: #506FAE;
  padding: 3px;
  z-index: 1;
  width: 180px;
  font-size: 0.9em;
  font-style: italic;
  font-weight: normal;
}

#close_info_connexion{float: right;}

#export_liste_especes, #export_tableau_habitats{
  margin-bottom: 5px;
  text-decoration: underline;
  cursor: pointer;
}