/* FONT FACE ICONS */
@font-face {
    font-family: "material-icons";
    src:url("fonts/material-icons.eot");
    src:url("fonts/material-icons.eot?#iefix") format("embedded-opentype"),
    url("fonts/material-icons.woff") format("woff"),
    url("fonts/material-icons.ttf") format("truetype"),
    url("fonts/material-icons.svg#material-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

.WsIcon_Lupa:before,
.WsIcon_Lupa button:before,
button.WsIcon_Lupa:before,
.WsIcon_Lupa>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "O";
}
.WsIcon_X:before,
.WsIcon_X button:before,
button.WsIcon_X:before,
.WsIcon_X>div>span.WebItm_Icon:before {
    /* Info icon */
    content: ":";
}
.WsIcon_LupaBlk:before,
.WsIcon_LupaBlk button:before,
button.WsIcon_LupaBlk:before,
.WsIcon_LupaBlk>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "O";
	color: #0F0D0D;
}
.WsIcon_XBlk:before,
.WsIcon_XBlk button:before,
button.WsIcon_XBlk:before,
.WsIcon_XBlk>div>span.WebItm_Icon:before {
    /* Info icon */
    content: ":";
	color: #0F0D0D
}
.WsIcon_Info:before,
.WsIcon_Info button:before,
button.WsIcon_Info:before,
.WsIcon_Info>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "M";
	background-color: transparent
}
.WsIcon_InfoBr:before,
.WsIcon_InfoBr button:before,
button.WsIcon_InfoBr:before,
.WsIcon_InfoBr>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "M";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Pagamentos:before,
.WsIcon_Pagamentos button:before,
button.WsIcon_Pagamentos:before,
.WsIcon_Pagamentos>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e031";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Clientes:before,
.WsIcon_Clientes button:before,
button.WsIcon_Clientes:before,
.WsIcon_Clientes>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e010";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Cancel:before,
.WsIcon_Cancel button:before,
button.WsIcon_Cancel:before,
.WsIcon_Cancel>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "X";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_CancelBr:before,
.WsIcon_CancelBr button:before,
button.WsIcon_CancelBr:before,
.WsIcon_CancelBr>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "X";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Lembrete:before,
.WsIcon_Lembrete button:before,
button.WsIcon_Lembrete:before,
.WsIcon_Lembrete>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "y";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Fatura:before,
.WsIcon_Fatura button:before,
button.WsIcon_Fatura:before,
.WsIcon_Fatura>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "Y";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Conf:before,
.WsIcon_Conf button:before,
button.WsIcon_Conf:before,
.WsIcon_Conf>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e030";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_ConfP:before,
.WsIcon_ConfP button:before,
button.WsIcon_ConfP:before,
.WsIcon_ConfP>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e030";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_Assinaturas:before,
.WsIcon_Assinaturas button:before,
button.WsIcon_Assinaturas:before,
.WsIcon_Assinaturas>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "=";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Manual:before,
.WsIcon_Manual button:before,
button.WsIcon_Manual:before,
.WsIcon_Manual>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e01d";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Salvar:before,
.WsIcon_Salvar button:before,
button.WsIcon_Salvar:before,
.WsIcon_Salvar>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e026";
}
.WsIcon_Senha:before,
.WsIcon_Senha button:before,
button.WsIcon_Senha:before,
.WsIcon_Senha>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "A";
}
.WsIcon_SenhaB:before,
.WsIcon_SenhaB button:before,
button.WsIcon_SenhaB:before,
.WsIcon_SenhaB>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "A";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Suspender:before,
.WsIcon_Suspender button:before,
button.WsIcon_Suspender:before,
.WsIcon_Suspender>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "X";
}
.WsIcon_CalendarioBr:before,
.WsIcon_CalendarioBr button:before,
button.WsIcon_CalendarioBr:before,
.WsIcon_CalendarioBr>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "h";
	color: #FFFFFF;
}
.WsIcon_Contrato:before,
.WsIcon_Contrato button:before,
button.WsIcon_Contrato:before,
.WsIcon_Contrato>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "R";
}
.WsIcon_ContratoBr:before,
.WsIcon_ContratoBr button:before,
button.WsIcon_ContratoBr:before,
.WsIcon_ContratoBr>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "R";
	color: #FFFFFF;
}
.WsIcon_Anexo:before,
.WsIcon_Anexo button:before,
button.WsIcon_Anexo:before,
.WsIcon_Anexo>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "g";
}
.WsIcon_TresPontos:before,
.WsIcon_TresPontos button:before,
button.WsIcon_TresPontos:before,
.WsIcon_TresPontos>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e014";
	color: #0F0D0D;
	background-color: transparent;
	text-align: left !important
}
.WsIcon_Transmitir:before,
.WsIcon_Transmitir button:before,
button.WsIcon_Transmitir:before,
.WsIcon_Transmitir>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "5";
	background-color: transparent
}
.WsIcon_Buscar:before,
.WsIcon_Buscar button:before,
button.WsIcon_Buscar:before,
.WsIcon_Buscar>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e027";
	/*color: #0F0D0D;*/
	background-color: transparent
}
.WsIcon_Atualizar:before,
.WsIcon_Atualizar button:before,
button.WsIcon_Atualizar:before,
.WsIcon_Atualizar>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e034";
	color: #0F0D0D;
	background-color: transparent
}

.WsIcon_AtualizarBrc:before,
.WsIcon_AtualizarBrc button:before,
button.WsIcon_AtualizarBrc:before,
.WsIcon_AtualizarBrc>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e034";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Resetar:before,
.WsIcon_Resetar button:before,
button.WsIcon_Resetar:before,
.WsIcon_Resetar>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e033";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_Compra:before,
.WsIcon_Compra button:before,
button.WsIcon_Compra:before,
.WsIcon_Compra>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "T";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_Marcar:before,
.WsIcon_Marcar button:before,
button.WsIcon_Marcar:before,
.WsIcon_Marcar>div>span.WebItm_Icon:before {
    /* Info icon */
    content: ";";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_Desmarcar:before,
.WsIcon_Desmarcar button:before,
button.WsIcon_Desmarcar:before,
.WsIcon_Desmarcar>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e01a";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_Print:before,
.WsIcon_Print button:before,
button.WsIcon_Print:before,
.WsIcon_Print>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "S";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_PrintNovas:before,
.WsIcon_PrintNovas button:before,
button.WsIcon_PrintNovas:before,
.WsIcon_PrintNovas>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e009";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_Email:before,
.WsIcon_Email button:before,
button.WsIcon_Email:before,
.WsIcon_Email>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e01c";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_EmailB:before,
.WsIcon_EmailB button:before,
button.WsIcon_EmailB:before,
.WsIcon_EmailB>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e01c";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Arquivar:before,
.WsIcon_Arquivar button:before,
button.WsIcon_Arquivar:before,
.WsIcon_Arquivar>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e018";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_Desarquivar:before,
.WsIcon_Desarquivar button:before,
button.WsIcon_Desarquivar:before,
.WsIcon_Desarquivar>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e000";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_Voltar:before,
.WsIcon_Voltar button:before,
button.WsIcon_Voltar:before,
.WsIcon_Voltar>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e033";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Painel:before,
.WsIcon_Painel button:before,
button.WsIcon_Painel:before,
.WsIcon_Painel>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e02d";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Sair:before,
.WsIcon_Sair button:before,
button.WsIcon_Sair:before,
.WsIcon_Sair>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e024";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Dashboard:before,
.WsIcon_Dashboard button:before,
button.WsIcon_Dashboard:before,
.WsIcon_Dashboard>div>span.WebItm_Icon:before {
    /* Info icon */
    content: ">";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Excluir:before,
.WsIcon_Excluir button:before,
button.WsIcon_Excluir:before,
.WsIcon_Excluir>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "x";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_ExcluirB:before,
.WsIcon_ExcluirB button:before,
button.WsIcon_ExcluirB:before,
.WsIcon_ExcluirB>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "x";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Mais:before,
.WsIcon_Mais button:before,
button.WsIcon_Mais:before,
.WsIcon_Mais>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "7";
	color: #0F0D0D;
	background-color: transparent;
	/*font-size: 14px*/
}
.WsIcon_MaisBr:before,
.WsIcon_MaisBr button:before,
button.WsIcon_MaisBr:before,
.WsIcon_MaisBr>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "7";
	color: #FFFFFF;
	background-color: transparent;
	/*font-size: 14px*/
}
.WsIcon_Expand:before,
.WsIcon_Expand button:before,
button.WsIcon_Expand:before,
.WsIcon_Expand>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e013";
	color: #0F0D0D;
	background-color: transparent;
	font-size: 14px
}
.WsIcon_Conta:before,
.WsIcon_Conta button:before,
button.WsIcon_Conta:before,
.WsIcon_Conta>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e017";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Usuario:before,
.WsIcon_Usuario button:before,
button.WsIcon_Usuario:before,
.WsIcon_Usuario>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "v";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Plano:before,
.WsIcon_Plano button:before,
button.WsIcon_Plano:before,
.WsIcon_Plano>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e004";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Log:before,
.WsIcon_Log button:before,
button.WsIcon_Log:before,
.WsIcon_Log>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e004";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_AdmEmp:before,
.WsIcon_AdmEmp button:before,
button.WsIcon_AdmEmp:before,
.WsIcon_AdmEmp>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "\e01e";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_Param:before,
.WsIcon_Param button:before,
button.WsIcon_Param:before,
.WsIcon_Param>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "1";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_NotaFiscal:before,
.WsIcon_NotaFiscal button:before,
button.WsIcon_NotaFiscal:before,
.WsIcon_NotaFiscal>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "z";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_NotasFiscais:before,
.WsIcon_NotasFiscais button:before,
button.WsIcon_NotasFiscais:before,
.WsIcon_NotasFiscais>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "C";
	color: #FFFFFF;
	background-color: transparent
}
.WsIcon_NotasFiscaisBlk:before,
.WsIcon_NotasFiscaisBlk button:before,
button.WsIcon_NotasFiscaisBlk:before,
.WsIcon_NotasFiscaisBlk>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "C";
	color: #0F0D0D;
	background-color: transparent
}
.WsIcon_DocStatus:before,
.WsIcon_DocStatus button:before,
button.WsIcon_DocStatus:before,
.WsIcon_DocStatus>div>span.WebItm_Icon:before {
    /* Info icon */
    content: "N";
}
.WsWebInfoBalloon{
    background-color: #F3F3F3;
    color: #181818;
    text-decoration: none;
    padding: 10px;
    margin: 10px 0px 0px -500px;
    line-height: 1.3em;
    font-weight: bold; 
    font-family: 'Lato';
    font-size: 100%;
 
    transition: opacity 0.4s ease, visibility 0s linear 0.4s;
    opacity: 1;
    visibility: visible;
}

.WebHorizontalLineSlim > div.WebCon_Inner > div{
    padding: 2px;
	margin-bottom: -20px !important; 
}

/* Btn Grid*/
.WsWebButton:before,
.WsWebButton button:before,
button.WsWebButton:before,
.WebGrid .WebList_Body .WebList_Row button, 
.WebList .WebList_Body .WebList_Row button{
    outline: none;
	background-color: transparent;
	color: #0F0D0D;
	border: none;
}
.WsWebButton.Web_Enabled button:hover, 
.WsWebButton.Web_Enabled button:focus,
.WebGrid .WebList_Body .WebList_Row button:hover,
.WebList .WebList_Body .WebList_Row button:hover{
    outline: none;
    background-color: transparent;
    border: none;
    color: #F4A11E;
}

#OWEBAPP .digitada .SituacaoGNRE
{
    /*background-color: aqua;   
    background-color: #82B0C2; */
    background-color: #538AEF;
    color: #F1F1F1;
}
#OWEBAPP .erro .SituacaoGNRE
{
    /*background-color: red;   */
    background-color: #FEC0C0;
    color: #110F0F;
}
#OWEBAPP .transmitida .SituacaoGNRE
{
    /*background-color: yellow;   */
    background-color: #EFDB26;
	color: #110F0F;
}
#OWEBAPP .autorizada .SituacaoGNRE
{
    background-color: #90EE90;
    color: #110F0F;
}
#OWEBAPP .impressa .SituacaoGNRE
{
    /*background-color: silver;   */
    background-color: #90EE90;
	color: #110F0F;
}
#OWEBAPP .paga .SituacaoGNRE
{
    background-color: #BFF4FF;
    color: #110F0F;
    /*background-color: #538AEF; */
}
#OWEBAPP .analisar .SituacaoGNRE
{
    /*background-color: silver;   */
    background-color: #BFBFBF;
	color: #110F0F;
}
#OWEBAPP .LabelNegrito.WebLabel .WebLabel_content
{
    font-weight: bold;
}
#OWEBAPP .CaptionNegrito.WebCheckbox .WebCheckbox_Caption
{
    padding: 8px 2px 0px 0px;
    display: block;
    margin-left: 40px;
    height: auto;
	font-weight: bold;
}

/* GRID Body */
#OWEBAPP .WebGrid .WebList_BodyWrp, .WebList .WebList_BodyWrp{
    background-color: transparent;    
}

#OWEBAPP .WebGrid .WebList_Body .WebList_Row, .WebList .WebList_Body .WebList_Row{
    background-color: transparent;
}

#OWEBAPP .WebList > div > div > div > div > .WebList_Body.WebList_ShowSelected > div > div > .WebList_Row.WebList_Selected{
    border-left: 2px solid #F4A11E;
    color: #0F0D0D;
}

#OWEBAPP .WebList.WebCon_Focus > div > div > div > div > .WebList_Body.WebList_ShowSelected > .WebList_Row.WebList_Selected{
    border-left: 2px solid #E2961C;
    color: #4DA8E8;
} 

#OWEBAPP .WebList_Body.WebList_ShowSelected .WebList_Row.WebList_Selected .WebButtonIcon:hover:before,
#OWEBAPP .WebList_Body .WebList_Row .WebButtonIcon:hover:before {
    color: #F4A11E; 
}

#OWEBAPP .WebList_Body.WebList_ShowSelected .WebList_Row.WebList_Selected .WebButtonIcon:before {
    color: #0F0D0D;
}

/*************************HTML BOX TERMO **********************/
#OWEBAPP .TermoHtmlBox.WebHtmlBox .WebHtml_Wrp
{
    line-height: normal;
    /*padding: 1px;*/
    margin-top: 10px;
}

#OWEBAPP .BotaoDegrade {
  /* Reduzindo o espaço vertical (padding de 5px em cima/embaixo, 16px nas laterais) */
  padding: 0px 20px; 
  font-size: 13px; /* Fonte levemente menor para acompanhar o botão compacto */
  font-weight: bold;
  
  /* Texto escuro para dar leitura em cima do fundo claro */
  color: #333333; 
  
  /* Borda bem suave para delimitar o botão, já que as cores são claras */
  border: 1px solid rgba(0,0,0,0.05); 
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Sombra um pouco mais sutil */
  
  /* Novas cores: do rosinha para o laranja */
  background: linear-gradient(270deg, #f7a29e, #FFFFFF, #f7a29e);
  background-size: 200% 200%;
  
  /* Mantendo a animação contínua */
  animation: moverDegrade 3s ease infinite;
}

/* Opcional: Um pequeno efeito extra ao passar o mouse */
#OWEBAPP .BotaoDegrade:hover {
  transform: translateY(-1px); /* Movimento mais sutil ao passar o mouse */
  box-shadow: 0 4px 6px rgba(0,0,0,0.15);
}

/* Os Keyframes que fazem o fundo se mexer */
@keyframes moverDegrade {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}