/*Global*/
body {
    font-size: 16px;
}

.bodyBackgroundMaster {
    font: normal 13px Arial;
    color: #4d4d4d;
    background-color: #b8c6cf;
    line-height: 140%;
}

.bodyBackgroundRadWindow {
    font: normal 13px Arial;
    color: #4d4d4d;
    background-color: #b8c6cf;
    line-height: 140%;
}

.min_height {
    min-height: 672px;
}

.min_height_01 {
    min-height: 25px;
}
/*Presentation-Do not change*/
.margin_auto {
    margin-left: auto;
    margin-right: auto
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.float_clear {
    clear: both;
}

.text_impact {
    font-family: Impact;
}

.text_bold {
    font-weight: bold;
}

.text_underline {
    text-decoration: underline
}

.text_center {
    text-align: center;
}

.text_italic {
    font-style: italic;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.text_relative {
    position: relative;
}

.text_red {
    color: Red;
}

.z_index_100 {
    z-index: 100
}

.z_index_1000 {
    z-index: 1000
}

.cursor_pointer {
    cursor: pointer;
}

.vertical_top {
    vertical-align: top
}

.vertical_bottom {
    vertical-align: bottom
}

.vertical_center {
    vertical-align: middle;
}

.checkbox_01 label {
    margin-left: 10px;
}

.ReadOnlyTextBox,
input.ReadOnlyTextBox[readonly] {
    color: #00f !important;
}
    /* RadComboBox / RadDatePicker — same blue text when read-only */
    .ReadOnlyTextBox .rcbInput,
    .RadComboBox.ReadOnlyTextBox .rcbInput,
    .ReadOnlyTextBox .riTextBox,
    .RadPicker.ReadOnlyTextBox .riTextBox,
    .riTextBox.ReadOnlyTextBox {
        color: #00f !important;
    }

.row-fluid {
    width: 100%;
    float: left;
}

textarea {
    resize: none;
}

.inline_block {
    display: inline-block;
}

.block {
    display: block;
}

.sizing_border {
    box-sizing: border-box;
}

.width_100 {
    width: 100% !important;
}

.width_50 {
    width: 49% !important;
}

.width_45 {
    width: 45% !important;
}

.overflow-wrap {
    overflow-wrap: break-word;
}
/*Hyperlink*/
.link_01, .link_01:visited, .link_01:hover, .link_01:active {
    color: #0099FF !important;
    text-decoration: none !important
}

    .link_01:hover {
        text-decoration: underline !important
    }

.height_01 {
    height: 30px !important;
}

.height_02 {
    height: 70px !important;
}

.height_03 {
    height: 50px !important;
}

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

/*Text*/
.text_01 {
    color: #000000
}
/*Black*/
.text_02 {
    color: #FFFFFF
}
/*White*/
.text_03 {
    color: #595959;
}
/*Gray*/
.text_04 {
    color: #cd3c3b;
}

.text_05 {
    color: #ff0000;
}

.text_06 {
    color: #ED1C24
}

.text_07 {
    color: #E66C2C
}

.text_08 {
    color: #0066FF
}

.text_09 {
    color: #008000
}

.text_10 {
    font-size: 18px;
}

.text_11 {
    font-size: 30px;
}

.text_12 {
    color: #555555
}

.text_13 {
    font-size: 11px;
}

.text_14 {
    color: #4d4d4d;
}

.text_15 {
    font-size: 20px;
}

.text_16 {
    color: #b6b6b6;
}

.text_17 {
    font-size: 12px;
}

.text_18 {
    color: #613214
}

.text_19 {
    font-size: 14px;
}

.text_20 {
    color: #47ff00;
}
/*Green*/
.text_21 {
    color: #FFD804;
}
/*Yellow*/
.text_22 {
    color: #970000;
}
/*Red*/
.text_23 {
    font-size: 10px;
}

.text_24 {
    font-size: 11px;
}

.text_25 {
    color: #004a00;
}

.text_26 {
    color: rgb(35, 121, 189);
}

.text_27 {
    color: #225E22
}
/* new dark Green color */
.text_28 {
    font-size: 16px;
}

/*padding*/
.padding_01 {
    padding-left: 20px;
}

.padding_02 {
    padding-left: 25px;
}

.padding_03 {
    padding-top: 10px;
}

.padding_04 {
    padding-bottom: 10px;
}

.padding_05 {
    padding-left: 10px !important;
}

.padding_06 {
    padding-right: 5px
}

.padding_07 {
    padding-top: 5px
}

.padding_08 {
    padding-left: 15px
}

.padding_09 {
    padding-right: 25px
}

.padding_10 {
    padding-top: 20px;
}

.padding_11 {
    padding-left: 50px;
}

.padding_12 {
    padding: 5px;
}

.padding_13 {
    padding-bottom: 5px;
}

.padding_14 {
    padding-left: 5px;
}

.padding_15 {
    padding: 0px;
}

.padding_16 {
    padding: 10px;
}

.padding_17 {
    padding: 0px 20px 20px 20px;
}

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

.padding_19 {
    padding-top: 1px;
}

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

.padding-right-0 {
    padding-right: 0px !important;
}
/*margin*/
.margin_17 {
    margin: 20px;
}

.margin_18 {
    margin: 10px 0px 0px 13px;
}

.margin_20 {
    margin: 0px;
}

.margin_24 {
    margin: 10px;
}

.margin_25 {
    margin: 0px 10px 0px 10px;
}

/*margin left*/
.margin_07 {
    margin-left: 50px;
}

.margin_08 {
    margin-left: 27.5px;
}

.margin_09 {
    margin-left: 20px;
}

.margin_11 {
    margin-left: 6px;
}

.margin_13 {
    margin-left: 18px;
}

.margin_14 {
    margin-left: -14px;
}

.margin_15 {
    margin-left: 10px;
}

.margin_21 {
    margin-left: 100px;
}

/*margin top*/
.margin_01 {
    margin-top: -5px;
}

.margin_02 {
    margin-top: 20px;
}

.margin_05 {
    margin-top: 25px;
}

.margin_06 {
    margin-top: 5px;
}

.margin_10 {
    margin-top: 10px;
}

.margin_16 {
    top: 45px;
}

.margin_19 {
    margin-top: 45px;
}

.margin_26 {
    margin-top: 2px;
}

/*margin right*/
.margin_03 {
    margin-right: 20px;
}

.margin_12 {
    margin-right: 6px;
}

/*bottom*/
.margin_04 {
    bottom: 5px;
}

.margin_22 {
    margin-bottom: 20px;
}

.margin_23 {
    margin-bottom: 10px;
}

/*Border*/
.border_none {
    border-style: none;
}

.border_01 {
    border-top: 1px dotted #000000;
}

.border_02 {
    border: solid 1px #F00 !important
}

.border_03 {
    border: solid 1px #E66C2C
}

.border_04 {
    border: solid 1px #0066FF
}

.border_05 {
    border: solid 1px #008000
}

.border_06 {
    border-right: 1px dotted black;
}

.border_07 {
    border-right: 1px dotted gray;
}

.border_08 {
    border-bottom: 1px dotted gray;
}

.border_09 {
    border: solid 1px #B4B4B4
}

.border_10 {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.border_11 {
    border: 1px solid #9F9F9F;
}

.border_12 {
    border: solid 5px #B4B4B4
}

.border_13 {
    border-top: 1px solid #bfbebe;
}

.border_14 {
    border: 1px #989898 solid;
}

.border_15 {
    border-left: 1px solid #a19e9a
}

.border_16 {
    border-right: 1px solid #a19e9a
}

.border_17 {
    border-bottom: 1px solid #a19e9a
}

.border_18 {
    border-top: 1px solid #a19e9a
}

.border_19 {
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.border_20 {
    border-top: 1px solid #000;
}

.border_21 {
    border: 1px solid #000;
}

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

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

.border_24 {
    border: 1px solid #a8d08d;
}

.border_25 {
    border-right: 1px solid grey;
    border-left: 1px solid grey;
}

.border_26 {
    border-bottom: 1px solid #000;
}

.border_27 {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}

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

.border_29 {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

/*Background*/
.background_01 {
    background-color: #000000
}

.background_02 {
    background-color: #ffffff
}

.background_03 {
    background-image: url('/Kkgu2.0/Media/Image_SiteRepeat_Left.png');
    background-repeat: repeat-y;
}

.background_04 {
    background-image: url('/Kkgu2.0/Media/Image_SiteRepeatRight.png');
    background-repeat: repeat-y;
}

.background_05 {
    background-color: #FFFF99
}

.background_06 {
    background-color: #DBEBFF
}

.background_07 {
    background-color: #C0FF97
}

.background_08 {
    background-image: url('/Kkgu2.0/Media/Image_GreyBar.png');
}

.background_09 {
    background-image: url('/Kkgu2.0/Media/Header_Bar_Green.png');
}

.background_10 {
    background-color: #C9C9C9;
}

.background_11 {
    background-color: #D3D3D3;
}

.background_12 {
    background-color: #ececec;
}

.background_13 {
    background-color: #E2E6E9
}

.background_14 {
    background-image: url('/Kkgu2.0/Media/Image_GreyBar_02.png');
}

.background_15 {
    background: #f08523; /* Old browsers */
    background: -moz-linear-gradient(left, #f08523 0%, #ed9c30 43%, #da4d21 72%, #6a2300 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f08523), color-stop(43%,a#ed9c30), color-stop(72%,#da4d21), color-stop(100%,#6a2300)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #f08523 0%,#ed9c30 43%,#da4d21 72%,#6a2300 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #f08523 0%,#ed9c30 43%,#da4d21 72%,#6a2300 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #f08523 0%,#ed9c30 43%,#da4d21 72%,#6a2300 100%); /* IE10+ */
    background: linear-gradient(to right, #f08523 0%,#ed9c30 43%,#da4d21 72%,#6a2300 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08523', endColorstr='#6a2300',GradientType=1 ); /* IE6-9 */
}

.background_16 {
    background-color: #FFF7EE;
}

.background_17 {
    background-color: rgba(250,243,206,1);
}

.background_18 {
    background-color: rgba(219,228,247,1);
}

.background_19 {
    background-color: #deeaf6;
}

.background_20 {
    background-color: #9cc2e5;
}

.background_21 {
    background-color: #f4b083;
}

.background_22 {
    background-color: #fbe4d5;
}

.background_23 {
    background-color: #FFF7EE;
}

.tablePadding0 {
    border-spacing: 0;
    border-collapse: collapse;
}

    .tablePadding0 th, .tablePadding0 td {
        padding: 0px;
    }

/*Custom*/
.posFixedRelative {
    position: relative;
    bottom: 416px;
    margin-bottom: -416px;
    z-index: -100
}

.bi::before {
    margin-right: 5px;
}

.bi-file-earmark-excel-fill::before {
    color: #198754;
}

.bi-file-earmark-pdf-fill::before {
    color: #dc3545;
}

.bi-file-earmark-word-fill::before {
    color: #0b5ed7;
}

.grid-column-mobile-header-show {
    display: none;
}
/*RadRotator*/
.posFixedRelativeRotator {
    position: relative;
    bottom: 80px;
    margin-bottom: -80px;
}

.RadComboBoxDropDown {
    line-height: normal;
}

.RadPicker.RadPicker_Default {
    display: inline-block !important;
    width: 160px;
    float: left;
}

.RadPicker.border_02 {
    border: none !important;
}

    .RadPicker.border_02 .riTextBox {
        border: solid 1px #F00 !important;
    }

.RadComboBox.border_02 {
    border: none !important;
}

    .RadComboBox.border_02 table {
        border: solid 1px #F00 !important;
    }

.RadInput.border_02 {
    border: none !important;
}

    .RadInput.border_02 .riTextBox {
        border: solid 1px #F00 !important;
    }

/*Telerik Filter Icon*/
.RadGrid .rgFilterRow img {
    cursor: pointer;
    margin-left: 5px;
}
/*Telerik RadMenu*/
.RadMenu_Black .rmGroup {
    background-image: none !important;
}

.RadMenu_Black .rmExpandDown {
    background: transparent url(/Kkgu2.0/Media/Icon_Triangle_gray.png) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    vertical-align: middle !important;
    margin-right: 15px;
}

    .RadMenu_Black .rmExpandDown:hover {
        background: transparent url(/Kkgu2.0/Media/Icon_Triangle_Yellow.png) !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
        vertical-align: middle !important
    }

.RadMenu_Bootstrap .rmGroup {
    background-image: none !important;
    background-color: #DADCEB !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.RadMenu_Bootstrap .rmText {
    padding-left: -5px !important;
    color: white;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .RadMenu_Bootstrap .rmText:hover {
        padding-left: -5px !important;
        color: White !important;
        cursor: pointer !important;
    }

.RadMenu_Bootstrap .rmLevel1 {
    background-color: #0086FA !important;
}

.RadMenu_Bootstrap .rmSlide .rmLevel1 .rmItem:hover {
    background-color: #0069D9 !important;
}

.RadMenuAdmin .RadMenu_Bootstrap .rmItem:hover {
    background-color: #000000 !important;
}

/*Telerik Window*/
.RadWindow_Black .rwWindowContent {
    background-color: #fff !important;
}

    .RadWindow_Black .rwWindowContent .rwDialogText {
        color: #000 !important;
    }

/*Telerik Captcha*/
.CaptchaTextBoxClass {
    position: relative;
    bottom: 30px;
}

.rcRefreshImage {
    position: relative;
    bottom: -35px;
}

.RadCaptcha_Default {
    position: relative !important;
    bottom: 95px !important;
    margin-bottom: -95px !important;
}

/*.reContentCell iframe { height: 340px !important; }*/

/* Telerik Radio Check Box */
/*.RadForm .rfdRadioUnchecked, .RadForm  .rfdRadioChecked {display:inline !important;min-width:40px;}*/

/*Rad Grid - Anchor*/
.rgRow a, .rgAltRow a {
    color: #0099ff !important;
}

.buttonBlack {
    cursor: pointer;
    -moz-box-shadow: inset 0px 1px 0px 0px #aba8a4;
    -webkit-box-shadow: inset 0px 1px 0px 0px #aba8a4;
    box-shadow: inset 0px 1px 0px 0px #aba8a4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #787572), color-stop(1, #000000));
    background: -moz-linear-gradient(top, #787572 5%, #000000 100%);
    background: -webkit-linear-gradient(top, #787572 5%, #000000 100%);
    background: -o-linear-gradient(top, #787572 5%, #000000 100%);
    background: -ms-linear-gradient(top, #787572 5%, #000000 100%);
    background: linear-gradient(to bottom, #787572 5%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#787572', endColorstr='#000000',GradientType=0);
    background-color: #787572;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #a3937c;
    display: inline-block;
    color: #f0efed;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #666461;
}

    .buttonBlack:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #787572));
        background: -moz-linear-gradient(top, #000000 5%, #787572 100%);
        background: -webkit-linear-gradient(top, #000000 5%, #787572 100%);
        background: -o-linear-gradient(top, #000000 5%, #787572 100%);
        background: -ms-linear-gradient(top, #000000 5%, #787572 100%);
        background: linear-gradient(to bottom, #000000 5%, #787572 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#787572',GradientType=0);
        background-color: #000000;
    }

    .buttonBlack:active {
        position: relative;
        top: 1px;
    }

.buttonRed {
    background: #ca372b;
    background: -moz-linear-gradient(top, #ca372b 0%, #8a312f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca372b), color-stop(100%,#8a312f));
    background: -webkit-linear-gradient(top, #ca372b 0%,#8a312f 100%);
    background: linear-gradient(to bottom, #ca372b 0%,#8a312f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca372b', endColorstr='#8a312f',GradientType=0 );
    cursor: pointer;
    box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,.2);
    border-radius: 6px;
    border: 1px solid #a3937c;
    display: inline-block;
    color: #f0efed;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #666461;
}

    .buttonRed:hover {
        background: #8a312f;
        background: -moz-linear-gradient(top, #8a312f 0%, #ca372b 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a312f), color-stop(100%,#ca372b));
        background: -webkit-linear-gradient(top, #8a312f 0%,#ca372b 100%);
        background: linear-gradient(to bottom, #8a312f 0%,#ca372b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a312f', endColorstr='#ca372b',GradientType=0 );
    }

    .buttonRed:active {
        position: relative;
        top: 1px;
    }

.buttonGreen {
    background: #9cc455;
    background: -moz-linear-gradient(top, #9cc455 0%, #4f904e 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cc455), color-stop(99%,#4f904e));
    background: -webkit-linear-gradient(top, #9cc455 0%,#4f904e 99%);
    background: linear-gradient(to bottom, #9cc455 0%,#4f904e 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc455', endColorstr='#4f904e',GradientType=0 );
    cursor: pointer;
    box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,.2);
    border-radius: 6px;
    border: 1px solid #a3937c;
    display: inline-block;
    color: #f0efed;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #666461;
}

    .buttonGreen:hover {
        background: #4f904e;
        background: -moz-linear-gradient(top, #4f904e 1%, #9cc455 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4f904e), color-stop(100%,#9cc455));
        background: -webkit-linear-gradient(top, #4f904e 1%,#9cc455 100%);
        background: linear-gradient(to bottom, #4f904e 1%,#9cc455 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f904e', endColorstr='#9cc455',GradientType=0 );
    }

    .buttonGreen:active {
        position: relative;
        top: 1px;
    }

/**button styles interActive START**/
/*btn_button_default  creates silver by default button with radius and padding etc and hover,focus,active,disabled effects  */
.btn_button_default {
    font: bold 13px/140% Arial;
    letter-spacing: 0;
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em; /*font-size: 14px;*/
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .btn_button_default:first-child {
        *margin-left: 0;
    }

    .btn_button_default:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn_button_default:active, .btn_button_default.active {
        background-color: #cccccc \9;
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .btn_button_default:hover, .btn_button_default:focus {
        color: #333333;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    .btn_button_default:hover, .btn_button_default:focus, .btn_button_default:active, .btn_button_default.active, .btn_button_default.disabled, .btn_button_default[disabled] {
        color: #333333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }
/*btn_button_blue  creates blue button to use this i.e. class="btn_button_default btn_button_blue"  */
.btn_button_blue {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #27BCFC;
    *background-color: #27BCFC;
    background-image: -moz-linear-gradient(top, #27BCFC, #014788);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27BCFC), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #27BCFC, #014788);
    background-image: -o-linear-gradient(top, #27BCFC, #014788);
    background-image: linear-gradient(to bottom, #27BCFC, #014788);
    background-repeat: repeat-x;
    border-color: #014788 #014788 #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff27BCFC', endColorstr='#ff014788', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn_button_blue.active, .btn_button_black.active {
        color: rgba(255, 255, 255, 0.75);
    }

    .btn_button_blue:active, .btn_button_blue.active {
        background-color: #003399 \9;
    }

    .btn_button_blue:hover, .btn_button_blue:focus, .btn_button_blue:active, .btn_button_blue.active, .btn_button_blue.disabled, .btn_button_blue[disabled] {
        color: #ffffff;
        background-color: #014788;
        *background-color: #014788;
    }
/*btn_button_black  creates black button to use this i.e. class="btn_button_default btn_button_black"  */
.btn_button_black {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #777777;
    *background-color: #222222;
    background-image: -moz-linear-gradient(top, #777777, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777777), to(#222222));
    background-image: -webkit-linear-gradient(top, #777777, #222222);
    background-image: -o-linear-gradient(top, #777777, #222222);
    background-image: linear-gradient(to bottom, #777777, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #777777;
    border-color: rgba(160, 0, 73, 0.1) rgba(160, 0, 73, 0.1) rgba(160, 0, 73, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn_button_black:active, .btn_button_black.active {
        background-color: #080808 \9;
    }

    .btn_button_black:hover, .btn_button_black:focus, .btn_button_black:active, .btn_button_black.active, .btn_button_black.disabled, .btn_button_black[disabled] {
        color: #ffffff;
        background-color: #222222;
        *background-color: #151515;
    }
/*btn_button_green  creates green button to use this i.e. class="btn_button_default btn_button_green"*/
.btn_button_green {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    *background-color: #225E22;
    background-image: -moz-linear-gradient(top, #62c462, #225E22);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#66A365), to(#225E22));
    background-image: -webkit-linear-gradient(top, #66A365, #225E22);
    background-image: -o-linear-gradient(top, #66A365, #225E22);
    background-image: linear-gradient(to bottom, #66A365, #225E22);
    background-repeat: repeat-x;
    border-color: #225E22 #225E22 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66A365', endColorstr='#ff225E22', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn_button_green:hover, .btn_button_green.hover, .btn_button_green:focus, .btn_button_green:active, .btn_button_green.active, .btn_button_green.disabled, .btn_button_green[disabled] {
        color: #ffffff;
        background-color: #225E22;
        *background-color: #499249;
        background-position: 0 -30px;
    }

    .btn_button_green:active, .btn_button_green.active {
        background-color: #408140 \9;
    }
/*btn_button_red  creates green button to use this i.e. class="btn_button_default btn_button_red"*/
.btn_button_red {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ca372b;
    *background-color: #ca372b;
    background-image: -moz-linear-gradient(top, #ca372b, #8a312f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ca372b), to(#8a312f));
    background-image: -webkit-linear-gradient(top, #ca372b, #8a312f);
    background-image: -o-linear-gradient(top, #ca372b, #8a312f);
    background-image: linear-gradient(to bottom, #ca372b, #8a312f);
    background-repeat: repeat-x;
    border-color: #8a312f #8a312f #8c4443;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffca372b', endColorstr='#ff8a312f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn_button_red:hover, .btn_button_red.hover, .btn_button_red:focus, .btn_button_red:active, .btn_button_red.active, .btn_button_red.disabled, .btn_button_red[disabled] {
        color: #ffffff;
        background-color: #8a312f;
        *background-color: #8a312f;
        background-position: 0 -30px;
    }

    .btn_button_red:active, .btn_button_red.active {
        background-color: #8c4443 \9;
    }

.btn-report {
    color: #000;
    border: 1px solid #6c757d;
    padding: 5px 8px;
    border-radius: 5px;
    text-decoration: none;
    margin-right: 10px
}

    .btn-report.bi-file-earmark-excel-fill:hover, .btn-report.bi-file-earmark-excel-fill:active, .btn-report.bi-file-earmark-excel-fill:focus {
        color: #fff;
        background-color: #198754;
    }

    .btn-report.bi-file-earmark-pdf-fill:hover, .btn-report.bi-file-earmark-pdf-fill:active, .btn-report.bi-file-earmark-pdf-fill:focus {
        color: #fff;
        background-color: #bb2d3b;
    }

    .btn-report.bi-file-earmark-word-fill:hover, .btn-report.bi-file-earmark-word-fill:active, .btn-report.bi-file-earmark-word-fill:focus {
        color: #fff;
        background-color: #0b5ed7;
    }

    .btn-report:hover.bi-file-earmark-excel-fill::before, .btn-report:hover.bi-file-earmark-pdf-fill::before, .btn-report:hover.bi-file-earmark-word-fill::before,
    .btn-report:active.bi-file-earmark-excel-fill::before, .btn-report:active.bi-file-earmark-pdf-fill::before, .btn-report:active.bi-file-earmark-word-fill::before,
    .btn-report:focus.bi-file-earmark-excel-fill::before, .btn-report:focus.bi-file-earmark-pdf-fill::before, .btn-report:focus.bi-file-earmark-word-fill::before {
        color: #fff;
    }
/**button styles interActive END**/

.input-group-text {
    padding: 0.1rem 0.5rem;
}

    .input-group-text.text-green {
        color: white;
        background-color: #0e9c5a;
        border-color: #0e9c5a;
    }

    .input-group-text.text-red {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

/**Admin_ScorecardProcessing Page ***/

.head-panel-tealColor {
    background: #b7dfe9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3ZGZlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzc3YTBhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzY4OTlhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iIzYyOTdhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YWM5ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    background: -moz-linear-gradient(top, #b7dfe9 0%, #77a0ac 49%, #6899ab 51%, #6297ad 54%, #9ac9db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7dfe9), color-stop(49%,#77a0ac), color-stop(51%,#6899ab), color-stop(54%,#6297ad), color-stop(100%,#9ac9db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b7dfe9 0%,#77a0ac 49%,#6899ab 51%,#6297ad 54%,#9ac9db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b7dfe9 0%,#77a0ac 49%,#6899ab 51%,#6297ad 54%,#9ac9db 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b7dfe9 0%,#77a0ac 49%,#6899ab 51%,#6297ad 54%,#9ac9db 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b7dfe9 0%,#77a0ac 49%,#6899ab 51%,#6297ad 54%,#9ac9db 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7dfe9', endColorstr='#9ac9db',GradientType=1 ); /* IE6-8 */
    color: #000000;
    border: 1px solid #384d66;
    margin: 0;
    padding: 3px 10px;
    font-size: 15px;
    line-height: normal;
}

.body-panel-tealColor {
    border: 1px solid #dadee3;
    display: inline-block;
}

.icon-info {
    background: url('/Kkgu2.0/Media/Icon_Info_16x16.png') no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 6px 0 0;
    float: left;
}

.Co_ScorecardRow .head-panel-tealColor h4 {
    margin: 0px;
    font-weight: 600;
    font-size: 13px;
}
/*.Co_ScorecardRow {display: table;  font-size: 12px;*/ /*line-height: 15px;*/ /*width:100%; vertical-align:middle;}*/
.Co_ScorecardRow .icon-info {
    margin: 1px 0 0;
}

.Co_ScorecardRow .column-serial { /*float:none;*/
    text-align: center; /*display: table-cell;*/
}

.Co_ScorecardRow .column-icon { /*float:none;display: table-cell;*/
    padding: 5px 0;
}

    .Co_ScorecardRow .column-icon .icon-info {
        padding: 0;
    }

.Co_ScorecardRow .column-title { /*float:none;*/
    padding-left: 10px; /*display: table-cell;*/
}

.Co_ScorecardRow .heading-sub .column-outcome {
    font-weight: bold;
}

.Co_ScorecardRow .column-outcome { /*float: none;*/
    text-align: center;
    border-left: 1px solid #dadee3; /*display: table-cell; vertical-align: middle;*/
    word-wrap: break-word;
}

/*.Co_ScorecardRow:nth-child(odd){ background:#dadee3;}*/

.Co_ScorecardRow.altRow {
    background: #dadee3;
}

.Co_ScorecardRow .heading-main {
    border: 1px solid #dadee3;
    border-width: 0 1px 0 1px;
    color: #000000;
}

.Co_ScorecardRow .heading-sub,
.Co_ScorecardRow .content {
    border: 1px solid #dadee3;
    border-width: 0 1px 1px 1px;
}

.Co_ScorecardRow .heading-sub {
    color: #000000;
}

.Co_ScorecardRow .heading-main .heading {
    border-bottom: 1px solid #dadee3;
    border-left: 1px solid #dadee3;
    vertical-align: middle;
}

.Co_ScorecardRow .heading-main .heading {
    width: 100%;
    font-weight: bold;
    text-align: center; /*float: left;*/
}
/*.Co_ScorecardRow .heading-main .empty{width:318px; float:left;}*/
/*.Co_ScorecardRow .heading-main {float: left; width: 100%;line-height: 26px;}*/

.Co_ScorecardRow .text-box {
    width: 30px;
    margin: 2px 0;
}

.Co_ScorecardRow .date-picker {
    width: 70% !important;
}

.Co_ScorecardRow .column-outcome .RadPicker {
    margin: 2px 0 2px 6px;
}

.Co_ScorecardRow .column-serial,
.Co_ScorecardRow .column-icon,
.Co_ScorecardRow .column-title,
.Co_ScorecardRow .column-outcome {
    vertical-align: middle;
}

.Co_ScorecardRow .content-other {
    border: 1px solid #dadee3;
    border-width: 0 1px 1px 1px;
}
    /*.Co_ScorecardRow .content-other .column-title{width:60%;}*/
    .Co_ScorecardRow .content-other .column-outcome { /*width: 350px;*/
        word-wrap: break-word; /*max-width: 350px;*/
    }

    .Co_ScorecardRow .content-other .RadPicker {
        float: none;
    }
/*.Co_ScorecardRow .content-other .text-box{width:180px;}*/

.lt-ie8 .Co_ScorecardRow .column-serial,
.lt-ie8 .Co_ScorecardRow .column-icon,
.lt-ie8 .Co_ScorecardRow .column-title,
/*.lt-ie8 .Co_ScorecardRow .column-outcome{float:left;}*/
.lt-ie8 .Co_ScorecardRow .column-outcome {
    border: none;
}

.border-error {
    border: 1px solid #ff0000;
}

.score-card-tooltip.RadToolTip { /*visibility: visible !important; display:block !important;*/
}

    .score-card-tooltip.RadToolTip .rtWrapper td.rtWrapperContent {
        background-color: #fcedbd;
        text-align: left;
        border: 1px solid #c78100;
        padding: 0;
        color: black;
    }

        .score-card-tooltip.RadToolTip .rtWrapper td.rtWrapperContent table {
            border-collapse: collapse;
        }

        .score-card-tooltip.RadToolTip .rtWrapper td.rtWrapperContent th {
            padding: 7px;
            border-bottom: 1px solid #c78100;
            text-align: left;
        }

        .score-card-tooltip.RadToolTip .rtWrapper td.rtWrapperContent td {
            padding: 4px 7px;
        }

.Co_ScorecardRow.MatchFitCollegeScorecard .content {
    border-width: 0 1px;
}

.Co_ScorecardRow.MatchFitCollegeScorecard .column-serial {
    display: none;
}

.Co_ScorecardRow.MatchFitCollegeScorecard .column-icon {
    display: none;
}

.Co_ScorecardRow.MatchFitCollegeScorecard .column-title {
    color: #000000;
    font-weight: bold; /*width: 75px;*/
}

.Co_ScorecardRow.MatchFitCollegeScorecard .column-outcome { /*width: 158px;*/
    border: none;
    text-align: left;
    word-wrap: break-word; /*max-width: 158px;*/
}


/* ==============================================================================
                                    CaseLoad
   ============================================================================== */
.frozen-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff;
    padding-bottom: 4px;
    border-bottom: none;
    box-shadow: none;
}

    .frozen-header .RadTabStrip .rtsLevel, .frozen-header .RadTabStrip .rtsUL, .frozen-header .RadTabStrip .rtsLI, .frozen-header .RadTabStrip .rtsLink, .frozen-header .RadTabStrip .rtsOut, .frozen-header .RadTabStrip .rtsIn {
        background-image: none !important;
        box-shadow: none !important;
        border: none !important;
        border-bottom: none !important;
        border-width: 0 !important;
    }

    .frozen-header .RadTabStrip, .frozen-header .RadTabStrip .rtsLevel, .frozen-header .RadTabStrip .rtsUL {
        background: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
    }

    .frozen-header .RadTabStrip {
        font-size: 18px !important;
        border-bottom: 3px solid #1a8ee8 !important;
    }

        .frozen-header .RadTabStrip .rtsLI {
            margin: 0 2px 0 0 !important;
            padding: 0 !important;
            height: auto !important;
        }

        .frozen-header .RadTabStrip .rtsLink, .frozen-header .RadTabStrip .rtsOut {
            background: transparent !important;
            color: #1a3a7c !important;
            font-size: 18px !important;
            font-weight: 700 !important;
            padding: 0 !important;
            height: auto !important;
            line-height: 1.3 !important;
        }

        .frozen-header .RadTabStrip .rtsIn {
            background: transparent !important;
            color: inherit !important;
            font-size: 18px !important;
            padding: 14px 18px !important;
            height: auto !important;
            border-radius: 4px 4px 0 0 !important;
        }

    .frozen-header .RadTabStrip_BlackMetroTouch .rtsLink, .frozen-header .RadTabStrip_BlackMetroTouch .rtsOut, .frozen-header .RadTabStrip_BlackMetroTouch .rtsIn {
        font-size: 18px !important;
    }

    .frozen-header .RadTabStrip .rtsLink:hover .rtsIn {
        background: #e8f3fc !important;
        color: #1a3a7c !important;
    }

    .frozen-header .RadTabStrip .rtsSelected .rtsLink, .frozen-header .RadTabStrip .rtsSelected .rtsOut {
        background: transparent !important;
        color: #fff !important;
    }

    .frozen-header .RadTabStrip .rtsSelected .rtsIn {
        background: #1a8ee8 !important;
        color: #fff !important;
        border-radius: 4px 4px 0 0 !important;
    }

    .frozen-header .RadTabStrip .rtsLevel {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .frozen-header .RadTabStrip .rtsUL {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content;
        min-width: 100%;
        float: none !important;
    }

    .frozen-header .RadTabStrip .rtsLI {
        flex: 0 0 auto !important;
        float: none !important;
    }

    .frozen-header .RadTabStrip .rtsIn {
        padding: 12px 14px !important;
    }

@media (max-width: 991px) {
    .frozen-header .RadTabStrip .rtsUL {
        flex-wrap: wrap !important;
        width: 100%;
    }
}

.kkgu-toast {
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%) translateY(12px);
    background: #1a3a7c;
    color: #fff;
    padding: 12px 22px;
    border-radius: 8px;
    font: 600 14px/1.3 'Segoe UI', system-ui, sans-serif;
    z-index: 100001;
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.25s ease;
    pointer-events: none;
    box-shadow: 0 8px 24px rgba(26, 58, 124, 0.28);
    white-space: nowrap;
}

    .kkgu-toast.show {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }

.kkgu-toast-error {
    background: #b42318;
    box-shadow: 0 8px 24px rgba(180, 35, 24, 0.28);
}

.caseload-edit-form {
    background: #f0efe9;
    padding: 16px 8px 8px;
    margin-left: -8px;
    margin-right: -8px;
}

    .caseload-edit-form > .row.g-0 {
        border: 1px solid #d8d6ce !important;
        border-radius: 8px;
        overflow: hidden;
        background: #fff;
    }

        .caseload-edit-form > .row.g-0 > .col-12:first-child, .caseload-edit-form .col-12[style*="background-color: #000"] {
            background-color: #eef2fd !important;
            height: auto !important;
            min-height: 48px !important;
            display: flex !important;
            align-items: center;
            padding: 14px 18px;
            border-bottom: 1px solid #d8d6ce;
            border-left: 3px solid #1a4fd6;
        }

            .caseload-edit-form > .row.g-0 > .col-12:first-child .text_02, .caseload-edit-form > .row.g-0 > .col-12:first-child span, .caseload-edit-form .col-12[style*="background-color: #000"] .text_02, .caseload-edit-form .col-12[style*="background-color: #000"] span {
                color: #1a3a7c !important;
                font-size: 18px !important;
                font-weight: 700 !important;
                line-height: 1.3 !important;
            }

.kkgu-section-title {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
}

.kkgu-section-icon {
    flex-shrink: 0;
    width: 25px;
    height: 25px;
}

.kkgu-section-title.needs-attn, .kkgu-section-title.needs-attn span {
    color: #e05c2a !important;
}

.caseload-save-bar {
    text-align: center;
    padding: 24px 8px 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 28px 8px 36px;
    background: transparent;
    text-align: center;
}

    .caseload-save-bar input[type="submit"], .caseload-save-bar .btn, .caseload-save-bar .button-black-small {
        float: none !important;
        display: inline-block !important;
        margin: 0 auto !important;
        min-height: 44px !important;
        min-width: 160px;
        padding: 10px 32px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        background: #1a3a7c !important;
        color: #fff !important;
        background: #fff !important;
        color: #1a3a7c !important;
        border: 1.5px solid #1a3a7c !important;
        border-radius: 6px !important;
        box-shadow: none !important;
    }

        .caseload-save-bar input[type="submit"]:hover, .caseload-save-bar .btn:hover, .caseload-save-bar .button-black-small:hover {
            background: #eef2fd !important;
            color: #1a3a7c !important;
            border-color: #1a3a7c !important;
            box-shadow: 0 0 0 3px rgba(26,79,214,.25) !important;
        }

.kkgu-footer-save, input.kkgu-footer-save, input[type="button"].kkgu-footer-save, input[type="submit"].kkgu-footer-save {
    float: none !important;
    display: inline-block !important;
    min-height: 44px !important;
    min-width: 160px !important;
    padding: 10px 32px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    background: #fff !important;
    background-color: #fff !important;
    color: #1a3a7c !important;
    border: 1.5px solid #1a3a7c !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

    .kkgu-footer-save:hover, input.kkgu-footer-save:hover, input[type="button"].kkgu-footer-save:hover, input[type="submit"].kkgu-footer-save:hover {
        background: #eef2fd !important;
        background-color: #eef2fd !important;
        color: #1a3a7c !important;
        border-color: #1a3a7c !important;
        box-shadow: 0 0 0 3px rgba(26,79,214,.25) !important;
    }

.caseload-edit-form .col-md-3 .RadComboBox, .caseload-edit-form .col-md-3 .RadPicker, .caseload-edit-form .col-md-6 .RadComboBox, .caseload-edit-form .col-md-6 .RadPicker {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* Regional Staff Details read-only */
.caseload-edit-form.kkgu-details-readonly input:disabled,
.caseload-edit-form.kkgu-details-readonly textarea:disabled,
.caseload-edit-form.kkgu-details-readonly input[disabled],
.caseload-edit-form.kkgu-details-readonly textarea[disabled],
.caseload-edit-form.kkgu-details-readonly .RadComboBox .rcbInput,
.caseload-edit-form.kkgu-details-readonly .RadComboBox .rcbDisabled .rcbInput,
.caseload-edit-form.kkgu-details-readonly .RadComboBox.rcbDisabled .rcbInput,
.caseload-edit-form.kkgu-details-readonly .RadInput .riTextBox,
.caseload-edit-form.kkgu-details-readonly .RadInput.riDisabled .riTextBox,
.caseload-edit-form.kkgu-details-readonly .RadPicker .riTextBox,
.caseload-edit-form.kkgu-details-readonly .RadPicker .riDisabled {
    background-color: #e2e2e2 !important;
    color: #2a2a2a !important;
    -webkit-text-fill-color: #2a2a2a !important;
    opacity: 1 !important;
}

.caseload-edit-form.kkgu-details-readonly .RadComboBox.rcbDisabled,
.caseload-edit-form.kkgu-details-readonly .RadComboBox .rcbDisabled,
.caseload-edit-form.kkgu-details-readonly .RadComboBox table.rcbDisabled td,
.caseload-edit-form.kkgu-details-readonly .RadInput.riDisabled,
.caseload-edit-form.kkgu-details-readonly .RadPicker .riDisabled {
    background-color: #e2e2e2 !important;
    opacity: 1 !important;
}

.caseload-edit-form.kkgu-details-readonly #uxDivNeedsAttention input,
.caseload-edit-form.kkgu-details-readonly #uxDivNeedsAttention textarea,
.caseload-edit-form.kkgu-details-readonly #uxDivNotes input,
.caseload-edit-form.kkgu-details-readonly #uxDivNotes textarea {
    background-color: #fff !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    opacity: 1 !important;
}

/* Caseload list grid */
.caseload-key {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 9px;
    font-weight: 700;
    border-radius: 3px;
    text-decoration: none;
    cursor: default;
    margin-right: 4px;
}

.caseload-key-ra {
    background-color: #d9f0e5;
    color: #0a7a50;
}

.caseload-key-nu {
    background-color: #f5c542;
    color: #5c4a00;
}

.caseload-key-rti {
    background-color: #d6e6f5;
    color: #0a4a7a;
}

.caseload-key-label {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    line-height: 1.3;
    white-space: nowrap;
}

.caseload-key-label-ra {
    background-color: #d9f0e5;
    color: #0a7a50;
}

.caseload-key-label-nu {
    background-color: #f5c542;
    color: #5c4a00;
}

.caseload-key-label-rti {
    background-color: #d6e6f5;
    color: #0a4a7a;
}

.RadGrid .rgRow td.caseload-cell-updated,
.RadGrid .rgAltRow td.caseload-cell-updated {
    background-color: #f0d878 !important;
    color: inherit;
    box-shadow: inset 3px 0 0 #c49212;
}

.RadGrid .rgHoveredRow td.caseload-cell-updated {
    background-color: #e6c44a !important;
    color: inherit;
    box-shadow: inset 3px 0 0 #a87a0a;
}

#gridTopScroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 20px;
    margin-bottom: 2px;
}

#caseloadGridScroller {
    width: 100%;
    overflow-x: auto;
}

.RadGrid.caseload-grid {
    overflow-x: visible !important;
}

    .RadGrid.caseload-grid .rgMasterTable {
        width: 100%;
    }

.RadMultiPage .rmpHidden {
    display: none !important;
}

.RadTabStrip .rtsLink {
    white-space: nowrap;
}

/* =================caseload student information control================= */

.kkgu-si {
    font-family: 'Segoe UI', system-ui, sans-serif;
    color: #1c1b18;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #d8d6ce;
    border-radius: 8px;
    overflow: hidden;
}

.kkgu-si-bar {
    background: #1a3a7c;
    min-height: 64px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px 24px;
    position: sticky;
    top: 0;
    z-index: 20;
}

.kkgu-si-bar-title {
    display: none;
}

.kkgu-si-bar-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-left: auto;
}

.kkgu-si-bar input.kkgu-si-btn, .kkgu-si-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
    font: 700 14px/1.2 'Segoe UI', system-ui, sans-serif !important;
    cursor: pointer;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: none !important;
}

    .kkgu-si-bar input.kkgu-si-btn:focus, .kkgu-si-btn:focus {
        outline: 2px solid #fff;
        outline-offset: 2px;
    }

.kkgu-si-bar input.kkgu-si-btn-back, .kkgu-si-bar input.kkgu-si-btn-secondary, .kkgu-si-btn-back, .kkgu-si-btn-secondary {
    background: transparent !important;
    color: #fff !important;
    border: 1.5px solid rgba(255,255,255,.7) !important;
}

    .kkgu-si-bar input.kkgu-si-btn-back:hover, .kkgu-si-bar input.kkgu-si-btn-secondary:hover, .kkgu-si-btn-back:hover,
    .kkgu-si-btn-secondary:hover {
        background: rgba(255,255,255,.18) !important;
        color: #fff !important;
        border-color: #fff !important;
    }

.kkgu-si-bar input.kkgu-si-btn-save,
.kkgu-si-btn-save {
    background: #fff !important;
    color: #1a3a7c !important;
    border: 1.5px solid #fff !important;
    min-width: 120px;
}

    .kkgu-si-bar input.kkgu-si-btn-save:hover, .kkgu-si-btn-save:hover {
        background: #eef2fd !important;
        color: #1a3a7c !important;
        border-color: #fff !important;
        box-shadow: 0 0 0 3px rgba(26,79,214,.25) !important;
    }

.kkgu-si-head {
    background: #fff;
    padding: 24px 28px 28px;
    display: flex;
    align-items: flex-start;
    gap: 24px;
    flex-wrap: wrap;
    border-top: 1px solid #d8d6ce;
}

.kkgu-si-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .02em;
    flex-shrink: 0;
    border: 2px solid transparent;
    background: #dde6fc;
    color: #1547b8;
}

.kkgu-si-info {
    min-width: 0;
    flex: 1 1 280px;
}

.kkgu-si-name-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 12px;
}

.kkgu-si-name {
    font-size: 26px;
    font-weight: 650;
    letter-spacing: -.03em;
    color: #1c1b18;
    line-height: 1.25;
}

.kkgu-si-status {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    background: #eef2fd;
    color: #1a4fd6;
    border: 1px solid #b3c6f8;
}

.kkgu-si-email {
    font-size: 15px;
    color: #5a5850;
    margin-top: 8px;
}

.kkgu-si-icons {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .kkgu-si-icons img {
        width: 18px;
        height: 18px;
        vertical-align: middle;
    }

.kkgu-si-meta {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 80px;
    align-items: flex-start;
}

.kkgu-si-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.kkgu-si-field-wide {
    flex: 1 1 220px;
}

.kkgu-si-label {
    font-size: 12px;
    font-weight: 600;
    color: #9b9890;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.kkgu-si-value {
    font-size: 15px;
    color: #1c1b18;
    font-weight: 500;
    line-height: 1.35;
}

.kkgu-si-value-row {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.kkgu-si-info-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 0;
}

.kkgu-si-keys {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    align-items: center;
}

.kkgu-si-key {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    background: #eef2fd;
    color: #1547b8;
    border: 1px solid #b3c6f8;
}

@media (max-width: 767px) {
    .kkgu-si-bar {
        padding: 12px 16px;
    }

    .kkgu-si-bar-actions {
        margin-left: 0;
        width: 100%;
    }

    .kkgu-si-btn {
        flex: 1 1 auto;
    }

    .kkgu-si-head {
        padding: 20px 16px;
        gap: 16px;
    }

    .kkgu-si-name {
        font-size: 22px;
    }
}

/* ==============================================================================
                                    Media Queries
   ============================================================================== */

@media (max-width: 767px) {
    .kkgu-si-bar {
        padding: 12px 16px;
    }

    .kkgu-si-bar-actions {
        margin-left: 0;
        width: 100%;
    }

    .kkgu-si-btn {
        flex: 1 1 auto;
    }

    .kkgu-si-head {
        padding: 20px 16px;
        gap: 16px;
    }

    .kkgu-si-name {
        font-size: 22px;
    }
}

/* Medium */
@media only screen and (max-width: 991px) {

    .navbar .dropdown-menu {
        box-shadow: none !important;
        border: none !important;
        padding: .5rem 0 !important;
        width: 100%;
    }

    .w-50 {
        width: 100% !important;
    }

    /*Grid view Mobile*/
    .grid-column-mobile-header-hide {
        display: none;
    }

    .grid-column-mobile-header-show {
        display: inline-block;
    }

    .RadGrid.grid-responsive .rgMasterTable thead tr > th, .RadGrid.grid-responsive .rgMasterTable thead tr.rgFilterRow > td {
        display: block;
        width: 100%;
        height: 45px;
    }

    .RadGrid.grid-responsive .rgMasterTable thead > tr {
        width: 50%;
        float: left;
    }

    .RadGrid.grid-responsive .rgMasterTable thead tr.rgFilterRow {
        float: right !important;
    }

    .grid-column-mobile-show {
        display: block !important;
        padding: 10px;
        height: 100% !important;
    }

        .grid-column-mobile-show > td {
            width: 100% !important;
            display: block !important;
            border: none !important;
            padding-bottom: 10px !important;
            text-align: left;
            max-width: 100%;
        }

    .grid-header-mobile-show > th {
        width: 100% !important;
        display: block !important;
        border: none !important;
        padding-bottom: 10px !important;
        text-align: left;
        max-width: 100%;
    }

    .RadGrid.grid-responsive .rgMasterTable colgroup > col {
        width: 100% !important;
        display: block !important;
    }

    .RadGrid.grid-responsive .NextPrevNumericAndAdvanced .rgAdvPart {
        display: block;
        width: 100%;
        margin-top: 10px;
        float: right !important;
    }

    .text-combobox-header {
        height: 50px !important;
    }

    #width100 .RadGrid.grid-responsive .rgMasterTable thead > tr {
        width: 100%;
        float: left;
    }
}

@media (max-width: 1199px) {
    .caseload-edit-form .col-md-3 .RadComboBox, .caseload-edit-form .col-md-3 .RadPicker, .caseload-edit-form .col-md-3 .RadInput, .caseload-edit-form .col-md-3 input[type="text"], .caseload-edit-form .col-md-3 input[type="email"], .caseload-edit-form .col-md-6 .RadComboBox, .caseload-edit-form .col-md-6 .RadPicker, .caseload-edit-form .col-md-6 .RadInput, .caseload-edit-form .col-md-6 input[type="text"], .caseload-edit-form .col-md-6 input[type="email"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
}

.font-print {
    font-size: 16px !important;
}