@charset "UTF-8"; 

.data-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
}

.data-header div {
    background-color: #0a4595;
    color: #fff;
    padding: 7px 10px;
    font-weight: 700;
    text-align: center;
    font-size: 0.85rem;
}

.data-body-column {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
}

.data-body-column div {
    /* display: flex; */
    padding-block: 5px;
    /* justify-content: center;
    align-items: center; */
    text-align: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.data-body-column > div {
    border: 1px solid #b6b6b6;
    border-top: none;
    border-left: none;
    /* border-collapse: collapse; */
    padding: 5px;
}

.data-body-column > div:nth-child(6n + 1) {
    border-left: 1px solid #b6b6b6;
    padding-inline: 10px;
    font-size: 0.85rem;
}

div#basin-list ul {
    list-style-type: none;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
}

div#left-menu ul {
    /* width: 100%; */
    width: 90%;
}

div#left-menu div a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

::selection {
    color: revert;
}

.data-header div:first-child {
    min-width: 144px;
}


@media screen and (max-width: 530px) {
    .data-header div {
        font-size: 2vw;
    }
}

@media screen and (max-width: 430px) {
    .data-header div {
        font-size: 1.6vw;
    }

    .data-header div:not(first-child) {
        max-width: 50px;
    }
}