*, img {
    margin: 0;
    padding: 0;
}

    *::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

*::-webkit-scrollbar {
    width: 15px;
    background-color: #F4EBFF;
}

    *::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
        background-color: #f0f0f0;
    }

*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f0f0f0;
}

@supports (not selector(::-webkit-scrollbar)) {
    html {
        scrollbar-width: thin;
        scrollbar-gutter: stable;
        scrollbar-color: #FFF;
    }
}

body {
    background: #FFF;
    /*font:normal 0.813em Arial, Sans-serif;*/
    /*font: normal 12px "Nunito Sans", sans-serif !important;*/
    font: normal 14px "Nunito Sans", sans-serif !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Nunito Sans", sans-serif !important;
}

.RadWizard_Default {
    font-family: "Nunito Sans", sans-serif !important;
}

#ctl00_fwBodyID.nobg {
    padding: 0 0px !important;
}

input[type="radio"] {
    cursor: pointer;
}

.RadForm.rfdTextbox input[type="text"].rfdDecorated,
.RadForm.rfdTextbox input[type="password"].rfdDecorated,
.RadForm.rfdTextarea textarea,
.RadForm.rfdTextarea textarea[disabled].rfdDecorated:hover,
.RadForm.rfdTextbox input[disabled][type="text"].rfdDecorated:hover,
.RadForm.rfdTextbox input[disabled][type="password"].rfdDecorated:hover,
.RadForm.rfdLabel label, .RadForm .rfdDecorated, .RadForm .rfdCheckboxChecked,
.RadForm .rfdInputDisabled.rfdCheckboxChecked:hover,
.RadForm .rfdCheckboxUnchecked,
.RadForm .rfdInputDisabled.rfdCheckboxUnchecked:hover,
.RadForm.rfdLabel .rfdAspLabel,
.RadForm .rfdRadioUnchecked,
.RadForm .rfdInputDisabled.rfdRadioUnchecked:hover,
.RadForm .rfdRadioUnchecked:hover,
.RadForm .rfdRadioChecked,
.RadForm .rfdInputDisabled.rfdRadioChecked:hover,
.RadForm .rfdRadioChecked:hover,
.RadForm .riTextBox, .RadForm .rfdValidationSummaryControl,
.RadForm .rfdLoginControl, .RadForm.rfdFieldset legend, input, select {
    font-family: "Nunito Sans", sans-serif !important;
}

.RadDropDownTree .rddtFakeInput {
    white-space: nowrap;
    padding-right: 18px;
}

input[type="radio"]:focus {
    outline: 3px solid #ffd800 !important;
}

input[type="checkbox"]:focus {
    outline: 3px solid #ffd800 !important;
}

.radiobutton .rfdRealInput:focus {
    outline: 3px solid #ffd800 !important;
}

.RadForm .rfdRealInput {
    position: static !important;
}

.rfdRadioUnchecked, .rfdRadioChecked, .rfdInputDisabled.rfdRadioChecked:hover, .rfdRadioChecked:hover {
    background-image: none !important;
}

.rfdCheckboxUnchecked, .rfdCheckboxChecked, .rfdInputDisabled.rfdCheckboxUnchecked, .rfdInputDisabled.rfdCheckboxChecked {
    background-image: none !important;
}

.rcCalPopup:focus {
    outline: 3px solid #ffd800 !important;
}

.rcRow th {
    color: #494949 !important;
}

.rcOtherMonth a {
    color: #494949 !important;
}

.rcFastNext, .rcNext, .rcPrev, .rcFastPrev {
    color: #323232 !important;
}

.rsNextDay, .rsPrevDay {
    color: #323232 !important;
}

.rtsLink:focus {
    outline: 3px solid #ffd800 !important;
}


.lableClass {
    font-family: "Nunito Sans", sans-serif !important;
}

a, a:active {
    cursor: pointer !important;
}

ol {
    margin-left: 15px;
}

ul {
    margin-left: 15px;
}

.divEditMessage-label {
    display: flex;
    gap: 16px;
}

    .divEditMessage-label .element {
        width: calc(50% - 12px) !important;
    }
/* H tags */
h1 .title {
    background: none;
    font: bold 2.8em Arial, Sans-serif;
}

strong.title {
    background: #efefef;
    line-height: 25px;
    display: block;
    padding: 0 10px;
}

h3.admin {
    color: Green;
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    padding-bottom: 10;
}

/* Header */
.container_header {
    position: relative;
}

.container_header_top_nav_wrap {
    min-width: 780px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
/*.container_header_top_nav_wrap {height:60px; width:980px; margin-left:auto;	margin-right:auto;}*/
/*.container_header_main_nav_wrap {height:40px; width:980px; margin-left:auto; margin-right:auto;}*/
.container_header_main_nav_wrap {
}

.container_header_top_nav_wrap .navpad {
    padding: 0px 0;
    margin: 0;
}

/* Header - Top Section */
#container_header_top_nav .grid_1 {
    float: left;
    display: flex;
    align-items: center;
}

    #container_header_top_nav .grid_1 .menu-icon {
        width: 32px;
        height: 32px;
        cursor: pointer;
    }
    /*#container_header_top_nav .grid_1 {padding-top:10px} */
    /*#container_header_top_nav .grid_1 .logo {background:url(../../images/logo_primero_circle.png) no-repeat; width:41px; height:41px}*/
    #container_header_top_nav .grid_1 .logo {
        /*background: url(../../images/logo-banner-primeroedge.png) no-repeat;*/
        background: url(../../images/PE_logo_white.svg) no-repeat;
        width: 139px;
        background-size: 130px 61px;
        height: 55px;
        margin-left: 10px;
    }
/* New PrimeroEdge Logo */
/*#container_header_top_nav .grid_1 .logo {background:url(../../images/logo_primero.png) no-repeat; width:158px; height:41px}*/
#container_header_top_nav .grid_Version {
    float: left;
    height: 47px;
    text-align: center;
    color: #DDE7F0;
}

#container_header_top_nav .grid_ChildVersion {
    line-height: 47px;
}

#ctl00_UserContentArea_gridTransactions.RadGrid.RadGrid_Telerik {
    width: 100% !important; /*this changes will be moved to page level temp fix*/
}

#container_header_top_nav .grid_2r {
    /*padding-top: 10px;*/
    color: #FFFFFF;
}

    #container_header_top_nav .grid_2r a, #container_header_top_nav .grid_2r a:link {
        padding: 0 8px;
        color: #DDE7F0;
        text-decoration: none;
    }

        #container_header_top_nav .grid_2r a:hover {
            color: #FFF;
        }

        #container_header_top_nav .grid_2r a.realm {
            max-width: 390px !important;
            overflow: hidden;
            height: 12px;
            padding-bottom: 5px;
        }

        #container_header_top_nav .grid_2r a.LoginLogOffElement {
        }

#theme_manager {
    float: right;
    padding-top: 18px;
}

/* Header - Main Navigation Tabs // See nav_tabs.css */
#container_header_main_nav {
    /*background:url(../../Images/page/main_nav_strip_bg.png) no-repeat bottom center;*/
    height: 40px;
}

/* Main */
/*.container_wrap {
margin-left:auto;
margin-right:auto;
background:#FFF;
padding:10px 0 5px 0;
width:980px;
min-width:980px !important;
max-width:980px !important;
}
*/
.container_wrap {
    margin-left: auto;
    margin-right: auto;
    background: #FFF;
    min-width: 780px;
    max-width: 1920px;
}

a.publiclink, a.publiclink:visited {
    color: #635555;
    text-decoration: underline;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    display: block;
    margin: 20px auto 0 auto;
    outline: 0;
}

    a.publiclink:hover {
        color: #000;
    }

/*.container_wrap_bottom {
background:url(../../Images/page/container_wrap_bottom.png) no-repeat top center;
margin-left:auto;
margin-right:auto;
min-width:980px !important;
max-width:980px !important;
min-height:5px;
margin-bottom:10px;
}*/
.container_wrap_bottom {
    /*background:url(../../Images/page/container_wrap_bottom.png) no-repeat top center;*/
    margin-left: auto;
    margin-right: auto;
    background: #FFF;
    min-width: 780px;
    max-width: 1920px;
    height: 5px;
    margin-bottom: 10px;
}

    .container_wrap_bottom a.publiclink {
        text-align: center;
    }

.container_main {
    /*margin-left:auto;
margin-right:auto;
width:960px;
min-width:960px !important;
max-width:960px !important;*/
    padding: 10px 0;
    margin-bottom: 80px;
}

    /* Main - Sub Navigation */
    .container_main .grid_1 {
        width: 160px;
        float: left;
        margin-left: 10px;
    }

        .container_main .grid_1 .box {
            padding-bottom: 5px;
        }

        .container_main .grid_1 h1 {
            font: normal 1em/3.4em "Nunito Sans", sans-serif !important;
            color: #FFF;
            margin: 0;
            padding: 0;
            cursor: pointer;
        }

            .container_main .grid_1 h1 span.label {
                display: block;
                float: left;
                padding: 0 10px;
            }

            .container_main .grid_1 h1 a.expand {
                display: block;
                /*color:#E9EFF5;*/
                color: #fff;
                height: 40px;
                width: 160px;
                text-decoration: none;
                margin: 0;
                padding: 0;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }

                .container_main .grid_1 h1 a.expand span.arrow,
                .container_main .grid_1 h1 a.expand:hover span.arrow {
                    display: block;
                    float: right;
                    width: 0;
                    height: 0;
                    margin: 22px 10px 0 0;
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    border-top: 5px solid #7F56D9 !important;
                }

                .container_main .grid_1 h1 a.expand:hover span.arrow {
                    border-top: 5px solid #B6C4D3;
                }

                .container_main .grid_1 h1 a.expand:hover {
                    color: #fff;
                }

            .container_main .grid_1 h1 a.collapse {
                display: block;
                /*color:#E9EFF5;*/
                color: #fff;
                height: 40px;
                width: 160px;
                text-decoration: none;
                margin: 0;
                padding: 0;
                -webkit-border-radius: 4px 4px 0 0;
                -moz-border-radius: 4px 4px 0 0;
                border-radius: 4px 4px 0 0;
            }

                .container_main .grid_1 h1 a.collapse span.arrow,
                .container_main .grid_1 h1 a.collapse:hover span.arrow {
                    display: block;
                    float: right;
                    width: 0;
                    height: 0;
                    margin: 21px 10px 0 0;
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    border-bottom: 5px solid #7F56D9 !important;
                }

                .container_main .grid_1 h1 a.collapse:hover span.arrow {
                    border-bottom: 5px solid #B6C4D3;
                }

                .container_main .grid_1 h1 a.collapse:hover {
                    color: #fff;
                }

            .container_main .grid_1 h1 a.white {
                color: #FFF;
            }

        .container_main .grid_1 .subnav_section {
            border-left: 1px solid #BAC1C9;
            border-right: 1px solid #BAC1C9;
            border-bottom: 1px solid #BAC1C9;
            -webkit-border-radius: 0 0 5px 5px;
            -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
            /*
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
*/
        }

            .container_main .grid_1 .subnav_section ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }

            .container_main .grid_1 .subnav_section li {
                border-top: 1px solid #FFF;
            }

            .container_main .grid_1 .subnav_section a {
                display: block;
                color: #3E4955;
                text-decoration: none;
                line-height: 1.8em;
                border-bottom: 1px solid #D9DDDF;
                padding: 5px 10px;
            }

                .container_main .grid_1 .subnav_section a:hover {
                    color: #000;
                }

            .container_main .grid_1 .subnav_section li:last-child a {
                border-bottom: none !important;
                -webkit-border-radius: 0 0 5px 5px;
                -moz-border-radius: 0 0 5px 5px;
                border-radius: 0 0 5px 5px;
                /*
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
*/
            }

    /* Main - Page Content */
    .container_main .grid_2, .container_main .grid_2_messages {
        padding-left: 258px;
        padding-right: 10px;
    }
    /*.container_main .grid_2, .container_main .grid_2_messages {width:790px; max-width:790px !important}*/
    .container_main .grid_2_full {
        padding: 0 10px;
    }
/*max-width:960px !important*/

.section_title {
    /*height:40px;
padding-left:5px;
background:url(../../Images/page/bg_section_title_trans_left.png) no-repeat bottom left;*/
    /*padding: 0 16px;*/
    padding: 0;
}

.container_main .grid_2_full .section_title {
    padding: 0 16px;
}

.welcomediv-dashboard {
    /*display: flex;*/
    align-items: center;
    width: calc(100% - 24px);
}

.section_title .welcometext {
    width: auto !important;
    text-align: end;
    color: #7367de !important;
    /*text-overflow: ellipsis;
    overflow: hidden;*/
    white-space: nowrap;
}

.section_title .welcometext {
    width: auto !important;
    text-align: end;
    color: #7367de !important;
    /*text-overflow: ellipsis;
    overflow: hidden;*/
    white-space: nowrap;
}

.header-banner-nav-icon-section .welcometext {
    font-size: 16px;
    cursor: text;
    font-weight: 400;
}

    .header-banner-nav-icon-section .welcometext > a {
        color: #ffffff !important;
    }

    .header-banner-nav-icon-section .welcometext span[id$="lblDistName"] {
        position: relative;
        top: 2px;
    }

.section_title h1 {
    /*background:url(../../Images/page/bg_section_title_trans_right.png) no-repeat bottom right;*/
    font: bold 1em/40px "Nunito Sans", sans-serif;
    margin: 0;
    padding: 0 10px;
    color: #FFF;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
}

.subsection_title {
}

    .subsection_title h1 {
        font: bold 1em/40px "Nunito Sans", sans-serif !important;
        margin: 0;
        padding: 0 10px;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        -khtml-border-radius: 4px 4px 0 0;
    }

.grid_title {
    background-color: #f9f5ff;
    padding-left: 5px;
}

    .grid_title .grid_title-sub {
        display: flex;
        gap: 16px;
        align-items: center;
    }

.grid_title-sub.space-btw {
    justify-content: space-between;
}

.grid_title .grid_title-h1regions {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

    .grid_title .grid_title-h1regions span {
        width: calc(100% - 140px);
    }

    .grid_title .grid_title-h1regions input.defaultbutton {
        margin: 0 !important;
    }

.grid_title-messages {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
    width: 100%;
    justify-content: space-between;
}

    .grid_title-messages span {
        color: #7367de;
        font-weight: 700;
        font-size: 15px;
    }

.grid_title h1 {
    font: bold 1em/40px "Nunito Sans", sans-serif !important;
    margin: 0;
    padding: 8px !important;
    color: #FFF;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    height: 42px;
}

#ctl00_UserContentArea_ViewStudents_rcbISAcademicYear {
    width: 70% !important;
}

#ctl00_UserContentArea_mealTypeDropDownList {
    width: 80px;
    padding: 0 0 0 2px;
    margin: 0;
    height: 22px;
}

#ctl00_UserContentArea_ViewStudents_academicYearRadComBox {
    width: 70% !important;
}


.grid_title h1.popup {
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
}

.grid_title h1.bidNameLabel {
    font: bold 1em/40px "Nunito Sans", sans-serif !important;
    margin: 0;
    padding: 0 10px;
    color: #FFF;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
}

.grid_title h1 div.right {
    line-height: 36px;
}

.grid_title2 {
    height: 40px;
    line-height: 40px;
}

    .grid_title2 h1 {
        background: #6E7883;
        border-right: 1px solid #818B96;
        border-top: 1px solid #818B96;
        border-left: 1px solid #818B96;
        font: bold 1em/3.1em Arial, Sans-serif;
        margin: 0;
        color: #FFF;
        padding: 0 5px 0 10px;
        height: 40px;
        line-height: 40px;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        -khtml-border-radius: 4px 4px 0 0;
    }

        .subsection_title h1 .defaultbutton, .grid_title h1 .defaultbutton, .grid_title2 h1 .defaultbutton {
            float: right;
            margin-top: 4px;
            padding: 8px !important; /*Eligibility GuideLines.aspxRemoved important causing issue*/
        }

        .subsection_title h1 span, .grid_title h1 span, .grid_title2 h1 span {
            float: left;
        }

            .grid_title h1 span.right {
                float: right;
            }

.container_main .grid_2 .section_bottom { /*background:url(../../Images/page/container_content_grid_2_section_bottom.png) no-repeat top center; height:5px*/
}

    .container_main .grid_2 .section_bottom .box {
        background: #FFF;
        border-left: 1px solid #BAC1C9;
        border-right: 1px solid #BAC1C9;
        border-bottom: 1px solid #BAC1C9;
    }

.container_main .grid_2_full .section {
    border-bottom: 1px solid #BAC1C9;
    padding: 0 16px;
}

.container_main .grid_2_full .content {
    padding: 10px;
    margin: 0;
}

.section {
    background: #FFF;
    border-left: 1px solid #BAC1C9;
    border-right: 1px solid #BAC1C9;
    border-bottom: 1px solid #BAC1C9;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    overflow-x: auto !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

.d-flex-jcb-12 {
    display: flex !important;
    justify-content: space-between;
    gap: 12px;
}

.d-inlineflex-12 {
    display: inline-flex;
    gap: 12px;
}

.pad {
    padding: 10px;
}

.element2 {
    margin-top: 5px;
}

.addbar {
    /*border-bottom: 1px solid #BAC1C9;*/
    padding: 10px;
}
/*.addbar {border-bottom:1px solid #BAC1C9; background-color:#F5F9FC; padding:10px; max-width:768px!important;}*/
#popup_main .addbar {
    /*border-bottom: 1px solid #BAC1C9;*/
    border-bottom: 0 solid #BAC1C9;
    background-color: #F3F4F5;
    padding: 10px; /*max-width:980px!important;*/
}

.regbar {
    border-bottom: 1px solid #BAC1C9;
    padding: 10px;
}

.popupdarkheader {
    border-bottom: 1px solid #59626A;
    padding: 10px;
}

.headerbox {
    padding: 10px;
    border-top: 1px solid #BAC1C9;
    border-left: 1px solid #BAC1C9;
    border-right: 1px solid #BAC1C9;
}

.colorbox {
    padding: 10px;
    margin-top: 10px;
    background: url(../../Images/page/bg_white_trans_95.png);
    border: 1px solid #BAC1C9;
}

.colorbox2 {
    padding: 10px;
    background: url(../../Images/page/bg_white_trans_95.png);
    border: 1px solid #BAC1C9;
}

.innerbox {
    padding: 10px;
    border: 1px solid #EEE;
}

.whitebox {
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
}
/*.commandbox {padding:10px; background:url(../../Images/page/bg_white_trans_95.png); border-left:1px solid #BAC1C9; border-right:1px solid #BAC1C9; border-bottom:1px solid #BAC1C9}*/
.commandbox {
    padding: 10px;
    background: #f3f4f536;
    border-left: 1px solid #BAC1C9;
    border-right: 1px solid #BAC1C9;
    border-bottom: 1px solid #BAC1C9;
}

.commandboxclear {
    padding: 10px;
    border-left: 1px solid #BAC1C9;
    border-right: 1px solid #BAC1C9;
    border-bottom: 1px solid #BAC1C9;
}

.commandbox2 {
    padding: 10px;
    background: url(../../Images/page/bg_white_trans_95.png);
    border-left: 1px solid #BAC1C9;
    border-right: 1px solid #BAC1C9;
    border-bottom: 1px solid #BAC1C9;
    text-align: right;
}

.commandboxbottom {
    padding: 10px;
    background: url(../../Images/page/bg_white_trans_95.png);
    border-top: 1px solid #BAC1C9;
}

.commandboxtop {
    padding: 10px;
    background: url(../../Images/page/bg_white_trans_95.png);
    border-bottom: 1px solid #BAC1C9;
    text-align: right;
    horiz-align: right;
    background-color: #455B74 !important;
}

.commandbox .headerbuttons {
    padding: 0;
}

.headerbuttons {
    padding: 0 0 5px 0;
    text-align: right;
}

.footerbuttons, .footerbuttons3 {
    /*border-top: 1px solid #BAC1C9;*/
    padding: 10px;
    margin-top: 5px;
    text-align: right;
}
/*.footerbuttons3 span[id="toggleExportList"] {
    margin-top: 5px;
    margin-left: 10px;
}*/
.rmpView .footerbuttons3 {
    border-top: 0 solid #BAC1C9;
}

.footerbuttons4 {
    padding: 10px 0 0 0;
    text-align: right;
}

.contentfooterbutton {
    padding: 10px;
    text-align: right;
}

.filter {
    border-bottom: 1px solid #BAC1C9;
    margin: 0 !important;
    padding: 0 !important;
}
/*.filter {background:#F1F2F3; border-bottom:1px solid #BAC1C9; margin:0 !important; padding:0 !important; max-width:788px!important;}*/
/*.box .filter {background:#F1F2F3; border:1px solid #BAC1C9;}*/
.filterProdnPlan {
    background: #FFFFFF;
    border-top: 1px solid #BAC1C9;
    margin: 0 !important;
    padding: 0 !important;
}
/*.filterProdnPlan {background:#FFFFFF; border-top:1px solid #BAC1C9; margin:0 !important; padding:0 !important; max-width:788px!important;}*/
.CSPanelBody .filter {
    border: none;
}

.CSPanelBody .commandbox:nth-child(1n+1) {
    padding: 10px;
    background: #F5F9FC;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #BAC1C9;
}

.CSPanelBody .commandbox:nth-child(1) {
    padding: 10px;
    background: #F5F9FC;
    border-left: none;
    border-right: none;
    border-top: 1px solid #BAC1C9;
    border-bottom: 1px solid #BAC1C9;
}
/*#popup_main .filter {background:#F1F2F3; border-bottom:1px solid #BAC1C9; margin:0 !important; padding:0 !important; /*max-width:1000px!important;*/ }

*/ #popup_main .title {
    border-bottom: 1px solid #BAC1C9;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold;
}

.filter .toggle {
    float: right;
}

    .filter .toggle a.expand {
        background-image: url(../../Images/page/filter_expand.png);
        display: block;
        width: 23px;
        height: 23px;
    }

        .filter .toggle a.expand:hover {
            background-position: 0 -23px;
        }

    .filter .toggle a.collapse {
        background-image: url(../../Images/page/filter_collapse.png);
        display: block;
        width: 23px;
        height: 23px;
    }

        .filter .toggle a.collapse:hover {
            background-position: 0 -23px;
        }

.grid_2 .parameters_summary {
    float: none;
}
/* {float:none; width:800px;} */ /*.grid_2 .parameters_summary {float:left}*/
.grid_2_full .parameters_summary {
    float: left;
}

.parameters_summary table td {
    padding-bottom: 6px;
}

.block .element .defaultbutton {
    margin-top: 16px;
    display: inline-block;
}

.parameters_summary .defaultbutton {
    margin-top: 23px;
    display: inline-block;
    padding: 8px !important;
}

.element.margin0 .defaultbutton {
    margin: 0 !important;
}

#divUserLookup .defaultbutton {
    margin-top: 0 !important;
    display: inline !important;
}

.grid_2 .parameters {
    float: none; /*float:left*/
}

.ingredientsListing-datasource,
.manageItems-category,
.manageItems-categorysub {
    display: flex;
    align-items: center;
}

.recipeListing-tags {
    display: flex;
    align-items: center;
}

.parameters .reconciliation_applyBtn {
    margin: 4px 0 16px 0;
}

.grid_2_full .parameters {
    float: none; /*float:left*/
}

.parameters .element, .parameters .block .element {
    padding-bottom: 10px;
    border-block: 10px !important;
}

.element {
    float: left !important;
    margin-right: 10px !important;
    padding-bottom: 10px !important;
}

.block.clearfix.element-filed {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.block.clearfix.manage-addallergens {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.manageLines .block.clearfix.element-filed span[id*="txtDisplayOrder"] {
    width: 100% !important;
}

.allergen-des {
    display: flex;
    align-items: flex-end;
    gap: 16px;
}

.menucalen-d-flex-un {
    display: flex !important;
}

.block.clearfix.element-filed.d-inlineflex-12 {
    display: inline-flex;
    align-items: flex-start;
    gap: 12px;
}

.block.clearfix.element-filed .element {
    float: none;
    margin-right: 0;
}

.block.clearfix.element-bottom {
    display: flex;
    align-items: center;
    gap: 8px;
}

.block.clearfix.element-filed .element,
.elementtext {
    width: 265px;
}

table[id$="RBLReportType"] tbody,
table[id$="rblReportOptions"] tbody {
    display: flex;
    gap: 12px;
}

.RadForm_Default.rfdTextbox
.menuCycleInfo .block.clearfix.element-filed .element
input[type="text"].rfdDecorated,
.menuCycleInfo [id*="rntNumberOfWeeks"],
.menuCycleInfo [id*="rntNumberOfWeeks"],
.menuCycleInfo [id*="rntDaysPerWeek"] {
    width: 100% !important;
}

.pnlCorrectiveActionSearch-cls {
    display: flex;
    align-items: center;
}

div[id$="ddlFormType"] .itemInProgress,
div[id$="ddlFormType"] .radPreventDecorate,
div[id$="ddlForm"] .itemNotStarted,
div[id$="ddlForm"] .radPreventDecorate {
    padding: 0 20px 0 0;
}

.element_acadamic {
    margin-top: -16px;
    line-height: 24px;
}

.parameters { /*border-bottom:1px solid #DDD; margin-bottom:10px*/
}

.contentbox {
    padding: 10px;
    background: #FFF;
    border-bottom: 1px solid #BAC1C9;
}

.grid_2 .section .content {
    padding: 10px 0 0 0;
    margin: 0;
}
/*.grid_2 .section .content {padding:10px 10px 5px 10px; margin:0; width:770px !important}*/
.content .box, .content2 .box, .filter .box, .addbar .box, .filterProdnPlan .box {
    padding: 10px;
    background: #FFF;
    border-left: 1px solid #BAC1C9;
    border-right: 1px solid #BAC1C9;
    border-bottom: 1px solid #BAC1C9;
}

.assignMenusNew-find {
    padding: 16px;
    border: 1px solid #ddd;
    margin-top: 10px;
    border-radius: 8px;
}

.assignMenusNew-findserch {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    align-items: center;
}

    .assignMenusNew-findserch label {
        margin: 0 !important;
        padding: 0 !important;
    }

    .assignMenusNew-findserch table[id$="rbtnlistMenuMenuCycle"] td:first-child {
        padding-right: 12px;
    }

.assignMenusNew-find span[id*="lblDataSource"] {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.content .box .content {
    width: 100% !important;
    padding: 10px 0 !important;
}

.content .box .addbar {
    border-left: 1px solid #BAC1C9;
    border-right: 1px solid #BAC1C9;
}

.content .boxnp {
    background: #FFF;
    border-left: 1px solid #BAC1C9;
    border-right: 1px solid #BAC1C9;
    border-bottom: 1px solid #BAC1C9;
}

.form-box {
    padding: 0;
    background: #EFF4FA;
    border-left: 1px solid #BAC1C9;
    border-right: 1px solid #BAC1C9;
    border-bottom: 1px solid #BAC1C9;
}

    .content .box:last-child, .content2 .box:last-child, .filter .box:last-child, .addbar .box:last-child, .filterProdnPlan .box:last-child, .content .boxnp:last-child, .form-box:last-child {
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        -khtml-border-radius: 0 0 4px 4px;
    }

    .form-box .form-element {
        border: 1px solid #BAC1C9;
        padding: 8px;
        margin: 0 0 5px 0;
        background: #fff;
    }

.section .content_grid {
    padding: 0;
    margin: 0; /*width:770px !important*/
}

.section .buttons_left {
    padding: 5px 10px;
}

.section .buttons_right {
    float: right;
    padding: 5px 10px;
}

.grid_2_messages .message_success {
    border: 1px solid #53B847;
    background: #E6F9E6;
    color: #215a1a;
    padding: 10px;
    margin-top: 16px;
    margin-bottom: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

.grid_2_messages .message_error {
    border: 1px solid #C43C3C;
    background: #FBECEC;
    color: #C43C3C;
    padding: 10px;
    margin-top: 16px;
    margin-bottom: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

.grid_2_messages .message_info {
    border: 1px solid #059AE2;
    background: #EAF9FF;
    color: #205872;
    padding: 10px;
    margin-top: 16px;
    margin-bottom: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

.grid_2_messages .message_warning {
    border: 1px solid #C7AA38;
    background: #F9F7D9;
    color: #796B39;
    padding: 10px;
    margin-top: 16px;
    margin-bottom: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

.grid_2_messages .validationsummarybox {
    border: 1px solid #C43C3C;
    background: #FBECEC;
    color: #C43C3C;
    padding: 10px;
    margin-bottom: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

.message_box {
    border: 1px solid #6E986C;
    background: #EEF9EE;
    color: #000;
    padding: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

.grid_2_messages .validationsummarybox2, .grid_2_messages .validationsummarybox3 {
}

.validationsummarybox2 li {
    display: block;
    color: Red;
    list-style: none;
    list-style-position: inside;
    color: #990000;
    background: #FBECEC;
    border-left: 1px solid #C43C3C;
    border-right: 1px solid #C43C3C;
    padding: 10px;
}

.validationsummarybox3 li {
    display: block;
    color: Red;
    list-style: none;
    list-style-position: inside;
    color: #990000;
    background: #FBECEC;
    border-bottom: 1px solid #C43C3C;
    padding: 10px;
    margin-bottom: 5px;
}

.generic_message_warning {
    border: 1px solid #C7AA38;
    background: #F9F7D9;
    color: #796B39;
    padding: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

    .generic_message_warning ul {
        margin-top: 10px;
    }

    .generic_message_warning li {
        list-style: none;
        line-height: 1.7em;
    }

.warningarea {
    border-bottom: 1px solid #CCC;
    background: #F9F7D9;
    padding: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

    .warningarea p.orange {
        color: #B58411;
        font-weight: bold;
    }

.section .message_success,
.passwordStrengthMessage_success {
    border: 1px solid #53B847;
    background: #E6F9E6;
    color: #269700;
    padding: 10px;
}

.section .message_error,
.passwordStrengthMessage_error {
    border: 1px solid #C43C3C;
    background: #FBECEC;
    color: #C43C3C;
    padding: 10px;
}

.passwordStrengthMessage_error,
.passwordStrengthMessage_success {
    padding: 5px 0px 5px 10px !important;
}

.section .message_info {
    border: 1px solid #059AE2;
    background: #EAF9FF;
    color: #059AE2;
    padding: 10px;
}

.section .message_warning {
    border: 1px solid #C7AA38;
    background: #F9F7D9;
    color: #796B39;
    padding: 10px;
}

.section .validationsummarybox {
    border: 1px solid #C43C3C;
    background: #FBECEC;
    color: #C43C3C;
    padding: 10px;
    margin-bottom: 5px;
}

.section .message_success, .section .message_error, .section .message_info, .section .message_warning, .section .validationsummarybox, .passwordStrengthMessage_error, .passwordStrengthMessage_success, .message_box {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

.message-entry {
    padding: 0 0 20px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #CCC;
}

    .message-entry p.timestamp {
        color: #555;
    }

    .message-entry p.author {
        color: #555;
        font-weight: bold;
    }

    .message-entry div.message-text {
        padding-top: 10px;
        word-wrap: break-word;
    }

    .message-entry:nth-child(odd) {
    }

    .message-entry:last-of-type {
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
        border-bottom: none;
    }

/* Footer */
#container_footer {
    /*margin-left:auto;
margin-right:auto;
width:960px;*/
}

/* Grids */
/*.grid_1 {
display:inline;
float:left;
position:relative;
margin-left:0px;
margin-right:0px;
font-size:12px;
}
.grid_2 {
display:inline;
float:left;
position:relative;
margin-left:10px;
margin-right:0px;
}
.grid_2_messages {
display:inline;
float:left;
position:relative;
margin-left:10px;
margin-right:0px;
}
.grid_2_popup, .grid_2_messages_popup {
display:inline;
position:relative;
margin:0;
}
.grid_2r {
display:inline;
float:right;
position:relative;
margin-left:0px;
margin-right:0px;
}
*/

.grid_1 {
    /*font-size: 14px;*/
}

.grid_2 {
    display: block;
    margin: 0;
    padding: 0;
}

.grid_2_messages {
}

.grid_2_popup, .grid_2_messages_popup {
    display: inline;
    position: relative;
    margin: 0;
}

.grid_2r {
    display: block;
    float: right;
    position: relative;
    margin: 0px;
    padding: 0;
}

/* clear floated elements */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after, .content:after, .grid_title h1:after {
    clear: both;
    /*content: ' ';*/
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix, .grid_title h1 {
    display: block;
    width: 100%;
    overflow: hidden;
}

.applybtn {
    margin: 16px auto 0 auto;
    display: block;
    text-align: center;
}

* html .clearfix {
    height: 1%;
}

/* -- comment out for fluid layout
.clearfix {
display:block;
}*/

.grid_2_full .clearfix {
    overflow: visible;
}

.nodisplay {
    display: none !important;
}

.yesdisplay {
    display: block !important;
}

.webparthidden {
    display: none;
}

.white {
    color: #FFFFFF !important;
}

.nofloat {
    float: none;
}

.nobg {
    background-image: none;
}

.pad2 {
    padding: 2px;
}

.pad5 {
    padding: 5px;
}

.pad15 {
    padding: 15px;
}

.pad20 {
    padding: 20px;
}

.pad25 {
    padding: 25px;
}

.pad10 {
    padding: 10px;
}

.padtop10 {
    padding-top: 10px;
}

.padtop16 {
    padding-top: 16px;
}

.padtop25 {
    padding-top: 25px;
}

.padtop2 {
    padding-top: 2px;
}

.padtop5 {
    padding-top: 5px;
}

.padbottom8 {
    padding-bottom: 8px;
}

.padbottom10 {
    padding-bottom: 10px !important;
}

.padbottom12 {
    padding-bottom: 12px;
}

.padbottom5 {
    padding-bottom: 5px;
}

.padbottom15 {
    padding-bottom: 15px;
}

.margtop5 {
    margin-top: 5px;
}

.padbottom20 {
    padding-bottom: 20px;
}

.padbottom25 {
    padding-bottom: 25px;
}

.padbottom50 {
    padding-bottom: 50px;
}

.padbottom30 {
    padding-bottom: 30px !important;
}

.padleft30 {
    padding: 0 30px 10px 0;
}

.padLeft35 {
    padding-left: 35px;
}


.marg10 {
    margin: 10px;
}

.margright5 {
    margin-right: 5px;
}

.margbottom10 {
    margin-bottom: 10px !important;
}

.margbottom8 {
    margin-bottom: 8px;
}

.margright10 {
    margin-right: 10px;
}

.margtop10 {
    margin-top: 10px;
}

.margtop15 {
    margin-top: 15px;
}

.margtop16 {
    margin-top: 16px !important;
}

.margtop24 {
    margin-top: 24px !important;
}

.margtop20 {
    margin-top: 20px;
}

.gridlb {
    border-left: 1px solid #000;
}

.gridrb {
    border-right: 1px solid #000;
}

.uppercase {
    text-transform: uppercase !important;
}

.textAlignRight {
    text-align: right !important;
}

.margbottom2 {
    margin-bottom: 2px;
}

.marginLeft5 {
    margin-left: 5px;
}

.paddingLeft5 {
    padding-left: 5px;
}

.padding0 {
    padding: 0 !important;
}

.padleft0 {
    padding-left: 0 !important;
}

.padtop20 {
    padding-top: 20px !important;
}

.padtop15 {
    padding-top: 15px !important;
}

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

.margin0 {
    margin: 0 !important;
}

.add-btnmargin0 .defaultbutton {
    margin: 0 !important;
}

.marginright10 {
    margin-right: 10px !important;
}

.marginleft15 {
    margin-left: 15px !important;
}

.marginleft20 {
    margin-left: 20px !important;
}

.marginleft30 {
    margin-left: 30px !important;
}

.padLeft10 {
    padding-left: 10px;
}

.padLeft5 {
    padding-left: 5px;
}

.grid_title h1.padLeft8 {
    padding-left: 8px !important;
}

.padLeft0 {
    padding-left: 0 !important;
}

.padLeft3 {
    padding-left: 3px;
}

.padLeft25 {
    padding-left: 25px;
}

.padBottom10 {
    padding-bottom: 10px;
}

.padBottom20 {
    padding-bottom: 20px !important;
}

.padBottom16 {
    padding-bottom: 16px !important;
}

.padBottom15 {
    padding-bottom: 15px;
}

.padRight5 {
    padding-right: 5px;
}

.padRight10 {
    padding-right: 10px;
}

.padRight50 {
    padding-right: 50px;
}

.verticalAlignMiddle {
    vertical-align: middle;
}

.verticalAlignTop {
    vertical-align: top;
}

.backgroundColorWhite {
    background-color: white;
}

a.whitelink, a.whitelink, a.whitelink:active, a.whitelink:hover, a.whitelink:link, a.whitelink:visited {
    color: #3478a0 !important;
    font-weight: bold;
}

ul.feature {
    list-style: none;
    margin-top: 10px;
}

    ul.feature li {
        background: url(../../images/page/li_check.png) no-repeat;
        margin: 10px 0 0 5px;
        font-size: 1.3em;
        line-height: 1.5em;
        height: 25px;
        text-indent: 30px;
        list-style: none;
    }

.cbtristate {
    background: url(../../images/page/tricb_bg.png) no-repeat top center;
}

.cspanelmain {
    float: left;
}

.cspaneltoggle {
    float: right;
}

.imageviewer {
    max-width: 500px !important;
    max-height: 610px !important;
}

.imageAddDoc {
    width: 500px !important;
    max-height: 610px !important;
}

.updateProgress {
    display: none;
    position: fixed !important;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

    .updateProgress div {
        display: block;
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 1002;
    }

.RadWindow .updateProgress div,
.RadWindow_Default .updateProgress div,
.rwNormalWindow .updateProgress div,
.rwTransparentWindow .updateProgress div {
    top: -50%;
    left: -50%;
}

.vmiddle {
    vertical-align: middle !important;
}

table.tpad {
    width: 100%;
}

    table.tpad td {
        padding: 5px !important;
    }

        table.tpad td td {
            padding: 0 5px 0 0 !important;
        }

        table.tpad td table td {
            padding: 0 !important;
        }

.tgrid table {
    padding: 0;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    width: 100%;
}

    .tgrid table.main {
        padding: 0;
        margin: 0;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        border-collapse: collapse;
        width: 100%;
    }

        .tgrid table.main td {
            padding: 5px;
            font-size: .9em;
            border-left: 1px solid #CCC;
        }

    .tgrid table thead {
        background-color: #567;
        color: #fff;
        font-weight: bold;
        font-size: 1em;
    }

        .tgrid table thead td {
            padding: 5px;
        }

.tgrid tr.alt {
    background-color: #F0F5FA;
}

.dgrid .header {
    background-color: #567;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
}

.dgrid .row {
    background-color: #FFF;
    font-size: .9em;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#ctl00_UserContentArea_ucLetterTemplate_divIdCardsNote {
    float: none; /* Overrides the float only for this specific ID */
}

.dgrid .alt {
    background-color: #F0F5FA;
    font-size: .9em;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.dgrid .selected {
    background-color: #DEF;
}

.dgrid td {
    padding: 5px;
}

.validatePad {
    margin-left: 110px;
}

.stickyfooter-initialpad {
    padding-bottom: 140px !important;
}

.stickyfooter-nopad {
    padding-bottom: 40px !important;
}

#divAllNutrients {
    background: transparent url('../../Images/footer-trans-bg.png');
    display: none;
    position: fixed;
    z-index: 1000;
    width: 450px;
    height: 645px;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #456;
    border-right: 1px solid #456;
    border-left: 1px solid #456;
    border-bottom: none;
    overflow: visible;
}

.MenuNutrientsStdsOnlyTable {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border: 5px solid #fff;
    background-color: white;
}

    .MenuNutrientsStdsOnlyTable tr:nth-child(1) {
        background: #cde;
        font-weight: bold;
    }

    .MenuNutrientsStdsOnlyTable tr td:nth-child(1) {
        font-weight: bold;
    }

    .MenuNutrientsStdsOnlyTable tr {
        border-top: 1px solid #f0f2f4;
    }

    .MenuNutrientsStdsOnlyTable td {
        padding: 4px;
    }

.MenuNutrientsAllTable {
    width: 100%;
    z-index: 700;
    border-collapse: collapse;
    border: 5px solid #fff;
}

    .MenuNutrientsAllTable tr {
        border-top: 2px solid #f0f2f4;
        border-right: 2px solid #f0f2f4;
    }

    .MenuNutrientsAllTable td {
        border-right: 2px solid #f0f2f4;
        opacity: 1;
        filter: (alpha:100);
        z-index: 700;
    }

    .MenuNutrientsAllTable td {
        padding: 5px;
    }

.MenuNutrientsAllTableHdrRow {
    background: #cde;
    font-weight: bold;
}

    .MenuNutrientsAllTableHdrRow td {
        border-top: none;
        border-right: none;
    }

#divNutrientsFooter {
    font-size: .9em;
    background: transparent url('../../Images/footer-trans-bg.png');
    position: fixed;
    bottom: 0;
    width: 970px;
    padding: 10px;
    margin: 0 0 0 -180px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #456;
    z-index: 600;
}

.floatingDiv {
    z-index: 1500;
    background: #789;
    position: fixed;
    border-radius: 5px 5px 0 0;
    border: 1px solid #456;
    bottom: 5px;
    right: 5px;
    width: 640px;
    height: 425px;
}

.assignmenu {
    width: 100% !important;
    text-align: left !important;
}

    .assignmenu span {
        width: 100% !important;
        text-align: left !important;
    }

.assignmenucategory {
    font-weight: bold;
}

.assignmenuitem span {
}

.assignMenuDiv {
}

.pcals {
    padding-top: 20px;
}

    .pcals > div {
        float: left;
        margin-right: 40px;
    }

        .pcals > div:last-child {
            margin: 0;
        }

.PlanIncomplete {
    display: inline-block;
    background-color: #b40c0c;
}

.PlanComplete {
    display: block;
    /*background-color:#F8E400;*/
    background-color: #8f7004;
}

.RecordComplete {
    display: block;
    background-color: Green;
}

.WithdrawalComplete {
    display: block;
    background-color: #737373;
}

.MPHoliday,
.MPHolidayCalendar {
    background-color: #dbfbff !important;
}

.MPHoliday {
    display: inline-block;
}

.COLeftOvers {
    background-color: Red;
}

.COPlanned {
    background-color: Green;
}

.COCanServe {
    background-color: #F8E400; /* yellow */
}

.AFAvailableMenu {
    background-color: #62B9F9;
}

.AFSameMenu {
    background-color: Green;
}

.AFCopiedMenu {
    background-color: #FBB117; /* gold */
}

    .PlanIncomplete > a, .PlanComplete > a, .RecordComplete > a, .WithdrawalComplete > a, .COLeftOvers > a, .COPlanned > a, .COCanServe > a, .AFAvailableMenu > a, .AFSameMenu > a, .AFCopiedMenu > a {
        color: #fff !important;
    }

.largecal .rcWeek th {
    line-height: 30px;
}

.largecal .rcHover, .largecal .rcSelected {
    background: none !important;
}

.largecal tr.rcRow > td {
    height: 100px;
    width: 14% !important;
    max-width: 14% !important;
    border: 1px solid Gainsboro;
    vertical-align: top;
    position: relative;
    cursor: pointer !important;
}

    .largecal tr.rcRow > td > a {
        text-align: left !important;
    }

.largecal div.menucalendar {
    padding: 5px;
}

.largecal .menucalendar img {
    position: absolute;
    top: 2px;
    right: 2px;
}

.largecal .menucalendar span.menu {
    text-align: left;
    width: 100% !important;
    display: block;
    margin-bottom: 10px;
    text-decoration: underline !important;
    color: #56F !important;
}

fieldset {
    background: transparent;
    border: 0px !important;
}

.reviewInfo-label .element fieldset legend {
    font-size: 14px;
}

.startReview-info {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.reviewInfo-label .element fieldset table tr td {
    padding-right: 12px;
    padding-bottom: 3px;
}

.NoBorders table tr td {
    border: none !important;
}

.KeyboardFriendly {
    font-style: italic;
    font-size: small;
    padding-bottom: 3px;
}

.picimport .ruBrowse {
    background-position: 0 -46px !important;
    width: 122px !important;
}

.info-box {
    display: block;
    background: #ffffee;
    border-bottom: 1px solid #eee;
    padding: 10px;
}

.content .info-box {
    display: block;
    background: #ffffee;
    border: 1px solid #efef00;
    padding: 10px;
}

.analysis table {
    border: 1px solid #828282;
    margin-bottom: 10px;
    width: 100%;
}

.analysis td {
    padding: 10px;
}

.analysis tr.altrow {
    background: #F2F2F2;
}

    .analysis tr.altrow td {
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }

.analysis tr.head td {
    background: #F2F2F2 url(../../images/bg_tr_header.jpg) repeat-x bottom center;
    color: black;
}

table.tpad tr td div.subCtrlMargin {
    margin-left: 15px;
    margin-top: 5px;
}

.trHeight7 {
    height: 7px;
}

div.box table tr td.StatusCtrlPadding {
    padding-left: 5px;
}

.marginBottom15 {
    margin-bottom: 15px;
}


.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginLeft60 {
    margin-left: 60px;
}

.fontWeightNormal {
    font-weight: normal;
}

.paddingRight3px {
    padding-right: 3px;
}

.specialCommentsMainDiv {
    height: 85px;
    width: 100%;
}

.specialCommentsDivText {
    float: left;
    height: inherit;
    padding-top: 33px;
}

.specialCommentsDivTxtBox {
    float: left;
    height: inherit;
    margin-left: 15px;
}

div.manageBidCategoryDeleteCol {
    width: 22px;
    height: 20px;
    position: relative;
    left: 25px;
    top: 0px;
}

div.addCategoryMain {
    width: 550px;
    height: 25px;
    margin-top: 2px;
    margin-left: 8px;
}

div.addCategoryTxtBoxDiv {
    width: 140px;
    height: 25px;
    float: left;
}

div.addCategoryDDDiv {
    width: 170px;
    height: 25px;
    float: left;
}

div.addCategoryBtnDiv {
    width: 65px;
    height: 20px;
    float: left;
    margin-top: 1px;
}

div.bidOrderPeriodMain {
    float: left;
    width: 310px;
    /*height:195px;*/
    height: auto;
    /*padding:5px;*/
    margin-top: 3px;
    margin-left: 33px;
}

div.bidOrderPeriodSubMain {
    width: inherit;
    height: 30px;
}

div.bidOrderPeriodText, div.bidOrderPeriodTextHeader {
    float: left;
    width: 104px;
    height: 25px;
    padding-left: 0px;
}

div.bidOrderPeriodCtrl {
    float: left;
    width: 190px;
    height: 25px;
}

.helpMessageFont {
    font-size: 11px;
    color: Gray;
}

div.bidOrderPeriodHelpTxtDiv {
    height: 17px;
    margin-left: 105px;
    width: 200px;
}

div.subCtrlMargin span.checkbox label {
    margin-left: 3px;
    margin-top: 0px;
}

div.bidOrderPeriodTextHeader {
    width: 200px;
    margin-top: 5px;
    margin-left: 50px;
}

div.bidOrderPeriodCtrl table tr td span input.riTextBox {
    width: 138px !important;
}

.estQtyPopUpMarginLeft {
    margin-left: 5px;
}

div.bidDetailsStartingPointMain {
    /*height:350px;*/
    height: auto;
}

div.btnOrderDetailMarginLeft {
    margin-left: 103px;
}

div.bidOrderPeriodCtrl input.defaultbutton {
    width: 163px !important;
}

.fontBold {
    font-weight: bold;
}

.errorMsg11px,
.successMsg11px {
    font-size: 11px;
    color: #C43C3C;
}

.successMsg11px {
    color: #53B847;
}

.cursorDefault {
    cursor: default !important;
}

table.bidStatus tr td,
table.bidStatus tr td div.bidDetails {
    padding-bottom: 5px;
    padding-top: 5px;
}

    table.bidStatus tr td div.bidDetails {
        padding-top: 10px;
    }

/*This style applies Disable Style for the Tab Control across entire WebSite*/
div.RadTabStrip ul li a.rtsDisabled {
    text-decoration: line-through !important;
    color: #545467 !important;
}

table.itemBidInfoEdit,
table.linkItemRecipe,
.divLinkItemRecipeMain {
    width: 100%;
    height: 100%;
    border: 1px solid #DBDCDE;
    border-top: 0px;
    padding: 15px 10px 15px 10px !important;
}

.divLinkItemRecipeMain {
    width: 679px;
}

table.itemBidInfoEdit tr td {
    padding: 0px 0px 5px 0px !important;
}

table.linkItemRecipe tr td {
    /*padding:0px 0px 5px 0px !important;*/
    padding: 0px 0px 0px 0px !important;
}

.font12px {
    /*font-size: 14px;*/
}

.opacity {
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-color: Gray;
    z-index: 1001;
    /*width:300px;
height:300px;*/
}

.opacityVendorResponse {
    position: absolute;
    left: 0px;
    top: 0px;
    width: inherit;
    height: inherit;
}

.vendorResponseMainGridDiv {
    position: relative;
}

.txtBoxBorder {
    border: 1px solid red !important;
}

.bidtxtBoxBorder {
    border: 1px solid red !important;
    height: 16px !important;
    width: 52px !important;
}

.centralProductiontxtBoxBorder {
    border: 1px solid red !important;
}

table.newBid tr td {
    padding-top: 3px;
}

    table.newBid tr td.colLeft {
        width: 110px;
    }

.elementBid {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 10px;
}

.hoverOff,
.hoverOffBidItemGrid {
    cursor: default !important;
    color: #AFBBC8 !important;
}

.hoverOnBidItemGrid {
    cursor: pointer !important;
    color: #3478a0 !important;
}

.imgProgressIndicator {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
}

.optOutBidItems {
    text-decoration: line-through;
}

.nonOptOutBidItems {
    text-decoration: none;
}

div.bidItemGridDiv table.rgMasterTable tbody tr.rgRow,
div.bidItemGridDiv table.rgMasterTable tbody tr.rgAltRow {
    height: 34px !important;
}

.col1, .col2, .col3, .col4 {
    float: left !important;
    width: 110px !important;
    margin: 0 !important;
    padding: 0 5px 0 0 !important;
    line-height: 14px !important;
    font: 11px "Nunito Sans", sans-serif !important;
}

.col2 {
    width: 60px !important;
    text-align: center;
}

.col3 {
    width: 70px !important;
    text-align: center;
}

.col4 {
    width: 85px !important;
    text-align: center;
}

.productionPlanMainDiv {
    margin-top: 10px;
    border: 1px solid #CCC;
    background: #FFFFFF;
    padding: 5px;
}

    .productionPlanMainDiv ul {
        list-style: none;
    }

        .productionPlanMainDiv ul li {
            float: left;
        }

            .productionPlanMainDiv ul li.monthYear {
                margin: 0px 0px 0px 12px;
            }

            .productionPlanMainDiv ul li.monthYearBtn {
                margin: 2px 0px 0px 0px;
            }

.PlanIncompleteText,
.PlanCompleteText,
.RecordCompleteText,
.WithdrawalCompleteText,
.PlannedText,
.ReqRawMaterialDeterminedText,
.ProdnPullCompleteText,
.ProdnCompleteText {
    padding: 0px 0px 2px 0px !important;
    cursor: pointer !important;
    display: inline-block !important;
}

.PlanIncompleteText {
    color: #b40c0c !important;
}

.PlanCompleteText {
    color: #8f7004 !important;
}

.RecordCompleteText {
    color: Green !important;
}

.WithdrawalCompleteText {
    color: #737373 !important;
}

.Planned {
    background-color: #FA7F72 !important;
    display: inline-block;
}

.ReqRawMaterialDetermined {
    background-color: #20b2aa !important;
    display: inline-block;
}

.ProdnPullComplete {
    /*background-color:#add8e6!important;*/
    background-color: #1E90FF !important;
    display: inline-block;
}

.ProdnComplete {
    /*background-color:#d3d3d3!important;*/
    background-color: #8B7E66 !important;
    display: inline-block;
}

.PlannedText {
    color: #FA7F72 !important;
}

.ReqRawMaterialDeterminedText {
    color: #20b2aa !important;
}

.ProdnPullCompleteText {
    color: #1E90FF !important;
}

.ProdnCompleteText {
    color: #8B7E66 !important;
}

/**Prodn Calendar Control***************************/
div.cal,
div.calP {
    width: 100% !important;
    max-width: 100% !important;
    font-family: "Nunito Sans", sans-serif !important;
    font-size: 11px !important;
    color: black !important;
}

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

@media screen and (min-width: 1400px) {
    div.cal,
    div.calP {
        width: 90% !important;
        max-width: 90% !important;
        margin: 0 auto;
    }
}

.cal table,
.calP table {
    width: 100% !important;
    border-spacing: 0px;
    border-collapse: collapse;
}

.calP table {
    width: 100% !important;
}

.cal .monthly td,
.calP .monthly td {
    height: 120px !important;
    border: 1px solid #BAC1C9 !important;
    padding: 5px !important;
    vertical-align: top !important;
    font-size: 11px !important;
    line-height: 1.4em !important;
    background-color: #ffffff;
    border-collapse: collapse;
}

    .cal .monthly td span,
    .calP .monthly td span {
        font-weight: bold !important;
    }

    .cal .monthly td:hover,
    .calP .monthly td:hover {
        border: 1px double #666 !important;
        background-color: rgb(240, 245, 250) !important;
    }

        .cal .monthly td:hover span,
        .calP .monthly td:hover span {
            color: #000 !important;
        }

    .cal .monthly td a:hover,
    .calP .monthly td a:hover {
        text-decoration: none !important;
    }

.cal .weekdayheading td,
.cal .weekdayheading td:hover,
.calP .weekdayheading td,
.calP .weekdayheading td:hover {
    color: #555 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    height: 20px !important;
    background: white !important;
    border: none !important;
    text-transform: uppercase !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.cal td.weekend {
    background-color: #F0F2F4;
    width: 10% !important;
}

.cal td.weekday {
    background: #FBFCFD !important;
    width: 16% !important;
}

.calP td.weekend {
    background-color: #F0F2F4;
}

.calP td.weekday {
    background: #FBFCFD !important;
}

.cal td.currentday,
.calP td.currentday {
    background: #F5FDEE !important;
    border: 1px solid #B0BE81 !important;
}

.calP td.currentday {
    background: #F5FDEE !important;
    border: 1px solid #B0BE81 !important;
}

.calP td.regularWidth {
    width: 107px !important;
}

.calP td.hoverWidth {
    width: 150px !important;
}

.cal td.currentday .day,
.calP td.currentday .day {
    color: #445a26 !important;
}

.cal .day,
.calP .day {
    color: #555 !important;
    font-size: 10px !important;
    text-align: right !important;
    display: block !important;
}

/**Prodn Calendar Control***************************/
.elementPSItem {
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
}

.elementPSItemR {
    margin-bottom: 10px;
    margin-right: 0px;
    float: left;
}

.textAlignCenter {
    text-align: center;
}

.divFloatLeft {
    float: left;
}

.divFloatRight {
    float: right !important;
}

.divLinkItemRecipeSubMain,
.divLinkItemRecipeError {
    width: 100%;
    height: 25px;
}

.divPasswordDetailsSubMain {
    height: 25px;
    margin-bottom: 28px;
}

.divLinkItemRecipeSubMainLabel,
.divLinkItemRecipeSubMainCtrl,
.divPhyInvHeaderInfoSubMainCtrl,
.divPhyInvHeaderInfoSubMainLabel,
.divPhyInvHeaderInfoSubMainHeaderCtrl,
.divPhyInvHeaderInfoSubMainCtrl,
.divPhyInvHeaderInfoSubMainDatesCtrl,
.divPasswordDetailsTextBoxes input,
.divPasswordDetailsLabels {
    width: 140px;
    height: 25px;
    text-align: left;
    line-height: 25px;
}

#divPasswordDetails .divPasswordDetailsLabels {
    width: 180px;
}

#divPasswordDetailsMain, div[id$="divPasswordStrengthInfo"] {
    display: block;
    width: 100%;
    float: left;
}

#divPasswordDetailsMain, .passwordStrengthPopup {
    margin: 16px 0 0 0 !important;
}

.divPhyInvHeaderInfoSubMainLabel {
    width: 120px;
}

.divPhyInvHeaderInfoSubMainCtrl {
    width: 230px;
}

.divPhyInvHeaderInfoSubMainDatesCtrl {
    width: 150px;
}

.divPhyInvHeaderInfoSubMainHeaderCtrl {
    width: 500px;
}

.divLinkItemRecipeSubMainCtrl {
    width: 500px;
}

.box table.tblUserDetails tr td.tdTextBox {
    width: 200px;
    /*color:Red;*/
    text-align: left;
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

.divPasswordDetailsTextBoxes input,
.box table.tblUserDetails tr td input {
    width: 148px !important;
}

.box table.tblUserDetails tr td select {
    width: 152px;
}

.divPasswordDetailsLabels {
    width: 110px;
    /*color:Red;*/
}

.box table.tblUserDetails tr td.tdLabel {
    width: 140px !important;
    text-align: left;
    vertical-align: top;
    /*color:Red;*/
}

div.divLinkItemRecipeSubMainCtrl .RadComboBox table tr td.rcbInputCell input.rcbInput {
    font-size: 1.1em !important;
    font-family: "Nunito Sans", sans-serif !important;
    padding-left: 4px !important;
}

.footNotes {
    font-size: 11px;
}

div.itemProdnPlanText,
div.itemProdnPlanValue,
div.prodnPlanText {
    width: 125px;
    height: 25px;
}

div.itemProdnPlanValue {
    width: auto;
}

div.prodnPlanText {
    width: 150px;
    line-height: 25px;
}

.toolTipBatchSize {
    width: 220px;
    height: 37px;
    position: absolute;
    z-index: 101;
    top: 0px;
    left: 227px;
    border: 1px solid red;
    background-color: white;
    font-size: 11px;
    color: Red;
    line-height: 15px;
    padding: 3px 0px 3px 9px;
}

.borderSpacing5 {
    border-spacing: 5px;
}

#divLegends {
    padding: 10px 0;
    margin: 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#divCalendarNav {
    height: 22px;
    width: 250px;
    margin-left: 280px;
}

.contentProduction {
    padding: 10px 10px 5px 10px;
    margin: 0;
    width: 770px !important;
}

.prodnHeader {
    color: White;
    font-weight: bold;
    font-size: 11px;
    background-color: Gray;
    height: 30px;
}

.prodnHeaderSub {
    height: 30px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    padding-left: 10px;
}

.errorTxtBox {
    border: 1px solid red;
}

table.vtop td {
    vertical-align: top;
    padding: 3px;
    border: 1px solid #ddd;
    margin: 0;
    border-collapse: collapse;
}

table.vtop tr.header td {
    background: #def;
    text-align: center;
}

table.vtop td td {
    border: none;
}

select.WarehouseDropDown,
select.ItemCategoryDropDown,
select.DepartmentDropDown {
    width: 100%;
}

div.tgrid table.deptInventory {
    border: 1px solid balck !important;
}

    div.tgrid table.deptInventory thead {
        font: 11px;
        font-weight: normal;
        color: Black;
    }

        div.tgrid table.deptInventory thead tr td,
        div.tgrid table.deptInventory tbody tr td {
            background-color: #ededed !important;
            font-size: 11px;
            font-weight: normal;
            color: Black;
            border: 1px solid #828282 !important;
            padding: 5px;
            height: 16px;
        }

    div.tgrid table.deptInventory tbody tr td {
        background-color: #FFFFFF !important;
        height: 25px !important;
    }

    div.tgrid table.deptInventory tbody tr:hover {
        background: #B7ACA5 !important;
    }

.alternateRowDeptInventoryTbl {
    background-color: #fcf !important;
}

.ItemTransferDDL {
    width: 95%;
}

div.divBrokenUnitSing #unitpicker input[type=text] {
    /*width:221px!important;*/
    width: 70px !important;
}

div.divBrokenUnitSing #unitpicker div.trackMyChanges {
    width: 168px !important;
}

div.divBrokenUnit #unitpicker input[type=text] {
    width: 70px !important;
}

#divProgressIndicatorMI, #divProgressIndicatorMIOL, #divBatchPrintingStatistics {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-color: Gray;
    z-index: 99999;
    text-align: center;
}

#divImgPI, #divImgPIOL {
    position: absolute;
    top: 50%;
    left: 50%;
    /*width: 200px;*/
    z-index: 100000;
    margin-top: -40px;
    margin-left: -100px;
    opacity: 1;
    filter: alpha(opacity=100);
    background: #FFF;
    border: 1px solid #333;
    padding: 20px 30px 30px 30px;
    font-size: 14px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#divImgBPS {
    position: absolute;
    top: 40%;
    left: 50%;
    /*width: 270px;*/
    z-index: 100000;
    margin-top: -40px;
    margin-left: -100px;
    opacity: 1;
    filter: alpha(opacity=100);
    background: #FFF;
    border: 1px solid #333;
    padding: 10px 20px 20px 20px;
    font-size: 14px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    #divImgPI p, #divImgBPS p, #divImgPIOL p {
        text-align: center;
        padding: 10px 0 0 0;
    }

        #divImgPI p strong, #divImgBPS p strong {
            color: #006600;
        }

.lblEdiblePortionFactor {
    position: relative;
    top: -10px;
}

/*.cblist span input, .rblist span input {
width: 20px !important;
display: inline-block !important;
line-height: 20px !important;
}*/

.cblist span label, .rblist span label {
    padding-right: 10px !important;
    display: inline-block !important;
    line-height: 20px !important;
}

.cblist span:last-child label, .rblist span:last-child label {
/*    padding-right: 0 !important;*/ /* To give space between radio buttons */
}

.checkbox input, .radiobutton input {
    width: 20px !important;
    display: inline-block !important;
    line-height: 20px !important;
}

.checkbox label, .radiobutton label {
    padding-right: 10px !important;
    display: inline-block !important;
    line-height: 20px !important;
}

.rounded-top {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
}

.rounded-bottom {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
}

.rounded-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

/* NEW STRUCTURE
------------------------------------------------- */


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*
.container_header, .container_wrap, .container_wrap_bottom, .errorPopup, #popup_wrap, .popup_wrap, #popup_main, .popup_main, .border-box, #divImage, div.left, div.right,
.container_header *, .container_wrap *, .container_wrap_bottom *, .errorPopup *, #popup_wrap *, .popup_wrap *, #popup_main *, .popup_main *, .border-box *, #divImage *, div.left *, div.right * {
box-sizing: border-box;
}*/

.module-grid {
    margin: 0;
}

    .module-grid:after {
        content: "";
        display: table;
        clear: both;
    }

[class*='col-'] {
    float: left;
    padding-right: 10px;
}

.module-grid [class*='col-']:last-of-type {
    padding-right: 0;
}

.col-1-1 {
    width: 100%;
}

.col-3-4 {
    width: 75%;
}

.col-2-3 {
    width: 66.66%;
}

.col-1-3 {
    width: 33.33%;
}

.col-1-2 {
    width: 50%;
}

.col-1-4 {
    width: 25%;
}

.col-1-8 {
    width: 12.5%;
}

.module {
    padding: 0 0 10px 0;
    overflow: hidden;
}

.module-tabs {
    min-width: 780px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}

    .module-tabs ul {
        padding: 0 10px;
        margin: 0;
    }

        .module-tabs ul:after {
            content: "";
            display: table;
            clear: both;
        }

    .module-tabs li {
        display: inline;
    }

        .module-tabs li a {
            display: block;
            float: left;
            line-height: 40px;
            color: #E9EFF5;
            font-weight: normal;
            padding: 0 10px;
            margin-right: 2px;
            text-decoration: none;
            background: #3E4853;
            border-left: 1px solid #4A5864;
            border-right: 1px solid #4A5864;
            border-top: 1px solid #4A5864;
            -moz-border-radius: 4px 4px 0 0;
            -webkit-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
            -khtml-border-radius: 4px 4px 0 0;
            text-shadow: 0 -1px 0 #2F363E;
        }

            .module-tabs li a:hover {
                background: #46515E;
                border-left: 1px solid #526270;
                border-right: 1px solid #526270;
                border-top: 1px solid #526270;
                color: #fff;
            }

        .module-tabs li.current a, .module-tabs li.current a:hover {
            background: #fff;
            color: #000;
            border-color: white;
            text-shadow: none;
        }

.special-note {
    font-style: italic;
    color: #666;
    line-height: 20px;
}

.infoBorder {
    border: 2px solid #59B5FC !important;
}

.clsIngredientPIInfoMsg,
.clsIngredientPIErrorMsg {
    padding: 3px 0px 5px 10px;
}
/****ErrorPopUp CSS******************/
.errorPopup {
    bottom: 10px;
    right: 10px;
    position: fixed;
    padding: 10px;
    width: 275px;
    border: 1px solid #bac1c9;
    background: white;
    padding: 10px;
    margin-bottom: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    z-index: 10001;
}

.shadow {
    -moz-box-shadow: 3px 3px 4px #bac1c9;
    -webkit-box-shadow: 3px 3px 4px #bac1c9;
    box-shadow: 3px 3px 4px #bac1c9;
}

.errorPopupHeader {
    position: relative;
}

.errorPopupText {
    height: 90%;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

.errorFont {
    color: #C43C3C !important;
}

.warningFont {
    color: #796B39;
}

.warningFontLight {
    color: #C7AA38;
}

.successFont {
    color: #215a1a;
}

.infoFont {
    color: #205872;
}

.notFlaggedFont {
    color: #878787;
}

div.errorPopupText ul {
    /*font-size: 14px;*/
    padding: 3px 0px 5px 25px;
    margin-left: 0px;
}

div.errorPasswordStrengthPopupText ul {
    /*font-size: 14px;*/
    padding: 0px 0px 3px 10px;
    margin-left: 0px;
}

div.errorPopupText ul li {
    padding: 2px 0px 2px 0px;
}

.yesVerticalScroll {
    overflow-y: scroll;
}

.noVerticalScroll {
    overflow: hidden;
}

.message_error {
    border: 1px solid #C43C3C;
    background: #FBECEC;
    color: #C43C3C;
    padding: 5px 5px 5px 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

    .message_error a {
        color: #28526c;
    }

.message_warning {
    border: 1px solid #C7AA38;
    background: #F9F7D9;
    color: #796B39;
    padding: 5px 5px 5px 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

.message_success {
    border: 1px solid #53B847;
    background: #E6F9E6;
    color: #269700;
    padding: 5px 5px 5px 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

.message_info {
    border: 1px solid #059AE2;
    background: #EAF9FF;
    color: #059AE2;
    padding: 5px 5px 5px 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

#divDisplayMsgPopUpClose {
    background: url(../../images/ui-icons.png) -30px -190px no-repeat;
    width: 20px;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    float: right;
}
/**********************************/

.content a, .content a:active, .content a:visited, .content a:link {
    color: #284d78;
    text-decoration: underline;
}


.rfdSelect, .rfdSelect_Default {
    text-decoration: none !important;
}

.tooltip-400 {
    max-width: 400px;
}

.errorMoreLessLink {
    color: #4030CF;
    font-size: 11px;
}

.errorBGColor {
    color: #C43C3C;
}

.successBGColor {
    color: #53B847;
}

.passwordStrengthPopup,
.passwordStrengthPopupChangePassword {
    padding: 5px 10px 10px 10px;
    border: 1px solid #bac1c9;
    background: white;
    margin-bottom: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    width: 48%;
}

.passwordStrengthPopupHeader {
    position: relative;
    vertical-align: top;
    font-size: 11px;
}

.errorPasswordStrengthPopupText {
    height: 90%;
    padding: 0px 0px 0px 0px;
    width: 100%;
    margin-top: 5px;
}

#divChangePasswordMain input {
    padding: 5px;
    width: 245px !important;
}

.passwordStrengthPopupChangePassword {
    display: block;
    width: 245px;
    margin-left: 0px !important;
    margin-top: 10px;
}

#divRequireAffirmationBeforeLoginText {
    overflow: auto;
    border: 1px solid #d0d3d9;
    /*height:100px;*/
    height: auto;
    padding: 5px;
    background-color: #f5f9fc;
    /*-webkit-box-shadow: inset 1px 1px 1px 0px #dddddd;
-moz-box-shadow: inset 1px 1px 1px 0px #dddddd;
box-shadow: inset 1px 1px 1px 0px #dddddd;*/
}

.rfdInputDisabled {
    opacity: .75 !important;
}

.TopAlignTD TD {
    vertical-align: top;
}

.planNavigationDisabled {
    text-decoration: none !important;
    color: Gray !important;
    cursor: default !important;
}

.planNavigationEnabled a, .planNavigationEnabled a:active, .planNavigationEnabled a:visited, .planNavigationEnabled a:link {
    color: #3478A0;
    text-decoration: underline;
}

.planNavigationSelected {
    text-decoration: none !important;
    color: Black !important;
    cursor: default !important;
}

.planNavigationAnchorPadding {
    padding-left: 4px;
    padding-right: 4px;
    color: #3478A0;
}
/*Review Configuration Grid Edit Mode-Start*/
.divChoiceTextSection,
.divCorrectiveActionTextSection,
.divChoiceTextCorrectiveActionSection {
    height: 20px;
    /*width:925px;*/
    width: 100%;
    clear: both;
    font-size: 14px;
}

.divCorrectiveActionTextSection {
    height: auto;
    overflow: hidden;
}

.divChoiceTextCorrectiveActionSection {
    height: auto;
    width: auto;
    clear: both;
}

.divChoiceTextLeftSection,
.divChoiceTextLeftSectionGrid,
.divPerformanceAreaTextLeftSection,
.divUnMatchedLeftSection,
.divUnMatchedRightSection,
.divUnMatchedDetailLeftSection,
.divUnMatchedDetailRightSection,
.divUnMatchedReviewStatusSection,
.divPreApprovalDataLeftSection,
.divPreApprovalDataRightSection,
.divStateSearchLeftSection,
.divStateSearchRightSection,
.divMatchedLeftSection,
.divMatchedRightSection,
.divTCTerminalSetupLeftSection,
.divTCTerminalSetupRightSection,
.divLetterTemplateSaveAsRightSection,
.divLetterTemplateSaveAsLeftSection,
.divPotentialMatchLeftSection,
.divPotentialMatchRightSection {
    float: left !important;
    width: 110px;
    /*font-size: 14px;*/
    padding: 5px 0;
}

.divChoiceTextLeftSectionGrid {
    width: 130px;
}

.divPerformanceAreaTextLeftSection {
    width: 155px;
}

.divUnMatchedLeftSection {
    width: 98px;
}

.divPotentialMatchLeftSection {
    width: 98px;
}

.divUnMatchedReviewStatusSection {
    width: 115px !important;
}

.divUnMatchedRightSection {
    /*height:20px;*/
    float: right;
    width: 110px;
}

.divPotentialMatchRightSection {
    float: right;
    width: 110px;
}

.divCEPConfigurationRightSection {
    /*height:20px;*/
    float: right !important;
    width: 500px;
}

.divCEPConfigurationLeftSection {
    float: left;
    width: 120px;
}

.divUnMatchedSection {
    height: 28px;
}

.divPotentialMatchSection {
    height: 28px;
}

.divUnMatchedDetailLeftSection {
    width: 110px;
}

.divUnMatchedDetailRightSection {
    width: 250px;
}

.divUnMatchedDeatilSection {
    height: 18px;
}

.divPreApprovalDataLeftSection {
    width: 80px;
}

.divPreApprovalDataRightSection {
    width: 110px;
}

.divStateSearchLeftSection {
    width: 80px;
}

.divStateSearchRightSection {
    width: 150px;
}

.divMatchedLeftSection {
    width: 65px;
}

.divMatchedRightSection {
    width: 260px;
}

.divLetterTemplateSaveAsSection {
    height: 40px;
    /*padding:5px;*/
}

.divLetterTemplateSaveAsRightSection {
    width: 225px;
}

.divLetterTemplateSaveAsLeftSection {
    width: 100px;
}

.divChoiceListContainer {
    height: 100%;
    border-right: 1px solid #9cb6c5;
    border-bottom: 1px solid #9cb6c5;
    border-left: 1px solid #9cb6c5;
}

.divParentChoiceContainer {
    float: left;
    width: 610px;
    height: 100%;
}

.divParentChoiceGroupContainer {
    float: left;
    width: 100px;
}

.divIndividualChoiceContainer {
    height: 175px;
    border-left: 1px solid #9cb6c5;
    width: 100%;
}

.divChoiceGroup {
    width: inherit;
    text-align: center;
    padding-top: 5px;
    height: 100%;
}

.divGroupByContainer {
    width: 100%;
    height: 100%;
    clear: both;
    overflow: auto;
}

.divSpacerControl, .divSpacerControlWithHeight {
    width: auto;
    height: 1px;
    background-color: #9cb6c5;
}

.divSpacerControlWithHeight {
    height: 5px;
    clear: both;
    background-color: transparent;
}

.divSpacerControlWithHeight4 {
    height: 4px;
    clear: both;
    background-color: transparent;
}

/*Review Configuration Grid Edit Mode-End*/
/*Review ToolTip-Start*/
.divToolTipMainContainer {
    padding: 0px 5px 5px 5px;
    text-align: left;
}

.divToolTipControlContainer,
.divToolTipControlContainerGroupBy {
    border: 1px solid #9cb6c5;
    background-color: white;
    max-height: 500px;
    width: 800px;
    margin-top: 5px;
    padding: 5px;
    overflow: auto;
}

.divToolTipControlContainerGroupBy {
    border: none;
    background-color: none;
}
    /*This style overrides the Telerik RadGrid style for table*/
    .divToolTipControlContainer .form-element table tr td,
    .divToolTipControlContainerGroupBy .form-element table tr td {
        border: none;
    }

.divToolTipContainerEditMode {
    background-color: #e4e5f0;
    border: solid 1px #9cb6c5;
}

.divQuestionnaireFormBuilder {
    text-align: left;
    /*background-color: #ebebeb;
border: 1px solid #9cb6c5;*/
    width: 100%;
}

.border0 {
    border: 0 !important;
}

.borderRepeator,
.borderRepeatorActionBtns {
    border-top: 1px solid #9cb6c5;
    border-left: 1px solid #9cb6c5;
    border-right: 1px solid #9cb6c5;
}

div [id$="rgReviewDocuments"] .rgEditForm:not(.rgEditPopup) {
    border: 0;
}

.borderRepeatorActionBtns {
    border-top: 0;
    border-bottom: 1px solid #9cb6c5;
}

.divCorrectiveActionImage {
    height: 16px;
    width: auto;
}

.form-element-flag {
    padding-left: 3px;
    margin-bottom: 3px;
    width: 32px;
    height: 32px;
    width: 4%;
}

.width_100 {
    width: 100%;
}

.width_92 {
    width: 92%;
}

.width_96 {
    width: 96%;
}

.form-element-container {
    overflow: hidden;
}
/*.correctiveActionFlag{
cursor:pointer;
}*/
.correctiveActionFlag:hover {
    cursor: pointer;
}

.divCAHistoryLeft {
    width: 110px;
}

.divCAHistoryPopup .divCActionTextSection {
    margin-bottom: 25px;
}

.divCAHistoryHeaderPopup {
    /*padding:3px;*/
    vertical-align: top;
    /*border:1px solid #9cb6c5;*/
    border-left: 1px solid #9cb6c5;
    border-right: 1px solid #9cb6c5;
    border-top: 1px solid #9cb6c5;
    height: 30px;
    padding: 10px;
}

.divFormBuilderToolTipHeader {
    /*font-size: 14px;*/
    color: black;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
}

.divFormBuilderToolTipDetail {
    /*margin-top:2px;*/
}

.divCAHHeaderToolTip {
    padding: 10px 0px 0px 10px;
    border-left: 1px solid #9cb6c5;
    border-right: 1px solid #9cb6c5;
    border-top: 1px solid #9cb6c5;
    height: 40px;
    background-color: #F8F8F8;
}

.divFormBuilderToolTipHeaderText {
    /*font-size: 14px;*/
    color: black;
    line-height: 10px;
    font-weight: bold;
    position: relative;
    top: -5px;
}

.radWindowCAHistoryPopup {
    /*max-height:600px;*/
    /*min-height:300px;*/
    overflow: auto;
    /*height:auto!important;*/
}

.radWindowCAHistoryPopupCEP {
    background-color: #e9f2ff;
}



.divCAHistoryPopup {
    padding: 0px 10px 10px 10px;
}

.pnlCorrectiveActionHistory {
    overflow-y: scroll;
    max-height: 350px;
}

#divDisplayItemWeight {
    position: relative;
    top: 47px;
}

.divCACheckBox {
    width: 5%;
    float: left;
}

.divCAText {
    border: 1px solid #9cb6c5;
    height: 73px;
    max-height: 73px;
    width: 95%;
    font-size: 11px;
    overflow-y: auto;
}

.divCABorder {
    border: 1px solid #9cb6c5;
}

.divCATextHeader {
    /*padding:3px;*/
    /*vertical-align:middle;*/
    border-bottom: 1px solid #9cb6c5;
    height: 30px;
    padding-left: 10px;
    padding-top: 4px;
}

.pnlCATextList {
    padding: 10px 10px 0px 10px;
}

.CorrespondenceList {
    padding: 10px;
    /*height: 250px;*/
    overflow: auto;
}

.CorrespondenceRefreshLink {
    text-align: right;
    padding-right: 10px;
}

.divFAInputLeft {
    /*width:175px;*/
    width: 20%;
    float: left;
    height: 25px;
}

.divFAInputRight {
    /*width:175px;*/
    width: 80%;
    float: left;
}

.RedHyperLink {
    color: red !important;
    text-decoration: none;
    cursor: default;
}

.GreenHyperLink {
    color: green !important;
    text-decoration: none;
    cursor: default;
}

.BlackHyperLink {
    color: black !important;
    text-decoration: none;
    cursor: default;
}

.IsInactiveHyperLink {
    color: gray !important;
    text-decoration: none;
    cursor: default;
}

.DistributionNextPerviousButtons {
    padding: 10px;
    border-top: 1px solid #BAC1C9;
}

.divLetterEmailPrintOptions {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .divLetterEmailPrintOptions legend {
        font-weight: bold;
    }

.divLetterEmailNotifyOptions {
    margin-top: 0px;
    margin-bottom: 10px;
}

    .divLetterEmailNotifyOptions legend {
        font-weight: bold;
    }

.RadPageView_divInnerTab {
    padding: 10px;
    border-left: 1px solid #BAC1C9;
    border-right: 1px solid #BAC1C9;
    border-bottom: 1px solid #BAC1C9;
}

.PlanAndRecord_lbtnFooterNavSelected {
    text-decoration: none;
    color: Gray;
    cursor: default !important; /*must be important due to global_layout.css style for all a:active elements */
}

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

.pnlNotifyOptionsCtrls {
    padding: 5px 10px 10px 10px;
}

.opacityNotifyToolTip {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

#tblEligibilityImportSummary {
    border-collapse: collapse;
    width: 28%;
}

    #tblEligibilityImportSummary,
    #tblEligibilityImportSummary th,
    #tblEligibilityImportSummary td {
        border: 1px solid black;
        padding: 5px;
    }

        #tblEligibilityImportSummary th {
            text-align: center;
        }

        #tblEligibilityImportSummary tfoot td {
            font-weight: bold;
        }

table.uploadFileMain {
    width: 80%;
    /*border:solid 1px red;*/
}

#divHTMLViewerMain, #divHTMLViewerMainOL {
    display: inline-block;
    margin: 0px auto;
    /*text-align: center;*/
}

.LetterHTMLViewer, .LetterHTMLViewerStudentIDCard {
    width: 850px;
    min-height: 1100px;
    border: 1px black solid;
    margin: 15px 0 40px 0;
    padding: 50px;
    text-align: left;
    background-color: #fff;
    position: relative;
}

.LetterHTMLViewerStudentIDCard {
    padding: 0px;
    /*margin:0px;*/
}

#divProgressIndicator, #divProgressIndicatorOL {
    width: 200px;
    height: 80px;
    vertical-align: middle;
    position: absolute;
    top: 410px;
    left: 325px;
}

#divHTMLViewerErrorHeader, #divHTMLViewerErrorHeaderOL {
    padding: 10px;
}

#divHTMLViewerErrorText, #divHTMLViewerErrorTextOL {
    padding: 10px;
    border-left: solid 1px #C43C3C;
    border-right: solid 1px #C43C3C;
    border-bottom: solid 1px #C43C3C;
    min-height: 110px;
}

#divTotalPages, #divTotalPagesOL {
    padding-top: 15px;
    text-align: right;
}

.followUpBorderColor {
    border-color: #FFA62F !important;
}

.regularBorderColor {
    border-color: #BAC1C9 !important;
}

.div640ManualEntryLeft {
    width: 400px;
    border: 0px solid black;
}

.div640ManualEntryRight {
    width: 450px;
    border: 0px solid blue;
}

.div640ManualEntryRow {
    width: 900px;
    height: 30px;
}

.div640ManualEntryRightMultiColumnWithHeader {
    width: 85px;
    height: 40px;
}

.div640ManualEntryRightMultiColumnWithNoHeader {
    width: 85px;
}

.padLeft20 {
    padding-left: 20px;
}

.padLeft15 {
    padding-left: 15px;
}

.div640ManualEntryRight input[type="text"] {
    text-align: right !important;
}

.textaligned-center input[type="text"] {
    text-align: center !important;
}

/*legend {
margin: 10px !important;
}*/

.studentDetailsRow {
    width: 400px;
    text-transform: none;
    border-bottom: 1px solid #9cb6c5;
    height: 22px;
}

.studentDetailsLabel {
    float: left;
    width: 27%;
    margin-top: 3px;
}

.studentDetailsText {
    float: left;
    margin-top: 3px;
    width: 73%;
}

#divStudentDetailsMain,
.reviewToolTipDetailsMain {
    background-color: white;
    border: 1px solid #9cb6c5;
    padding: 5px 10px 10px 10px;
}


.GBRed fieldset {
    border: 1px solid Red !important;
}

.reviewDetailsRow {
    /*width:400px!important;*/
    text-transform: none;
    border-bottom: 1px solid #CDE;
    /*height:22px;*/
    display: table-row;
}

.reviewDetailsLabel {
    /*float:left;*/
    width: 150px;
    /*margin-top:3px;*/
    display: table-cell;
    padding: 5px 5px 5px 5px;
}

.reviewDetailsText {
    /*float:left;
margin-top:3px;*/
    display: table-cell;
    padding: 5px 5px 5px 5px;
    width: 250px;
}

.reviewToolTipDetails, .reviewToolTipDetailsPI, .reviewToolTipDetailsEM, .p2CPToolTipDetail {
    background-color: white !important;
    border: 1px solid #CDE;
    padding: 5px 5px 3px 5px;
}

.reviewToolTipDetails {
    padding: 5px 10px 10px 10px;
    display: table !important;
}

.reviewToolTipDetailsEM {
    color: red;
    padding: 5px;
}

.p2CPToolTipDetail {
    padding: 5px;
}

.gridFooter {
    background-color: #e0e5f5;
    padding: 3px;
    border-left: 1px solid #BAC1C9;
    border-right: 1px solid #BAC1C9;
    border-bottom: 1px solid #BAC1C9;
}

.hiddenVisibility {
    visibility: hidden;
}

.visibleVisibility {
    visibility: visible;
}

#tblProbabilityMatchDetail, #tblProbabilityMatchDetail td, #tblProbabilityMatchDetailMatchedPoints, #tblProbabilityMatchDetailMatchedPoints td, #tblMatchCardMatchDetail, #tblMatchCardMatchDetail td, #divDirectVerificationMatchDetail, #divDirectVerificationUnmatchDetail, #divDirectApprovalSummaryMain, #divMatchMethod, #tblClaimingPercentage, #tblClaimingPercentage td, #tblP2ClaimingPercentage, #tblP2ClaimingPercentage td, .tooltip, .primeroEdgeToolTip {
    border: 1px solid #CDE;
    border-collapse: collapse;
    padding: 4px 5px 4px 5px;
    background: white;
    font-size: 11px;
}

    #tblProbabilityMatchDetail tfoot tr td, #tblProbabilityMatchDetailMatchedPoints tfoot tr td {
        border: 0px;
    }

    #tblProbabilityMatchDetail, #tblProbabilityMatchDetail td, #tblMatchCardMatchDetail, #tblMatchCardMatchDetail td, #tblClaimingPercentage, #tblClaimingPercentage td, #tblP2ClaimingPercentage, #tblP2ClaimingPercentage td, #tblProbabilityMatchDetailMatchedPoints, #tblProbabilityMatchDetailMatchedPoints td {
        /*border: 1px solid #9cb6c5!important;*/
        border: solid 1px #A9A9A9 !important;
    }

#tblProbabilityMatchDetail, #tblProbabilityMatchDetailMatchedPoints, #tblMatchCardMatchDetail, #tblClaimingPercentage, #tblP2ClaimingPercentage {
    width: 100%;
}

    #tblProbabilityMatchDetail thead, #tblProbabilityMatchDetailMatchedPoints thead, #tblMatchCardMatchDetail thead, #tblClaimingPercentage thead, #tblP2ClaimingPercentage thead {
        height: 26px !important;
        font-weight: bold !important;
    }

#divDirectVerificationMatchDetail {
    width: 330px;
    /*height:75px;*/
    padding: 7px 10px 10px 10px !important;
}

#divDirectVerificationUnmatchDetail {
    width: 330px;
    height: 120px;
    padding: 7px 10px 10px 10px !important;
}

table.siteSelection-headtable {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

th.siteSelection-mainTab {
    min-width: 90px;
}

.table-cell-left-align {
    text-align: left;
}

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

.table-cell-right-align {
    text-align: right;
}

.probabilityMatchRuleColor {
    background-color: #C1F5BA !important;
}

.HistoryViewer_divEntry {
    border: 1px solid #BAC1C9;
    padding: 2px;
}

.HistoryViewer_divHeader {
    border: 1px solid #647482;
    background-color: #D9E2E8;
    padding: 3px;
}

.HistoryViewer_divDetails {
    padding: 3px;
}

.HistoryViewer_spanField {
    vertical-align: top;
    display: inline-block;
    width: 330px;
}

.HistoryViewer_spanValues {
    vertical-align: top;
    display: inline-block;
    width: 200px;
}

.inlineEditTextBoxRadGridHack {
    width: 235px !important;
    font-size: 11px !important;
    padding: 3px 2px 2px 2px !important;
}

yesdislpayInline {
    display: inline-block !important;
}

.content .fullbox {
    padding: 10px;
    background: #FFF;
    border: 1px solid #BAC1C9;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

div.student-grid table td {
    padding-left: 4px !important;
    padding-right: 3px !important;
}

/* AddReceipt  Page Css Classes + */
.drop {
    width: 32% !important;
    position: relative;
    left: -0px;
}

.ddlunit {
    margin-left: 0px !important;
}

.lblUnit {
    position: relative;
    left: -18%;
}

.unit {
    display: inline-block;
    padding-left: 50px;
    width: 128px;
    position: relative;
    left: 35px;
}

.UnitCostTextBox {
    position: relative;
    left: -17%;
}

.receipt_lft {
    width: 50%;
    float: left;
}

.receipt_rgt {
    width: 50%;
    float: left;
}

.ddlshipaddr {
    width: 75.5% !important;
}

.ddlsignature {
    float: left;
    position: relative;
    bottom: 30px;
    left: 30px;
}

.ddlExpirationType {
    width: 35% !important;
}

.dateofproduct {
    margin-left: 8%;
    width: 130px !important;
    padding-right: 0px !important;
}

.bord-bottom {
    border-bottom: 1px solid #D9D9D9;
}
/* AddReceipt - */


/* Food Distribution Home + */
.current_year {
    margin-bottom: 20px;
}

.past_year {
    margin-left: 10px;
    margin-bottom: 20px;
}

.next_year {
    margin-right: 10px;
    margin-bottom: 20px;
}

.past_year > svg > g > g:nth-child(7) > text {
}
/* Food Distribution Home - */

/*Process Information Edit + */
.process_addressship {
    min-height: 300px;
}

.process_address {
    min-height: 300px;
    position: relative;
}

.tpad > tbody > tr > td:nth-child(2) > div > span {
    position: relative;
    top: -2px;
}

.lblprocessname {
    position: relative;
    top: 20px;
    left: 20px;
}

.lblprocessselect {
    position: relative;
    top: 20px;
    left: 40px;
}
/*Process Information Edit - */

/* Distributor + */
.distributor {
    min-height: 282px;
}
/* Distributor - */


/* Processor Infromation + */
.cancelButton_back {
    float: left;
}

.confirmButton_save {
    float: right;
}
/* Processor Infromation  - */

/* Add Complaint + */
.complaint {
    padding: 3% 0px 10px 0px;
}

    .complaint div {
        width: 96%;
        float: left;
        /*margin:0px 0px 2% 2%;*/
    }

        .complaint div > .grid_title {
            margin-left: 69%;
        }

            .complaint div > .grid_title + div {
                margin-left: 69%;
                max-height: 130px;
                overflow-y: auto;
            }

                .complaint div > .grid_title + div > div {
                    width: 100% !important;
                }

        .complaint div p:nth-child(1) {
            padding-top: 5px;
            width: 120px;
            margin-left: 29px;
        }

        .complaint div p:nth-child(6) {
            padding-top: 2px;
            width: 18%;
            position: relative;
            bottom: 27px;
            padding-left: 26px;
        }

.checkbox + G input[type=checkbox] {
    margin-left: 43%;
}

.complaint div p:nth-child(4) {
    padding-top: 5px;
    width: 72%;
    padding-left: 4%;
}

.lblDesc {
    position: relative;
    bottom: 2px;
}

.uc_complaint {
    float: left;
    width: 43%;
    margin-left: 30px !important;
}

.Compalaint_save {
    padding-top: 0%;
    position: relative;
    float: right !important;
    /* left: 10px; */
    padding-left: 93.3%;
    bottom: 10px;
    left: 0px;
    /* margin-bottom: 20px; */
}

.Compalaint_submit {
    padding-top: 0%;
    position: relative;
    float: right !important;
    /* left: 10px; */
    padding-left: 85%;
    bottom: -2px;
}

    .Compalaint_submit > span {
        position: absolute;
        bottom: 5px;
        width: 220px !important;
        left: 77%;
    }

/*Complaint New +*/
.complaint_left {
    margin-left: 4%;
    margin-top: 1%;
}

.rdDateofComplaint {
    position: relative !important;
    left: 11% !important;
}

.rdDateofReceipt {
    position: relative !important;
    left: 18% !important;
}

.rdDateofReceipt1 {
    position: relative !important;
    left: 19% !important;
}

.txtCaseAndCodes {
    position: relative;
    left: 13.6%;
}

.lblQuantityofProduct {
    position: relative;
    right: 20px;
    word-break: break-word;
    width: 150px;
    display: block;
}

.txtQuantityofProduct {
    position: relative;
    left: 29%;
}

#rdtReviewComment {
    width: 87% !important;
}


/*Complaint New -*/
.desc_comp {
    width: 66%;
    position: relative;
    bottom: 17px;
    left: 15px;
    margin-left: 5%;
}

.rdDescComplaint {
    width: 60%;
    position: relative;
    top: 17px;
    left: 10px;
}

.save_button {
    position: relative;
    bottom: 10px;
    /* left: 8px; */
    float: right;
    right: 30px;
}

.submit_button {
    position: relative;
    right: 12px;
    bottom: 10px;
}

.grid_title + div {
    /* max-height:110px;*/
    overflow-y: auto;
    margin-top: 0px !important;
    border-radius: 0 0 4px 4px !important;
}

.addRenewApplicaton-headbelow {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0 16px 0;
}

.addRenewApplicaton-selectyear div[id$="Add"],
.addRenewApplicaton-selectyear div[id$="ddlAcademicYear"] {
    width: 265px !important;
}

.addRenewApplicaton-headbelow .addRenewApplicaton-filter {
    display: flex;
    align-items: center;
    gap: 16px;
}

.addRenewApplicaton-subtable {
    margin-bottom: 16px;
}

    .addRenewApplicaton-subtable table td {
        padding-right: 10px;
    }

#ucIngredientLabel {
    padding-top: 40% !important;
}

.RadGrid_Telerik .rgEditForm {
    border-bottom: 0px Solid #333 !important;
}

.imageAddDocComplaint {
    width: 483px !important;
    max-height: 500px !important;
    min-height: 500px;
}

.box + .uc_complaint {
    margin-top: 2%;
}

.review_commentstextbox {
    width: 87.5% !important;
    margin-left: 8.5% !important;
    position: relative;
    top: 27px;
}

.complaint_detail table tr:nth-child(2) td:nth-child(1) {
    width: 462px !important;
    vertical-align: top;
    position: initial;
    bottom: 150px;
    right: 15px;
}

    .complaint_detail table tr:nth-child(2) td:nth-child(1) > div {
        position: relative;
        bottom: 150px;
        right: 8px;
    }

.complaint_detail > table > tbody > tr:nth-child(2) > td:nth-child(2) {
    position: relative;
    right: 17%;
    bottom: 25px;
}

    .complaint_detail > table > tbody > tr:nth-child(2) > td:nth-child(2) > div > div:nth-child(2) > div {
        width: 230px !important;
    }

.complaint_div {
    width: 97% !important;
}
/* Add Complaint  - */

.scheduleDescriptionTooltip {
    border: 1px solid #CDE !important;
    border-collapse: collapse !important;
    padding: 4px 5px 4px 5px !important;
    background: white !important;
    font-size: 11px !important;
    height: 100% !important;
    min-height: 100px !important;
}


/* Complaints Management + */
.desc_complaints {
    width: 100% !important;
    margin-left: 4px !important;
}

.review_comments {
    margin: 5% 0px 10% 6px;
    float: left;
    width: 87%;
}

.review_commentstxt {
    width: 62.5% !important;
    margin-left: 8.5% !important;
    position: relative;
    top: 16px;
}

.complaint div > .grid_title + div > div > table > tbody > tr > td > a {
    width: 176px;
    word-wrap: break-word;
    display: block;
}

.complaint_popup {
}

    .complaint_popup > div {
        margin-left: 10px;
    }

        .complaint_popup > div > table > tbody > tr:nth-child(2) > td:nth-child(2) > div > .grid_title {
            margin-left: 10% !important;
            width: 264px !important;
        }

            .complaint_popup > div > table > tbody > tr:nth-child(2) > td:nth-child(2) > div > .grid_title + div {
                margin-left: 10% !important;
                width: 264px !important;
            }
/* Complaints Management - */

/* AddEndProductDocument + */
.addendproductdocument > table > tbody > tr:nth-child(2) > td:nth-child(1) {
    display: none;
}

.addendproductdocument > table {
    width: 30% !important;
}

    .addendproductdocument > table > tbody > tr:nth-child(2) > td:nth-child(2) > div > div:nth-child(2) {
        max-height: 140px;
    }

        .addendproductdocument > table > tbody > tr:nth-child(2) > td:nth-child(2) > div > div:nth-child(2) > div > table > tbody > tr > td > a {
            max-width: 150px;
            display: block;
            word-wrap: break-word;
        }
/* AddEndProductDocument - */

/* Invoices + */
.invoicerecipt {
    padding-left: 12px;
    height: 50px;
}

    .invoicerecipt div:nth-child(1) {
        margin-top: 2.5px;
    }

        .invoicerecipt div:nth-child(1) > span {
            position: relative;
            bottom: 2px;
        }

    .invoicerecipt div:nth-child(2) {
        width: 13%;
    }

    .invoicerecipt div:nth-child(3) {
        width: 15%;
    }

    .invoicerecipt div:nth-child(1) > select {
        position: relative;
        top: 5px;
    }

    .invoicerecipt div:nth-child(2) > select {
        position: relative;
        top: 5px;
        width: 110px;
    }

    .invoicerecipt div:nth-child(3) > select {
        position: relative;
        top: 5px;
        width: 110px;
    }

    .invoicerecipt > div > div {
        width: 262px !important;
        margin-top: 2px;
    }

.invoice_search {
    padding-left: 10px;
    width: 50%;
    margin-bottom: 20px;
}

    .invoice_search > div > fieldset {
        height: 90px;
    }

.invoice_number {
    width: 100%;
    float: left;
    margin-bottom: 16px;
}

    .invoice_number > input [type="text"] {
        margin-left: 20px;
    }


.invoice_button {
    margin-top: 49px;
    float: right;
    position: relative;
    right: 2px;
}


.margtop80 {
    margin-top: 80px !important;
}
/* Invoices - */


/* Create Invoice + */
.create_invoice {
}

    .create_invoice > div > fieldset {
        height: 120px;
    }

.invoice_type {
    width: 22%;
}

    .invoice_type > select {
        width: 80%;
    }

.invoices_type {
    width: 22%;
}

    .invoices_type > select {
        width: 80%;
    }

.lbl_invoiceDetails {
    position: relative;
    top: -5px;
}

.marginleft40 {
    margin-left: 40px;
}

.invoice_add {
    float: right;
    margin: 40px 20px 0px 0px;
}

.CI_receiptAgy {
    width: 47% !important;
    margin-left: 16px !important;
}

.lblInvoiceGenNumber {
    margin-left: 26px !important;
}
/* Create Invoice - */

.dvDetailsRow,
.dvDetailsTopRow {
    /*padding:3px;*/
    padding-left: 5px;
    width: 470px;
    text-transform: none;
    border-bottom: 1px solid #9cb6c5;
    height: 22px;
}

.dvDetailsTopRow {
    border-top: 1px solid #9cb6c5;
}

.dvLabel {
    float: left;
    width: 27%;
    margin-top: 3px;
    font-weight: bold;
}

.dvText {
    float: left;
    margin-top: 3px;
    width: 73%;
}

#ulDirectVerificationMatchCriteria li div {
    font-weight: bold;
}

.no-resize {
    resize: none !important;
}

.overflowHidden {
    float: left;
    width: 100% !important;
}

.searchBoxMain {
    border: 1px solid #BAC1C9;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5px !important;
    width: 100%;
    height: 100%;
    overflow: auto !important;
}

.overflowAuto {
    overflow: auto;
}

.autoHeight {
    height: auto;
}

.row {
    display: table-row;
}

.cell {
    display: table-cell;
}

.verticalAlignBottom {
    vertical-align: bottom;
}

div.searchBoxMain legend {
    margin-top: 0px !important;
}

.divBorder {
    border-top: 1px solid #9cb6c5;
    height: 1px;
    margin-bottom: 1px;
}

#divUMProbabilityMain fieldset, #divUMReviewStatusMain fieldset {
    height: 93px !important;
}
/* Invoice Details + */
.divFloatLeft .box .RadGrid > table > tbody .rgEditRow {
    background-color: #fff !important;
    border-bottom-color: #fff !important;
    color: #f5f5f5;
    background: white;
}
/* Invoice Details - */

#tblPreApprovalData, #tblPreApprovalData th, #tblPreApprovalData td {
    /*border:solid 1px #ededed;
border-collapse:collapse;*/
    font-weight: normal !important;
}

    #tblPreApprovalData td {
        /*border:solid 1px #ededed;
border-collapse:collapse;*/
        padding-top: 3px;
        padding-bottom: 3px;
    }

    #tblPreApprovalData th {
        /*border:solid 1px;
border-color:#fff #dcf2fc #3c7fb1 #8bbdde;
border-collapse:collapse;
border-top-width:0;
padding:0px;*/
    }

.potentialMatchGridCellPadding {
    padding: 5px 5px 4px 5px !important;
}

.potentialMatchGridCellPaddingName {
    padding: 5px 2px 4px 3px !important;
}


.potentialMatchGridParentCellPadding {
    padding: 4px 4px 3px 4px !important;
}

.potentialMatchGridHeaderPadding {
    padding-right: 7px !important;
    padding-left: 7px !important;
}



div.RemoveBorders .rgHeader,
div.RemoveBorders th.rgResizeCol,
div.RemoveBorders .rgFilterRow td {
    border-width: 0 0 1px 0 !important; /*top right bottom left*/
    border-image-width: 0 !important;
}

div.RemoveBorders .rgRow td,
div.RemoveBorders .rgAltRow td,
div.RemoveBorders .rgEditRow td,
div.RemoveBorders .rgFooter td {
    /*border-width:1px!important;*/
    border: solid 1px #9cb6c5;
    border-image-width: 0 !important;
    padding-left: 0px; /*needed for row hovering and selection*/
}

div.RemoveBorders .rgGroupHeader td,
div.RemoveBorders .rgFooter td {
    padding-left: 0px;
}

#divPreApprovalDataDetail {
    padding: 3px 5px 3px 5px;
    background-color: #ffffff;
    /*border:1px solid #CDE;*/
    border: 1px solid #9cb6c5;
}

#divLetterTemplatePopupDetail {
    /*padding:3px 5px 3px 5px;*/
    padding: 10px;
    background-color: #ffffff;
    /*border:1px solid #CDE;*/
    /*border:1px solid #9cb6c5;*/
    border: 1px solid #939393;
}

.potentialMatchGridCellPaddingWithNoBorder {
    padding-right: 7px !important;
    /*padding-left:5px!important;*/
    padding-left: 0px !important;
    border: 0px none !important;
}

.customGridHeader {
    background-color: #ffffff !important;
}


tr.rgRow td.potentialMatchGridParentCellPadding div.RemoveBorders table tr td.potentialMatchGridCellPaddingWithNoBorder a {
    /*color:#3478a0!important;
color:#3b88b1!important;
color:#58a1c7!important;*/
}

tr.rgAltRow td.potentialMatchGridParentCellPadding div.RemoveBorders table tr td.potentialMatchGridCellPaddingWithNoBorder a {
    /*color:#214d66!important;
color:#15303f!important;
color:#2e6b8b!important;*/
}

tr td.potentialMatchGridParentCellPadding {
    border-left: solid 1px #A9A9A9 !important;
}

.hyperlinkDisabled {
    color: Gray !important;
    cursor: default !important;
}

tr.rgRow td.potentialMatchGridParentCellPadding div.RemoveBorders table tr td.potentialMatchGridCellPaddingWithNoBorder a.hyperlinkDisabled, tr.rgAltRow td.potentialMatchGridParentCellPadding div.RemoveBorders table tr td.potentialMatchGridCellPaddingWithNoBorder a.hyperlinkDisabled {
    color: Gray !important;
    cursor: default !important;
    border-right: solid 1px #A9A9A9 !important;
}

.primeroEdgeColor {
    background: #50C878 !important; /*#33AD00!important ;*/
    font-weight: bold !important;
}

.padColor {
    background: #FF9F00 !important;
    font-weight: bold !important;
    border-left: solid 1px #A9A9A9 !important;
}

#rdCmbUSDAItem + span {
    visibility: visible !important;
}

.rdgrd .rgMasterTable {
    overflow: auto;
    max-height: 120px;
    display: block;
}

    .rdgrd .rgMasterTable thead tr th:nth-child(1) {
        width: 141px;
    }

.vali {
    visibility: visible !important;
}

/*new Calendar styles */
.largecalNew tr.rcRow > td {
    height: 130px;
    width: 14% !important;
    max-width: 14% !important;
    border: 1px solid Gainsboro;
    vertical-align: top;
    position: relative;
    cursor: pointer !important;
}

.largecalNew div.menucalendar {
    padding: 2px;
}

.largecalNew .menucalendar img {
    position: absolute;
    top: 14px;
    right: 0px;
}

.largecalNew .menucalendar a.menu {
    text-align: left;
    width: 100% !important;
    display: block;
    text-decoration: underline !important;
    color: #56F !important;
    background-image: none !important;
}

.servingDateNavigationCalendarIcon {
    cursor: pointer;
    vertical-align: middle;
    margin-left: 10px;
}

.break-word {
    word-wrap: break-word;
}

.zoom200Percent {
    width: 0px;
    height: 0px;
    border: solid 2px blue;
    background-color: white;
    z-index: 1001;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 3px;
    line-height: 12px;
    color: green;
    /*Zoom to 200%*/
    -webkit-transform: scale(2.0);
    -moz-transform: scale(2.0);
    -ms-transform: scale(2.0);
    -o-transform: scale(2.0);
    transform: scale(2.0);
}

.Subtabs {
    min-width: 200px;
    max-width: 1920px;
    margin-left: -10px;
    margin-right: auto;
    font-size: 14px;
}

    .Subtabs ul {
        padding: 0 10px;
        margin: 0;
    }

        .Subtabs ul:after {
            content: "";
            display: table;
            clear: both;
        }

    .Subtabs li {
        display: inline;
    }

        .Subtabs li a {
            display: block;
            float: left;
            line-height: 30px;
            color: black;
            font-weight: normal;
            padding: 0 10px;
            margin-right: 1px;
            text-decoration: none !important;
            background: lightGrey;
            border-left: 1px solid #4A5864;
            border-right: 1px solid #4A5864;
            border-top: 1px solid #4A5864;
            -moz-border-radius: 4px 4px 0 0;
            -webkit-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
            /*text-shadow: 0 -1px 0 #2F363E;*/
        }

            .Subtabs li a:hover {
                background: #46515E;
                border-left: 1px solid #526270;
                border-right: 1px solid #526270;
                border-top: 1px solid #526270;
                color: steelblue;
            }

.SFACATabStyle {
    border-top-style: solid !important;
    border-top-width: 1px !important;
    border-top-color: lightgrey !important;
    padding-top: 5px !important;
}

.MandataryFieldColor {
    color: #8f3838 !important;
}

.MandataryFieldColorGrid {
    color: #710000 !important;
}

.rwzDisabled a {
    color: #545467 !important;
}

.GridRefreshButtonColor {
    background-color: #4e96aa !important;
    color: #07077a !important;
}

#divloginBoxes div:first-child span.logintext:before {
    content: "Username";
}

#divloginBoxes div:nth-child(2) span.logintext:before {
    content: "Password";
}

.RadGrid .rgWrap {
    font-weight: normal;
    color: black !important;
}

.RadGrid_Vista .rgGroupHeader {
    background: none !important;
}

.RadGrid .rgInfoPart {
    color: black !important;
}

.RadGrid_Vista .rgCommandRow a {
    color: black !important;
}

.RadGrid_Vista .rgCommandRow td {
    background-color: #4e96aa !important;
}

.RadGrid_Sunset tr.rgGroupHeader {
    color: black !important;
}

.RadForm .rfdHeading h4, .RadForm.rfdHeading h5 {
    color: #3d5a80 !important;
}

.RadForm_Sunset.rfdHeading h4, .RadForm_Sunset.rfdHeading h5 {
    color: #3d5a80 !important;
}

.RadForm_Vista.rfdHeading h4, .RadForm_Vista.rfdHeading h5 {
    color: #3d5a80 !important;
}

.RadForm_Telerik.rfdFieldset legend, .RadForm_Telerik.rfdFieldset fieldset legend, .RadForm_Telerik.rfdFieldset table.rfdRoundedWrapper_fieldset legend {
    color: #102e07 !important;
}

.RadForm_Sunset .rgHeader .rfdCheckboxChecked {
    color: #fff !important;
}

.RadForm_Sunset .rgHeader .rfdCheckboxUnchecked {
    color: #fff !important;
}

table.table-border {
    border-spacing: 0 !important;
    width: 100%;
}

    table.table-border tbody td {
        border-bottom: 1px solid #ddd !important;
        padding: 3px 5px;
    }

    table.table-border td:first-child {
        padding-left: 10px;
    }

    table.table-border tbody tr:last-child td {
        border: 0 !important;
    }

    table.table-border tfoot td {
        padding: 10px 5px 0 5px;
        font-weight: bold;
        border-top: 1px solid #ccc !important;
    }

    table.table-border td:last-child {
        text-align: right;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        width: 50%;
    }

.td-divider {
    background: #F8F8F8;
    padding: 5px 10px !important;
    text-align: left !important;
    font-weight: normal !important;
}

.clsButton {
    padding: 1px 4px 3px 4px;
    /*font: 12px normal Arial, Sans-Serif;*/
    vertical-align: baseline;
    height: 24px;
    overflow: visible;
}

.spacer-50p {
    height: 50px;
    width: 100%;
    clear: both;
}

.spacer-30p {
    height: 30px;
    width: 100%;
    clear: both;
}

.spacer-20p {
    height: 20px;
    width: 100%;
    clear: both;
}

.spacer-15p {
    height: 15px;
    width: 100%;
    clear: both;
}

.spacer-10p {
    height: 10px;
    width: 100%;
    clear: both;
}

.spacer-2p {
    height: 2px;
    width: 100%;
    clear: both;
}

.span-mandatory {
    color: #ff0000;
}

.btn-hidden {
    visibility: hidden;
    display: none;
}

.btn-wrap-text {
    word-wrap: break-word !important;
    padding: 1px;
    width: 100px;
    white-space: normal;
}

.zero-padding {
    padding: 0px !important;
}

.cag-popup-question-header {
    border: 1px solid #9cb6c5 !important;
}

.cag-popup-status-box {
    border: 1px solid #9cb6c5;
    background-color: #F8F8F8;
    height: 40px;
    padding: 10px 0px 0px 10px;
}

.cag-standardtext-box {
    border: 1px solid #9cb6c5 !important;
    margin-top: 5px;
}

.cag-ca-detail {
    min-height: 100px;
    padding: 10px;
    border: 1px solid #9cb6c5;
    border-radius: 5px;
    margin-top: 15px;
}

.cag-ca-label {
    border: 1px solid #ebe9e9;
    border-radius: 2px;
    margin-bottom: 10px;
    min-height: 80px;
    padding: 5px;
}

.cag-modified-details {
    padding-top: 1px;
    font-style: italic;
    font-size: 11px;
}

.cag-btn-group {
    border-radius: 5px;
    border: 1px solid #827b7b;
    padding: 2px 15px 3px 15px;
    color: #000;
    font-weight: bold;
}

.cag-lbl-group-name {
    font-weight: bold;
    color: #233b80;
}

.cag-div-warning {
    background-color: #e5e4b1;
    border-radius: 5px;
    margin-top: 5px;
    padding: 5px 10px;
    font-style: italic;
}

.cag-div-followup {
    font-weight: bold;
    padding-top: 10px;
    clear: both;
    width: 100%;
}

.panel-solid-border {
    border: 1px solid #9cb6c5
}

.RadGrid_Telerik .rgCommandCell .asphl:link {
    color: black !important;
    text-decoration: none;
}

.RadGrid_Vista .rgCommandCell .asphl:link {
    color: black !important;
    text-decoration: none;
}

.RadGrid_Sunset .rgCommandCell .asphl:link {
    color: white !important;
    text-decoration: none;
}

.RadGrid_Default .rgCommandCell .asphl:link {
    color: black !important;
    text-decoration: none;
}

.compliance508ErrorText {
    color: #8f3838;
}

.GBYellow fieldset {
    border: 1px solid orange !important;
}

.boxBorder {
    margin: 0 5px 5px 0;
    padding: 10px;
    border: 1px solid #BAC1C9;
}
/* UX Revamp Changes */
.menu-icon-div {
    /*display: flex;*/
    float: left;
    /*align-items: center;
    justify-content: center;*/
    position: relative;
    top: 15px;
    margin-right: 12px;
}

.menu-icon,
.menu-icon-new {
    /*width: 28px;
    height: 28px;
    cursor: pointer;
    background-color: #F4EBFF;
    border-radius: 5px;
    padding: 8px;
    border-radius: 100%;
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: -10px;*/
    position: relative;
    top: -2px;
    cursor: pointer;
}

.menu-icon {
    transform: rotate(180deg)
}

.NavigationSideMenuBar .divsubnavmenu div.box h1 a,
.NavigationSideMenuBar .divsubnavmenu div.box h1 a:hover {
    background-repeat: no-repeat;
    background-size: 36px 18px;
    background-position: 5px center;
    background-color: #F4EBFF !important;
    color: #2E2395 !important;
    text-shadow: none !important;
    font-weight: bold;
    width: 100% !important;
    border-radius: 0 !important;
    height: 45px;
}

.divsubnavmenu div.box h1 a[data-content="Administration"] {
    background-image: url("../../images/Admin.svg");
}

.divsubnavmenu div.box h1 a[data-content="Tools"] {
    background-image: url("../../images/calendar-check-01.svg");
}

.divsubnavmenu div.box h1 a[data-content="Configuration"] {
    background-image: url("../../images/settings-02.svg");
}

.divsubnavmenu div.box h1 a[data-content="Reports"] {
    background-image: url("../../images/Reports.svg");
}

.divsubnavmenu div.box h1 a[title="Sites and Users"] {
    background-image: url("../../images/sites-and-users.svg");
}

.divsubnavmenu div.box h1 a[data-content="Monitoring"] {
    background-image: url("../../images/monitoring.svg");
}

.divsubnavmenu div.box h1 a[data-content="Management"] {
    background-image: url("../../images/management.svg");
}

.divsubnavmenu div.box h1 a[title="System Tools"] {
    background-image: url("../../images/system-tools.svg");
}

.divsubnavmenu div.box h1 a[data-content="Ingredients"] {
    background-image: url("../../images/Ingredients.svg");
}

.divsubnavmenu div.box h1 a[data-content="Forecast"] {
    background-image: url("../../images/forecast.svg");
}

.divsubnavmenu div.box h1 a[data-content="Menus"] {
    background-image: url("../../images/menus.svg");
}

.divsubnavmenu div.box h1 a[data-content="Reviews"] {
    background-image: url("../../images/reviews-2.svg");
}

.divsubnavmenu div.box h1 a[data-content="Production"] {
    background-image: url("../../images/Reports.svg");
}

.divsubnavmenu div.box h1 a[title="Global Catalog"],
.divsubnavmenu div.box h1 a[data-content="Catalogs"] {
    background-image: url("../../images/catalogs.svg");
}

.divsubnavmenu div.box h1 a[data-content="Patrons"] {
    background-image: url("../../images/patrons.svg");
}

.divsubnavmenu div.box h1 a[data-content="Applications"] {
    background-image: url("../../images/applications.svg");
}

.divsubnavmenu div.box h1 a[data-content="Bills"] {
    background-image: url("../../images/bills.svg");
}

.divsubnavmenu div.box h1 a[data-content="Reimbursements"] {
    background-image: url("../../images/reimbursements.svg");
}

.divsubnavmenu div.box h1 a[data-content="Daily"] {
    background-image: url("../../images/daili-reports.svg");
}

.divsubnavmenu div.box h1 a[data-content="Patron"] {
    background-image: url("../../images/patron-reports.svg");
}

.divsubnavmenu div.box h1 a[data-content="Business"] {
    background-image: url("../../images/bisiness-reports.svg");
}

.divsubnavmenu div.box h1 a[title="Menu Items"] {
    background-image: url("../../images/menu-items.svg");
}

.divsubnavmenu div.box h1 a[title="Orders"] {
    background-image: url("../../images/orders.svg");
}

.divsubnavmenu div.box h1 a[title="Accounts Receivable "],
.divsubnavmenu div.box h1 a[title="Accounts Payable"] {
    background-image: url("../../images/account-payable.svg");
}

.divsubnavmenu div.box h1 a[title="General Ledger"] {
    background-image: url("../../images/general-ledger.svg");
}

.divsubnavmenu div.box h1 a[title="Statements"] {
    background-image: url("../../images/statements.svg");
}

.divsubnavmenu div.box h1 a[title="Recalls/Complaints"] {
    background-image: url("../../images/recallsncomplients.svg");
}

.divsubnavmenu div.box h1 a[title="Transfers"] {
    background-image: url("../../images/transfer.svg");
}

.divsubnavmenu div.box h1 a[title="Orders/Receipts"] {
    background-image: url("../../images/orders.svg");
}

.divsubnavmenu div.box h1 a[title="Transfers/Withdrawals"] {
    background-image: url("../../images/transfer-1.svg");
}

.divsubnavmenu div.box h1 a[title="Central Warehouse"] {
    background-image: url("../../images/warehouse-1.svg");
}

.divsubnavmenu div.box h1 a[title="Warehouse Bins"] {
    background-image: url("../../images/warehousebin.svg");
}

.divsubnavmenu div.box h1 a[title="Commodities"] {
    background-image: url("../../images/commodities.svg");
}

.divsubnavmenu div.box h1 a[title="Inventory"] {
    background-image: url("../../images/Inventory.svg");
}

.divsubnavmenu div.box h1 a[title="Recalls"] {
    background-image: url("../../images/recallsncomplients.svg");
}

.divsubnavmenu div.box h1 a[title="Warehouse Config"] {
    background-image: url("../../images/warehouse-1.svg");
}

.divsubnavmenu div.box h1 a[title="Central Production"] {
    background-image: url("../../images/warehouse-1.svg");
}

.divsubnavmenu div.box h1 a[data-content="Reports"] {
    background-image: url("../../images/Reports.svg");
}

.divsubnavmenu div.box h1 a[title="Plan and Record"] {
    background-image: url("../../images/plannrecord.svg");
}

.divsubnavmenu div.box h1 a[title="Stations"] {
    background-image: url("../../images/stations.svg");
}

.divsubnavmenu div.box h1 a[title="Sponsor Applications"],
.divsubnavmenu div.box h1 a[title="Online Applications"] {
    background-image: url("../../images/applications.svg");
}

.divsubnavmenu div.box h1 a[title="FFVP"] {
    background-image: url("../../images/ffvp.svg");
}

.divsubnavmenu div.box h1 a[title="Non-Congregate Meals"] {
    background-image: url("../../images/ffvp.svg");
}

.divsubnavmenu div.box h1 a[title="Appeals"] {
    background-image: url("../../images/appeals.svg");
}

.divsubnavmenu div.box h1 a[title="Food Safety Inspections"] {
    background-image: url("../../images/foodSafetyinpections.svg");
}

.divsubnavmenu div.box h1 a[title="Reimbursement Claims"] {
    background-image: url("../../images/reimbursements.svg");
}

.divsubnavmenu div.box h1 a[title="CEP"] {
    background-image: url("../../images/applications.svg");
    background-size: 37px 18px;
}

    .divsubnavmenu div.box h1 a[title="CEP"]:hover {
        background-image: url("../../images/applications.svg");
        background-size: 37px 18px;
    }

.divsubnavmenu div.box h1 a[title="Verification"] {
    background-image: url("../../images/verifications.svg");
}

.divsubnavmenu div.box h1 a[title="Verification"] {
    background-image: url("../../images/verifications.svg");
}

.divsubnavmenu div.box h1 a[title="Financials"] {
    background-image: url("../../images/financials.svg");
}

.divsubnavmenu div.box h1 a[title="Summer EBT"] {
    background-image: url("../../images/summerEBT.svg");
}

.divsubnavmenu div.box h1 a[title="Eligibility Reports"] {
    background-image: url("../../images/eligibility-reports.svg");
}

.divsubnavmenu div.box h1 a[title="Application Reports"] {
    background-image: url("../../images/application-reports.svg");
}

.divsubnavmenu div.box h1 a[title="Direct Verification"] {
    background-image: url("../../images/direct-verifications.svg");
}

.divsubnavmenu div.box h1 a[title="Time Clock"] {
    background-image: url("../../images/time-clock.svg");
}

.divsubnavmenu div.box h1 a[title="Diagnostics"] {
    background-image: url("../../images/diagnostics.svg");
}

.divsubnavmenu div.box h1 a[title="Alerts"] {
    background-image: url("../../images/alerts.svg");
}

.divsubnavmenu div.box h1 a[title="Devices"] {
    background-image: url("../../images/devices.svg");
}

.divsubnavmenu div.box h1 a[title="Dashboard"] {
    background-image: url("../../images/dashboard.svg");
}
.divsubnavmenu div.box h1 a[title="Vending"] {
    background-image: url("../../images/vending.svg");
}
.divsubnavmenu div.box h1 a[title="Income Surveys"] {
    background-image: url("../../images/IncomeSurvey.svg");
}
.divsubnavmenu div.box h1 a[title="Direct Verification"] {
    background-image: url("../../images/DirectVerification.svg");
}
.divsubnavmenu div.box h1 a[title="Bid Management"] {
    background-image: url("../../images/Bid-analysis.svg");
}



.divsubnavmenu div.box h1 a {
    text-indent: 32px;
}

.NavigationSideMenuBar {
    margin-left: 0 !important;
    margin-top: 0px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow: 0px 0px 2px #ccc;
    width: 242px !important;
}

.NavigationSideMenuBarToggle {
    width: 48px !important;
}

    .NavigationSideMenuBarToggle .divsubnavmenu div.box h1 a {
        text-indent: 42px;
    }

        .NavigationSideMenuBarToggle .divsubnavmenu div.box h1 a,
        .NavigationSideMenuBarToggle .divsubnavmenu div.box h1 a:hover {
            background-size: 38px 18px;
        }

    .NavigationSideMenuBarToggle .subnav_section {
        display: none !important;
    }

#ctl00_maincontentarea {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.MainContentAreaToggle {
    padding-left: 60px !important
}

.divsubnavmenu div.box .subnav_section {
    border: 0;
}

    .divsubnavmenu div.box .subnav_section ul li a {
        background-repeat: no-repeat !important;
        background-size: 18px 18px !important;
        background-position: 5px center !important;
        background-color: transparent !important;
        border: 0 !important;
        color: #344054 !important;
        /*text-indent: 20px;
background-image: url("../../images/file-check-02.svg") !important;*/
        font-weight: bold;
        padding: 5px 10px 5px 16px;
    }

        .divsubnavmenu div.box .subnav_section ul li a:hover,
        .divsubnavmenu div.box .subnav_section ul li.active a {
            color: #7F56D9 !important;
        }

body form[action="./Dashboard.aspx"] .menu-icon,
body form[action="./Dashboard.aspx"] .menu-icon-new,
body form[action="./dashboard.aspx"] .menu-icon,
body form[action="./dashboard.aspx"] .menu-icon-new {
    display: none !important;
}

.header-banner-nav-icon-section ul {
    /*float: right;*/
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .header-banner-nav-icon-section ul li {
        display: inline-block;
        padding: 0 10px;
        cursor: pointer;
    }

    .header-banner-nav-icon-section ul > li a > img,
    .header-banner-nav-icon-section ul > li > img {
        width: 18px;
        position: relative;
        top: 3px;
    }

.container_header {
    /*background-color: transparent !important;*/
    background-color: #7266DB !important;
    padding: 0 16px;
}


#container_header_top_nav .grid_1 .logo {
    width: 175px;
    position: relative;
    top: -2px;
    margin-left: 0 !important;
}

#container_header_top_nav .grid_Version {
    color: #7F56D9 !important;
    font-weight: bold;
    display: none;
}

.module-tabs.module-tabs-revamp.module-tabs-revamp-show a {
    color: #2E2395 !important;
}

.module-tabs.module-tabs-revamp.module-tabs-revamp-show li.current a {
    color: #ffffff !important;
}

.module-tabs.module-tabs-revamp.module-tabs-revamp-show a img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(65%) saturate(2799%) hue-rotate(237deg) brightness(74%) contrast(108%);
}

.module-tabs-revamp {
    width: 375px !important;
    border-radius: 8px;
}

.module-tabs-revamp,
.header-banner-nav {
    width: max-content;
    box-shadow: 0px 0px 6px #ccc;
    padding: 0px;
    position: absolute;
    right: 52px;
    top: 0;
    z-index: 9999;
    background: #fff;
    min-width: unset;
    max-width: unset;
    display: none;
    animation: fadeOut 0.7s ease-in;
}

@keyframes fadeOut {
    0% {
        opacity: 0.5;
        display: block;
    }

    25% {
        opacity: 0.25;
        display: none;
    }

    50% {
        opacity: 0.50;
        display: none;
    }

    75% {
        opacity: 0.75;
        display: none;
    }

    100% {
        opacity: 1;
        display: none;
    }
}

.grid_flex_2 .header-banner-nav {
    right: 16px;
}

.header-banner-nav {
    top: 45px;
}

.module-tabs-revamp-show,
.header-banner-nav-show {
    display: block;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.5s;
}

.header-banner-nav-show {
    z-index: 9999999999;
}

    .header-banner-nav-show a.LoginLogOffElement img,
    .header-banner-nav a.LoginLogOffElement img {
        width: 21px;
        height: 21px;
        position: relative;
        top: 5px;
    }

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.module-tabs-revamp ul {
    padding: 4px 12px 12px 4px;
}

.module-tabs-revamp li {
    width: 50%;
    float: left;
    display: inline-block;
    padding: 8px 0 0 8px;
    border-radius: 8px;
}

    .module-tabs-revamp li a,
    .module-tabs-revamp li a:hover,
    .header-banner-nav span a,
    .header-banner-nav span a:hover {
        float: none;
        background: none;
        padding: 12px 12px !important;
        margin: 0;
        border: 0;
        color: #000 !important;
        font-weight: bold;
        text-shadow: none;
        display: block;
        height: auto !important;
        width: 100% !important;
        line-height: normal;
    }

        .module-tabs-revamp li a,
        .module-tabs-revamp li a:hover {
            height: 80px !important;
        }

    .module-tabs-revamp li a {
        background-color: #F4EBFF !important;
        border-radius: 8px;
    }

        .module-tabs-revamp li a:hover {
            background-color: #7667dc !important;
        }

.module-tabs.module-tabs-revamp.module-tabs-revamp-show a:hover img {
    filter: brightness(0) saturate(100%) invert(95%) sepia(0%) saturate(21%) hue-rotate(359deg) brightness(106%) contrast(104%);
}

.module-tabs-revamp li a:hover span {
    color: #ffffff;
}

.module-tabs-revamp li a img {
    width: 21px !important;
    max-height: 21px !important;
}

.module-tabs-revamp li.current a {
    background-color: #7367de !important;
    color: #ffffff !important;
}

.module-tabs.module-tabs-revamp.module-tabs-revamp-show li.current a img {
    filter: brightness(0) saturate(100%) invert(95%) sepia(0%) saturate(21%) hue-rotate(359deg) brightness(106%) contrast(104%);
}

.header-banner-nav span a:hover,
.header-banner-nav span a:active {
    color: #7F56D9 !important
}

.module-tabs-revamp li a span,
.module-tabs-revamp li.current a span,
.module-tabs-revamp li a:hover span,
.module-tabs-revamp li.current a:hover span {
    position: relative;
    top: 10px;
}

.module-tabs-revamp li a,
.module-tabs-revamp li.current a,
.module-tabs-revamp li a:hover,
.module-tabs-revamp li.current a:hover {
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center 15px;
    text-align: center;
}

/*.module-tabs-revamp li:first-child a,
.module-tabs-revamp li.current:first-child a {
background-image: url("../../images/Program-management.svg");
}*/
/*
.module-tabs-revamp li:nth-child(2) a,
.module-tabs-revamp li.current:nth-child(2) a {
background-image: url("../../images/Pointof-sale.svg");
}

.module-tabs-revamp li:nth-child(3) a,
.module-tabs-revamp li.current:nth-child(3) a {
    background-image: url("../../images/Student-eligibility.svg");
}

.module-tabs-revamp li:nth-child(4) a,
.module-tabs-revamp li.current:nth-child(4) a {
background-image: url("../../images/Reviews.svg");
}

.module-tabs-revamp li:nth-child(5) a,
.module-tabs-revamp li.current:nth-child(5) a {
background-image: url("../../images/Bid-analysis.svg");
}

.module-tabs-revamp li:nth-child(6) a,
.module-tabs-revamp li.current:nth-child(6) a {
background-image: url("../../images/Financials.svg");
}

.module-tabs-revamp li:nth-child(7) a,
.module-tabs-revamp li.current:nth-child(7) a {
background-image: url("../../images/Inventory.svg");
}

.module-tabs-revamp li:nth-child(8) a,
.module-tabs-revamp li.current:nth-child(8) a {
background-image: url("../../images/list.svg");
}

.module-tabs-revamp li:nth-child(9) a,
.module-tabs-revamp li.current:nth-child(9) a {
background-image: url("../../images/truck.svg");
}

.module-tabs-revamp li:last-child a,
.module-tabs-revamp li.current:last-child a {
background-image: url("../../images/System.svg");
}*/

.relative {
    position: relative;
}

#container_header_top_nav {
    overflow: unset;
}

.section {
    border: 0 !important;
}

.section_title h1 {
    background: none !important;
    text-shadow: none !important;
    color: #666 !important;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 0 !important;
}

.container_header_top_nav_wrap {
    border-bottom: 0 solid #F2F4F7 !important;
}

.grid_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.container_main .grid_2_full .content,
.container_main .grid_2_full {
    padding: 0 !important;
}

.container_main {
    padding: 0 !important;
    margin-top: 0 !important;
}

/*.page-title {
padding: 10px 0;
}*/

.grid_title {
    display: flex;
    align-items: center;
}

h1.grid_title-si, h1.grid_title-ss {
    display: flex;
    gap: 12px;
    align-items: center;
}

.grid_title_leftcontext {
    display: flex;
    align-items: center;
}

.grid_title_leftcontext_opt {
    display: flex;
    align-items: center;
    gap: 12px;
}

.grid_title_leftcontext span.user-manual {
    margin-right: 12px;
    margin-left: 8px;
}

    .grid_title_leftcontext span.user-manual .infoIcon {
        width: 21px;
        height: 21px;
    }

.grid_title_leftcontext_opt.editSale_printBtn {
    justify-content: space-between;
    width: 100%;
}

.grid_title_leftcontext_opt span {
    font-weight: 500;
}

    .grid_title_leftcontext_opt span.user-manual {
        position: relative;
        top: 2px;
    }

        .grid_title_leftcontext_opt span.user-manual input {
            width: 23px;
            height: 23px;
        }

.editSale_printBtn #spnReportCaller .x-split-button {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
}

    .editSale_printBtn #spnReportCaller .x-split-button img {
        width: 24px;
        height: 24px;
    }

.editSale_printBtn #spnReportCaller .x-button.x-button-drop {
    width: 52px;
    text-align: center;
    height: 35px;
    border-radius: 5px;
}

.grid_title_leftcontext_opt input[type="submit"] {
    margin: 0;
}

.grid_title_leftcontext_opt table.rblist {
    width: max-content;
}

.grid_title img {
    width: 23px;
    height: 18px;
    position: relative;
    top: 1px;
}

.dashboard-newgrid .grid_title img {
    width: 48px;
    height: 48px;
    margin-right: 8px;
}

.grid_title_leftcontext_opt table.rblist span {
    margin-right: 8px;
}

.grid_title h1 {
    background-color: transparent !important;
    font-size: 15px !important;
    border: 0 !important;
    background: none !important;
    text-shadow: none !important;
    color: #2E2395 !important;
    font-weight: bold;
    padding: 0 !important;
    height: auto;
}

    .grid_title h1#headerbuttons {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 12px;
    }

    .grid_title h1 #idMealServices {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 12px;
        padding-left: 12px;
    }

.content .grid_title h1.clearfix div span {
    padding-bottom: 0px !important;
}

.content .grid_title h1.clearfix span + div {
    line-height: 25px !important;
}

div[id$="upnlFindReplaceMPObjects"] fieldset legend {
    font-size: 14px !important;
    font-weight: 700;
    margin-bottom: 8px !important;
}
/*Dashboard module menu new design styles start*/
.dashboard-newgrid .col-1-2:nth-child(1) {
    padding-right: 24px;
}

.dashboard-newgrid .col-1-2:nth-child(2) {
    /*padding-right: 16px;*/
}

.dbd-module-menu {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
}

ul.dbd-module-menu {
    padding: 0;
    margin: 0;
}

li.module-menu-item {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dbd-module-menu .module-menu-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    text-align: center;
    background-color: #F4EBFF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    color: #2E2395;
    padding: 32px 21px;
    border-radius: 8px;
    float: none;
    border: 0;
    text-shadow: none
}

    .dbd-module-menu .module-menu-item a span {
        font-size: 14px;
        font-weight: 700;
    }

    .dbd-module-menu .module-menu-item a img {
        padding-bottom: 18px;
        width: 32px;
        filter: brightness(0) saturate(100%) invert(19%) sepia(65%) saturate(2799%) hue-rotate(237deg) brightness(74%) contrast(108%);
    }

    .dbd-module-menu .module-menu-item a:hover {
        color: #ffffff;
        background-color: #7667dc;
        border: 0;
    }

        .dbd-module-menu .module-menu-item a:hover img {
            filter: brightness(0) saturate(100%) invert(95%) sepia(0%) saturate(21%) hue-rotate(359deg) brightness(106%) contrast(104%)
        }

.dashboard-newgrid .module {
    padding-bottom: 16px;
}
/*Dashboard module menu new design styles END*/
.CommonPanel {
    box-shadow: inset 0 0 3px #ccc;
    padding: 10px;
    border-radius: 8px;
}

.announcementsBox .CommonPanel:nth-child(1) {
    min-height: 133px;
}

.dashboard.CommonPanel .rgMasterTable tr th.rgHeader {
    display: none;
}

.dashboard.CommonPanel .RadGrid,
.dashboard.CommonPanel .RadGrid .rgMasterTable tr th,
.dashboard.CommonPanel .RadGrid .rgMasterTable tr td {
    border: none !important;
    box-shadow: none !important;
}



    .dashboard.CommonPanel .RadGrid .rgMasterTable tr td a {
        color: #344054 !important;
        font-weight: 400;
    }

.announcements-more a {
    font-weight: 500;
    padding-left: 10px;
    margin-top: 10px !important;
    text-decoration: none !important;
    color: #2E2395 !important;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: right;
}

.filter {
    border-bottom: 0 solid #BAC1C9;
}

.parameters_pnlSchool .block.clearfix {
    width: auto;
}

.editAdditionalIncome-summary div[id$="SiteTD"].element {
    display: flex;
    float: none;
    margin: 0;
    gap: 16px;
}

.parameters_element .element {
    float: none;
    padding: 0 !important;
}

.editAdditionalIncome-summary .parameters_summary > .clearfix {
    width: auto;
}

.filter .parameters span[id$="upSiteControl"] .block.clearfix,
.filter .parameters div[id$="upSiteControl"] .block.clearfix,
.filter.printReminders-filter .block.clearfix {
    width: auto;
}

.filter .parameters span[id$="upSiteControl"] .element,
.filter .parameters div[id$="upSiteControl"] .element,
.filter .parameters_pnlSchool .element,
.filter.printReminders-filter .element {
    /*float: none;*/
    margin: 0;
    padding: 0;
}

.divEditMessage-lable span.RadInput input[id$="dateInput"],
.addRenewApplicaton-UpdatePane input[id$="dateInput"],
.addRenewApplicaton-subtable input[id$="dateInput"],
.RadForm.rfdTextbox .addRenewApplicaton-subtable .RadInput input[type="text"].rfdDecorated,
.divChoiceTextSection .riSingle .riTextBox,
div[id$="pageViewCorrectiveAction"] .riSingle .riTextBox,
.divCorrectiveActionTextSection .riSingle .riTextBox,
.RadForm.rfdTextbox .pnlCorrectiveActionSearch-cls input[type="text"].rfdDecorated,
.RadForm.rfdTextbox div[id$="rgCAGroups"] input[type="text"].rfdDecorated,
.RadForm.rfdTextbox .date-container .riSingle input.rfdDecorated[type="text"],
.date-container input[id$="dateInput"]
.riTextBox,
.RadForm.rfdTextbox .date-container .riSingle input.rfdDecorated[type="text"] {
    width: 100% !important;
}

div[id$="rcmReportExport_detached"].RadMenu_Default_Context {
    left: auto !important;
    right: 12px;
}

    div[id$="rcmReportExport_detached"].RadMenu_Default_Context > ul {
        margin-top: 5px;
    }

.filter .parameters span[id$="upSiteControl"] .tdSiteClass,
.filter .parameters div[id$="upSiteControl"] .tdSiteClass,
.filter .parameters div[id$="tdSite"] .tdSiteClass,
.filter.printReminders-filter div[id$="tdSite"].tdSiteClass,
.filter.printReminders-filter div[id$="pnlVisible"],
.filter.printReminders-filter .parameters,
.filter .parameters span[id$="upSiteControl"],
.filter .parameters div[id$="upSiteControl"],
span[id$="upSiteControl"] .filter
.editAdditionalIncome-summary .parameters_summary,
.parameters_pnlSchool,
.filter .parameters div[id$="upSiteControl"],
.accounts-siteCode .tdSiteClass, .filter-flex, .import-exports {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.RadForm.rfdTextbox .filter [id$="pnlLookup"] input[id$="txtStudentID"] {
    width: 220px !important;
}

.filter.printReminders-filter div[id$="balanceTBDiv"] {
    padding: 6px 0
}

.filter .parameters .upSiteControl_dateFilter {
    width: 100%;
    margin-top: -16px;
}

    .filter .parameters .upSiteControl_dateFilter .upSiteControl_dateFromTo {
        display: flex;
        gap: 16px;
        align-items: center;
        margin: 16px 0 24px 0;
    }

.element-account {
    display: flex;
    gap: 16px;
    align-items: center;
}

    .element-account .defaultbutton {
        margin: 0;
    }

.recordSales_mainGrid .tdSiteClass {
    display: flex;
    gap: 16px;
}

.recordSales_mainGrid .recordSales_mainGrid2 .element {
    float: none;
    margin: 0;
    padding: 0;
    width: 220px;
}

.element.select_specialroaster {
    width: 220px;
    margin-top: 4px;
}

.recordSales_mainGrid2 {
    display: flex;
    gap: 16px;
}

.print-Criteria > table {
    padding: 12px 0;
}

    .print-Criteria > table tr td:first-child {
        width: fit-content;
        padding-right: 16px;
    }

    .print-Criteria > table tr td {
        padding-bottom: 2px;
        padding-top: 2px;
    }

.print-Criteria .print-Criteria--incdays {
    display: flex;
    gap: 16px;
}

.printReminders-Criteria {
    display: flex;
    align-items: center;
}


#loginheader,
#loginfooter,
/*#DivCTS,*/
.publiclink,
#RequiredFieldValidator1,
#RequiredFieldValidator2 {
    display: none !important;
}

#loginouter {
    background-color: #FFFFFF !important;
    border-radius: 12px;
    display: flex;
    gap: 30px;
    flex-wrap: nowrap;
    align-items: center;
    box-shadow: none;
    border: 0 solid #d1d5dd !important;
}

#DivCTS {
    width: 315px;
    padding: 30px;
    position: relative;
}

    #DivCTS::after {
        content: " ";
        border-left: 1px solid #d1d1d1;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 1%;
    }

    #DivCTS .infoMsg h4 {
        margin-bottom: 8px;
        color: #7F56D9;
    }

    #DivCTS .infoMsg p {
        margin-bottom: 6px;
        color: #717171;
        font-weight: 700;
    }

    #DivCTS .infoMsg .infoMsg_dis {
        line-height: 18px;
        color: #717171;
    }

    #DivCTS a.asphl {
        display: inline-block;
        border-bottom: 0 solid #7266DB;
        border-radius: 0;
        padding: 4px 8px 3px 0;
        margin-top: 8px;
        font-size: 14px;
        font-weight: 500;
        color: #7266DB !important;
        text-decoration: underline;
    }

#divloginBoxes div:first-child span.logintext:before {
    content: "Username" !important;
}

.logintext {
    font-size: 14px !important;
    color: #344054 !important;
    font-weight: 500;
    padding-bottom: 5px;
    display: inline-block;
}

#logincontainer {
    width: 650px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    /* Displays SSO without scroll */
    margin-bottom: -150px !important;
}

#logininner {
    border-radius: 5px;
    padding: 30px 30px 30px 30px !important;
    width: 375px;
}

.login-logo {
    text-align: center;
    padding: 1em 0 2.5em 0;
}

    .login-logo img {
        max-width: 100%;
    }

.login-heading {
    text-align: center;
    padding-bottom: 10px;
    color: #7266DB;
    font-size: 30px;
    display: none;
}

.login-des {
    text-align: center;
    padding-bottom: 10px;
    color: #344054;
    font-size: 16px;
    display: none;
}

.validationsummarybox {
    font-size: 14px;
}

.LoginTextBox,
.LoginTextBox:focus,
.LoginTextBox:focus-visible,
.LoginTextBox:focus-within,
.LoginTextBox:visited {
    padding: 8px 16px !important;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0px 1px 2px 0px #1018280D;
    border-radius: 5px;
    background-color: transparent !important;
    height: 40px;
    font-size: 14px !important;
    font-weight: 600 !important;
}

::placeholder {
    font-size: 14px !important;
    font-weight: normal !important;
    font-family: "Nunito Sans", sans-serif !important;
}

#LoginButton.defaultbutton,
.reviews-dashboard #ctl00_UserContentArea_btnApply {
    padding: 12px 12px 12px 12px !important;
    /*width: 100% !important;*/
    color: #fff;
    font-weight: 700 !important;
    text-align: center;
    font-size: 12px !important;
    height: auto !important;
    background-color: #7266DB;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    height: 40px !important;
}

#LoginButton.defaultbutton {
    width: 100%;
    font-size: 14px !important;
}

#login {
    padding-top: 0 !important;
    background: #f1f1f1;
}

#logininner a.asphl {
    color: #7266DB !important;
    font-weight: 500;
    margin-top: 1em;
    display: inline-block;
}

#loginmessages {
    margin-top: 2.5em !important;
    font-weight: 500;
}

.RadForm.rfdRadio.rfdLabel .manage-reviews label,
.RadForm.rfdCheckbox.rfdLabel .manage-reviews label,
#ctl00_UserContentArea_ucSearchCriteria_ucRegionDistrictSelector_lblDistrict,
.RadForm.rfdRadio.rfdLabel label,
.RadForm.rfdCheckbox.rfdLabel label,
#ctl00_UserContentArea_ucUserSearch_RegionSelector_lblRegion {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding-bottom: 5px !important;
    /*display: inline-block;*/
}

#divReviewForms #formholder .grid_title #divchkBulkReviewed label,
#divReviewForms #formholder .grid_title label {
    /*padding-bottom: 0 !important;*/
}

#divReviewForms #formholder .grid_title {
    padding: 5px 0 15px 0;
}

    #divReviewForms #formholder .grid_title img {
        width: unset;
        height: unset;
    }

.RadForm_Vista.rfdLabel .manage-reviews label,
.RadForm_Vista.rfdLabel .manage-reviews .rfdAspLabel,
.RadForm_Vista.rfdRadio .manage-reviews .rfdRadioUnchecked,
.RadForm_Vista.rfdRadio .manage-reviews .rfdRadioChecked,
.RadForm_Vista.rfdCheckbox .manage-reviews .rfdCheckboxUnchecked,
.RadForm_Vista.rfdCheckbox .manage-reviews .rfdCheckboxChecked,
.RadForm.rfdRadio.rfdLabel label,
.RadForm.rfdCheckbox.rfdLabel label {
    color: #344054 !important;
}

.manage-reviews .filter .RadComboBox,
.reviews-dashboard .filter .RadComboBox,
.RadDropDownTree {
    padding: 0 !important;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0px 1px 2px 0px #1018280D;
    border-radius: 8px;
    background-color: transparent !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
}

.RadComboBox {
    padding: 0 !important;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0px 1px 2px 0px #1018280D;
    border-radius: 8px;
    background-color: transparent !important;
    /*width: 100% !important;*/
    height: auto !important;
    box-sizing: border-box;
}

#unitpicker .defaulttextbox,
#unitpicker .RadComboBox {
    margin-bottom: 8px;
}

select {
    padding: 8px !important;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0px 1px 2px 0px #1018280D;
    border-radius: 8px;
/*    background-color: transparent !important;*/
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
    cursor: pointer;
}
.RadForm .RadPicker table tr td.rcInputCell + td {
    background-color:#fff !important;
}

.siteInfo-worksheet select {
    width: 180px !important;
}

.siteInfo-worksheetDays input.trackMyChanges,
.siteInfo-worksheetDays span.RadInput_Default,
.siteInfo-worksheetDays riSingle .riTextBox,
.RadForm.rfdTextbox .siteInfo-worksheetDays .riSingle input.rfdDecorated[type="text"] {
    width: calc(120px - 30px) !important;
}

.RadForm.rfdTextbox .manage-reviews input[type="text"].rfdDecorated,
.RadForm.rfdTextbox .manage-reviews input[type="password"].rfdDecorated,
.RadForm.rfdTextbox .manage-reviews input[type="search"].rfdDecorated,
.RadForm.rfdTextbox .manage-reviews input[type="url"].rfdDecorated,
.RadForm.rfdTextbox .manage-reviews input[type="tel"].rfdDecorated,
.RadForm.rfdTextbox .manage-reviews input[type="email"].rfdDecorated,
html body .manage-reviews .RadInput_Vista .riTextBox {
    padding: 8px !important;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0px 1px 2px 0px #1018280D;
    border-radius: 8px;
    background-color: transparent !important;
    width: 100% !important;
    height: 40px !important;
    box-sizing: border-box;
}

.riSingle textarea.riTextBox {
    height: 120px !important
}

.RadForm.rfdTextbox input[type="text"].rfdDecorated,
.RadForm.rfdTextbox input[type="password"].rfdDecorated,
.RadForm.rfdTextbox input[type="search"].rfdDecorated,
.RadForm.rfdTextbox input[type="url"].rfdDecorated,
.RadForm.rfdTextbox input[type="tel"].rfdDecorated,
.RadForm.rfdTextbox input[type="email"].rfdDecorated,
html body .RadInput_Vista .riTextBox,
.RadGrid input.defaulttextbox,
.radGridItemStyle input.defaulttextbox, /* To have consistant styling for textboxes */
.radGridItemStyle input[type="text"],
.riSingle .riTextBox,
.RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] {
    padding: 8px !important;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0px 1px 2px 0px #1018280D;
    border-radius: 8px;
    /*background-color: transparent !important;*/
    /*width: calc(100% - 24px) !important;*/
    /* width: 100% !important;*/
    height: 40px !important;
    box-sizing: border-box !important;
}
.RadButton_Telerik.rbSkinnedButton, .RadButton_Telerik.rbVerticalButton, .RadButton_Telerik .rbDecorated, .RadButton_Telerik .rbSplitRight, .RadButton_Telerik .rbSplitLeft {
    background-image: none !important;
}
.RadForm_Vista.rfdTextarea textarea, textarea.defaulttextbox { /* To have rounded corner for the textareas */
    padding: 8px !important;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0px 1px 2px 0px #1018280D;
    border-radius: 8px;
    background-color: transparent !important;
    box-sizing: border-box !important;
}
.RadForm_Vista.rfdTextarea textarea:focus {
    outline: 2px solid #7266DB !important;
}
.RadForm.rfdTextbox .input-w24 input[type="text"].rfdDecorated {
    width: calc(100% - 24px) !important;
}

.RadForm.rfdTextbox div[id$="itemRadMultiPage"] input[type="text"].rfdDecorated,
.RadForm.rfdTextbox .filter input[type="text"].rfdDecorated,
.RadForm.rfdTextbox #unitpicker input[type="text"].rfdDecorated,
.RadForm.rfdTextbox #divRecipeInfo input[type="text"].rfdDecorated,
#divRecipeInfo .defaulttextbox,
.RadForm.rfdTextbox div[id$="rmIngredients"] input[type="text"].rfdDecorated,
div[id$="divReviewReviewCR"] .riSingle .riTextBox,
.RadForm.rfdTextbox div[id$="divReviewReviewCR"] .riSingle input.rfdDecorated[type="text"],
.riSingle.RadInput input[id*="dateInput"].riTextBox,
.RadForm.rfdTextbox span[id*="dateInput_wrapper"] input[type="text"].rfdDecorated,
.RadForm.rfdTextbox .element input[type="text"].rfdDecorated {
    /*width: 100% !important;*/
}

.RadForm.rfdTextbox div[id$="itemRadMultiPage"]
.manageItems-price input[type="text"].rfdDecorated {
    width: calc(100% - 24px) !important;
}

.RadForm.rfdTextbox div[id$="itemRadMultiPage"] .manageItems-price span {
    width: 20px;
    display: inline-block;
}

.RadForm.rfdTextbox .docs-uploaddec input[type="text"].rfdDecorated {
    width: 275px !important;
}

.RadForm.rfdTextbox input[type="submit"].rgFilter {
    margin-left: 8px !important;
}

/*.RadForm .RadPicker,
.RadPicker.RadPicker_Default {
    width: 100% !important;
}*/

.RadComboBoxDropDown .rcbItem,
.RadComboBoxDropDown .rcbHovered,
.RadComboBoxDropDown .rcbDisabled,
.RadComboBoxDropDown .rcbLoading,
.RadComboBoxDropDown .rcbCheckAllItems,
.RadComboBoxDropDown .rcbCheckAllItemsHovered {
    padding: 8px !important;
    font-family: "Nunito Sans", sans-serif !important;
    font-size: 14px !important;
}

.holidaySchedule-desc {
    width: 265px;
}

/*.RadComboBoxDropDown {
    width: 265px !important;
}

.RadComboBox,
.defaulttextbox,
.RadPicker,
.rcbInput,
.RadForm .RadPicker,
.rddtPopup_Vista,
.RadDropDownTree {
    width: 265px !important;
}

.RadForm.rfdTextbox #unitpicker input[type="text"].rfdDecorated {
    width: 265px !important;
}*/

#unitpicker .RadComboBox {
    display: block;
}

.RadFormSrv .RadPicker,
.RadFormSrv.RadPicker_Default {
    width: 100% !important;
}

.RadFormSrv .RadForm.rfdTextbox,
.RadFormSrv.RadForm.rfdTextbox {
    width: 100% !important;
}

td.rcbArrowCellRightLeft.rcbArrowCellRight {
    position: relative;
    left: -30px;
}

/*td.rcbArrowCell.rcbArrowCellRight {
    position: relative;
    left: -50px;
}
*/
.manageAllergens-colright div[id$="pnlRepeatingMode"] .radiobutton,
.manageAllergens-colright div[id$="pnlType"] .radiobutton {
    padding-bottom: 3px;
}

.holidaySchedule-desc span.checkbox {
    display: inline-block;
    padding-top: 12px;
}

html body .manage-reviews .RadInput_Vista .riTextBox {
    height: auto !important;
}

.manage-reviews .filter .modal-inner .parameters .block {
    padding: 20px 0;
}

.addEditRDAGroup-table table td {
    padding-bottom: 5px;
    padding-right: 6px;
    vertical-align: top;
}

    .addEditRDAGroup-table table td:first-child {
        font-weight: 700;
    }

        .addEditRDAGroup-table table td:first-child input {
            font-weight: normal;
        }

.manage-reviews .filter .modal-inner .parameters .element,
.manage-reviews .filter .modal-inner .parameters .block .element,
.followup.parameters .element,
.documents.parameters .element {
    width: 20% !important;
    margin: 0 !important;
    padding: 10px 10px 10px 0 !important;
    box-sizing: border-box;
}

.manage-reviews .filter .modal-inner .parameters .element,
.manage-reviews .filter .modal-inner .parameters .block .element {
    width: 25% !important;
}

.divProgramType-grid {
    display: grid !important;
    grid-template-columns: auto auto auto auto;
}

.manage-reviews .filter .modal-inner .parameters .divProgramType-grid .element {
    width: 100% !important;
}

.element_flex {
    display: flex;
    gap: 12px;
    align-items: center;
}

    .element_flex > div > span {
        font-size: 12px;
    }

.RadForm_Vista.rfdFieldset .manage-reviews fieldset {
    border: 0 !important;
}

    .RadForm_Vista.rfdFieldset .manage-reviews fieldset legend {
        border: 0 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #344054 !important;
        margin: 0 !important;
        padding-bottom: 5px;
    }

    .RadForm_Vista.rfdFieldset .manage-reviews fieldset span.radiobutton label {
        font-weight: normal !important;
    }

.exclude-gap {
    margin-top: 5px;
}

    .exclude-gap span.checkbox label {
        font-size: 14px !important;
    }

input[type="radio"],
input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    /* this is needed for iOS. Otherwise the background just becomes black. */
    border: 1px solid #7F56D9 !important;
    height: 22px !important;
    width: 22px !important;
    display: inline-block !important;
    border-radius: 100% !important;
    vertical-align: text-bottom !important;
    position: relative !important;
    background-image: none !important;
    top: 0;
    margin-right: 5px !important;
    box-shadow: 0px 0px 2px #7F56D9;
}

    input[type="radio"]:checked,
    input[type="checkbox"]:checked {
        border: 1px solid #7F56D9 !important;
    }

input[type="checkbox"] {
    border-radius: 5px !important;
}

input[type="checkbox"]:disabled, input[type="radio"]:disabled {
    border: 1px solid #cecece !important;
    box-shadow: 0px 0px 2px #ece4ff;
}

input[type="radio"]::before {
    content: "";
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    top: 0;
}

input[disabled="disabled"].defaultbutton {
    background: #eeeeee;
    cursor: not-allowed;
    pointer-events: none !important;
    color: #717171 !important;
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    margin: auto;
    left: -1px;
    right: 0;
    bottom: 0;
    overflow: hidden;
    top: 1px;
}

input[type="radio"]::before {
    height: 0;
    width: 0;
}

input[type="radio"]:checked::before {
    border: 6px solid transparent;
    border-radius: 100%;
    outline-offset: -6px;
    background: #7F56D9;
}

input[type="checkbox"]:checked::before {
    border-right: 3px solid #7F56D9;
    border-bottom: 3px solid #7F56D9;
    height: 50%;
    width: 30%;
    transform: rotate(45deg) translateY(-20%) translateX(-10%);
}

.purchase-unit .checkbox {
    padding: 0;
    display: block;
}
/*Input checkbox to toggle css*/
.realmnav-login-box .checkbox input[type="checkbox"] {
    position: relative !important;
    width: 45px !important;
    height: 27px !important;
    -webkit-appearance: none !important;
    background: #c6c6c6 !important;
    outline: none !important;
    border-radius: 20px !important;
    box-shadow: none;
    transition: 0.3s;
    cursor: pointer;
}

.realmnav-login-box .checkbox input:checked[type="checkbox"] {
    background: #7266DB !important;
}

.realmnav-login-box .checkbox input[type="checkbox"]:before {
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    border-radius: 20px;
    top: 2px;
    left: 2px !important;
    background: #ffffff;
    transform: scale(1.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: .3s;
    margin: initial;
}

.realmnav-login-box .checkbox input:checked[type="checkbox"]:before {
    left: 20px !important;
    border: 0 !important
}

.realmnav-login-box span.checkbox {
    display: flex;
    gap: 12px;
    align-items: center;
}

    .realmnav-login-box span.checkbox input {
        margin: 0 !important;
    }

.RadForm.rfdRadio.rfdLabel
.realmnav-login-box span.checkbox label {
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
}

.manage-reviews .RadComboBox .rcbInputCell,
.manage-reviews .RadComboBox .rcbArrowCell,
.reviews-dashboard .RadComboBox .rcbInputCell,
.reviews-dashboard .RadComboBox .rcbArrowCell,
.RadComboBox .rcbInputCell,
.RadComboBox .rcbArrowCell {
    background-image: none !important;
    background-position: unset !important;
    padding: 8px !important;
    padding-right: 0 !important;
    border: 0;
    border-radius: 0;
    background-color: transparent;
}

.RadDropDownTree span.rddtInner,
.RadComboBox span.rcbInner,
.RadComboBox span.rcbInner.rcbHovered,
.RadComboBox span.rcbInner.rcbExpanded,
.RadComboBox span.rcbInner.rcbFocused {
    background-image: none;
    background-position: unset !important;
    padding: 8px;
    border: 0;
    border-radius: 8px;
    background-color: transparent;
    height: 40px;
    font-size: 14px;
    box-shadow: none !important;
}

    .RadComboBox span.rcbInner input {
        font-size: 14px !important;
    }

.manage-reviews .RadComboBox .rcbArrowCell,
.reviews-dashboard .RadComboBox .rcbArrowCell,
.RadComboBox .rcbArrowCell,
.RadComboBox .rcbArrowCell {
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    background-position: center center !important;
    background-image: url(../../images/chevron-down.svg) !important;
    content: none !important;
}

.select-modify div[id$="ddlDataSources"] {
    width: 100%;
    background: transparent;
}

    .select-modify div[id$="ddlDataSources"] .rddlInner {
        background: transparent;
        border-radius: 7px;
    }

    .select-modify div[id$="ddlDataSources"] .rddlFakeInput {
        padding: 10px;
    }

    .select-modify div[id$="ddlDataSources"] .rddlIcon {
        background-repeat: no-repeat !important;
        background-size: 38px 18px !important;
        background-position: right center !important;
        background-image: url(../../images/chevron-down.svg) !important;
        padding: 10px;
        width: 100%;
    }

.RadDropDownTree span.rddtInner .rddtIcon::before,
.RadComboBox span.rcbInner .rcbActionButton span::before {
    display: none;
}

.RadDropDownTree span.rddtInner .rddtIcon,
.RadComboBox span.rcbInner .rcbActionButton span {
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    background-position: center center !important;
    background-image: url(../../images/chevron-down.svg) !important;
    content: none !important;
}

.RadComboBox span.rcbInner .rcbActionButton {
    padding: 8px !important;
}

#tblFilters .RadComboBox span.rcbInner .rcbActionButton {
    height: auto;
}

#divUserLookup {
    /*padding: 15px 0 0 0;*/
    display: flex;
}

    #divUserLookup input[type="text"] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    #divUserLookup .defaultbutton {
        height: 40px;
        background-image: none;
        width: 40px;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 0;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        background-color: #fff !important;
        border: 1px solid #D0D5DD;
        border-left: 0;
        cursor: pointer;
        color: #000 !important;
        padding-bottom: 11px !important;
    }

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .modal-footer #ctl00_UserContentArea_btnApply,
    .modal-footer a.asphl:first-child,
    #ctl00_UserContentArea_ucReviewers_rgReviewers_ctl00_ctl02_ctl02_PerformInsertButton,
    #ctl00_UserContentArea_ucUserSearch_GetUsersButton,
    #ctl00_UserContentArea_ucSiteSelection_rwChangeReason_C_btnChange,
    #ctl00_UserContentArea_ucCorrespondence_btnValidate,
    #ctl00_UserContentArea_printButton {
        padding: 12px !important;
        color: #fff !important;
        font-weight: 700 !important;
        text-align: center;
        font-size: 12px !important;
        height: auto !important;
        background-color: #7266DB;
        border: 0;
        border-radius: 8px;
        cursor: pointer;
        box-sizing: border-box;
        margin-right: 15px;
        display: inline-block;
        text-decoration: none !important;
    }

    .modal-footer #ctl00_UserContentArea_btnReset,
    .modal-footer a.asphl:last-child,
    #ctl00_UserContentArea_ucUserSearch_btnReset,
    #ctl00_UserContentArea_ucSiteSelection_rwChangeReason_C_btnCancelChange,
    #ctl00_UserContentArea_ucCorrespondence_btnCancel,
    a#ctl00_UserContentArea_ucReviewers_rgReviewers_ctl00_ctl02_ctl02_CancelButton,
    #ctl00_UserContentArea_CloseButton {
        padding: 12px !important;
        color: #344054 !important;
        font-weight: 700 !important;
        text-align: center;
        font-size: 12px !important;
        height: auto !important;
        background-color: #FFFFFF;
        border: 1px solid #D0D5DD;
        border-radius: 8px;
        cursor: pointer;
        box-sizing: border-box;
        display: inline-block;
        text-decoration: none !important;
    }

.RadGrid {
    border: none !important;
    box-shadow: inset 0px 0px 3px #ccc;
    background-color: transparent;
}

    .RadGrid .rgHeaderWrapper,
    .RadGrid .rgHeaderWrapper .rgHeaderDiv {
        background: none !important;
        border-left: 0px solid transparent !important;
        border-right: 0px solid transparent !important;
        border-top: 0px solid transparent !important;
        border-bottom: 1px solid #EAECF0 !important;
    }
/* Saiful will review */
.RadComboBox .rcbArrowCell {
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    background-position: center center !important;
    background-image: url(../../images/chevron-down.svg) !important;
    content: none !important;
}

.RadGrid .rgMasterTable tr th,
.RadGrid .rgMasterTable tr td,
.RadGrid .rgMasterTable tr.rgHoveredRow,
.RadGrid .rgMasterTable tr.rgSelectedRow,
.RadGrid .rgAltRow,
.RadGrid .radGridAlterItemsStyle,
.RadGrid .rgMasterTable tr.rgMultiHeaderRow th,
.RadGrid .rgMasterTable tr.rgMultiHeaderRow td,
.RadForm .RadPicker table tr td {
    /* background: none !important;*/
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
    border-top: 0px solid transparent !important;
    border-bottom: 1px solid #EAECF0 !important;
    font-size: 12px !important;
    color: #344054 !important;
    font-weight: bold;
    background-color: transparent;
    padding: 5px !important;
    font-family: "Nunito Sans", sans-serif !important;
    /*vertical-align: top;*/
}

/*override radgrid color for maroon*/
.RadGrid tr.red-text td, .red-text td, .red-text td span {
    color: maroon !important;
    font-weight: bold !important;
}

.RadGrid .rgMasterTable.rgProcesses-addnew tr td .rgEditForm {
    padding-bottom: 18px;
}

.rgHoveredRow {
    background: #f9f9f9 !important;
}

.rgRow {
    border-bottom: 1px solid #ead8ff !important;
}

.radGridAlterItemsStyle, .RadGridAlternatingItem TD {
    background-color: #faf7fd !important;
}

    .radGridAlterItemsStyle:hover, .RadGridAlternatingItem TD:hover {
        background-color: #f0f0ff !important;
    }

.container_editsite table tr td[align="top"] {
    vertical-align: top;
}

.RadGrid_Vista .rgMasterTable .rgSelectedCell, .RadGrid_Vista .rgSelectedRow {
    background: #f9f9f9 !important;
}

table.align-top td {
    vertical-align: top;
}

table.align-top tr.tdpleft10 td {
    padding-right: 10px;
}

.RadForm .RadPicker.RadMonthYearPicker table tr td {
    border: 1px solid #D0D5DD !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .RadForm .RadPicker.RadMonthYearPicker table tr td:last-child {
        border: 0 solid #D0D5DD !important;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.RadGrid .rgMasterTable tr th,
.RadGrid .rgMasterTable tr.rgMultiHeaderRow th {
    background: #f1f1f1 !important;
    border: 1px solid #d1d1d1 !important;
}

.rgProcesses-addnew td[id$="CriticalTemperature"] span,
.rgProcesses-addnew td[id$="CorrectiveAction"] textarea,
.rgProcesses-addnew td[id$="DisplayOrder"] span {
    width: 100% !important;
}

.comm-rec, .comm-recSfa {
    display: flex;
    gap: 16px;
    align-items: center;
}

.comm-rec-right {
    padding-top: 16px;
}

.docs-uploaddec-desc {
    display: grid;
    grid-template-rows: auto;
}

    .docs-uploaddec-desc .checkbox {
        margin-top: 6px;
    }

.RadGrid .comm-rec-left table tbody tr td:nth-child(2) {
    border: 1px solid #D0D5DD !important;
    border-left: 0 solid #D0D5DD !important;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.align-td-top .RadGrid .rgMasterTable tr th,
.align-td-top .RadGrid .rgMasterTable tr td {
    vertical-align: top;
}

.RadGrid .rgFilterRow {
    background: transparent !important;
}

.RadGrid .rgMasterTable tr td table tr td {
    /*padding: 0 !important;*/
    border: 0 !important;
}

.RadForm .RadPicker table tr td {
    padding: 0px !important;
}

.RadGrid .rgMasterTable tr td {
    font-weight: 400;
    border: 1px solid #ead8ff !important;
}

.RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgEditForm table {
    border-collapse: collapse !important;
}

.RadGrid_Vista .rgHoveredRow {
    /*    background:none !important;*/
}

.RadGrid .rgMasterTable tr td a {
    color: #7F56D9 !important;
    font-size: 12px !important;
    text-decoration: none !important;
    font-weight: 500;
}

.RadGrid .rgMasterTable tr th a {
    color: #4030CF !important;
}

.RadGrid .rgMasterTable tr td a.white {
    color: #ffffff !important;
}




.RadGrid .rgMasterTable .rgEditForm tr td > a[id$="CancelButton"] {
    border: 1px solid #D0D5DD;
    color: #344054 !important;
    padding: 12px;
    border-radius: 8px;
    font-weight: 700;
}

.RadGrid .rgMasterTable tr td a[title="Preview"] span {
    overflow: visible;
}

.RadGrid .rgCommandRow,
.RadGrid .rgCommandRow td {
    background: none !important
}

.RadGrid .rgCommandCell .asphl:link {
    padding: 10px !important;
    margin: 0 !important;
    font-size: 14px !important;
    color:  #344054 !important;
    font-weight: 500;
}

.RadGrid .rgExpand,
.RadGrid .rgCollapse {
    background-image: url("../../images/chevron-right.svg") !important;
    background-position: center center !important;
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
    width: 8px !important;
}

.RadGrid .rgCollapse {
    transform: rotate(90deg);
}

.RadGrid .rgMasterTable .rgPager {
    background-color: transparent !important;
}

    .RadGrid .rgMasterTable .rgPager .rgPagerCell,
    .RadGrid .rgMasterTable tr td.rgPagerCell .rgAdvPart .RadComboBox table tr td {
        padding: 0 !important;
        border-bottom: 0px !important;
        margin: 0 !important;
    }
/*.RadGrid .rgMasterTable tr td.rgPagerCell .rgAdvPart .RadComboBox {
margin: 0 !important;
}*/
.RadGrid .rgMasterTable tr td.rgPagerCell .rgArrPart1 .rgPageFirst,
.RadGrid .rgMasterTable tr td.rgPagerCell .rgArrPart1 .rgPagePrev,
.RadGrid .rgMasterTable tr td.rgPagerCell .rgArrPart2 .rgPageNext,
.RadGrid .rgMasterTable tr td.rgPagerCell .rgArrPart2 .rgPageLast {
    background-position: center;
    width: 24px;
    height: 24px;
    box-shadow: 0 0 3px #ccc;
    border-radius: 5px;
    background-size: 14px;
}

.RadGrid .rgMasterTable tr td.rgPagerCell .rgArrPart1 .rgPagePrev {
    background-image: url(../../images/chevron-left-double.svg);
}

.RadGrid .rgMasterTable tr td.rgPagerCell .rgArrPart2 .rgPageNext {
    background-image: url(../../images/chevron-right-double.svg);
}

.RadGrid .rgMasterTable tr td.rgPagerCell .rgArrPart1 .rgPageFirst {
    background-image: url(../../images/arrow-left.svg) !important;
}

.RadGrid .rgMasterTable tr td.rgPagerCell .rgArrPart2 .rgPageLast {
    background-image: url(../../images/arrow-right.svg) !important;
}

.RadGrid .rgMasterTable tr td.rgPagerCell .rgArrPart1 .rgPageFirst,
.RadGrid .rgMasterTable tr td.rgPagerCell .rgArrPart2 .rgPageNext {
    margin-right: 5px;
}

.RadGrid .rgMasterTable table.assignReviewers-tableInfo td.rcbArrowCell.rcbArrowCellRight a {
    background-image: url(../../images/chevron-down.svg) !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.assignReviewers-divLead {
    position: relative
}

    .assignReviewers-divLead .assignReviewers-close {
        position: absolute;
        top: 12px;
        right: -13px;
        cursor: pointer;
    }

    .assignReviewers-divLead #divUserLookup .defaultbutton {
        height: 40px !important;
    }

.RadGrid .rgMasterTable tr td.rgPagerCell .rgNumPart {
    margin: 0 5px;
}

    .RadGrid .rgMasterTable tr td.rgPagerCell .rgNumPart a {
        width: 24px;
        height: 24px;
        text-align: center;
        color: #667085;
        line-height: unset;
        padding: 0;
        background-image: none;
        background-position: unset;
        margin: 0;
        border-radius: 5px;
        font-weight: 500;
    }

        .RadGrid .rgMasterTable tr td.rgPagerCell .rgNumPart a span {
            background-position: unset;
            background-image: none;
            display: inline-block;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }

        .RadGrid .rgMasterTable tr td.rgPagerCell .rgNumPart a.rgCurrentPage,
        .RadGrid .rgMasterTable tr td.rgPagerCell .rgNumPart a:hover {
            background-color: #F9F5FF;
            color: #7F56D9;
        }

.RadGrid .rgMasterTable tr td.rgPagerCell .rgAdvPart {
    width: 70px;
}

.RadGrid .rgMasterTable tr td.rgPagerCell .rgAdvPart,
.RadGrid .rgMasterTable tr td.rgPagerCell .rgInfoPart {
    color: #667085 !important;
    font-weight: 500;
}

    .RadGrid .rgMasterTable tr td.rgPagerCell .rgInfoPart strong {
        color: #7F56D9 !important;
        font-weight: 500;
    }

    .RadGrid .rgMasterTable tr td.rgPagerCell .rgAdvPart .RadComboBox {
        padding: 3px !important;
        border: 1px solid #D0D5DD !important;
        border-radius: 8px;
        background-color: transparent !important;
        box-sizing: border-box;
        margin: 0 !important;
    }

        .RadGrid .rgMasterTable tr td.rgPagerCell .rgAdvPart .RadComboBox .rcbInputCell,
        .RadGrid .rgMasterTable tr td.rgPagerCell .rgAdvPart .RadComboBox .rcbArrowCell {
            background-image: none;
            background-position: unset !important;
            padding: 0;
            border: 0;
            border-radius: 0;
        }

        .RadGrid .rgMasterTable tr td.rgPagerCell .rgAdvPart .RadComboBox .rcbArrowCell {
            background-repeat: no-repeat !important;
            background-size: 18px 18px !important;
            background-position: center center !important;
            background-image: url(../../images/chevron-down.svg) !important;
        }

            .RadGrid .rgMasterTable tr td.rgPagerCell .rgAdvPart .RadComboBox .rcbArrowCell a {
                width: 18px;
                height: 22px;
                line-height: 1px;
                text-indent: 9999px;
            }

        .RadGrid .rgMasterTable tr td.rgPagerCell .rgAdvPart .RadComboBox .rcbInputCell input {
            width: 100% !important;
        }

        .RadGrid .rgMasterTable tr td.rgPagerCell .rgAdvPart .RadComboBox .rcbReadOnly {
            background-image: none !important;
            background-color: transparent !important;
            box-shadow: none !important;
        }

.RadComboBox .rcbReadOnly {
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.rgMasterTable .assignReviewers-mainblock table.rgMasterTable .rgEditForm {
    position: relative;
}

    .rgMasterTable .assignReviewers-mainblock table.rgMasterTable .rgEditForm table[id$="mainTable"] {
        position: absolute;
        background: #fff;
        border: 1px solid #dedede;
        border-radius: 8px;
        right: 0;
        top: -64px;
        -webkit-box-shadow: 0px 1px 23px -5px #0000004a;
        -moz-box-shadow: 0px 1px 23px -5px #0000004a;
        box-shadow: 0px 1px 23px -5px #0000004a;
    }

.rgMasterTable .assignReviewers-mainblock table.rgMasterTable table[id$="mainTable"] {
    padding-bottom: 16px;
}

.viewMessages-info th > span.checkbox {
    position: relative;
    top: 3px;
}

.reviews-info .RadGrid .rgMasterTable tr td {
    position: relative;
    /*font-weight: 500;*/
}

.filter .parameters span[id$="upSiteControl"].RadGrid .rgMasterTable tr td .rgEditForm {
    /*position: ra; position not asigned proper*/
    /*top: -30px;*/
    position: absolute;
    right: 0;
    background-color: #fff;
    border: 2px solid #7266DB;
    padding: 15px;
    z-index: 1;
    width: 50%;
    float: right;
}

.select-checkall > span {
    display: inline-block;
    margin-right: 8px;
}

div[id$="DivCheckSummary"] .RadGrid .rgMasterTable tr td .rgEditForm {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid #7266DB;
    padding: 15px;
    z-index: 1;
    border-radius: 8px;
}

#ctl00_UserContentArea_radGridQuestionConfiguration_ctl00
.RadGrid .rgMasterTable tr td .rgEditForm {
    right: 10px;
}

.btn_coloum .divChoiceTextSection {
    display: flex;
    justify-content: flex-start;
    gap: 16px;
}

    .btn_coloum .divChoiceTextSection .divFloatLeft {
        width: auto !important;
    }

    .btn_coloum .divChoiceTextSection .update_Btn a {
        background: #7F56D9;
        padding: 8px 16px;
        border-radius: 8px;
        color: #fff !important;
    }

    .btn_coloum .divChoiceTextSection .cancel_Btn a {
        background: #fff;
        padding: 6px 16px 7px 16px;
        border-radius: 8px;
        color: #717171 !important;
        border: 1px solid;
    }

.RadGrid .rgMasterTable tr td .rgEditForm .arrow-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    border: solid #7266DB;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 8px;
    position: absolute;
    top: -10px;
    right: 81px;
    z-index: 1;
    background: #fff;
}

.divChoiceTextSection {
    height: max-content !important;
    overflow: hidden;
    padding: 9px;
    /*font-size: 14px;*/
    /*font-weight: 600;*/
}

    .divChoiceTextSection .divChoiceTextLeftSection {
        width: 100% !important;
        font-weight: 600;
        /*font-size: 14px;*/
        margin-bottom: 5px;
    }

#divChoiceMain .divChoiceTextSection .RadEditor.EditorNewCss {
    height: auto !important;
}

.divChoiceTextSection .divFloatLeft {
    /*    width: 100% !important;*/
}

.RadGrid table.rgCommandTable {
    border: 0 !important;
}

    .RadGrid table.rgCommandTable tr td {
        border: 0 !important;
        /*        padding: 0 !important;*/
        border-bottom: 0px solid #fff;
        border-top: 0px solid #fff;
        border-left: 0px solid #fff;
        border-right: 0px solid #fff;
    }

.RadGrid tr.rgCommandRow table.rgCommandTable tr td {
    padding: 10px 0px !important;
}

.RadGrid table.rgCommandTable tr td .rgAdd,
.RadGrid table.rgCommandTable tr td .rgRefresh {
    display: none;
}

.RadGrid table.rgCommandTable tr td a {
    padding: 12px !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-align: center;
    font-size: 12px !important;
    height: auto !important;
    background-color: #7266DB;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    box-sizing: border-box;
    /*            float: right;*/
}

.reviews-dashboard .filter .parameters .element {
    width: 200px !important;
    margin: 0 !important;
    padding: 10px !important;
    box-sizing: border-box;
}

    .reviews-dashboard .filter .parameters .element label {
        font-size: 14px !important;
        font-weight: 600 !important;
        padding-bottom: 5px;
        display: inline-block;
    }

.reviews-info .addbar {
    background-color: transparent !important;
    border-bottom: 0px !important;
}

    .reviews-info .addbar a {
        color: #7F56D9 !important;
        font-weight: 500;
    }

.RadTabStripTop_Default_Baseline .rtsLevel1,
.RadTabStripBottom_Default_Baseline .rtsLevel1 {
    background-image: none !important;
    background-position: unset !important;
    border-bottom: 1px solid #D0D5DD !important;
    margin-bottom: 20px;
}

.RadTabStrip_Default .rtsLI {
    background-image: none !important;
    background-position: unset !important;
    color: #667085 !important;
}

.RadTabStrip_Default .rtsLink {
    background-image: none !important;
    background-position: unset !important;
    padding: 8px !important;
    color: #667085 !important;
    background-color: transparent !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: "Nunito Sans", sans-serif !important;
}

    .RadTabStrip_Default .rtsLink.rtsSelected {
        color: #6941C6 !important;
        background-color: #F9F5FF !important;
        border-bottom: 2px solid #6941C6 !important;
    }

    .RadTabStrip_Default .rtsLink:hover {
        color: #6941C6 !important;
        background-color: #F9F5FF !important;
    }

    .RadTabStrip_Default .rtsLink span.rtsOut,
    .RadTabStrip_Default .rtsLink span.rtsIn,
    .RadTabStrip_Default .rtsLink span.rtsTxt {
        background-image: none !important;
        background-position: unset !important;
        padding: 0 !important;
    }

.divtabsInfo-reviewsinfo .rtsLevel.rtsLevel1 {
    /*  overflow: auto;*/
}

.divtabsInfo-reviewsinfo .rtsLevel ul.rtsUL {
    /*    display: inline-flex;*/
    overflow-x: auto;
    display: flex;
    flex-flow: row wrap;
}

.content .box,
.content2 .box,
.filter .box,
.addbar .box,
.filterProdnPlan .box {
    padding: 15px;
    background: #FFF;
    border-left: 1px solid #D0D5DD;
    border-right: 1px solid #D0D5DD;
    border-bottom: 1px solid #D0D5DD;
    border-top: 1px solid #D0D5DD;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
}

#ctl00_UserContentArea_ucYearSiteGradeSelector_AcademicYearRadComboBox {
    width: 122px !important;
}

ctl00_UserContentArea_ucAcademicYear_AcademicYearRadComboBox {
    width: 122px !important;
}

.RadForm.rfdFieldset .reviews-info .general-info fieldset {
    border: 0 !important;
    width: 100%;
    padding-bottom: 5px;
}

    .RadForm.rfdFieldset .reviews-info .general-info fieldset legend {
        /*border-bottom: 1px solid #D0D5DD!important;*/
        font-size: 14px !important;
        font-weight: 800 !important;
        color: #344054 !important;
        margin: 0 0 5px 0 !important;
        padding-bottom: 10px;
        width: 100%;
    }

    .RadForm.rfdFieldset .reviews-info .general-info fieldset span.radiobutton label {
        font-weight: normal !important;
    }

.general-info {
    overflow: hidden;
}

    .general-info .element div:first-child {
        padding: 8px !important;
        margin: 0 10px 0 0 !important;
        box-shadow: inset 0px 0px 3px #ccc;
        border-radius: 8px;
    }

    .general-info .element div table div {
        padding: 0 !important;
        margin: 0 0 0 0 !important;
        box-shadow: none !important;
    }

    .general-info .element table tr td {
        padding: 4px;
    }

        .general-info .element table tr td:first-child {
            font-weight: 600;
        }

.realmnav-main {
    background: #f1f1f1;
    height: 100vh;
}

.realmnav {
    background: #7266DB;
}

    .realmnav .realmnav-header h1 {
        color: #fff;
        line-height: 55px;
        text-align: center;
        font-weight: 500;
        font-size: 21px;
    }

.realmnav-login {
    width: 425px;
    margin: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .realmnav-login .realmnav-login-box {
        border: 0;
        background: #ffffff;
        padding: 20px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        box-shadow: 0px 2px 10px 5px #ddd;
    }

        .realmnav-login .realmnav-login-box .RadComboBox {
            border-radius: 5px;
            box-shadow: none;
        }

.realmnav-login-box .defaultbutton {
    font-size: 14px !important;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 120px;
}

.realmnav-login-box div[id$="RealmTR"] b,
.realmnav-login-box div[id$="RegionTR"] b {
    color: #667085 !important;
    display: block;
    margin-bottom: 6px;
}

    .realmnav-login-box div[id$="RealmTR"] b + br,
    .realmnav-login-box div[id$="RegionTR"] b + br {
        display: none;
    }

.realmnav-login .RadComboBox {
    background-color: #FFFF !important;
}

.defaultbutton, .button, .btnGenerateReport,
#divQuestionnaireMain .modal-footer .asphl {
    padding: 4px !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-align: center;
    height: auto !important;
    background-color: #7266DB;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 12px !important;
    margin-right: 12px;
}

button[id$="btnSynchronize"].defaultbutton {
    background: #7266DB;
    border: 0;
    box-shadow: none;
}

    button[id$="btnSynchronize"].defaultbutton:hover {
        background: #7266DB;
        border: 0;
        box-shadow: none;
    }

.accountbuttons .defaultbutton {
    margin-bottom: 5px !important;
}

.x-split-button {
    position: relative;
    /*display: inline-block;*/
    display: inline-flex;
    gap: 12px;
    text-align: left;
    vertical-align: top;
    align-items: center;
}

    .x-split-button + .x-split-button {
        margin-left: 12px;
    }

.x-button {
    position: relative;
    margin: 0;
    height: 24px;
    float: left;
    outline: none;
}

.RadPicker .rcCalPopup {
    /* Global Controller*/
    width: 10px;
}
/* Global Controller*/
#ctl00_UserContentArea_ApprovalCalendarPopup_wrapper {
    width: 12.4% !important;
}

#ctl00$UserContentArea$ReportCaller$rptRetriever {
    padding: 4px !important
}

#ctl00_UserContentArea_rdpEligibility_wrapper {
    width: 9.4% !important;
}

#ctl00_UserContentArea_ucAreaSiteSelector_rcbSiteCode_Arrow {
    overflow: hidden;
    display: block;
    position: relative;
    outline: none;
}

/*#ctl00_UserContentArea_ucAreaSiteSelector_rcbSiteCode {
    width: 109px !important;
}
*/
/*#ctl00_UserContentArea_ucAreaSiteSelector_rcbSite {
    width: 275px !important; 
}*/
/*div[id$="rcmReportExport_detached"] {
    left: 1694px !important;
    padding:5px !important;
}*/

ctl00_UserContentArea_ucAreaSiteSelector_rcbArea {
    width: 1138px !important
}

#ctl00_UserContentArea_ctl01_reportCallerControl_rdDownloadReport_DownloadImage {
}

ctl00_UserContentArea_ucAreaSiteSelector_rcbSite_Arrow {
    overflow: hidden;
    display: block;
    position: relative;
    outline: none;
}

#calFromDateEligibility {
    width: 9.4% !important;
}

.x-button2 {
    position: relative;
    margin: 0;
    height: 24px;
    float: left;
    outline: none;
    padding: 1px 4px 3px 4px;
}


.x-button.x-button-drop {
    padding: 3px;
    background-color: rgb(240,240,240);
    text-align: center;
    border-left: 0;
    width: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #707070;
    border-image: initial;
    -webkit-appearance: push-button;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
}

@-moz-document url-prefix() {
    .x-button.x-button-drop {
        margin-top: 0.5px !important;
        border-color: #b8b8b8 !important;
        border-width: 0.5px !important;
        height: 23px;
    }
}

.defaultbutton.defaultbutton-realm {
    font-size: 14px !important;
}

.x-split-button .defaultbutton {
    margin: 0;
}

.date-container {
    display: flex;
    overflow: hidden;
}

.RadForm .RadPicker table tr td:first-child,
.recordSales_mainGrid .RadPicker table tr td:first-child {
    border: 0px solid #D0D5DD !important;
}

    .RadForm .RadPicker table tr td:first-child input,
    .recordSales_mainGrid .RadPicker table tr td:first-child input {
        border-right: 0px solid #D0D5DD !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

.RadForm .RadPicker table tr td:last-child,
.recordSales_mainGrid .RadPicker table tr td:last-child {
    border: 1px solid #D0D5DD !important;
    border-left: 0 solid #D0D5DD !important;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.supporting-reviewer {
    display: flex;
    align-items: center;
}


.TelerikModalOverlay {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed !important;
    z-index: 1;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4) !important;
    border: 0;
    opacity: 1 !important;
}

.RadWindow {
    height: fit-content !important;
    padding: 10px !important;
    box-sizing: border-box;
}

    .RadWindow .rwTitleRow .rwTopLeft,
    .RadWindow .rwTitleRow .rwTitlebar,
    .RadWindow .rwTitleRow .rwTitlebar .rwTopResize,
    .RadWindow .rwTitleRow .rwTopRight,
    .RadWindow .rwContentRow .rwBodyLeft,
/*    .RadWindow .rwContentRow .rwWindowContent,*/ /* To show progress indecator on popups */
    .RadWindow .rwContentRow .rwBodyRight,
    .RadWindow .rwFooterRow .rwFooterLeft,
    .RadWindow .rwFooterRow .rwFooterCenter,
    .RadWindow .rwFooterRow .rwFooterRight {
        background-image: none !important;
        opacity: 1 !important;
    }

    .RadWindow .rwTitlebarControls {
        /*height: 40px !important;*/
        /*padding-left: 15px !important;*/
        box-sizing: border-box !important;
    }

    .RadWindow .rwTitlebar .rwTitlebarControls tr td:first-child {
        display: none;
    }

    .RadWindow .rwTitlebar .rwTitlebarControls tr td:nth-child(2),
    .RadWindow .rwTitlebar .rwTitlebarControls tr td:nth-child(2) em {
        font-size: 16px;
        font-weight: 700;
        color: #344054;
        opacity: 1 !important;
        padding: 0 0 8px 0 !important;
        font-family: "Nunito Sans", sans-serif !important;
    }

    .RadWindow .rwTitlebar .rwTitlebarControls tr td .rwControlButtons a {
        background-image: url(../../images/common-modal-close-icon.svg) !important;
        background-size: 20px 20px;
        background-position: center center;
    }
    .RadWindow .rwTitlebar .rwTitlebarControls tr td .rwControlButtons a.rwPinButton {
        background-image: url(../../images/h-pin.svg) !important;
        background-size: 25px 25px;
        background-position: center center;
    } 

.width-25p {
    width: 30% !important;
    float: none !important;
    margin: 15px 0;
    overflow: hidden;
}

.width-265 {
    width: 265px !important;
}

.RadUpload .ruInputs {
    height: 40px !important;
}

.RadUpload .ruFileWrap {
    display: flex;
    width: 100%;
    height: 40px !important;
}

.RadUpload .ruFakeInput {
    padding: 8px !important;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0px 1px 2px 0px #1018280D;
    border-radius: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: transparent !important;
    width: 70% !important;
    height: 40px !important;
    box-sizing: border-box !important;
    margin-right: 0 !important;
    border-right: 0px solid #D0D5DD !important;
}

.RadUpload .ruBrowse {
    background-image: none !important;
    padding: 9px 9px 9px 9px !important;
    color: #fff !important;
    font-weight: 600;
    text-align: center;
    height: auto !important;
    background-color: #7266DB !important;
    border: 0;
    border-radius: 8px !important;
    cursor: pointer;
    width: 30% !important;
    box-sizing: border-box;
    margin-right: 15px;
    display: inline-block;
    text-decoration: none !important;
    height: 40px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.RadUpload_Windows7 .ruRemove {
    color: #5a6779;
    position: relative;
    top: -13px;
    /*font-size: 14px;*/
}

.RadUpload .ruUploadSuccess {
    font-size: 14px;
}

.RadPicker .rcCalPopup {
    background-image: url("../../images/calendar.svg") !important;
    background-position: center center !important;
    background-size: 18px 18px;
}

.RadPicker .rcTimePopup {
    background-image: url("../../images/clock.svg") !important;
    background-position: center center !important;
    background-size: 18px 18px;
}

.normal-fw label {
    font-weight: normal !important;
}

.label-bold {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #344054 !important;
    padding-bottom: 5px !important;
    /*display: inline-block;*/
}

#logininner .label-bold {
    color: #667085 !important;
    display: inline-block;
}

.label-bold tr td,
#ctl00_UserContentArea_ucUserSearch_pnlUsers label {
    font-weight: 500;
}

#ctl00_UserContentArea_ucReviewers_rgReviewers_ctl00_ctl02_ctl02_mainTable tr td table tr td:first-child,
#ctl00_UserContentArea_ucReviewers_rgReviewers_ctl00_ctl02_ctl02_mainTable tr td table tr td:first-child label {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.RadGrid .rgFilter {
    background-image: url("../../images/filter.svg") !important;
    background-position: center center !important;
    background-size: 18px 18px;
    margin: -1px !important;
}

.fix-for-addrecord .rgEditForm {
    position: relative !important;
    float: right !important;
    top: -50px !important;
}

.RadGrid .rgEditRow {
    background-image: none !important;
    background: #F4EBFF !important;
    color: #7F56D9 !important;
}

.review-documents-popover {
    overflow: hidden;
}

    .review-documents-popover .element {
        width: 48%;
        float: left;
        margin: 10px 0 10px 1% !important;
    }

.commendation .RadPicker table tr td:last-child {
    height: 40px !important;
    display: inline-block !important;
}

    .commendation .RadPicker table tr td:last-child a {
        top: 10px !important;
        position: relative !important;
        display: inline-block !important;
    }

#LoginValidationSummary,
#loginErrorLabel {
    padding: 10px;
    border-radius: 8px;
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    text-align: center;
    /*font-size: 14px;*/
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

#lblRecoveyPasswordWrong {
    padding: 10px;
    border-radius: 8px;
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    text-align: center;
    /*font-size: 14px;*/
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

#lblLogOut,
#lblRecoveyPasswordSuccess {
    padding: 10px;
    border-radius: 8px;
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    text-align: center;
    /*font-size: 14px;*/
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

#popup_main .addbar {
    background: none !important;
    padding: 0 0 10px 0 !important;
}

    #popup_main .addbar table tr td {
        padding: 3px 0;
        vertical-align: top;
    }

        #popup_main .addbar table tr td:first-child {
            font-weight: 700;
            width: 80px !important;
        }

#popup_main .content2 {
    padding: 10px 0 0px 0 !important;
}

.popup_footer {
    height: unset !important;
}

.clasicpopup {
    box-shadow: 0px 0px 10px 4px #00000012;
    border: 1px solid #d1d1d1;
}
/*.tab-as-context {
    width: 200px;
    float: right;
    position: relative;
}
.tabs-toggle-icon {
    float: right;
}
.tab-as-context .RadTabStrip {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 9999;
    background-color: #fff;
}
.tab-as-context .RadTabStrip ul li {
    display: block;
    width: 100%;
}
#ctl00_UserContentArea_rtsReviewInfo {
    display: none;
}
.show-tabs {
    display: block !important;
}*/
.module-name {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    height: 56px;
    border-left: 0 solid #e7e7e7;
    color: #ffffff;
    width: max-content;
    font-weight: 800;
    padding-left: 18px;
    text-transform: uppercase;
}

#ctl00_UserContentArea_rgReviews_ctl00_ctl07_reportCallerAdministrativeReviewRpt_rptRetriever {
    width: max-content !important;
}

.container_main .grid_1 .box:last-child {
    padding-bottom: 0;
}

.RadComboBox_Default .rcbActionButton {
    border-color: transparent !important;
    color: inherit !important;
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
}

.itemInProgress {
    color: #31708f !important;
}

.itemNotStarted {
    color: #a94442 !important;
}

.itemCompleted {
    color: #3c763d !important;
}

.form-element-container,
.commandbox {
    border: 0 solid #BAC1C9 !important;
    padding: 15px !important;
    margin: 15px 0 15px 0 !important;
    box-shadow: inset 0px 0px 1px #CCC;
    width: 100%;
    position: relative;
    border-radius: 8px;
    height: unset !important;
    overflow: hidden;
}

    .form-element-container .form-element,
    .form-box {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 0 0 0 !important;
        background: none !important;
    }

.form-box {
    border: 0 solid #BAC1C9 !important;
}

.form-element-container .form-element.divFloatLeft.width_92 table {
    margin-top: 18px !important;
}

.form-element-container .form-element.divFloatLeft.width_92 span > span.radiobutton {
    float: right;
    margin-top: 18px;
}

.form-element-container .form-element p {
    padding-left: 0 !important;
    margin-top: 0px !important;
    font-weight: 600 !important;
    width: fit-content !important;
    margin-bottom: 5px;
}

.form-element-container .form-element label {
    font-weight: normal !important;
}

#divReviewForms .form-element-container .form-element .title-main {
    width: 70%;
    margin-bottom: 5px;
}

    #divReviewForms .form-element-container .form-element .title-main span:first-child {
        font-weight: 800;
        color: #7266DB;
        float: left;
        vertical-align: top;
        width: 35px;
    }

    #divReviewForms .form-element-container .form-element .title-main span:last-child {
        font-weight: 700;
        display: inline-block;
        width: calc(100% - 35px);
    }

        #divReviewForms .form-element-container .form-element .title-main span:last-child p {
            font-weight: 700 !important;
        }

#divReviewForms .form-element-container div:nth-child(2) {
    position: absolute;
    top: 15px;
    right: 0;
}

#divReviewForms .form-element-container div.form-element-flag:nth-child(3) {
    position: absolute;
    top: 15px;
    right: 40px;
}

#divReviewForms div.form-element-flag:nth-child(4) {
    position: absolute;
    top: 15px;
    right: 80px;
}

#divReviewForms div.form-element-flag:last-child {
    position: absolute;
    top: 15px;
    right: 80px;
}

.infoIcon {
    width: 24px;
    height: 24px;
}

.infoIcondiv {
    margin-left: 1075px;
    margin-top: -6px;
    z-index: 1 !important;
    position: absolute;
}

#divQuestionnaireMain #divChoiceMain {
    /*border: 0 solid #BAC1C9 !important;
    padding: 15px !important;
    margin: 15px 0 15px 0 !important;
    background: none !important;
    box-shadow: 0px 0px 3px #ccc;*/
    width: 100%;
    position: relative;
    border-radius: 8px;
    height: unset !important;
    overflow: hidden;
}

#divQuestionnaireMain .divChoiceTextSection {
    width: 100% !important;
    clear: both !important;
    display: flex;
    align-items: center;
    padding: 0 !important;
}

    #divQuestionnaireMain .divChoiceTextSection .divChoiceTextLeftSection {
        float: left !important;
        width: 200px !important;
        font-weight: 700 !important;
    }

    #divQuestionnaireMain .divChoiceTextSection .divFloatLeft {
        width: unset !important;
    }

.RadForm_Default.rfdFieldset fieldset legend, .RadForm_Default.rfdFieldset legend {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding-bottom: 5px !important;
    border-block: 9px !important;
}

.left {
    margin-left: 0 !important; /* StudentEligibilitySummaryReport.aspx Grade  */
}

.RadComboBox_Default .rcbInput {
    font-size: 14px !important;
    color: #333 !important;
    font-family: "Nunito Sans", sans-serif !important;
}

.tc-adddoc .RadUpload .ruInputs li:first-child {
    float: none !important;
}
/*.user-manual {
    float: right;
    display: inline-block;
    margin-top: -15px;
}*/
#aspnetForm .RadMenu_Vista .rmGroup,
#aspnetForm .RadMenu .rmGroup {
    border: 1px solid #979797 !important;
    background: #ffffff !important;
    border-radius: 5px !important;
    padding: 10px 0;
}

#aspnetForm .RadMenu_Vista .rmText,
#aspnetForm .RadMenu span.rmText {
    background-image: none !important;
    background-color: transparent !important;
    padding: 2px 16px 2px 16px !important;
}

#aspnetForm .RadMenu_Vista a.rmLink,
#aspnetForm .RadMenu a.rmLink {
    background-image: none !important;
}

#aspnetForm .RadMenu .rmGroup .rmLink:hover {
    background-color: #7266db !important;
    color: #ffffff !important;
}
/*Popup css changes*/
.divEditMessage-lable {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

    .divEditMessage-lable .element {
        float: none;
        width: 50%;
    }

div[id$="UpdatePanel"] input[id$="FileUpload1"] {
    width: 200px;
}

div.walkme-icon-image-div.walkme-launcher-image-div[style*="video-white-svg.svg"] {
    background-color: #7266DB;
    border: 1px solid #7266DB;
    padding: 15px;
    border-radius: 50%;
    background-size: 55% 100%;
    margin-left: -22px;
    margin-top: -5px;
    display: flex;
    background-position: center;
}

div.walkme-icon-image-div.walkme-launcher-image-div[style*="File-white-svg.svg"] {
    background-color: #7266DB;
    border: 1px solid #7266DB;
    padding: 15px;
    border-radius: 50%;
    background-size: 35% 100%;
    margin-left: -22px;
    margin-top: -5px;
    display: flex;
    background-position: center;
}

.loader-new {
    width: 80px;
    height: 40px;
    border-radius: 0 0 100px 100px;
    border: 5px solid #538a2d;
    border-top: 0;
    box-sizing: border-box;
    background: radial-gradient(farthest-side at top,#0000 calc(100% - 5px),#e7ef9d calc(100% - 4px)), radial-gradient(2px 3px,#5c4037 89%,#0000) 0 0/17px 12px, #ff1643;
    --c: radial-gradient(farthest-side,#000 94%,#0000);
    -webkit-mask: linear-gradient(#0000 0 0), var(--c) 12px -8px, var(--c) 29px -8px, var(--c) 45px -6px, var(--c) 22px -2px, var(--c) 34px 6px, var(--c) 21px 6px, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0), var(--c) 12px -8px, var(--c) 29px -8px, var(--c) 45px -6px, var(--c) 22px -2px, var(--c) 34px 6px, var(--c) 21px 6px, linear-gradient(#0000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude,add,add,add,add,add,add;
    -webkit-mask-repeat: no-repeat;
    animation: l8 3s infinite;
}

.RadComboBox:focus-within {
    outline: none !important;
    border: 2px solid #7266DB !important;
    box-shadow: 0 0 5px #7266DB !important;
    border-radius: 8px;
    height: 40px !important;
}

.RadComboBox.focused {
    border: 2px solid #7266DB !important;
    box-shadow: 0 0 5px #7266DB;
    border-radius: 8px;
    height: 40px;
}

.rfdDecorated:focus {
    outline: 2px solid #7266DB !important;
}

body .ApplyColor {
    color: #C43C3C !important;
}

input[disabled="disabled"].defaultbutton {
    background: #eeeeee;
    cursor: not-allowed;
    pointer-events: all !important;
    color: #717171 !important;
}

.lnk-disabled {
    cursor: not-allowed !important;
}

div.header-banner-nav-icon-section ul li:not(:has(*)) {
    display: none;
}

.RadPicker .rcDisabled {
    opacity: .9 !important;
}

#fc_frame.fc-widget-left, #fc_frame.fc-widget-small.fc-widget-left {
    left: inherit !important;
    right: 15px !important;
    bottom: 15px !important;
    transform-origin: left bottom !important;
}

.grid_2_messages {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
table.rgDetailTable tr.rgRow td .RadPicker table tr td a.rcDisabled {
    opacity: 1 !important;
}
.RadTabStrip_Default .rtsDisabled .rtsTxt {
    opacity: .9 !important;
}
.RadPicker table tbody tr td:first-child:focus-within + td {
    border: 2px solid #7266DB !important;
}
@keyframes l8 {
    0% {
        -webkit-mask-size: auto,0 0,0 0,0 0,0 0,0 0,0 0
    }

    15% {
        -webkit-mask-size: auto,20px 20px,0 0,0 0,0 0,0 0,0 0
    }

    30% {
        -webkit-mask-size: auto,20px 20px,20px 20px,0 0,0 0,0 0,0 0
    }

    45% {
        -webkit-mask-size: auto,20px 20px,20px 20px,20px 20px,0 0,0 0,0 0
    }

    60% {
        -webkit-mask-size: auto,20px 20px,20px 20px,20px 20px,20px 20px,0 0,0 0
    }

    75% {
        -webkit-mask-size: auto,20px 20px,20px 20px,20px 20px,20px 20px,20px 20px,0 0
    }

    90%, 100% {
        -webkit-mask-size: auto,20px 20px,20px 20px,20px 20px,20px 20px,20px 20px,20px 20px
    }
}

.x-split-button {
    background: #7266DB;
    border-radius: 8px;
    gap: 0 !important;
    position: relative;
    display: flex !important;
    align-items: center;
    width: max-content;
}

    .x-split-button .x-button-drop {
        margin: 0 !important;
        background: transparent;
        background-color: transparent !important;
        flex: 1;
        height: auto !important;
        position: relative;
        border: none !important;
        padding: 12px 12px 12px 0 !important;
    } 
    .grid_title .x-split-button .x-button-drop{
        padding: 0 12px 12px 0 !important;
    }
    .x-split-button .x-button-drop:after {
        content: '';
        display: block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 10px solid #fff;
    }

        .x-split-button .x-button-drop img {
            display: none;
        }

    .x-split-button input {
        margin: 0 !important;
        background:transparent !important;
        border:none;
        color:#fff;
        padding:0 10px;
    }
    .x-split-button:has(input[disabled="disabled"]){
    background:#eeeeee;
}
    .x-split-button:has(input[disabled="disabled"]) inut {
      color:#000;
    }
div.footerbuttons3 + div.divFloatRight {
    float: left !important;
}
.RadComboBoxDropDown .rcbScroll .rcbList label:has(input[type="checkbox"]), .RadComboBoxDropDown .rcbCheckAllItemsHovered label:has(input[type="checkbox"]), .RadComboBoxDropDown .rcbCheckAllItems label:has(input[type="checkbox"]) {
    padding: 5px !important;
}
.RadMenu .rmSlide, .RadMenu_Context{
    position:fixed !important;
}

/* ADA CONTRAST ERRORS FIX - ONLY COLOR TONE IS CHANGE*/
.form-element-container .form-element.divFloatLeft.width_100 table tr td span[style="color: red;"],
.form-element-container .form-element.divFloatLeft.width_100 table tr td span.red {
    color: #db1b1b !important;
}
table.rgMasterTable tr td a span[style="color:Red;"],
table.rgMasterTable tr td a span[style="color: rgb(255, 0, 0); opacity: 1; background-color: rgb(255, 255, 255);"],
table.rgMasterTable tr td a span[style="color:Green;Color: Red;Font-style:italic!important;"],
table.rgMasterTable tr td span[style="color: red"] {
    color: #db1b1b !important;
}
table.rgMasterTable tr td span[style="color:DarkOrange;"] {
    color: #b53d00 !important;
}
.content table tr td i[style="color: #567db0;"] {
    color: #183d6d !important;
}

.RadGrid .rgMasterTable tr td.planincomplete {
    color: white !important;
    background-color: red !important;
}

.RadGrid .rgMasterTable tr td.plancomplete {
    color: black !important;
    background-color: #fed000 !important;
}

.RadGrid .rgMasterTable tr td.recordcomplete {
    color: white !important;
    background-color: green !important;
}

.RadGrid .rgMasterTable tr td.withdrawalcomplete {
    color: white !important;
    background-color: #737373 !important;
}