/*
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.resume{position: unset !important;padding: 50px 0px;display: unset !important;width: 100%;
    float: left;}
.login-register.resume img {
        max-width: 20% !important;
    }


.login-register.resume h3.text-center.m-b-20 {
    font-size: 35px;    margin-bottom: 30px;
    font-weight: 600;
}
.login-register.resume .dropify-wrapper {
    margin-top: 10px;
}
.login-register.resume .form-material .form-group {
    overflow: hidden;
    width: 48%;
    float: left;
    text-align: left;
    margin: 0px 10px 20px ;
    box-shadow: 0 3px 10px 0 rgb(48 46 56 / 6%);
    border-radius: 0.25rem;
    padding: 10px 20px;
    box-sizing: border-box;
}
.login-register.resume .form-group.text {
    width: 100%;
    margin: 0px;
}
.login-register.resume .login-box.card {
    margin-top: 30px;
}
.login-register.resume .login-box {
  width: 1120px;border-radius: .25rem !important;
  margin: 0 auto; }




.login-register {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  
  position: fixed; display: flex;
    align-items: center;
}

.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%; }





    
/* Responsive  */
@media (max-width: 1025px) {
  .login-register.resume .login-box{width: 940px;}
  .login-register.resume img {
    max-width: 25% !important;
}
.login-register.resume .form-group.text{width: 100% !important;}
.login-register.resume .form-material .form-group{width: 47%;}
}
@media (max-width: 768px) {
.login-register.resume .login-box{width: 700px;}
    .login-register.resume .form-material .form-group {
        width: 46.9%;
    }
    .login-register.resume img {
    max-width: 30% !important;
}
}
@media (max-width: 600px) {
  .login-register.resume .login-box{width: 500px;}

      .login-register.resume img {
        max-width: 40% !important;
    }
    .login-register.resume .form-material .form-group {
        width: 100%;
        margin: 0px !important;
        margin-bottom: 20px !important;
    }
}
@media (max-width: 430px) {
   .login-register.resume .login-box{width: 320px;}
 .login-register.resume img {
        max-width: 60% !important;
    }
}