@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	border:0;	
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000;	
	background-color:#FFF;
}
p {
	padding:0;
}
.clear {
	clear:both;	
}
#gx_ajax_notification {
	height:20px;
	margin:0;
	padding:0;
	position:absolute;
	top:21px;
	z-index:999;
	width:100%;
	display:block;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}
#gx_ajax_indicator {
	margin-top: 20px;
}
.tudo_login, 
.tudo_invoicyweb { 	background-color:#FFF; }
.topo_login,
.topo_invoicyweb { background: #fff url(../imagens/bg_topo.jpg) repeat-x center top; }
.topo_login_interno,
.topo_invoicyweb_interno {

	height:90px;
	align-items: center;
}
.linha_topo_p { 
	background: #023e70;
	height:6px;
}
.marca_topo_web img,
.logo-topo img {
	vertical-align: middle;
	max-height: 70px;
}
.conteudo_login{
	width:780px;
	max-width:100%;
	margin:20px auto 0;
	position:relative;
	z-index:2;
}
.conteudo_consulta_cfe {
	width:530px;
	margin:10px auto;
}
.conteudo_cfe_consultado {
	width: 780px;
	margin:10px auto;
}
.container_row_login_user_senha {
	display: flex;
    justify-content: center;
	align-items: center;
    margin-top: 1em;
}
.container_col_text_user_senha {
	flex: 1;
    display: flex;
    justify-content: end;
}
.container_col_input_user_senha {
	 margin-left: 1em;
    flex: 1;
}
.container_row_button_login {
	display: flex;
    align-items: center;
	margin-top: 1em;
}
.container_row_title_text_login {
	display: flex;
    justify-content: center;
}
.container_col_rellanaespacio_login {
	flex: 1;
    display: flex;
}
.container_col_button_text_login {
	flex: 2;
    display: flex;
    justify-content: center;
    margin-left: 1em;
}
.container_col_button_recuperasenha {
	flex: 3;
    display: flex;
    margin-right: 2em;
}
.container_col_tipomensagem_login {
	flex: 1;
    display: flex;
    justify-content: center;
}
.box_container_blue {
	flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 1em;
}
.box_white_blue {
	background: #FFFFFF;
	border: 1px solid #3a87d9;
	box-shadow: 0px 0px 3px 1px #bebebe;
}
.box_white_blue_content {
	padding:2px 15px 2px 2px;
}
.bloco_cfe_bottom {
	overflow:hidden; /* Makes the container expand to contains the children */
	padding-bottom:10px;
}
.box_login {
	padding: 3em;
}
.rodape{
	width:100%;
	height:20px;
	background-color:#ebebeb;
	position:fixed;
	bottom:0;
	z-index:1;
}
.marca{
	background:url(../imagens/InvoiCy.png) center 0 no-repeat;
	width:142px;
	height:55px;
	position:absolute;
	top:14px;
	left:0;
}
.fonte17{
	font-size:17px!important;
	font-weight:bold;
	color:#004375;	
	text-align: left;
}
.tb_login{
	padding-top:20px;
}
.tb_login tr td{
	padding:5px;
	text-align: left;
}
.tb_login_2 tr td{
	padding:5px;
}
a.link_login:link {
	color:#0037f8;
	font-size:12px !important;
	text-decoration:none;
}
a.link_login:visited {
	color:#0037f8;
	font-size:12px;
	text-decoration:none;
}
a.link_login:hover {
	color:#0037f8;
	font-size:12px;
	text-decoration:underline;
}
a.link_login:active {
	color:#0037f8;
	font-size:12px;
	text-decoration:none;
}
.chamada_consulta{
	height:20px;
	position:absolute;
	left:25px;
	bottom:8px;
	font-size:17px;
	font-weight:bold;
	color:#004375;
}
.btn_consultas{
	width:280px;
	float:right;
}

.compo_user_login, .campo_user_cambiarsenha {
	background: white;
	border: 1px solid #bebebe;
	border-radius: 2px;
	width:20em !important;
	height:24px;
	margin:0;
	padding:5px;
}
.input_login input {
	background: white;
	border: 1px solid #bebebe;
	border-radius: 2px;
	width:200px;
	height:24px;
	margin:0;
	padding:5px;
}
.input_login_2 input{
	background:url(../imagens/input_login_2.jpg) no-repeat;
	width:141px;
	height:26px;
	border:none;
	margin:0;
	padding:5px;
}
.input_login_2 img{
	vertical-align:middle;
	padding-bottom: 4px;
}
.TextBlock{
	font-size:14px;	
}
.img_trocar{
	background-image:url(../imagens/letras.jpg);
	width:141px;
	height:40px;	
}
.linha_divisoria{
	margin:0px 4px 0 4px;
	padding-bottom:20px;
	border-top:1px solid #b6b6b6;
}
.btn_qr_code input{
	width:234px;
	float:right;
	margin:20px 95px 0 0;
}
.img_qrcode{
	background-image:url(../imagens/ver_web.jpg);
	width:36px;
	height:36px;
	float:left;
	margin:20px 0 0 95px;
}
.negrito{ /* USAR QUANDO PRECISAR USAR FONTE NEGRITA - BOLD */
	font-weight:bold;	
}
.linha_login{
	background-color:#fbfbfb;
	width:505px;/*475px;*/
	height:50px;
	position:relative;
	border-bottom:1px solid #b6b6b6;	
	margin:0 4px 0 4px;
	z-index:0;
	width: 100%;
	margin: 0;
}

.chamada_tipcfe {
	position: absolute;
	width: 123px;
	height: 29px;
	bottom: -1px;
	border-top: 1px solid #b6b6b6;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
	z-index: 1;
	background-color: #FFF;
	font-size: 15px;
	color: #004375;
	text-decoration: none;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
}
.chamada_tipcfe:hover {
	text-decoration:underline;	
}
.chamada_tipcfe.inativo {
	border:none;
	background-color:transparent;
}
.e_Ticket {
	right: 160px;
}
.outros_cfe {
	right: 32px;
}
.input_login select{
    background-color:#fff;
    border:1px solid #bebebe;
    padding:5px;    	
}
.input_login_2 select{
    background-color:#fff;
    border:1px solid #bebebe;
    padding:5px;    
} 
/* INÍCIO DO CSS DAS POPUPS DO GENEXUS */
.PopupShadow /*Equivale ao top_popup */
{
	display:hidden!important;
} 
.PopupBorder /*popup*/
{	
	margin:auto;
	border-bottom:1px solid #003359;
	border-left:1px solid #003359;
	border-right:1px solid #003359;	
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.PopupHeader /*chamada_popup*/
{
	width:100%!important;
	height:30px!important;
	background-color:#004374!important;
	border-bottom:1px solid #003359!important;
	position:static;
	top:auto!important;
	left:auto!important;
}
.PopupTitle /*texto_chamada_popup*/
{
	float:left!important;
	color:#FFF!important;
	font-size:14px!important;
	padding:5px 0 0 15px!important;
	font-weight:bold!important;	
	position:static!important;
	cursor:move;
}
.PopupHeaderButton /*fechar_popup*/
{ 
	background-image:url(../imagens/btn_fechar_popup.png);
	width:12px!important;
	height:13px!important;
	float:right!important;
	margin:7px 15px 0 0!important;
	background-repeat:no-repeat;
	cursor:pointer!important;
}
.PopupContent /*int_popup*/
{
	padding:30px 0 0 0!important;	
	width:100%!important;	
	top:0px!important;
	left:0px!important;
	position:static!important;
	background-color:#FFF!important;
}
.PopupContent IFRAME /*as popups do genexus geralmente são iframes*/
{
	border-width:0px;
	background-color:#FFF!important;
}
/* FIM DO CSS DAS POPUPS DO GENEXUS */

.td5 {
	width:5%;
}
.td100 {
	width:100%;
}
.tab_branca {
	background-color:#fff
}
.texto_bread{
	font-size:13px;
	color:#000;
	height:5px;
	margin:7px 0 0 5px;
	float:left;
}
.fonte_32_1{
	font-size:32px;
	color:#d4634b;
	font-weight:bold;	
}
.fonte_32_2{
	font-size:32px;
	color:#e18673;
	font-weight:bold;
}
.chamada_erro{
	margin:0 0 0 30px;
	padding-top:25px;	
}
.texto_erro{
	width:410px;
	float:left;
	font-size:20px;
	color:#373636;	
	margin:45px 0 0 30px;
	line-height:25px;
}

a.link_erro:link {
	color:#3c3c3c;
	text-decoration:none;
	font-size:13px;
}
a.link_erro:visited {
	color:#3c3c3c;
	text-decoration:none;
	font-size:13px;
}
a.link_erro:hover {
	color:#3c3c3c;
	text-decoration:none;
	font-size:13px;
}
a.link_erro:active {
	color:#3c3c3c;
	text-decoration:none;
	font-size:13px;
}
.tbl_consultacfe{
	/*padding-top:20px;*/
}
.tbl_consultacfe tr td{
	padding:5px;
	text-align: left;
}
/* Para os textos da tela HWEB ficarem à direita no IE; dr11149 em 03/04/2013 */
.tbl_consultacfe tr td span {
	float:right;
}

.texto_mensagem {
	font-size:13px;
	color:#000;
	margin:7px 0 5px 5px;
	font-weight:normal;
}
.erro_dinamico,
.alerta_dinamico,
.sucesso_dinamico,
.info_dinamico {
	border-radius: 2px;
	box-shadow: 0px 1px 0px 0px #FFFFFF inset;
	display: block;
	width: 50em; /* Para não criar barra de rolagem em popups */
	/* margin: 5px 0 5px 1%; */
	border: 1px solid;
}
.erro_dinamico > .ico,
.alerta_dinamico > .ico,
.sucesso_dinamico > .ico,
.info_dinamico > .ico {
	font-size: 20px;
	float: left;
	line-height: 32px;
	margin: 0 10px;
}
.erro_dinamico {
	background: #FFCBC0;
	border-color: #E39281;
}
.erro_dinamico > .ico {
	color: #000;
}
.alerta_dinamico {
	background: #F9D67C;
	border-color: #EEC470;
}
.alerta_dinamico > .ico {
	color: #fac501;
}
.sucesso_dinamico {
	background: #F1FBB6;
	border-color: #ABC973;
}
.sucesso_dinamico > .ico {
	color: #000;
}
.info_dinamico {
	background: #DDEFFB;
	border-color: #A1CEEF;
}
.info_dinamico > .ico {
	color: #3A83B3;
}

.container_login_dd {
	position:absolute;
	top:20px;
	right:5%;
	z-index: 999;
}
.login_dd {
	background:url(../imagens/btn_login_d_l.png) right 0 no-repeat;
	width:80px;
	height:42px;
	cursor:pointer;
	display:block;
	float:left;
	z-index:auto;
}
.login_dd:hover,
.login_dd.hover {
	background-position: right -43px;
}
.login_dd_lbl {
	position: absolute;
	top: 12px;
	left: 0;
	margin-left: 12px;
	color: #272727;
}
.login_dd:hover > .login_dd_campos,
.login_dd.hover > .login_dd_campos,
.login_dd_campos.show {
	visibility: visible;
}
.login_dd_campos {
	position: absolute;
	right: 4px;
	top: 38px;
	z-index: -1;
	visibility: hidden;
	
	background: white;
	width: 300px;
	box-shadow:1px -1px 5px -2px #303030;
	border: 1px solid #3a87d6;
	border-radius: 5px 0px 5px 5px;
	margin-top: 3px;
	overflow: hidden;
	padding: 0px 5px;
}
.texto_login {
	font-size:12px;
}
.tb_login_dd {
	padding:15px 0;
}
.tb_login_dd tr td{
	padding:5px;
}
.tbl_cfe {
	width:100%;
	padding:10px;
	font-size: 12px;
}
.tbl_cfe td {
	padding: 5px;
}
.TextBlock {
	color:#505050;
	font-weight:bold;
	padding-bottom:5px;
	font-size:12px;
}
.ReadonlyDetalhes {
	background-color: #d8d8d8;
	border: none;
	min-height:18px;
	padding: 5px;
	margin: 0;
}
.btn_voltar_consultacfeweb {
	float:left;
	margin-left:20px;
	margin-top:75px;
}


.bcontexto p,.dcontexto p {
	padding:5px 0;
}
.bcontexto a {
	text-decoration:none;
}
a.dcontexto, .bcontexto, span.dcontexto_span, li.dcontexto {
	position:relative;
	padding:0;
	text-decoration:none;
	z-index:24;
}
a.dcontexto:hover, .bcontexto:hover, span.dcontexto_span:hover, li.dcontexto:hover span  {
	background-color:transparent;
	z-index:25;
}
/* Para manter o background em um ReadonlyDetalhes que tenha bcontexto */
.ReadonlyDetalhes.withBackground:hover {
	background-color:#D8D8D8;
}
a.dcontexto span, .bcontexto span:first-child, span.dcontexto_span span, li.dcontexto span  {
	display: none;
	font-weight:normal;
}
a.dcontexto:hover span, .bcontexto:hover span:first-child, span.dcontexto_span:hover span, li.dcontexto:hover span  {
	display:block;
	position:absolute;
	min-width:55px;
	top:20px;
	left:-10px;
	padding:5px 10px;
	background-color:#2a2a2a;
	color:#FFF;
	text-align:center;
	z-index:29;
	text-decoration:none;
}
.bcontexto a,.dcontexto a, .tab_master .dcontexto a, .tab_master .bcontexto a {
	text-decoration:none;
}
.bcontexto.salvar_digitacao:hover span, .bcontexto.edit_digitacao:hover span {
	left:-50px;
}

.ml10 { margin-left:10px; }
.mr10 { margin-right:10px; }
.mt0 { margin-top:0; }
.displayBlock, .display_block { display:block; }
.displayNone { display:none; }
.displayInline, .DisplayInline{ display:inline; }
/* Adicionada a regra à tag '<a>' para ela ter preferência sobre as outras; dr11149 em 26/02/2013 */
.floatLeft, a.floatLeft{ float:left; }
.floatRight, a.floatRight{ float:right; }
.borderNone, .tab_master tr td.borderNone { border:0; }
.alMiddleContainer {
	/* display:table; */
	display: flex;
}
.alMiddleContainer > *,
.alMiddle {
	display:table-cell;
	vertical-align:middle;
}
.no_underline,
.no_underline a,
.no_underline:hover,
.no_underline:hover a,
.no_underline a:hover {
	text-decoration: none;
}


/* btn-groups */
/* A classe deve ser aplicada na div container do grupo de botões */
.btn-group {
	display: block;
	float: left;
}
.btn-group input {
	display:block;
	float:left;
	cursor:pointer;
	text-align:center;
	padding: 2px 5px;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/* btns dinâmicos */
/* A classe deve ser aplicada diretamente no elemento a ser clicado */
.btnrecuperar {	min-width: 10em !important;	}

.btn-primario,
.btn-secundario,
.btn-terciario {
	display:block;
	cursor:pointer;
	text-align:center;
	padding:6px 12px;
	min-width:100px;
	text-decoration:none;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn-primario,
.btn-group.primario input,
.btn-group input.primario {
	background: #016ca3; /* Old browsers */
	background: -moz-linear-gradient(top,  #007fb9 0%, #005a8f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007fb9), color-stop(100%,#005a8f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #007fb9 0%,#005a8f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #007fb9 0%,#005a8f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #007fb9 0%,#005a8f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #007fb9 0%,#005a8f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fb9', endColorstr='#005a8f',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #00578c;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	
	-webkit-box-shadow: 0px 2px 5px -1px white;
	-moz-box-shadow: 0px 2px 5px -1px white;
	box-shadow: 0px 2px 5px -1px white;
}
.btn-primario:hover,
.btn-primario.hover,
.btn-group.primario input:hover,
.btn-group.primario input.hover,
.btn-group input.primario:hover,
.btn-group input.primario.hover {
	background: #1081b2; /* Old browsers */
	background: -moz-linear-gradient(top,  #1690c4 0%, #086fa0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1690c4), color-stop(100%,#086fa0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1690c4 0%,#086fa0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1690c4 0%,#086fa0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1690c4 0%,#086fa0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1690c4 0%,#086fa0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1690c4', endColorstr='#086fa0',GradientType=0 ); /* IE6-9 */
}
.btn-primario.shadow:hover,
.btn-primario.shadow.hover,
.btn-group.primario.shadow input:hover,
.btn-group.primario.shadow input.hover,
.btn-group input.primario.shadow:hover,
.btn-group input.primario.shadow.hover {
	-webkit-box-shadow: 0px 2px 5px -1px #0c447e;
	-moz-box-shadow: 0px 2px 5px -1px #0c447e;
	box-shadow: 0px 0px 5px -1px #0c447e;
}
.btn-primario:active,
.btn-primario.active,
.btn-group.primario input:active,
.btn-group.primario input.active,
.btn-group input.primario:active,
.btn-group input.primario.active,
.btn-primario.shadow:active,
.btn-primario.shadow.active,
.btn-group.primario.shadow input:active,
.btn-group.primario.shadow input.active,
.btn-group input.primario.shadow:active,
.btn-group input.primario.shadow.active {
	background: #003e65; /* Old browsers */
	background: -moz-linear-gradient(top,  #003e65 0%, #014d7a 25%, #025d8c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003e65), color-stop(25%,#014d7a), color-stop(100%,#025d8c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #003e65 0%,#014d7a 25%,#025d8c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #003e65 0%,#014d7a 25%,#025d8c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #003e65 0%,#014d7a 25%,#025d8c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #003e65 0%,#014d7a 25%,#025d8c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e65', endColorstr='#025d8c',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-secundario,
.btn-group.secundario input,
.btn-group input.secundario {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #bebebe;
	color:#000;
	font-size:14px;
}
.btn-secundario:hover,
.btn-secundario.hover,
.btn-group.secundario input:hover,
.btn-group.secundario input.hover,
.btn-group input.secundario:hover,
.btn-group input.secundario.hover {
	border-color: #3a87d6;
}
.btn-secundario.shadow:hover,
.btn-secundario.shadow.hover,
.btn-group.secundario.shadow input:hover,
.btn-group.secundario.shadow input.hover,
.btn-group input.secundario.shadow:hover,
.btn-group input.secundario.shadow.hover {
	-webkit-box-shadow: 0px 2px 5px -2px #000;
	-moz-box-shadow: 0px 2px 5px -2px #000;
	box-shadow: 0px 0px 5px -2px #000;
}
.btn-secundario:active,
.btn-secundario.active,
.btn-group.secundario input:active,
.btn-group.secundario input.active,
.btn-group input.secundario:active,
.btn-group input.secundario.active,
.btn-secundario.shadow:active,
.btn-secundario.shadow.active,
.btn-group.secundario.shadow input:active,
.btn-group.secundario.shadow input.active,
.btn-group input.secundario.shadow:active,
.btn-group input.secundario.shadow.active {
	background: #e0e0df; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e0df 0%, #eae9e9 50%, #e8e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0df), color-stop(50%,#eae9e9), color-stop(100%,#e8e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e0df 0%,#eae9e9 50%,#e8e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e0df 0%,#eae9e9 50%,#e8e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e0df 0%,#eae9e9 50%,#e8e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0e0df 0%,#eae9e9 50%,#e8e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0df', endColorstr='#e8e6e6',GradientType=0 ); /* IE6-9 */
	
	border-color: #bebebe;
	
	-webkit-box-shadow: 0px 0px 5px -4px black inset;
	-moz-box-shadow: 0px 0px 5px -4px black inset;
	box-shadow: 0px 0px 5px -4px black inset;
}
.btn-terciario,
.btn-group.terciario input,
.btn-group input.terciario {
	background: #004374;
	border: 1px solid #00385e;
	color:#FFF;
	font-size:15px;
	
	-webkit-box-shadow:0px 1px 0px 0px #447aa8 inset;
	-moz-box-shadow:0px 1px 0px 0px #447aa8 inset;
	box-shadow:0px 1px 0px 0px #447aa8 inset;
}
.btn-terciario:hover,
.btn-terciario.hover,
.btn-group.terciario input:hover,
.btn-group.terciario input.hover,
.btn-group input.terciario:hover,
.btn-group input.terciario.hover {
	background: #005792;
}
.btn-terciario:active,
.btn-terciario.active,
.btn-group.terciario input:active,
.btn-group.terciario input.active,
.btn-group input.terciario:active,
.btn-group input.terciario.active {
	background: #02375c;
	-webkit-box-shadow:0px 1px 2px 0px #012441 inset;
	-moz-box-shadow:0px 1px 2px 0px #012441 inset;
	box-shadow:0px 1px 2px 0px #012441 inset;
}
.btn-group input:first-child {
	border-right: none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.btn-group input:last-child {
	border-left: none;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.btn-primario.inativo,
.btn-primario.inativo:hover,
.btn-primario.inativo.hover,
.btn-primario.inativo:active,
.btn-primario.inativo.active,
.btn-secundario.inativo,
.btn-secundario.inativo:hover,
.btn-secundario.inativo.hover,
.btn-secundario.inativo:active,
.btn-secundario.inativo.active,
.btn-terciario.inativo,
.btn-terciario.inativo:hover,
.btn-terciario.inativo.hover,
.btn-terciario.inativo:active,
.btn-terciario.inativo.active {
	background: #f2f2f2;
	border: 1px solid #bebebe;
	color: #a9a9a9;
	cursor: auto;
	text-decoration:none;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-sm { max-width: 90px; }
.btn-md { width: 180px; }
.btn-lg { min-width: 250px; }


/* InvoiCyIcons */
a .ico { text-decoration: none; }
a .ico:hover { text-decoration: none; }
.ico {
	display: inline-block;
	box-sizing: border-box; 
}
.ico * {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height: 18px;
}
.ico:before {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'InvoiCyIcons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Listas */
.icon-ul {
	padding-left: 0;
	margin-left: 2.14285714em;
	list-style-type: none;
}
.icon-ul > li {
	position: relative;
}
.icon-li {
	position: absolute;
	left: -2.14285714em;
	width: 2.14285714em;
	top: 0.14285714em;
	text-align: center;
}
.icon-li.icon-lg {
	left: -1.85714286em;
}
.icon-spin {
	-webkit-animation: icon-spin 2s infinite linear;
	animation: icon-spin 2s infinite linear;
}
@-webkit-keyframes icon-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes icon-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

/* Grids e afins */
.tab_master .icon-link-sm,
.tab_master .icon-link-sm:visited,
.icon-link-sm {
	color: #7dafe2;
	font-size: 16px;
	text-decoration: none;
	margin-left: 3px;
	margin-right: 3px;
}
.icon-link-sm + .icon-link-sm {
	margin-left: 5px;
}
.tab_master td .icon-link-sm:only-child {
	margin-left: 0px;
	margin-right: 0px;
}
.tab_master .icon-link-sm:hover,
.tab_master .icon-link-sm.hover,
.icon-link-sm:hover,
.icon-link-sm.hover {
	color: #4e87c2;
	text-decoration: none;
}
.tab_master .icon-link-sm:active,
.tab_master .icon-link-sm.active,
.icon-link-sm:active,
.icon-link-sm.active {
	color: #004d82;
	text-decoration: none;
}
.icon-btn-sm,
.icon-btn-dropdown,
.icon-btn-lg {
	color: #0071a9;
	font-size: 18px;
	text-align: center;
	border: 1px solid #bebebe;
	border-radius: 3px;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
	
	background: #f6f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
.icon-btn-sm {
	padding: 6px;
}
.icon-btn-dropdown {
	padding: 8px;
}
.icon-btn-sm:hover,
.icon-btn-sm.hover,
.icon-btn-dropdown:hover,
.icon-btn-dropdown.hover,
.menu_topo_hover:hover > .icon-btn-dropdown,
.menu_topo_hover.hover > .icon-btn-dropdown {
	border: 1px solid #3a87d6;
	
	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 2px 0px #0071a9;
	-moz-box-shadow: 0px 0px 2px 0px #0071a9;
	box-shadow: 0px 0px 2px 0px #0071a9;
}
.icon-btn-dropdown:hover,
.icon-btn-dropdown.hover,
.menu_topo_hover:hover > .icon-btn-dropdown,
.menu_topo_hover.hover > .icon-btn-dropdown {
	padding-bottom: 11px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: none;
	-webkit-box-shadow: 0px 5px 0px -1px white,
						0px 0px 2px 0px #0071a9;
	-moz-box-shadow: 0px 5px 0px -1px white,
					0px 0px 2px 0px #0071a9;
	box-shadow: 0px 5px 0px -1px white,
				0px 0px 2px 0px #0071a9;
}
.icon-btn-sm:active,
.icon-btn-sm.active {
	border: 1px solid #bebebe;
	
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8e8e8 0%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8e8e8 0%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e8e8e8 0%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.icon-btn-lg {
	display: block;
	float: left;
	margin: 13px 3px 0;
	text-align: center;
	width: 105px;
	height: 102px;
	padding: 3px;
}
.icon-btn-lg:before {
	color: #006FA7;
	display: block;
	float: none;
	margin: 11px auto 4px;
	font-size: 38px;
	text-align: center; /* para centralizar no IE8 */
}
.icon-btn-lg > * { /* texto do botão */
	color: #343434;
	font-size: 13px;
	line-height: 13px;
}
.icon-btn-lg:hover,
.icon-btn-lg.hover {
	border: 1px solid #3a87d6;
	-webkit-box-shadow: 0px 0px 3px -1px #0071a9;
	-moz-box-shadow: 0px 0px 3px -1px #0071a9;
	box-shadow: 0px 0px 3px -1px #0071a9;
}
.icon-btn-lg:active,
.icon-btn-lg.active {
	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(top,  #dddddd 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dddddd 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dddddd 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dddddd 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dddddd 0%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #bebebe;
	-webkit-box-shadow: 0px 0px 5px -4px black inset;
	-moz-box-shadow: 0px 0px 5px -4px black inset;
	box-shadow: 0px 0px 5px -4px black inset;
}
.icon-btn-sm.inactive,
.icon-btn-dropdown.inactive,
.icon-btn-lg.inactive {
	background: #f0f0f0;
	cursor: normal;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 */
	filter: alpha(opacity=75); /* IE 5-7 */
	-moz-opacity: 0.75; /* Netscape */
	-khtml-opacity: 0.75; /* Safari 1.x */
	opacity: 0.75; /* Good browsers */
}
.icon-btn-sm.inactive:hover,
.icon-btn-sm.inactive.hover,
.icon-btn-dropdown.inactive:hover,
.icon-btn-dropdown.inactive.hover,
.icon-btn-lg.inactive:hover,
.icon-btn-lg.inactive.hover {
	border: 1px solid #bebebe;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	cursor: normal;
}
.icon-btn-sm.bcontexto:hover span:first-child {
	top: 32px;
}

.tab_master .ico.inactive, /* para ter preferência sobre a regra .tab_master a:link */
.tab_master .ico.inactive:hover,
.ico.inactive,
.ico.inactive:hover,
.icon-btn-lg.inactive:before {
	color: #c6c6c6;
}
/* Geral */
.icon-help {
	font-size: 21px;
	color: #006FA7;
	cursor: default;
}
.icon-on,
.tab_master .icon-on, 
.white-label .tab_master .icon-link-sm.icon-on,
.white-label .icon-link-sm.icon-on {
	color: #22ca22;
}
.icon-on:hover, .icon-on.hover,
.tab_master .icon-on:hover, .tab_master .icon-on.hover,
.white-label .icon-link-sm.icon-on:hover, .white-label .icon-link-sm.icon-on.hover,
.white-label .tab_master .icon-link-sm.icon-on:hover, .white-label .tab_master .icon-link-sm.icon-on.hover {
	color: #03b403; 
}
.icon-on:active, .icon-on.active,
.tab_master .icon-on:active, .tab_master .icon-on.active,
.white-label .icon-link-sm.icon-on:active, .white-label .icon-link-sm.icon-on.active,
.white-label .tab_master .icon-link-sm.icon-on:active, .white-label .tab_master .icon-link-sm.icon-on.active { 
	color: #097a09; 
}
.icon-on.inactive, .icon-on.inactive:hover, .icon-on.inactive:active,
.tab_master .icon-on.inactive, .tab_master .icon-on.inactive:hover, .tab_master .icon-on.inactive:active,
.white-label .icon-link-sm.icon-on.inactive, .white-label .icon-link-sm.icon-on.inactive:hover, .white-label .icon-link-sm.icon-on.inactive:active,
.white-label .tab_master .icon-link-sm.icon-on.inactive,
.white-label .tab_master .icon-link-sm.icon-on.inactive:hover,
.white-label .tab_master .icon-link-sm.icon-on.inactive:active {
	color: #b7dfb8;
}
.icon-off,
.tab_master .icon-off,
.white-label .icon-link-sm.icon-off,
.white-label .tab_master .icon-link-sm.icon-off { 
	color: #e62929;
}
.icon-off:hover, .icon-off.hover,
.tab_master .icon-off:hover, .tab_master .icon-off.hover,
.white-label .icon-link-sm.icon-off:hover, .white-label .icon-link-sm.icon-off.hover,
.white-label .tab_master .icon-link-sm.icon-off:hover, .white-label .tab_master .icon-link-sm.icon-off.hover {
	color: #c90a0a;
}
.icon-off:active, .icon-off.active,
.tab_master .icon-off:active, .tab_master .icon-off.active,
.white-label .icon-link-sm.icon-off:active, .white-label .icon-link-sm.icon-off.active,
.white-label .tab_master .icon-link-sm.icon-off:active, .white-label .tab_master .icon-link-sm.icon-off.active { 
	color: #940808;
}
.icon-off.inactive, .icon-off.inactive:hover, .icon-off.inactive:active,
.tab_master .icon-off.inactive, .tab_master .icon-off.inactive:hover, .tab_master .icon-off.inactive:active,
.white-label .icon-link-sm.icon-off.inactive, .white-label .icon-link-sm.icon-off.inactive:hover, .white-label .icon-link-sm.icon-off.inactive:active,
.white-label .tab_master .icon-link-sm.icon-off.inactive,
.white-label .tab_master .icon-link-sm.icon-off.inactive:hover,
.white-label .tab_master .icon-link-sm.icon-off.inactive:active {
	color: #dfb7b7;
}

.icon-calendar {
	font-size: 17px;
	color: #174096;
}
.dp_container .ico {
	margin-left:7px;
	margin-right:7px;
}
.icon-dropdown {
	color: #0071a9;
	font-size: 18px;
	line-height: 42px;
}
.btn_painel_controle  .ico {
	font-size:38px;
	margin-top:18px;
	text-align:center;
	color:#006FA7;
	display: block;
}
.icon-sm { font-size: 16px; }
.icon-lg {
  font-size: 1.33333333em; /* makes the font 33% larger relative to the icon container */
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-2x { font-size: 2em; }
.icon-3x { font-size: 3em; }
.icon-4x { font-size: 4em; }
.icon-5x { font-size: 5em; }
.icon-border {
	padding: .2em .25em;
	border: solid 0.08em #eee;
	border-radius: .1em;
}
.icon-rotate-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.icon-rotate-180 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.icon-rotate-270 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.icon-flip-horizontal {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.icon-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
	-webkit-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}
:root .icon-rotate-90,
:root .icon-rotate-180,
:root .icon-rotate-270,
:root .icon-flip-horizontal,
:root .icon-flip-vertical {
	filter: none;
}


/* WIZARD */
.wizard {
	display: table;
	margin: 5px;
	border-spacing: 0;
}
.wizard-step {
	/*padding: 9px 18px 9px 25px;
	display: inline-block;*/
	padding: 0 18px 0 25px;
	display: table-cell;
	height: 30px;
	position: relative;
	line-height: 1;
	vertical-align: middle;
}
.wizard.full-width {
	width: 99%;
}
.wizard-step:first-child {
	padding-left: 18px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.wizard-step:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.wizard-step.current-step {
	border-top: 1px solid #00578c;
	border-bottom: 1px solid #00578c;
}
.wizard-step.future-step,
.wizard-step.past-step {
	background: #e9e9e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
	
	color: #a6a6a6;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #afafaf;
}
.wizard-step.past-step {
	color: #000000;
}
.wizard-step.future-step:first-child,
.wizard-step.past-step:first-child {
	border-left: 1px solid #bcbcbc;
}
.wizard-step.current-step:first-child {
	border-left: 1px solid #00578c;
}
.wizard-step.future-step:last-child,
.wizard-step.past-step:last-child {
	border-right: 1px solid #bcbcbc;
}
.wizard-step.current-step:last-child {
	border-left: 1px solid #00578c;
}
.wizard-step a { text-decoration: none; }
.wizard-step a:hover { text-decoration: underline; }
.wizard-step.past-step a { color: #000000; }
.wizard-step.past-step a:hover { color: #004d81; }
.wizard-step.future-step a { color: #a6a6a6; }
.wizard-step.future-step a:hover { color: #004d81; }
.wizard-step.current-step a { color: #FFFFFF; }
.wizard-step.current-step a:hover { color: #FFFFFF; }
.wizard-step.inactive {
	color: #a6a6a6;
}

/* Setas */
/* Para fazer a seta avaliar http://stackoverflow.com/a/12433597/3136474 */
.wizard-step.current-step:after,
.wizard-step.past-step:after,
.wizard-step.future-step:after {
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	/*top: 50%; O IE (todas versões) calcula o percentual diferente, por isso foi usado o valor fixo no top
	margin-top: -9px;*/
	top: 6px;
	right: -9px;
	transform: rotate(45deg) skew(10deg,10deg);
	z-index: 1;
}
.wizard-step.current-step:after {
	background: #016ca3; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #007fb9 0%, #005a8f 100%); /* FF3.6+ */
	background: -webkit-gradient(left top, right bottom, color-stop(0%,#007fb9), color-stop(100%,#005a8f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #007fb9 0%,#005a8f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #007fb9 0%,#005a8f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #007fb9 0%,#005a8f 100%); /* IE10+ */
	background: linear-gradient(135deg, #007fb9 0%,#005a8f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fb9', endColorstr='#005a8f',GradientType=1 ); /* IE6-9 */
}
.wizard-step.past-step:after,
.wizard-step.future-step:after {
	background: linear-gradient(135deg,  #ffffff 0%,#e9e9e9 100%);
	border-top: 1px solid #cacaca;
	border-right: 1px solid #afafaf;
}
.wizard-step.current-step:last-child:after,
.wizard-step.past-step:last-child:after,
.wizard-step.future-step:last-child:after {
	display: none;
}


/* White Label */
.white-label .linha_topo_g {
	background: #424242;
}
.white-label .icon-usuario-topo,
.white-label .texto_bem_vindo {
	color: #FFFFFF;
}
.white-label .menu_principal {
	background: #4c4c4c;
	border: 1px solid #3d3d3d;
	
	-webkit-box-shadow: 0px 1px 1px 0px #6b6b6b inset;
	-moz-box-shadow: 0px 1px 1px 0px #6b6b6b inset;
	box-shadow: 0px 1px 1px 0px #6b6b6b inset;
}
.white-label .menu_principal .item_menu:hover, 
.white-label .menu_principal .item_menu.hover {
	background: #3f3f3f;
}
.white-label .menu_principal .item_menu:active,
.white-label .menu_principal .item_menu.active,
.white-label .menu_principal .item_menu:active .ico,
.white-label .menu_principal .item_menu.active .ico,
.white-label .menu_principal .item_menu:active:after,
.white-label .menu_principal .item_menu.active:after {
	color: #4c4c4c;
}
.white-label .menu_principal .item_menu:active,
.white-label .menu_principal .item_menu.active {
	/* igual ao original, copiado aqui para sobrescrever a regra do :hover acima */
	background: #fccb00; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdd403 0%, #f7c002 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdd403), color-stop(100%,#f7c002)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdd403 0%,#f7c002 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdd403 0%,#f7c002 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdd403 0%,#f7c002 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdd403 0%,#f7c002 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd403', endColorstr='#f7c002',GradientType=0 ); /* IE6-9 */
}
.white-label .img_rodape {
	display: none;
}
.white-label .fundo_box_painel {
	background-color: #E2E2E2;
}
/* btns dinâmicos */
.white-label .btn-primario,
.white-label .btn-group.primario input,
.white-label .btn-group input.primario,
.white-label .wizard-step.current-step {
	background: #606060; /* Old browsers */
	background: -moz-linear-gradient(top,  #777777 0%, #4f4f4f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#4f4f4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #777777 0%,#4f4f4f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #777777 0%,#4f4f4f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #777777 0%,#4f4f4f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #777777 0%,#4f4f4f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */
	
	color:#FFF;
}
.white-label .btn-primario,
.white-label .btn-group.primario input,
.white-label .btn-group input.primario {
	border-color: #565656;
}
.white-label .btn-primario:hover,
.white-label .btn-primario.hover,
.white-label .btn-group.primario input:hover,
.white-label .btn-group.primario input.hover,
.white-label .btn-group input.primario:hover,
.white-label .btn-group input.primario.hover {
	border-color: #565656;
	
	background: #8E8E8E; /* Old browsers */
	background: -moz-linear-gradient(top,  #969696 0%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #969696 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #969696 0%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #969696 0%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #969696 0%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
}
.white-label .btn-primario.btn-shadow:hover,
.white-label .btn-primario.btn-shadow.hover,
.white-label .btn-group.primario.btn-shadow input:hover,
.white-label .btn-group.primario.btn-shadow input.hover,
.white-label .btn-group input.primario.btn-shadow:hover,
.white-label .btn-group input.primario.btn-shadow.hover {
	-webkit-box-shadow: 0px 2px 5px -1px #494949;
	-moz-box-shadow: 0px 2px 5px -1px #494949;
	box-shadow: 0px 0px 5px -1px #494949;
}
.white-label .btn-primario:active,
.white-label .btn-primario.active,
.white-label .btn-group.primario input:active,
.white-label .btn-group.primario input.active,
.white-label .btn-group input.primario:active,
.white-label .btn-group input.primario.active,
.white-label .btn-primario.btn-shadow:active,
.white-label .btn-primario.btn-shadow.active,
.white-label .btn-group.primario.btn-shadow input:active,
.white-label .btn-group.primario.btn-shadow input.active,
.white-label .btn-group input.primario.btn-shadow:active,
.white-label .btn-group input.primario.btn-shadow.active {
	background: #3a3a3a; /* Old browsers */
	background: -moz-linear-gradient(top,  #3a3a3a 0%, #494949 25%, #595959 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(25%,#494949), color-stop(100%,#595959)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3a3a3a 0%,#494949 25%,#595959 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3a3a3a 0%,#494949 25%,#595959 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3a3a3a 0%,#494949 25%,#595959 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3a3a3a 0%,#494949 25%,#595959 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#595959',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.white-label .btn-secundario:hover, 
.white-label .btn-secundario.hover, 
.white-label .btn-group.secundario input:hover, 
.white-label .btn-group.secundario input.hover, 
.white-label .btn-group input.secundario:hover, 
.white-label .btn-group input.secundario.hover {
	border-color: #898989;
}
.white-label .btn-secundario:active,
.white-label .btn-secundario.active,
.white-label .btn-group.secundario input:active,
.white-label .btn-group.secundario input.active,
.white-label .btn-group input.secundario:active,
.white-label .btn-group input.secundario.active,
.white-label .btn-secundario.btn-shadow:active,
.white-label .btn-secundario.btn-shadow.active,
.white-label .btn-group.secundario.btn-shadow input:active,
.white-label .btn-group.secundario.btn-shadow input.active,
.white-label .btn-group input.secundario.btn-shadow:active,
.white-label .btn-group input.secundario.btn-shadow.active {
	border-color: #bebebe;
}
.white-label .btn-terciario,
.white-label .btn-group.terciario input,
.white-label .btn-group input.terciario {
	background: #3f3f3f;
	border-color: #303030;
	color:#FFF;
	font-size:15px;
	
	-webkit-box-shadow:0px 1px 0px 0px #9b9b9b inset;
	-moz-box-shadow:0px 1px 0px 0px #9b9b9b inset;
	box-shadow:0px 1px 0px 0px #9b9b9b inset;
}
.white-label .btn-terciario:hover,
.white-label .btn-terciario.hover,
.white-label .btn-group.terciario input:hover,
.white-label .btn-group.terciario input.hover,
.white-label .btn-group input.terciario:hover,
.white-label .btn-group input.terciario.hover {
	background: #545454;
}
.white-label .btn-terciario:active,
.white-label .btn-terciario.active,
.white-label .btn-group.terciario input:active,
.white-label .btn-group.terciario input.active,
.white-label .btn-group input.terciario:active,
.white-label .btn-group input.terciario.active {
	background: #383838;
	-webkit-box-shadow:0px 1px 2px 0px #232323 inset;
	-moz-box-shadow:0px 1px 2px 0px #232323 inset;
	box-shadow:0px 1px 2px 0px #232323 inset;
}
.white-label .btn-primario.inactive,
.white-label .btn-primario.inactive:hover,
.white-label .btn-primario.inactive.hover,
.white-label .btn-primario.inactive:active,
.white-label .btn-primario.inactive.active,
.white-label .btn-secundario.inactive,
.white-label .btn-secundario.inactive:hover,
.white-label .btn-secundario.inactive.hover,
.white-label .btn-secundario.inactive:active,
.white-label .btn-secundario.inactive.active,
.white-label .btn-terciario.inactive,
.white-label .btn-terciario.inactive:hover,
.white-label .btn-terciario.inactive.hover,
.white-label .btn-terciario.inactive:active,
.white-label .btn-terciario.inactive.active {
	background: #f2f2f2;
	border: 1px solid #bebebe;
	color: #a9a9a9;
	cursor: auto;
	text-decoration:none;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* WIZARD */
.white-label .wizard-step.current-step {
	border-top: 1px solid #565656;
	border-bottom: 1px solid #565656;
}
.white-label .wizard-step.current-step:after {
	background: #606060; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #777777 0%, #4f4f4f 100%); /* FF3.6+ */
	background: -webkit-gradient(left top, right bottom, color-stop(0%,#777777), color-stop(100%,#4f4f4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #777777 0%,#4f4f4f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #777777 0%,#4f4f4f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #777777 0%,#4f4f4f 100%); /* IE10+ */
	background: linear-gradient(135deg, #777777 0%,#4f4f4f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#4f4f4f',GradientType=1 ); /* IE6-9 */
}
.white-label .tab_master .icon-link-sm, 
.white-label .tab_master .icon-link-sm:visited, 
.white-label .icon-link-sm {
	color: #898989;
}
.white-label .tab_master .icon-link-sm:hover, 
.white-label .tab_master .icon-link-sm.hover, 
.white-label .icon-link-sm:hover, 
.white-label .icon-link-sm.hover,
.white-label .sub:hover > .icon-link-sm,
.white-label .sub_v:hover > .icon-link-sm {
	color: #5e5e5e;
}
.white-label .tab_master .icon-link-sm:active, 
.white-label .tab_master .icon-link-sm.active,
.white-label .icon-link-sm:active, 
.white-label .icon-link-sm.active,
.white-label .sub:active > .icon-link-sm,
.white-label .sub_v:active > .icon-link-sm {
	color: #4c4c4c;
}
.white-label .tab_master .ico.inactive, 
.white-label .tab_master .ico.inactive:hover, 
.white-label .ico.inactive, 
.white-label .ico.inactive:hover, 
.white-label .icon-btn-lg.inactive:before {
	color: #c6c6c6;
}
.white-label .chamada_pag,
.white-label .chamada_pag_2,
.white-label .chamada_consulta,
.white-label .chamada_tipcfe,
.white-label .fonte12_azul,
.white-label .fonte17,
.white-label .sub_titulo_emitir,
.white-label .icon-btn-sm, 
.white-label .icon-btn-dropdown, 
.white-label .icon-btn-lg:before,
.white-label .icon-help,
.white-label .icon-lock-big {
	color: #4c4c4c;
}
.white-label .icon-btn-sm:hover,
.white-label .icon-btn-sm.hover,
.white-label .icon-btn-dropdown:hover,
.white-label .icon-btn-dropdown.hover,
.white-label .menu_topo_hover:hover > .icon-btn-dropdown,
.white-label .menu_topo_hover.hover > .icon-btn-dropdown,
.white-label .menu_topo {
	border-color: #898989;
	
	-webkit-box-shadow: 0px 0px 2px 0px #636363;
	-moz-box-shadow: 0px 0px 2px 0px #636363;
	box-shadow: 0px 0px 2px 0px #636363;
}
.white-label .icon-btn-dropdown:hover,
.white-label .icon-btn-dropdown.hover,
.white-label .menu_topo_hover:hover > .icon-btn-dropdown,
.white-label .menu_topo_hover.hover > .icon-btn-dropdown {
	border-bottom: none;
	
	-webkit-box-shadow: 0px 5px 0px -1px white,
						0px 0px 2px 0px #636363;
	-moz-box-shadow: 0px 5px 0px -1px white,
					0px 0px 2px 0px #636363;
	box-shadow: 0px 5px 0px -1px white,
				0px 0px 2px 0px #636363;
}
.white-label .icon-btn-lg:hover,
.white-label .icon-btn-lg.hover {
	border-color: #898989;
	
	-webkit-box-shadow: 0px 0px 3px -1px #636363;
	-moz-box-shadow: 0px 0px 3px -1px #636363;
	box-shadow: 0px 0px 3px -1px #636363;
}
.white-label .icon-btn-lg:active,
.white-label .icon-btn-lg.active {
	border-color: #bebebe;
	
	-webkit-box-shadow: 0px 0px 5px -4px black inset;
	-moz-box-shadow: 0px 0px 5px -4px black inset;
	box-shadow: 0px 0px 5px -4px black inset;
}
.white-label .icon-link-sm.inactive,
.white-label .sub.inactive > .icon-link-sm,
.white-label .sub_v.inactive > .icon-link-sm,
.white-label .sub:hover > .icon-link-sm.inactive,
.white-label .sub.inactive:hover > .icon-link-sm,
.white-label .sub:active > .icon-link-sm.inactive,
.white-label .sub.inactive:active > .icon-link-sm,
.white-label .sub_v:hover > .icon-link-sm.inactive,
.white-label .sub_v.inactive:hover > .icon-link-sm,
.white-label .sub_v:active > .icon-link-sm.inactive,
.white-label .sub_v.inactive:active > .icon-link-sm {
	color: #c6c6c6;
}
.white-label .icon-dropdown {
	color: #4c4c4c;
}
.white-label .tab_masterTitle,
.white-label .tab_master_linkTitle {
	background-color: #EFEFEF;
}
.white-label .Teste:focus,
.white-label .Teste:hover{
	border-color: #898989;
}
.white-label .input-color-container:hover {
	border-color: #898989;
}
.white-label .box_white_blue {
	border-color: #898989;
}
.white-label .login_dd_campos {
	border-color: #898989;
}
/* Popups */
.white-label .PopupBorder {
	border-color: #353535 !important;
}
.white-label .PopupHeader {
	background-color: #3F3F3F !important;
	border-color: #353535 !important;
}
/* Fim White Label */

/* Resoluções das telas Mobile*/
/*Horizontal*/
@media screen and (min-width: 900px) and (max-width: 2560px) {
.alMiddleContainer { margin-right: 60em; }
.topo_login, .topo_invoicyweb {
	flex: 1;
    display: flex;
    justify-content: center; }
}

@media screen and (min-width: 568px) and (max-width: 736px) {
	.alMiddleContainer > *, .alMiddle { margin-left: 1em; }
}

@media screen and (min-width: 320px) and (max-width: 414px) {
	.alMiddleContainer > *, .alMiddle { margin-left: 1em; }
}

@media screen and (max-width: 667px) {
.box_login { padding: 2em; }
}

@media screen and (max-width: 568px) {
.box_login 							{ padding: 1em; }
.container_col_tipomensagem_login 	{ margin-top: -1em; }

.erro_dinamico, 
.alerta_dinamico, 
.sucesso_dinamico, 
.info_dinamico { width: 45em;}
}

/*Vertical*/
@media screen and (max-width: 414px) {
.container_col_tipomensagem_login {     
	margin-bottom: 1em;
    margin-top: 1em; }
	
.erro_dinamico, 
.alerta_dinamico, 
.sucesso_dinamico, 
.info_dinamico { width: 32em; }

.box_login							{ padding: 3em; }
.compo_user_login					{ width: 15em !important; }
.container_col_button_text_login 	{ flex: 1; }
}

@media screen and (max-width: 375px) {
.erro_dinamico, 
.alerta_dinamico, 
.sucesso_dinamico, 
.info_dinamico 		{width: 28em; }
.compo_user_login 	{ width: 12em !important; }
.container_col_tipomensagem_login > div > div .texto_mensagem { font-size:12px !important; }
.btnrecuperar { min-width: 6em !important; }
.container_col_button_recuperasenha { margin-right: -2em; }
.campo_user_cambiarsenha { width: 16em !important; }
}

@media screen and (max-width: 360px) {
.box_login 							{ padding: 2em; }
.container_col_rellanaespacio_login { flex: 2; }
.btn-primario, 
.btn-secundario, 
.btn-terciario 						{ min-width: 85px; }
.container_col_button_recuperasenha { margin-right: 20px; }
.btnrecuperar 						{ min-width: 8em !important; }

}

@media screen and (max-width: 320px) {
.erro_dinamico, 
.alerta_dinamico, 
.sucesso_dinamico, 
.info_dinamico 						{ width: 24em; }
.box_login 							{ padding: 1em; }
.container_col_rellanaespacio_login { flex: 2; }
.btn-primario, 
.btn-secundario, 
.btn-terciario 						{ min-width: 87px; }
.container_col_button_text_login 	{ margin-left: 1em; }
.container_col_tipomensagem_login > div > div .texto_mensagem {
    font-size: 11px !important;
    flex: 1;
    display: flex;
    flex-direction: column; }
.campo_user_cambiarsenha 			{ width: 15em !important; }
.btnrecuperar 						{  min-width: 7em !important; }
.container_col_button_recuperasenha { margin-right: 20px; }
}