.autoscroll-table {
    width: 100%;
}

.autoscroll-table th {
    font-size: 80%;
    text-align: center;
    padding: 0.6% 0;
}


.autoscroll-table > thead {
    position: sticky;
    background-color: #103BBD;
    color: #FFFFFF;
    outline: #103BBD solid 1px;
    transition: background-color 150ms ease, outline-color 150ms ease;
}

.autoscroll-table > tbody > tr {
    color: #FFFFFF;
}

.autoscroll-table > tbody > tr:nth-child(odd) > td {
    background-color: #0E34B6;
    outline: #0E34B6 solid 0.1044444444em;
}

.autoscroll-table > tbody > tr:nth-child(even) > td {
    background-color: #0E3FB0;
    outline: #0E3FB0 solid 0.1044444445em;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.loading-splash {
    font-size: 16px;
    display: none;
    text-align: center;
}

.autoscroll-table caption {
    font-size: 80%;
    position: fixed;
    padding-bottom: 0.6%;
}

.autoscroll-table .fake-caption {
    text-align: center;
}

/* Override */

.autoscroll-table {
    background-color: #1077BC19;
}

.autoscroll-table > thead {
    background-color: #1077BC19;
    outline: #1077BC19 solid 1px;
    font-size: 0.9rem;
}

.autoscroll-table > tbody > tr:nth-child(odd) > td {
    background-color: rgba(9, 63, 98, 0.1);
    outline: rgba(9, 63, 98, 0.1) solid 0.1044444444em;
}

.autoscroll-table > tbody > tr:nth-child(even) > td {
    background-color: #1077BC19;
    outline: #1077BC19 solid 0.1044444445em;
}

.thead-scroll-override {
    background-color: #091a37 !important;
    outline: #091a37 solid 1px !important;
}

.autoscroll-table * {
    color: #89d5ff;
}

/* Font size readjust */

.autoscroll-table th {
    font-size: 0.85vw;
}

.autoscroll-table td {
    font-size: 0.75vw;
    white-space:nowrap;
    text-align: center;
    padding: 0;
}

.autoscroll-table caption {
    font-size: 10%;
}