@font-face {
  font-family: 'Aller';
  src: url('../fonts/aller_rg-webfont.eot');
  src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aller_rg-webfont.woff2') format('woff2'), url('../fonts/aller_rg-webfont.woff') format('woff'), url('../fonts/aller_rg-webfont.ttf') format('truetype'), url('../fonts/aller_rg-webfont.svg#allerregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Aller';
  src: url('../fonts/aller_lt-webfont.eot');
  src: url('../fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aller_lt-webfont.woff2') format('woff2'), url('../fonts/aller_lt-webfont.woff') format('woff'), url('../fonts/aller_lt-webfont.ttf') format('truetype'), url('../fonts/aller_lt-webfont.svg#allerlight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Aller';
  src: url('../fonts/aller_bd-webfont.eot');
  src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aller_bd-webfont.woff2') format('woff2'), url('../fonts/aller_bd-webfont.woff') format('woff'), url('../fonts/aller_bd-webfont.ttf') format('truetype'), url('../fonts/aller_bd-webfont.svg#allerbold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
.btn.btn-default,
.btn.btn-print,
.btn.btn-update,
.btn.btn-view,
.btn.btn-gray,
.btn.btn-back {
  border-radius: 0;
  border: none;
  color: #fff;
  background-color: #aaa;
  transition: background-color 50ms ease-in-out;
}
.btn.btn-default:hover,
.btn.btn-print:hover,
.btn.btn-update:hover,
.btn.btn-view:hover,
.btn.btn-gray:hover,
.btn.btn-back:hover,
.btn.btn-default:active,
.btn.btn-print:active,
.btn.btn-update:active,
.btn.btn-view:active,
.btn.btn-gray:active,
.btn.btn-back:active,
.btn.btn-default:focus,
.btn.btn-print:focus,
.btn.btn-update:focus,
.btn.btn-view:focus,
.btn.btn-gray:focus,
.btn.btn-back:focus {
  background-color: #969696;
  color: #fff;
  /*& when(luma(lighten(@color, 40%)) > 50){
      color: #000;
    }*/
}
.btn.btn-primary,
.btn.btn-blue,
.btn.btn-admin,
.btn.btn-create {
  border-radius: 0;
  border: none;
  color: #fff;
  background-color: #009bd9;
  transition: background-color 50ms ease-in-out;
}
.btn.btn-primary:hover,
.btn.btn-blue:hover,
.btn.btn-admin:hover,
.btn.btn-create:hover,
.btn.btn-primary:active,
.btn.btn-blue:active,
.btn.btn-admin:active,
.btn.btn-create:active,
.btn.btn-primary:focus,
.btn.btn-blue:focus,
.btn.btn-admin:focus,
.btn.btn-create:focus {
  background-color: #007eb0;
  color: #fff;
  /*& when(luma(lighten(@color, 40%)) > 50){
      color: #000;
    }*/
}
.btn.btn-red,
.btn.btn-delete {
  border-radius: 0;
  border: none;
  color: #fff;
  background-color: #b31d2c;
  transition: background-color 50ms ease-in-out;
}
.btn.btn-red:hover,
.btn.btn-delete:hover,
.btn.btn-red:active,
.btn.btn-delete:active,
.btn.btn-red:focus,
.btn.btn-delete:focus {
  background-color: #901723;
  color: #fff;
  /*& when(luma(lighten(@color, 40%)) > 50){
      color: #000;
    }*/
}
.btn.btn-darkblue {
  border-radius: 0;
  border: none;
  color: #fff;
  background-color: #00375e;
  transition: background-color 50ms ease-in-out;
}
.btn.btn-darkblue:hover,
.btn.btn-darkblue:active,
.btn.btn-darkblue:focus {
  background-color: #001f35;
  color: #fff;
  /*& when(luma(lighten(@color, 40%)) > 50){
      color: #000;
    }*/
}
.btn.btn-orange,
.btn.btn-download {
  border-radius: 0;
  border: none;
  color: #fff;
  background-color: hsl(31, 100%, 36%);
  transition: background-color 50ms ease-in-out;
}
.btn.btn-orange:hover,
.btn.btn-download:hover,
.btn.btn-orange:active,
.btn.btn-download:active,
.btn.btn-orange:focus,
.btn.btn-download:focus {
  background-color: hsl(31, 100%, 28%);
  color: #fff;
  /*& when(luma(lighten(@color, 40%)) > 50){
      color: #000;
    }*/
}
.btn.btn-orange-2 {
  border-radius: 0;
  border: none;
  color: #fff;
  background-color: hsl(38, 100%, 36%);
  transition: background-color 50ms ease-in-out;
}
.btn.btn-orange-2:hover,
.btn.btn-orange-2:active,
.btn.btn-orange-2:focus {
  background-color: hsl(38, 100%, 28%);
  color: #fff;
  /*& when(luma(lighten(@color, 40%)) > 50){
      color: #000;
    }*/
}
.btn.btn-orange-3 {
  border-radius: 0;
  border: none;
  color: #fff;
  background-color: hsl(45, 100%, 36%);
  transition: background-color 50ms ease-in-out;
}
.btn.btn-orange-3:hover,
.btn.btn-orange-3:active,
.btn.btn-orange-3:focus {
  background-color: hsl(45, 100%, 28%);
  color: #fff;
  /*& when(luma(lighten(@color, 40%)) > 50){
      color: #000;
    }*/
}
.btn.btn-violet {
  border-radius: 0;
  border: none;
  color: #fff;
  background-color: #6d2e87;
  transition: background-color 50ms ease-in-out;
}
.btn.btn-violet:hover,
.btn.btn-violet:active,
.btn.btn-violet:focus {
  background-color: #542469;
  color: #fff;
  /*& when(luma(lighten(@color, 40%)) > 50){
      color: #000;
    }*/
}
.btn.btn-pink {
  border-radius: 0;
  border: none;
  color: #fff;
  background-color: #c288c8;
  transition: background-color 50ms ease-in-out;
}
.btn.btn-pink:hover,
.btn.btn-pink:active,
.btn.btn-pink:focus {
  background-color: #b46cbb;
  color: #fff;
  /*& when(luma(lighten(@color, 40%)) > 50){
      color: #000;
    }*/
}
.btn.btn-green,
.btn.btn-export,
.btn.btn-excel {
  border-radius: 0;
  border: none;
  color: #fff;
  background-color: #269a26;
  transition: background-color 50ms ease-in-out;
}
.btn.btn-green:hover,
.btn.btn-export:hover,
.btn.btn-excel:hover,
.btn.btn-green:active,
.btn.btn-export:active,
.btn.btn-excel:active,
.btn.btn-green:focus,
.btn.btn-export:focus,
.btn.btn-excel:focus {
  background-color: #1e791e;
  color: #fff;
  /*& when(luma(lighten(@color, 40%)) > 50){
      color: #000;
    }*/
}
.btn.btn-white {
  border-radius: 0;
  border: none;
  color: #222;
  background-color: #fff;
  transition: background-color 50ms ease-in-out;
}
.btn.btn-white:hover,
.btn.btn-white:active,
.btn.btn-white:focus {
  background-color: #ebebeb;
  color: #222;
  /*& when(luma(lighten(@color, 40%)) > 50){
      color: #000;
    }*/
}
.btn.btn-muted {
  border-radius: 0;
  border: none;
  color: #777;
  background-color: #eee;
  transition: background-color 50ms ease-in-out;
}
.btn.btn-muted:hover,
.btn.btn-muted:active,
.btn.btn-muted:focus {
  background-color: #dadada;
  color: #777;
  /*& when(luma(lighten(@color, 40%)) > 50){
      color: #000;
    }*/
}
.flash-success,
.flash-error,
.flash-info,
.flash-warning {
  padding: 10px;
  margin: 10px 0 15px 0;
}
.flash-error {
  background-color: rgba(179, 29, 44, 0.85);
  color: white;
}
.flash-info {
  background-color: rgba(0, 155, 217, 0.85);
  color: white;
}
.flash-success {
  background-color: rgba(9, 138, 0, 0.85);
  color: white;
}
.flash-warning {
  background-color: rgba(255, 140, 0, 0.85);
  color: white;
}
.hint,
.errorMessage {
  clear: left;
  padding-left: 0;
}
.well.well-hint {
  background-color: #faf4d4;
  padding: 10px 5px 3px 10px;
}
.help-block.error {
  color: #cc1414;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-5ths {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
html {
  min-height: 100%;
  background-color: #0e385e;
  background-image: radial-gradient(at center, #0e385e 0%, #052140 100%);
}
.login-body {
  margin: 0;
  padding: 24px;
  background: transparent;
  font-family: 'Aller', Arial, Helvetica, Verdana, Tahoma, sans-serif;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  box-sizing: border-box;
}
.login-container {
  margin: 0 auto;
  width: 100%;
  max-width: 420px;
  flex: 0 0 auto;
}
.login-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}
.login-header {
  background-color: #00375e;
  padding: 28px 24px 20px;
  text-align: center;
  color: #fff;
}
.login-header .login-logo {
  display: block;
  width: 270px;
  height: auto;
  margin: 2px auto 10px;
}
.login-header p {
  margin: 8px 0 0;
  font-size: 12px;
  font-weight: 200;
  line-height: 1.45;
  opacity: 0.8;
  color: #fff;
}
.login-content {
  padding: 28px 24px 24px;
  color: #333;
}
.login-title {
  margin: 0 0 20px;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  text-align: center;
}
.login-flash {
  padding: 10px 14px;
  margin-bottom: 16px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.45;
}
.login-flash a {
  color: inherit;
  font-weight: 700;
}
.login-flash-success {
  background-color: #e6ffe6;
  color: #098a00;
  border: 1px solid #b3e6b3;
}
.login-form .errorSummary {
  background-color: #ffe8e8;
  border: 1px solid #ffb3b3;
  border-radius: 4px;
  padding: 10px 14px;
  margin-bottom: 16px;
  font-size: 13px;
  color: #b31d2c;
}
.login-form .errorSummary p {
  margin: 0;
}
.login-form .errorSummary ul {
  margin: 6px 0 0;
  padding-left: 18px;
}
.login-form .login-field {
  margin-bottom: 16px;
}
.login-form .login-field label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #555;
}
.login-form .login-field .form-control {
  width: 100%;
  height: 42px;
  padding: 8px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.login-form .login-field .form-control:focus {
  border-color: #009bd9;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 155, 217, 0.2);
}
.login-form .login-field .form-control.error,
.login-form .login-field .form-control.error:focus {
  border-color: #b31d2c;
  box-shadow: 0 0 0 2px rgba(179, 29, 44, 0.18);
}
.login-form .login-field .errorMessage {
  margin-top: 4px;
  font-size: 12px;
  color: #b31d2c;
}
.login-form .login-field .errorMessage:empty {
  display: none;
}
.login-form .login-actions {
  margin-top: 20px;
}
.login-form .login-actions .btn {
  width: 100%;
  padding: 11px 16px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 4px;
  border: none;
}
.login-form .login-actions .btn.btn-primary {
  background-color: #009bd9;
  color: #fff;
}
.login-form .login-actions .btn.btn-primary:hover,
.login-form .login-actions .btn.btn-primary:active,
.login-form .login-actions .btn.btn-primary:focus {
  background-color: #007eb0;
  color: #fff;
}
.login-form .login-links {
  margin-top: 16px;
  text-align: center;
  font-size: 13px;
}
.login-form .login-links a {
  color: #009bd9;
  text-decoration: none;
}
.login-form .login-links a:hover {
  color: #007eb0;
  text-decoration: underline;
}
.login-form .row-nm {
  margin-bottom: 16px;
}
.login-form .password-meter-widget {
  display: block;
  width: 100%;
  margin-top: 8px;
}
#page {
  width: 100%;
}
.recovery-hint {
  background: #f8f8f8;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 12px 14px;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.4;
  color: #555;
}
.recovery-hint p {
  margin: 0 0 4px;
  font-weight: 700;
  color: #333;
}
.recovery-hint ul {
  margin: 4px 0 10px;
  padding-left: 18px;
}
.recovery-hint ul:last-child {
  margin-bottom: 0;
}
.recovery-hint li {
  margin-bottom: 2px;
}
.recovery-blocked {
  text-align: center;
}
.recovery-blocked .fa {
  color: #e8900c;
  margin-bottom: 12px;
}
.recovery-blocked p {
  font-size: 14px;
  line-height: 1.45;
  margin: 0 0 16px;
  color: #444;
}
.login-form .hint {
  color: #666;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 16px;
}
.login-form .note {
  font-size: 12px;
  color: #888;
  margin-bottom: 12px;
}
#language-selector {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 2000;
  display: flex;
  gap: 8px;
}
#language-selector a {
  cursor: pointer;
  opacity: 0.55;
  transition: opacity 200ms ease-in-out;
  line-height: 0;
}
#language-selector a img {
  display: block;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
#language-selector a:hover,
#language-selector a.active {
  opacity: 1;
}
@media (max-width: 480px) {
  .login-body {
    padding: 16px;
    align-items: flex-start;
  }
  .login-container {
    margin: 48px auto 24px;
    max-width: 100%;
  }
  .login-header {
    padding: 24px 16px 18px;
  }
  .login-content {
    padding: 20px 16px;
  }
}