/* 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);
		/*margin:-238px 0 0 -150px;*/
		min-height:0!important;
		margin-top: calc(50% - 165px) !important;
	}
}
@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%, rgb(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;
}
.login:before{
	content: "";
      background-image:url(../images/bgrios.png);
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.2;
}