.ark-login {
  .container {
    width: 340px;
    margin-left: auto;
    margin-bottom: 5%;
  }

  .branding {
    margin-bottom: 20px;
    margin-left: 55px;
  }

  .well {
    width: 336px;
    background-color: white;
  }

  h2 {
    margin-top: 21px;
    color: #444A52;
  }

  .form-signin {
  }

  .form-group {
    width: 224px;
    margin: 0px auto;
  }

  .form-control {
    margin-top: 4px;
    margin-bottom: 8px;
    //remove once ark-style updates
    padding: 4px 12px;
  }

  .ark-login-fields {
    margin-top: 28px;

    .ark-login-username {
    }

    .ark-login-password {
    }
  }

  .ark-login-error-messages {
    color: #666f7a;
    font-size: 12px;
    padding-top: 2px;
  }

  .ark-login-button {
    margin-top: 24px;
    margin-bottom: 21px;
  }

  .btn {
    height: 32px;
  }

  .navbar {
    height: 84px;
    max-height: 84px;
  }

  .navbar-fixed-bottom {
    background-color: #f5f7fa;
    color: #666f7a;
    font-size: 10px;
  }

  .ark-login-forgot-password {
    margin-top: -1px;
    margin-bottom: 21px;

    a {
      color: #444a52;
      font-size: 12px;
      cursor: pointer;
    }
  }

  .icon-alert-octo {
    color: red;
    font-size: 16px;
    float: left;
    margin-right: 4px;
    margin-top: -2px;
  }

  .error-container {
    margin-bottom: -4px;
  }

  .login-select {
    width: 224px !important;
  }

  .remote-message {
    font-size: 12px;
  }
}

.loading-container {
    margin-bottom: 36px;

    > h2 {
      text-align: center;
    }

    .spinner-container {
      margin: 0 auto;
    }
}
