@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/roboto-regular.ttf') format('truetype');
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500 900;
  font-display: swap;
  src: url('/assets/roboto-medium.ttf') format('truetype');
}

@font-face { font-family: 'Hind Madurai'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/hind-madurai-semibold.ttf') format('truetype'); }
@font-face { font-family: FontAwesome; font-style: normal; font-weight: 400; font-display: block; src: url('/assets/fontawesome.woff2') format('woff2'); }
@font-face { font-family: 'Material Design Icons'; font-style: normal; font-weight: 400; font-display: block; src: url('/assets/material-design-icons.woff2') format('woff2'); }

*, *::before, *::after { box-sizing: border-box; }
html { overflow-y: scroll; min-height: 100%; }
body {
  margin: 0;
  overflow-x: hidden;
  background: #000;
  color: #797979;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
button, input { font: inherit; }
button, a, label { -webkit-tap-highlight-color: transparent; }
a { color: #ff5600; cursor: pointer; text-decoration: none; }
a:hover, a:focus { text-decoration: none; }
button { cursor: pointer; }
input { min-width: 0; }
[hidden] { display: none !important; }
.container-alt { margin: 0 auto; padding: 0 15px; }
.col-sm-12, .col-xs-12, .col-md-12 { position: relative; min-height: 1px; width: 100%; }
.col-sm-12, .col-md-12 { padding: 12px 10px; }
.col-xs-12 { float: left; padding: 0 10px; }
.wrapper-page { position: relative; max-width: 420px; margin: 5% auto; }
.account-pages {
  margin-top: 40px;
  border-radius: 5px;
  box-shadow: 0 0 24px 0 rgb(0 0 0 / 6%), 0 1px 0 0 rgb(0 0 0 / 2%);
}
.account-logo-box { padding: 10px; background: #4d4b49; text-align: center; }
.account-logo-box h1 { margin: 10px 0; font-size: 24px; font-weight: 500; line-height: 1.1; }
.account-logo-box img { display: inline-block; width: 100%; height: 50px; vertical-align: middle; border: 0; }
.account-content { padding: 30px; background: #fff; }
.download-content { display: flex; min-height: 150px; align-items: center; justify-content: center; }
.download-content .primary-button { display: inline-flex; min-width: 132px; align-items: center; justify-content: center; }
.demo-disclosure { margin: 0; padding: 12px 30px; background: #fff5ec; color: #65432d; font-size: 12px; line-height: 18px; }
.notification-consent { display: flex; gap: 8px; align-items: flex-start; margin: 15px 0; font-size: 12px; line-height: 18px; }
.notification-consent input { flex: 0 0 16px; width: 16px; height: 16px; margin: 2px 0 0; accent-color: #ff5600; }
.notification-consent label { cursor: pointer; }
form { margin: 0; }
.form-group { margin: 0 -10px 15px; }
.form-group::before, .form-group::after, .clearfix::before, .clearfix::after { display: table; content: ' '; }
.form-group::after, .clearfix::after { clear: both; }
.form-control {
  display: block;
  width: 100%;
  height: 38px;
  margin-top: -12px;
  padding: 7px 12px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  outline: none;
  background: #fff;
  color: #555;
  font-size: 14px;
  line-height: 20px;
  box-shadow: none;
  transition: border-color .15s ease-in-out;
}
.form-control::placeholder { color: #999; opacity: 1; }
.form-control:focus { border-color: #aaa; }
.checkbox { position: relative; display: block; min-height: 27px; padding: 7px 0 0 20px; }
.checkbox input { position: absolute; z-index: 1; width: 17px; height: 17px; margin: 2px 0 0 -20px; opacity: 0; cursor: pointer; }
.checkbox label { position: relative; display: inline-block; min-height: 20px; padding-left: 5px; font-weight: 400; cursor: pointer; }
.checkbox label::before {
  position: absolute;
  top: 2px;
  left: -20px;
  width: 17px;
  height: 17px;
  border: 1px solid #dadada;
  border-radius: 2px;
  background: #fff;
  content: '';
  transition: background-color .2s, border-color .2s;
}
.checkbox input:checked + label::before { border-color: #79dbd5; background-color: #79dbd5; }
.checkbox input:checked + label::after {
  position: absolute;
  top: 2px;
  left: -20px;
  width: 16px;
  height: 16px;
  padding-top: 1px;
  padding-left: 3px;
  color: #fff;
  font-family: 'Material Design Icons';
  font-size: 11px;
  font-weight: 700;
  content: '\f12c';
}
.checkbox input:focus-visible + label::before { outline: 2px solid #555; outline-offset: 2px; }
.text-center { text-align: center; }
.text-muted { color: #3b3b3c; }
.m-t-30 { margin-top: 30px; }
.m-t-10 { margin-top: 10px; }
.lock-icon { display: inline-block; margin-right: 5px; font: normal 400 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lock-icon::before { content: '\f023'; }
.account-btn { position: absolute; left: 0; right: 0; }
.primary-button {
  position: relative;
  display: inline-block;
  height: 36px;
  min-width: 64px;
  margin: 0 0 5px;
  padding: 0 16px;
  overflow: hidden;
  border: 1px solid #ff5600;
  border-radius: 2px;
  outline: 0;
  background: #ff5600;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1.25px;
  text-indent: 1.25px;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}
.primary-button span { display: flex; position: relative; align-items: center; justify-content: center; line-height: normal; }
.primary-button::before { position: absolute; inset: 0; background: currentColor; opacity: 0; content: ''; transition: opacity .2s; }
.primary-button:hover::before { opacity: .08; }
.primary-button:focus-visible::before { opacity: .24; }
.primary-button:active::before { opacity: .18; }
.primary-button:disabled { cursor: wait; }
.primary-button.is-loading span { visibility: hidden; }
.primary-button.is-loading::after { position: absolute; top: calc(50% - 8px); left: calc(50% - 8px); width: 16px; height: 16px; border: 2px solid rgb(255 255 255 / 40%); border-top-color: #fff; border-radius: 50%; content: ''; animation: spin .65s linear infinite; }
.notice { display: flex; gap: 8px; align-items: center; margin: -12px 0 28px; padding: 18px 16px; border-radius: 4px; background: #212121; color: #fff; }
.notice::before { flex: 0 0 auto; font: normal 400 22px/1 FontAwesome; content: '\f071'; }
.notice > div { flex: 1; min-width: 0; }
.notice a { color: inherit; text-decoration: underline; }
.notice--success { background: #287c66; }
.notice-feedback { margin: 10px 0 0; }
.notice-close { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 20px; width: 20px; height: 20px; margin-left: 8px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #212121; font-size: 20px; line-height: 1; }
.notice-close:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.forgotten-content h2 { margin: 10px 0; color: #505458; font-family: 'Hind Madurai', sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; text-align: center; }
.forgotten-content hr { margin: 20px 0; border: 0; border-top: 1px solid rgb(0 0 0 / 12%); }
.reset-field { position: relative; height: 76px; margin: 4px 0 10px; padding-top: 12px; }
.reset-field input { display: block; width: 100%; height: 42px; padding: 8px 0; border: 0; border-bottom: 1px solid #949494; border-radius: 0; outline: none; background: transparent; color: #555; font-size: 16px; }
.reset-field label { position: absolute; top: 18px; left: 0; color: #797979; font-size: 16px; font-weight: 500; pointer-events: none; transition: all .15s; }
.reset-field input:focus { border-bottom: 2px solid #ff5600; }
.reset-field input:focus + label, .reset-field input:not(:placeholder-shown) + label { top: 0; font-size: 12px; }
.reset-field input:focus + label { color: #ff5600; }
.reset-field span { display: none; font-size: 12px; line-height: 16px; }
.reset-field input:focus ~ span { display: block; }
.send-icon { width: 24px; height: 24px; margin-left: 8px; margin-right: -4px; }
#resetButton:disabled:not(.is-loading) { background: rgb(0 0 0 / 12%); color: rgb(0 0 0 / 26%); box-shadow: none; cursor: default; }
.back-to-login { margin: 50px -10px 0; }
.back-to-login::before, .back-to-login::after { display: table; content: ' '; }
.back-to-login::after { clear: both; }
.back-to-login p { margin: 0 0 10px; font-size: 14px; line-height: 22.4px; }
.back-to-login a { margin-left: 5px; }
.back-to-login b { font-weight: 700; }
@keyframes spin { to { transform: rotate(360deg); } }
@media (min-width: 768px) { .container-alt { width: 750px; } .col-sm-12 { float: left; } }
@media (min-width: 992px) { .container-alt { width: 970px; } .col-md-12 { float: left; } }
@media (min-width: 1200px) { .container-alt { width: 1170px; } }
@media (max-width: 767px) { .wrapper-page { width: 90%; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation-duration: 1.5s !important; } }