/* Stylesheet for additional rules */

.DateInput_input, .DateInput_input_1 {
    color: inherit !important;
    text-align: center;
    font-size: inherit ! important;
    Height: 25px !important;
    Width: 100% !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    border-width: 2px !important;
}


.Select-control {
    display: flex;
    text-align: left;
    border-radius: 0;
    height: 27px;
    width: 100px;
    justify-content: space-between;
    align-items: center;
}

.Select-value .Select-value-label .Select-placeholder {
    line-height: 15px;
}

.export {
    background-color: var(--portal-btn);
    color: white;
    border-color: var(--portal-btn);
}

.export:hover,
.export:focus,
.export:active {
    background-color: #045e9f !important;
    color: white !important;
    border-color: #3198dc !important;
}

.first-page {
    background-color: var(--portal-btn);
    color: white;
    border-color: var(--portal-btn);
}

.first-page:hover,
.first-page:focus,
.first-page:active {
    background-color: #045e9f !important;
    color: white !important;
    border-color: #3198dc !important;
}

.previous-page {
    background-color: var(--portal-btn);
    color: white;
    border-color: var(--portal-btn);
}

.previous-page:hover,
.previous-page:focus,
.previous-page:active {
    background-color: #045e9f !important;
    color: white !important;
    border-color: #3198dc !important;
}

.next-page {
    background-color: var(--portal-btn);
    color: white;
    border-color: var(--portal-btn);
}

.next-page:hover,
.next-page:focus,
.next-page:active {
    background-color: #045e9f !important;
    color: white !important;
    border-color: #3198dc !important;
}

Button.last-page {
    background-color: var(--portal-btn);
    color: white;
    border-color: var(--portal-btn);
}

Button.last-page:hover,
Button.last-page:focus,
Button.last-page:active {
    background-color: #045e9f !important;
    color: white !important;
    border-color: #3198dc !important;
}

.previous-next-container {
    display: flex;
    justify-content: left;
}

table {
    margin-bottom: 1rem;
}

table,
table.table {
    width: auto;
    line-height: 18px;
}

th {
    background-color: #e8e8e8;
    color: #1565aa;
}

table> :not(:first-child) {
    border-top: 2px solid #212529;
}

tr {
    border: 0.8px solid #708293;
}

th,
td {
    padding: .5rem .5rem;
}

/* fix for border width in Chrome */
.table>:not(caption)>*>* {
    border-bottom-width: 0.8px;
}