/* Made with love by Mutiullah Samim*/

@import url('https://fonts.googleapis.com/css?family=Numans');

html,body{
	background: url('images/auth/background-image.png') no-repeat center fixed;
    background-size: cover;
	font-family: 'Numans', sans-serif;

}

.container{
height: 100%;
align-content: center;
}

.card{
height: 370px;
margin-top: auto;
margin-bottom: auto;
width: 400px;
background-color: rgba(0,0,0,0.5) !important;
}
.cardi{
	height: 300px;
	margin-top: auto;
	margin-bottom: auto;
	width: 400px;
	background-color: rgba(0,0,0,0.5) !important;
	}
.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #FFC312;
}

.social_icon span:hover{
color: white;
cursor: pointer;
}

.card-header h3{
color: white;
}

.social_icon{
position: absolute;
right: 20px;
top: -45px;
}

.input-group-prepend span{
width: 50px;
background-color: #FFC312;
color: black;
border:0 !important;
}

input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}

.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.login_btn{
color: black;
background-color: #ffeb23;
width: 30%;
}

.login_btn:hover{
color: black;
background-color: white;
}

.input-group-prepend span {
	background-color: #ffeb23;
}

.links{
color: white;
}

.links a{
margin-left: 4px;
}

/* Form style changes as per the new background image MBL-1235*/

.login {
	height: auto;
	background-color: rgba(255, 255, 255,0.2) !important;
	border-radius: 25px;
	margin-top: 45vh;
	margin-left: 0px;
}

.sendpassword_btn {
	width: 65% !important;
}

.changepassword_btn {
	width: 60% !important;
}

.loginform {
	padding: 10% 10% 5% 10%;
}

.loginform-err {
	padding: 10% 10% 0% 10%;
}

.padding-zero {
	padding: 0;
}

.login-card-footer {
	background-color: transparent !important;
	border-top: 0px;
	padding: 0px;
}

.alert-danger {
	/*color: #e4434e; */
	color: #f15555;
    background-color: transparent !important;
    border-color: transparent !important;
}

.alert-warning{
	color: #1fa0e3;
    background-color: transparent !important;
    border-color: transparent !important;
}

.div-height10 {
	height:10px;
}

.alert {
    position: relative;
    padding: 0rem 1.25rem;
    margin-bottom: 1rem;
    border-radius: 0.25rem;
}

#forgotp a:link {
	color: #1fa0e3 !important;
}