/*bootstrap breakpoints*/
:root {
  --color-primary: #BDA477;
  --color-primary-darken-1: #A48B5E;
  --color-primary-darken-010: #A48B5E;
  --color-primary-darken-020: #8A7144;
  --color-primary-transparent-10: rgba(195, 159, 24, 0.1);
  --color-primary-transparent-15: rgba(195, 159, 24, 0.15);
  --color-primary-transparent-20: rgba(195, 159, 24, 0.2);
  --color-secondary: #808080;
  --color-secondary-darken-1: #676767;
  --color-dark-blue: #005286;
  --color-light-grey: #808080;
  --color-white: #FFFFFF;
  --color-white-transparent-010: rgba(255, 255, 255, 0.1);
  --color-white-transparent-020: rgba(255, 255, 255, 0.2);
  --color-white-transparent-030: rgba(255, 255, 255, 0.3);
  --color-black: #000000;
  --color-gold: #FFD700;
  --color-gold-darken-010: #E6BE00;
  --color-gold-darken-020: #CCA400;
  --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-grey: #546E7A;
  --color-grey-transparent-080: #F2F4F5;
  --color-grey-transparent-100: #EEF0F1;
  --color-grey-transparent-150: #E6E9EB;
  --color-grey-transparent-200: #DDE2E4;
  --color-grey-transparent-300: #CBD3D7;
  --color-grey-transparent-400: #BBC5CA;
  --color-grey-transparent-500: #A9B6BC;
  --color-grey-transparent-600: #98A8AF;
  --color-grey-transparent-700: #8799A2;
  --color-grey-transparent-800: #768B95;
  --color-grey-transparent-900: #657C87;
  --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-30: rgba(240, 173, 78, 0.3);
  --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-val-error: #A94442;
  --color-val-success: #3C763D;
}

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

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

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

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

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

.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%;
}

body > div {
  height: 100%;
}

.container-fluid {
  padding: 0;
}

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

.login {
  font-family: "Roboto", sans-serif;
  height: 100%;
  max-width: 575px;
}
.login .login-title, .login .login-description {
  text-align: center;
}
.login .login-title {
  font-size: 75px;
  color: var(--color-primary);
  font-weight: 700;
}
.login .login-description {
  font-size: 20px;
  color: var(--color-grey);
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 45px;
}
.login .login-sub-logo {
  text-align: center;
  margin-bottom: 40px;
}
.login .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;
}

@media (max-width: 443px) {
  .login {
    padding: 15px !important;
  }
  .login .login-title {
    font-size: 65px;
  }
}
.link {
  font-weight: 600;
}

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

p a {
  font-weight: 600;
}

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