input[type="checkbox"] {
    margin: 0;
}

#HoursDisplay {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    column-gap: 1.75rem;
}

#selectDateForm {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    justify-content: center;
    margin-bottom: 1rem;
}

#selectDateForm label {
    font-size: 1rem;
    font-weight: 600;
}

#selectDateForm input {
    margin-bottom: 0;
}

#goButton {
    padding: 0.5rem;
    background: #4d4d4d;
    color: #fff;
    margin-bottom: 0;
}

#goButton:hover {
    background: #222;
}

#hours-table-container h3 {
    text-align: center
}

#hours-table-container table caption {
    font-weight: 400;
}

.vertical-scrollable-table thead tr th:nth-child(1) {
    min-width: 6rem;
    text-align: right;
}

.vertical-scrollable-table thead tr th:nth-child(2) {
    width: 100%;
    text-align: right;
}

#venue-opt {
    text-align: center;
    font-weight: 600;
    color: var(--link);
    width: 13rem;
    height: 2.5rem;
    margin: 0.5rem 0;
    border-radius: 1.1rem;
}

@media only screen and (max-width: 45.625rem) {
    .vertical-scrollable-table thead tr th:nth-child(1) {
        min-width: 4.4rem;
    }

    #HoursDisplay {
        margin-top: 1.5rem;
    }

    #venue-opt {
        width: 11.25rem;
    }
}

.vertical-scrollable-table tbody.tag-line:nth-child(2) tr th {
    vertical-align: bottom;
}

.vertical-scrollable-table tbody.tag-line:last-child tr th {
    vertical-align: top;
}

.vertical-scrollable-table tbody#scrolling-tbody {
    height: 24.05rem;
}

.vertical-scrollable-table tbody#scrolling-tbody tr:nth-child(7n+1) th {
    border-top: none;
}

.vertical-scrollable-table tbody#scrolling-tbody tr:nth-child(7n) td {
    box-shadow: inset 2px -17px 9px -17px #d7d5d5
}

.vertical-scrollable-table tbody#scrolling-tbody tr:nth-child(7n+1) td {
    box-shadow: inset 2px 17px 9px -17px #d7d5d5;
}

.vertical-scrollable-table tbody tr th {
    width: 6rem;
    text-align: right;
}

.vertical-scrollable-table tbody tr td {
    width: 22rem;
    text-align: center
}

.today-hours td {
    box-shadow: inset 0px 0px 0px 0.125rem var(--gallery-yellow);
}

table tbody tr.today-hours th {
    background-color: var(--gallery-yellow);
    color: var(--primary-blue);
}

table tbody tr.today-hours {
    font-weight: 600;
}

.highlight-hours th {
    border-right: 0.35rem solid #61b6d9;
}

.date-controller-grp {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 2rem;
}

.addition-msg {
    height: 12rem;
    margin-top: 2rem;
    width: 18rem;
}

#lastWeekButton[disabled],
#nextWeekButton[disabled] {
    background-color: #808080;
}

#selectedDate {
    width: 10rem;
}

#update-hour {
    padding: 0;
    background: none;
    margin-bottom: 2.5rem;
}

#hoursUpdate {
    max-width: 26.5rem;
    margin: auto;
}

.message {
    padding: 0.5rem;
    margin: 0 1rem 0 0;
    border-radius: 0.5rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border: 2px solid;
}

#gallery-closed {
    margin-bottom: 1rem;
}

.err-msg {
    color: #bc260d;
    border-color: #bc260d;
    background: #ffd3ce4a;
}

.success-msg {
    color: #027602;
    border-color: #027602;
    background: #bbd6bb7d;
}