/* CSS Document */
.login-layout{
	background-color:#F6F8FA!important;
}
.login-layout .widget-box{
	padding:0px!important;
	border-radius: 3%;
    border: 1px solid #CCCCCC!important;

}
.login-layout .widget-box .widget-main{
	background-color:#FFFFFF!important;
}
.login-layout .widget-box .widget-main{
	background-color:#FFFFFF!important;
}
button.btn{
	width:100%!important;
	margin-bottom:3px!important;
	border-radius:5px!important;
}
/*
.main-container{
	top:20vh;
}
@media (min-width:481px)
{
	.main-container{
		left:calc(50% - 200px);
		position:absolute!important;
		
	}
}
@media (max-height:650px)
{
	.main-container{
		top:10vh;
	}
}
@media (max-height:550px)
{
	.main-container{
		top:0vh;
	}
}*/
/*@media (min-width:481px)
{*/
	.main-content{
		
		/*height:476px;
		position:absolute;
		left:calc(50% - 202.5px);
		min-height:0!important;
		margin-top:calc(50% - 225px) !important;*/
		height:100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
/*}
@media (min-height:515px)
{
	.main-content{
		top:calc(50% - 255px);
	}
}*/
.gradient {
	background-color: transparent;
	background-image: url(https://picsum.photos/1920/1200/?random&gravity=south);
	height:100vh;
	background-position:center center;
	background-size:cover;
}
.overlay.gradient.gradient-53:after {
	/*background: rgba(95,170,167,0.7);*/
	background: linear-gradient(to right, rgba(11, 148, 253,0.95) 0%, rgba(11, 148, 253,0.85) 50%, rgba(11, 148, 253,0.75)90%);
}
.overlay:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(39, 51, 62, 0.6);
	opacity: 1;
	z-index: 0;
}
.input-icon.input-icon-right > [class*="icon-"] {
    left: auto;
    right: 10px;
    top: 8px;
    color: #cccccc;
	
}
.input-icon.input-icon-right > input {
    border-radius: 5px !important;
	padding-top:20px;
	padding-bottom:20px;
}
.login-container {
    width: 400px!important;
}

.login-layout .widget-box .widget-main {
    padding: 20px!important;
}
@media (max-width:480px){
	.login-container {
		width:100% !important;
	}
	.login-layout .widget-box .widget-main{
		padding:0px !important;
	}
	.login-layout .widget-box .widget-body{
	    border: none !important;
	    
	}
	.login-layout .widget-box{
		border:none!important;
	}
	.login-layout .widget-box .widget-main{
		background: #F6F8FA!important;
	}
	.main-content{
		padding:0!important;
	}
	.col-xs-12{
		padding:0 5px;
	}
	.login-container > .center > img{
		margin-bottom:40px;
	}
}
@media (min-width:481px){
	.shadow-box {
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.1)!important;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.1)!important;
	}
}