﻿body, html {
  all: revert;
  margin: 0;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  font-family: Inter, sans-serif;
}

.link-back-to-login {
  text-decoration: underline;
  color: green;
  font-size: 1em;
  font-weight: 500;
}

#top-bar {
  /*height: 4.1em;*/
  width: 100vw;
  background: #F68B1F;
  color: #000;
  position: absolute;
}

#top-bar > .top-bar-content {
  padding: 0 1em;
}

.top-logo {
  padding-top: 0.1em;
  height: 44px;
  margin-top: 7px;
}

.secondary-logo {

}

.secondary-logo-spacer {
  display: inline-block;
  background-color: white;
  opacity: 0.3;
  margin: 0 3em 0 3em;
  font-size: 0.1em;
}

.login-content {
  padding-top: 10rem;
  max-width: 400px;
}

.forgot-my-password {
  color: #777777;
  font-size: 1em;
  text-decoration: none;
}

.side-bar {
  background-color: #F9F9F9;
}

.sub-title {
  font-size: 0.95em;
  color: #555555;
}

.align-right {
  text-align: right !important;
}

.align-center {
  text-align: center !important;
}

.form-control-lg {
  border: 1px solid #BBBBBB;
}

.secure-div {
  margin-top: 1.2rem;
}

.secure-icon {
  font-size: 0.73em;
}

.secure-text {
  font-size: 0.88em;
}

#div-message {
  font-size: 0.9em;
  line-height: 1.4em;
}

.unstyled-list {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.background-div {
  background-image: url("../img/login-bg.png");
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #FFFFFF;
}

.login-title {
  font-size: 1.8em !important;
  margin-bottom: 0.3em !important;
}

.content-row {
  margin: 0;
}

.btn-login {
  background: #F68B1F !important;
  border: 1px solid #F68B1F !important;
  color: #FFFFFF !important;
  font-size: 1em;
}

.btn-login:hover {
  background: #F24405 !important;
  border: 1px solid #F24405 !important;
  color: #FFFFFF !important;
}

.btn-login:active {
  background: #000 !important;
  border: 1px solid #000 !important;
  color: #FFF !important;
}

.login-field,
.login-field:focus {
  border-radius: 0.5em;
  border: 1px solid #CCCCCC;
  font-size: 1em;
  width: 100%;
  box-shadow: 0 0 0 0 rgba(13, 110, 253, .25);
}