@charset "utf-8";

@import url("_reset.css");
@import url("_links.css");
@import url("_botoes.css");
@import url("_calendario.css");

/*** CORPO DO DOCUMENTO ***/
/**********************************************************************************************************************/
html {
    scroll-behavior: smooth;
}

#geral {
	margin: 0 auto;
	height: 100%;
	position: relative;
	text-align: left;
	width: 100%;
	/* background-color: rgb(255 255 255 / 88%); */

}
#conteudo {
    display: flex;
    flex-direction: column;
	align-items: center;
	height: 100%;
	/* margin-top: 88px; */
	/* padding-bottom: 24px; */

}
.noPrint {
}
/**** Mensagens de Erro ***/
/**********************************************************************************************************************/
.spwHtmlIcoAlerta,
.spwHtmlIcoAlerta a,
.spwHtmlIcoSucesso,
.spwHtmlIcoSucesso a,
.spwHtmlIcoErro,
.spwHtmlIcoErro a { 
	text-decoration:none !important;
}
/*
div#spwTabelaMensagem {
	display: block;
	position: relative;
	float: left;
	border: solid 1px #f96900;
	padding: 10px;
	width: 682px;
	background: #fdfde7;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 2px 2px #999;
	behavior: url(./css/PIE.htc);
	margin-bottom: 20px;
}
div#spwTabelaMensagem table.tabelaMensagem tbody tr td.tituloMensagem {
	font: bold 22px/24px Arial, Helvetica, Sans-serif;
	color: #c94300;
}
div#spwTabelaMensagem table.tabelaMensagem tbody tr td.alert img {
	position: absolute;
	top: -10px;
	left: -10px;
}
div#spwTabelaMensagem table.tabelaMensagem tbody tr td li {
	list-style: none;
	font: normal 12px/14px Arial, Helvetica, Sans-serif;
	color: #666;
}
*/
/*** Todas as Páginas ***/
/**********************************************************************************************************************/
#pagina {
	display: flex;
	justify-content: space-between;
	
	width: 1072px;

	margin-top: 24px;
}

#pagina #colunaEsquerda {
	display: block;
	float: left;
	width: 774px;
}
#pagina #colunaDireita {
	display: block;
	float: right;
	width: 282px;
	height: fit-content;
}
#pagina .fundoSuperior {
	display: none;
	/* display: block; */
	position:relative;
	clear: left;
	width: 679px;
	margin-bottom: 5px;
	padding-left: 25px;
	font: bold 22px Arial, Helvetica, sans-serif;
	background: url("../imagens/icones/tabela.png") no-repeat scroll 0 5px  transparent;
}
#pagina .fundoSuperior .spwHtmlIcoHelp {
	position:absolute;
	right:0;
	top:0;
	width:25px;
	height:24px;
	background:url("../imagens/helpPage.gif");
}
#baseCaminhao {
	display: block;
	background: #f7f7f3;
	position: relative;
	padding: 0px;
	border: solid 1px #ccc;
	margin: 10px auto;
	width: 640px;
	overflow: hidden;
}

/*** Topo  ***/
/**********************************************************************************************************************/
#topo {
	display: block;
	width: 1000px;
	height: 60px;
}
#topo #logo {
	display: block;
	float: left;
	text-indent: -9999px;
}
#topo #aet {
	display: block;
	height: 60px;
	margin:0 0 0 87px;
	text-indent: -9999px;
}
/*** Menu  ***/
/**********************************************************************************************************************/
#menu {
	display: none;
	/* display: block; */
	width: 1000px;
	height: 28px;
	margin-top: 5px;
}
#menu li {
	display: inline;
}
#menu a {
	display: block;
	float: left;
	background-image: url("../imagens/main/menu.png");
	background-repeat: no-repeat;
	height: 28px;
	text-indent: -9999px;
	margin-right: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(./css/PIE.htc);
}
#menu .solicitacao {
	background-position: 0px 0px;
	width: 122px;
}
#menu .solicitacao:hover {
	background-position: 0px -28px;
}
#menu .consulta {
	background-position: 0px -56px;
	width: 129px;
}
#menu .consulta:hover {
	background-position: 0px -84px;
}
#menu .taxas {
	background-position: 0px -112px;
	width: 180px;
}
#menu .taxas:hover {
	background-position: 0px -140px;
}
#menu .renovacao {
	background-position: 0px -168px;
	width: 84px;
}
#menu .renovacao:hover {
	background-position: 0px -196px;
}
#menu .analisetecnica {
	background-position: 0px -224px;
	width: 150px;
}
#menu .analisetecnica:hover {
	background-position: 0px -252px;
}
#menu .solicitacaoae {
	background-position: 0px -280px;
	width: 135px;
}
#menu .solicitacaoae:hover {
	background-position: 0px -308px;
}


/*** Mensagens de Erro e Avisos ***/
/**********************************************************************************************************************/
.msgAviso {
    display: flex;
	align-items: center;
	background-color: var(--warning-light);
	
	padding: 8px 12px;
	
	color: var(--surface-dark);
	font-family: Open Sans;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: justify;

	gap: 12px;
}

.msgAviso svg{
	min-height: 32px;
	min-width: 32px;
	max-height: 32px;
	max-width: 32px;
	
}


h1.msgErro {
	color: var(--error-main);
	display: block;
	float: left;
	font-family: Open Sans;
	font-size: 12px;
	font-weight: 400;
	line-height: 16.34px;
	text-align: left;
	width: 100%;
}
.alerta {
	display: block;
	font: italic normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	padding-left: 20px;
	width: 100%;
	margin-top: 5px;
	background-image: url("../imagens/icones/alertas.png");
	background-repeat: no-repeat;
}
.simples {
	background-position: 0px -159px;
}
p.ajuda {
	font-size: 14px;
	padding-left: 20px;
	background: url(../imagens/icones/pergunta.png) no-repeat 0px 5px;
	border-bottom: dotted 1px #ccc;
	margin-bottom: 20px;
}
div#acrobat_reader {
	display: block;
	float: left;
	border: solid 1px #568abb;
	padding: 15px 5px;
	margin: 10px 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 228px;
	behavior: url(./css/PIE.htc);
	background: #f1f1f1;
	font-size: 14px;
	text-align: justify;
}
div#acrobat_reader a {
	display: block;
	float: left;
	width: 228px;
	font-size: 15px;
	font-weight: bold;
}
div#acrobat_reader a.download {
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	padding: 5px 0px;
	margin: 5px 0px;
	text-align: left;
	background-image: none;
}
div#acrobat_reader span.comprovante {
	display: block;
	float: left;
	width: 228px;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0px;
	margin: 5px 0px;
	text-align: left;
	background-image: none;
	background: #FCD679;
	border: 1px solid #EDA447;
	color: #C96B0F;
	cursor: pointer;
	text-align: center;
}
div#acrobat_reader span.destaque {
	display: block;
	float: left;
	border-bottom: dotted 1px #ccc;
	font: bold 20px/22px Arial, Helvetica, Sans-serif;
	width: 170px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	text-align: left;
}
div#acrobat_reader p {
	display: block;
	float: left;
	width: 228px;
}
div#acrobat_reader .textoAlerta {
	font-size: 12px;
	padding-bottom: 5px;
	border-bottom: solid 10px #FCD679;
}
div#acrobat_reader .textoAlerta strong {
	color: #000;
	text-transform: uppercase;
}
kbd {
	display: inline;
	background: #f7f7f7;
	color: #a1a1a1;
	padding: 0px 4px;
	border: solid 1px #f1f1f1;
	font: normal 9px Arial, Helvetica, Sans-serif;
	margin-top: 4px;
}
/*** Ajuda Contextual ***/
/**********************************************************************************************************************/
#paginaFormulario fieldset div.unit.columns span.dica,
span.dica {
	display: none;
	
	min-height: 16px;
	padding: 0px 8px;
	background-color: var(--surface-main);
	box-shadow: 0px 2px 4px 0px var(--surface-main);
	border-radius: 4px;
	
	color: var(--surface-xxxl);
	font-family: Open Sans;
	font-size: 12px;
	font-weight: 400;
	line-height: 16.34px;
	text-align: left;
	align-content: center;
	
	z-index: 999;
	
	
	position: absolute;
	top: auto;
	white-space: pre-wrap;
	
}
.imgDica {
	display: none;
}



#habilitarDicas {
    display: flex;
}
#habilitarDicas a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 100px;
    right: 35px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--secondary-dark);
    text-decoration: none;
    box-shadow: 0px 8px 24px 0px #00000066;
}
#habilitarDicas a:hover {
	opacity: 80%;
}
#habilitarDicas a.habilitada {
}
#habilitarDicas a.desabilitada {
}



.ajudaContextual {
	display: block;
	float: left;
	border: solid 3px #eee;
	padding: 5px;
	margin: 10px 0px;
	background: url(../imagens/icones/ajuda.png) no-repeat 5px 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 224px;
	behavior: url(./css/PIE.htc);
}

/*** Menu de Identificação ***/
/*****************************/
#menuIdentificacao {
	height: 58px;
	min-height: 58px;
	width: 100%;
	display: flex;
	align-content: center;
    align-items: center;
	padding: 0px 48px 0px 32px;
	box-sizing: border-box;

	background: var(--surface-xl);
}

#menuIdentificacao li{
	height: 32px;
	display: flex;
	align-content: center;
    align-items: center;
    
    padding: 0px 24px 0px 0px;
}

#menuIdentificacao li:has(a.btn-sugestao) {
	position: absolute;
	right: 24px;
}

#menuIdentificacao li a {
	height: 24px;
	
	display: flex;
    align-items: center;
	
	text-wrap: nowrap;
	max-width: 678px;
	
	font-family: Open Sans;
	font-size: 12px;
	font-weight: 400;
	line-height: 16.34px;
	text-align: left;
	
	color: var(--surface-dark);
}

#menuIdentificacao li a:hover {
	text-decoration: none;
	opacity: 0.8;
}

#menuIdentificacao li a.usuario {
	height: 32px;
    
	padding: 0px 10px 0px 10px;
	border-radius: 16px;
	
	font-size: 16px;
	line-height: 22px;
	
	color: var(--surface-xxl);
	
	background: var(--surface-main);
}

#menuIdentificacao li a.meusDados {
	width: auto;
	padding-left: 30px;
	background: url(../imagens/login/account_circle.svg) no-repeat left center;
}

#menuIdentificacao li a[rel="senha"] {
	width: auto;
	padding-left: 30px;
	background: url(../imagens/login/password.svg) no-repeat left center;
}

#menuIdentificacao li a.sair {
	width: auto;
	padding-left: 30px;
	background: url(../imagens/login/logout.svg) no-repeat left center;
}

#menuIdentificacao li a.btn-sugestao {
	color: var(--primary-main);
	
	width: auto;
	padding-left: 30px;
	background: url(../imagens/login/record_voice_over.svg) no-repeat left center;
}






.sairOver {
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	color: #fa6808 !important;
	text-decoration: none !important;
}
div#logoff, div#mudarNome {
	display: none;
}
div#logoff *, div#mudarNome * {
	display: inline;
	float: left;
}
div#logoff span{
	position: absolute;
    display: flex;
    gap: 10px;
    top: 0px;
    padding: 24px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: var(--surface-dark);
	}
div#logoff p, div#mudarNome p {
	border: 1px solid #9FAAB0;
	color: #363636;
	display: block;
	float: left;
	font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position: absolute;
	text-align: left;
	z-index: 1000;
}
div#logoff p {
	display: flex;
    left: 480px;
    top: 145px;
    background: var(--surface-xxl);
    box-shadow: 0 2px 2px #999;
    width: 387px;
    height: 115px;
    padding: 24px 0px;
    border-radius: 8px;
    align-items: flex-end;
}
div#mudarNome p {
	display: flex;
    left: 480px;
    top: 145px;
    background: var(--surface-xxl);
    box-shadow: 0 2px 2px #999;
    width: 520px;
    height: 115px;
    padding: 24px 0px;
    border-radius: 8px;
    align-items: flex-end;
}
div#mudarNome p span {
	position: absolute;
    display: flex;
    gap: 10px;
    top: 0px;
    padding: 24px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: var(--surface-dark);
}
div#logoff a, div#mudarNome a {
	/*display: inline;
	float: left;
	width: 36px;
	height: 17px;
	text-indent: -9999px;
	background-image: url(../imagens/botoes/simNao.png);
	background-repeat: no-repeat; */
	margin: 0px 2px;
	float: left;
}
div#logoff a.simSair, div#logoff a.naoSair, div#mudarNome a.simMudar, div#mudarNome a.naoMudar{
	height: 36px;
	min-width: 98px;
	padding: 9px 16px 10px 16px;
	border-radius: 4px;
	box-sizing: border-box;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	line-height: 17.07px;
	text-align: center;
}

div#logoff a.naoSair {
	position: relative;
    left: 60px;
	background-color: transparent;
	border: 1px solid transparent;
	color: var(--primary-main);
	cursor: default;
}
div#mudarNome a.naoMudar{
	position: relative;
    left: 186px;
	background-color: transparent;
	border: 1px solid transparent;
	color: var(--primary-main);
	cursor: default;
}	
div#logoff a.simSair{
    position: relative;
    left: 270px;
	background-color: var(--primary-main);
	border: 1px solid var(--primary-main);
	color: var(--surface-xxxl);
}
div#mudarNome a.simMudar{
    position: relative;
    left: 400px;
	background-color: var(--primary-main);
	border: 1px solid var(--primary-main);
	color: var(--surface-xxxl);
}

div#logoff a.simSair:hover, div#mudarNome a.simMudar:hover{
	background-color: var(--primary-main);
	border: 1px solid var(--primary-main);
	color: var(--surface-xxxl);
	box-shadow: 0 4px 4px -2px var(--surface-medium);
	opacity: 80%;
    cursor: pointer;
}

div#logoff a.naoSair:hover, div#mudarNome a.naoMudar:hover{
	background-color: var(--primary-xxl);
	border: 1px solid var(--primary-xxl);
	box-shadow: 0 4px 4px -2px var(--surface-medium);
	color: var(--primary-main);
	opacity: 80%;
    cursor: pointer;
}

div#logoff a.simSair, div#mudarNome a.simMudar {
	background-position: 0px 0px;
}
div#logoff a.simSair:hover, div#mudarNome a.simMudar:hover {
	background-position: 0px -20px;
}
div#logoff a.naoSair, div#mudarNome a.naoMudar {
	background-position: 0px -40px;
}
div#logoff a.naoSair:hover, div#mudarNome a.naoMudar:hover {
	background-position: 0px -60px;
}
/*** Menu de Navegação ***/
/**********************************************************************************************************************/
#navegacaoTopo {
	display: none;
/* 	display: block; */
	position: relative;
	width: 1000px;
	height: 30px;
	margin:0 0 10px;
	padding:10px 0;
	background: url("../imagens/linha.png") repeat-x center center;
}
#navegacaoTopo li {
	display: block;
	float: right;
	height: 22px;
	width: 22px;
	line-height: 30px;
	margin: 4px 4px 4px 0px;
}
* html ul#navegacaoTopo li {
	float: left;
	height: 1%;
}
* html ul#navegacaoTopo li a {
	height: 1%;
}
#navegacaoTopo li a {
	display: block;
	float: right;
	height: 22px;
	width: 22px;
}
#navegacaoTopo a {
	background-image: url("../imagens/icones/navegacao_topo.png");
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 22px;
	height: 22px;
}
#navegacaoTopo .home {
	background-position: 0px 0px;
}
#navegacaoTopo .home:hover {
	background-position: 0px -23px;
}
#navegacaoTopo .ajuda {
	background-position: 0px -46px;
}
#navegacaoTopo .ajuda:hover {
	background-position: 0px -69px;
}
#navegacaoTopo .imprimir {
	background-position: 0px -92px;
}
#navegacaoTopo .imprimir:hover {
	background-position: 0px -115px;
}

/*** Menu de Navegação Rodapé ***/
/**********************************************************************************************************************/
#navegacaoRodape {
	width: 1072px;
	height: 36px;
	padding: 8px 0px;	
	display: flex;
	align-items: center;
	justify-content: right;
	overflow:hidden;
	
	background-color: transparent;
}

#navegacaoRodape ul {
	display: flex;
	align-items: center;
}
#navegacaoRodape li {
	display: flex;
	align-content: center;
	
}
#navegacaoRodape ul li:last-of-type {
	border-left: 1px solid var(--surface-main);
}
#navegacaoRodape li a {
	display: flex;
	align-items: center;
	
	color: var(--secondary-main);
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	line-height: 17.07px;
	text-align: left;
	
	margin: 0px;
	text-decoration: none;
}

#navegacaoRodape li a:hover {
	opacity: 0.8;
}

#navegacaoRodape li a.faq{
	padding: 0px 16px;
	padding-left: 32px;
}
#navegacaoRodape li a.voltar {
	padding: 0px 16px;
	padding-right: 32px;
}

#navegacaoRodape li a.faq svg,
#navegacaoRodape li a.voltar svg {
	padding-right: 10px;
}

#navegacaoRodape li a.voltar {
	color: var(--primary-main);
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	line-height: 17.07px;
	text-align: center;
	
}

#navegacaoRodape li a.topo {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 165px;
    right: 35px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--secondary-dark);
    text-decoration: none;
    box-shadow: 0px 8px 24px 0px #00000066;
}
#navegacaoRodape li a.topo:hover {
	opacity: 80%;
}
#navegacaoRodape li a.topo svg:hover {
	opacity: 80%;
    margin-top: -8px;
    text-decoration: none;
    transition: margin-top 300ms;
}












/*** Rodapé ***/
/**********************************************************************************************************************/
#rodape {
	display: block;
	float: left;
	text-align: center;
	width: 1000px;
	border-top: dotted 1px #ccc;
	margin-top: 10px;
	padding:10px 0 20px;
}
#rodape #assinatura {
	display: block;
	float: left;
	width: 452px;
	color: gray;
	display: block;
	float: left;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 0 0 0 66px;
	text-align: left;
}
#rodape #copyright {
	display: block;
	float: left;
	width: 452px;
	font: 10px Arial, Helvetica, sans-serif;
	color: gray;
	text-align: right;
	padding-right: 30px;
}
#rodape .tit {
	font-size: 13px;
}
/***Box's Laterais ***/
/**********************************************************************************************************************/
#boxDobra .vcard span.n {
	clear: left;
	color: #666;
	display: block;
	font: bold 24px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 0 0 55px;
	width: auto;
	margin:0 0 10px;
}
#boxDobra .vcard ul li {
	display: block;
	width: 228px;
}
#boxDobra .vcard ul li a {
	text-decoration: none;
}
#boxDobra .vcard ul li span.tel {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif !important;
	color: #666;
}
#boxDobra .vcard span.fn {
	font: bold 9px Arial, Helvetica, sans-serif !important;
	color: #666;
	border-bottom: solid 1px gray;
	padding-bottom: 3px;
	margin-bottom: 10px;
	display: block;
}

/*** Box's ***/
/**********************************************************************************************************************/
.boxAviso {
}
.boxAviso h4 {
	display: block;
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	margin-bottom: 5px;
	width: 100%;
	background: url("../imagens/icones/controles.png") no-repeat 0px -53px;
	line-height: 14px;
	padding-left: 16px;
}
.boxMenu {
	display: block;
	position: relative;
	background: var(--surface-xl);
	padding: 8px 16px 16px 16px;
	margin-bottom: 16px;
	-moz-border-radius: 10px;
	box-shadow: 0 2px 2px #999;
	behavior: url(./css/PIE.htc);
	border-radius: 8px;
    border-top: 16px solid;
    border-top-color: var(--primary-main);
}
.boxMenu ul {
	display: block;
	position: relative;
}
.boxMenu ul li{
	display: block;
	position: relative;
}
.boxMenu ul li a {
	position: relative;
	text-decoration: none;
	height: 40px;
    align-items: center;
    display: flex;
}
.boxMenu ul li a.desabilitado,
.boxMenu ul li a.desabilitado:hover {
	display: block;
	border-bottom: solid 1px #ececec !important;
	border-top: solid 1px #F3F3F3;
	color: #ccc;
	padding: 0px 0px 0px 30px;
	cursor: default !important;
	background: url(../imagens/icones/proibido.png) no-repeat 7px center !important;
}
.boxMenu ul li a:hover {
}
.boxMenu ul li a.atual {
	padding-left: 27px;
	background: var(--primary-xl);
}
.boxMenu ul li a.atual span,
.boxMenu ul li a.atual:hover span {
	margin-left:-18px;
	background: url(../imagens/chevron_left.svg) no-repeat -7px;
	padding-left: 18px;
	cursor: default;
}
.boxMenu ul li a span {
	display: block;
	line-height:20px;
	cursor: pointer;
	background: url(../imagens/chevron_right.svg) no-repeat 210px;
	font-weight: 600!important;
	font-size: 14px!important;
	font-family: Open Sans,Montserrat,sans-serif;
	width: 100%;
	color: var(--surface-dark);
}
.boxMenu ul li a.desabilitado span,
.boxMenu ul li a.desabilitado:hover span {
	color:#ccc;
	background:none;
	cursor:default;
}
.boxMenu img {
	bottom: -8px;
	display: none;
	left: 20px;
	position: absolute;
}
.boxMenu h4 {
	color: var(--resconteudot-label-color);
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 0px 0px 12px 0px;
}
/*** box de ajuda ***/
div#boxAjuda {
    height: 166px;
    padding: 12px;
    border: 1px solid var(--warning-main);
	background: var(--surface-xxxl);
    border-radius: 8px;
    box-sizing: border-box;
    
    color: var(--surface-dark);
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 400;
	line-height: 19.07px;
	text-align: left;
	
	cursor: default;
	user-select: none;
}
div#boxAjuda h4 {
	display:none;
}
div#boxAjuda p {
	display: flex;
	align-items: center;
	background-color: var(--warning-light);
	padding: 8px 12px;
	
	color: var(--surface-dark);
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 400;
	line-height: 14.63px;
	text-align: left;
	cursor: default;
}
#boxAjuda p svg {
    height: 32px;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    padding-right: 12px;
}
#boxAjuda p span {
	display: contents;
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 700;
	line-height: 19.07px;
	text-align: left;
}

div#boxAjuda label {
	display: flex;
	margin-top: 12px;
	height: 23px;
	
	color: var(--surface-dark);
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 400;
	line-height: 19.07px;
	text-align: left;
}
div#boxAjuda label span {
	color: var(--surface-dark);
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 400;
	line-height: 19.07px;
	text-align: left;
}
div#boxAjuda label span:after {
	top: -27px;
	right: 13px;
	
	color: var(--surface-dark);
	content:"*";
	align-content: center;
	text-align: center;
	
	display: block;
	position: relative;
	
	width: 30px;
	height: 30px;
	
	background-color: transparent;
	border: 2px dashed #F57F17;
	border-radius: 50%;
}
div#boxAjuda select {
	width: 100%;
	height: 42px;
	padding: 8px 12px 10px 12px;

	border: 1px solid var(--surface-medium);
	border-radius: 4px;
	opacity: 0.4;
	background-color: var(--surface-xxxl);
	
	color: var(--surface-main);
	font-family: Open Sans;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
}

div#boxAjuda select option {

}

/***Páginas Especificas ***/
div#paginaPrincipal {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	
	width: 588px;
	height: 264px;
	padding: 24px 16px 24px 0px;
}

div#paginaPrincipal span.destaque {
	width: 572px;
	height: 40px;
	box-sizing: border-box;
	
	background-color: var(--surface-xxxl);
	
	color:var(--primary-main);

	font-family: Montserrat;
	font-size: 20px;
	font-weight: 600;
	line-height: 24.38px;
	text-align: left;
	
	cursor: default;
	
}

div#paginaPrincipal span.destaque a{
	cursor: pointer;
}

div#paginaPrincipal p {
	width: 572px;
	height: 104px;
	padding: 8px 12px 8px 12px;
	margin: 8px 0px 24px 0px;
	box-sizing: border-box;
	
	background-color: var(--surface-xl);
	
	color: var(--surface-dark);

	font-family: Open Sans;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	
	cursor: default;
	
}


/*** Tabelas ***/
/**********************************************************************************************************************/
table#tabelaConsulta, table#tabelaResultado, table#tabelaPaginacao, table#anexos {
	float: left;
}
table#anexos td {

}
 table#tabelaSituacaoAet tbody tr td:nth-child(4) {
 font: bold 9px/10px Arial, Helvetica, sans-serif !important;
 text-align: center;
 color: #747474;
 line-height: 1;
 behavior: url(./css/PIE.htc);
}

#paginaFormulario #formularioEtapa06 fieldset table thead tr th {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 10px;
	font-weight: normal;
	overflow: hidden;
	background: url(../imagens/grid/tablle_tr.png) repeat-x 0px;
	color: #4C6A47 !important;
	line-height: 16px;
	padding-left: 10px;
}
#paginaFormulario fieldset table tfoot tr, #paginaFormulario fieldset table tfoot tr th[scope="rowgroup"], #paginaFormulario fieldset table thead tr th[scope="colgroup"] {
	background: #fff url(../imagens/grid/tfood.png) repeat-x 0px 0px;
	line-height: 21px;
}
#paginaFormulario fieldset table tfoot tr td, #paginaFormulario fieldset table tfoot tr th[scope="rowgroup"], #paginaFormulario fieldset table thead tr th[scope="colgroup"] {
	padding-left: 5px;
}
#paginaFormulario fieldset table thead tr th[scope="colgroup"] {
	line-height: 21px;
	border-bottom: solid 1px #ccc;
	font: bold 12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #294673;
}
#paginaFormulario fieldset table tr:nth-child(2n) {
	/*
	background: #F3F3F3;
	behavior: url(./css/PIE.htc);
	*/
}
#paginaFormulario fieldset table tfoot tr td img {
	display: block;
	margin: 10px 2px 0px 0px
}
.botEncaminhamento {
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 2px;
	background: url(../imagens/grid/botEncaminhamento-o.png) no-repeat 0px  0px;
	text-indent: -9999px;
}
.botEditGrid {
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 2px;
	background: url(../imagens/grid/botEditGrid-o.png) no-repeat 0px 0px;
	text-indent: -9999px;
}

tfoot td {
	background: #EEEEEE !important;
	color: #363636 !important;
}
.tableTitulo {

}

.aguardandoDocumentos {
	border-left: solid 5px #ebc809 !important;
	color: #363636 !important;
}
.aguardandoLiberacao {
	border-left: solid 5px #ebc809 !important;
	color: #363636 !important;
}
.aguardandoPagamento {
	border-left: solid 5px #ebc809 !important;
	color: #363636 !important;
}
.aguardandoPagamento2via {
	border-left: solid 5px #ebc809 !important;
	color: #363636 !important;
}
.aprovada {
	border-left: solid 5px #6C0 !important;
	color: #363636 !important;
	background: #e4ffcc !important;
}
.aprovada2Via {
	border-left: solid 5px #6C0 !important;
	color: #363636 !important;
	background: #e4ffcc !important;
}
.atendida {
	border-left: solid 5px #390 !important;
	color: #363636 !important;
}
.cancelada {
	border-left: solid 5px #F66 !important;
	color: #ff5757 !important;
	background: #ffebeb !important;
}
.analise {
	border-left: solid 5px #a1a1a1 !important;
	color: #363636 !important;
}
.liberadaImpressao {
	border-left: solid 5px #6C0 !important;
	color: #363636 !important;
	background: #e4ffcc !important;
}
.registrosSemCorrespondencia {
	border-left: solid 5px #666 !important;
	color: #363636 !important;
}
.emAnalise {
	border-left: solid 5px #F66 !important;
	color: #363636 !important;
}
.emConstrucao {
	border-left: solid 5px #e4c625 !important;
	color: #363636 !important;
}
/*** CSS paara sobrepor as classes do SPW ***/
/**********************************************************************************************************************/

.spwCampoTextoGrid {
	font-size: 14px;
	font-family: "Open Sans"
    border-radius: 4px;
}
.spwTituloGrid {
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-transform: uppercase;
	/*letter-spacing: 2px;*/
	vertical-align: middle;
}
.spwCabecalhoGrid {
	border: 0 1px 0 0 solid var(--spwCabecalhoGrid-border);
    font-size: 10px;
    background-color: var(--spwCabecalhoGrid-background-color);
    font-weight: normal;
    cursor: POINTER;
    overflow: hidden;
    color: var(--surface-main);
}
td.spwCabecalhoGrid:has(> span.spwButtonGridMain),
td.spwCabecalhoGrid:has(> span.spwButtonGridMain-o) { 
	direction: rtl;
}

.spwCabecalhoGrid b {
    font-size: 12px!important;
    font-family: Montserrat,sans-serif!important;
    font-weight: bold!important;
    margin-left: 0!important;
    color: var(--surface-main);
}
.spwCelulaGrid {
	border: 0 1px 1px 0 solid var(--spwCelulaGrid-border);
    line-height: 23px;
    min-height: 36px;
    font-size: 11px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}
td.spwCelulaGrid {
    line-height: 19.07px;
    min-height: 23px;
}

table.tableGridSearch tbody tr td.spwConsultaSearch table tr td.spwCelulaGrid {
    padding-right: 2px;
    box-sizing: border-box;
}
.spwRodapeGrid {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	vertical-align: middle;
}
.tabelaPaginacao {
	background: #f1f1f1;
}
#infoTotalPaginas {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
}
.spwCelulaGrid input[type="text"] {
	border: solid 1px var(--surface-light);
	border-radius:4px;
    padding-right: 1px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-top: : 0px!important;
}
.spwCelulaGrid.alignRight input[type="text"] {
	width: 98%;
	margin: 0px;
	border: solid 1px #ccc;
	padding-right: 1px!important;
	padding-left: 0px!important;
	padding-bottom: 0px!important;
	padding-top: : 0px!important;
	margin: 2px 0px;
}
table.spwRodapeGrid tbody tr td b {
	font-size: 12px;
	border: solid 1px #ccc;
	margin-left: 2px;
	background: #f1f1f1;
	padding: 0px 2px;
}
 fieldset[id ^="etapa"] table {
 
}
 fieldset[id ^="etapa"] table tr td {

}
 fieldset[id ^="etapa"] table tr td.spwCelulaGrid {
 border-bottom: solid 1px #ccc !important;
}
fieldset[id ^="etapa"] table.spwRodapeGrid {
 margin: 0px;
 padding: 5px;
 border-top: solid 5px #9d9d9d;
 border-right: none;
 border-bottom: none;
 border-left: none;
 background: #fff;
}
 fieldset[id ^="etapa"] table.spwRodapeGrid tr td {
 text-align: right !important;
 border: none !important;
 padding: 2px;
 height: 50px;
}
 fieldset[id ^="etapa"] table.spwRodapeGrid input[type="button"] {
 margin: 0px 5px 0px 0px !important;
}
/*** Situação das minhas AET's ***/
/**********************************************************************************************************************/

fieldset#ConRequerimento,
fieldset#histCorrespond {
}
/*** Popup de Consulta ***/
/**********************************************************************************************************************/
table#tabelaResultado tr td {
	height: 20px;
}
iframe#layerFormConsulta {
	overflow: hidden;
 *height: 382px !important;
	background: #f1f1f1;
}
.spwLayerGrid table tbody tr td table#tabelaConsulta tbody tr td table#tabelaResultado {
	position: relative;
	overflow: hidden;
	background: var(--surface-light);
}
.spwLayerGrid > table > tbody > tr > td {
	vertical-align:top;
}
div#laConsulta {
	min-height: 260px;
	overflow: auto !important;
	padding-right:0;
}
div#spwConsulta {	
    padding: 16px !important;
    background-color: var(--div-spwConsulta-background-color) !important;
    border-radius: 8px !important;
    background-image: none !important;

	box-shadow: 0px 16px 32px 0px var(--surface-medium);
	
}
/*table {
	table-layout: auto !important;
	display: table !important;
	}
table td, table th{
	display: table-cell;
	}*/
table#Row {
	background: #f1f1f1;
}
table#Row table tr td {
	line-height: 16px;
	font-family: Open Sans, Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
}
table#Row, table#Row table {
	display: table;
	float: none !important;
	font: normal 11px Arial, Helvetica, Sans-serif;
}

/*** Estilização da Search ***/
#laConsulta {
    border: 0 1px 0 1px solid var(--laConsulta-border);
    background-color: var(--laConsulta-background-color);
}
.spwTituloGrid {
    background-image: none;
    background-color: var(--spwTituloGrid-background-color);
    color: var(--spwTituloGrid-color) !important;
    cursor: move;
}

#spwConsulta .spwTituloGrid td:first-child {
    display: inline-block;
    font-family: Montserrat, sans-serif ;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding-bottom: 10px;
}
#spwConsulta .spwTituloGrid td {
    height: 23px;
    padding: 0 !important;
    font-size: 14px;
    line-height: normal !important;
}
.tableGridSearch .spwConsultaSearch {
    border: 0 1px 0 1px solid var(--tableGridSearch-spwConsultaSearch-border);
    background: var(--tableGridSearch-spwConsultaSearch-background-color) ;
    padding-bottom: 2px;
    padding-right: 3px;
}
.tableGridSearch .spwConsultaSearch .spwCabecalhoGrid {
    height: 15px;
    background-color: var(--surface-light) ;
}

td.spwConsultaSearch td.spwCabecalhoGrid {
    background-color: var(--spwCabecalhoGrid-background-color);
    height: 40px !important;
    padding: 0 0 1px 0 !important;
}
td.spwConsultaSearch td.spwCelulaGrid {
    background-color: var(--td-spwCelulaGrid-background-color) !important;
}
table.tableGridSearch tbody tr td.spwConsultaSearch table tr td.spwCelulaGrid input[type="text"] {
    width: 100%;
}
td.spwConsultaSearch td.spwCelulaGrid>input, td.spwConsultaSearch td.spwCelulaGrid>select {
    margin: 4px 0 4px 0;
    height: 36px;
}
td.spwRodapePaginacaoGridSearch:not(:first-child) {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
table#tabelaPaginacao {
	margin-bottom: 5px;
}
spwCabecalhoGrid span.spwButtonGridMain {
    cursor: pointer;
    color: var(--spwCabecalhoGrid-span-spwButtonGridMain-color) ;
    overflow: visible;
    border: none ;
    border-radius: 4px ;
    text-align: center ;
}
.spwButtonGrid span {
    display: inline-block;
    margin-left: 0;
}
span.spwButtonMain, span.spwButtonGridMain, 
span.spwButtonMain-o, span.spwButtonGridMain-o {
    border-radius: 4px ;
    text-align: center ;
    cursor: pointer ;
}
td.spwRodapeGrid input#pbFechar,
td.spwCabecalhoGrid input#pbLimpar {
    color: var(--span-spwButtonMain-span-input-all-color);
    cursor: pointer ;
    min-width: 98px ;
    border-radius: 4px;
    border-color: var(--span-spwButtonMain-span-input-all-border-color);
    background-color: var(--span-spwButtonMain-span-input-all-background-color);
}
.tableGridSearch .spwLayerGrid td.spwCelulaGrid {
    padding: 9px 0 9px 3px;
    line-height: 19px;
    box-sizing: border-box;
}
.tableGridSearch .spwLayerGrid .spwCelulaGrid {
    font-size: 14px;
    padding: 0;
    color: var(--tableGridSearch-spwLayerGrid-spwCelulaGrid);
    font-family: Open Sans, sans-serif;
}
.tableGridSearch .spwLayerGrid .spwCelulaGrid:has(input[name="rowSelect"]) {
    width: 24px !important;
}
td:has(>a.spwHtmlBotaoProcurar),
td:has(>a.spwHtmlBotaoProcurar-d){
	align-content: center;
}
.heightTableRepresentante {
    border-left: transparent !important;
}
div#spwConsulta.spwTabelaGrid table.spwTituloGrid tbody tr td button.spwBotaoGrid {
	background: #ccc;
    border: 1px solid #ccc;
    color: #4c4c4c;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-right: 3px;
    text-transform: uppercase;
    height: 20px;
    width: 20px;
    text-indent: none;
	}
.spwLayerGrid table tbody tr td table#tabelaConsulta tbody tr td table#tabelaResultado {
	border-collapse: separate !important;
}
.spwLayerGrid table tbody tr td table#tabelaConsulta tbody tr td table#tabelaResultado input[type="text"] {
	float: none !important;
}
table#Row tbody tr td div#laConsulta.spwLayerGrid table tbody tr td table#tabelaConsulta tbody tr td table#tabelaResultado tbody tr td.spwCelulaGrid {
	line-height: 18px;
	overflow: hidden;
	min-height: inherit !important;
	border-bottom: solid 1px var(--surface-light);
	text-align: left;
}
table#Row tbody tr td.spwRodapeGrid div table tbody tr td, html body form table#Row tbody tr td table#tabelaPaginacao tbody tr td.spwRodapeGrid {
	border-bottom: none;
	height: 22px;
	vertical-align: middle;
	direction: rtl;
	
}

table#Row.tableGridSearch tbody tr td.spwRodapeGrid div table tbody tr td,
table#Row.tableGridSearch tbody tr td.spwRodapeGrid div table tbody tr td b{
	font-size: 12px;
}

table#tabelaConsulta tbody tr td table#tabelaResultado tbody tr td.spwCelulaGrid {
	border-bottom: solid 1px #ccc;
}
/*** Paginação da Search ***/
table#Row tbody tr td table#tabelaPaginacao {
	position: relative;
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #f1f1f1;
}
table#Row tbody tr td table#tabelaPaginacao tbody tr td.spwRodapeGrid table#painelNavegacao input[type="text"] {
	border: solid 1px #ccc;
	background: #fff !important;
}
table#Row tbody tr td.spwRodapeGrid {
 	background-image: none;
    background: var(--spwRodapeGrid-background);
    border: 0;
    font-size: 10px;
    height: 22px;
}
/*** Faq ***/
/**********************************************************************************************************************/
div#faq div.pergunta h2, div#faq h3 {
	display: block;
	margin-bottom: 10px;
	font: bold 22px/22px Verdana, Geneva, sans-serif;
	color: #9faab0;
}
div#faq div.pergunta h3 {
	font: normal 13px Verdana, Geneva, sans-serif;
	color: #666;
	text-decoration: none;
	background: url("../imagens/icones/pergunta.png") no-repeat 5px 5px;
	padding: 5px 5px 5px 24px;
}
div#faq div.pergunta div.resposta a[rel="link-topo"] {
	display: block;
	height: 15px;
	position: absolute;
	bottom: -20px;
	right: 0px;
	font: bold 9px Verdana, Geneva, sans-serif;
	color: #ccc;
	text-transform: uppercase;
	text-decoration: none;
}
div#faq div.pergunta div.resposta a[rel="link-topo"]:hover {
	color: #333;
}
/*** Página de Acesso Negado ***/
/**********************************************************************************************************************/
div#acessoNegado {
	display: block;
	float: left;
	border: solid 1px #ccc;
	width: 893px;
	padding: 15px 10px 15px 87px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 2px 2px #999;
	behavior: url(./css/PIE.htc);
	background: url(../imagens/icones/cadeado.png) no-repeat 10px 15px;
	font: normal 13px Arial, Helvetica, Sans-serif;
	color: #666;
}
div#acessoNegado h4 {
	font: bold 16px Arial, Helvetica, Sans-serif;
	color: #c94300;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width: 893px;
}
div#acessoNegado span.destaque {
	color: #647db6;
	font-weight: bold;
}
div#acessoNegado span.ajuda {
	font: normal 12px Arial, Helvetica, Sans-serif;
	color: #666;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width: 873px;
	display: block;
	background: url(../imagens/icones/pergunta.png) no-repeat 0px 0px;
	padding-left: 20px;
}
/*** Carregar mais ***/
/**********************************************************************************************************************/

div#more {
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0px;
}

div#more h3{
    display: flex;
    width: 100%;
    align-items: center;
    background-color: var(--warning-light);
    padding: 8px 12px;
    box-sizing: border-box;
    color: var(--surface-dark);
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: justify;
    gap: 12px;
}

.load_more,
a.load_more {
	display: flex;
	align-items: center;
	
	padding-right: 16px;
	height: 36px;
	min-width: 235.663px;
	width: fit-content;
	border-radius: 4px;
	box-sizing: border-box;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	line-height: 17.07px;
	text-align: center;
	justify-content: center;
	
	background-color: transparent;
	border: 1px solid var(--primary-main);
	color: var(--primary-main);
}
.load_more:hover,
a.load_more:hover {
	text-decoration:none;
	
	background-color: var(--primary-xxl);
	border: 1px solid var(--primary-main);
	color: var(--primary-main);
	box-shadow: 0 4px 4px -2px var(--surface-medium);
	opacity: 80%;
	cursor: pointer;
}
.load_more:active,
a.load_more:active {

}

a.load_more img,
a.load_more svg {
	padding: 0px 10px;
}



.spwGridForm, .spwGridForm table { width:100% !important; }

/* ALIGN*/
.alignCenter{
	text-align:center;
}
.alignRight{
	text-align:right;
}



.spwLayerGrid {
	background:#f1f1f1;
}
.spwBotaoFecharJanela:hover { text-decoration:none; color: var(--surface-light); cursor:pointer; }

/* Override */
.titulo,
.fundoSuperior h1 {
	font: bold 22px Arial,Helvetica,sans-serif;
}

.spwGridEstadoI {
    background-image: url("../skins/classic/imagens/base/estadoI.gif");
    background-repeat: no-repeat;
    display: block;
    height: 9px;
    width: 9px;
}

#corpo .spwLayerGrid  {
	height:auto !important;
	max-height:185px;
}

.spwLayerGrid  {
	/*height:auto !important;*/
	overflow-y:scroll;
}

.spwLayerGrid > table {
	height:auto !important;
}

input[type=checkbox] {
	background:none;
}

.disabled { 	
	/* background-color: #e6e6e6 !important;  */
}






div#ultimasNoticias {
	width: 1072px;
	padding: 16px 24px;
	box-sizing: border-box;
}

div#ultimasNoticias p {
	height: 20px;
	padding: 8px 0px 16px 0px;
	color: var(--surface-dark);
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	line-height: 19.5px;
	text-align: left;
}

div#ultimasNoticias table {
	display: flex;
	width: 100%;
	height:38px;
	padding: 8px 12px;
	background-color: var(--surface-xxl);
	box-sizing: border-box;
}

div#ultimasNoticias a.linkNoticia {
	color: var(--surface-dark);
	font-family: Open Sans;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
}

div#ultimasNoticias a.linkNoticia:link, a.linkNoticia:visited {
	text-decoration: none;
}

div#ultimasNoticias a.linkNoticia:hover {
	text-decoration: none;
	
	opacity: 0.8;
}

div#ultimasNoticias a.linkNoticia:active {
	text-decoration: none;
}






#bubble-container {
	overflow-x: hidden;
	position: fixed;
	bottom: 25px;
	right: 80px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 15px;
}

#message-bubble {
	display: flex;
	margin-right: 8px;
	cursor: pointer;
	animation: BubbleLoad var(--animation-duration) forwards;
}

#message-bubble.hide {
	animation: BubbleUnload var(--animation-duration) forwards;
}

#message-bubble > #message {
	display: none;
	padding: 15px;
	font-weight: bold;
	font-size: 16px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 2px 32px rgba(0, 0, 0, 0.1);
	color: #ffffff;
	background-color: #008C00;
	border-radius: 5px;
}

#message-bubble > #triangle {
	display: none;
	flex-direction: column;
	justify-content: center;
	width: 30px;
	height: 50px;
	position: relative;
	overflow: hidden;
}

#message-bubble > #triangle::after {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	background: #008C00;
	transform: rotate(45deg);
	right: 28px;
	border-radius: 5px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 2px 32px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 1300px) {
	#bubble-container {
		overflow-x: hidden;
		position: fixed;
		bottom: 20px;
		right: 80px;
		padding-bottom: 15px;
		padding-top: 15px;
		padding-left: 15px;
	}
}

@media only screen and (max-width: 300px) {
	#bubble-container {
		overflow-x: hidden;
		position: fixed;
		bottom: 10px;
		right: 80px;
		padding-bottom: 15px;
		padding-top: 15px;
		padding-left: 15px;
	}
}

.ajusteAjuda{
	background: var(--div-spwAlertaAviso-background);
	margin-bottom: 10px;
	padding: 8px;
	display: flex;
    align-items: center;
    gap: 4px;
}

#blip-chat-container>#blip-chat-open-iframe {
    background-color: var(--primary-main) !important;
    
    box-shadow: 0px 8px 24px 0px #00000066;
    
    
}

#blip-chat-container>#blip-chat-open-iframe:hover {
	opacity: 0.4;
}

#blip-chat-container>#blip-chat-open-iframe{
	height: 40px !important;
	width: 40px !important;
}

#blip-chat-container>#blip-chat-open-iframe>img#blip-chat-icon{
	content-visibility: hidden;
	background: url(../imagens/sms_24dp_FFF.svg) no-repeat center center;
}


/*Limitar o nome do usuário*/
.texto-NmUsuario {
	    display: block !important;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    line-height: 29px !important;
	    position: relative;
}