/*
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-image: url('../../assets/img/background/portal.png');
	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;
	padding: 5px;
	border-radius: 20px !important;
}

.login-box .footer {
	width: 100%;
	left: 0px;
	right: 0px;
}
.login-box .social {
	display: block;
	margin-bottom: 30px;
}

#recoverform {
	display: none;
}

.login-sidebar {
	display: flex;
    align-items: center; 
    height: 100vh; 
    position: fixed;
}

.login-sidebar .login-box {
	right: 0;
	position: absolute;
	height: auto;
	display: grid;
	align-items: center;
	margin: 0 100px;
}

#togglePassword {
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}