/*
Template Name: Admin Template
Author: Wrappixel

File: scss
*/
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);
/*Theme Colors*/
/**
 * Table Of Content
 *
 * 	1. Color system
 *	2. Options
 *	3. Body
 *	4. Typography
 *	5. Breadcrumbs
 *	6. Cards
 *	7. Dropdowns
 *	8. Buttons
 *	9. Typography
 *	10. Progress bars
 *	11. Tables
 *	12. Forms
 *	14. Component
 */
/*******************
Login register and recover password Page
******************/
.login-register {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  padding: 10% 0;
  /*position: fixed;*/
}

/* Fluid, scrollable wrapper: was position:fixed + height:100%, which clipped the
   MFA-setup panel (QR code + instructions, taller than the plain login form) on
   short/mobile viewports with no way to scroll to the rest of the content. */
.login-register-position {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    min-height: 100vh;
    padding: 60px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* Higher specificity than the unscoped `.login-box{width:90%}` rule added later
   in style.min.css, so this fluid sizing wins regardless of stylesheet order. */
.login-register-position .login-box {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}
  .login-box .footer {
    width: 100%;
    left: 0px;
    right: 0px; }
  .login-box .social {
    display: block;
    margin-bottom: 30px; }

#recoverform {
  display: none; }

.login-sidebar {
  padding: 0px;
  margin-top: 0px; }
    .login-sidebar .login-box {
        right: 0px;
        position: absolute;
        height: 100%;
    }

/* Tablet */
@media (max-width: 768px) {
    .login-register-position { padding: 40px 15px; }
    .login-register-position .login-box { max-width: 380px; }
}

/* Phone */
@media (max-width: 480px) {
    .login-register-position { padding: 24px 10px; }
    .login-register-position .login-box { max-width: 100%; }
    .login-box .card-body { padding: 20px 16px; }
}