html, body {
  height: 100%;
}

body {
  background-color: #1c1c1c !important;
  color: #ffd242 !important;
  font-family: 'Century Gothic';
}

.error_body {
  background-image: url('ui/images/error_bg.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.error_body .card {
  opacity: 0.9;
}

input[type="text"], input[type="password"] {
  background-color: #484848 !important;
  border-color: #C5AC0F !important;
}

input[type="text"]:focus, input[type="password"]:focus {
  border-color: #C5AC0F !important;
  color: #ffd242 !important;
}

.form-control {
  background-color: #484848 !important;
  color: #ffd242 !important;
}

.form-control:focus {
  border-color: #c5ac0f !important;
  box-shadow: 0 0 0 0.2rem rgba(197, 172, 15, 0.25) !important;
}

.debugborder {
  border: 1px solid red !important;
}

.bg-dark {
  background-color: #686f75 !important;
}

.disablebutton {
  opacity: 0.4;
}