*, *:after, *:before{font-family: 'roboto', sans-serif; margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html {
    overflow: hidden;
}
body > * {
	flex: none;
	width: 100%;
}
body, body > * {
	display: flex;
}

/*CONTAINER*/
.container{width: 100%; height: 100%; box-sizing: border-box;}
.container_login{width: 100%; height: 100%; background: #ebeced url(../images/bg_intro.jpg) center center no-repeat; background-size: cover; box-sizing: border-box;}

/*CONTENT*/
.content{position: relative; width: 80%; height: 100%; margin: 0 10%; padding: 10px 0; text-align: center; box-sizing: border-box;}
.content_login{background: #fff; position: absolute; width: 500px; height: 100%; right: 0; margin-right: 0px; padding: 25px; text-align: center; border-right: 3px solid #27AE60; box-sizing: border-box;}
/*.content_login{background: #fff; position: relative; width: 500px; height: 100%; margin: 0 auto; padding: 25px; text-align: center; box-sizing: border-box;}*/

/*PATTERN*/
.pattern{top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.35) url(../images/pattern.png) repeat fixed;}

/*CLEAR*/
.clear{clear:both;height:0;padding:0;margin:0;}

.login{
	background: #fff;
	display: flex;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
}
.login_bg{position: fixed; left: 0; top: 0; width: 100%; height: 60%; background: #fff url(../images/bg_login_custom.jpg) center center no-repeat; background-size: cover; border-bottom: 10px solid rgba(0,0,0,0.2); box-sizing: border-box;}
.login_bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg_login_custom.jpg), linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); background-size: cover; box-sizing: border-box; background-repeat: no-repeat; background-attachment: fixed; background-position: right bottom; background-blend-mode: multiply; border: none;}
.login .trigger_ajax{display: block;}

.login_container {
	position: relative;
	width: 50%;
	height: 100vh;
	/*z-index: 99;*/
	text-align: center;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.login_container::before {
	content: '© 2022 Virthuan Tecnologia. Todos os direitos reservados.';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	z-index: 99;
	text-align: center;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	padding: 0px;
	color: #777;
	font-size: 0.75em;
}

.box_logo {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.login_link{font-size: 0.8em; margin-top: 10px; text-transform: uppercase; font-weight: 300;}
.login_link a{ color: #fff; font-size: 0.875em; font-weight: 500; text-decoration: none; padding: 5px 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.login_link a:hover{ color: #fff; text-decoration: none; background: rgba(0,0,0,0.2);}
.login_title_recover{font-size: 1.1em; color: rgba(0,0,0,0.7);}

.login_box {
	text-align: left;
	display: block;
	max-width: 100%;
	height: 100%;
	margin: 25px auto;
	background: #fff;
	padding: 35px;
	font-size: 1em;
}

.login_box h1 {
	font-size: 2.5em;
	margin: 30px 0px;
	text-align: center;
	color: #999;
	font-weight: 200;
	padding: 15px 0px;
	background: rgba(0,0,0,0.04);
	border-radius: 5px;
	font-family: 'roboto', sans-serif;
}

.login_box h1 strong {
	color: #777;
	font-weight: 500;
	font-family: 'ubuntu', sans-serif;
}

.login_box p{
	font-size: 1.3em;
	margin: 15px 0;
}

.login_box ul{
	list-style: none;
}

.login_box ul li{
	line-height: 1.5em;
}

.login_box ul li span::before{
	color: #0116b1;
}