body {
    font-family: 'Proxima Nova';
    font-style: normal;
    background-color: #FFFFFF;
    overflow-x: hidden;
}

html {
    background-color: #0E0E0E;
}

#logoRow {
    display: block;
    padding-left: 2.5%;
    padding-right: 2.5%;
    padding-top: 1px;
}

#arbiterSportsLogo {
    float: left;
    padding-top: 15px;
    margin-left: 20px;
    width: 167px;
    height: 57px;
}

#headerAccountToolbar {
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
}

#mHeader {
    display: inline-block;
}

#profilePictureAnchor {
    width: 50px;
    height: 50px;
    padding: 0px;
    margin: 0px;
    background-color: #0E0F1A;
    border: none;
    border-radius: 50%;
}

#switchViewCaret {
    opacity: 1;
    border-top: 5px solid #FFFFFF;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: 5px;
    margin-top: 8px;
}

#pageMsgButtonClose {
    top: -2px !important;
    right: -6px !important;
}

#userProfilePicture {
    background-color: #0E0F1A;
    border: none;
    text-shadow: none;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

#roleMenu {
    float: right;
    margin-top: 5px;
}

    #roleMenu > div {
        display: inline-block;
    }

#switchViewsButton {
    background-image: none !important;
    background-color: #0E0F1A;
    border: none !important;
}

    #switchViewsButton:hover > a {
        color: #F23037;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
    }

        #switchViewsButton:hover > a > i {
            opacity: 1;
            border-top: 5px solid #F23037;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            margin-left: 5px;
        }

    #switchViewsButton > a {
        color: #ffffff;
        background-color: #0E0F1A;
        text-decoration: none;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
    }



#switchViewsDropdown {
    right: 0;
    left: auto;
    min-width: 450px;
    max-height: 600px;
}

.user-account {
    width: max-content;
}

.switchviews {
    color: #FFFFFF;
    text-align: left;
    min-width: 360px;
}

    .switchviews.dropdown-toggle {
        border: 1px solid transparent;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
    }

#profilePictureDropdown {
    right: 0;
    left: auto;
    text-align: right;
    width: 160px;
}

    #profilePictureDropdown > li {
        line-height: 1.42857143 !important;
        padding-top: 3px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
    }

        #profilePictureDropdown > li > a:hover {
            background-color: #F1F1F1;
            color: #E50918;
        }

        #profilePictureDropdown > li > a {
            padding-right: 20px;
        }

.dropdown-menu {
    overflow: auto;
    max-height: 600px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

    .dropdown-menu.right {
        right: 0;
        left: auto;
        text-align: right;
    }

.dropdownsv {
    min-width: 360px;
}

#userMenu {
    float: right;
    border-radius: 50%;
    background-color: #0E0F1A;
    color: #FFFFFF;
}

#UserAccountDropDown {
    border-radius: 50% !important;
}

button.none {
    border: 1px solid transparent;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
}

.profileImage {
    max-width: 40px;
    max-height: 40px;
}

body, button, input, select, textarea {
    color: #333333;
}

h1, h3 {
    font-family: 'Open Sans',Georgia,serif;
    margin: auto 0;
    padding: auto 0;
    color: #000000;
    font-weight: bold;
    font-size: 32px;
}

h3 {
    font-size: 20px;
}

input, label, a.again {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 12px;
}

input, label, a.again, textarea {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 12px;
}

button, input, select, textarea {
    font-family: sans-serif;
}

td {
    vertical-align: top;
}

small {
    font-size: 85%;
}

@media screen {
    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: normal;
        src: local('Open Sans'),local('Open Sans'),url('https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
    }
}

@media screen {
    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: local('Open Sans'),local('Open Sans'),url('https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
    }
}

#outerContainer {
    margin: 0px auto;
    position: relative;
    width: 100%;
}

#outerBodyContainer {
    background-color: #FFFFFF;
    margin: 0px 2.5%;
    /*width: 960px;
    margin: auto;*/
    /* min-height: calc(100vh - 229px);*/
}

#bodyContainer {
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
}

#subHeaderText {
    position: relative;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 20px;
}

/* When Buttons */
.centerWhenBtns {
    text-align: center;
}

    .centerWhenBtns .whenWrapper {
        display: inline-block;
        padding: 0px 0px 10px 0px;
    }

.radioLabel {
    background-color: white;
    border-bottom-color: rgb(187, 187, 187);
    border-left-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-top-color: rgb(204, 204, 204);
    padding-left: 35px;
    padding-right: 35px;
    float: left;
}

.centerWhenBtns input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.checkboxWeekly input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

    .checkboxWeekly input[type="checkbox"] + label {
        color: black;
    }

    .checkboxWeekly input[type="checkbox"]:checked + label {
        color: white;
        background: #005E97;
    }

/*FOOTER*/

#mainFooter {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: #26213E;
    height: 70px;
    color: #F6F6F6;
    overflow-y: hidden;
}

#footerContactInfo {
    float: left;
    width: 515px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

#footerProductLogo {
    background-image: url(Images/ArbiterFooterLogo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
}

#footerContactInfo > ul {
    margin: 20px 0px 0px 2.5%;
    width: 620px;
}

    #footerContactInfo > ul > li {
        margin-right: 30px;
        vertical-align: top;
    }

        #footerContactInfo > ul > li > a {
            color: #FFFFFF;
            font-size: 1.04em;
        }

            #footerContactInfo > ul > li > a:hover {
                color: #E49495;
                text-decoration: none;
            }

        #footerContactInfo > ul > li.arbiterInfoLink {
            padding-top: 6px;
        }

    #footerContactInfo > ul > li, #footerSessionInfo > ul > li {
        display: inline-block;
        margin-right: 26px;
    }

#footerSessionInfo {
    float: right;
    padding-right: 2.5%;
    font-size: 1.0em;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
}

    #footerSessionInfo > ul > li {
        margin-right: 30px;
        vertical-align: top;
        padding-top: 23px;
    }

        #footerSessionInfo > ul > li > p, #footerSessionInfo > ul > li > a {
            display: inline;
            font-size: 16px;
        }

        #footerSessionInfo > ul > li > a {
            color: white;
        }

            #footerSessionInfo > ul > li > a:hover {
                color: #E50918;
                text-decoration: none;
            }

#splash {
    position: absolute;
    z-index: -99999;
    left: -200px;
}

.logo {
    background-image: url('../Content/Images/ArbiterMainLogo.png');
    height: 35px;
    width: 184px;
    display: block;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
}

header em {
    color: #a3a3a3;
    font-size: .8em;
    font-style: normal;
}

header ul, header ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

    header ul li {
        line-height: 30px;
    }

        header ul li a {
            float: left;
            display: block;
            text-decoration: none;
        }

    header ul.util {
        float: right;
    }

        header ul.util li {
            position: relative;
            margin-left: 15px;
        }

            header ul.util li:hover {
                background: #2d373f;
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
            }

            header ul.util li a {
                color: #aaa;
                padding: 5px 15px;
                background: rgba(45, 55, 63, 0.5);
                border-radius: 15px;
            }

                header ul.util li a.dropicon {
                    background: rgba(45, 55, 63, 0.5) url(../Content/Images/Icons/util-downarrow.png) no-repeat right center;
                    padding-right: 30px;
                    width: 90px;
                }

            header ul.util li ul {
                position: absolute;
                top: 27px;
                display: none;
            }

                header ul.util li ul li {
                    float: none;
                    margin-left: 0;
                    background: rgba(45, 55, 63, 0.8);
                    font-size: .8em;
                }

                    header ul.util li ul li a {
                        float: none;
                        background: none;
                        border-radius: 0;
                        margin-left: 0;
                        width: 105px;
                        border-top: 1px dotted #4d5d69;
                        text-shadow: none;
                        color: #adcfe7;
                    }

                        header ul.util li ul li a:hover {
                            background: #2d373f;
                        }

                    header ul.util li ul li:hover {
                        border-radius: 0;
                        background: none;
                    }

nav, div.navContainer {
    background-color: #0E0F1A;
    min-width: 1280px;
}

nav, div.navContainer, header ul {
    display: inline-block;
    width: 100%;
    background-color: #0E0F1A;
}

ul.tabs, ul.subnav {
    min-width: 1200px;
}

    ul.tabs li a {
        margin-right: 40px;
        color: #FFFFFF;
        font-size: 16px;
        text-decoration: none;
        text-transform: uppercase;
        padding-bottom: 8px;
    }

        ul.tabs li a:hover {
            color: #E50918;
        }

        ul.tabs li a.active {
            color: #E50918;
            background: linear-gradient(45deg, transparent 44%, #0E0F1A 44%), linear-gradient(-45deg, transparent 44%, #0E0F1A 44%), linear-gradient(to bottom, #3E3F47, #3E3F47);
        }

ul.subnav {
    background-color: #3E3F47;
}

    ul.subnav li a {
        color: #FFFFFF;
        font-family: Arial;
        padding: 10px 15px;
        font-size: 15px;
        line-height: 20px;
    }

        ul.subnav li a:hover, ul.subnav a.active {
            background-color: #BF0013;
            text-decoration: none;
        }

#mainNavList {
    padding-left: 2.5%;
    padding-right: 2.5%;
}

#mainNavFlex {
    display: inline-flex;
    width: 100%;
}

.mainNavPadding {
    width: 40px;
}

#subNavList {
    padding-left: 2.5%;
    padding-right: 2.5%;
}

#subNavFlex {
    display: flex;
    margin-top: -5px;
}

.subNavPadding {
    width: 65px;
    background-color: #3E3F47;
}

.leftAlign {
    text-align: left;
}

.centerAlign {
    text-align: center;
}

.rightAlign {
    text-align: right;
}

.boldText {
    font-weight: bold;
}

.largeText {
    font-size: 26px;
}

.btn-search {
    background: transparent url(../Content/Images/Icons/search.png) no-repeat center middle;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 15px;
}

#pageHeaderContainer {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.btn-toolbar, .btn-group {
    vertical-align: middle;
}

    .btn-group.justified {
        display: flex !important;
        flex-wrap: nowrap;
    }

        .btn-group.justified .btn {
            margin: 0 -1px 0 0;
            flex-grow: 1;
        }

.btn-dark {
    background-image: -webkit-linear-gradient(top,#999999 0,#666666 100%);
    background-image: -o-linear-gradient(top,#999999 0,#666666 100%);
    background-image: -moz-linear-gradient(top,#999999 0,#666666 100%);
    background-image: linear-gradient(to bottom,#999999 0,#666666 100%);
    background-repeat: repeat-x;
    border-color: #333333;
    color: #f1f1f1;
}

    .btn-dark:hover,
    .btn-dark:active,
    .btn-dark.active,
    .btn-dark.disabled,
    .btn-dark[disabled] {
        background-color: #999999;
        background-image: none;
    }

    .btn-dark:active, .btn-dark.active {
        background-color: #999999;
        background-image: none;
        background-image: -webkit-linear-gradient(bottom,#999999 0,#666666 100%);
        background-image: -o-linear-gradient(bottom,#999999 0,#666666 100%);
        background-image: -moz-linear-gradient(bottom,#999999 0,#666666 100%);
        background-image: linear-gradient(to top,#999999 0,#666666 100%);
    }

.pagination {
    margin: 0px auto;
    background-color: #fff;
    display: inline-block;
}

.tightWell {
    padding: 10px;
}

.noPadWell {
    padding: 0px 10px;
}

hr {
    margin: 6px 0px;
}

.statusLabel {
    display: inline-block;
    width: 25px;
    height: 19px;
    background-color: transparent;
    background-image: url('../Content/Images/Icons/statussprite20wide.png');
    background-repeat: no-repeat;
    padding-right: 5px;
    text-align: left;
    vertical-align: middle;
}

.status20Good {
    background-position: 0px 0px;
}

.status20Warn {
    background-position: 0px -19px;
}

.status20Problem {
    background-position: 0px -38px;
}

.status20NA {
    background-position: 0px 0px;
}

.closeBtnContainer {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #d95762;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

    .closeBtnContainer a:link, .closeBtnContainer a:visited, .closeBtnContainer a:hover, .closeBtnContainer a:active {
        color: #fff;
        font-size: 16px;
        text-decoration: none;
    }

.tooltip-inner {
    padding: 8px;
    text-align: left;
}

.bold {
    font-weight: bold;
}

h1.pageBanner {
    background-color: #538d41;
    background-position: 700px center;
    background-repeat: no-repeat;
    font: bold 26px 'Open Sans',Georgia,serif;
    margin-bottom: 20px;
    padding: 15px 20px;
    color: #fff;
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
}

    h1.pageBanner a, h1.pageBanner input {
        font: 13px normal 'Open Sans',sans-serif;
    }

.pageBannerEdit {
    background-color: #105387;
}

h1.pageBannerEdit {
    background-color: #0f5286;
}

.pageSection {
    margin-bottom: 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 2px solid #539043;
}

.pageSectionHeader {
    font: normal 22px sans-serif;
    height: 45px;
    line-height: 45px;
    color: #fff;
    padding-left: 20px;
    background-color: #539043;
}

.pageSectionHeaderCheck {
    border-left: 1px dashed #ccc;
    padding-left: 20px;
    vertical-align: middle;
    margin-top: 12px;
    color: #fff;
    font: bold 14px sans-serif;
}

    .pageSectionHeaderCheck label {
        color: #fff;
        font: bold 14px sans-serif;
        cursor: pointer;
    }

.pageSectionContent {
    padding: 15px;
    display: none;
}

.pageSectionDisabled {
    border: 2px solid #ddd;
}

    .pageSectionDisabled, .pageSectionDisabled .pageSectionHeader, .pageSectionDisabled .pageSectionHeaderCheck label {
        color: #333;
    }

        .pageSectionDisabled .pageSectionHeader {
            background-color: #ddd;
            background: linear-gradient(#fdfdfd, #eee);
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfd), to(#eee));
            background: -moz-linear-gradient(#fdfdfd, #eee);
            background: -o-linear-gradient(#fdfdfd, #eee);
            background: linear-gradient(#fdfdfd, #eee);
            -pie-background: linear-gradient(#fdfdfd, #eee);
        }

        .pageSectionDisabled .pageSectionHeaderCheck {
            color: #222;
        }

.football {
    background-image: url('../Content/Images/Icons/Sports/football.png');
}

.baseball {
    background-image: url('../Content/Images/Icons/Sports/baseball.png');
}

.basketball {
    background-image: url('../Content/Images/Icons/Sports/basketball.png');
}

.lacrosse {
    background-image: url('../Content/Images/Icons/Sports/lacrosse.png');
}

.track {
    background-image: url('../Content/Images/Icons/Sports/track.png');
}

.soccer {
    background-image: url('../Content/Images/Icons/Sports/soccer.png');
}

.formSubsectionHeader {
    font-weight: bold;
    margin-bottom: 17px;
    border-bottom: 1px solid #ccc;
}

.formSubSectionContainer {
    padding: 12px;
    min-height: 185px;
}

.matchupRow {
    margin-bottom: 25px;
}

.boxgradient {
    background-color: #f0f0f0;
    background: -moz-linear-gradient(-45deg, rgba(172, 178, 196, 0.25) 0%, rgba(248, 248, 250, 0.25) 91%, rgba(255, 255, 255, 0.25) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(172, 178, 196, 0.25)), color-stop(91%, rgba(248, 248, 250, 0.25)), color-stop(100%, rgba(255, 255, 255, 0.25)));
    background: -webkit-linear-gradient(-45deg, rgba(172, 178, 196, 0.25) 0%, rgba(248, 248, 250, 0.25) 91%, rgba(255, 255, 255, 0.25) 100%);
    background: -o-linear-gradient(-45deg, rgba(172, 178, 196, 0.25) 0%, rgba(248, 248, 250, 0.25) 91%, rgba(255, 255, 255, 0.25) 100%);
    background: -ms-linear-gradient(-45deg, rgba(172, 178, 196, 0.25) 0%, rgba(248, 248, 250, 0.25) 91%, rgba(255, 255, 255, 0.25) 100%);
    background: linear-gradient(-45deg, rgba(172, 178, 196, 0.25) 0%, rgba(248, 248, 250, 0.25) 91%, rgba(255, 255, 255, 0.25) 100%);
    -pie-background: linear-gradient(-45deg, rgba(172, 178, 196, 0.25) 0%, rgba(248, 248, 250, 0.25) 91%, rgba(255, 255, 255, 0.25) 100%);
}

.formLabel {
    display: inline-block;
    width: 115px;
}

.formLabelSmall {
    display: inline-block;
    width: 60px;
}

.hidden {
    display: none;
}

.pageMsgAlert {
    display: none;
    background-image: url('../Content/Images/Icons/red-yield.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: larger;
    font-weight: bold;
    padding: 10px 35px 10px 50px;
}

.bgDiag {
    background: #fff url(../Content/Images/bgDiagonal.png) repeat 0px 0px;
}

.miscIcon {
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url(misc-icons.png);
    background-repeat: no-repeat;
}

.homeBlue {
    background-position: 0px 0px;
}

.homeGreen {
    background-position: 0px -21px;
}

.homeGrey {
    background-position: 0px -41px;
}

.awayBlue {
    background-position: -20px 0px;
}

.awayGreen {
    background-position: -20px -21px;
}

.awayGrey {
    background-position: -20px -41px;
}

.checkboxBlueOff {
    background-position: -40px 0px;
}

.checkboxBlueOn {
    background-position: -40px -21px;
}

.checkboxBlueDisabled {
    background-position: -40px -41px;
}

.checkboxGreenOff {
    background-position: -60px 0px;
}

.checkboxGreenOn {
    background-position: -60px -21px;
}

.checkboxGreenDisabled {
    background-position: -60px -41px;
}

.arrowLeft {
    background-position: -80px 0px;
}

.arrowRight {
    background-position: -100px 0px;
}

.addIcon {
    background-position: -120px 0px;
}

.searchIcon {
    background-position: -140px 0px;
}

.timeIcon {
    background-position: -160px 0px;
}

.arrowUpLeft {
    background-position: -180px 0px;
}

.calIcon {
    background-position: -200px 0px;
}

.alertIcon {
    background-position: -220px 0px;
}

.rowLogoContainer {
    display: inline-block;
    width: 45px;
    height: 40px;
    background-color: transparent;
    background-image: url('../Content/Images/Icons/sitesIconSprite.png');
    background-repeat: no-repeat;
}

.school {
    background-position: 0px 0px;
}

.golf {
    background-position: -45px 0px;
}

.pool {
    background-position: -91px 0px;
}

.park {
    background-position: -137px 0px;
}

.stadium {
    background-position: -177px 0px;
}

.gameStatusIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url('../Content/Images/Icons/gamesStatusIcons_new.png');
    background-repeat: no-repeat;
}

.naWarn, .naGood, .naProblem, .naNA, .naWhite, .contractNA, .transportationNA, .facilityNA, .officialsNA, .userNA {
    background-position: -99px -64px;
}

.contractWarn {
    background-position: 0px -22px;
}

.transportationWarn {
    background-position: -20px -22px;
}

.facilityWarn {
    background-position: -38px -22px;
}

.officialsWarn {
    background-position: -59px -22px;
}

.userWarn {
    background-position: -79px -22px;
}

.workersWarn {
    background-position: -99px -22px;
}

.contractGood {
    background-position: 0px -1px;
}

.transportationGood {
    background-position: -20px -1px;
}

.facilityGood {
    background-position: -38px -1px;
}

.officialsGood {
    background-position: -59px -1px;
}

.userGood {
    background-position: -79px -1px;
}

.workersGood {
    background-position: -99px -1px;
}

.contractProblem {
    background-position: 0px -43px;
}

.transportationProblem {
    background-position: -20px -43px;
}

.facilityProblem {
    background-position: -38px -43px;
}

.officialsProblem {
    background-position: -59px -43px;
}

.userProblem {
    background-position: -79px -43px;
}

.workersProblem {
    background-position: -99px -43px;
}

.contractWhite {
    background-position: 0px -64px;
}

.transportationWhite {
    background-position: -20px -64px;
}

.facilityWhite {
    background-position: -38px -64px;
}

.officialsWhite {
    background-position: -59px -64px;
}

.userWhite {
    background-position: -79px -64px;
}

.workersWhite {
    background-position: -99px -64px;
}

.workersNA {
    background-position: -99px -85px;
}

.officialsBlack {
    background-position: -59px -85px;
}

.workersBlack {
    background-position: -99px -85px;
}

.opponentBlack {
    background-position: -79px -85px;
}


.transportationNone {
    background-position: -20px -85px
}

.facilityNone {
    background-position: -38px -85px
}

.clickable {
    cursor: pointer;
}

#activeLevelFilterContainer .btn {
    text-align: left;
    vertical-align: middle;
}

.btn-wide {
    padding: 4px 50px;
}

.righty {
    text-align: right;
}

label {
    font-weight: normal;
    font-size: 14px;
    color: #333333;
}

input, label, textarea {
    font-weight: 400;
}

.requiredFieldIndicator {
    color: #a00;
}

.w50 {
    width: 50px;
}

.w65 {
    width: 65px;
}

.w70 {
    width: 70px;
}

.w75 {
    width: 75px;
}

.w100 {
    width: 100px;
}

.w110 {
    width: 110px;
}

.w115 {
    width: 115px;
}

.w135 {
    width: 135px;
}

.w150 {
    width: 150px;
}

.w175 {
    width: 175px;
}

.w250 {
    width: 250px;
}

.w200 {
    width: 200px;
}

.w300 {
    width: 300px;
}

.w350 {
    width: 350px;
}

.w420 {
    width: 420px;
}

.loadingBig-page {
    position: absolute;
    top: 40%;
    left: 40%;
    width: 200px;
    height: 200px;
    background: transparent url('/Content/Images/Rolling-1s-60px.gif') no-repeat center center;
}

.loadingBig {
    position: relative;
    top: 50%;
    left: 30%;
    width: 200px;
    height: 200px;
    background: transparent url('/Content/Images/Rolling-1s-60px.gif') no-repeat center center;
}



p {
    margin: 0px;
    padding: 0 0 9px
}

#commentForm {
    height: auto !important;
    position: fixed;
    top: 250px;
}

#commentFormLoad {
    height: 360px !important;
    width: 220px !important;
    padding: 10px;
    border: 1px solid #666;
    background: #ccc;
}

#commentFormTab {
    cursor: pointer;
    padding: 5px;
    background-color: White;
    border: solid 1px #666;
}

#commentForm tr td.commentTab {
    padding: 3px;
}

.floatLeft {
    float: left;
}

.rotate90 {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17)";
}

.rotate270 {
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
}

.gridTab .badge {
    position: relative;
    top: 0px;
    right: 0px;
}

#pageMsgContainer {
    display: none;
    position: absolute;
    width: 820px;
    left: 34%;
    top: 0%;
    z-index: 9999;
}

.pageMsgContainerAtTop {
    top: -20px;
}

#pageMsg {
    position: relative;
    font-size: larger;
    font-weight: bold;
    -webkit-box-shadow: 5px 10px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 5px 10px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 5px 10px 5px rgba(50, 50, 50, 0.75);
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=45, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=90, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=135, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=180, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=225, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=260, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=305, Strength=2);
}

#pageMsgContent {
    padding: 20px 0px 0px 20px;
}

li.account-link {
    width: 100%;
    display: inline-block;
}




a.switchViewLinkAnchor {
    font-size: .9em;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin-top: 3px;
    width: 100%;
    display: inline-block;
    color: #444444;
    text-decoration: none;
    white-space: normal;
    text-align: left;
}

.user-account {
    margin-left: 10px;
    margin-top: 10px;
    width: 95%;
}

.user-account-header {
    color: black;
}

.user-account-row {
    float: left;
    height: 10px;
    width: 4px;
    margin-top: 4px;
    background-color: none;
}

.account-link:hover > a:hover {
    background-color: #F1F1F1;
    color: #E50918;
}

.fc-view-month {
    border-radius: 7px;
}

.tableView {
    width: 100%;
}

    .tableView th, .tableView td {
        padding: 7px 5px;
    }

    .tableView th {
    }

    .tableView tr {
        border-bottom: 1px solid #DDDDDD;
    }

        .tableView tr:nth-child(even) {
            background-color: #F5F5F5;
        }

    .tableView td {
        border-right: 1px dashed #DDDDDD;
    }

        .tableView td:first-child {
            font-weight: bold;
        }

        .tableView td:last-child {
            border-right: 1px dashed #DDDDDD;
        }

/* tables */
.gridView {
    padding: 1px;
    margin: 5px 0;
    position: relative;
    font-size: 1em;
}

.gridView {
    width: 100%;
}

    .gridView td {
        vertical-align: middle;
        text-align: center;
        padding: 4px;
        /*box-sizing: border-box;*/
    }

        .gridView td.leftAlign {
            text-align: left;
        }

        .gridView td.rightAlign {
            text-align: right;
        }

        .gridView td.topAlign {
            vertical-align: top;
        }

    .gridView tbody tr.parent {
        border-right: 1px dashed #CCCCCC;
    }

        .gridView tbody tr.parent:hover {
            /*outline: 1px solid #B62629;
	box-shadow: inset 0 0 5px 0px rgba(155,0,0,.5)*/
            background-color: #EFEFEF;
        }

        .gridView tbody tr.parent td {
            border-top: 1px solid #CCCCCC;
            border-bottom: 1px solid #CCCCCC;
        }

        .gridView tbody tr.parent .action, .gridView tbody tr.parent .link {
            border-left: 1px dashed #CCCCCC;
            min-width: 30px;
        }

            .gridView tbody tr.parent .action:not(.notClickable):hover, .gridView tbody tr.parent .link:not(.notClickable):hover {
                cursor: pointer;
                background-color: #DDDDDD;
            }

    .gridView .groupTitleRow td {
        font-size: 1.4em;
        text-align: left;
        padding: 8px 0 5px 0;
    }

    .gridView tr.parent td {
        padding: 4px;
        /*box-sizing: border-box;*/
    }

    .gridView .action .btn {
        /*background-color: #FFFFFF;*/
    }

        .gridView .action .btn:active,
        .gridView .action .btn:focus {
            /*background-color: #FFFFFF;*/
            box-shadow: none;
            /*border: none;*/
        }

    .gridView tbody td.action.open {
        background-color: #F1F1F1;
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-bottom-color: #F1F1F1;
    }

    .gridView tbody tr.child {
        display: none;
        background-color: #F1F1F1;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px dashed #CCCCCC;
    }

        .gridView tbody tr.child > td {
            position: relative;
        }

        .gridView tbody tr.child:last-of-type {
            border-bottom: 1px solid #CCCCCC;
        }

        .gridView tbody tr.child.open {
            display: table-row;
        }

        .gridView tbody tr.child > td > div:not(.loadingBig) {
            /*position: relative;*/
            padding: 4px;
        }

    .gridView .detailsDivider {
        border-left: 2px dashed #CCCCCC;
        /*background: transparent url('../Images/dashBorder.png') repeat-y center top;*/
    }
/*.gridView tr.child > td .gridPanelContainer{
    display: block;
}*/

/***** Inputs *****/
input, select {
    padding: 4px 8px;
    /*margin: 0px;*/
    vertical-align: middle;
    border-radius: 6px;
    font-size: 1em;
}

    input.disabled, input:disabled, input[disabled],
    select.disabled, select:disabled, select[disabled] {
        cursor: not-allowed;
        opacity: .6;
    }

.input-group {
    position: relative;
    display: inline-block;
}

    .input-group > input {
        padding: 4px 25px 4px 8px;
        box-sizing: border-box;
    }

    .input-group > [class^=icon] {
        position: absolute;
        right: 7px;
        top: 50%;
        margin-top: -5px;
        opacity: .4;
        /*font-size: 1em;*/
    }

    .input-group.left > input {
        padding: 4px 8px 4px 25px;
    }

    .input-group.left > [class^=icon] {
        left: 7px;
    }

.form_label {
    width: 175px;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    margin: 10px 0;
}

    .form_label:after {
        content: ":"
    }


/***** flex container *****/
.flex-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
}

    .flex-container > div {
    }

/***** Mask *****/
.overlay {
    background-color: rgba(0,0,0,0.15);
}

.mask {
    background-color: #FFFFFF;
    border: 2px solid #005E97;
    border-radius: 4px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.maskContainer {
    position: relative;
    height: 400px;
}

.overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.mask {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 4px 10px;
}

.spin {
    -webkit-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.toggle-switch {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 40px;
    height: 15px;
    border-radius: 10px;
    background-color: #ccc;
}

    .toggle-switch.disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .toggle-switch.selected {
        background-color: green;
    }

.toggle-switchpiece {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(80, 80, 80, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(80, 80, 80, 1);
    box-shadow: 2px 2px 5px 0px rgba(80, 80, 80, 1);
    position: relative;
    top: -4px;
    left: -2px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: white;
    border: 1px solid #eee;
    border-radius: 50%;
}

.toggle-switch.selected > .toggle-switchpiece {
    left: auto;
    right: -20px;
}

.checkLabel {
    display: inline-block;
    margin-left: 5px;
}

.messageBanner {
    padding: 10px;
    font-family: 'Arial';
    background-color: #F2DEDE;
    color: #4C4C65;
    min-height: 20px;
    vertical-align: middle;
    text-align: left;
    border: 0.1em solid #DEABAB;
}

/*Begin for PIN reset*/
.modalLineItem {
    clear: both;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

    .modalLineItem label {
        float: left;
        clear: none;
        display: block;
        padding: 0px 1em 0px 8px;
    }

    .modalLineItem input[type=radio],
    .modalLineItem input.radio {
        float: left;
        clear: none;
        margin: 2px 0 0 2px;
    }

.text-success {
    color: green;
}

.text-danger {
    color: red;
}

#body-mobile {
    background-image: url(Images/Reskin/Phones_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 150px;
}



#Your_App_Logo {
    background-image: url(Images/ArbiterAppLogo.png);
    background-repeat: no-repeat;
    background-size: contain;
    /* position: inherit;*/
    width: 47px;
    height: 48px;
    margin-left: 629px;
    display: block;
    /*margin-left: 27%;*/
}

* {
    /*    box-sizing: border-box;*/
}

.column {
    float: left;
    width: 33.33%;
    padding: 5px;
}

.manageSubscriptions {
    text-align: right;
    color: white;
    float: right;
    padding-top: 10px;
}

    .manageSubscriptions > a {
        text-decoration: none;
        /* padding-top: 10px;*/
        font-family: 'Proxima Nova';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        text-align: right;
        color: #FFFFFF;
    }

        .manageSubscriptions > a:hover {
            color: #E49495;
            text-decoration: none;
        }

        .manageSubscriptions > a > span {
            margin-bottom: -10px;
            margin-left: 5px;
        }

.containerReskin {
    padding-right: 5px;
    padding-left: 5px;
}

.manageSubscriptionsDiv {
    float: right;
    display: inline-block;
    position: absolute;
    right: 60px;
    top: 15px;
}

.searchControlGroup {
    margin-left: 4%;
}

    .searchControlGroup > .searchControl {
        margin-left: 15%;
    }

    .searchControlGroup > .controls > .searchControlDiv {
        padding-left: 90px;
        padding-bottom: 2px;
    }

        .searchControlGroup > .controls > .searchControlDiv > h3 {
            font-weight: 600;
            font-size: 30px;
            line-height: 40px; /* text-align: center; */
            letter-spacing: 0.01em;
        }

.form-search > span {
    position: absolute;
    margin-left: 5px;
    height: 30px;
    display: flex;
    align-items: center;
}

.form-search > input {
    height: auto !important;
    padding-left: 25px;
    height: 20px;
    outline: none;
}

.form-search > .btn-danger {
    background-color: #E50918;
    border-color: #E50918;
    background-image: none !important;
}

#schoolSearchButton, #btnSearch, #unsubscribeButton, #changepassword, #searchButton {
    background-color: #E49495;
    color: #26213E;
    background-image: none !important;
    border-color: #E49495;
}

.searchBody {
    margin-top: 7%;
}

    .searchBody > .iconDiv {
        margin-left: 28%;
        padding-bottom: 10px;
    }

        .searchBody > .iconDiv > img {
            width: 10%;
        }

        .searchBody > .iconDiv > span {
            font-weight: 600;
            font-size: 20px;
            line-height: 40px;
            text-align: center;
            letter-spacing: 0.01em;
            width: 80%;
        }

    .searchBody > .arbiterInfo > p {
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        padding-right: 107px;
    }

    .searchBody > .arbiterInfo > .arbiterBadge {
        margin-left: 11%;
        margin-top: 7%;
        padding-right: 102px;
    }

.imgresponsive {
    width: 115px;
    height: 37px;
}

#scheduleTable, #subscriptions > tbody > tr > td {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 10px;
    letter-spacing: 0.005em;
}

.tableReskin {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.005em;
    color: #565861;
}

.open_400_13px {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 10px;
    letter-spacing: 0.005em;
}

.bluetd {
    color: #0B78E3;
}

    .bluetd img {
        margin-right: 5px;
        float: left;
        width: 18px;
        height: 19px;
        background: #F3F3F3;
    }

.schoolName > .teamListName {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.005em;
}

.team-name-color {
    color: #0B78E3 !important;
}

.btn:focus, .btn:active:focus, .btn.active:focus,
.btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}

.stabletr {
    background: #FAFAFA;
    box-shadow: inset 0px -1px 0px #f3f3f3;
    border-radius: 0px;
}

.stabletrth {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.01em;
    color: #000000;
}
/* Clearfix (clear floats) */
.row::after {
    content: "";
    clear: both;
    display: table;
}
/*End of PIN reset*/

.singin-input {
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 8px !important;
    height: 33px !important;
    background: #FFFFFF !important;
    border: 1px solid #D9D9D9 !important;
    border-radius: 6px !important;
}

.resking-btn-group {
    padding: 15px 15px 15px 15px;
    background: #FAFAFA;
    box-shadow: inset 0px 1px 0px #D9D9D9;
    border-radius: 0px 0px 12px 12px;
    height: 38px;
}

.btn-reskin-gray {
    background-image: none !important;
    background-color: none !important;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 20px;
    text-align: center;
    text-shadow: none !important;
    border: none !important;
}

.btn-forgot-password {
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 5px;
    color: #0B78E3;
    text-align: left !important;
}

.input-group-resize {
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 8px;
}

.opensans_400_14px {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    align-items: center;
    letter-spacing: 0.005em;
}

#verifyBody > h1, p {
    margin-bottom: 15px;
}

.follow-team-label {
    font-weight: 600;
}

#subscriptions > tbody > tr > td > a {
    color: #333333;
}

#searchResults {
    min-height: calc(100vh - 73px - 72px);
}

#unsubscribeButton {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}

.editLink {
    font-size: 12px;
}

    .editLink:hover, .editLink:active {
        text-decoration: none;
        opacity: 0.6;
    }

.modal {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 1050 !important;
    overflow: auto !important;
    width: 560px !important;
    height: auto !important;
    margin: -250px 0 0 -280px !important;
    background-color: #fff !important;
    border: 1px solid #999 !important;
    border: 1px solid rgba(0,0,0,.3) !important;
    *border: 1px solid #999 !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.3) !important;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.3) !important;
    box-shadow: 0 3px 7px rgba(0,0,0,.3) !important;
    -webkit-background-clip: padding-box !important;
    -moz-background-clip: padding-box !important;
    background-clip: padding-box !important;
}

.subscriptionsHeader {
    font-size: 20px;
}

.subscriptionLink {
    font-size: 12px;
}

    .subscriptionLink:hover, .subscriptionLink:active {
        text-decoration: none;
        color: white;
        opacity: 0.6;
    }

.subscription-table-td {
    min-width: 300px;
    vertical-align: middle;
    text-align: left;
    border-right: 1px solid white;
}

.loader_resking {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    background: transparent url('../Content/Images/Loader.png') no-repeat center center;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.mylogo {
    animation: rotation 3s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.h2_proximaNova_600_14px {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
}

.align-center {
    text-align: center;
}

.proxima_nova_600_20px {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
}

.proximaNova_700_16px {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #333333;
}

.proximaNova_600_16px {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.img_game_detail {
    width: 72px;
    height: 72px;
    background: transparent;
    border-radius: 36px;
    position: relative;
    display: inline-block;
}

    .img_game_detail > img {
        margin-top: 13px;
        margin-right: 13px;
        margin-bottom: 13px;
        margin-left: 13px;
        display: inline-block;
    }

div.new_loader_reskin {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15%;
    margin-bottom: 15%;
    animation: spin 2s linear infinite;
    border: 3px solid #d9d9d9;
    border-top: 3px solid #E50918;
    border-radius: 50%;
    padding: 0px;
    height: 25px;
    width: 25px;
    position: relative;
}

div.game_detail_box {
    background-color: #FAFAFA;
    /*border: 1px solid #FAFAFA;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 0 2px #ccc;
    /*box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);*/
}

.game-detail-opponent-title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.005em;
    color: #0B78E3;
}

.sportIconReskin {
    margin-top: 5px;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
}

.score {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 46px;
    letter-spacing: 0.01em;
    color: #565861;
    padding-top: 12px;
}

.nogutter {
    margin: 0px !important;
}

.customegutter {
    margin-left: 10px !important;
}

.opponentsScore {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.005em;
    color: #565861;
}

.customewell {
    background-color: #FAFAFA;
    border: none !important;
    box-shadow: 0 0 2px #ccc;
}

.open_600_14px {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    align-items: center;
    letter-spacing: 0.005em;
}

.open_600_16px {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.005em;
}

.inline-block-span {
    display: inline-block;
}

.changepasswordInputControl {
    box-sizing: border-box;
    display: inline-block;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 8px 16px 8px 12px;
    gap: 8px;
    width: 400px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.changepassword-container {
    background-color: #fcfcfc;
    min-height: 350px;
}

#changepassword {
    width: 163px;
    height: 37px;
}

#schoolSearchButton, #btnSearch {
    vertical-align: top;
    width: 100px;
    height: 31px;
}

tr:nth-child(even) {
    background-color: #FAFAFA;
}

.gameStatus {
    background: #FFF0EF;
    border-radius: 2px;
}

.bullet {
    content: "\A";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #000;
    margin: 0 5px;
    display: inline-block;
    margin-bottom: 2px;
}

.error {
    color: red;
}

.circle {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    text-align: center;
    background: #FDFDFD;
    border: 0.5px solid #A5A6AA;
    margin-top: 2px;
}

.proximaNova_500_14px {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #333333;
}

.result_W {
    color: #389E0D;
    font-weight: 600;
}

.result_L {
    color: #E50918;
    font-weight: 600;
}

.result_T {
    color: #FA8C16;
    font-weight: 600;
}

.GoFan_div {
    height: 70px;
    background: #F3F3F3;
    box-shadow: 0px 9px 28px rgb(0 0 0 / 5%), 0px 3px 6px rgb(0 0 0 / 4%);
    border-radius: 0px;
}

.goFan_BuyTicketBtn {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
    text-shadow: none !important
}