/*
Module Name: Login (Main CSS)
Author: MP | Prosoft Phils
Author URL: http://prosoft-phils.com/
*/


/*-------------------------------------------------------------
LOGIN FORM
-------------------------------------------------------------*/

.login,
.recoverypw {
	width: 100%;
	margin: 0 10px;
}

.loginform input,
#email-recovery input {
	padding: 5px 5px 5px 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #E0E0E0;
}


#loginBtn button,
#email-recovery-btn button {
	background-color: var(--color-light-blue);
	color: white;
	width: 100%;
	border-radius: 5px;
	border:  none;
	padding: 5px;
	margin-top: 5px;
}

#loginBtn button:focus,
#email-recovery-btn button:focus {
	outline: 0;
}

#password {
	margin-bottom: 8px;
}

#email {
	margin-bottom: 15px;
}

#forgotpwBtn{
	background-color: transparent !important;
	color: var(--color-light-blue) !important;
	border: none !important;
}

#forgotpw:hover {
	color: var(--color-blue);
}

#loginBtn p {
	margin-top: 10px;
}

.recoverypw {
	margin-top: 50px;
}

.recoverypw p:first-child{
	margin-bottom: 5px;
	color: #00678E;
}

#email-recovery {
	margin-bottom: 8px;
}