/*-Body Controls-*/

body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
    color: #272727;
    text-rendering: optimizeLegibility;
}

.bodyfont {
    font-family: 'Roboto', sans-serif !important;
    text-rendering: optimizeLegibility !important;
}

A:link {
    color: #2385b3;
    text-decoration: none;
}

A:visited {
    color: #2385b3;
    text-decoration: none;
}

A:hover {
    color: inherit;
    text-decoration: underline;
}

.linked {
    color: #2385b3;
    text-decoration: none;
}
    .linked:hover {
        color: #234c6c;
        background-color: #cee6f1;
        text-decoration: none;
        border-radius:4px;
    }

.underline {
    text-decoration:underline !important;
}

/*- Text Styles -*/

.txt-xxsm {
    font-size: 9px;
}


.txt-xsm {
    font-size: 12px !important;
}

.txt-xsm-bold {
    font-size: 12px;
    font-weight: 700;
}

.txt-sm {
    font-size: 14px;
}

.txt-sm-bold {
    font-size: 14px;
    font-weight: 700;
}

.txt-mdsm {
    font-size: 18px;
}

.txt-md {
    font-size: 24px;
}

.txt-md-bold {
    font-size: 24px;
    font-weight: 700;
}

.txt-mlg {
    font-size: 30px;
}

.txt-mlg-bold {
    font-size: 30px;
    font-weight: 700;
}

.txt-lg {
    font-size: 36px;
}

.txt-lg-bold {
    font-size: 36px;
    font-weight: 700;
}

.txt-xlg {
    font-size: 56px;
}

.txt-xlg-bold {
    font-size: 56px;
    font-weight: 700;
}

.bodycolor {
    color: #272727;
}

.orange {
    color: #F26419;
}

.blue {
    color: #234c6c;
}

.ltblue {
    color: #2385b3;
}

.ltblueback {
    background-color: #2385b3;
}

.ltltblueback {
    background-color: #c0dae6;
}

.drkblue {
    color: #1d3040;
}

.grey {
    color: #7b7b7b;
}
.drkgrey {
    color: #4c5c64;
}

.ltgrey {
    color: #cccccc;
}

.ltgreyback {
    background-color: #cccccc;
}

.white {
    color: #ffffff !important;
}

.red {
    color: #C1292E;
}

.redback {
    background-color: #C1292E;
}

.purple {
    color: #8F2D56;
}

.purpleback {
    background-color: #8F2D56;
}

.green {
    color: #679436;
}

.gold {
    color: #F6AE2D;
}

.bold {
    font-weight:700 !important;
}
.center {
    text-align:center;
}

.right {
    text-align: right;
}

.italic {
    font-style:italic;
}

.condensed {
    font-family: 'Roboto Condensed', sans-serif;
}

.wide100 {
    width:100% !important;
}

.flexrow {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}



/* Elements  */

.bump:hover {
    position: relative;
    top: -5px;
    animation-duration: 2s;
    animation-timing-function: linear;
}


/*Admin Menu*/
.AdminMenu {
    color: white;
}

    .AdminMenu A:link {
        color: white;
    }

    .AdminMenu A:hover {
        color: white;
    }

    .AdminMenu A:visited {
        color: white;
    }





/*-Responsive-*/

@media only screen and (max-width: 1044px) {
    .topmenumove {
        margin: 0px 5px 5px 15px !important;
    }
}

    /*Desktop*/
    @media only screen and (min-width: 807px) {
        .mobilehide {
            display: normal !important;
        }

        .mobileshow {
            display: none !important;
        }

        .tabletshow {
            display: none !important;
        }

        .tablethide {
            display: normal !important;
        }

        .logo {
            width: 330px;
            height: 75px;
            margin-left: 10px;
            background-image: url(/images/redesign/Logo-lg.png);
        }

        .mobiletextshrink {
            font-size: 100%;
        }
    }

    /*Tablet*/
    @media only screen and (min-width:631px) and (max-width: 806px) {
        .mobilehide {
            display: normal !important;
        }

        .mobileshow {
            display: none !important;
        }

        .mobilecenter {
            display: normal;
        }

        .tabletshow {
            display: normal !important;
        }

        .tablethide {
            display: none !important;
        }

        .tabletfullwidth {
            width:100%;
        }

        .logo {
            width: 220px;
            height: 50px;
            background-image: url(/images/redesign/Logo-md.png);
        }

        .mobiletextshrink {
            font-size: 80%;
        }

        .tabletshrink {
            width: 50%;
            height: auto;
        }
    }



    /*Mobile*/
    @media only screen and (max-width: 630px) {
        .mobilehide {
            display: none !important;
        }

        .mobileshow {
            display: normal !important;
        }

        .tabletshow {
            display: normal !important;
        }

        .tablethide {
            display: none !important;
        }

        .mobilecenter {
            margin: 0 auto;
        }
        .mobileright {
            text-align:right !important;
        }
        .mobileleft {
            text-align: left !important;
        }

        .logo {
            width: 220px;
            height: 50px;
            background-image: url(/images/redesign/Logo-md.png);
        }

        .mobiletextshrink {
            font-size: 60%;
        }

        .mobiletextgrow {
            font-size: 150%;
        }

        .mobilefullwidth {
            width: 100% !important;
            max-width: 100% !important;
        }

        .mobilerowwrap {
            -webkit-flex-flow: row wrap !important;
            flex-flow: row wrap !important;
        }
    }

/*Print*/
@media print  {
    .noprint {
        display:none !important;        
    }
    .print {
        display: block !important;
    }
}


    /* Misc. Styles*/


    .ajax__tab_xp .ajax__tab_tab {
        height: 100px !important;
    }

    .Label {
        font-size: 11px;
        font-weight: 700;
    }

    .LabelL {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
    }

    .Text {
        font-size: 11px;
    }

    .TextL {
        font-size: 13px;
        line-height: 17px;
    }

    .step1 {
        font-size: 14px;
        color: #003366;
        font-weight: 700;
        background-color: #ddecf5;
    }

    .step2 {
        border-bottom: 1px #ddecf5 solid;
    }

    .help1 {
        font-size: 10px;
        color: #003366;
        background-color: #CBDDEB;
    }

    .description {
        font-size: 8pt;
        color: #336699;
    }

    .fonttitle {
        font-family: 'Oswald', sans-serif !important;
        text-transform: uppercase;
    }

    .asptextbox {
        padding: 4px;
    }

    .formverticalmargin {
        margin: 4px 0;
    }

    .gametypelabel {
        box-sizing: border-box;
        width: 50%;
        padding: 2px 4px;
        border-radius: 4px;
        margin: 0 8% 0 0;
    }

    .buttonblue {
        background-color: #2385b3;
        color: white;
        padding: 4px 10px 4px 10px;
        border-radius: 4px;
    }

        .buttonblue:hover {
            background-color: #234c6c;
            cursor: pointer;
        }

    .buttonltbluesm {
        background-color: #8dbdd4;
        color: white;
        padding: 2px 4px 2px 4px;
        border: 1px solid #2385b3;
        border-radius: 4px;
    }

        .buttonltbluesm:hover {
            background-color: #2385b3;
            cursor: pointer;
        }

    .buttonltpurplesm {
        background-color: #c23c74;
        color: white;
        padding: 2px 4px 2px 4px;
        border: 1px solid #732445;
        border-radius: 4px;
    }

        .buttonltpurplesm:hover {
            background-color: #732445;
            cursor: pointer;
        }

    /*Page Heading*/
    .headline1 {
        font-size: 18px;
        color: #003366;
        font-weight: 700;
    }

    /*Paragraph/Section Heading*/
    .headline2 {
        font-size: 13px;
        color: #003366;
        font-weight: 700;
    }

    .headline2-2 {
        font-size: 11px;
        color: #003366;
        font-weight: 700;
    }

    .headline2-3 {
        font-size: 11px;
        color: #999999;
        font-weight: 700;
    }


    /*Section Heading Small*/
    .headline3 {
        font-size: 10px;
        color: #003366;
        font-weight: 700;
    }


    /*FNF*/
    .fnf-score {
        font-size: 12px;
        font-weight: 700;
        color: black;
    }

    .fnf-school {
        font-size: 12px;
        font-weight: 700;
        color: white;
    }

    .fnf-sm {
        font-size: 9px;
        color: white;
    }

    .fnf-sm-dark {
        font-size: 9px;
        color: black;
    }

    .fnf-md {
        font-size: 11px;
        font-weight: 700;
        color: white;
    }



    /*Gallery Images*/
    .gallery-max {
        max-width: 325px;
        /* IE Image max-width */
        width: expression(this.width > 325 ? 325: true);
    }





    /* Gridview Styles */
    .grid {
        font-size: 11px;
        font-family: Roboto, sans-serif;
        background-color: #fff;
        padding: 1px;
    }

        .grid .title {
            background: #336699;
            color: #fff;
            height: 30px;
            text-align: center;
            height: 30px;
            line-height: 30px;
            font-size: 86px;
        }

        .grid .datatable {
        }

            .grid .datatable TH {
                height: 23px;
                line-height: 23px;
                padding: 0px 4px;
                background-color: #234c6c;
                border-right: dotted 1px #316c99;
                color: #333;
                vertical-align: middle;
                text-align: center;
                font-size: 12px
            }

    .GridGroupHeading {
        text-align: center !important;
        font-size: 12px;
        background-color: #2385b3;
        color: white !important;
        padding-top: 4px !important;
    }



    .grid .datatable TH A {
        color: white;
    }

        .grid .datatable TH A:link {
            color: white;
        }


    .grid .datatable A {
        color: #234c6c;
    }

        .grid .datatable A:link {
            color: #234c6c;
        }

    .grid .datatable TD {
        color: #222;
        text-align: left;
        padding: 2px 4px;
        border-right: solid 1px #ffffff;
        border-bottom: 1px #c6c6c6 solid;
    }

    .grid .datatable TR.even {
        background-color: #f2f2f2;
    }

    .grid .datatable TR.odd {
        background-color: #e6e5e5;
    }

    .header {
        background-color: #234c6c;
        vertical-align: middle;
        color: #fff;
        height: 30px;
        text-align: center;
        height: 23px;
        line-height: 23px;
        font-size: 16px;
    }


    .viewer-white-sm {
        color: #ffffff;
        font-size: small;
        line-height: 17px;
    }

    .viewer-white-md {
        color: #ffffff;
        font-size: medium;
        line-height: 18px;
        text-transform: capitalize;
    }

    .viewer-white-sm A {
        color: #ffffff;
    }

        .viewer-white-sm A:link {
            color: #ffffff;
        }

        .viewer-white-sm A:visited {
            color: #ffffff;
        }

        .viewer-white-sm A:hover {
            color: #ffffff;
        }

    .viewer-white-lg {
        font-weight: 700;
        color: #ffffff;
        font-size: large;
        line-height: 22px;
        text-transform: capitalize;
    }

    .viewer-gray-md {
        font-weight: 700;
        color: #000000;
        font-size: 12px;
        line-height: 16px;
        text-transform: capitalize;
    }

    .viewer-ltgr-xsm {
        color: #cccccc;
        font-size: x-small
    }

    .viewer-gray-sm {
        font-weight: 700;
        color: #272727;
        font-size: 12px;
        line-height: 16px;
        text-transform: capitalize;
    }


    /* Telerik Overrides */

    .RadGrid {
        border: none !important;
    }

    .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap th.rgResizeCol, .RadGrid_Bootstrap .rgHeaderWrapper {
        background-color: white !important;
        border-left: none !important;
        padding: 8px 4px !important;
        text-align: center !important;
    }

    .RadGrid_Bootstrap .rgCommandCell {
        background-color: white !important;
        border-radius: 0 8px !important;
        border: none !important;
    }

    .RadGrid_Bootstrap .rgRow:hover, .RadGrid_Bootstrap .rgAltRow:hover {
        background-color: #e5e5e5 !important;
    }

    .RadGrid .t-font-icon.rgIcon.rgAddIcon:before,
    .RadGrid .t-font-icon.rgIcon.rgRefreshIcon:before,
    .RadGrid .t-font-icon.rgIcon.rgEditIcon:before,
    .RadGrid .t-font-icon.rgIcon.rgExpXLSIcon:before,
    .RadGrid .t-font-icon.rgIcon.rgExpPDFIcon:before,
    .RadGrid .t-font-icon.rgIcon.rgSaveIcon:before,
    .RadGrid .t-font-icon.rgIcon.rgCancelIcon:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        font-size: 1rem;
    }


    .RadGrid .t-font-icon.rgIcon.rgEditIcon:before {
        content: "\f044";
    }

    .RadGrid .t-font-icon.rgIcon.rgRefreshIcon:before {
        content: "\f01e";
    }

    .RadGrid .t-font-icon.rgIcon.rgAddIcon:before {
        content: "\f0fe";
    }

    .RadGrid .t-font-icon.rgIcon.rgExpXLSIcon:before {
        content: "\f1c3";
    }

    .RadGrid .t-font-icon.rgIcon.rgExpPDFIcon:before {
        content: "\f1c1";
    }

    .RadGrid .t-font-icon.rgIcon.rgSaveIcon:before {
        content: "\f0c7";
    }

    .RadGrid .t-font-icon.rgIcon.rgExpDOCIcon:before {
        content: "\f1c2";
    }

    .RadGrid .t-font-icon.rgIcon.rgCancelIcon:before {
        content: "\f057";
    }