html {
  position: relative;
  min-height: 100%;
}

body {
  font-family:
    -apple-system, BlinkMacSystemFont, "Trebuchet MS", Roboto, Ubuntu,
    sans-serif;
  font-style: normal;
  background-color: #000000 !important;
  color: #d2d2d2 !important;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #f5f5f5;
}

#auth-auth-mod {
  background-color: #0d0d0f !important;
}

.panel-primary {
  color: #d2d2d2 !important;
  background-color: #19191c !important;
  border: 1px solid #81a372 !important;
  max-width: 350px !important;
  min-width: 350px !important;
  height: auto;
  margin: 0 auto;
  padding: 20px !important;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

input:hover,
textarea:hover {
  background-color: #323239 !important;
  border-color: #5fc200 !important;
}

input {
  background-color: #323239 !important;
  color: #5fc200 !important;
  border: 1px solid #dddddd !important;
  border-radius: 4px;
}

.form-control {
  background-color: #323239 !important;
  color: #5fc200 !important;
  border: 1px solid #dddddd !important;
  border-radius: 4px;
}

.form-control:focus {
  background-color: #323239 !important;
  border-color: #5fc200 !important;
  color: #5fc200 !important;
  outline: none;
}

.btn-primary {
  background-color: #81a372 !important;
  border-color: #81a372 !important;
  color: #ffffff !important;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #6ab532 !important;
  border-color: #6ab532 !important;
  color: #ffffff !important;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color: #6ab532 !important;
  border-color: #6ab532 !important;
  color: #ffffff !important;
}

#terms a {
  color: #5fc200 !important;
  text-decoration: none;
}

#terms a:hover,
#terms a:focus {
  color: #5fc200 !important;
  text-decoration: underline;
}

#terms a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#terms {
  text-align: center !important;
}