@import 'admin-dashboard/main_dependencies';

/*
* Login module specific styles
*/

.admin-dashboard-login {
  background: $gray-lighter;
  @include gradient-radial($gray-lighter, lighten($gray-light, 10));
  display: table;
  position: fixed;
  height: 100%;
  width: 100%;
}

.admin-dashboard-login__container {
  display: table-cell;
  vertical-align: middle;
}

.admin-dashboard-login__wrapper {
  opacity: 0;
  @include animation(fadeInUpSmall);
  @include animation-duration(0.3s);
  @include animation-delay(0.5s);
  @include animation-fill-mode(forwards);
  @include make-sm-column(8);
  @include make-sm-column-offset(2);
  @include make-md-column(6);
  @include make-md-column-offset(3);
  @include make-lg-column(4);
  @include make-lg-column-offset(4);
}

.admin-dashboard-login__logo {
  background-image: url('../_images/jrni-logo.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 250px;
  height: 50px;
  margin: 0 auto 20px;
}

.admin-dashboard-login__alerts {
  margin-bottom: 10px;
  .close {
    padding: 0;
  }
}

.admin-dashboard-login__login-form,
.admin-dashboard-login__picker-container-form,
.admin-dashboard-login__reset-password-form {
  label {
    font-weight: bold;
  }
  .panel-title {
    margin-bottom: 0;
  }
  .reset-password-link,
  .reset-password-back-link {
    padding-left: 0;
  }
  .reset-password-success-msg {
    margin-top: 10px;
  }
  .panel-hostlist{
    min-height: 150px;
  }
}

.bb-admin-dashboard-user-picker {
  // Removes scrollbars from  input  
  &__ui-select {
    .ui-select-match-text {
      span {
        overflow: visible;
      }
    }
  }
}

.administer-parent-link {
  padding-bottom: 5px;
  &__divider {
    width: 100%;
    padding: 15px 0;
    display: table;
    text-transform: uppercase;
    &:before,
    &:after {
      content: '';
      display: table-cell;
      position: relative;
      border-top: 1px solid $input-border;
      top: 0.6em;
      width: 50%;
    }
  }
  &__divider-text {
    padding: 0 10px;
  }
  &__button {
    background-color: #ffffff;
    border: solid 1px $theme-color;
  }
}

bb-admin-dashboard-picker-container {
  .loading-spinner {
    text-align: center;
    margin-bottom: 20px;
  }
}