.legende table{
    border-spacing:0px;
    border-collapse: collapse;
}

.legende table td{
    border-spacing:0px;
    border-collapse: collapse;
    padding:0px;
    margin:0px;
    height:20px
}

.loading {
    position:absolute;
    left: 300px;
    top:300px;
    background-color:white;
    z-index: 1000;
    font-weight: bold;
}

.survol{
    position: absolute;
    z-index: 1000;
    border: 1px solid  black;
    padding: 5px;
    background-color:white;
}

.geotiff-legend{
    border:1px solid black;
    position: relative;
    top:150px;
    left:5px;
    background-color: white;
    display:none;
}

.ol-attribution{
    display:inline-block;
    float: right;
    position: relative;
    top: 20rem;
    right: 7px;

}


div.carte-region,
div.commune-modelisation{
    width: 100%;
    height: 500px;
    bottom: 2rem;
    position: relative;
 }

 div.widget div.carte-region{
  bottom: 0px
 }
 /*div.widget .legend {*/
 /* padding-top: 50px*/
 /*}*/
 div.day-onglet-selected{
    background-color: aqua;
 }

 div.info-survol{
    background-color: white;
   border: 2px solid var(--color-dark-blue);
   margin: 10px;
   border-radius: 6px;
   position:absolute;
   z-index:1000;;
 }
 div.info-survol .lg-item{
  width: 200px;
  clear:both
 }
 div.info-survol .lg-item-picto{
  width: 20px;
  height: 20px;
  float:left;
  margin-right: 10px;
 }

div.station-click{
    background-color: white;
    border: 1px solid var(--color-bg-header-table);
    margin: 10px;
    padding: 1rem;
    position:absolute;
    text-align: center;
    width: 200px
}

div.station-click .station-block {
    border-bottom: solid 1px;
    padding-bottom: 0.25rem;
    margin: 0.25rem 0 0;
}

div.station-click .station-label {
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: solid 1px;
    padding-bottom: 0.5rem;
    margin: 0.5rem 0 0;
}

div.station-click .station-img {
    border-radius: 5rem;
    width: 110px;
    height: 110px;
}

div.station-click .station-type,
div.station-click .station-mesure {
    font-size: 0.83em;
    font-weight: 400;
}
div.station-click .station-type .value,
div.station-click .station-mesure .value {
    font-weight: 600;
}

 /*Style PL*/
div.day-onglet{
  padding: 0.5rem 1rem;
  float: right;
  background-color: #f6f4f3;
  text-align: center;
  font-size: 0.9em;
  min-width: 9rem;
}
div.day-onglet a{
  color: var(--color-dark-blue) ;
  font-weight: 700;
}
div.day-onglet.day-onglet-selected{
  background-color: var(--color-dark-blue);
}
div.day-onglet.day-onglet-selected a {
  color: white;
  text-decoration: none;
}
.onglets-carto
{
  display: flex;
  z-index: 1000;
  position: relative;
  justify-content: end;
  float: right;
}
.onglets-carto-commune{
  display: flex;
  z-index: 1000;
  position: relative;
  justify-content: end;
  flex-wrap: wrap;
}
/*.carto-button-container button{*/
/*  border: solid 1px var(--color-dark-blue);*/
/*  color: var(--color-dark-blue);*/
/*  background-color: rgba(0, 0, 0, 0);*/
/*  !* width: 100%; *!*/
/*  text-align: center;*/
/*  font-family: var(--font-main);*/
/*  font-weight: bold;*/
/*  font-size: 0.9em;*/
/*  letter-spacing: normal;*/
/*  cursor: pointer;*/
/*}*/
button.indicateur-selected{
  background-color: var(--color-dark-blue);
}

/*
tools
*/
    /*zoom*/


.ol-zoom.ol-unselectable.ol-control,
.ol-rotate.ol-unselectable.ol-control{
  z-index: 101;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  top: 5px;
  left: 5px;
  width: 32px;

}
.ol-zoom-in{
  margin-bottom: 5px;
}
.ol-control button:focus{
  outline-color: var(--color-dark-blue);
}
.ol-zoom-in,
.ol-zoom-out,
.ol-rotate-reset{
  width: 33px;
  height: 36px;
  background-color: var(--color-air);
  color: white;
  font-weight: 700;
  border: none;
  cursor: pointer;
}

.ol-zoom-out{

}
    /*info*/
.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible button{
  width: 33px;
  height: 36px;
  background-color: var(--color-air);
  color: white;
  font-weight: 700;
  border: none;
  cursor: pointer;
  position: relative;
  left: 9rem
}
/* .ol-attribution.ol-unselectable.ol-control.ol-uncollapsible{
  float: right;
  position: relative;
  top: 20rem;
  right: 5px;
  display: flex;
  flex-direction: row-reverse;

}

.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible ul li a {
  font-size: 11px;
}
.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible ul li{
  list-style: none;
} */

.ol-attribution{
  float: right;
  position: relative;
  top: 20rem;
}

.ol-attribution ul li a {
  font-size: 11px;
}
.ol-attribution ul li{
  list-style: none;
}


.ol-attribution.ol-collapsed ul{
  display:none
}
/*rotate*/
.ol-rotate {
  margin-top: 1rem;
}

div.info-survol{
  background-color: white;
  margin: 10px;
  padding: 5px;
}

/**carte géotif/

 */
#geotiff_carto{
  height: 500px;
}
div.geotiff-carte{
  border: none;
}

button._indice_carto, button._layer{ cursor: pointer}

.bloc-stations{
  min-height: 400px;
}

.bloc-stations .bloc-filtre .station-form{
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  row-gap: 20px;
  column-gap: 5%;
}
.bloc-stations .bloc-filtre .station-form .station-item{
    display: flex;
    align-items: center;
    width: 30%;
}
.bloc-stations .bloc-filtre .station-form .station-item .item {
    font-size: 0.83em; /*15px*/
    font-weight: 400;
}
.bloc-stations .bloc-filtre .station-form .station-item .item:hover {
    cursor: pointer;
    text-decoration: underline;
}

.bloc-stations .bloc-filtre .station-form .item-selected .item {
    color: var(--color-link-active);
}
.bloc-stations .bloc-filtre .station-form .item-selected .item:hover {
    text-decoration: none;
}

.bloc-stations .bloc-filtre .mesure-form {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  column-gap: 15px;
}

.bloc-stations .bloc-filtre .mesure-form .item {
    font-weight: 500;
    width: 30%;
    text-align: left;
}

.bloc-stations .bloc-filtre .mesure-form .item:hover,
.bloc-stations .bloc-filtre .mesure-form .item:focus {
    color: white;
    text-decoration: none;
}
.content-air .item-selected.icon-caret-right::before {
    color: white;
}

div.legend div.color-item,
div.commune-carto-legend div.color-item {
    height: 20px;
    width: 50px;
    float: left;
    margin-right: 5px;
}

div.legend .label-item{
    font-size: 15px;
    font-weight: 700;
}

/*Page Episode de pollutions*/
.bloc-cartedep {
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*height: 400px;*/
  /*width: 100%;*/
}

.bloc-cartedep .depimage-map .ol-viewport {
    overflow: inherit !important; /*Faire afficher l'infobulle en dehors du canvas*/
}

.bloc-cartedep .depimage-legend {
  display: flex;
  align-items: end;
}

.bloc-cartedep .depimage-legend .title-legend {
  border-bottom: 1px solid var(--color-dark-blue);
  margin: 2rem 0 1rem;
  font-weight: 400;
  font-size: 1.1em; /*20px*/
}

.depimage-map .ol-rotate.ol-unselectable.ol-control{
  display:none
}

.regional-block{
  display: flex;
}

div.selection_indicateur a.selected, div.selection_indicateur a.selected:hover, div.selection_indicateur a.selected:focus,
.bloc-stations .bloc-filtre .mesure-form .item-selected, .bloc-stations .bloc-filtre .mesure-form .item-selected:hover, .bloc-stations .bloc-filtre .mesure-form .item-selected:focus {
  background-color: var(--color-link-active);
  border-color: var(--color-link-active);
  color: #FFF;
}

.bloc-cartedep .depimage-legend .legend .item {
  display: flex;
  margin-bottom: 0.5rem;
}

  .bloc-cartedep .depimage-legend .legend .color-item {
      height: 40px;
      margin-right: 0.5rem;
      float: none;
  }
  .bloc-cartedep .depimage-legend .legend canvas {
      border-radius: 1rem;
  }
  .bloc-cartedep .depimage-legend .legend .label-item {
      font-size: 0.83em; /*15px*/
      font-weight: 400;
  }

div.info-survol-carte-image {
    min-width: 215px;
}
div.info-survol-carte-image .titre {
    border-bottom: 1px solid var(--color-dark-blue);
    text-align: center;
    padding-bottom: 0.25rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}
div.info-survol-carte-image .lg-item {
    clear: none;
    width: inherit;
    display: flex;
    margin-bottom: 0.5rem;
}
div.info-survol-carte-image .lg-item .lg-item-picto {
    border-radius: 2rem;
    width: 44px; /*taille img alerte pollen*/

}
div.info-survol-carte-image .lg-item .lg-item-label {
    font-size: 0.83em; /*15px*/
    font-weight: 400;
    align-self: center;
}

div.carto-commune{
  width:200px;
  border: 1px solid black;
}



div.detail_station{
  width: 400px;
  height: 300px
}


div.station-dialog{
  width:1000px !important
}

.ol-rotate.ol-unselectable.ol-control{
  display: none
}
.popup_station .nom{
  display: flex;
  flex-direction: row;
}
.popup_station .label{
  color: var(--color-dark-blue) !important;
  font-weight: 600;
}
.container_localisation_station {
  margin-top: 1rem;
}
.container_localisation_station .map{
  padding: 0;
}
.info_station {
  border-top: solid 2px var(--color-dark-blue);
  padding-top: 1rem;
}
.popup_station .description p{
  text-align: justify;
}
.ui-widget.ui-widget-content{
  border: solid #0056a3;
}
.gavias-pagebuilder .ui-widget-header{
  background: none;
  border: none;
}
/*.ui-button-icon.ui-icon.ui-icon-closethick {*/
/*  display: none;*/
/*  background-image: url(../../../../sites/default/files/atmo/icons/close_icon.svg);*/
/*}*/
.gavias-pagebuilder .ui-dialog .ui-dialog-titlebar-close {
  border: none;
}
.mesures th {
  border-color: var(--color-dark-blue);
}
.mesures {
  width: 13rem;
}
#station_img_{
  padding: 0;
}
.popup_station .autre-info {
  width: 100%;
  border-top: solid 2px #0056a3;
  padding-top: 10px;
  /*margin-left: 1rem;*/
  /*margin-right: 1rem;*/
  margin: 1rem ;
}
.ui-dialog-title{
  display: none;
}
.station-dialog .ui-button .ui-icon{
  background: none;
}
.station-dialog .ui-button:hover .ui-icon{
  background: none;
}
.station-dialog .ui-button.ui-dialog-titlebar-close{
  background: url("/sites/default/files/atmo/icons/close_icon.svg" ) no-repeat !important;
  background-size: contain;
  outline: none;
}
.ol-attribution.ol-unselectable.ol-control{
  pointer-events: auto;
  display: flex;
  flex-direction: row-reverse;
}
.ol-attribution.ol-unselectable.ol-control ul {
  margin: 0;
  padding: 0;
}
.ol-attribution.ol-unselectable.ol-control button{
  width: 33px;
  height: 36px;
  background-color: var(--color-air);
  color: white;
  font-weight: 700;
  border: none;
  cursor: pointer;
}
.ol-attribution.ol-unselectable.ol-control ul li{
  padding-top: 5px;
}
.explication_unite{
  font-style: italic;
}
div.survol-indices{
  font-size: 0.7em;
}
div.survol-indices div.color{
  margin-right: 10px;
}
.flex-container{
  display: flex
}
.flex-row{
  flex-direction: row;
  align-items: center;
}
.flex-column{
  flex-direction: column
}

div.map-loading{
    left: 100px;
    top: 0px;
    position: absolute;
    background-color: #ff9000;
    color: white;
}
@media (max-width: 1199.98px) {
  div.station-dialog{
    width:600px !important
  }
}
@media (max-width: 650px) {
  div.station-dialog{
    width:400px !important
  }
}

@media (max-width: 415px) {
  div.station-dialog{
    width:300px !important
  }
}