._dash-loading {
    display: none;
}

.nav-pills .nav-link {
    transition: all 0.3s ease;
}

.nav-pills .nav-link.active {
    color: #fff;
    background-color: #343a40 !important;
    margin-left: 1.5rem !important;
}

.nav-pills .nav-link:hover {
    color: #fff;
    background-color: #343a40 !important;
    margin-left: 1.5rem !important;
}

.dark-button:hover {
    color: #fff;
    background-color: #343a40 !important;
}

.text-white.active {
    background-color: #1f1f1f;
}

.text-white {
    font-size: 1.2rem;
    padding: 0 10px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-arrow .Select-arrow-zone {
    display: none;
}

.Select.no-arrow .Select-value{
    padding: 0;
}

.Select-multi-value-wrapper {
    width: 100%;
    height: 100%;
}

.no-arrow .Select-menu-outer {
    background-color: #343a40;
    border: none;
}

.no-arrow .Select-value-label {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 100%;
}

.no-arrow .Select-control {
    padding: 0;
}

.text-white:hover {
    background-color: #495057;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
    color: #fff;
    background-color: #343a40;
}

/* .CalendarDay__selected_span {
    background: #a17f1a;
    border: 1px double black;
    color: #fff
} */

/* Mam popup background color */
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background-color: #6c757d;
}

.leaflet-popup-content {
    margin: 0;
    padding: 0.5rem 1rem;
}

.leaflet-popup-close-button>span {
    color: #fff;
}

/* Map popup navlink color */
.map-popup-link {
    color: #87cefa !important;
}

.map-popup-link:hover {
    color: #00bfff !important;
}

/* Home slider selected point color */
.rc-slider-track {
    background-color: red;
}

.rc-slider-dot-active {
    border-color: red;
    border: solid 2px red;
}

.rc-slider-handle {
    background-color: red;
    border-color: red;
}

.rc-slider-handle:hover {
    border-color: red;
}

.rc-slider-handle-active:active {
    border-color: red;
}

/* Home slider padding */
.home-map-slider {
    padding-left: 4.2rem !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 2rem !important;
}

/* Easy button in dash leaflet */
.easy-button-button {
    padding: 0;
}

.map-column>div {
    height: 100%;
}

.popover {
    max-width: 50rem;
}