/*
================================================
Common CSS
================================================
*/
:root{
--primary-color:#D64029;
--primary-hover-color:#C93C27;
--primary-light-color:#fdf0ed;
    
--secondary-color:#00497A;
--secondary-light-color:#ECFAFF;
--secondary-blue-dark:#255798;
    
--woodsmoke-color:#212121;
--error-color:#D61308;
--white-color:#fff;
--black-color:#000;
--light-bg-color:#E9ECF0;
--cadet-blue-color:#B1B9C1;
--success-green-dark:#0FA91C;
--cadet-blue-color:#646F7D;
--nevada-color:#646F7D;
    
--popup-header-color:#E9ECF0;
    
}


/*HRA CSS */
.hra-quotationery .stored-securely {font-size: 14px;font-weight: 400;line-height: normal;padding: 3px 6px;align-items: center;gap: 4px;border-radius: 4px;border: 1px solid rgba(177, 185, 193, 0.50);background: var(--white-color); display:inline-block;}
.hra-quotationery .stored-securely span {align-items: center;display: flex;}
.hra-quotationery .health-risk-sec .questionaries-title a.custom-link {text-decoration: none;}
.hra-quotationery .health-risk-sec .questionaries {margin-top: 0;}
.hra-quotationery .health-risk-sec{margin-bottom:24px;}
.hra-quotationery .health-risk-sec h4{font-size:20px; line-height:24px; margin-bottom:12px;}
.hra-quotationery .health-risk-sec .questionaries-title h4 {font-size: 24px;font-weight: 700;line-height: normal;margin: 0 0 6px;}
.hra-quotationery .health-risk-sec .questionaries-title h4 span{font-size:20px; font-weight:300; margin-right:11px;}
.hra-quotationery .health-risk-sec .questionaries-title .align-items-center:after {background: var(--primary-color);content: '';margin: 4px 0 10px 0;width: 134px;height: 2px;display: block;position: absolute;bottom: -18px;}
.hra-quotationery .health-risk-sec .questionaries-title.questionaries-reset{position:relative;}
.hra-quotationery .health-risk-sec .health-risk-sec.health-risk-note:after {background: var(--primary-color);content: '';margin: 4px 0 10px 0;width: 134px;height: 2px;display: block;bottom:-20px; position:absolute;}

.hra-quotationery .health-risk-sec .questionaries-title p {margin: 0 0 12px;font-size: 14px;font-weight: 400;line-height: normal; max-width:820px;}
.hra-quotationery .quotationery-setup ol .single-quotation-sec {margin: 24px 0px;list-style: decimal;padding: 0px;border-bottom: 1px solid rgba(34, 43, 47, 0.16);padding-bottom: 8px; opacity:10;}
.hra-quotationery .quotationery-setup ol .single-quotation-sec .quotation-list .quotation-btn {min-height:40px;}
.hra-quotationery .quotationery-setup ol .single-quotation-sec:last-child { border-bottom: 0;}
.hra-quotationery .quotationery-setup .single-quotation-sec p {margin: 0 0 24px;font-weight: 600;font-size: 16px;line-height: 23px;}
.hra-quotationery .quotationery-setup .health-conditions-cont {padding: 0px 0px 24px;border-bottom: 1px solid #E9ECF0;}
.hra-quotationery .quotationery-setup .health-conditions-cont:last-child {border-bottom: 0;}
.hra-quotationery .quotationery-setup .quotation-btn{padding: 8px 24px;border: 1px solid #B1B9C1;border-radius: 4px;margin-right: 16px;display: inline;cursor: pointer;background-color: #fff; margin-bottom:16px;}
.hra-quotationery .quotationery-setup .quotation-btn.active{background: var(--primary-light-color);border-color: var(--primary-color);}
.hra-quotationery .quotationery-setup .form-check-multi.active{background: var(--primary-light-color);border-color: var(--primary-color);}
.hra-quotationery .quotationery-setup {background: var(--white-color);border-radius: 0;border: 2px solid #ffffff;margin-bottom: 24px;padding: 10px 35px 0px;}
.hra-quotationery .quotationery-setup .registerFormBlock .form-control {background-color: #fff;}
.hra-quotationery .quotationery-bottom {margin-left: 0;}
.hra-quotationery .quotationery-bottom {background-color: #fff;padding: 16px;box-shadow: 0px -4px 4px 0px #0000000D;position: sticky;bottom: 0;z-index: 2; display:flex;}
.hra-quotationery .quotationery-bottom button {min-width: 200px;}
.hra-quotationery .hra-submitting {display: flex;max-width: 100%;min-width: 324px;padding: 12px 16px;align-items: center;border-radius: 6px;background: #FFEFEF;}
.hra-quotationery .hra-submitting p {margin: 0px 8px;color: #D62929;font-size: 14px;font-weight: 400;line-height: 21px; letter-spacing: 0.2px;}
.hra-quotationery .hra-warning {display: flex;max-width: 100%;min-width: 324px;padding: 12px 16px;align-items: start;border-radius: 6px;background: #FBF3D2;}
.hra-quotationery .hra-warning p {margin: 0px 8px;color: #212121;font-size: 14px;font-weight: 400;line-height: 21px; letter-spacing: 0.2px;}
.hra-quotationery .hra-updated-date {color: #646F7D;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal; margin:0px 0px 8px;}
.hra-quotationery .custom-form .react-datepicker-popper {right: 0;left: 0 !important;z-index: 9;display: flex;justify-content: end;}
.health-risk-sec.health-risk-note {background: #F9FAFB;padding: 32px 24px 24px 32px;align-items: flex-start;align-self: stretch;border-top: 1px solid #e9e9e9;}
/* .health-risk-sec.health-risk-note .questionaries-title h4 {width: 100%;} */
.health-risk-sec.health-risk-note p {color: #646F7D;font-size: 12px;font-weight: 400;line-height: normal;}

.hra-popup .modal-body{padding:24px; border-radius:12px;}
.hra-popup .reminder-content{margin:48px 0;}
.hra-popup .custom-json {position: absolute;bottom: -45%;height: 600px;width: 500px;left: 0;}
.hra-popup.reminders-popup .icon-bg-btn {padding: 15px 24px;min-width:auto;line-height: 18px;z-index: 999;position:relative;}
.hra-popup .modal-body {text-align: center;}
.hra-popup .modal-body p {color: #0B6F41;text-align: center;font-size: 14px;font-weight: 400;line-height: 21px; margin-bottom:8px;}
.hra-popup h3 {text-align: center;font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;margin: 0 0 24px;}
.hra-popup .hra-cont {display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 12px;background: #EBFFF2;padding: 24px;margin: 0px 0px 32px;}
.hra-quotationery .quotationery-setup .quotation-btn.disabled {color: #212121;background-color: #E9ECF0;border: 1PX solid #B1B9C1;}
.hra-quotationery .quotationery-setup .form-check-multi.disabled {color: #212121;background-color: #E9ECF0;border: 1PX solid #B1B9C1;}

.resubmit-popup .modal-body p {margin-bottom: 8px;color: #646F7D;text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 22px;}
.resubmit-popup h3 {margin: 0 0 24px;text-align: center;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;}
.resubmit-popup .hra-cont {margin: 0px 0px 20px;}
.resubmit-popup button{position:relative; z-index:999;}

/*HRA popup Css*/
.hra-healthy-popup .modal-body {padding: 0px 32px; min-height:350px; overflow:hidden}
.hra-healthy-popup .modal-content {border-radius: 16px;background: linear-gradient(93deg, #F8FDFF -14.54%, #B4E4FB 101.04%), radial-gradient(112.01% 73.61% at 77.48% 68.49%, #FFF 0%, #DFF8DF 83.73%);position: relative;}
.hra-healthy-popup .rewards-btn-bg {max-width: 500px;position: absolute;bottom: -6px;right: 5px;border-radius: 6px;}
.hra-healthy-popup .close-btn-icon {border-radius: 8px;background: #FFF;display: flex;padding: 6px 12px;align-items: center;gap: 4px;color: #00497A;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal; cursor:pointer; z-index: 9;}
.hra-healthy-popup .close-btn-icon svg{margin-top:-4px;}
.hra-healthy-popup .icon-bg-btn {position: absolute;bottom: 50px; padding:0px 32px; }
.hra-healthy-popup .rewards-btn-bg img {max-width: 100%;}
.hra-healthy-popup .modal-header {justify-content: end;}
.hra-healthy-popup .btn-close {flex-shrink: 0;background-size: 40%;}
.hra-healthy-popup .btn-close {flex-shrink: 0;background-size: 40%;}
.hra-healthy-popup h3 {color: #212121;margin: 0 0 10px;font-size: 32px;font-style: normal;font-weight: 600;line-height: normal;}
.hra-healthy-popup p {color: #212121;margin:0px 0px 24px;max-width: 100%;font-size: 24px;font-style: normal;font-weight: 400;line-height: normal;padding-bottom:0px;}
.hra-healthy-popup p .custom-link {color: var(--secondary-blue-dark);font-size: 20px;font-weight: 500;padding: 0;min-width: inherit;margin: 0px;display: inline-block;cursor: pointer; text-decoration:underline;}
.hra-healthy-popup .modal-body-cont {max-width: 70%;}
.hra-healthy-popup .hrareview-cont {max-width: 70%;}
.hra-healthy-popup .modal-body.hrareview-popup {min-height: 440px;}
.hra-healthy-popup .hraejected-cont {max-width: 95%;}
.hra-healthy-popup .modal-body.hraejectedpopup .rewards-btn-bg {max-width: 471px;position: absolute;bottom: -80px;right: 56px;border-radius: 6px;}
.hra-healthy-popup .modal-body.hraejectedpopup {padding: 0px 32px;min-height: 370px;overflow: hidden;}
.hra-healthy-popup .modal-body.hraejectedpopup p {padding-bottom: 26px;}
.approved-cont {max-width: 69%;}
.hra-healthy-popup .modal-body.hraejectedpopup {padding: 0px 32px;min-height: 390px;overflow: hidden;}
.hra-healthy-popup .modal-body.hraejectedpopup .icon-bg-btn{margin-top:20px;}

.incomplete-text {color: #965A00;font-size: 12px;
    font-weight: 700;
}
span.success {
    color: #075A0B;
    font-size: 12px;
    font-weight: 700;
}

.questionBold {font-weight: 400 !important}

@media (max-width: 767px) {
    .hra-quotationery .health-risk-sec .questionaries-title h4 {font-size: 18px;}
    .hra-quotationery .stored-securely{margin:8px 0px;}
    .hra-quotationery .health-risk-sec .questionaries-title p{font-size:14px;}
    .hra-quotationery .quotationery-setup .single-quotation-sec p {margin: 0px 0px 12px;font-size: 14px;line-height: normal;}
    .hra-quotationery .quotationery-setup .text-muted {font-size: 14px;line-height: normal;}
    .hra-quotationery .quotationery-setup .quotation-btn {padding:10px;margin-right: 8px;background-color: #fff;margin-bottom: 10px;font-size: 14px; line-height:normal; height:auto;}
    .hra-quotationery .quotationery-bottom button {min-width: auto;}
    .hra-quotationery .quotationery-setup ol .single-quotation-sec {margin: 12px 0px;}
    .hra-quotationery .registerFormBlock .form-group {margin: 16px 0 16px;}

    .hra-healthy-popup h3 {font-size: 19px;}
    .hra-healthy-popup p {max-width: 100%;font-size: 16px;padding-bottom:20px;}
    .hra-healthy-popup .rewards-btn-bg img {display: none;}
    .hra-healthy-popup .modal-body {min-height: 260px;overflow: hidden;}
    .hra-healthy-popup .modal-body-cont {max-width: 90%;}
    .hrareview-cont, .approved-cont {max-width: 90%;}
    .hra-healthy-popup .icon-bg-btn {height: 38px;line-height: 38px;}
    .hra-quotationery .quotationery-setup {padding: 0;}
    .hra-healthy-popup .hrareview-cont {max-width: 100%;}
    .hra-healthy-popup .modal-body.hrareview-popup {min-height: 360px;}
    .health-risk-sec.health-risk-note .questionaries {margin: 50px 0 0;}
    .health-risk-sec.health-risk-note {padding: 12px 6px;}
    .hra-completed-note .hra-note {margin: 24px 0 12px;height: auto;padding: 12px;}
    .hra-completed-note .hra-note span {display: flex;max-width: 93%;text-align: left;}
    .hra-quotationery .quotationery-setup {padding: 0px 18px 0 10px;}
}
.form-check-multi{gap:16px;margin:0px 16px 16px 0;display:inline-block;padding:6px 16px 6px 20px;border-radius:4px;border: 1px solid #B1B9C1;align-items:center;}
.form-check-multi input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}
.form-check-multi label{position:relative;padding-left:30px;cursor:pointer}
.form-check-multi label::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border:2px solid #B1B9C1;border-radius:3px;background:#fff}
.form-check-multi input[type="checkbox"]:checked + label::before{background-color:#C74B3B;border-color:#C74B3B}
.form-check-multi input[type="checkbox"]:checked + label::after{content:"";position:absolute;left:5px;top:10px;width:10px;height:6px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg);border-radius:2px}
li.single-quotation-sec::marker{font-weight:700}
.hra-quotationery .health-risk-sec .questionaries-title .hra-complete-line:after {position: relative;bottom: 0;}