/*
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;
}

.login-box {
  width: 400px;
  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%;
}

.login-box .card-body {
  justify-content: center;
  align-items: center;
  display: flex;
}

.login-box.card {
  background-color: transparent !important;
  box-shadow: none !important;
}

.login-box .form-control {
  height: 55px;
  background: transparent;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 10px !important;
}

.login-box form label {
  font-weight: 700;
  text-transform: uppercase;
  color: #FFFFFF;
  letter-spacing: 1px;
}

.login-box #submit-login {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
}

.login-box .form-control:focus {
  background: transparent;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}

span.hidden-eye {
  position: absolute;
  right: 10px;
  top: 12px;
  z-index: 1000;
  cursor: pointer;
}

span.hidden-eye .ieye-image {
  width: 30px;
  height: 30px;
  display: none;
}
span.hidden-eye .ieye-image.show {
  display: block;
}

span.hidden-eye .ieye-hidden-image {
  width: 30px;
  height: 30px;
  display: none;
}
span.hidden-eye .ieye-hidden-image.show {
  display: block;
}