@font-face {
  font-family: 'OSB';
  src: url("fonts/OpenSans-Bold.eot");
  src: url("fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Bold.woff2") format("woff2"), url("fonts/OpenSans-Bold.woff") format("woff"), url("fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OSL';
  src: url("fonts/OpenSans-Light.eot");
  src: url("fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Light.woff2") format("woff2"), url("fonts/OpenSans-Light.woff") format("woff"), url("fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OSR';
  src: url("fonts/OpenSans-Regular.eot");
  src: url("fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Regular.woff2") format("woff2"), url("fonts/OpenSans-Regular.woff") format("woff"), url("fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'LR';
  src: url("fonts/Lato-Regular.eot");
  src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff2") format("woff2"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype"), url("fonts/Lato-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'LB';
  src: url("fonts/Lato-Bold.eot");
  src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype"), url("fonts/Lato-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'LL';
  src: url("fonts/Lato-Light.eot");
  src: url("fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Light.woff2") format("woff2"), url("fonts/Lato-Light.woff") format("woff"), url("fonts/Lato-Light.ttf") format("truetype"), url("fonts/Lato-Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }
#login-header {
  overflow: auto;
  display: flex;
  align-items: center; }
  #login-header a {
    padding: 10px;
    margin: 0; }
    #login-header a > img {
      height: 75px;
      display: block; }
  #login-header > div {
    text-align: center; }
    #login-header > div > h1 {
      font-size: 3rem;
      font-weight: bold;
      font-family: arial;
      color: #1f59a8;
      text-shadow: -1px 2px 2px #0f3752ab;
      background-color: initial;
      line-height: initial;
      padding-left: 0; }
    #login-header > div > p {
      font-style: italic;
      font-size: 0.8rem;
      letter-spacing: 1px;
      word-spacing: 5px;
      color: #10baf3; }

h1 {
  color: #e5f4ff;
  background-color: #0e3652;
  line-height: 80px;
  padding-left: 7%; }

#login-box {
  display: flex;
  flex-flow: row;
  height: calc(100vh - 95px - 80px - 50px); }
  #login-box > section:first-child {
    width: 35%;
    border-right: 2px solid #ec9c00;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    box-sizing: border-box; }
    #login-box > section:first-child a {
      color: #214e6e;
      font-family: LR;
      text-decoration: none; }
  #login-box > section:last-child {
    width: 65%;
    height: calc(100% - 40px);
    margin: 20px 0;
    background-image: url("../images/svec_group_of_institutions.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }

#alerts-container {
  margin-bottom: 20px !important; }

#login-form {
  width: 75%; }
  #login-form .form-group {
    margin-bottom: 45px; }
  #login-form .form-control {
    width: 100%;
    height: 50px;
    padding: 10px 10px 10px 40px;
    color: #0e3652;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #d0d0d0;
    outline: none;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-color: transparent;
    box-sizing: border-box; }
    #login-form .form-control:focus {
      box-shadow: 0 1px #d0d0d0; }
    #login-form .form-control.error-border {
      border-width: 0 0 2px 0 !important; }
  #login-form .error {
    text-align: right; }
  #login-form #username {
    background-image: url("../images/login_icon.png"); }
  #login-form #password {
    background-image: url("../images/password_icon.png"); }
  #login-form input[type="submit"] {
    height: 50px;
    width: 100%;
    background-color: #0e3652;
    font-family: LB;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 30px;
    transition: all 0.3s; }
    #login-form input[type="submit"]:hover, #login-form input[type="submit"]:focus {
      background-color: #51b5f3;
      padding-left: 20px; }

#forgot-password {
  margin: 10px auto; }
  #forgot-password:before {
    content: url("../images/forgot_password.png");
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle; }

.loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5) url("../images/loading-icon.gif") center no-repeat; }

@media only screen and (max-width: 768px) {
  #login-header a:last-of-type {
    display: none; }

  #login-box > section:first-child {
    width: 100%;
    border-right: 0px solid #ec9c00;
    min-height: 260px; }

  #login-box > section:last-child {
    display: none; } }

/*# sourceMappingURL=login.css.map */