html,
body,
#map {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

#pop_up_date td {
    margin: 0;
    /* padding: 1rem 0 !important; */
}

#pop_up_date td a {
    font-size: 0.88rem !important;
}

.ui-state-disabled.opacity_03 {
    opacity: 0.2 !important;
}

/* Override box shadow */
.leaflet-bar {
    box-shadow: 0 1px 5px rgb(0 0 0 / 40%);
}

.leaflet-draw-toolbar {
    cursor: pointer;
}

.text-white {
    color: white;
}

.leaflet-draw-toolbar a.custom_text {
    width: initial !important;
    user-select: none;
}

/* Enlarge icons */
.leaflet-control-geocoder-icon,
.leaflet-draw-toolbar {
    font-size: .9rem;
}

.qgis_popup_image {
    max-height: 250px;
    object-fit: cover;
    object-position: center;
}

.loading {
    opacity: 0.5;
}

.loading * {
    color: #e8ebf4 !important;
}

path.leaflet-interactive {
    animation: fade_in .5s;
}

.dp-day-arrival {
    background: linear-gradient(to bottom right, transparent 0%, transparent 50%, #eb6c6c 50%, #eb6c6c 100%) !important;
}

.dp-day-midstay {
    background: #eb6c6c !important;
}

.dp-day-departure {
    background: linear-gradient(to bottom right, #eb6c6c 0%, #eb6c6c 50%, transparent 50%, transparent 100%) !important;
}

#pop_up_date {
    opacity: 0;
}

.ui-state-disabled {
    opacity: 1 !important;
}

.fade_in {
    animation: fade_in .5s forwards !important;
}

.fade_out {
    animation: fade_out .5s forwards !important;
}

.fade_half {
    animation: fade_half .5s forwards !important;
}

@keyframes fade_in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade_out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fade_half {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.4;
    }
}