.leaflet-container {
    font-size: 1.1rem;
}
.leaflet-container .leaflet-control{
    font-size: 1rem;

}

.leaflet-marker-pane {
    z-index: 20000 !important;
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
    border: 2px solid rgba(255, 255, 255, 0.4);
}

.leaflet-bar a {
    background-color: rgba(53, 111, 180, 0.5);
}

.leaflet-pm-toolbar a {
    background-color: rgba(255, 255, 255, 0.5) !important;
    color: #fff !important;
}

.leaflet-touch .leaflet-control-layers {
    background-color: rgba(53, 111, 180, 0.5) !important;
}

.leaflet-control-layers {
    background-color: rgba(53, 111, 180, 0.5) !important;
    border: 2px solid rgba(255, 255, 255, 0.4);
    text-align: left;
}

.leaflet-control-fullscreen a {
    background-color: rgba(53, 111, 180, 0.5);
    background-image: url("leaflet-fullscreen/fullscreenBlc-YoIDbyT.png");
    background-repeat: no-repeat;
    background-position: 2px 2px;
    -moz-background-position: 2px 2px;
}

.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: 2px -24px !important;
}

.leaflet-bar a:hover {
    background-color: #356fb4 !important;
    color: #fff !important;
}

.leaflet-pm-actions-container {
    background-color: rgba(53, 111, 180, 0.5) !important;
    text-shadow: black 1px 1px 0px;
    border-radius: 5px;
}

/* gestion du z_index des popus par rapports aux z_index des layers */
.leaflet-popup-pane {
    z-index: 20000 !important;
}

/* gestion de la recuperation du code dans un popup pour le passer au tableau de recherche */
.recherche {
    cursor: pointer;
    color: blue;
}

.leaflet-control-coordinates {
    background: rgba(53, 111, 180, 0.6) !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    background-clip: padding-box !important;
    color: #fff;
    border-radius: 4px;
    box-shadow: none;
    text-shadow: 0 0 1px black;
}

.leaflet-control-zoom {
    background: rgba(53, 111, 180, 0.6) !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    background-clip: padding-box !important;
    color: #fff;
    border-radius: 4px;
    box-shadow: none;
    text-shadow: 0 0 1px black;
}

.leaflet-popup-content {
    contain: content;
    padding: 5px 0;
}

.leaflet-shadow-pane {
    z-index: 229;
  }
/* css pour les markers points techniques  */
.marker-button {
    width: auto;
    height: 25px;
    padding: 0 5px;
    line-height: 1.4;
    display: inline-block;
}

.awesome-marker i {
    color: #333;
    margin-top: 11px;
    display: inline-block;
    font-size: 16px;
}

.stechcluster {
    font-size: 14px;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    border: 3px #6e6e6e solid;
    color: white;
    text-align: center;
    line-height: 34px;
    margin-top: -20px;
    margin-left: -20px;
}

.stechcluster1 {
    font-size: 26px;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    border: 3px #6e6e6e solid;
    color: white;
    text-align: center;
    line-height: 34px;
    margin-top: -20px;
    margin-left: -20px;
}

.stechBack {
    background-color: rgba(110, 110, 110, 0.8);
}

.sclientcluster {
    font-size: 14px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 3px #0f75b1 solid;
    background-color: rgba(15, 117, 177, 0.8);
    color: white;
    text-align: center;
    line-height: 34px;
    margin-top: -20px;
    margin-left: -20px;
}

.ptechcluster {
    font-size: 14px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 3px #7fbb34 solid;
    background-color: rgba(70, 182, 233, 0.8);
    color: white;
    text-align: center;
    line-height: 34px;
    margin-top: -20px;
    margin-left: -20px;
}

.equipactifcluster {
    font-size: 14px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 3px #386711 solid;
    background-color: rgba(6, 175, 9, 0.8);
    color: white;
    text-align: center;
    line-height: 34px;
    margin-top: -20px;
    margin-left: -20px;
}

.equipinactifcluster{
    font-size: 14px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 3px #d7504a solid;
    background-color: rgba(215, 80, 74, 0.8);
    color: white;
    text-align: center;
    line-height: 34px;
    margin-top: -20px;
    margin-left: -20px;
}

.sufcluster {
    font-size: 14px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 3px #d7504a solid;
    background-color: rgba(215, 80, 74, 0.8);
    color: white;
    text-align: center;
    line-height: 34px;
    margin-top: -20px;
    margin-left: -20px;
}

.info-donnees {
    border: 1px solid black;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
    font-size: 12px;
}

.info-donnees>p {
    margin: 0.5rem;
}

.info-donnees>p>i {
    color: red;
    font-size: 14px;
}

.info-donnees #couches {
    color: blue;
}

.leaflet-tooltip {
    /*display: none !important;*/
}

#partiel-layer {
    position: absolute;
    top: -25px;
    border: 1px solid black;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
}

.occup_cable {
    text-align: center;
    height: 1.5em;
    width: 150px;
    -webkit-appearance: none;
    border: none;
    /* Set the progressbar to relative */
    position: relative;
}

.occup_indiq {
    position: relative;
    left: -80px;
    bottom: 4px;
}

.compass-icon {
    cursor: pointer;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .leaflet-control-fullscreen a {
        background-image: url("leaflet-fullscreen/fullscreen@2x-UFsxvG2.png");
    }


}