#carte-point-recyclage > .leaflet-map-pane{
    left: 350px;
    top: 75px;
}

.point-collecte {
    border: 0.5px solid var( --color-primary-border );
    box-shadow: 0 2px 2px 0 var( --color-primary-darkest );
    background: var( --color-primary-light );
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 15px;
    height: 64px;
}

.point-collecte .coordonnees table tr td {
    padding: 3px 0;
}

.point-collecte button{
    border: 0;
    background-color: transparent;
    color: var( --color-secondary-dark );
}

.point-collecte:hover {
    background-color: var( --color-secondary-middle );
    border-color: var( --color-secondary-middle );
    cursor: pointer;
}

.row.point-collecte.selected, .point-collecte.targeted {
    border: 1px solid var( --color-red );
    background-color: rgba( 205, 98, 102, 0.5 );
}

.point-collecte:hover .picto-point-collecte,
.point-collecte:hover .coordonnees,
.point-collecte:hover .distance,
.menu-detail.show{
    color: var( --color-primary-lightest ) !important
}

@media (max-width: 767px) {
    .custom-select#wrapper-select_flux {
        position: absolute;
        margin-top: 55px;
        z-index: 401;
        margin-right: 10px;
    }
}

@media (min-width: 768px) {
    .point-collecte:hover .action-detail button {
        color: var(--color-primary-lightest) !important
    }
}

.point-collecte:hover .collecte-guide {
    background-color: var(--color-secondary-darkest)
}

.row.point-collecte > .picto-point-collecte{
    color: var( --color-secondary-dark );
}

a.collecte-guide{
    text-decoration: none;
}

.cadre-picto i{
   color: var( --color-red );
}

[id^="detail-decheterie"] .titre-point-collecte,
[id^="detail-pav"] .titre-point-collecte{
    color: var( --color-secondary-dark );
    font-size: 20px;
}

/* Remonter tout le popup visuellement */
.leaflet-popup {
    bottom: 11px !important;
}

.leaflet-popup-content-wrapper h3{
    font-size: 18px;
    color: var( --color-secondary-dark );
    margin-top: 20px;
    margin-bottom: 0 !important;
}

.leaflet-pane .leaflet-popup a.leaflet-popup-close-button {
    border: 1px solid;
    border-radius: 24px;
    line-height: 21px;
    margin: 2px;
}

.leaflet-popup-content-wrapper h3 .title-modal{
    margin-left: 5px;
}

.leaflet-popup-content-wrapper hr{
    margin-top: 0;
}

.leaflet-popup-content-wrapper main.content{
    display: flex;
    flex-direction: column;
}

.leaflet-popup-content-wrapper main.content div{
    display: flex;
}

.leaflet-popup-content-wrapper main.content div address{
    display: inline-flex;
    flex: 3;
    margin-bottom: 5px;
}

.leaflet-popup-content-wrapper main.content div .icon-flux{
    display: inline-flex;
    flex: 1;
    justify-content: flex-end;
}

.leaflet-container{
    height: 55vh !important;
}