/* Rainfall
------------------------------------ */
.btn-group {
    align-items: center;
}
a i.fa-solid.fa-location-dot, a i.fa-solid.fa-list, i.fa-solid.fa-circle-info {
    margin-right: 10px;
}
.rf-heading-meta {
    display: block;
    margin-top: 0.25rem;
}
.rf-datatable--key {
    vertical-align: middle;
}
.rf-dot {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
}
.rainfall-legend-dot {
    margin-top: 0.2rem;
    flex-shrink: 0;
}
.rf-dot--black {
    background-color: #000000;
}
.rf-dot--white {
    background-color: #ffffeb;
    border: 1px solid #b7b6b6;
}
.rf-dot--yellow {
    background-color: #ffff64;
    border: 1px solid #b7b6b6;
}
.rf-dot--lightorange {
    background-color: #ffb71b;
}
.rf-dot--orange {
    background-color: #ff8345;
}
.rf-dot--pink {
    background-color: #ff5c6a;
}
.rf-dot--dark-pink {
    background-color: #f04188;
}
.rf-dot--lightpurple {
    background-color: #bc2e9a;
}
.rf-dot--purple {
    background-color: #881b9e;
}
.rf-dot--dark-purple {
    background-color: #520d8e;
}
.rf-value {
    display: inline-block;
    margin-left: 0px;
    font-size: 1.2rem;
    font-weight: 500;
}
.rf-meta {
    display: block;
    margin-top: 0.25rem;
    color: var(--grey-two);
}
/* DataTables
------------------------------------ */
table.dataTable th, table.dataTable td {
    box-sizing: border-box;
    padding: 10px;
}
.d-md-flex {
    padding: 0;
    margin-bottom: 15px;
}
.dt-layout-full {}
div.dt-container div.dt-length select {
    background-color: #fff;
}
.dt-search {}
@media screen and (max-width: 767px) {
    div.dt-container div.dt-length, div.dt-container div.dt-search, div.dt-container div.dt-info, div.dt-container div.dt-paging {
        text-align: center;
        float: left;
    }
}
@media (min-width: 320px) {
    div.dt-container div.dt-search input {
        width: 75%;
    }
}
/* DataTables - Details
------------------------------------ */
.data-visualisation--list {
    margin: 0px;
}
.data-visualisation-details__row {
    padding: 5px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--grey-three);
}
/* Station details
------------------------------------ */
.data-visualisation-statistics {}
.data-visualisation-statistics--heading {
    font-size: 1rem;
    line-height: 1.25;
    display: block;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 15px;
}
.data-visualisation-statistics--list {
    margin: 0;
}
.data-visualisation-statistics--item {
    float: left;
    min-width: 6em;
    box-sizing: border-box;
}
.data-visualisation-statistics--key {
    font-size: 1rem;
    line-height: 1.25;
    color: var(--grey-two);
    font-weight: 400;
    padding-top: 15px;
    position: relative;
}
.data-visualisation-statistics--value {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.11111;
    margin: 0;
    display: block;
    box-sizing: border-box;
}
.data-visualisation--list-container {}
.data-visualisation-station-details {}
.data-visualisation-station-details__row {
    padding: 15px 0px 12px 0px;
    border-bottom: 1px solid var(--grey-three);
    margin-bottom: 5px;
}
.data-visualisation-station-details__key {}
.data-visualisation-station-details__value {}
/* Tooltip
------------------------------------ */
.tooltip-trigger {
    background: none;
    border: 0;
    padding: 0.25rem;
    margin-left: 0.25rem;
    color: var(--scottish-teal);
    cursor: pointer;
}
.tooltip-trigger:hover, .tooltip-trigger:focus-visible {
    color: var(--scottish-dark-teal);
}
.tooltip-trigger:focus-visible {
    outline: 2px solid var(--scottish-dark-teal);
    outline-offset: 2px;
}
.tooltip-content {
    position: absolute;
    z-index: 1000;
    max-width: 20rem;
    padding: 0.5rem 0.75rem;
    margin-top: 0.25rem;
    background: #0b0c0c;
    color: #fff;
    font-size: 0.875rem;
    border-radius: 0.25rem;
    font-weight: 400;
}
/* Station charts
------------------------------------ */
.data-visualisation--charts {}
.chart--controls {}
.chart--controls-graph {
    margin: 20px 0px 40px 0px;
}
@media (min-width: 320px) {
    .rf-dot.rf-datatable--key.rf-dot {
        margin-bottom: 10px;
    }
    .data-visualisation-statistics--item {
        width: 100%;
    }
    .data-visualisation-statistics--value {
        font-size: 1.75rem;
    }
}
@media (min-width: 576px) {
    .rf-dot.rf-datatable--key.rf-dot {
        margin-bottom: 5px;
        margin-right: 5px;
    }
    .rf-meta {
        font-size: 1rem;
        margin-top: 0.125rem;
    }
}
@media (min-width: 768px) {
    .rf-dot.rf-datatable--key.rf-dot {
        margin-bottom: 23px;
    }
    .data-visualisation-statistics--item {
        width: 33.33%;
    }
    .data-visualisation-statistics--value {
        font-size: 1.5rem;
    }
}
@media (min-width: 992px) {
    .rf-dot.rf-datatable--key.rf-dot {
        margin-bottom: 5px;
        margin-right: 10px;
    }
    .data-visualisation-statistics--heading {
        font-size: 1.1875rem;
        line-height: 1.31579;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .data-visualisation-statistics--item {
        width: 33.33%;
    }
    .data-visualisation-statistics--key {
        font-size: 1.1875rem;
        line-height: 1.31579;
    }
    .data-visualisation-statistics--value {
        font-size: 1.6875rem;
        line-height: 1.11111;
    }
}