.auth-logo {
  max-height: 75px;
}

body{
  background: #1d1e22 !important;
}

.auth-bg {
  background: url('/assets/images/dark.jpg');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

@media (max-width: 575.98px) {
  .auth-form {
    width: 100%;
    max-width: 100%;
  }
}

.login-logo {
  height: 22em;
  width: 25em;
}

@media only screen and (max-width: 600px) {
  .login-logo {
    height: 12em;
    width: 15em;
  }
}



.form-heading {
  border-left: 7px solid yellow;
  border-top-left-radius: 5px;
  border-bottom-color: #222222 !important;
}

.auth-form {
  width: 600px;
  color: #c3c3c3;
  background: rgb(41, 44, 49);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.custom-form-control {
  border: 1px solid #464646;
  outline: 1px solid #464646;
  background: transparent !important;
  color: #fff !important;
  width: 100%;
}

.custom-form-control[readonly] {
  background: transparent !important;
  color: #fff;
  padding: 5px 10px 5px 10px;
  border: 1px solid #323232;
}

.custom-form-control:focus {
  border: 1px solid #ffc85b;
  outline: 1px solid #ffc85b;
  background: transparent !important;
  color: inherit;
}