//
// authentication.scss
//

// authentication home icon
.home-btn {
  position: absolute;
  top: 15px;
  right: 25px;
}

// auth 2

.auth-logo {
  .auth-logo-dark {
    display: var(--#{$prefix}display-block);
    //SP cambio con respecto de template
    max-width: 100%;
  }
  .auth-logo-light {
    display: var(--#{$prefix}display-none);
  }
}

.auth-body-bg {
  //SP cambio con respecto de template
  //background-color: var(--#{$prefix}secondary-bg);
  background-color: $card-bg;
}

// auth-pass-inputgroup

.auth-pass-inputgroup {
  input[type='input'] + .btn .mdi-eye-outline {
    &:before {
      content: '\F06D1';
    }
  }
}

// authentication full page

.auth-full-bg {
  //SP cambio con respecto de template
  background-color: #0070af; //rgba($primary, 0.25);
  display: flex;

  @media (min-width: 1200px) {
    height: 100vh;
    //SP cambio con respecto de template
    min-height: 100%;
  }

  &::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
  }

  .bg-overlay {
    background: url('../../../images/bg-auth-overlay2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  //SP cambio con respecto de template
  .bg-overlay-small {
    color: white;
  }
}

.auth-full-page-content {
  display: flex;
  &.custom {
    min-height: 100vh;
  }

  @media (min-width: 1200px) {
    min-height: 100vh;
  }
}

.auth-review-carousel {
  &.owl-theme {
    .owl-dots {
      .owl-dot {
        span {
          //SP cambio con respecto de template
          //background-color: rgba($primary, 0.25);
          background-color: rgba(black, 0.25);
        }
        &.active,
        &:hover {
          span {
            //SP cambio con respecto de template
            //background-color: $primary;
            background-color: black;
          }
        }
      }
    }
  }
}
