:root{--border-color: #E2E2ED;--border-color--light: #EEEEEE;--background-color: #F4F4F9;--brand-blue: #3798D3;--dark-blue: #0A2E49 ;--text-main: #282532;--text-secondary: #686572}html,body{min-height:100%}body{height:100vh;margin:0;font-family:Open Sans,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;background:linear-gradient(#041c2e,#0a2e49)}.margin-bottom-40{margin-bottom:40px!important}.margin-bottom-12{margin-bottom:12px!important}h1{font-size:28px!important;font-weight:400!important;margin-bottom:8px!important}h3{font-size:16px!important;font-weight:600!important;margin-bottom:8px!important;color:#000!important}h1,h2,h4,h5{color:var(--text-main)!important}.MuiTypography-body2,.MuiTypography-h5,.MuiTypography-h4,.MuiTypography-h3,.MuiTypography-h1{font-family:Open Sans,sans-serif!important;-webkit-font-smoothing:antialiased}.MuiTypography-h5{font-size:18px!important;font-weight:600!important}.MuiTypography-body2{font-size:14px!important;color:var(--text-secondary);font-weight:500}.nextline{display:inline-block}.muibutton-text-custom{text-transform:capitalize!important;text-decoration:underline!important;font-weight:400!important}.button-custom{text-decoration:underline}#username-input-label{width:300px}.custom-button{height:51px;background-color:var(--dark-blue)!important;font-family:Montserrat,sans-serif!important;font-weight:600!important;font-size:16px!important;-webkit-font-smoothing:antialiased}.custom-button--input{margin-top:0!important;margin-left:8px!important;width:160px!important}.custom-button:hover{background-color:#041c2e!important}.custom-button.Mui-disabled{background-color:var(--border-color)!important;color:var(--text-secondary)!important}.custom-text-link{text-decoration:underline!important;color:var(--brand-blue)!important;text-transform:capitalize!important;margin-top:0!important;margin-bottom:0!important;padding-left:0!important}.section{margin-bottom:24px}.logo-small{width:70px!important}.custom-text-link p{color:var(--brand-blue)}.custom-button circle{color:#fff!important}hr{border-width:1px!important;border-color:var(--border-color--light)!important}.custom-button>div>span{height:22px!important;width:22px!important}.custom-button .MuiButton-loadingIndicator svg{height:22px!important;width:22px!important}.custom-select svg{z-index:999}ul li{z-index:999}.custom-select>fieldset{transition:border .3s;border:2px solid var(--border-color);background-color:var(--background-color)}.custom-text-field:focus-within{outline:none;border:2px solid var(--brand-blue)!important}.custom-select>div>span{z-index:999;position:relative}.custom-select>div{z-index:999}.custom-text-field{margin-bottom:16px;transition:border .3s;border:2px solid var(--border-color);background-color:var(--background-color)}.custom-text-field--first{margin-top:60px}.custom-text-field:hover{border:2px solid #c5c5d2}.custom-text-field input{font-family:Open Sans,sans-serif!important;border-radius:4px;padding:13px 14px;font-weight:600;font-size:16px;color:#000}.custom-text-field fieldset{border:none}.custom-label[data-shrink=true]{z-index:999!important;padding-left:5px!important;padding-right:5px!important;background-color:#fff!important;border-radius:4px!important}.hello{width:100px}.hello label{display:none}.container{background-color:#fff;padding:24px;margin-top:24px;box-shadow:2px 0 10px #0000004d;border-radius:8px}.body2-wrap{font-size:13px!important}.logo-container{margin:0 auto 60px}.line-break{height:2px;width:100%;background-color:#f3f3f3;margin-bottom:16px}.p-custom{line-height:24px!important;margin-bottom:16px!important}.QR-container{background:#f9f9f9;border-radius:8px;display:inline-block;padding:16px}.logo-container--first-screen,.logo-container--second-page{margin:40px auto 60px}.logo-container--notext{margin:40px auto 24px}@media screen and (max-width:510px){.container{margin-top:0;padding-top:60px;box-shadow:none}body{background:#fff}.outer-container>div{display:inline-block;margin:0!important;width:100%}.outer-container>div>div{padding:0!important;max-width:100%;display:initial}}.svg-custom{padding:6px!important}.svg-custom svg{height:20px!important;width:20px!important}@media screen and (max-width:810px){.outer-container>div{display:inline-block;margin:0!important;width:100%}.outer-container>div>div{max-width:100%!important;padding-right:8px;padding-top:8px!important;padding-left:8px!important}.container{margin-top:0}.logo-container img{width:240px}}.logo-container img{width:310px}.margin-left-8{margin-left:0!important}