body {
	color: #d3dce0;
	background: #e4e0e0;
}
.form-control {
	min-height: 41px;
	background: #fff;
	box-shadow: none !important;
	border-color: #e3e3e3;
	width: 50vw;
}
.form-group{
    display: grid;
    grid-template-columns: 1fr 9fr;
}
.form-control, .btn {        
	border-radius: 2px;
}
.login-form {
	width: 400px;
	margin: 0 auto;
	padding: 100px 0 30px;	
    border-radius: 7;   	
}

.icons{
    background-color: #58a5aada;
	font-size: 25px;
	margin-left: 4%;
	text-align: center;
	width: 40px;
	color: #fff;
}
.login-form input[type=text]{
    width: 300px;
    text-align: center;
}
.login-form input[type=password]{
    width: 300px;
    text-align: center;
}
.login-form button[type=submit]{
    width: 300px;
    background-color: #097e86da;
    color: #fff;
    margin: 5% 0px 0px 5%;
}
.login-form form {
	color: #7a7a7a;
	border-radius: 2px;
	margin-bottom: 15px;
	font-size: 13px;
	background-color: #ececec;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	padding: 30px;	
	position: relative;	
}
.login-form p {
	font-size: 1.2em;
	margin: 14px 0 20%;
	font-family: 'Secular One', sans-serif;
	font-weight: 700;
    color: #097e86da; ;
}
.login-form .avatar {
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -50px;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	z-index: 9;
	padding: 15px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
	
.login-form input[type="checkbox"] {
	position: relative;
	top: 1px;
}
.login-form .btn, .login-form .btn:active {        
	font-size: 16px;
	font-weight: bold;
	background: #0a9ea8da;
	border: none;
	margin-bottom: 20px;
}
.login-form .btn:hover, .login-form .btn:focus {
	background: #50b8b3 !important;
}    
.login-form a {
	color: #fff;
	text-decoration: underline;
}
.login-form a:hover {
	text-decoration: none;
}
.login-form form a {
	color: #7a7a7a;
	text-decoration: none;
}
.login-form form a:hover {
	text-decoration: underline;
}
.login-form .bottom-action {
	font-size: 14px;
}