:root {
--font-family: "RobotoMedium" !important;
--font-regular: "RobotoRegular" !important;
--initial-font-size: 0.75rem !important;
--color-input-label: #9199A3 !important;
--color-input-label_2:#8C95A0 !important;
--default-font-size: 0.875rem !important;
--input-text-color: #596679 !important;
--btm-border-color: #717171 !important;
--lbl-sm-color: #9199A3 !important;
--comm-sbfrm-color: #C4C4C4 !important;
--primary-font-size: 1rem !important;
--bg-blue: #00356C !important;
--light: #ffffff !important;
--frm-bg-grey: #F2F3F7 !important;
--font-red: #EA2D2D !important;
--font-size-sm-1: 0.813rem !important;
--bg-none: transparent !important;
--font-color-full: #4D4D4D !important;
--border-ctrl-clr: #DEE3EB !important;
--tbl-brdr: #D8D8D8 !important;
--font-color-grey: #B9BDC7 !important;
--clr-fnt-drk-main_2: #00356C !important;
--fnt_size-15:0.938rem !important;
--clr-progress-lbl:#6B788B !important;
--fnt-sze-19:1.188rem !important;
--light-green:#97BE0F !important;
--fnt-sze-tertiary:1.75rem !important;
--brdr-drop:#e2e2e2 !important;
--text-header-bg:rgba(121, 203, 190, 0.3) !important;
--text-color-heading:#00538D !important;
}


.comm-input-label label {
    font-family: var(--font-regular) !important;
    font-size: var(--initial-font-size) !important;
    color: var(--color-input-label) !important;
}
.comm-textbox-ctrl input[type="text"],
#wrapper .comm-select select,
.comm-fileupload .clcontrol-fileupload .clfilearea,
.comm-fileupload .clcontrol-fileupload,
.comm-dtp-ctrl input {
    border: 0 !important;
    font-size: var(--default-font-size) !important;
    font-family: var(--font-family) !important;
    color: var(--input-text-color) !important;
    border-bottom: 1px solid var(--btm-border-color) !important;
    border-radius: 0px !important;
    

}
.comm-textbox-ctrl-brdr input[type="text"],
#wrapper .comm-select-brdr select,
.comm-fileupload-brdr .clcontrol-fileupload-brdr .clfilearea,
.comm-fileupload-brdr .clcontrol-fileupload,
.comm-dtp-ctrl-brdr input {
    border: 1px solid var(--border-ctrl-clr) !important;
    font-size: var(--default-font-size) !important;
    font-family: var(--font-family) !important;
    color: var(--font-color-full) !important;
    background-color: var(--light) !important;
}

.comm-fileupload-brdr .clcontrol-fileupload {
    border: 1px solid var(--input-text-color) !important;
}



.comm-fileupload-brdr .file-content-wrapper {
      border-right: 1px solid var(--input-text-color) !important;
}



.comm-fileupload-brdr .displayText {
    font-family: var(--font-family) !important;
    color: var(--input-text-color) !important;
    font-size: var(--initial-font-size) !important;
}



.comm-fileupload-brdr .clfileicon {
    width: 50px !important;
    font-size: 14px;
    color: var(--input-text-color) !important;
}
.comm-fileupload-brdr .clcontrol.clcontrol-fileupload {
    border-radius: 4px !important;
    border-color: var(--input-text-color) !important;
}

.comm-lbl-dark label {
    font-family: var(--font-family) !important;
    color: var(--font-color-full) !important;
    font-size: var(--default-font-size) !important;
}
.comm-lbl-sm-grey label {
    font-family: var(--font-family) !important;
    color: var(--input-text-color) !important;
    font-size: var(--default-font-size) !important;
}
.comm-lbl-sm-grey-lg label {
    font-family: var(--font-family) !important;
    color: var(--input-text-color) !important;
    font-size: var(--primary-font-size) !important;
}
.comm-lbl-sm-grey_1 label {
    font-family: var(--font-family) !important;
    color: var(--input-text-color) !important;
    font-size: var(--initial-font-size) !important;
}
.comm-sm-label label {
    font-family: var(--font-family) !important;
    color: var(--lbl-sm-color) !important;
    font-size: var(--initial-font-size) !important;
}
.comm-sbfrm .clcontrol-form {
    background-color: var(--light) !important;
    border-radius: 6px !important;
}
.comm-sbfrm-grey .clcontrol-form {
    background-color: var(--frm-bg-grey) !important;
}
.comm-heading label {
    font-family: var(--font-family) !important;
    font-size: var(--primary-font-size) !important;
    color: var(--text-color-heading) !important;
}
.comm-btn-bg-blue button {
    font-family: var(--font-family) !important;
    font-size: var(--default-font-size) !important;
    background-color: var(--bg-blue) !important;
    color: var(--light) !important;
    border-radius: 4px !important;
    border: 0 !important;
}
.comm-btn-bg-white button {
    font-family: var(--font-family) !important;
    font-size: var(--default-font-size) !important;
    color: var(--bg-blue) !important;
    background-color: var(--light) !important;
    border-radius: 4px !important;
    border: 0px solid var(--bg-blue) !important;
}
.comm-lbl-validate label {
    font-family: var(--font-family) !important;
    color: var(--font-red) !important;
    font-size: var(--font-size-sm-1) !important;
}
.comm-hyperlink  button {
    font-family: var(--font-family) !important;
    font-size: var(--initial-font-size) !important;
    color: var(--bg-blue) !important;
    text-decoration: underline !important;
    background-color: var(--light) !important;
    border: 0 !important;
}
.comm-radio-btn {
    position: relative !important;
}
.comm-radio-btn input {
    visibility: hidden !important;
}
.comm-radio-btn label {
    background-color: var(--light) !important;
    border: 1px solid var(--bg-blue) !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    height: 20px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 20px !important;
}

.comm-radio-btn label:after {
    content: "" !important;
    height: 8px !important;
    left: 6px !important;
    opacity: 0 !important;
    position: absolute !important;
    top: 6px !important;
    width: 8px !important;
    border-radius: 50% !important;
    background: var(--light) !important;
}
.comm-radio-btn input[type="radio"]:checked+label {
    background-color: var(--bg-blue) !important;
    border-color: var(--bg-blue) !important;
}
.comm-radio-btn input[type="radio"]:checked+label:after {
    opacity: 1 !important;
}
.comm-radio-btn .rp-radiobtn-main {
    background-color: var(--bg-none) !important;
}
.rp-control-container.comm-radio-btn {
    padding-top: 10px;
}

.rp-control-container .rp-checkbox-main .rp-chk-wrapper {
    position: relative;
}

.rp-control-container .rp-checkbox-main .rp-chk-wrapper input {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.rp-control-container .rp-checkbox-main .rp-chk-wrapper .rp-lblChkBox {
    background-color: var(--light) !important;
    border: 1px solid #D1D8E3 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    height: 20px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 20px !important;
}

.rp-control-container .rp-checkbox-main .rp-chk-wrapper .rp-lblChkBox:after {
     border: 2px solid var(--bg-blue) !important;
    border-top: none !important;
    border-right: none !important;
    content: "" !important;
    height: 5px !important;
    left: 4px !important;
    opacity: 0 !important;
    position: absolute !important;
    top: 4px !important;
    transform: rotate(-47deg) !important;
    width: 10px !important;
    border-width: 3.5px !important;
    box-sizing: unset !important;
}

.rp-control-container .rp-checkbox-main .rp-chk-wrapper input[type="checkbox"]:checked+label {
    background-color: var(--light) !important;
    border-color: var(--bg-blue) !important;
}

.rp-control-container .rp-checkbox-main .rp-chk-wrapper input[type="checkbox"]:checked+label:after {
    opacity: 1 !important;
}

.comm-textbox-ctrl input[type="text"]:focus-visible,
.comm-select select:focus-visible,
.comm-fileupload input:focus-visible,
.comm-dtp-ctrl input:focus-visible {
    outline: 0 !important;
border-bottom: 1px solid var(--btm-border-color) !important;
 
}
 .comm-textbox-ctrl-brdr input[type="text"]:focus-visible {
border-bottom: 1px solid var(--border-ctrl-clr) !important;},
.comm-select-brdr select:focus-visible,
.comm-fileupload input:focus-visible,
.comm-dtp-ctrl-brdr input:focus-visible {
   outline: 0 !important;
border-bottom: 1px solid var(--btm-border-color) !important;
 
}

.comm-tbl th.headerSearchRow {
    background-color: var(--frm-bg-grey) !important;
}

.comm-tbl th.headerSearchRow .dt-column-title div {
    font-family: var(--font-family) !important;
    font-size: var(--default-font-size) !important;
    color: var(--input-text-color) !important;
    font-weight: 500 !important;
}

.comm-tbl div.dt-container.dt-empty-footer .dt-scroll-body {
    border-bottom: 0 !important;
}

.comm-tbl .clcontrol-search {
    border: 1px solid var(--tbl-brdr) !important;
    border-radius: 4px !important;
}

.comm-tbl tr[role="row"] td {
    border-color: var(--tbl-brdr) !important;
    background-color: var(--light) !important;
}

.comm-tbl .iefixwordwrap {
    font-family: var(--font-family) !important;
    font-size: var(--font-size-sm-1) !important;
    color: var(--input-text-color) !important;
}

.comm-tbl tr[role="row"] td div {
    background-color: var(--light) !important;
}

.comm-tbl .clcontrol-search:hover {
    box-shadow: none !important;
}

.comm-select-mat-dropbtn {
    background-color: var(--frm-bg-grey) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--btm-border-color) !important;
    border-radius: 0 !important;
padding-bottom: 7px !important;

}

.comm-select-mat-dropbtn span {
    font-family: var(--font-family) !important;
    font-size: var(--default-font-size) !important;
    color: var(--input-text-color) !important;
}

.comm-select-mat-dropbtn::after {
    content: "\f078" !important;
    font-size: 12px !important;
    color: #28313C !important;

}

.dbcl-dropdown-select .comm-select-mat-dropdown-content ul li h5 {
    font-family: var(--font-family) !important;
    font-size: var(--default-font-size) !important;
    color: var(--input-text-color) !important;
}

.dbcl-dropdown-select .comm-select-mat-dropdown-content ul li[isselected=true] a h5,
.dbcl-dropdown-select .comm-select-mat-dropdown-content ul li[isselected=true] a div {
    color: var(--input-text-color) !important;
}

.dbcl-dropdown-select .comm-select-mat-dropdown-content {
    box-shadow: var(--comm-box-shadow) !important;
    border-radius: 0 !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    background-color: var(--light) !important;
border: 1px solid var(--brdr-drop) !important;
    box-shadow: 0px 4px 5px 0px #0000000F !important;
    border-top: 0 !important;
left: 0 !important;

}

.dbcl-dropdown-select .comm-select-mat-dropdown-content ul li {
    height: auto !important;
    padding: 10px 0 !important;
}

.comm-tbl-frm td {
    border: 0 !important;
}
.comm-tbl-frm>.clcontrol-search {
    background-color: var(--frm-bg-grey) !important;
    }
.comm-tbl-frm>.clcontrol-search:hover {
    box-shadow: none !important;
}
.comm-tbl-frm tr[role="row"] td .iefixwordwrap p.content_left,
.comm-lbl-sym_left label {
font-family: var(--font-family) !important;
font-size: var(--default-font-size) !important;
color: var(--input-text-color) !important;
padding-bottom: 10px !important;
}
.comm-tbl-frm tr[role="row"] td .iefixwordwrap p.content_right,
.comm-lbl-sym_right label {
font-family: var(--font-family) !important;
font-size: var(--default-font-size) !important;
color: var(--input-text-color) !important;
border-bottom: 1px solid var(--btm-border-color) !important;
padding-bottom: 10px !important;
}

.card-btn button:hover {
    background-color: var(--bg-blue) !important;
    color: #fff !important;
    border: 1px solid var(--bg-blue) !important;
}

.btn-card-main button {
    background-color: var(--light) !important;
}

.btn-card-main-actv button {
    background-color: var(--bg-blue) !important;
}
.btn-card-main-actv button p {
   color: var(--light) !important;
}
.btn-card-main-actv button img {
    filter: brightness(0) invert(1) !important;
}

.card-btn button:hover img {
   filter: brightness(0) invert(1) !important;
}

.comm-dbox p#customMessage {
    font-family: var(--font-family) !important;
    font-size: var(--default-font-size) !important;
    color: var(--input-text-color) !important;
}
 
.comm-dbox button#btn_custommsg_1 {
    font-family: var(--font-family) !important;
    font-size: var(--default-font-size) !important;
    background: var(--bg-blue) !important;
    color: var(--light) !important;
    border-radius: 4px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 80px !important;
    height: 40px !important;
align-items:center !important;
justify-content:center !important;
}
 
.comm-dbox .cl-dialog-box #cust-msg-icon {
    width: 48px !important;
    height: 48px !important;
    margin: 0 auto;
    font-size: 24px !important;
    color: var(--font-red) !important;
}

.form-radio {
    position: relative !important;
}
 
.form-radio input {
    visibility: hidden !important;
}
 
.form-radio label {
    background-color: var(--light) !important;
    border: 1px solid var(--bg-blue) !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    height: 16px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 16px !important;
}
 
.form-radio label:after {
    content: "" !important;
    height: 10px !important;
    left: 3px !important;
    opacity: 0 !important;
    position: absolute !important;
    top: 3px !important;
    width: 10px !important;
    border-radius: 50% !important;
    background: var(--bg-blue) !important;
}
 
.form-radio input[type="radio"]:checked+label {
    background-color: var(--light) !important;
    border-color: var(--bg-blue) !important;
}
 
.form-radio input[type="radio"]:checked+label:after {
    opacity: 1 !important;
}

.comm-tbl-no-header .fixedHead {
    display: none !important;
}

.comm-textbox-ctrl .rp-disabled:before {
background-color:transparent !important;
border:0 !important;
borer-radius:0 !important;
}

.comm-select .rp-disabled:before {
background-color:transparent !important;
border:0 !important;
borer-radius:0 !important;
}

.form-radio-group input[type="radio"] {
    height: 18px;
    width: 18px;
    margin: 0;
    padding: 0;
    opacity: 1;
    appearance: none;
    border: 1px solid var(--bg-blue) !important;
    border-radius: 100% !important;
    background: var(--light);
    position: relative;
    margin-right: 10px;
    border-color: var(--bg-blue) !important;
}
 
 
.form-radio-group input[type="radio"]:checked {
      background: var(--light) !important;
    border-color: var(--bg-blue) !important;
}
 
 
.form-radio-group input[type="radio"]:checked:before,
input[type="radio"]:checked:after {
    content: "";
    position: absolute;
    height: 8px !important;
}
 
 
.form-radio-group 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;
}
 
 
.form-radio-group input[type="radio"]:checked:after {
    border: 1px solid var(--bg-blue) !important;
    left: 3px !important;
    top: 3px !important;
    width: 4px !important;
    border-width: medium !important;
    border-radius: 100% !important;
    height: 4px !important;
    background-color: var(--bg-blue) !important;
}
 
 
.form-radio-group input[type="radio"]:focus {
    outline: none;
    box-shadow: none;
}
 
 
.form-radio-group:focus {
    box-shadow: none !important;
}
.form-radio-group .rp-radBtnGrp-vertical {
gap:10px;
}

.comm-popup .ui-dialog-content {
    padding: 0 !important;
}
.form-radio-group .radiobuttongroup_style:focus {
border:0 !important;
outline:0 !important;
}
.comm-dbox .modal-dialog,.comm-dbox#dialogBox {
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%, -50%) !important;
}
.comm-select-mat-dropbtn {
    padding-left: 25px !important;
 }
  .comm-dbox button#btn_custommsg_2 {
        font-family: var(--font-family) !important;
        font-size: var(--default-font-size) !important;
        color: var(--bg-blue) !important;
        background: var(--light) !important;
        border-radius: 4px !important;
        border: 0 !important;
        padding: 0 !important;
        width: 80px !important;
        height: 40px !important;
        align-items: center !important;
        justify-content: center !important;
	border: 1px solid var(--bg-blue) !important;
    }
.comm-stepper .p-tracker-template1 li div p {
        color: var(--font-color-grey) !important;
        /* display: none !important; */
        font-family: var(--font-family) !important;
font-size:var(--fnt-sze-19) !important;
}

.comm-stepper .p-tracker-template1 li div.completed {
    background-color: var(--bg-blue) !important;
    color: var(--bg-none)!important;
    border: 2px solid var(--bg-blue) !important;
}

.comm-stepper .p-tracker-template1 li div.active {
    border:  var(--bg-blue) solid 2px !important;
}

.comm-stepper .p-tracker-template1 li div {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    border: 2px solid var(--font-color-grey) !important;
    color: var(--bg-none)!important;
}

.comm-stepper .p-tracker-template1 li label {
    font-family: var(--font-family) !important;
 
    font-size:var(--fnt_size-15) !important;
    color: var(--clr-progress-lbl) !important;
}

.comm-stepper .p-tracker-template1 .completed:after {
    background-color: var(--bg-blue) !important;
    height: 2px !important;
    width: calc(100% - 26px);
    left: calc(50% + 13px);
}

.comm-stepper .p-tracker-template1 li div::before {
    background-color: var(--font-color-grey) !important;
    height: 2px !important;
    width: calc(100% - 26px);
    left: calc(50% + 26px);
}

@media(max-width:767px) {
    .comm-stepper .cl_progressTracker_ul li:has(div.completed)+li label {
       visibility: hidden !important;
    }

    .comm-stepper .p-tracker-template1 li label {
        visibility: hidden !important;
        white-space: nowrap;
    }
}

.comm-stepper .cl_progressTracker_ul li:has(div.completed)+li div {
    border: 2px solid var(--bg-blue) !important;
}

.comm-stepper .cl_progressTracker_ul li:has(div.completed)+li label {
    color: var(--bg-blue) !important;
}

.comm-stepper .cl-progressTracker {
     margin-left: 0px;
    overflow: visible !important;
}

.comm-stepper .cl_progressTracker_ul {
    position: absolute;
    width: calc(100% - 0px);
    margin-top: 53px;
    z-index: 9;

}

.comm-stepper .cl_progressTracker_ul li .active+label {
    color: var(--bg-blue) !important;
    visibility: visible;
}

.comm-stepper.rp-control-container .cl_progressTracker_ul li:has(div.completed) label {
    color: var(--font-color-grey) !important;
}

@media(max-width:767px) {
    .comm-stepper.rp-control-container .cl_progressTracker_ul li:has(div.completed) label {
        visibility: hidden !important;
    }
}

.comm-lbl-sm-grey_2 label {
    font-family: var(--font-family) !important;
    font-size: var(--font-size-sm-1) !important;
    color: var(--input-text-color) !important;
}

.comm-input-label_2 label {
    font-family: var(--font-regular) !important;
    font-size: var(--font-size-sm-1) !important;
    color: var(--color-input-label_2) !important;
}
.comm-lbl-fnt_main_2 label {
font-family:var(--font-family) !important;
color:var(--clr-fnt-drk-main_2) !important;
font-size:var(--primary-font-size) !important;
}
.comm-stepper .p-tracker-template1 li div.completed {background-image:url('/AppSite/ClientFiles/Images/TickProgress.svg') !important;background-position: center;background-repeat:no-repeat !important;}

.comm-stepper .p-tracker-template1 li.progress-completed label {
color:var(--bg-blue) !important;
}

.comm-stepper .cl_progressTracker_ul li:has(div.completed)+li div p {
color:var(--bg-blue) !important;
}

.comm-sm-label label a {
color:var(--bg-blue) !important;
}

.comm-sb-lbl-data_fl label {
  line-height: 18px !important;
}

.comm-lbl-fnt_main_3 label {
   font-size: var(--default-font-size) !important;
}

.comm-lbl-tertiary label {
  font-family: var(--font-family) !important;
  color: var(--light-green) !important;
  font-size: var(--fnt-sze-tertiary) !important;
}

li.p-tracker-li.step1.progress-inprogress div{
border-color: var(--bg-blue) !important;
}

li.p-tracker-li.step1.progress-inprogress div p {
color:var(--bg-blue) !important;
}
li.p-tracker-li.step1.progress-inprogress label {
color:var(--bg-blue) !important;
}
li.p-tracker-li.step1.progress-inprogress::after {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    background: #ffffff;
    content: '';
    display: block;
    top: 103px;
    left: 46%;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    position: absolute;
    z-index: 9999;
}
li.p-tracker-li.step2.progress-inprogress::after {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    background: #ffffff;
    content: '';
    display: block;
    top: 103px;
    left: 46%;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    position: absolute;
    z-index: 9999;
}

.comm-stepper > div.clcontrol-form {overflow: visible !important;}
.comm-stepper .cl_progressTracker_ul li.step1.progress-inprogress:has(div.completed)+li:after {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    background: #ffffff;
    content: '';
    display: block;
    position: absolute;
    top: 144px;
    width: 15px;
    height: 15px;
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(226deg);
    -ms-transform: rotate(225deg);
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    z-index: 9999;
    left: 46%;
}
.comm-stepper .cl_progressTracker_ul li.step3.progress-inprogress:has(div.completed)+li:after {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    background: #ffffff;
    content: '';
    display: block;
    position: absolute;
    top: 88px;
    width: 15px;
    height: 15px;
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(226deg);
    -ms-transform: rotate(225deg);
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    z-index: 9999;
    left: 46%;
}
.comm-stepper .cl_progressTracker_ul li.step2.progress-completed:has(div.completed.current-step)+li::after {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    background: #ffffff;
    content: '';
    display: block;
    position: absolute;
    top: 88px;
    width: 15px;
    height: 15px;
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(226deg);
    -ms-transform: rotate(225deg);
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    z-index: 9999;
    left: 46%;
}
.comm-stepper .cl_progressTracker_ul li.step1.progress-inprogress:has(div.completed)+li::after {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    background: #ffffff;
    content: '';
    display: block;
    position: absolute;
    top: 103px;
    width: 15px;
    height: 15px;
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(226deg);
    -ms-transform: rotate(225deg);
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    z-index: 9999;
    left: 46%;
}
@media(max-width:767px) {
.comm-stepper {
margin-left:0px !important;
}

li.p-tracker-li.step1.progress-inprogress::after,.comm-stepper .cl_progressTracker_ul li:has(div.completed)+li:after {
content:unset !important;
}
li.p-tracker-li.step1.progress-inprogress label {
   
    visibility: hidden;
}
.comm-stepper .p-tracker-template1 {
height: 100px !important;
margin-left: 0;
}


}
@media(min-width:1024px) {
.comm-lbl-progress_tp {
  display: none !important;
}

}
.comm-dtp-ctrl input.print-bgimg {
font-family:"Font Awesome 5 Free" !important;
color:transparent !important;
}
.comm-popup {
    position:absolute;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%, -50%) !important;
 
}
.rp-container.rp-disabled:before {
opacity:0 !important;
}

li.p-tracker-li.step1.progress-inprogress:has(div.completed)::after {
content:unset !important;
}

.form-radio-group .clcontrol-radiobuttongroup {
height:auto !important;
}
.comm-sbfrm-bg_none .clcontrol-form {
    background-color: var(--bg-none) !important;
}
#FormContainer #wrapper {
    overflow-y: auto !important;
}
@media (min-width: 768px)
{
.comm-lbl-progress_tp {
    display: none !important;
}
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
li.p-tracker-li.step1.progress-inprogress::after {
      
    left: 52%;
    }

}
.comm-tbl_no-brdr .dt-scroll-head {
display:none !important;
}
 
.comm-tbl_no-brdr>.clcontrol-search {
border:0 !important;
}


.plug-1-wrapper.dbcl-wrapper .comm-combo-box a.drop-down-item.default-option h5 {
    font-family: var(--font-family) !important;
    font-size: var(--initial-font-size) !important;
    color: var(--input-text-color) !important;
    font-weight: 500;
}
.plug-1-wrapper.dbcl-wrapper .comm-combo-box a.drop-down-item.default-option {
    justify-content: left;
    padding-inline-start: 17px;
}
.plug-1-wrapper.dbcl-wrapper .comm-combo-box a.drop-down-item.default-option:hover {
    background: transparent !IMPORTANT;
}

.plug-1-wrapper.dbcl-wrapper .comm-select-brdr-dropdown-content a.drop-down-item.default-option h5 {
    font-family: var(--font-family) !important;
    font-size: var(--font-size-sm-1) !important;
    color: var(--input-text-color) !important;
    font-weight: 500;
}
.plug-1-wrapper.dbcl-wrapper .comm-select-brdr-dropdown-content a.drop-down-item.default-option {
    justify-content: left;
    padding-inline-start: 17px;
}
.plug-1-wrapper.dbcl-wrapper .comm-select-brdr-dropdown-content a.drop-down-item.default-option:hover {
    background: transparent !IMPORTANT;
}

@media(min-width:320px) and (max-width:560px) {
    .comm-lbl-progress_tp>div {margin-left: calc(10vw - 25px) !important;}
}
 
@media(min-width:561px) and (max-width:767px) {
    .comm-lbl-progress_tp>div {margin-left: calc(10vw - 20px) !important;}
}

.comm-select.comm-select-opt_none option:first-child {
  display: none;
}

.comm-tbl-applicant_prod td {
border:0 !important;
}

.comm-tbl_no-brdr>.clcontrol-search:hover,.comm-tbl-applicant_prod>.clcontrol-search:hover {
box-shadow:none !important;
}
 
div.dt-container.dt-empty-footer .dt-scroll-body {
    border-bottom: 0 !important;
}
.checking-rb>.jqte {
    border-color: transparent;
}
.checking-rb .jqte_editor {
    background: transparent;
}
.rp-control-container .comm-fileupload-brdr .clcontrol-fileupload .filenamewrap {
align-items: center;
}
.comm-select-mat-Whitedropbtn {
    background-color: var(--light) !important;
}

.comm-img-visib>div {
    z-index: 99999;
}

.plug-1-wrapper.dbcl-wrapper .comm-select-brdr-dropdown-content a.drop-down-item.default-option {
    display: none;
}

.plug-1-wrapper.dbcl-wrapper .comm-select-mat-dropdown-content a.drop-down-item.default-option {
    display: none;
}
.comm-select-mat-dropbtn:focus-visible {
outline:0 !important;
}
.dbcl-content-wrapper:has(.comm-select-mat-dropdown-content) {
    z-index: 999999 !important;
}
.card-info {
    background: #ffffff;
    padding: 18px 22px;
}
.info-header {
    display: flex;
    align-items: center;
    gap: 6px;
}
.info-header h3 {
    margin: 0;
    color: var(--bg-blue) !important;
    font-size: 16px;
    font-family: var(--font-family) !important;
}
.info-header i {
    font-size: 13px;
    color: var(--bg-blue) !important;
}
p.card-info-text {
    color: #9199A3;
    font-size: 12px;
    font-family: RobotoRegular;
    line-height: 19px;
    margin-block-start: 8px;
    margin-block-end: 0;
}
p.card-info-label {
    margin: 0;
    color: #596679;
    font-size: 13px;
    font-family: var(--font-family) !important;
    margin-block-start: 5px;
}
.CAFDialogbox.ui-dialog.comm-cred-check-pop .ui-dialog-content {
    height: auto !IMPORTANT;
    min-height: 302px !IMPORTANT;
  }
.CAFDialogbox.ui-dialog.comm-popup .ui-dialog-content {
    height: auto !IMPORTANT;
}


.prod-jqbx .clcontrol-richtextbox>.jqte {
    border-color: transparent;
}
.rp-control-container.comm-fileupload-brdr .clcontrol-fileupload span.filecontent {
max-width: 200px !important;
    
    display: flex;
    align-items: center;
}
 
.rp-control-container.comm-fileupload-brdr .clcontrol-fileupload .closeIcon {
    
    display: flex;
justify-content: flex-end;
    padding-right: 5px;
}
.comm-tbl-aplicant div.dt-container.dt-empty-footer .dt-scroll-body {
    overflow-x: hidden !IMPORTANT;
}

.dbcl-wrapper .dbcl-dropdown-select .dbcl-dropbtn {
  min-height: 30px !important;
  height: auto !important;
  padding-right: 17px !important;
  padding-bottom: 8px !important;
  padding-top:8px !important
}
.cl-dark_moon .right-info {
display:none !important;
}

@media (max-width: 480px) {
  .comm-lbl-sm-grey-lg label p {
    text-align: left !important;
  }
}

@media (max-width:768px) {
 
  .renderBody_suite,
  .comm-stepper .cl_progressTracker_ul {
    margin: 0px;
  }
 
  .comm-stepper .p-tracker-template1 {
    height: 60px !important;
  }
 
  .cl-dark_moon .res-align .logo {
    margin-right: 0px !important;
    justify-content: center;
  }
 
  .rp-sfmain-container .rp-parent-container .rp-sfMain-container,
  .rp-sfmain-container .rp-parent-container
   {
    padding: 0 !important;
  }
 
  .rp-sfmain-container .rp-parent-container .rp-sfMain-container .rp-container.comm-sbfrm {
    margin: 0 !important;
  }
 
  .rp-sfmain-container .rp-parent-container .comm-sbfrm .rp-sfCombobox-container {
    padding-bottom: 0 !important;
  }
}
.comm-select-mat-dropdown-content ul,
.dbcl-wrapper .dbcl-dropdown-select .dbcl-dropdown-content.comm-select-mat-dropdown-content.show ul li:nth-child(1) {
    margin-top: 0 !important;
}
.custom_loader {
position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.rp-control-container.rp-tv-control:has(.cstm-tbl-loader) {
position: relative;
}
.loader-container-select.cstm-select-loader .spinner {
  width: 15px !important;
      height: 15px !important;
border-top: 5px solid var(--bg-blue) !important;

}
 .custom_loader:has(.cstm-select-loader) {
        display: block !important;
    }

@media (max-width:768px) {
   .res-align .logo {

    margin-top: 6px;

    justify-content: center;

}
}
.comm-fileupload-brdr .file-content-wrapper .fileList>div {
    height: 100%;
}
.comm-fileupload-brdr .file-content-wrapper .fileList {
    height: 100% !important;
}
.rp-control-container.comm-fileupload-brdr .clcontrol-fileupload a.filelinkcontent {
    color: #596679 !IMPORTANT;
    max-width: 224px;
}
 
.rp-control-container.comm-radio-check .rp-checkbox-main .rp-chk-wrapper .rp-lblChkBox {
    border-radius: 100% !important;
}

.rp-control-container.comm-radio-check .rp-checkbox-main .rp-chk-wrapper .rp-lblChkBox:after {
    border: 0 !important;
    height: 12px !important;
    left: 4px !important;
    top: 4px !important;
    width: 12px !important;
    background: var(--bg-blue) !important;
}
 
@media(min-width:1024px) and  (max-width:1366px) {
    .comm-input-ssn_1>div.rp-stdctrl-wrapper  {
width: 275px !important;
    }
}

.dbcl-wrapper .dbcl-dropdown-select .dbcl-dropbtn.clcombcus_1  {
padding-top:0px !important;
}
.plug-1-wrapper.dbcl-wrapper .plug-1-input-wrapper.clcombcus_1 {
    margin-top: 5px;
}
 
 
.plug-1-wrapper.dbcl-wrapper .dbcl-dropbtn.clcombcus_1 span {
    position: relative;
    bottom: 5px;
}
.comm-heading>div {
    background-color: var(--text-header-bg) !important;
    min-height: 42px ! IMPORTANT;
border-radius: 0 !important;
  }
.comm-select-mat-dropbtn.comm-caret-none::after {
display:none !important;
}
.public_banner,
.public_banner #FormContainer,
.public_banner #FormContainer #wrapper.noNav,.G0div.rp-frm.rp-auto-height,div#printFrameContainer,div#printFrameContainer .innerframe,.rp-container.rs-tc-home {
  background-color: transparent !important;
}
 
#wrapper {
    background-repeat: no-repeat !important;
    background-size: 100vw 100vh !important;
    background-attachment: fixed !important;
    background-image: url(/AppSite/ClientFiles/Images/OAO_Background.png) !important;
}
#wrapper.noNav {
    top: 0 !important;
}
 
div#suiteBar {
    display: none !important;
}

@media(max-width:767px) {
 
        .public_banner,
        .public_banner #FormContainer,
        .public_banner #FormContainer #wrapper.noNav,
        .G0div.rp-frm.rp-auto-height,
        div#printFrameContainer,
        div#printFrameContainer .innerframe,
        .rp-container.rs-tc-home {
            background-color: #e0e8f3 !important;
        }
 
        #wrapper {
            background-image: unset !important;
        }
 
        #wrapper.noNav {
            top: 0 !important;
        }
 
        div#suiteBar {
            display: none !important;
        }
    }
.comm-sbfrm-bg_none {
height: auto;
min-height: 100vh;

}
#printFrameContainer {
    height: auto !IMPORTANT;
}
 .plug-1-wrapper.dbcl-wrapper .comm-combo-box a.drop-down-item.default-option h5 {
    font-family: var(--font-family) !important;
    font-size: var(--initial-font-size) !important;
    color: var(--input-text-color) !important;
    font-weight: 500;
}
.plug-1-wrapper.dbcl-wrapper .comm-combo-box a.drop-down-item.default-option {
    justify-content: left;
    padding-inline-start: 17px;
}
.plug-1-wrapper.dbcl-wrapper .comm-combo-box a.drop-down-item.default-option:hover {
    background: transparent !IMPORTANT;
}
.rp-control-container.elig-btn .rp-disabled:before {
   display: none;
}

 
.rp-control-container.comm-fileupload-brdr.fup-comm .clcontrol-fileupload a.filelinkcontent {
    min-width: 215px;
}
 
.dbcl-wrapper.comm-combo-box-id-st .dbcl-dropdown-select .dbcl-dropbtn {
    min-height: 36px !important;
   }
.comm-stepper .p-tracker-template1 li div {
    pointer-events: none;
}
.comm-stepper .p-tracker-template1 li label {
    pointer-events: none;
}
.comm-tbl-no-scrol-btm div.dt-container.dt-empty-footer .dt-scroll-body {
overflow:hidden !important;
}
.rp-control-container .rp-disabled:before {
background-color:transparent !important;
border:0 !important;
}

@media(min-width:1281px) {
.comm-dbox.comm-dbox_valid_1 p#customMessage {
    width: 600px !important;
    margin: 0 auto !important;
}
 
.comm-dbox_valid_1 .modal-dialog {
width:700px !important;
}
}
.rp-control-container.comm-summ-tbl.rp-tv-control .clcontrol-search[wraptext="False"] .iefixwordwrap {  
    width: 100% !important;
}
.comm-btn-bg-blue.disabled button.disabled_button_style {
    opacity: 0.5 !important;
}
 
 
.comm-dbox_valid_1 .modal-body.text-center {
    padding-top: 25px !important;
}
.rp-control-container .comm-fileupload-brdr.fup-comm .clcontrol-fileupload .filenamewrap {
    width: 100%;
}
.rp-control-container.rp-tv-control.comm-tbl-prod .clcontrol-search .iefixwordwrap {
    width: 100% !important;
}
.comm-combo-box.comm-select-mat-dropbtn:focus-visible {
    outline: 1px solid #b5aeae !important;
} 
@media(max-width:767px) {
.comm-dbox #dialogBox {
width:75% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.comm-dbox .modal-dialog {
margin:0 !important;
width:100% !important;
}
}
.comm-fileupload-2-brdr .clcontrol-fileupload {
    border: 1px solid #596679 !important;
}
 
.rp-control-container.comm-fileupload-2-brdr .clcontrol-fileupload .clfilearea {
    border-color: #596679 !important;
   }

.comm-textbox-ctrl.comm-textbox-ctrl-ellip input[type="text"] {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex !IMPORTANT;
 
 }
.dbcl-wrapper .dbcl-dropdown-select .comm-combo-box-elip.comm-combo-box.dbcl-dropbtn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dbcl-dropdown-select .dbcl-dropbtn.comm-sel_caret:after {
    content: "\f078" !important;
    font-size: 12px !important;
    color: #28313C !important;
}
.rp-control-container.comm-fileupload-2-brdr .clcontrol-fileupload .clfilearea .displayText {
    color: #596679 !important;
}
.dbcl-wrapper .dbcl-dropdown-select .dbcl-dropbtn.comm-sel_caret {
min-height:40px !important;
}
.comm-sel-no-brdr_2.comm-sel_mat.comm-combo-box.comm-select-mat-dropbtn:focus-visible {
    outline: 1px solid #b5aeae !important;
}
.comm-dbox_valid_1 .modal-dialog {
margin:0 !important;
}

/* ########################Custom Error Popup Style Start######################## */


 div.cust-err-mask {
    background: black;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    z-index: 2000;
    opacity: 0.5;
}

div.cust-err-modal {
    position: fixed;
    width: 50vw;
    background: white;
    height: auto;
    padding: 20px;
    top: 0;
    z-index: 2001;
    border-radius: 10px;
    left: calc(50vw - 25vw - 20px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    text-align: center;
}

.cust-err-modal .cust-err-top-icon {
    width: 60px;
    height: 60px;
    color: #d30d2b;
    border-radius: 50%;
    font-size: 54px;
}

.cust-err-modal .cust-err-top-icon img.img-icon {
    width: 60px;
    height: 35px;
    top: 10px;
    position: relative;
}

.cust-err-modal p.cust-err-log-text {
    text-align: center;
    font-size: 16px;
    font-family: var(--font-family);
    line-height: 20px;
}

.cust-err-modal button.btn {
    border-radius: 5px !important;
    font-size: var(--default-font-size) !important;
    font-family: var(--font-family) !important;
    margin-top: 15px;
    width: 60px;
    height: 35px;
}

.cust-err-modal button.cust-err-yes-btn {
    border: none !important;
    color: #fff !important;
    background: #00356C;
    cursor: pointer;
}

/* ########################Custom Error Popup Style End######################## */

.rs-textwrap{word-break:break-all;}
.comm-sel_rad_1 .dbcl-dropdown-select {
border-radius:5px !important;
}
.comm-dbox .modal-dialog {
    height: auto;
    margin: 0 auto ! IMPORTANT;
}
@media(min-width:1281px) {
.comm-dbox.comm-dbox_valid_1 p#customMessage {
    width: 600px !important;
    margin: 0 auto !important;
}
 
.comm-dbox_valid_1 .modal-dialog {
width:700px !important;
}
}

@media (min-width:1024px) and (max-width:1280px) {
.comm-dbox_valid_1 .modal-dialog {
width:550px !important;
}

}
.dbcl-dropdown-select .dbcl-dropdown-content ul li h5 {
    white-space: normal;
    word-break: break-word;
}

.comm-textbox-ctrl input[type="text"]::placeholder {
font-size:var(--initial-font-size) !important;
}
.comm-dbox button#btn_custommsg_1,.comm-dbox button#btn_custommsg_1:focus {
outline:0 !important;
border:0 !important;
}
div#wrapper.rp-form-mode {
       height: auto !important;
}
.form-radio-group .clcontrol-radiobuttongroup div>div>span {
    word-break: break-word !important;
}
.plug-1-wrapper.dbcl-wrapper .comm-combo-box .dbcl-dropdown-select {
    background: transparent;
}
.loader-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }
    .loader-container::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #eaeaea;
      opacity: 0.8;
      z-index: -1;
    }
    .spinner {
      width: 40px;
      height: 40px;
      border: 5px solid #ddd;
      border-top: 5px solid #072772;
      border-radius: 50%;
      animation: spin 1s linear infinite;
    }
    .loader-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 30px;
    height: 30px;
      object-fit: contain;
    margin-left: 2px;
    margin-top: 2px;
    }
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
html {
-webkit-text-size-adjust: 100%;
}
 body {
 -webkit-text-size-adjust: none;
}
 span.material-combo-class{
    color: #c1c1cb !important;
    font-size:var(--initial-font-size) !important;
}
.comm-textbox-ctrl input[type="tel"] {
    border: 0 !important;
    font-size: var(--default-font-size) !important;
    font-family: var(--font-family) !important;
    color: var(--input-text-color) !important;
    border-bottom: 1px solid var(--btm-border-color) !important;
    border-radius: 0px !important;
}
.comm-textbox-ctrl input[type="tel"]:focus-visible {
    outline: 0 !important;
    border-bottom: 1px solid var(--btm-border-color) !important;
}
.comm-textbox-ctrl input[type="tel"]::placeholder {
font-size:var(--initial-font-size) !important;