html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{background-color:#fff;font-family: 'Lato', sans-serif;font-size: 16px;font-weight:normal;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;/* width: 100%; *//* height: 100%; */position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.bodyFixedHeader{margin:0;padding:188px 0 0 0;}

span{display:inline}
label{cursor:pointer;}
.font-size-28{font-size: 24px;}

a,div.a-link{color:#828282;text-decoration:none;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-ms-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}
label{
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-ms-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;	
}
button[type=submit]{
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;		
}
.login:not(.fn_sedingform) a:hover,
.login:not(.fn_sedingform) a:focus,
.login:not(.fn_sedingform) div.a-link:hover,
.login:not(.fn_sedingform) div.a-link:focus,
.login.fn_sedingform div.a-link.login-enter:hover,
.login.fn_sedingform div.a-link.login-enter:focus{color:#607BB8!important;cursor:pointer;text-decoration:none;}
.login:not(.fn_sedingform) label:hover,
.login:not(.fn_sedingform) label.onfocus,
.login:not(.fn_sedingform) label.onfocus{color:#607BB8!important;}
.login:not(.fn_sedingform) div.a-link.onfocus,
.login:not(.fn_sedingform) div.a-link.onfocus{color:#607BB8;}
.login.fn_sedingform div.a-link.login-enter.onfocus,
.login.fn_sedingform div.a-link.login-enter.onfocus{color:#607BB8;}
button:focus{outline:none;}
.login.fn_sedingform a,
.login.fn_sedingform div.a-link:not(.login-enter),
.login.fn_sedingform label{cursor:default;opacity:.3;}

.input-container{width: 400px;height: 48px;border-bottom:1px solid #4e4e4e;display: flex;cursor: text;align-items: center;}
.input-container.input-container-disabled{cursor: default;}
.input-container > *{display:inline-block;}
.input-container input{margin-left: 15px;color: #BDBDBD;}
.input-container input.disabled{opacity:.3;}
.input-container .focus-ele{width:6px;height: 48px;-webkit-transition: background-color 0.5s ease;-moz-transition: background-color 0.5s ease;-ms-transition: background-color 0.5s ease;-o-transition: background-color 0.5s ease;transition:background-color 0.5s ease;}
.input-container .icon-ele{width:28px;height:28px;opacity:.3;}
.input-container .dummy_input_text{margin-bottom: 10px;margin-left: 15px;color: #BDBDBD;flex:1 1;text-align: left;}
input, password{margin:0;padding:0;border:none;background:none;line-height: 28px;height: 28px;font-size: 16px;font-family: 'Lato', sans-serif;flex: 1 1;}
input:focus, password:focus{outline-offset: 0;outline:none;border:none;background:none;}
input:-webkit-autofill{background-color:#fff;color:#333333;-webkit-box-shadow: 0 0 0 30px white inset;-webkit-text-fill-color: #333333 !important;}
.input-container.input-container-focus .focus-ele{background-color:#607BB8;}
.input-container.input-container-focus:not(.input-container-disabled) input{color:#333333;}
.input-container.input-container-focus input#loginPass{}
.input-container:not(.input-container-focus) input{width:1px;max-width:1px;margin:0;padding:0;}
.input-container.input-container-focus .dummy_input_text{width:0;max-width:0;margin:0;padding:0;height:0;max-height:0;color:transparent;}
.input-container.input-container-focus:not(.input-container-disabled) .icon-ele{opacity:1;}
.input-container.input-container-focus:not(.input-container-disabled) .icon-ele.icon-ele-action{cursor:pointer;}
.input-container.input-container-focus:not(.input-container-disabled) .icon-ele .icon-transition-hover:hover > img:nth-child(1){filter:alpha(opacity=0);opacity:0;z-index:1;}
.input-container.input-container-focus:not(.input-container-disabled) .icon-ele .icon-transition-hover:hover > img:nth-child(2){filter:alpha(opacity=100);opacity:1;z-index:2;}
.input-container.input-container-focus:not(.input-container-disabled) .icon-ele:focus .icon-transition-hover > img:nth-child(1){filter:alpha(opacity=0);opacity:0;z-index:1;}
.input-container.input-container-focus:not(.input-container-disabled) .icon-ele:focus .icon-transition-hover > img:nth-child(2){filter:alpha(opacity=100);opacity:1;z-index:2;}

.inputSenha.input-container.input-container-focus .icon-ele.showing .icon-transition-hover.show{display:none;}
.inputSenha.input-container.input-container-focus .icon-ele.hidding .icon-transition-hover.hide{display:none;}

.icon-transition-hover{position:relative;}
.icon-transition-hover > img{
	display:block;
	position:absolute;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}	
.icon-transition-hover > img:nth-child(1){ /* first <img> child of <div> */
	filter: alpha(opacity=100); /* IE stuff */
	opacity: 1;
	z-index: 2;
}
.icon-transition-hover > img:nth-child(2){ /* second <img> child of <div> */
	filter: alpha(opacity=0); /* IE stuff */
	opacity: 0;
	z-index: 1;
}
/*
.icon-transition-hover:hover > img:nth-child(1){filter:alpha(opacity=0);opacity:0;z-index:1;}
.icon-transition-hover:hover > img:nth-child(2){filter:alpha(opacity=100);opacity:1;z-index:2;}
*/

#page{width: 100%;height: 100%;top: 0;left: 0;display: table;position: absolute;}

#header{position:absolute;top:0;left:0;width:100%;height:188px;z-index:100}
#headerCap{margin-left: auto;margin-right: auto;}

#headerCapContentData{width:100%;display: flex;flex-direction: column;align-items: center;}
#headerCapContentLogo{width:100%;max-width:400px;display:flex;justify-content: space-between;align-items: center;}
#headerCapContentLogo .logo img{height:56px}
#headerCapContentLogin{}

#wrapper{display: table-cell;vertical-align: middle;}

.login{text-align:center;margin-top: 72px;height: 365px;}
.loginEnter{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.login #loginName{}
.login #loginPass{}
.login .inputLogin{}
.login .inputSenha{margin-top: 24px;}

.login .button-container{margin-top: 64px;}
.login div button{width: 200px;height: 48px;color: #fff;background-color: #607BB8;border: none;border-radius: 64px;font-weight: bold;font-family: 'Titillium Web', sans-serif;font-size: 18px;cursor: pointer;}
.login:not(.fn_sedingform) div button:hover,
.login:not(.fn_sedingform) div button:focus{background: #607BB8;-webkit-box-shadow: 0 1px 1px 0 rgba(66,133,244,0.45), 0 1px 3px 1px rgba(66,133,244,0.3);box-shadow: 0 1px 1px 0 rgba(66,133,244,0.45), 0 1px 3px 1px rgba(66,133,244,0.3);}
.login button.disabled{opacity:.5;cursor:default;}

.login .line-options{display:flex;width: 400px;justify-content: space-between;margin-top: 22px;}

.loginEnter .loginSession{
    display: flex;
    align-items: center;
}
.loginEnter .loginSession .fieldCheck{
    width: 18px;
    height: 18px;
    flex: none;
    position: relative;
    top: 1px;
}
.loginEnter .loginSession label{color: #333333;margin-left: 5px;}
.loginEnter .loginSession a{position:relative;top:20px;left:5px;font-size:11px}
.loginEnter .loginErrorwapper{margin-top: 20px;}
.loginEnter .loginErrorwapper .loginError{display:none;}
.loginEnter .loginErrorwapper .loginError .error{width: 463px;color:#900;font-weight:bold;padding-left:25px;background:url('../../img/error.png?r=iv.02') no-repeat left;}
.loginEnter .loginRemember{}
.loginEnter .loginRemember a{color: #828282;}

#frmLogin{display: block;overflow: hidden;}
.loginReset{height:0;max-height:0;z-index:10;background-color:#fff;background-color: #fff;}
.loginReset .button-container{margin-top: 120px;}
.loginReset .button-container > div{margin-top:10px;}
.loginReset .caption{padding-top: 20px;}
.loginReset .caption span{
	display: block;
}
.loginReset .login-enter{font-size: 18px;color: #828282;}
.loginReset .resetErrorwapper{height:20px;margin-top:10px;margin-bottom:5px;}
.loginReset .resetErrorwapper .resetError{display:none;}
.loginReset .resetErrorwapper .resetError .error{width:150px;color:#900;font-weight:bold;padding-left:25px;background:url('../../img/error.png?r=iv.02') no-repeat left}
.loginReset .resetErrorwapper .resetError .error.loader{background:url('../../img/metabox_loader.gif?r=iv.02') no-repeat left}

.login > *{min-height:0;overflow:hidden;}
.login.fn_loginreset > #frmLogin{height: 49px;max-height: 49px;}
.login.fn_loginreset > .loginReset{height: 340px;max-height: 340px;}

#headerCapContentLogo .idioma{
	color: #828282;
}

.dropbtn {
	background-color: transparent;
	border: none;
	display: flex;
	padding: 0px 16px 0px 12px;
	align-items: center;
	gap: 4px;
	cursor: pointer;
  }
  .dropdown {
	position: relative;
	display: inline-block;
  }
  .dropdown-content {
	display: none;
	width: 100%;
	position: absolute;
	background-color: #FFF;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
	z-index: 3;
	border-radius: 0px 0px 8px 8px; 
	padding: 0px 0px 12px 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px; 
  }
  .dropdown-content a:last-child {
	margin-bottom: 0px;
  }
  .dropdown-content a {
	color: #000;
	text-align: left;
	padding: 8px 16px 8px 29px;
	margin: 8px 0px;
	text-decoration: none;
	display: block;
  }
span.language {
	color: #64656A;
	font-family: 'Roboto',sans-serif;
	font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
}
  .dropdown-content a:hover {
	  background-color: #F2F2F2;
	}
  .dropdown .dropdown-content.opened {
	  display: block;
	}
  	#menuIdioma .idioma .dropdown-content .template{
		display: none;
	}