section.healthExtraErrorModalComp{padding-bottom:0}
.healthExtraErrorModalComp{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;overflow:hidden}
.healthExtraErrorModalComp .errorModalOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1}
.healthExtraErrorModalComp .errorModalPopup{background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);z-index:3;padding:40px 40px 30px 40px;text-align:center;max-width:450px;width:90%;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.2);animation:modalSlideIn .3s ease-out;-webkit-animation:modalSlideIn .3s ease-out}
@keyframes modalSlideIn{from{opacity:0;transform:translate(-50%,-60%)}
to{opacity:1;transform:translate(-50%,-50%)}
}
@-webkit-keyframes modalSlideIn{from{opacity:0;-webkit-transform:translate(-50%,-60%)}
to{opacity:1;-webkit-transform:translate(-50%,-50%)}
}
.healthExtraErrorModalComp .closeErrorModal{position:absolute;top:15px;right:15px;background:transparent;border:0;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;-webkit-transition:opacity .2s ease;z-index:4}
.healthExtraErrorModalComp .closeErrorModal:hover{opacity:.7}
.healthExtraErrorModalComp .closeErrorModal:focus{outline:2px solid #c8102e;outline-offset:2px}
.healthExtraErrorModalComp .errorModalContent{display:flex;flex-direction:column;align-items:center;justify-content:center}
.healthExtraErrorModalComp .errorModalIcon{display:block;margin:0 auto 25px;width:80px;height:80px}
.healthExtraErrorModalComp .errorModalIcon svg{width:100%;height:100%}
.healthExtraErrorModalComp .errorModalIcon svg circle,.healthExtraErrorModalComp .errorModalIcon svg path{animation:errorIconFadeIn .4s ease-out .2s both;-webkit-animation:errorIconFadeIn .4s ease-out .2s both}
@keyframes errorIconFadeIn{from{opacity:0;stroke-dasharray:200;stroke-dashoffset:200}
to{opacity:1;stroke-dasharray:200;stroke-dashoffset:0}
}
@-webkit-keyframes errorIconFadeIn{from{opacity:0;stroke-dasharray:200;stroke-dashoffset:200}
to{opacity:1;stroke-dasharray:200;stroke-dashoffset:0}
}
.healthExtraErrorModalComp .errorModalTitle{font-size:2.2rem;font-family:'robotomedium',Arial,sans-serif;color:#c8102e;margin:0 0 15px 0;padding:0;line-height:1.3;letter-spacing:.3px}
.healthExtraErrorModalComp .errorModalMessage{font-size:1.6rem;font-family:'robotoregular',Arial,sans-serif;color:#333;margin:0;padding:0 10px;line-height:1.5;letter-spacing:.25px;max-height:200px;overflow-y:auto}
.healthExtraErrorModalComp .errorModalActions{margin-top:30px;display:flex;justify-content:center;gap:15px}
.healthExtraErrorModalComp .primaryRedBtn{background:#c8102e;color:#fff;font-family:'robotomedium',Arial,sans-serif;font-size:1.6rem;padding:12px 40px;border:0;border-radius:5px;-webkit-border-radius:5px;cursor:pointer;transition:background .2s ease,transform .1s ease;-webkit-transition:background .2s ease,transform .1s ease;min-width:120px}
.healthExtraErrorModalComp .primaryRedBtn:hover{background:#a00d24}
.healthExtraErrorModalComp .primaryRedBtn:active{transform:scale(0.98);-webkit-transform:scale(0.98)}
.healthExtraErrorModalComp .primaryRedBtn:focus{outline:2px solid #c8102e;outline-offset:2px}
.healthExtraErrorModalComp.warning .errorModalIcon svg circle,.healthExtraErrorModalComp.warning .errorModalIcon svg path{stroke:#f5a623}
.healthExtraErrorModalComp.warning .errorModalIcon svg circle[fill="#C8102E"]{fill:#f5a623}
.healthExtraErrorModalComp.warning .errorModalTitle{color:#f5a623}
.healthExtraErrorModalComp.success .errorModalIcon svg{display:none}
.healthExtraErrorModalComp.success .errorModalIcon::before{content:'';display:block;width:80px;height:80px;background-image:url("data:image/svg+xml,%3Csvgwidth='80'height='80'viewBox='008080'fill='none'xmlns='http://www.w3.org/2000/svg'%3E%3Ccirclecx='40'cy='40'r='38'stroke='%2328A745'stroke-width='4'/%3E%3Cpathd='M2440L3551L5630'stroke='%2328A745'stroke-width='4'stroke-linecap='round'stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}
.healthExtraErrorModalComp.success .errorModalTitle{color:#28a745}
.healthExtraErrorModalComp.info .errorModalIcon svg circle,.healthExtraErrorModalComp.info .errorModalIcon svg path{stroke:#007bff}
.healthExtraErrorModalComp.info .errorModalIcon svg circle[fill="#C8102E"]{fill:#007bff}
.healthExtraErrorModalComp.info .errorModalTitle{color:#007bff}
@media(max-width:767px){.healthExtraErrorModalComp .errorModalPopup{padding:30px 25px 25px;width:92%;max-width:380px}
.healthExtraErrorModalComp .errorModalIcon{width:60px;height:60px;margin-bottom:20px}
.healthExtraErrorModalComp .errorModalTitle{font-size:1.8rem;margin-bottom:12px}
.healthExtraErrorModalComp .errorModalMessage{font-size:1.4rem;padding:0 5px}
.healthExtraErrorModalComp .errorModalActions{margin-top:25px}
.healthExtraErrorModalComp .primaryRedBtn{font-size:1.4rem;padding:10px 30px;min-width:100px}
.healthExtraErrorModalComp .closeErrorModal{top:10px;right:10px}
.healthExtraErrorModalComp .closeErrorModal svg{width:20px;height:20px}
}
@media(max-width:375px){.healthExtraErrorModalComp .errorModalPopup{padding:25px 20px 20px}
.healthExtraErrorModalComp .errorModalIcon{width:50px;height:50px;margin-bottom:15px}
.healthExtraErrorModalComp .errorModalTitle{font-size:1.6rem}
.healthExtraErrorModalComp .errorModalMessage{font-size:1.3rem}
}