html,
body,
header,
.view {
  height: 100%;
}

body {
  margin: 0;
  width: 100vw;
  min-height: 100vh;
  position: relative;
  font-family: "nfsans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #fff;
}

.maintenance-text {
  font-size: 12px;
  color: #ddd;
  font-style: italic;
}

.form-header {
  -webkit-box-shadow: unset;
  box-shadow: unset;
  margin-top: 0rem;
  margin-bottom: 0rem;
  color: #000;
}

.text-muted {
  display: none
}

#error {
  color: red;
  display: none
}

#error a {
  color: yellow
}

.btn {
  background-color: #a5a3c7;
  color: #000;
}

.login-page card {
  background-color: #eee;
  margin-top: 0;
}

.login-page .md-form .form-control,
.login-page .md-form label {
  color: #495057;
}

.login-page .md-form input[type=password]:focus:not([readonly]),
.login-page .md-form input[type=text]:focus:not([readonly]) {
  border-bottom: 1px solid #495057 !important;
  -webkit-box-shadow: 0 1px 0 0 #495057 !important;
  box-shadow: 0 1px 0 0 #495057 !important;
}

.login-page .md-form input[type=password]:focus:not([readonly])+label,
.login-page .md-form input[type=text]:focus:not([readonly])+label {
  color: #000 !important;
}

.md-form input[type=date].invalid,
.md-form input[type=date]:focus.invalid,
.md-form input[type=datetime-local].invalid,
.md-form input[type=datetime-local]:focus.invalid,
.md-form input[type=email].invalid,
.md-form input[type=email]:focus.invalid,
.md-form input[type=number].invalid,
.md-form input[type=number]:focus.invalid,
.md-form input[type=password].invalid,
.md-form input[type=password]:focus.invalid,
.md-form input[type=search-md].invalid,
.md-form input[type=search-md]:focus.invalid,
.md-form input[type=search].invalid,
.md-form input[type=search]:focus.invalid,
.md-form input[type=tel].invalid,
.md-form input[type=tel]:focus.invalid,
.md-form input[type=text].invalid,
.md-form input[type=text]:focus.invalid,
.md-form input[type=time].invalid,
.md-form input[type=time]:focus.invalid,
.md-form input[type=url].invalid,
.md-form input[type=url]:focus.invalid,
.md-form textarea.md-textarea.invalid,
.md-form textarea.md-textarea:focus.invalid {
  border-bottom: #495057;
  -webkit-box-shadow: 0 1px 0 0 #495057;
  box-shadow: 0 1px 0 0 #495057;
}


.md-form .prefix.active,
md-form textarea~label.active,
md-form.md-outline input[type=date]:focus:not([readonly])+label,
md-form.md-outline input[type=datetime-local]:focus:not([readonly])+label,
md-form.md-outline input[type=email]:focus:not([readonly])+label,
md-form.md-outline input[type=number]:focus:not([readonly])+label,
md-form.md-outline input[type=password]:focus:not([readonly])+label,
md-form.md-outline input[type=search-md]:focus:not([readonly])+label,
md-form.md-outline input[type=search]:focus:not([readonly])+label,
md-form.md-outline input[type=tel]:focus:not([readonly])+label,
md-form.md-outline input[type=text]:focus:not([readonly])+label,
md-form.md-outline input[type=time]:focus:not([readonly])+label,
md-form.md-outline input[type=url]:focus:not([readonly])+label,
md-form.md-outline textarea:focus:not([readonly])+label {
  color: #495057;
}