/*
================================================
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:after {background: var(--primary-color);content: '';margin: 4px 0;width: 134px;height: 2px;display: block;}
.hra-quotationery .health-risk-sec .questionaries-title p {margin: 0 0 12px;font-size: 16px;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 {background: var(--white-color);border-radius: 0;border: 2px solid #ffffff;margin-bottom: 24px;padding: 10px 10px 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;}

.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;}

.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;
}
@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;}
}