/*
	LOGIN ALUNO / PROFESSOR
*/
.ub-box-login{
	overflow: hidden;
	background: #f1f1f1!important;
	/*background-image: url(https://edu.grupounibra.com/public/images/unibra/BRASAO_UB.svg);*/
	/*background-position: -300px;*/
	/*background-size: 600px;*/
	/*background-repeat: no-repeat;*/
}
.ub-box-login .ub-logo{
	width: 200px;
	filter: grayscale(1);
	object-fit: contain !important;
}
.ub-box-login .page-separator__text{
	background: #ccc;
	color: #13182c;
	font-size: 0.8em;
	padding: 5px 10px !important;
}
.ub-box-login .page-separator:before{
	background-color: #ccc !important;
}
.ub-box-login form .form-group .form-control{
	padding: 20px;
	padding-left: 10px !important;
	border: 1px solid #ddd;
}
.ub-box-login button,
.ub-box-login p,
.ub-box-login a,
.ub-box-login input,
.ub-box-login label{
	position: relative;
	z-index: 2;
}

/***********************
| ↓↓ SVG FORM LOGIN ↓↓ |
***********************/
.ub-logo-svg {
	position: absolute;
	width: 34rem;
	height: 34rem;
	right: -16rem;
	top: 50%;
	margin-top: -16rem;
}
.ub-logo-svg svg{
	width: 34rem;
	height: 34rem;
}
.ub-logo-svg .brasao-svg{
	stroke: #d4d4d4;
	fill: transparent;
	stroke-width: 1.8;
	stroke-dashoffset: 2000;
	stroke-dasharray: 500;
	animation: dash 10s linear forwards infinite;
}

@keyframes dash {
	100%{
		stroke-dashoffset: 0;
	}
}
/***********************
| ↑↑ SVG FORM LOGIN ↑↑ | 
***********************/

@media screen and (max-width: 768px){
	.ub-box-login{
		height: 100vh!important;
		width: 100vw!important;
		max-width: 100vw!important;
		margin: 0!important;
		border-radius: 0!important;
	}
}