﻿
/* TVCR COLORS */
:root {
    --tvcr-bg-red-color: #d9534f;
    --tvcr-bg-red-color-alt: #c9302c;
    --tvcr-bg-light-blue-color: #5bc0de;
    --tvcr-bg-light-blue-color-alt: #31b0d5;
    --tvcr-bg-blue-color: #337ab7 !important;
    --tvcr-bg-blue-color-alt: #286090;
    --tvcr-bg-orange-color: #f0ad4e;
    --tvcr-bg-orange-color-alt: #ec971f;
    --tvcr-bg-green-color: #5cb85c;
    --tvcr-bg-green-color-alt: #449d44;
    --tvcr-bg-white-color: #ffffff;
    --tvcr-bg-white-color-alt: #e6e6e6;
    --tvcr-bg-blue-grey-color: #546e7a;
    --tvcr-bg-blue-grey-color-alt: #435862;
    --tvcr-bg-aqua-color: #2bbbad;
    --tvcr-bg-aqua-color-alt: #22968A;
    --tvcr-bg-light-grey-color: #bdbdbd;
    --tvcr-bg-light-grey-color-alt: #9e9e9e;
    --tvcr-bg-dark-grey-color: #757575;
    --tvcr-bg-dark-grey-color-alt: #5e5d5d;
    --tvcr-bg-black-color: #000000;
    --tvcr-bg-black-color-alt: #2e2d2d;
    --tvcr-bg-pastel-red-color: #f2dede;
    --tvcr-bg-pastel-red-color-alt: #e6b5b5;
    --tvcr-bg-pastel-green-color: #dff0d8;
    --tvcr-bg-pastel-green-color-alt: #bfe6af;
    --tvcr-bg-pastel-blue-color: #d9edf7;
    --tvcr-bg-pastel-blue-color-alt: #a1d4ed;
    --tvcr-bg-pastel-orange-color: #fcf8e3;
    --tvcr-bg-pastel-orange-color-alt: #f7efc6;
    --tvcr-official-tan-color: #fff3e4;
    --tvcr-official-darktan-color: #caae6f;
    --tvcr-official-gold-color: #B29C61;
    --tvcr-official-maroon-color: #bc2751;
    --tvcr-official-brown-color: #513629;
    --bs-body-font-weight: 500 !important;
    --tvcr-bg-dark-red-color: #990000;
}

/* TVCR FG COLORS */
.tvcr-fg-red {
    color: var(--tvcr-bg-red-color);
}

.tvcr-fg-light-blue {
    color: var(--tvcr-bg-light-blue-color);
}

.tvcr-fg-blue {
    color: var(--tvcr-bg-blue-color);
}

.tvcr-fg-orange {
    color: var(--tvcr-bg-orange-color);
}

.tvcr-fg-green {
    color: var(--tvcr-bg-green-color);
}

.tvcr-fg-white {
    color: var(--tvcr-bg-white-color);
}

.tvcr-fg-blue-grey {
    color: var(--tvcr-bg-blue-grey-color);
}

.tvcr-fg-aqua {
    color: var(--tvcr-bg-aqua-color);
}

.tvcr-fg-light-grey {
    color: var(--tvcr-bg-light-grey-color);
}

.tvcr-fg-dark-grey {
    color: var(--tvcr-bg-dark-grey-color);
}

.tvcr-fg-black {
    color: var(--tvcr-bg-black-color);
}

.tvcr-fg-pastel-red {
    color: var(--tvcr-bg-pastel-red-color);
}

.tvcr-fg-pastel-green {
    color: var(--tvcr-bg-pastel-green-color);
}

.tvcr-fg-pastel-blue {
    color: var(--tvcr-bg-pastel-blue-color);
}

.tvcr-fg-pastel-orange {
    color: var(--tvcr-bg-pastel-orange-color);
}
/*used in the website*/
.tvcr-fg-gold {
    color: var(--tvcr-official-gold-color);
}
/* TVCR BG COLORS */
.tvcr-bg-red {
    color: #ffffff;
    background-color: var(--tvcr-bg-red-color);
}

.tvcr-bg-light-blue {
    color: #ffffff;
    background-color: var(--tvcr-bg-light-blue-color);
}

.tvcr-bg-blue {
    color: #ffffff;
    background-color: var(--tvcr-bg-blue-color);
}

.tvcr-bg-orange {
    color: #ffffff;
    background-color: var(--tvcr-bg-orange-color);
}

.tvcr-bg-green {
    color: #ffffff;
    background-color: var(--tvcr-bg-green-color);
}

.tvcr-bg-white {
    color: #000000;
    background-color: var(--tvcr-bg-white-color);
}

.tvcr-bg-blue-grey {
    color: #ffffff;
    background-color: var(--tvcr-bg-blue-grey-color);
}

.tvcr-bg-aqua {
    color: #ffffff;
    background-color: var(--tvcr-bg-aqua-color);
}

.tvcr-bg-light-grey {
    color: #ffffff;
    background-color: var(--tvcr-bg-light-grey-color);
}

.tvcr-bg-dark-grey {
    color: #ffffff;
    background-color: var(--tvcr-bg-dark-grey-color);
}

.tvcr-bg-black {
    color: #ffffff;
    background-color: var(--tvcr-bg-black-color);
}

.tvcr-bg-pastel-red {
    color: #a94442;
    background-color: var(--tvcr-bg-pastel-red-color);
}

.tvcr-bg-pastel-green {
    color: #3c763d;
    background-color: var(--tvcr-bg-pastel-green-color);
}

.tvcr-bg-pastel-blue {
    color: #31708f;
    background-color: var(--tvcr-bg-pastel-blue-color);
}

.tvcr-bg-pastel-orange {
    color: #8a6d3b;
    background-color: var(--tvcr-bg-pastel-orange-color);
}

.tvcr-official-bg-tan {
    color: #000000;
    background-color: var(--tvcr-official-tan-color);
}
.tvcr-official-bg-darktan {
    color: #000000;
    background-color: var(--tvcr-official-darktan-color);
}
.tvcr-official-bg-gold-tan {
    color: #000000;
    background-color: var(--tvcr-official-gold-color);
}
.tvcr-official-bg-maroon-tan {
    color: #ffffff;
    background-color: var(--tvcr-official-maroon-color);
}
.tvcr-official-bg-brown-tan {
    color: #ffffff;
    background-color: var(--tvcr-official-brown-color);
}
.tvcr-bg-dark-red-color {
    background-color: var(--tvcr-bg-dark-red-color);
}
/*-------------------------------------------------------------------------------------
//  TVCR STANDARD BUTTONS
//-------------------------------------------------------------------------------------*/
.tvcr-btn-red {
    color: #ffffff;
    background-color: var(--tvcr-bg-red-color);
    border-color: #d43f3a;
}

    .tvcr-btn-red:focus,
    .tvcr-btn-red.focus {
        color: #ffffff;
        background-color: var(--tvcr-bg-red-color-alt);
        border-color: #761c19;
    }

    .tvcr-btn-red:hover {
        color: #ffffff;
        background-color: var(--tvcr-bg-red-color-alt);
        border-color: #ac2925;
    }

    .tvcr-btn-red:active,
    .tvcr-btn-red.active,
    .open > .dropdown-toggle.tvcr-btn-red {
        color: #ffffff;
        background-color: var(--tvcr-bg-red-color-alt);
        border-color: #ac2925;
    }

.tvcr-btn-light-blue {
    color: #ffffff;
    background-color: var(--tvcr-bg-light-blue-color);
    border-color: #46b8da;
}

    .tvcr-btn-light-blue:focus,
    .tvcr-btn-light-blue.focus {
        color: #ffffff;
        background-color: var(--tvcr-bg-light-blue-color-alt);
        border-color: #1b6d85;
    }

    .tvcr-btn-light-blue:hover {
        color: #ffffff;
        background-color: var(--tvcr-bg-light-blue-color-alt);
        border-color: #269abc;
    }

    .tvcr-btn-light-blue:active,
    .tvcr-btn-light-blue.active,
    .open > .dropdown-toggle.tvcr-btn-light-blue {
        color: #ffffff;
        background-color: var(--tvcr-bg-light-blue-color-alt);
        border-color: #269abc;
    }

.tvcr-btn-blue {
    color: #ffffff;
    background-color: var(--tvcr-bg-blue-color);
    border-color: #76abd9;
}

    .tvcr-btn-blue:focus,
    .tvcr-btn-blue.focus {
        color: #ffffff;
        background-color: var(--tvcr-bg-blue-color-alt);
        border-color: #122b40;
    }

    .tvcr-btn-blue:hover {
        color: #ffffff;
        background-color: var(--tvcr-bg-blue-color-alt);
        border-color: #204d74;
    }

    .tvcr-btn-blue:active,
    .tvcr-btn-blue.active,
    .open > .dropdown-toggle.tvcr-btn-blue {
        color: #ffffff;
        background-color: var(--tvcr-bg-blue-color-alt);
        border-color: #204d74;
    }

.tvcr-btn-orange {
    color: #ffffff;
    background-color: var(--tvcr-bg-orange-color);
    border-color: #eea236;
}

    .tvcr-btn-orange:focus,
    .tvcr-btn-orange.focus {
        color: #ffffff;
        background-color: var(--tvcr-bg-orange-color-alt);
        border-color: #985f0d;
    }

    .tvcr-btn-orange:hover {
        color: #ffffff;
        background-color: var(--tvcr-bg-orange-color-alt);
        border-color: #d58512;
    }

    .tvcr-btn-orange:active,
    .tvcr-btn-orange.active,
    .open > .dropdown-toggle.tvcr-btn-orange {
        color: #ffffff;
        background-color: var(--tvcr-bg-orange-color-alt);
        border-color: #d58512;
    }

.tvcr-btn-green {
    color: #ffffff;
    background-color: var(--tvcr-bg-green-color);
    border-color: #4cae4c;
}

    .tvcr-btn-green:focus,
    .tvcr-btn-green.focus {
        color: #ffffff;
        background-color: var(--tvcr-bg-green-color-alt);
        border-color: #255625;
    }

    .tvcr-btn-green:hover {
        color: #ffffff;
        background-color: var(--tvcr-bg-green-color-alt);
        border-color: #398439;
    }

    .tvcr-btn-green:active,
    .tvcr-btn-green.active,
    .open > .dropdown-toggle.tvcr-btn-green {
        color: #ffffff;
        background-color: var(--tvcr-bg-green-color-alt);
        border-color: #398439;
    }

.tvcr-btn-white {
    color: #333333;
    background-color: var(--tvcr-bg-white-color);
    border-color: #cccccc !important;
}

    .tvcr-btn-white:focus,
    .tvcr-btn-white.focus {
        color: #333333;
        background-color: var(--tvcr-bg-white-color-alt);
        border-color: #8c8c8c;
    }

    .tvcr-btn-white:hover {
        color: #333333;
        background-color: var(--tvcr-bg-white-color-alt);
        border-color: #adadad;
    }

    .tvcr-btn-white:active,
    .tvcr-btn-white.active,
    .open > .dropdown-toggle.tvcr-btn-white {
        color: #333333;
        background-color: var(--tvcr-bg-white-color-alt);
        border-color: #adadad;
    }

.tvcr-btn-blue-grey {
    color: #ffffff;
    background-color: var(--tvcr-bg-blue-grey-color);
    border-color: #b0bec5;
}

    .tvcr-btn-blue-grey:focus,
    .tvcr-btn-blue-grey.focus {
        color: #ffffff;
        background-color: var(--tvcr-bg-blue-grey-color-alt);
        border-color: #b0bec5;
    }

    .tvcr-btn-blue-grey:hover {
        color: #ffffff;
        background-color: var(--tvcr-bg-blue-grey-color-alt);
        border-color: #b0bec5;
    }

    .tvcr-btn-blue-grey:active,
    .tvcr-btn-blue-grey.active,
    .open > .dropdown-toggle.tvcr-btn-blue-grey {
        color: #ffffff;
        background-color: var(--tvcr-bg-blue-grey-color-alt);
        border-color: #b0bec5;
    }

.tvcr-btn-aqua {
    color: #ffffff;
    background-color: var(--tvcr-bg-aqua-color);
    border-color: #5bc0de;
}

    .tvcr-btn-aqua:focus,
    .tvcr-btn-aqua.focus {
        color: #ffffff;
        background-color: var(--tvcr-bg-aqua-color-alt);
        border-color: #5bc0de;
    }

    .tvcr-btn-aqua:hover {
        color: #ffffff;
        background-color: var(--tvcr-bg-aqua-color-alt);
        border-color: #5bc0de;
    }

    .tvcr-btn-aqua:active,
    .tvcr-btn-aqua.active,
    .open > .dropdown-toggle.tvcr-btn-aqua {
        color: #ffffff;
        background-color: var(--tvcr-bg-aqua-color-alt);
        border-color: #5bc0de;
    }

.tvcr-btn-light-grey {
    color: #ffffff;
    background-color: var(--tvcr-bg-light-grey-color);
    border-color: #eeeeee;
}

    .tvcr-btn-light-grey:focus,
    .tvcr-btn-light-grey.focus {
        color: #ffffff;
        background-color: var(--tvcr-bg-light-grey-color-alt);
        border-color: #eeeeee;
    }

    .tvcr-btn-light-grey:hover {
        color: #ffffff;
        background-color: var(--tvcr-bg-light-grey-color-alt);
        border-color: #eeeeee;
    }

    .tvcr-btn-light-grey:active,
    .tvcr-btn-light-grey.active,
    .open > .dropdown-toggle.tvcr-btn-light-grey {
        color: #ffffff;
        background-color: var(--tvcr-bg-light-grey-color-alt);
        border-color: #eeeeee;
    }

.tvcr-btn-dark-grey {
    color: #ffffff;
    background-color: var(--tvcr-bg-dark-grey-color);
    border-color: #9e9e9e;
}

    .tvcr-btn-dark-grey:focus,
    .tvcr-btn-dark-grey.focus {
        color: #ffffff;
        background-color: var(--tvcr-bg-dark-grey-color-alt);
        border-color: #9e9e9e;
    }

    .tvcr-btn-dark-grey:hover {
        color: #ffffff;
        background-color: var(--tvcr-bg-dark-grey-color-alt);
        border-color: #9e9e9e;
    }

    .tvcr-btn-dark-grey:active,
    .tvcr-btn-dark-grey.active,
    .open > .dropdown-toggle.tvcr-btn-dark-grey {
        color: #ffffff;
        background-color: var(--tvcr-bg-dark-grey-color-alt);
        border-color: #9e9e9e;
    }

.tvcr-btn-black {
    color: #ffffff;
    background-color: var(--tvcr-bg-black-color);
    border-color: #212121;
}

    .tvcr-btn-black:focus,
    .tvcr-btn-black.focus {
        color: #ffffff;
        background-color: var(--tvcr-bg-black-color-alt);
        border-color: #212121;
    }

    .tvcr-btn-black:hover {
        color: #ffffff;
        background-color: var(--tvcr-bg-black-color-alt);
        border-color: #212121;
    }

    .tvcr-btn-black:active,
    .tvcr-btn-black.active,
    .open > .dropdown-toggle.tvcr-btn-black {
        color: #ffffff;
        background-color: var(--tvcr-bg-black-color-alt);
        border-color: #212121;
    }

.tvcr-btn-pastel-red {
    color: #a94442;
    background-color: var(--tvcr-bg-pastel-red-color);
    border-color: #ebccd1;
}

    .tvcr-btn-pastel-red:focus,
    .tvcr-btn-pastel-red.focus {
        color: #a94442;
        background-color: var(--tvcr-bg-pastel-red-color-alt);
        border-color: #ebccd1;
    }

    .tvcr-btn-pastel-red:hover {
        color: #a94442;
        background-color: var(--tvcr-bg-pastel-red-color-alt);
        border-color: #ebccd1;
    }

    .tvcr-btn-pastel-red:active,
    .tvcr-btn-pastel-red.active,
    .open > .dropdown-toggle.tvcr-btn-pastel-red {
        color: #a94442;
        background-color: var(--tvcr-bg-pastel-red-color-alt);
        border-color: #ebccd1;
    }

.tvcr-btn-pastel-green {
    color: #3c763d;
    background-color: var(--tvcr-bg-pastel-green-color);
    border-color: #d6e9c6;
}

    .tvcr-btn-pastel-green:focus,
    .tvcr-btn-pastel-green.focus {
        color: #3c763d;
        background-color: var(--tvcr-bg-pastel-green-color-alt);
        border-color: #d6e9c6;
    }

    .tvcr-btn-pastel-green:hover {
        color: #3c763d;
        background-color: var(--tvcr-bg-pastel-green-color-alt);
        border-color: #d6e9c6;
    }

    .tvcr-btn-pastel-green:active,
    .tvcr-btn-pastel-green.active,
    .open > .dropdown-toggle.tvcr-btn-pastel-green {
        color: #3c763d;
        background-color: var(--tvcr-bg-pastel-green-color-alt);
        border-color: #d6e9c6;
    }

.tvcr-btn-pastel-blue {
    color: #31708f;
    background-color: var(--tvcr-bg-pastel-blue-color);
    border-color: #bce8f1;
}

    .tvcr-btn-pastel-blue:focus,
    .tvcr-btn-pastel-blue.focus {
        color: #31708f;
        background-color: var(--tvcr-bg-pastel-blue-color-alt);
        border-color: #bce8f1;
    }

    .tvcr-btn-pastel-blue:hover {
        color: #31708f;
        background-color: var(--tvcr-bg-pastel-blue-color-alt);
        border-color: #bce8f1;
    }

    .tvcr-btn-pastel-blue:active,
    .tvcr-btn-pastel-blue.active,
    .open > .dropdown-toggle.tvcr-btn-pastel-blue {
        color: #31708f;
        background-color: var(--tvcr-bg-pastel-blue-color-alt);
        border-color: #bce8f1;
    }

.tvcr-btn-pastel-orange {
    color: #8a6d3b;
    background-color: var(--tvcr-bg-pastel-orange-color);
    border-color: #faebcc;
}

    .tvcr-btn-pastel-orange:focus,
    .tvcr-btn-pastel-orange.focus {
        color: #8a6d3b;
        background-color: var(--tvcr-bg-pastel-orange-color-alt);
        border-color: #faebcc;
    }

    .tvcr-btn-pastel-orange:hover {
        color: #8a6d3b;
        background-color: var(--tvcr-bg-pastel-orange-color-alt);
        border-color: #faebcc;
    }

    .tvcr-btn-pastel-orange:active,
    .tvcr-btn-pastel-orange.active,
    .open > .dropdown-toggle.tvcr-btn-pastel-orange {
        color: #8a6d3b;
        background-color: var(--tvcr-bg-pastel-orange-color-alt);
        border-color: #faebcc;
    }

/* TVCR Margins*/
.tvcr-margin-top-3 {
    margin-top: 3px;
}

.tvcr-margin-top-5 {
    margin-top: 5px;
}

.tvcr-margin-top-10 {
    margin-top: 10px;
}

.tvcr-margin-top-15 {
    margin-top: 15px;
}

.tvcr-margin-top-20 {
    margin-top: 20px;
}

.tvcr-margin-top-25 {
    margin-top: 25px;
}

.tvcr-margin-top-50 {
    margin-top: 50px;
}

.tvcr-margin-left-5 {
    margin-left: 5px;
}

.tvcr-margin-left-10 {
    margin-left: 10px;
}

.tvcr-margin-left-15 {
    margin-left: 15px;
}

.tvcr-margin-left-20 {
    margin-left: 20px;
}

.tvcr-margin-left-25 {
    margin-left: 25px;
}

.tvcr-margin-left-50 {
    margin-left: 50px;
}

.tvcr-margin-right-5 {
    margin-right: 5px;
}

.tvcr-margin-right-10 {
    margin-right: 10px;
}

.tvcr-margin-right-15 {
    margin-right: 15px;
}

.tvcr-margin-right-20 {
    margin-right: 20px;
}

.tvcr-margin-right-25 {
    margin-right: 25px;
}

.tvcr-margin-right-50 {
    margin-right: 50px;
}

/* Labels */

.tvcr-label-as-badge {
    border-radius: 1em;
    font-size: 8pt;
    background-color: black;
    color: white
}

/* Other Common*/
.tvcr-display-none {
    display: none !important;
}
.tvcr-display-flex {
    display: flex !important;
}
.tvcr-float-left {
    float: left;
}

.tvcr-float-right {
    float: right;
}

.tvcr-full-width {
    width: 100% !important;
}

.tvcr-width-80 {
    width: 80% !important;
}

.tvcr-width-50 {
    width: 50% !important;
}

.tvcr-width-25 {
    width: 25% !important;
}
