:root {
  --font-family-open-sans: "Open Sans", sans-serif;
  --font-family-spectral: "Spectral", sans-serif;
  --gray-200: #E5E7EB;
  --gray-500: #6B7280;
  --gray-600: #4B5563;
  --gray-900: #111827;
  --primary-500: #0061EF;
  --primary-600: #0049B3;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("Open Sans Regular"), url("/static/multisite/fonts/opensans/open-sans-v17-latin-regular.woff2") format("woff2"), url("/static/multisite/fonts/opensans/open-sans-v17-latin-regular.woff") format("woff"), url("/static/multisite/fonts/opensans/open-sans-v17-latin-regular.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans 600"), local("Open Sans SemiBold"), url("/static/multisite/fonts/opensans/open-sans-v18-latin-600.woff2") format("woff2"), url("/static/multisite/fonts/opensans/open-sans-v18-latin-600.woff") format("woff"), url("/static/multisite/fonts/opensans/open-sans-v18-latin-600.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans 700"), local("Open Sans Bold"), url("/static/multisite/fonts/opensans/open-sans-v17-latin-700.woff2") format("woff2"), url("/static/multisite/fonts/opensans/open-sans-v17-latin-700.woff") format("woff"), url("/static/multisite/fonts/opensans/open-sans-v17-latin-700.ttf") format("truetype");
}
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 400;
  src: local("Spectral"), local("Spectral Regular"), url("/static/multisite/fonts/Spectral-Regular.ttf");
}
.ff-open-sans {
  font-family: var(--font-family-open-sans);
}

.ff-spectral {
  font-family: var(--font-family-spectral);
}

.text-gray-500 {
  color: var(--gray-500) !important;
}
.text-gray-600 {
  color: var(--gray-600) !important;
}
.text-gray-900 {
  color: var(--gray-900) !important;
}

.full-height {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.full-height main {
  flex: 1 1 0;
}

.login .h1 {
  font-size: 42px;
}
.login-bg {
  background: #000 url("/resources/img/odt/login/login-bg.7af122c643f7.png") center bottom/cover no-repeat;
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.login-welcome {
  padding-top: 126px;
  padding-bottom: 126px;
  color: white;
}
.login-welcome ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}
.login-form {
  padding-top: 147px;
  padding-bottom: 147px;
}
.login-form .form label {
  font-size: 14px;
  color: var(--gray-900);
}
.login-form .form input:not([type=radio]):not([type=submit]):not([type=checkbox]) {
  font-size: 14px;
  border-radius: 8px;
  color: var(--gray-500);
  border: 1px solid var(--gray-200);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04), 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}
.login-form .form input:not([type=radio]):not([type=submit]):not([type=checkbox]):focus {
  border-color: #0061EF;
}
.login-form .form .btn {
  height: 42px;
  border-radius: 8px;
  border: 1px solid #0061EF;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04), 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}
.login-form .form .btn--filled {
  background-color: #0061EF;
}
.login-form .form .btn--filled:active, .login-form .form .btn--filled:hover {
  border-color: #0043e2;
  background-color: #0043e2;
}
.login-footer {
  color: rgba(255, 255, 255, 0.8);
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #112F35;
}
.login-footer a {
  color: rgba(255, 255, 255, 0.8) !important;
  text-decoration: underline;
}
.login-footer .copywrite {
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.login-footer .copy-content b {
  display: block;
  margin-bottom: 0.25rem;
}

.password-wrap {
  position: relative;
}
.password-wrap .eye-icon {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%231F2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.422 7.632A7.287 7.287 0 0 0 3 10.26a7.306 7.306 0 0 0 8.99 4.94M5.987 6.245A7.306 7.306 0 0 1 17 10.258a7.318 7.318 0 0 1-2.986 4.015M5.986 6.245 3.74 4m2.245 2.245 2.539 2.539m5.49 5.49 2.244 2.244m-2.245-2.245-2.539-2.538m0 0a2.086 2.086 0 1 0-2.95-2.95m2.95 2.95-2.95-2.951'/%3E%3C/svg%3E");
  position: absolute;
  right: 15px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
}
.password-wrap .eye-icon.show {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z' /%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z' /%3E%3C/svg%3E%0A");
}
.password-wrap input[type=password] {
  padding-right: 40px !important;
}

@media (max-width: 991.98px) {
  .login-bg {
    background: none;
  }
  .login-welcome {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .login-welcome_bg {
    --login-welcome-bg-x-position: calc(50vw - 50%);
    position: absolute;
    right: var(--login-welcome-bg-x-position);
    left: calc(-1 * var(--login-welcome-bg-x-position));
    top: 0;
    background: #000 url("/resources/img/odt/login/login-bg-md.5293934d3c07.png") center bottom/cover no-repeat;
    width: 100vw;
    height: 100%;
    z-index: -1;
  }
  .login-form {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 575.98px) {
  .login .h1 {
    font-size: 28px;
  }
  .login-welcome {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .login-welcome_bg {
    background: #000 url("/resources/img/odt/login/login-bg-sm.8d8185cca3ff.png") center bottom/cover no-repeat;
  }

  .password-wrap input[type=password] {
    padding-right: 40px !important;
  }
}