body { display: flex; justify-content: center; align-items: center; font-family: "Roboto", sans-serif; height: 100%; margin: 0; }

.login-body { display: flex; color: #484d4e; position: relative; padding: 2rem 1rem; }

.login-body .bg-art { z-index: -1; position: fixed; inset: 0; height: 100%; transition: width 650ms ease-in-out; }

.login-body .bg-art > svg { width: 100%; height: 100%; }

.login-body .bg-art.art-left { left: 0; width: 50%; }

.login-body .bg-art.art-right { left: 50%; width: 50%; }

.login-body .art-meeting { z-index: -1; position: fixed; bottom: 0; left: 0; width: 500px; height: 250px; }

.login-body .btn-recruiter-login { padding: 0.65rem 1rem; margin-top: 2rem; font-weight: 400; border: 1px #d9d9d9 solid; border-radius: 4px; width: 80%; margin-inline: auto; }

.login-container-box { border-radius: 4px; margin: auto; height: fit-content; background-color: #fff; display: flex; gap: 6rem; margin: 0; min-width: 468px; max-width: 512px; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); transition: min-width ease-in-out 500ms, padding ease-in-out 500ms; padding: 2rem 2.5rem; text-align: center; }

.login-container-box form { margin: 0; }

@media (max-height: 611px), (max-width: 749px) { .login-container-box { min-width: 250px; padding: 1.5rem; } }

.login-container-box .login-inner-box { display: flex; justify-content: center; flex-direction: column; }

.login-container-box .login-inner-box .logo-holder { display: flex; justify-content: center; align-items: center; gap: 1rem; margin-bottom: 1rem; }

.login-container-box .login-inner-box .logo-holder img { height: 3rem; }

.login-container-box .login-inner-box .logo-holder .logo-arrow { height: 1rem; }

.login-container-box .saml-login-button { font-weight: normal; margin-top: 0.75rem; }

.imp-btn { border-radius: 4px !important; border: none; padding: 5px 16px; font-weight: 400; font-size: 14px; text-align: center; white-space: nowrap; transition: all 0.3s ease 0.03s; cursor: pointer; text-decoration: none; outline: none; }

.saml-login-button { width: 100%; padding: 0.5rem 0.5rem; }

.imp-btn.imp-primary-btn { background: #f49c26; color: #ffffff; border: 1px solid #f49c26; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043); border-radius: 4px; }

.imp-btn.imp-primary-btn:hover { background: #dc830b; border-color: #dc830b; }

.imp-btn.disabled, .imp-btn:disabled:hover { opacity: 0.65; cursor: not-allowed; }

.primary-shade-6-stroke { stroke: #FE8A2D; }

.primary-shade-6-fill { fill: #FE8A2D; }

.primary-shade-stroke { stroke: #f49c26; }

.primary-shade-fill { fill: #f49c26; }

.primary-shade-2-fill { fill: #ffddae; }

.primary-shade-4-fill { fill: #FDA94F; }

.primary-shade-4-stroke { stroke: #FDA94F; }

.primary-shade-8-fill { fill: #FF7515; }

.primary-shade-0-fill { fill: #ffab36; }

.primary-shade-9-fill { fill: #e15c00; }

.primary-shade-10-fill { fill: #c85200; }

.primary-shade-11-fill { fill: #ae4700; }