@import url('t10-table-types.css');

.schedule-container {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

.month-links-div {
    margin-top: 23px;
}

.schedule-div {
    margin-left: auto;
    margin-right: auto;
    display:block;
    /* border: 3px solid black; */
    /* margin-top: 23px; */
    padding-bottom: 23px;
}

.year-schedule-container {
    display: flex;
    justify-content: center;
    margin-top: 23px;
}

/* + SEASON YEAR SECTION + */
.year-list {
    /* display:block; */
    /* overflow-x:scroll; */
    /* display: none; */
    /* margin-right: auto; */
    /* border: 3px solid red; */
    text-align: center;
}
.year-list-div {
    /* margin-left: auto; */
    margin-right: 12px;
    /* border: 3px solid green; */
    /* display: inline-flex; */
    /* flex-wrap: wrap; */
    /* display: block; */
    /* flex-flow: row; */
    /* flex-wrap: wrap-reverse; */
    /* margin-top: 9px; */
    /* margin-bottom: 0; */
    /* padding-left: 0; */
    /* list-style: none; */
    /* width: 1228px; */

}
a {
    text-decoration: none;
}
.display-year, .no-year {
    text-align: center;
    display: block;
    /* border: 3px solid black; */
    /* width: 69px; */
    /* padding: 6px; */
    border-radius: 3px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 3.3px;
    width: 54px;
    margin-bottom: 9px;
}

.display-year {
    background-color: var(--primary-two-1);
}

.no-year {
    background-color: var(--primary-one-3);
}

.no-year:hover {
    background-color: var(--primary-two-1);
}

/* + |++=+++++=++++ +++ ++++=+++++=++| + */

/* + |============ ===== ============| + */
/* + SEASON MONTH SECTION + */

.month-list-div {
    display: inline-flex;
}

.month-list {
    /* width: 100%; */
    display:block;
    /* border: 3px solid blue; */
    text-align: center;
}


.display-month {
    background-color: var(--primary-two-1);
    /* background-color: black; */
    /* width: 69px; */
}

.no-month {
    background-color: var(--primary-one-3);
    /* width: 69px; */
}

.no-month:hover {
    background-color: var(--primary-two-1);
}

a {
    text-decoration: none;
}

.display-month, .no-month {
    text-align: center;
    /* display: block; */
    /* border: 3px solid black; */
    width: 99px;
    padding: 3.3px;
    border-radius: 3px;
    margin-left: 2px;
    margin-right: 2px;
}

/* + |++=+++++=++++ +++ ++++=+++++=++| + */



/* + SCHEDULE TABLE + */

.schedule-page-tbl {
}

.schedule-page-tbl th {
    /* border: 2px solid blue; */
    padding: 9px 6px;
    font-size: .87rem;
}

.schedule-page-tbl tbody tr:hover {
    background-color: var(--primary-one-4);
}

.schedule-page-tbl thead tr th:last-child {
    padding-right: 10px;
}

.schedule-tbl-head th {
    text-align: center;
}

.schedule-tbl-head :nth-child(2) {
    width: 108px;
}

.schedule-tbl-head :nth-child(3) {
    width: 78px;
}

.schedule-tbl-head :nth-child(4), .schedule-tbl-head :nth-child(6) {
    width: 187px;
    text-align: left;
}

.schedule-tbl-head :nth-child(5), .schedule-tbl-head :nth-child(7) {
    width: 49px;
}

.schedule-tbl-head :nth-child(9), .schedule-tbl-head :nth-child(10) {
    width: 79px;
}

.schedule-page-tbl tbody td {
    padding: 9px 6px;
    font-size: .87rem;
}

.schedule-tbl-row :nth-child(-n + 3) {
    text-align: center;
}

.schedule-tbl-row :nth-child(5), .schedule-tbl-row :nth-child(7), .schedule-tbl-row :nth-child(8), .schedule-tbl-row :nth-child(9), .schedule-tbl-row :nth-child(10) {
    text-align: center;
}

.schedule-tbl-row td a {
    font-size: .87rem;
    text-decoration: underline;
    color: var(--white-3);
}