/* ==============================================================================
                                    Common Styles
   ============================================================================== */
html { background-color: transparent; height: 100%; }
body { background-color: #F3F3F3; font-family: Titillium Web, Roboto, Helvetica, sans-serif !important; margin: 0px; font-size: 1.125rem; line-height: 24px; text-align: left; height: 100%; }

.radio label, .checkbox label { margin-right: 0.9em; }

h1, h2, h3, h4, h5, h6, .h7, .h8 { line-height: 1.2; }
h1 { font-size: 3.25rem !important; color: #000000; font-weight: bold !important; }
h2 { font-size: 2.25rem !important; color: #000000; font-weight: bold !important; }
h3 { font-size: 2.125rem !important; color: #000000; font-weight: 600 !important; }
.h3 { font-size: 2.125rem !important; color: #FFFFFF; font-weight: 600 !important; }
h4 { font-size: 1.5rem !important; color: #000000; font-weight: 300 !important; }
h5 { font-size: 1.5rem !important; color: #000000; font-weight: 600 !important; }
h6 { font-size: 1.25rem !important; color: #000000; font-weight: 600 !important; }
.h6 { font-size: 1.125rem !important; color: #000000; font-weight: bold !important; }
.h7 { font-size: 1.25rem !important; color: #000000; font-weight: 600 !important; }
.label-desc { font-size: 1.125rem !important; color: #495057; }

.page-desc { font-family: 'Roboto', sans-serif !important;  font-size: 1.125rem; color: #000000}


legend { font-size: 1.125rem; }
a { color: #006CFF; font-weight: 500; }
a:hover { cursor: pointer; }
.card { border: none; }
.card-body.main { height: 260px; }
.card .card-header { background-color: white; }
.header-provider, .header-provider .rgGroupCol { background-color: antiquewhite !important; }
.header-setting, .header-setting .rgGroupCol { background-color: #e7e7e7 !important; }
/* ==============================================================================
                                    Layout
   ============================================================================== */
.Wrapper {
    width: 100%;
}
.container-fluid { padding: 30px 40px 80px 40px !important; }
.div-block { background-color: #FFFFFF; border: 1px solid #CFD2D3; padding: 20px 30px; margin-bottom: 10px;}
.div-block-no-gutter { background-color: #FFFFFF; border: 1px solid #CFD2D3; margin-bottom: 10px; padding-bottom: 20px;}

.error table tbody tr td { word-break: break-all; }
.RadAjax .raDiv { position: fixed !important; }
/* ==============================================================================
                                    Nav Bar
   ============================================================================== */
#headerBrand.navbar { padding: .0rem 1rem; color: white !important; }
.navbar-light .navbar-brand { color: white !important; }
.navbar-light .navbar-toggler { color: white; border-color: rgba(255,255,255,.1); }
.navbar-light .navbar-nav .nav-link { color: #FFFFFF !important; font: 500 0.875rem 'Titillium Web', sans-serif !important; }
.navbar-light .navbar-nav .nav-item:hover { background: #F3F3F3 !important; }
.navbar-light .navbar-nav .nav-item:hover > .nav-link { color: #000 !important; }
.navbar-light .navbar-nav .nav-item:hover > .nav-link .profile-icon { content: url("/KdadsHcbsFinalRule1.0/Media/Icon_User_Profile.png"); }
.navbar .nav-item .dropdown-menu { background: #F3F3F3 !important; padding: 0px !important; margin-top:0; }
.navbar .nav-item .dropdown-menu .dropdown-item { text-align: left; }
.navbar .nav-item .dropdown-item:focus, .dropdown-item:hover { color: #000000; text-decoration: none; background-color: #F1AD02; }
#navbarNavDropdown .dropdown-toggle::after { display: none; }
#headerBrand .dropdown-menu { border-radius: 0;}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.main-menu { background: #000000 !important; color: #FFFFFF !important;}
.main-menu .navbar-collapse { flex-wrap: wrap;}
.main-menu nav .nav-link { font: 600 1.25rem 'Titillium Web', sans-serif !important;  padding: 8px 30px !important; }
    .main-menu nav .nav-item:hover, .nav-item:focus, .nav-item.active { background-color: #F1AD02 !important; text-decoration: none;}
    .main-menu nav .nav-link:hover, .nav-link:focus, .nav-item.active .nav-link { color: #000 !important; }
.main-menu nav .nav-link { color: #FFFFFF !important; }

.main-menu nav .nav-link.dropdown-item { color: #000000 !important; }

.toggler-icon-small { width: 0.75em !important; height: 1.0em !important; }
.navbar .nav-item:hover .dropdown-menu { display: block; }


/* ==============================================================================
                                    Alert
   ============================================================================== */
.alert a { text-decoration: underline; font-weight: 600; color: inherit !important; }
span.info { content: url(/KdadsHcbsFinalRule1.0/Media/Icon_Info.png); padding-right: 10px;  vertical-align: bottom;}
span.info-middle { content: url(/KdadsHcbsFinalRule1.0/Media/Icon_Info.png); padding-right: 10px;  vertical-align: middle;}
span.info-top { content: url(/KdadsHcbsFinalRule1.0/Media/Icon_Info.png); padding-right: 10px;  vertical-align: top;}
span.danger { content: url(/KdadsHcbsFinalRule1.0/Media/Icon_Error.png); padding-right: 10px;}
span.warning { content: url(/KdadsHcbsFinalRule1.0/Media/Image_Warning_Yellow_60.png); width: 30px; padding-right: 10px;}
span.success { content: url(/KdadsHcbsFinalRule1.0/Media/Icon_Circle_GreenCheck.png); padding-right: 10px;}
.alert-text { font-size: 1.125rem; }
.alert-heading { font-weight: 600 !important; }

/* ==============================================================================
                                    Icons
   ============================================================================== */

.icon-img img{ width: 25px; }

.icon-location { content: url("/KdadsHcbsFinalRule1.0/Media/Icon_Map_Marker.png"); margin-right: 5px;}
/*.icon-save::before { content: url("/KdadsHcbsFinalRule1.0/Media/Icon_Save.png"); margin-right: 5px; }*/
.icon-save { background: url("/KdadsHcbsFinalRule1.0/Media/Icon_Save.png") no-repeat scroll 0 3px; padding-left: 35px; margin-bottom: 5px; }

.icon-blue-arrow { background: url("/KdadsHcbsFinalRule1.0/Media/Icon_Triangle_Blue.png") no-repeat scroll 0 3px; padding-left: 14px; margin-bottom: 5px; }
.icon-red-cross { background: url("/KdadsHcbsFinalRule1.0/Media/Icon_Cross_Red.png") no-repeat scroll 0 3px; padding-left: 14px; margin-bottom: 5px; }
.icon-red-slash { background: url("/KdadsHcbsFinalRule1.0/Media/Icon_Denied_Red.png") no-repeat scroll 0 3px; padding-left: 14px; margin-bottom: 5px; }

.bi.small::before { font-size: 20px !important;}
.bi-file-earmark-excel-fill::before{ color: #198754; }
.bi-file-earmark-image::before, .bi-file-earmark-text::before, .bi-file-earmark-word-fill::before, .bi-file-earmark-fill::before{ color: #00379e; }
.bi-file-earmark-pdf-fill::before { color: #b30b00; }
.bi-file-earmark-ppt-fill::before { color: #b7462a; }
.bi-window-stack::before { color: #b30b00; font-size: 20px; }
.bi-arrow-repeat::before { font-size: 25px; }
.bi-info-circle-fill::before, .bi-arrow-right-short::before, .bi-arrow-right::before { color: #0d6efd;}
.bi-check-lg::before { color: #16794B; }
.bi-hourglass-split::before { color: #FFA800; }
.bi-x-lg::before { color: #C82333; }
.bi-building-dash.inactive::before { color: #5A6268; font-size: 25px;}
.bi-building-fill.inactive::before { color: #5A6268; font-size: 25px;}
.bi-building-fill.active::before { color: #008000; font-size: 25px;}
.bi-building-exclamation::before { color: #5A6268; font-size: 25px;}
.bi-person-fill.active::before { color: #008000; font-size: 25px;}
.bi-person-dash.inactive::before { color: #5A6268; font-size: 25px;}
.bi-exclamation-triangle-fill.missing-info::before { color: #dc3545; font-size: 25px;}
.bi-exclamation-triangle-fill.missing-info.large::before { color: #dc3545; font-size: 60px;}
.bi-box-arrow-in-right::before { color: #0d6efd; font-size: 25px;}
.bi-exclamation-triangle-fill.large::before { font-size: 60px;}
.bi-arrow-down-circle-fill::before { color: #fd7e14; font-size: 25px; }
.bi-paperclip::before { color: #008000; font-size: 25px; display: inline; }
.bi-file-earmark-medical::before { color: #414952; font-size: 25px;}
.bi-check2-circle::before { color: #5A6268; font-size: 25px;}
.bi-star-fill::before { color: #F1AD02 ; margin-left: 5px;}
.bi-envelope::before { font-size: 25px;}
.bi-envelope-check::before { color: #008000; font-size: 25px;}
.bi-envelope-x::before { color: #C82333; font-size: 25px;}
.bi-eye-fill::before { color: #008000; font-size: 25px;}
.bi-eye-slash-fill::before { font-size: 25px;}
.bi-pin-fill::before { color: #C82333; font-size: 25px;}
.bi-link-45deg::before { font-size: 25px;}
.bi-check-circle-fill::before {  color: #008000; font-size: 25px;}
.bi-dash-circle-fill::before {  color: #5A6268; font-size: 25px;}
.bi-file-earmark-easel::before {  color: #008000; font-size: 25px;}
.bi-flag-fill::before { font-size: 25px;}
.bi-flag-fill.red::before { color: #dc3545; font-size: 25px;}
.bi-flag-fill.orange::before { color: #fd7e14; font-size: 25px;}
.bi-building-fill-gear.orange::before { color: #fd7e14; font-size: 25px;}

.green-lock { width: 22px; filter:invert(30%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%) }
.yellow-lock { width: 22px; filter: invert(50%) sepia(36%) saturate(6650%) hue-rotate(13deg) brightness(112%) contrast(98%) }
input[src*="Icon_Lock_Fill.svg"] { width: 22px; }
/* ==============================================================================
                                    Helper
   ============================================================================== */
.back-dark-blue {
    background: #002569;
}
.back-grey { background: #E0E0E0; }
.back-white { background: #FFFFFF; }
.back-orange { background: #fd7e14; }

.border-b-yellow { border-bottom: solid 4px #F1AD02; }
.border-b-black { border-bottom: solid 1px black; }

.py-30 { padding: 30px 0px; }

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

.text-red { color: #C82333 !important; }
.text-blue { color: #0071BD; }
.text-orange { color: #fd7e14 !important; }
.text-success { color: #008000 !important }
.text-white { color: #FFFFFF !important }

.font-size-14 { font-size: 0.875rem; }
.font-size-17 { font-size: 1.063rem; }
.font-size-18 { font-size: 1.125rem; }
.font-size-19 { font-size:1.5rem; font-weight:bold; }

.fw-500 { font-weight: 500 !important; }

.text-combobox-header { font-weight: bold; margin: 0 !important; }
.text-combobox-item { margin: 0 !important; }
.RadComboBoxDropDown .rcbFooter { background-color: #E0E0E0; }

.font-weight-medium { font-weight: 500; }
.bi::before { margin-right: 5px; }
.bi.m0::before { margin-right: 0px; }

.accordian-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); }
.accordion-body { background-color: #F2F8FF !important; padding: 1.25rem 1.95rem;}
.accordion-item { background-color: #fff; border: 1px solid rgba(0,0,0,.125); }


/* ==============================================================================
                                    Custom Accordian
   ============================================================================== */

.announcement-h { height:80px;border-radius: 5px;}
.announcement-acc-icon {display: inline-block; width: 15px; height: 15px; margin-right: 8px;}
.custom-card { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; transition: all 0.3s ease-in-out; position: relative; box-sizing: border-box; }
.custom-card:hover { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); transform: translateY(-5px); }
.custom-border-radius { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; border: 1px solid #ddd; }
.custom-card a, .custom-card a:hover { color: black; text-decoration: none !important;}
.custom-icon {font-size:1.3rem;}
.custom-accordion-two { padding: 12px; margin-bottom: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.color-box { width: 45px; height: 45px; margin-right: 12px; border-radius: 5px; flex-shrink:0; flex-grow:0;}
.accordion-header { display: flex; align-items: center; width: 100%; padding: 0; text-align: left; border: none; cursor: pointer;}
.bi-chevron-down { font-size: 18px; color: #333; margin-left: auto;}
.accordion-item:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.accordion-item:not(:first-of-type):not(:last-of-type)  { border-radius: 0;}
.accordion-item:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 0; border-top-right-radius: 0;}
.accordion-title {font-weight: 500; font-size: 18px; color: #333;}
.accordion-description {font-size: 16px; color: #666; display: block; margin-top: 4px; text-decoration: none !important;}
.accordion-header:hover,.accordion-header:focus,.accordion-header:active { text-decoration: none !important; }
.accordion-header-content { display: block;}
.selected-card { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); border: 3px solid green; border-radius: 10px; position: relative; box-sizing: border-box;}
.tick-icon { font-size: 20px; position: absolute; top: 10px; right: 10px; color: green; display: none; }
.selected-card .tick-icon { display: inline; }


/* ==============================================================================
                                    Forms
   ============================================================================== */
input:disabled, .RadPicker .rcCalPopup.rcDisabled, .RadPicker .riTextBox.riDisabled, textarea.riTextBox.riDisabled, button.RadCheckBox.rbDisabled, button.RadRadioButton.rbDisabled { color: #000 !important;  cursor: not-allowed !important;}
.form-row label, .col-form-label { font-size: 1.125rem ; font-family: 'Roboto', sans-serif; color: #000000; }
input[type="radio"] { margin-right: 5px; }
input[type=checkbox], input[type=radio] { margin-right: 10px; }
.label { font-weight: bold; margin-right: 5px; }
.form-header, .form-sub-header { color: #000000 !important; font: normal 1rem 'Roboto', sans-serif !important; padding: 10px; text-align: left; }
.form-sub-header { color: #72777D !important; padding: 10px 0px; }
.invalid-feedback { font-size: 1rem  !important; }
.required::before { content: " *"; color: red !important; margin-right: 2px; }
.form-check label { margin-bottom: 0px !important; }
.form-control:disabled, .form-control[readonly] { background-color: #e9ecef !important; opacity: 1 !important; }
input[type="radio"] + label { margin-right: 40px; display: inline; }
/* Telerik RadMaskedTextBox */
.RadInput.riSingle .form-control.riTextBox, .RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] { height: calc(1.5em + 0.75rem + 5px) !important; padding: 0.375rem 0.75rem !important; }
.RadInput_Default, .RadInputMgr_Default { width: 100% !important; }

.explanation { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; font-size: 1rem; font-weight: 500;}

/* Telerik RadCheckBoxList */
.RadButton.rbCheckBox .rbIcon { margin: 0 10px 0 0 !important; }
.RadButton .rbIcon::before { font: 20px/1 "WebComponentsIcons" !important; }
.RadButton_Default.rbCheckBox .rbText { display: inline; }
.rbVerticalList .rbCheckBox { text-align: left; }
.RadCheckBoxList.rbHorizontalList.align-width button { margin-right: 55px; text-align: start; }

div.RadCheckBoxList .RadButton.rbDisabled { opacity: 0.9 !important; cursor: not-allowed !important; }

.assessment .col-form-label { font-size: 1.125rem; }
.rbHorizontalList .RadButton, .rbColumnList { padding: 0 40px 0 20px !important; }

.input-group-blue .input-group-text { background-color: #5274b3; border-color: #5274b3; color: white }
.input-group .btn { border-bottom-left-radius: 0px; border-top-left-radius: 0px;  }
.input-group-text { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
/* ==============================================================================
                                    Forms Invalid Fields
   ============================================================================== */
.RadInput.RadInput_Default.is-invalid .form-control, .RadInput.RadInput_Default.is-invalid textarea {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
    background-repeat: no-repeat !important;
}

button.is-invalid, .is-invalid > button, .is-invalid input[type="radio"] { color: #dc3545 !important; }

div.RadComboBox_ComboBox.is-invalid .rcbInputCell,div.RadComboBox_ComboBox.is-invalid .rcbArrowCell { border-color: #dc3545 !important; }
/* ==============================================================================
                                    Buttons
   ============================================================================== */
.btn { font-family: 'Roboto', sans-serif !important; color: white; }
.btn:hover, .btn:focus { color: white; text-decoration: underline; }

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { font-family: 'Roboto', sans-serif !important; color: #006CFF; font-size: medium; }
.btn-link-red, .btn-link-red:hover, .btn-link-red:focus, .btn-link-red:active { color: #E30000 !important }
.btn-link-dblue, .btn-link-dblue:hover, .btn-link-dblue:focus, .btn-link-dblue:active { color: #005FE3 !important }
.btn-link-large { font-size: 1.125rem; }

.btn-black { background-color: #000000; padding: 10px 30px; }
    .btn-black:hover, .btn-black:focus { background-color: #002569; }

.btn-back-black, .btn-black-small { background-color: #000000; padding: 5px 30px; }
    .btn-back-black:hover, .btn-back-black:focus, .btn-black-small:hover, .btn-black-small:focus { background-color: #23272B; }

.btn-yellow { font: normal 1.25rem 'Helvetica', sans-serif !important; background-color: #FFDD00; padding: 10px 50px; color: #000000 }
    .btn-yellow:hover, .btn-yellow:focus { background-color: #F1AD02; color: #000000; }

.btn-red { font: normal 1.25rem 'Helvetica', sans-serif !important; background-color: #c1272d; padding: 10px 50px; }
    .btn-red:hover, .btn-red:focus { background-color: #7A0608; }

.btn-orange { font: normal 1.25rem 'Helvetica', sans-serif !important; background-color: #fd7e14; padding: 10px 50px; }
    .btn-orange:hover, .btn-orange:focus { background-color: #e27213; }

.btn-green { font: normal 1.25rem 'Helvetica', sans-serif !important; background-color: #38a83a; padding: 10px 50px; }
    .btn-green:hover, .btn-green:focus { background-color: #1B6217; }

.btn-dark-blue { background-color: #002569; }
.btn-dark-blue:hover, .btn-dark-blue:focus { background-color: #1c4a9e; }

.btn-report { border: 1px solid #6c757d; padding: 5px 8px; border-radius: 5px; text-decoration: none; display: inline-block; }
    .btn-report.bi-file-earmark-excel-fill { color: #fff; background-color: #198754; }
    .btn-report.bi-file-earmark-pdf-fill { color: #fff; background-color: #bb2d3b; }
    .btn-report.bi-file-earmark-word-fill { color: #fff; background-color: #0b5ed7; }
    
    .btn-report.bi-file-earmark-excel-fill::before, .btn-report.bi-file-earmark-pdf-fill::before, .btn-report.bi-file-earmark-word-fill::before { color: #fff; }

    .btn-report:hover, .btn-report:focus, .btn-report:active { color: #000; background-color: transparent; }
    .btn-report:hover.bi-file-earmark-pdf-fill::before, .btn-report:active.bi-file-earmark-pdf-fill::before, .btn-report:focus.bi-file-earmark-pdf-fill::before { color: #b30b00; }
    .btn-report:hover.bi-file-earmark-excel-fill::before, .btn-report:active.bi-file-earmark-excel-fill::before, .btn-report:focus.bi-file-earmark-excel-fill::before { color: #198754; }
    .btn-report:hover.bi-file-earmark-word-fill::before, .btn-report:active.bi-file-earmark-word-fill::before, .btn-report:focus.bi-file-earmark-word-fill::before { color: #00379e; }
    

/* ==============================================================================
                                    Custom Grid
   ============================================================================== */
.grid-blue-header { border: 1px solid #002569; background-color: #002569; color: white; font-weight: 600; text-align: center; }
    .grid-blue-header > div { border-right: 1px solid white;  padding: 5px }
.grid-blue-item:nth-child(odd) { background-color: #F3F3F3; color: black; text-align: center; }
.grid-blue-item:nth-child(even) { background-color: #FFFFFF; color: black; text-align: center; }
    .grid-blue-item > div { border-right: 1px solid black; border-bottom: 1px solid black; padding: 5px }
    .grid-blue-item > div:first-child, .grid-blue-item > div:last-child { border-left: 1px solid black;}
/* ==============================================================================
                                    RadWindow
   ============================================================================== */
div.RadWindow { z-index: 9001 !important; min-width: 700px; min-height: 200px; max-height: 700px;}
div.RadWindow .rwTable { height: 100% !important }
div.RadWindowDocument, div.RadWindowEmailNotification, div.RadWindowCommunication { z-index: 9001 !important; min-width: 300px; min-height: 300px; max-height: 700px; overflow:hidden;}
.modal-window { width: 100%; min-height: 300px; min-width: 300px; height: 100%; display: inline-block; }
div[id^=RadWindowWrapper_alert].RadWindow { min-width: 500px; z-index: 9501 !important; }
.RadWindow .rwDialogPopup { padding: 1px 0 16px 70px !important; }
.RadWindow .rwWindowContent .rwDialogPopup.radconfirm, .RadWindow .rwWindowContent .radconfirm, .RadWindow .rwWindowContent .radalert { background-position: left top !important; background-position-y: 0px; min-height: 64px; margin-bottom: 0; padding-bottom: 0 !important; word-wrap: break-word; }
.RadWindow .rwPopupButton, .RadWindow .rwPopupButton span { height: auto !important; line-height: normal !important; }
.RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan { padding: 5px 22px !important; }
.RadWindow_Window .rwDialogPopup a.rwPopupButton:first-child { margin-left: 95px; }
.RadWindow .rwWindowContent .radalert a.rwPopupButton:first-child { margin-left: 5px; }
.RadWindow .rwWindowContent .radalert a.rwPopupButton { visibility: hidden; float: right; }
.RadWindow .rwDialogPopup .rwPopupButton, .RadWindow .rwDialogPopup .rwPopupButton span { cursor: pointer; }
.RadNotification .rnTitleBar { color: #000 !important; background: #FFC225 !important;}

.RadWindow .rwDialogPopup, .RadWindow .rwWindowContent .rwPopupButton:hover { font-size: 1rem  !important; }

/* ==============================================================================
                                    RadToolTip
   ============================================================================== */

.RadToolTip { background-color: #E0E0E0 !important; }
    .RadToolTip .rtTitlebar { font: normal 1rem 'Roboto', sans-serif !important; }
    .RadToolTip .rtWrapper td.rtWrapperContent {
        font: normal 0.8rem 'Titillium Web', sans-serif !important; }
/* ==============================================================================
                                    Media Queries
   ============================================================================== */
/* Medium */
@media only screen and (max-width: 991px) {
    body { font-size: 1rem ;}
    .navbar .dropdown-menu { box-shadow: none !important; border: none !important; padding: .5rem 0 !important; width: 100%; }
    .w-50 { width: 100% !important; }
    .dropdown-menu{ position: relative !important; }

    /*Grid view Mobile*/
    .RadGrid:not(.desktop-view-only) .rgMasterTable thead tr > th, .RadGrid:not(.desktop-view-only) .rgMasterTable thead tr.rgFilterRow > td { display: block; width: 100%;}
    .RadGrid:not(.desktop-view-only) .rgMasterTable thead > tr { width: 50%; float:left; }
    .RadGrid.header-w-full .rgMasterTable thead > tr { width: 100%; float: none;}
    .RadGrid:not(.desktop-view-only) .rgMasterTable thead tr.rgFilterRow { float:right !important; }
    .RadGrid .rgMasterTable tbody tr.rgGroupHeader { display: block; }
    .grid-column-mobile-show { display: block !important; padding: 10px; }
    .grid-column-mobile-show > td { width: 100% !important; display: block !important; border: none !important; padding-bottom: 10px !important; text-align: left !important;}
    .grid-column-mobile-show td.rgGroupCol { display: none !important; }
    .RadGrid .rgMasterTable colgroup > col { width: 100% !important; display: block !important; }
    .RadGrid .NextPrevNumericAndAdvanced .rgAdvPart { display: block; width: 100%; margin-top: 10px; float: right !important; }
    .RadGrid .rgNoRecords td.rgGroupCol  { display:none; }

    .card-body.main { height: auto; }

    .md-grid-blue-header { border: 1px solid #002569; background-color: #002569; color: white; font-weight: 600; text-align: center; }

    /* ComboBox view Mobile*/
    .text-combobox-header.hide-mobile { display: none !important; }

    /* Custom Grid*/
    .grid-blue-item > div[class*="col-lg"] {border-left: 1px solid black; }
    .grid-blue-item > div[class*="col-lg"]:first-child { border-top: 1px solid black;}
}

/* Small */
@media only screen and (max-width: 767px) {

    /* Custom Grid*/
    .grid-blue-header > div { border-right: none }
    .grid-blue-item { text-align: left !important; border-bottom: 1px solid black; }
        .grid-blue-item > div { border-right: 1px solid black; border-bottom: 1px solid black; padding: 5px; border-left: 1px solid black; padding-left: 25px;}

    .error table tbody tr td:first-child { width: 20%; font-weight: bold; }
}

/* Extra Small */
@media only screen and (max-width: 575px) {

    .container-fluid { padding: 30px 15px 80px 15px !important; }
    .div-block { padding: 10px 10px; }
    h1 { font-size: 1.875rem !important; }
    h2 { font-size: 1.625rem !important; }
    h3 { font-size: 1.5rem !important; }
    h4 { font-size: 1.25rem !important; }

    .btn, a { font-size: 0.875rem !important; }
    .assessment .col-form-label { font-size: 0.875rem; }
    .RadComboBoxDropDown_ComboBox div.row.text-combobox-item { border-bottom: dotted 1px black; }

    /*Grid view Mobile*/
    .RadGrid .rgPager .rgNumPart, .RadGrid .rgPager .rgAdvPart { display: none !important; }
    .RadGrid .rgPager .rgInfoPart { width: 100%; }

    .error table tbody tr td { width: 100%; display: block; }
}

@media (max-width: 430px) {
    
    
}