/* prevent scrollbar shifting on pages that don't have one */
html {
    overflow-y: scroll;
}

.btn-width185 {
    width: 185px;
}

/* cabinet font face */
@font-face {
    font-family: 'Eras Bold ITC';
    src: url('fonts/ErasITC-Bold.eot');
    src: url('fonts/ErasITC-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ErasITC-Bold.woff2') format('woff2'),
        url('fonts/ErasITC-Bold.woff') format('woff'),
        url('fonts/ErasITC-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.cabinet-font {
    font-family: 'Eras Bold ITC', cursive;
}

/* hide items with this class */
.hidden {
    display: none;
}

/* Make HREF link look disabled*/
.disableClick{
    pointer-events: none;
    background-color: #e1e1e1;
    border-color: #e1e1e1;
}

/* Courses table items row selectable */
#cabinets tr, #courses tr {
    cursor: pointer;
}

/* Courses table has left side options that throw the spacing off on the right side generated columnd */
#coursesTab .btn-group.search,
#coursesTab .btn-group.columns-right {
    padding-top: 23px;
}

/* Criteria Cards can be tighter for a tigher screen */
#criteriaTab .card-header {
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

#criteriaTab .card-body {
    padding: 5px;
}


/* Time Picker rounded corners look better */
.flatpickr-time {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Calendar Picker hide the input box */
.flatpickr-hidden {
    display: none;
}

/* Contest nav button dressings START */
#contest-main-nav {
    border: 1px solid #c0c0c0;
    border-radius: 4px;
}

#contest-main-nav .nav-item {
    background:#f8f9fa;
    border-right: 1px solid #c0c0c0;
}
#contest-main-nav .nav-item:last-child {
    border-right: none;
}

#contest-main-nav .nav-link {
    background-color: #e9ecef;
    color: #000 !important;
    padding:0;
}

#contest-main-nav .nav-link.active {
    background-color: #6c757d;
    color: #fff !important;
}

#contest-main-nav .nav-link.error {
    background-color: #dc3545;
    color: #fff !important;
}

#contest-main-nav .nav-link:hover {
    color:#dfdfdf;
}

@media (max-width: 576px) {
    #contest-main-nav .nav-item a {
        text-indent: 5px;
        text-align: left;
    }
}

/* Contest nav button dressings END */

/* Litepicker color overrides START */

.litepicker .month-item {
    border-right: 1px solid #ddd;
}
.litepicker .month-item-header {
    background-color: #42a5f5;
}

.litepicker .container__months.columns-3 {
    width: calc((var(--litepicker-month-width) * 3) + 33px) !important;
}

:root {
    --litepicker-button-next-month-color: #fff !important;
    --litepicker-button-prev-month-color: #fff !important;
    --litepicker-button-prev-month-color-hover: #ccc !important;
    --litepicker-button-next-month-color-hover: #ccc !important;


    /*    --litepicker-container-months-color-bg: #fff!important;
        --litepicker-container-months-box-shadow-color: #ddd !important;
        --litepicker-footer-color-bg: #fafafa !important;
        --litepicker-footer-box-shadow-color: #ddd !important;
        --litepicker-tooltip-color-bg: #fff !important;
        --litepicker-month-header-color: #333 !important;
        --litepicker-month-width: calc(var(--litepicker-day-width) * 7) !important;
        --litepicker-month-weekday-color: #9e9e9e !important;
        --litepicker-month-week-number-color: #9e9e9e !important;
        --litepicker-day-width: 38px !important;
        --litepicker-day-color: #333 !important;
        --litepicker-day-color-hover: #2196f3 !important;
        --litepicker-is-today-color: #f44336 !important;
        --litepicker-is-in-range-color: #bbdefb !important;
        --litepicker-is-locked-color: #9e9e9e !important;
        --litepicker-is-start-color: #fff !important;
        --litepicker-is-start-color-bg: #2196f3 !important;
        --litepicker-is-end-color: #fff !important;
        --litepicker-is-end-color-bg: #2196f3 !important;
        --litepicker-button-cancel-color: #fff !important;
        --litepicker-button-cancel-color-bg: #9e9e9e !important;
        --litepicker-button-apply-color: #fff !important;
        --litepicker-button-apply-color-bg: #2196f3 !important;
        --litepicker-button-reset-color: #909090 !important;
        --litepicker-button-reset-color-hover: #2196f3 !important;
        --litepicker-highlighted-day-color: #333 !important;
        --litepicker-highlighted-day-color-bg: #ffeb3b !important;*/
}
/* Litepicker color overrides END */

.linkDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

/* Fix layout of Open/Trash buttons side by side in smaller views */
@media (min-width: 576px) {
    .pad-right5 {
        padding-right: 5px;
    }
}

@media (max-width: 575px) {
    .pad-right5 {
        margin-bottom: 5px;
    }
}
/* Fix layout of Open/Trash buttons side by side in smaller views END */

/* Admin search table click to select */
#opSearchResults tbody tr {
    cursor: pointer;
}
/* Admin search table click to select END */

/* bullet list adjustments - for criteria display START */
ul.no-bullets {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 720px) {
    ul.two-column {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}
/* bullet list adjustments - for criteria display END */

/* image of what it will look like to post to cabinet LEADERBORD */
.leaderboard-container {
    position: relative;
    margin: 0 auto;
}

.leaderboard-container, .leaderboard-container img {
    width:350px;
    color: #fff;
    letter-spacing: 2px;
}

.leaderboard-image {
    position: relative;
    top: 0;
    left: 0;
    border: 2px solid #000;
}

.leaderboard-contest-name1 {
    position:absolute;
    left:32px;
    top:16px;
}

.leaderboard-contest-name2 {
    position:absolute;
    left:32px;
    top:35px;
    color: #ffff00;
}

.leaderboard-asof {
    position:absolute;
    top:50px;
    left:257px;
    font-size:10px;
    color: #ffff00;
    letter-spacing: 0;
}

.leaderboard-asofdate {
    position:absolute;
    top:50px;
    left:280px;
    font-size:10px;
    letter-spacing: 0;
}

.leaderboard-header {
    font-size:10px;
    position:absolute;
    top:65px;
    letter-spacing: 0;
}

.leaderboard-header-column1 {
    left:15px;
}

.leaderboard-header-column2 {
    left:210px;
    color: #ffff00;
}

.leaderboard-header-column3 {
    left:270px;
    color: #ffff00;
}

.leaderboard-message {
    font-size:10px;
}

.leaderboard-column-1 {
    position:absolute;
    left:15px;
    top:80px;
}

.leaderboard-column-2 {
    position: absolute;
    left: 210px;
    top: 80px;
    width: 45px;
    text-align: center;
    color: #ffff00;
    letter-spacing: 0;
}

.leaderboard-column-3 {
    position: absolute;
    left: 270px;
    top: 80px;
    width: 45px;
    text-align: center;
    color: #ffff00;
    letter-spacing: 0;
}

.leaderboard-message div.br {
    display: block;
    margin: -6px 0;
}

.leaderboard-message div.br2 {
    display: block;
    margin: -4px 0;
}

/* image of what it will look like to post to cabinet LEADERBORD End */

/* image of what it will look like to post to GT cabinet START/ATTRACT */
.gt-posting-container {
    position: relative;
    margin: 0 auto;
}

.gt-posting-container, .gt-posting-container img {
    width:350px;
    color: #fff;
    letter-spacing: 2px;
}

.gt-posting-container .posting-image {
    position: relative;
    top: 0;
    left: 0;
    border: 2px solid #000;
}

.gt-posting-container .posting-image-footer {
    position: absolute;
    top: 0;
    left: 0;
}

.gt-posting-container .posting-contest-name1 {
    position:absolute;
    left:32px;
    top:16px;
}

.gt-posting-container .posting-contest-name2 {
    position:absolute;
    left:32px;
    top:35px;
    color: #ffff00;
}

.gt-posting-container .posting-footer {
    top:157px;
    color:#ffff00;
}

.gt-posting-container .posting-message {
    position:absolute;
    text-align:center;
    width:350px;
    left:0;
}

.gt-posting-container .posting-message-line1 {
    top:58px;
}

.gt-posting-container .posting-message-line2 {
    top:71px;
}

.gt-posting-container .posting-message-line3 {
    top:84px;
}

.gt-posting-container .posting-message-line4 {
    top:97px;
}

.gt-posting-container .posting-message-line5 {
    top:110px;
}

.gt-posting-container .posting-message-line6 {
    top:123px;
}

.gt-posting-container .posting-message-line7 {
    top:136px;
}
/* image of what it will look like to post to GT cabinet END */


/* image of what it will look like to post to SS cabinet START/ATTRACT */
.ss-posting-container {
    position: relative;
    margin: 0 auto;
}

.ss-posting-container, .ss-posting-container img {
    width:350px;
    color: #fff;
    letter-spacing: 2px;
}

.ss-posting-container .posting-image {
    position: relative;
    top: 0;
    left: 0;
    border: 2px solid #000;
}

.ss-posting-container .posting-image-footer {
    position: absolute;
    top: -12px;
    left: 0;
}

.ss-posting-container .posting-contest-name1 {
    position:absolute;
    left:13px;
    top:0px;
    text-align: center;
    width:325px;
}

.ss-posting-container .posting-contest-name2 {
    position:absolute;
    left:13px;
    top:25px;
    text-align: center;
    width:325px;
}

.ss-posting-container .posting-footer {
    top:145px;
}

.ss-posting-container .posting-message {
    position:absolute;
    text-align:center;
    width:350px;
    left:0;
}

.ss-posting-container .posting-message-line1 {
    top:46px;
}

.ss-posting-container .posting-message-line2 {
    top:58px;
}

.ss-posting-container .posting-message-line3 {
    top:71px;
}

.ss-posting-container .posting-message-line4 {
    top:84px;
}

.ss-posting-container .posting-message-line5 {
    top:97px;
}

.ss-posting-container .posting-message-line6 {
    top:110px;
}

.ss-posting-container .posting-message-line7 {
    top:123px;
}
/* image of what it will look like to post to SS cabinet END */

.hide-footer {
    display:none;
}


/* input maxCounter fix the rounded corners on the end Start*/
.maxCounter {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
}
/* input maxCounter fix the rounded corners on the end End */


/* Move textare counter box underneath the element Start and fix the rounding */
/* This area must appear below the maxCounter above */

textarea.counter {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: var(--bs-border-radius) !important;
}

.textarea-addon {
    position:absolute;
    bottom:-37px;
    left:1px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
}
/* Move textare counter box underneath the element End */

/* criteriaAndOrder select box must be plain UL list to show on iOS */
#criteriaAndOrder {
    list-style-type: none;
    li.selected {
        background-color: #ADD8E6;
    }
    .selected {
        background-color: #ADD8E6;
    }
}