@font-face {
    font-family: 'Montserrat_Bold';
    src: url('/fonts/Montserrat-Bold.woff2') format('woff2'), url('/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat_ExLight';
    src: url('/fonts/Montserrat-ExtraLight.woff2') format('woff2'), url('/fonts/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat_ExLightItalic';
    src: url('/fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'), url('/fonts/Montserrat-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat_Italic';
    src: url('/fonts/Montserrat-Italic.woff2') format('woff2'), url('/fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat_ThinItalic';
    src: url('/fonts/Montserrat-ThinItalic.woff2') format('woff2'), url('/fonts/Montserrat-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat_LightItalic';
    src: url('/fonts/Montserrat-LightItalic.woff2') format('woff2'), url('/fonts/Montserrat-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat_Light';
    src: url('/fonts/Montserrat-Light.woff2') format('woff2'), url('/fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat_Medium';
    src: url('fonts/Montserrat-Medium.woff2') format('woff2'), url('/fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Regular.woff2') format('woff2'), url('/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat_MedItalic';
    src: url('/fonts/Montserrat-MediumItalic.woff2') format('woff2'), url('/fonts/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat_SemiBold';
    src: url('/fonts/Montserrat-SemiBold.woff2') format('woff2'), url('/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat_SemiBoldItalic';
    src: url('/fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'), url('/fonts/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

.infosection {
    margin-bottom: 48px;
}

.searchmenuheader {
    background: #308282; /*ASI Teal*/
}

a.s5_scrolltotop:hover {
    background-color: #143333; /*ASI Dark Teal*/
}

.FileLayoutHeader td {
    background: #308282;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
}

.FileLayoutRowA td {
    color: #60605B;
    font-size: 11px;
    font-weight: bold;
}

.FileLayoutRowB td {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}

.TopFileLayoutBox td {
    color: navy;
    font-size: 12px;
    font-weight: bold;
}

.InputTextBFS {
    BORDER-RIGHT: medium none;
    FONT-SIZE: 9pt;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    WIDTH: 95px;
    COLOR: black;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: #60605B
}

/*Content Tables */
.contenttableboxcontent {
    background: #EFEFED;
    padding: 10px 10px 10px 10px;
}

/*.contenttableboxcontent td
{
    color: Navy;
}*/
.contenttableheader {
    font-size: 24px;
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #308282; /* IE8 and below */
}

.contenttablesubheadertext {
    font-size: 12px !important;
    color: #FFFFFF;
}

/* RAD MENU STYLE */

/*mobile hamburger menu*/

.rmRootToggle {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
}

    .rmRootToggle.rmExpanded {
        color: #133154 !important;
    }

/*Main menu top level */
DIV.RadMenu_ASI {
    /*font-size: 18px !important;*/
    /*font-family:'Roboto', sans-serif !important;*/
    /*font-weight: 700;*/
    font-family: Montserrat;
    background-color: #133154 !important; /*ASI Navy*/
}

    DIV.RadMenu_ASI .rmRootGroup {
        /*padding: 0 7px;*/
        background: transparent !important; /* Old browsers */
        font-size: 16px;
        background-image: none;
        border: none;
        color: white !important;
    }

    DIV .RadMenu_ASI .rmLink {
        padding-left: 0px;
        padding-right: 24px;
        color: white !important;
    }



    /*div.RadMenu_ASI .rmRootGroup .rmItem {*/
    /*//aligns the menu to the right*/
    /*float: right !important;
    }
    div.RadMenu_ASI .rmVertical li.rmItem{*/
    /*///aligns subitems to the left*/
    /*float:left !important;
    }*/
    DIV.RadMenu_ASI .rmRootGroup .rmLink {
        background-image: none;
        COLOR: white !important;
        LINE-HEIGHT: 50px !important;
        font-family: Montserrat;
    }

    DIV.RadMenu_ASI .rmRootGroup .rmText {
        background-image: none;
        font-size: 16px;
        /*font-weight: 700;*/
        
    }

    DIV.RadMenu_ASI .rmRootGroup .rmLink:hover {
        BACKGROUND-IMAGE: none;
        color: white;
        border: none !important;
        
    }


    DIV.RadMenu_ASI .rmGroup .rmLink.rmFocused {
        color: #75CCCC;
        background-color: transparent;
        background-image: none;
    }

    /* Root menu - top level focused */
    DIV.RadMenu_ASI .rmRootGroup .rmLink.rmFocused {
        color: #75CCCC;
        background-color: inherit;
        border: none !important;
    }


    /* color of the head menu item as viewing submenu */
    DIV.RadMenu_ASI .rmRootGroup .rmExpanded {
        BACKGROUND-IMAGE: none;
        background-color: transparent;
        color: #133154;
        border: none;
    }


    /*PPS button*/
.RadMenu_ASI .rmRootGroup .rmLastPayment {
    background-color: #308282 !important; 
    color: #FFFFFF !important;
}

    .RadMenu_ASI .rmRootGroup .rmLastPayment > .rmLink {
        color: #FFFFFF !important;
    }

    .RadMenu_ASI .rmRootGroup .rmLastPayment:hover {
        background-color: #BE5623 !important;
        color: #133154 !important;
    }
        .RadMenu_ASI .rmRootGroup .rmLastPayment:hover > .rmLink {
            color: #133154 !important;
        }

.RadMenu_ASI .rmRootGroup .rmItem .rmLink {
    color: #133154; 
}

    .RadMenu_ASI .rmRootGroup .rmItem .rmLink:hover,
    .RadMenu_ASI .rmRootGroup .rmItem .rmLink:focus {
        background-color: #133154;
        color: #FFFFFF;
        outline: 2px solid #FFFFFF; /* visible focus */
        outline-offset: 2px;
    }

/* Generic focus for links/buttons not inside menu */
a:focus, button:focus, .RadButton:focus {
    outline: 3px solid #133154;
    outline-offset: 2px;
}

/* Ensure low-contrast gray text is elevated */
.text-muted, .secondary-info {
    color: #4A4A4A; /* raises contrast vs white (>7:1) */
}

.RadMenu_Default a.rmLink:hover, .RadMenu_Default a.rmFocused, .RadMenu_Default a.rmSelected {
    background-color: transparent !important;
    color: black !important;
    border: none;
}

/* Sub grouping Styles */
DIV.RadMenu_ASI .rmGroup {
    line-height: 20px !important;
    padding: 0px !important;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 4px solid #133154;
    background-image: none;
    background-color: #133154;
    font-size: 14px !important;
}

    DIV.RadMenu_ASI .rmGroup .rmLink {
        font-size: 14px !important;
        font-family: Montserrat;
        /*font-family: "Roboto", sans-serif;*/
        /*font-weight: 700;*/
        COLOR: black;
        BACKGROUND-IMAGE: none;
        background-color: transparent !important;
        border: none;
    }

        DIV.RadMenu_ASI .rmGroup .rmLink .rmText {
            /* submenu text*/
            font-size: 14px !important;
        }

        DIV .RadMenu_ASI .rmGroup .rmLink:hover {
            BACKGROUND-IMAGE: none;
            background-color: transparent !important;
            width: 90%;
            text-decoration: none;
            border: none;
        }

DIV.RadMenu_ASI .rmSeparator .rmText {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

/* Rad Menu - Submenu selected item */
DIV.RadMenu_ASI .rmGroup .rmLink.rmFocused {
    color: #ffffff;
}

/* Grid Style - All Grids except OrderHistory */
DIV.RadGrid_ASI {
    BACKGROUND-COLOR: #ffffff;
    /*border: 1px solid #111111;*/
}

    DIV.RadGrid_ASI .RadHeaderStyle {
        background: #308282;
        color: #ffffff !important;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px !important;
    }

    DIV.RadGrid_ASI .rgGroupHeader {
        color: white !important;
        background-color: #308282 !important;
    }

    DIV.RadGrid_ASI tr.rgGroupHeader td p {
        color: #ffffff !important;
    }

    DIV.RadGrid_ASI .rgGroupItem td.rgHeader input {
        color: #ffffff !important;
    }

    DIV.RadGrid_ASI .rgAltRow, .rgAltRow td {
        background-color: #EFEFED;
    }

/* color of the head menu item as viewing submenu */
DIV.RadMenu_RadGrid_ASI .rmRootGroup .rmExpanded {
    BACKGROUND-IMAGE: none;
    background-color: #133154 !important;
}


/* Grid Style - OrderHistory */
DIV.RadGrid_OrderHistory {
    BACKGROUND-COLOR: #ffffff;
}

    DIV.RadGrid_OrderHistory .RadGridHeader_Hist {
        background: #308282 !important;
        color: #ffffff !important;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px !important;
    }

/* RAD CU Custom Search TabStrip Style */
DIV.CUCustomSearch_TabStrip .rtsLink {
    line-height: 30px;
    COLOR: #308282;
    Border-left: 1px solid #ffffff;
    Border-right: 1px solid #ffffff;
    overflow: hidden;
    /*padding-left: 14.5px;
    padding-right: 10px;*/ /*REMOVING PADDING FOR NEW EM LOOK 09/30/2016*/
    background: #EFEFED; /* Old browsers */
    font-size: 12px;
}

DIV.CUCustomSearch_TabStrip .rtsDisabled {
    background: #e9e9e9;
    color: #666666;
}

    DIV.CUCustomSearch_TabStrip .rtsDisabled:hover {
        background: #e9e9e9;
        color: #696969;
    }

DIV.CUCustomSearch_TabStrip .rtsLink:hover {
    BACKGROUND: #143333;
    color: #ffffff !important;
}

DIV.CUCustomSearch_TabStrip .rtsSelected {
    background: #308282; /* Old browsers */
    color: #ffffff !important;
}

    DIV.CUCustomSearch_TabStrip .rtsSelected:hover {
        background: #143333; /* Old browsers */
        color: #ffffff;
    }

/* RAD Data Submission TabStrip Style */
DIV.DataEntry_TabStrip .rtsLink {
    line-height: 30px;
    COLOR: #FFFFFF;
    Border-top: 1px solid #ffffff;
    Border-bottom: 1px solid #ffffff;
    overflow: hidden;
    background: #AD1E36; /* Old browsers */
}

DIV.DataEntry_TabStrip .rtsDisabled {
    background: #EFEFED;
    color: #666666;
}

    DIV.DataEntry_TabStrip .rtsDisabled:hover {
        background: #EFEFED !important;
        color: #696969;
    }

DIV.DataEntry_TabStrip .rtsLink:hover {
    BACKGROUND: #143333;
}

DIV.DataEntry_TabStrip .rtsSelected {
    background: #E04D66; /* Old browsers */
    color: #111111;
}

    DIV.DataEntry_TabStrip .rtsSelected:hover {
        background: #143333; /* Old browsers */
        color: #111111;
    }

.SmallerFont {
    font-size: xx-small;
}

.rnTitleBar {
    background-color: #308282;
    color: white;
}

.rnContentWrapper, .RadXmlHttpPanel {
    background-color: #EFEFED;
}

.NewsHeader {
    font-weight: bold;
}

.NewsDate {
    font-style: italic;
}

body, html, * {
    font-family: 'Montserrat', sans-serif !important;
}