:root {
    --msu-theme-main: #156d16;
    --font-family: "RobotoMedium";
    --font-regular: "RobotoRegular";
    --initial-font-size: 12px;
    --initial-fontS-Rem: 0.75rem;
    --default-font-size: 14px;
    --default-fontS-Rem: 0.875rem;
    --primary-font-size: 16px;
    --primary-fontS-Rem: 1rem;
    --secondary-font-size: 20px;
    --primary-fontS-Rem: 1.25rem;
    --tertiary-font-size: 24px;
    --large-font-size: 18px;
    --sub-large-font-size: 48px;
    --msu-font-default: 18px;
    --msu-bg-color: #f7f7f7;
    --msu-primary-color: #CF102D;
    --msu-active-color: #31b579;
    --msu-tab-color: #686a6f;
    --msu-tab-left-color: #2d343c;
    --msu-label-color: #697077;
    --small-font-size: 11px;
    --bg-pri: #156d16;
    --bg-sec: #3fabff;
    --light: #ffffff;
    --commonLblClr: #232424;
    --commTxtClr: #32363D;
    --secGreyClr: #6B7280;
    --borderColor: #F3F3F3;
    --comm-WhiteBg: #fff;
}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('/AppSite/ClientFiles/CustomControl/Fonts/Proxima/ProximaNovaRegular.ttf') format('woff2');

}

@font-face {
    font-family: 'ProximaNovaBlack';
    src: url('/AppSite/ClientFiles/CustomControl/Fonts/Proxima/ProximaNovaBlack.ttf') format('woff2');

}

@font-face {
    font-family: 'ProximaNovaMedium';
    src: url('/AppSite/ClientFiles/CustomControl/Fonts/Proxima/ProximaNova-Medium.ttf') format('woff2');

}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('/AppSite/ClientFiles/CustomControl/Fonts/Proxima/ProximaNovaBold.otf') format('woff2');

}

@font-face {
    font-family: 'ProximaNovaRegIt';
    src: url('/AppSite/ClientFiles/CustomControl/Fonts/Proxima/ProximaNovaRegIt.otf') format('woff2');

}



.cl-dialog-box .btn.gradient_blue {
    color: #fff !important;
    padding: 7px 31px !important;
    background: none;
    background-color: var(--msu-theme-main) !important;
    background: var(--msu-theme-main) !important;
}

.customCheckbox {

    margin-left: -15px;

}

.cl-dark_moon.cl-dialog-box .btn.gradient_blue {
    background-color: var(--msu-theme-main) !important;
}
.cl-dialog-box .btn.gradient_blue {
    color: #fff !important;
    padding: 7px 31px !important;
    background: none;
    background-color: var(--msu-theme-main) !important;
}
.cl-dialog-box .db-CU-submitapplictn-diabx .btn.gradient_white:focus,
  .cl-dark_moon.cl-dialog-box .db-CU-submitapplictn-diabx .btn.gradient_blue:focus {
    outline: none !important;
  }
  .cl-dark_moon .btn.focus, .cl-dark_moon .btn:focus, .cl-dark_moon .btn:hover {
    color: #333;
    text-decoration: none;
    outline: none;
}
.cl-dark_moon.cl-dialog-box .btn.gradient_blue {
    background-color: var(--msu-theme-main) !important;
  }
  .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle 
  {
    background-color: var(--msu-theme-main) !important;
  }


.db-lbl-width span {
    display: flex;
    align-items: center;
}

.db-lbl-width {
    white-space: pre-wrap !important;
}

.div-for-btnmask .button_mask {
    background: #dfdfe0;
    border: 1px solid #dfdfe0;
}

.radiobuttongroup_style input[type="radio"] {
    height: 13px;
    width: 13px;
    margin: 0;
    padding: 0;
    opacity: 1;
    cursor: pointer;
    appearance: none;
    border: 1px solid #95a0b1;
    box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
    border-radius: 100% !important;
    background: #ffffff;
    position: relative;
    margin-right: 5px !important;
    border-color: #95a0b1 !important;
}

.radiobuttongroup_style input[type="radio"]:checked {
    background-color: var(--primary_color) !important;
    border-color: #003798 !important;
}

.radiobuttongroup_style input[type="radio"]:checked:before,
input[type="radio"]:checked:after {
    content: "";
    position: absolute;
    height: 8px !important;
}

.radiobuttongroup_style input[type="radio"]:checked:before {
    border-top: none !important;
    border-right: none !important;
    left: 2px !important;
    top: 4px !important;
    transform: rotate(-47deg) !important;
    width: 8px !important;
    border-width: medium !important;
}

.radiobuttongroup_style input[type="radio"]:checked:after {
    border: 1px solid #003798 !important;
    left: 1px !important;
    top: 1px !important;
    width: 3px !important;
    border-width: medium !important;
    background: #003798;
    border-radius: 100% !important;
    height: 3px !important;
}

.radiobuttongroup_style input[type="radio"]:focus {
    outline: none;
    box-shadow: none;
}

.radiobuttongroup_style:focus {
    box-shadow: none !important;
}

.db-CU-CustmRadio-MainAlign.db-CU-customRadio-align.radiobuttongroup_style span {
    color: #596679;
    font-family: RobotoMedium !important;
}

.db-CU-txt1 {
    text-indent: 22px !important;
}



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




.db-CU-mac-text {
    text-indent: 14px !important;
}

.db-CU-mac-text1 {
    text-indent: 20px !important;
}


.CAFDialogbox.db-cl-thanks-pop.ui-dialog .ui-dialog-content {
    background: white;
}

.cl-dialog-box .btn.gradient_blue {
    color: #fff !important;
    padding: 7px 31px !important;
    background: none;
    background-color: var(--msu-theme-main) !important;
}


.db-cu-top-header {
    min-height: 56px;
    background: white;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.header-content {
    display: flex;
    align-items: center;
    height: 100%;
}

.db-logo-secn {
    display: flex;
    align-items: center;
    height: 100%;
}

input.bord-clr:focus-visible,
.bord-clr .clcontrol-textbox:focus {
    outline: none !important;
}

.bord-clr .clcontrol-textbox:focus {
    border: 1px solid #bebebe !important;
}

.bord-clr .clcontrol-textbox {
    border-radius: 6px !important;
    border-color: #000 !important;
}

input.db-CU-remBold,
select.db-CU-remBold {
    font-weight: 500 !important;
}



.inner-label label {
    margin-top: 20px !important;
    margin-bottom: 8px !important;
}

.inner-label-top label {
    margin-top: 0px !important;
    margin-bottom: 8px !important;
}

.comm-lbl-iframe-full label iframe {
    width: 100% !important;
}

/*Radio Button*/

.commCus-radio-group .rp-radio-wrapper input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 22px;
  height: 22px;
  border: 1px solid #C4C4C4;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  margin: 3px;
}

.commCus-radio-group .rp-radio-wrapper input[type="radio"]:checked {
  border-color: #156D16 !important;
}

.commCus-radio-group .rp-radio-wrapper input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px !important;
  background-color: #156D16;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.commCus-radio-group .rp-radio-wrapper input[type="radio"] + span {
  margin-left: 0px;
  margin-right: 5px;
  font-size: 14px;
  color: #1f2937;
  cursor: pointer;
  vertical-align: middle;
}

.commCus-radio-group .rp-radio-wrapper label.rp-lblRdoBtn {
    padding-left: 10px !important;
    font-size: 14px !important;
    color: #232424 !important;
    font-family: "ProximaNovaRegular" !important;
}

.commCus-radio-group .rp-radio-wrapper input[type="radio"]:disabled {
    border: 1px solid rgba(196, 196, 196, 0.4); /* #c4c4c4 with opacity */
    cursor: default; /* arrow cursor */
}

/*Button Border style*/

.rp-control-container .button_style,
.rp-control-container .button_style:hover {
  border: none !important;
}

.commBtnBorder.rp-control-container .button_style,
.commBtnBorder.rp-control-container .button_style:hover {
  border: 1px solid #156d16 !important;
}

 .commCus-radio-group .rp-radio-wrapper input[type="radio"] {
    border-color: #156D16 !important;
}

 .commCus-radio-group .rp-radio-wrapper input[type="radio"][disabled="disabled"] {
    border-color: #C4C4C4 !important;
    background: #C4C4C4 !important;
}

.commCus-radio-group .rp-radio-wrapper input[type="radio"]:focus-visible {
    outline: 1px solid #000000 !important;
}

span.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus {
    outline: 1px solid #000000 !important;
}

/* RADIO BUTTON GROUP START */
.comm-radioBtnGroup-style .rp-radBtnGrp-horizontal {
    display: flex;
    align-items: center;
    gap: 34px;
    flex-wrap: wrap;
}

.comm-radioBtnGroup-style .rp-radBtnGrp-option {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 10px;
}

.comm-radioBtnGroup-style .rp-radBtnGrp-option input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    margin: 0 !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    border: 1px solid #2E8B2E !important;
    background: #fff !important;
    cursor: pointer ;
    position: relative !important;
    transition: all 0.2s ease;
}

.comm-radioBtnGroup-style .rp-radBtnGrp-option input[type="radio"]:checked::before {
    content: "";
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    background: #156D16;
    position: absolute;
    top: 4px !important;
    left: 4px !important;
    transition: 0.2s ease;
}

.comm-radioBtnGroup-style .rp-radBtnGrp-option input[type="radio"]:checked::before {
    transform: translate(-50%, -50%) scale(1);
}

.comm-radioBtnGroup-style .rp-radBtnGrp-option span {
    font-size: 14px !important;
    color: #232424 !important;
    font-family: "ProximaNovaRegular" !important;
}

.comm-radioBtnGroup-style input[type="radio"]:checked:after {
    display: none !important;
}

/* RADIO BUTTON GROUP ENDS*/

body:has(.calculator_mainSF) .noNav {
  top: 0 !important;
}

body:has(.calculator_mainSF) .renderBody_suite {
  margin-top: 0 !important;
}

#FormContainer #wrapper {
  background-color: #e0e0df !important;
}