:root {
    --blue: #2B383E;
    --dark_grey: #6c757d;
    --yellow: #F1B545;
}

#app-tabs-mobile-parent .tab-content {
    display: block;
    position: fixed;
    height: 100svh !important;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

#app-tabs-mobile-parent {
    margin-left: 0;
}

.mobile-fixed-bottom {
    position: fixed;
    display: inline-flex;
    bottom: 0px;
    z-index: 1050;
    padding-left: 1vw;
    padding-bottom: 1vw;
}

.btn-secondary,
btn-primary,
btn {
    box-shadow: none !important;
    border: 0 !important;
}

#app-tabs-mobile-parent .leaflet-container {
    height: 100svh !important;
}

.datepicker-mobile {
    width: 0 !important;
    display: flex;
    /* padding-left: 5px; */
}

.timesliderline-mobile .DateInput_input__focused {
    font-size: 19px !important;
    border-bottom: none;
}

.datepicker-mobile .DateInput {
    width: auto;
}

.timesliderline-mobile .datepicker-mobile .DateInput_input {
    border-bottom-width: 0;

}

.timesliderline-mobile #prob-slider-container,
.timesliderline-mobile #was-slider-container {
    width: 97.5vw;
    margin-top: 10px
}

.mobile-fixed-bottom .timesliderline {
    border-radius: 0px 0px 0px 0px;
    height: 42px;
}

.mobile-fixed-bottom #was-slider-graph,
.mobile-fixed-bottom #prob-slider-graph {
    width: 87vw;
    height: inherit;
}

.clear-button-mobile {
    background-color: var(--dark_grey) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    border-radius: 0% 0% 0% 0%;
    padding-top: 9px;
    height: 42px;
    width: 11vw;
    z-index: 1090;
}

.mobile-fixed-bottom #clear_button:before {
    color: white !important;
    font-family: 'Font Awesome 5 free';
    content: "\f133";
    font-weight: 400;
    font-size: 1.4em;
    position: relative;
    left: 1px;
}

.datepicker-mobile .SingleDatePickerInput {
    width: 0;
}

.disclaimer {
    display: none !important;
}

#content #app-tabs-mobile-parent #app-tabs-mobile {
    display: none !important;
}

.timesliderline-mobile {
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.timeslider-mobile #model-slider-container {
    margin-top: 0px;
}

.timeslider-mobile {
    height: 100%;
}

.timesliderline-mobile #date {
    background-color: var(--blue);
    color: white;
    width: 0;
    height: 37px;
    padding-left: 7px;

}

.play-mobile {
    width: 9vw;
}

.play-mobile>button {
    z-index: 1050;
    margin-top: 1px;
}

.timesliderline-mobile .anim-buttons {
    padding: 1px 0 6px 3px;
    height: 42px;
    border-radius: 0px;
}

.mobile-fixed-bottom .timesliderline>button {
    background-color: var(--blue) !important;
    color: white;
    font-size: 1.8rem;
    padding: 6px 7px;
    margin-top: 0px;
}

.mobile-fixed-bottom .timesliderline>button:focus {
    background-color: var(--blue) !important;
}

.mobile-fixed-bottom .timesliderline>button:hover {
    background-color: var(--blue) !important;
}

.timesliderline-mobile #model-slider-graph {
    padding: 0;
    background-color: var(--blue);
    width: 78vw;
}

.timeslider-mobile .timesliderline-mobile #date {
    color: white !important;
    padding: 8px 0rem 4px 5px;
}

.collapsing {
    display: none;
    transition: none;
}

#app-tabs-mobile-parent #prob-graph .leaflet-control-colorbar.leaflet-control {
    top: 62px !important;
    position: fixed;
}

/* RESTYLE THE daily POPUP */
#app-tabs-mobile-parent .leaflet-popup-content {
    width: max-content;
}

/* REMOVE daily POPUP BUTTON */
#app-tabs-mobile-parent .popup-ts-button {
    display: none;
}

#app-tabs-mobile-parent .leaflet-control-zoom {
    display: none;
    /* margin-right: 0 !important; */
    /* right: 1vw !important; */
    /* border-radius: 0; */
}

#app-tabs-mobile-parent .leaflet-control-zoom a {
    width: 38px;
}