:root {
	--blue-dark: #333366;  
	--blue-light: #0d6eaf;  
 	--gray-light: #e9edf1; 
	--font-dark: #333;
}


#acesso  {
	background-image: url("/acesso/img/embarque.jpeg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width:100%;
	height:100%;
}
#acesso_shaddow  {
	background-image: linear-gradient(to bottom, rgba(0,0,0,1) , rgba(0,0,0,0.2));
}

.container1 {
	width:30%;
	max-width:440px;
	min-width:380px;
	height:90%;
	background-color: #fff;
	border:1px solid #aaa;
	border-radius:30px;
	margin:0px 80px;

	float:right;
	box-sizing: border-box;
}


.container1 .logo {
	max-height:60px;
}


.container1 h1 {
	color: var(--blue-dark);
	font-size:2rem;
	font-weight:600;
}


.container1 .boxField {
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
	width: 100%;
	border-radius:30px;
	padding: 8px;
}

.container1 .textfield {
	color: #333;
	background-color: transparent;
	font-size: 1.417rem;
	padding: 10px;
	font-weight: 600;
	width: 100%;

	border: none;
	outline: none;
	font-size:16px;
	width: 100%;
	padding: 0.1rem;
	box-sizing: border-box;
}

.container1 .textfield:focus {
	outline: none;
}




.container1 a.button {
	display: inline-table;
	width:100%;
	background:var(--blue-dark);
	color: #fff !important;
	text-align:center;
	padding: 10px;
	box-sizing: border-box;


	border: 1px solid #aaa;
	border-radius:20px;

	font-size: 1.5rem ;
	font-weight: 600;
	text-transform: uppercase;
}


.container1 a.button:hover{
	background-color: var(--blue-light);
}



.i-keyboard {
	line-height:80%;
	font-size:46px;
	color:#ccc;
}
.i-keyboard:before {
	content: 'keyboard';
}

.i-keyboard:hover {
	opacity: 1;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.1);
	transition: opacity .5s ease-in-out;
	cursor:pointer;
}

.i-email {
	line-height:80%;
	font-size:46px;
	color:#00f;
}
.i-email:before {
	content: 'email';
}

.i-email:hover {
	opacity: 1;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.1);
	transition: opacity .5s ease-in-out;
	cursor:pointer;
}

.i-eye, .i-eye-hide {
	line-height:80%;
	font-size:34px;
	color:#ddd;
	transition: .1s all ease;
}
.i-eye:before {
	content: 'visibility';
}


.i-eye-hide:before {
	content: 'visibility_off';
}

.i-eye:hover, .i-eye-hide:hover {
	color:#bbb;
}

.avanc_fct {
	pointer-events: none !important;
	opacity: 0;
	max-height:0 !important;
	transition: max-height .5s ease-in-out, opacity .5s linear;
	z-index:-8;
}

.avanc_fct.showOCampos {
	pointer-events: auto !important;
	opacity: 1;
	overflow:hidden;
	max-height: 100% !important;
	z-index:99;
	transition: max-height .5s ease-in-out, opacity .5s linear;
}

@media screen and (max-width: 810px) {

	.container1 {
		margin:0 auto 0 auto;
		float:none;
		clear:both;
	}
}


@media screen and (max-width: 610px) {


	.container1 {
		width:100%;
		max-width:100%;
		min-width:auto;
		height:100%;
		border:0;
		border-radius:0px;
		margin:0;

		float:left;
		box-sizing: border-box;
	}

}