*{margin:0;padding:0;outline:0}@font-face{font-family:SourceSansPro;src:url(/build/assets/SourceSansPro-Black-Dr-p2Ose.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:SourceSansPro;src:url(/build/assets/SourceSansPro-Bold-Dly3k-uy.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SourceSansPro;src:url(/build/assets/SourceSansPro-Semibold-BBp3Vp3H.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SourceSansPro;src:url(/build/assets/SourceSansPro-Regular-BKAB-PRm.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SourceSansPro;src:url(/build/assets/SourceSansPro-Light-Bl65gPXU.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SourceSansPro;src:url(/build/assets/SourceSansPro-ExtraLight-DFHgbbM3.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6,p,span,a,li,button,input,select,textarea,label{font-family:SourceSansPro,sans-serif}a{text-decoration:none!important}p{margin:0}:root{--primary-color: #0052AE;--button-color: linear-gradient(110.05deg, #0052AE 9.27%, #002248 107.24%);--batch-color: rgba(234, 243, 228, 1);--gray-color: rgba(128, 149, 178, 1);--warning-color: rgba(221, 125, 0, 1);--success-color: rgba(72, 143, 59, 1);--black-color: #000;--white-color: #fff}.invalid-tooltip{position:relative;top:2px;z-index:5;display:none;max-width:100%;padding:0;margin-top:0;font-size:16px;color:red;background-color:transparent;border-radius:var(--bs-border-radius);width:100%;transition:.5s}::-webkit-input-placeholder{color:var(--gray-color)!important;font-weight:400;font-size:14px}::-moz-placeholder{color:var(--gray-color)!important;font-weight:400;font-size:14px}:-ms-input-placeholder{color:var(--gray-color)!important;font-weight:400;font-size:14px}:-moz-placeholder{color:var(--gray-color)!important;font-weight:400;font-size:14px}.sysmex-portal-header{width:100%;padding:20px 32px;background:transparent}.sysmex-login-wrapper{min-height:100vh;width:100%;background:url(/build/assets/sysmex_portal_bg-BHck66jI.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;margin-top:-87px;padding:50px 140px 0}.form-header h1{font-weight:700;font-size:18px;line-height:23px;color:var(--primary-color);margin-bottom:33px;text-align:center;position:relative}.form-header h1:before{content:"";position:absolute;width:18%;height:1px;background:var(--primary-color);left:0;top:13px}.form-header h1:after{content:"";position:absolute;width:18%;height:1px;background:var(--primary-color);right:0;top:13px}.sysmex-login-form{max-width:524px;width:100%;background:var(--white-color);border-radius:16px;padding:60px 45px 40px;position:relative;box-shadow:0 0 92px #3e69a533}.sysmex-login-form:before{content:"";position:absolute;width:434px;height:4px;background:linear-gradient(90deg,#0052af,#1ec500);border-radius:0 0 6px 6px;top:0;left:50%;transform:translate(-50%)}.sysmex-login-form button{width:100%;padding:0 12px;border-radius:8px;color:var(--white-color);border:none;height:56px;font-weight:700;font-size:18px;transition:all .3s ease-in-out;text-transform:uppercase;background:var(--button-color);margin-top:11px}.sysmex-login-form button:hover{background:linear-gradient(110.05deg,#002248 9.27%,#0052ae 107.24%)}.sysmex-login-form button svg{position:relative;top:-2px;right:-4px}.sysmex-login-form input,.sysmex-login-form select{width:100%;height:48px;border-radius:8px;border:1px solid rgba(128,149,178,.2);padding:0 12px;font-weight:400;font-size:16px;line-height:20px;outline:none;transition:.5s;background:#f4f8fb;color:#8095b2}.sysmex-login-form .input-group span{background:var(--white-color)}.sysmex-login-form input:focus{box-shadow:none;border:1px solid rgba(128,149,178,.2)}.sysmex-login-form .form-col{margin-top:20px}.sysmex-login-footer{display:flex;margin-top:20px;justify-content:space-between}.sysmex-login-footer a{color:var(--primary-color);font-weight:400;font-size:16px;line-height:20px}.sysmex-login-footer p{font-weight:400;font-size:16px;line-height:20px;color:var(--gray-color)}.sysmex-login-footer .left-column{position:relative}.sysmex-login-footer .left-column:after{content:"";position:absolute;width:1px;height:14px;background:#eaecf0;right:-57px;top:6px}.sysmex-login-footer a{position:relative}.sysmex-login-footer a:before{content:"";width:0%;height:1px;background-color:var(--primary-color);position:absolute;bottom:-3px;left:0;transition:.3s ease-in-out}.sysmex-login-footer a:hover:before{width:100%}.sysmex-registration-wrapper{padding:50px 80px 0}.sysmex-registration-form:before{width:538px}.sysmex-registration-form{max-width:652px;padding:40px 58px}.sysmex-registration-form .form-label{width:100%;font-size:14px;font-weight:600;color:var(--black-color)}.sysmex-registration-form input,.sysmex-registration-form select{height:44px;border-radius:8px!important}.sysmex-registration-form .g-recaptcha{margin-top:7px}.sysmex-registration-form button{margin-top:20px}.sysmex-registration-form input[type=checkbox]{width:18px!important;height:18px!important;border-radius:3px!important;border:1px solid var(--black-color)!important;background:transparent!important;flex:inherit;padding:0!important}.sysmex-registration-form .checkbox-group{display:flex;align-items:center;column-gap:10px;margin-top:12px}.sysmex-registration-form .checkbox-group .form-label{width:auto;margin:0;color:var(--gray-color)}.sysmex-registration-form .checkbox-group .form-label a{color:var(--primary-color);font-weight:700;position:relative}.sysmex-registration-form .checkbox-group .form-label a:before{content:"";width:0%;height:1px;background-color:var(--primary-color);position:absolute;bottom:-3px;left:0;transition:.3s ease-in-out}.sysmex-registration-form .checkbox-group .form-label a:hover:before{width:100%}.form-progress-bar{display:flex;justify-content:space-between;margin-bottom:40px}.form-progress-bar .progress-info{display:flex;align-items:center;column-gap:15px;position:relative}.form-progress-bar .progress-info:not(:last-child):after{content:"";position:absolute;width:130px;height:1px;background:#d9d9d9;left:184px;top:15px}.form-progress-bar .progress-info .step-number{width:33px;height:32px;border-radius:50%;background:var(--primary-color);color:var(--white-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:2px 4px 12px #3e69a54d}.form-progress-bar .progress-info.disabled .step-number{background:#e8f1f8;color:#8095b2;box-shadow:none}.form-progress-bar .progress-info .step-number span{font-size:16px;position:relative;top:-1px}.form-progress-bar .progress-info .step-heading{color:var(--primary-color);font-weight:400;font-size:16px}.form-progress-bar .progress-info.disabled .step-heading{color:#8095b2}.sysmex-registration-form .sysmex-login-footer{justify-content:center}.sysmex-registration-form .input-group span{background:var(--white-color);color:#d00;position:relative;top:3px}.sysmex-registration-form .button-group-wrap{display:flex;justify-content:space-between;margin-top:20px;column-gap:15px}.sysmex-registration-form .back-button{background:transparent;color:var(--primary-color);min-width:172px;width:172px;border:1px solid var(--primary-color)}.sysmex-registration-form .back-button:hover{color:var(--white-color)}.sysmex-registration-form .back-button:hover svg path{fill:var(--white-color)}.sysmex-registration-form .back-button svg{position:relative;top:-2px;left:-4px}.selection-group{position:relative}.selection-group:after{content:"";position:absolute;width:12px;height:12px;background:url(../img/sys-arrow.svg) no-repeat center center;background-size:contain;right:12px;top:52px;transform:translateY(-50%);z-index:666}.sysmex-otp-form{max-width:540px;padding:40px 43px}.sysmex-otp-form:before{width:434px}.sysmex-otp-form .form-header p{color:#003b7d;font-weight:400;margin-bottom:35px}