/* CUSTOM STYLES */

#login-form .fa{
	display: block;
	margin-top: 1rem;
}

#login-form .fa-lock{
	font-size: 2.25rem;
}

.form-inline{
	position: absolute;
    right: 115px;
}

footer.page-footer .container-fluid {
    margin-bottom: 10px
}

.logoImage{
	margin-left: 43px;
	margin-bottom: 40px;
}

.login-button .btn{
	background-color: #59aabd;
}

.register-forgot-container{
	margin-top: 5px;
}

.register-forgot-container a{
	color: #ffffff;
}

input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]){
	border-bottom: 1px solid #ffffff;
    box-shadow: 0 1px 0 0 #ffffff;
    color: #ffffff;
}

input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label{
	color: #ffffff;
}

input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.md-textarea{
	padding-bottom: 0.1rem;
	color: #ffffff;
}

/*the OTP popup input field styling*/
.formOTP input[type=text]:focus:not([readonly]){
	border-bottom: 1px solid black;
    box-shadow: 0 1px 0 0 black;
    color: black;
}

.formOTP input[type=text]:focus:not([readonly])+label{
	color: black;
}

.formOTP input[type=text]{
	color: black;
}
/*end of the OTP popup input field styling*/

footer.page-footer {
    background-color: #444141 !important;
}

.contactUsForm input{
	display: block;
	width: 100%;
	background: transparent;
	color: #ffffff;
	margin-bottom: 10px;
	border-width: 1px;
	border-style: groove;
}

textarea {
    height: 4rem;
    color: #ffffff;
}

.md-form label.active {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.md-form {
    margin-bottom: 0.25rem;
}

.md-form label{
	color: #ffffff;
}