/*css for login page*/
#login-row{
	box-shadow: 2px 2px 18px #3a3f51;
}
#login-row .brand-logo img {
    width: 200px;
}
.auth form .auth-form-btn{
	line-height: 1;
}
#login-carousel {
	width: 100%; 
	height: 100%
}
#login-carousel .carousel-indicators li{
	width: 10px;
    height: 10px;
    border-radius: 100%;
}
#login-carousel .carousel-indicators {
    bottom: -100px;
}
#login-carousel .carousel-inner .carousel-caption{
	position: relative;
	right: 0;
	left: 0;
	bottom:0px;
	padding-top:50px; 
}
#login-carousel .carousel-item{
	text-align: center;
}
#login-carousel img{
	width: 75%;
  	box-shadow: 5px 10px 18px #3a3f51;
  	border-radius: 10px;
}
.carousel-caption {
	color: #000;
}
.new-caption-area{
	margin: auto;
}

#login-btn{
	background-color: #3a3f51;
	color: white;
}

.form-group.has-danger .form-control-danger input, .form-group.has-danger .form-control-danger span{
	border-color: rgb(185, 74, 72)!important;
}
.text-danger{
	color: #b94a48!important;
}

@media (max-width: 575.98px) {
	.mb-btn-primary, .mb-btn-primary:disabled, .mb-btn-primary:active{
		background: linear-gradient(180deg, #2BB0E2 0%, #185DC6 100%);
		border-color: #2BB0E2;
		width: 100%;
		height: 48px;
	}
	.mb-btn-primary:not(:disabled):not(.disabled):active, .mb-btn-primary:hover, .mb-btn-primary:focus{
		background: linear-gradient(180deg, #2BB0E2 0%, #185DC6 100%);
		border-color: #2BB0E2;
	}
	.text-dark{
		color: #1962c7 !important;
	}
}