/*checkbox*/
[type="checkbox"]:not(:checked), [type="checkbox"]:checked, 
[type="radio"]:not(:checked), [type="radio"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(.ativo):not(:checked) + label, [type="checkbox"]:not(.ativo):checked + label,
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label  {
	position: relative;
	padding-left: 26px;
	cursor: pointer;
}

[type="checkbox"]:not(.ativo):not(:checked) + label:before, [type="checkbox"]:not(.ativo):checked + label:before,
[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 16px;
	height: 16px;
	border: 1px solid #aaa;
	background: #f8f8f8;
}

[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before {
	width: 14px;
	height: 14px;
	border-radius:10px;
}

[type="checkbox"]:not(.ativo):not(:checked) + label:after, [type="checkbox"]:not(.ativo):checked + label:after,
[type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {
	font-family             : 'Material Icons';
	content                 : 'check';
	text-rendering          : optimizeLegibility;
	font-feature-settings   : "liga" 1;
	font-style              : normal;
	text-transform          : none;
	line-height             : 17px;
	font-size               : 16px;
	width                   : 16px;
	height                  : 16px;
	text-align              : center;
	position                : absolute;
	top                     : 0px;
	left                    : 0px;
	display                 : inline-block;
	overflow                : hidden;
	-webkit-font-smoothing  : antialiased;
	-moz-osx-font-smoothing : grayscale;
	color                   : var(--main-txt-color);
	transition              : all .2s;
}

[type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {
	content                 : 'radio_button_checked';
	line-height             : 17px;
	font-size               : 16px;
	width                   : 15px;
	height                  : 15px;
}

 [type="checkbox"]:not(.ativo):checked + label, [type="radio"]:checked + label {
	color: var(--main-txt-color);
}

[type="checkbox"]:not(.ativo):not(:checked) + label:after,
[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	transform :scale(0);
}

[type="checkbox"]:not(.ativo):checked + label:after,
[type="radio"]:checked + label:after {
	opacity   : 1;
	transform : scale(1);
}

[type="checkbox"]:not(.ativo):disabled:not(:checked) + label:before, [type="checkbox"]:not(.ativo):disabled:checked + label:before,
[type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before {
	&, &:hover {
		border-color: #bbb !important;
		background-color: #ddd;
	}
}

[type="checkbox"]:not(.ativo):disabled:checked + label:after,
[type="radio"]:disabled:checked + label:after {
	color : #999;
}

[type="checkbox"]:not(.ativo):disabled + label,
[type="radio"]:disabled + label {
	color : #aaa;
}

[type="checkbox"]:not(.ativo):checked:focus + label:before, [type="checkbox"]:not(.ativo):not(:checked):focus + label:before,
[type="radio"]:checked:focus + label:before, [type="radio"]:not(:checked):focus + label:before {
	border : 1px dotted #09ad7e;
}

label:hover:before {
	border : 1px solid var(--main-border-color) !important;
}

/* for ativo*/
[type="checkbox"].ativo:not(:checked) + label i , [type="checkbox"].ativo:checked + label i  {
	display: inline;
	padding:0;
	margin:0;
	font-size:48px;
	line-height: 20px;
}

[type="checkbox"].ativo:not(:checked) + label i:before, [type="checkbox"].ativo:checked + label i:before {
	content: 'toggle_off';
	display: inline;
	padding:0;
	transition: all 1s;
	margin:0;
}

[type="checkbox"].ativo:checked + label i:before {
	content: 'toggle_on';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: var(--main-bg-color);
	transition: all 1s;
}

[type="checkbox"].ativo:not(:checked) + label i:before {
	opacity: 0.5;
	transform :scale(0);
}

[type="checkbox"].ativo:checked + label:before {
	opacity   : 1;
	transform : scale(1);
}

#acesso .logo {
	max-height:100px;
}

.textfield {
	color: var(--acesso-textfield-txt-color);
	background-color: transparent;
	font-size: 1.417rem;
	border: 1px solid #dbdbdb;
	padding: 10px;
	box-sizing: border-box;
	font-weight: 600;
	width: 100%;
}

.container {
	background-color: var(--acesso-container-bg-color);
}

.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) {
	#acesso .logo {
		max-height:80px;
	}
}