/*bootstrap breakpoints*/
:root {
  --color-primary: #005387;
  --color-primary-darken-1: #003A6E;
  --color-primary-transparent-10: rgba(0, 83, 135, 0.1);
  --color-primary-transparent-20: rgba(0, 83, 135, 0.2);
  --color-secondary: #3F818B;
  --color-secondary-darken-1: #266872;
  --color-dark-blue: #005286;
  --color-light-grey: #808080;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-grey-02: #F7F7F7;
  --color-grey-03: #F2F2F2;
  --color-grey-05: #EEEEEE;
  --color-grey-10: #DDDDDD;
  --color-grey-15: #C4C4C4;
  --color-grey-20: #A6A6A6;
  --color-grey-25: #939393;
  --color-grey-30: #808080;
  --color-grey-60: #333333;
  --color-success: #5CB85C;
  --color-success-transparent-20: rgba(92, 184, 92, 0.2);
  --color-success-transparent-50: rgba(92, 184, 92, 0.5);
  --color-warning: #F0AD4E;
  --color-warning-darken-1: #D79435;
  --color-warning-transparent-50: rgba(240, 173, 78, 0.5);
  --color-warning-transparent-20: rgba(240, 173, 78, 0.2);
  --color-warning-transparent-16: rgba(240, 173, 78, 0.16);
  --color-warning-transparent-13: rgba(240, 173, 78, 0.13);
  --color-danger: #EA392C;
  --color-danger-transparent-20: rgba(234, 57, 44, 0.2);
  --color-danger-transparent-13: rgba(234, 57, 44, 0.13);
  --color-male: #25B7D3;
  --color-female: #E04F5F;
  --color-val-error: #A94442;
  --color-val-success: #3C763D;
}

/* font-family */
.color-primary {
  color: var(--color-primary) !important;
}

.color-danger {
  color: var(--color-danger) !important;
}

.background-color-danger {
  background-color: var(--color-danger) !important;
}

.border-color-danger {
  border: 1px solid var(--color-danger) !important;
}

.color-warning {
  color: var(--color-warning) !important;
}

.border-color-warning {
  border: 1px solid var(--color-warning) !important;
}

.color-success {
  color: var(--color-success) !important;
}

.border-color-success {
  border: 1px solid var(--color-success) !important;
}

.background-color-success {
  background-color: var(--color-success) !important;
}

.color-grey-20 {
  color: var(--color-grey-20);
}

.color-grey-25 {
  color: var(--color-grey-25);
}

.background-color-grey-25 {
  background-color: var(--color-grey-25);
}

.color-grey-30 {
  color: var(--color-grey-30);
}

.font-weight-100 {
  font-weight: 100;
}

.background-color-primary {
  background-color: var(--color-primary) !important;
}

.background-color-danger {
  background-color: var(--color-danger) !important;
}

.background-color-warning {
  background-color: var(--color-warning) !important;
}

.background-color-success {
  background-color: var(--color-success) !important;
}

.background-color-grey-05 {
  background-color: var(--color-grey-05) !important;
}

html, body, .container-fluid, .wn-section, .frame, .tx-felogin-login {
  height: 100%;
}

.container-fluid {
  padding: 0;
}

.container, .login {
  box-shadow: none !important;
}

.login {
  font-family: "Roboto", sans-serif;
  max-width: 1000px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login .login-main .login-title, .login .login-main .login-description {
  font-family: "Roboto Condensed", sans-serif;
  text-align: center;
}
.login .login-main .login-title {
  font-size: 84px;
  line-height: 84px;
  font-weight: 400;
  color: var(--color-primary);
}
.login .login-main .login-description {
  font-size: 24px;
  margin-top: 35px;
  color: var(--color-grey-60);
}
.login .login-main .login-sub-logo {
  text-align: center;
  margin-top: 35px;
}
.login .login-main .login-sub-logo .login-sub-logo-separator {
  border-top: 1px solid var(--color-grey-05);
  width: 60%;
  margin: 0 auto 35px;
}
.login .login-main .login-sub-logo img {
  max-height: 84px;
  max-width: 175px;
}
.login .wn-normal-button {
  font-size: 20px;
  font-weight: 400;
  padding: 10px 15px;
  text-align: center;
}
.login .wn-normal-button.wn-normal-button-secondary {
  background-color: var(--color-secondary) !important;
  border-color: var(--color-secondary) !important;
  color: var(--color-white) !important;
}
.login .wn-normal-button.wn-normal-button-secondary:hover {
  background-color: var(--color-secondary-darken-1) !important;
  border-color: var(--color-secondary-darken-1) !important;
}

.link {
  font-weight: 400;
}

.val-submit-loader-button {
  margin-top: 25px;
  float: unset !important;
}
.val-submit-loader-button:not(.hide) {
  display: inline-block !important;
}

@media (min-width: 992px) {
  .login .login-main {
    width: 100%;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 992px) {
  .login {
    text-align: center;
  }
  .login .login-main {
    max-width: 500px;
  }
  .login .login-main .login-title {
    font-size: 60px;
  }
  .login .card {
    margin-top: 35px;
  }
}

/*# sourceMappingURL=Login.css.map */