@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

:root {
	--verde: #1F4524;
	--verde-escuro: #417F41;
	--verde-transparente: #417F4122;
	--amarelo: #F4A533;
	--cinza: #E0E0E0;
}

html														{ border: 0px; margin: 0px; padding: 0px; width: 100%; min-height: 100%; overflow: auto; scroll-behavior: smooth; scroll-padding: var(--scroll-padding, 70px); }
body														{ border: 0px; margin: 0px; padding: 0px; width:100%; min-height: 100%; font-family:'Open Sans',sans-serif; font-weight: 300; font-size: 15px; background:#FFFFFF; top: 0px !important; }
img, input, select, textarea								{ border: 0px; margin: 0px; padding: 0px; outline: 0px; }
a															{ text-decoration: none; }
b															{ font-weight: 700; }
*															{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body::-webkit-scrollbar										{ width: 5px; height: 0px; }
body::-webkit-scrollbar-track								{ background:#999999; }
body::-webkit-scrollbar-thumb								{ background:#666666; }

/*- CELULAR ------------------------------------------------------------------------------------------------------------------------------------*/

.topo-celular					{ display: none; }
.topo-celular-whatsapp			{ display: none; }

/*- LINK CELULAR --------------------------------------------------------------------------------------------------------------------------------*/

a[href^=tel]{
	color: #FFFFFF;
	text-decoration: none; 
}

input[type=text]					{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 14px; outline: none; }
input[type=time]					{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 12px; outline: none; }
input[type=password]				{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 14px; outline: none; }
input[type=file]					{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 14px; outline: none; }
select								{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 10px; outline: none; height: 46px; }
textarea							{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 14px; outline: none; }

input[type=submit]					{ float: right; min-width: 15%; margin: 0px 0px 0px 0px; padding: 14px; border: 0px; font-size: 15px; border-radius: 6px; background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; text-align: center; cursor: pointer; outline: none; -webkit-appearance: none; }
input[type=submit]:hover			{ background: #27ae6044; border: 1px solid #27ae6055; color: #27ae60; }

input[type=button]					{ float: left; min-width: 15%; margin: 0px 0px 0px 0px; padding: 14px; border: 0px; font-size: 15px; border-radius: 6px; background: #7f8c8d22; border: 1px solid #7f8c8d33; color: #7f8c8d; text-align: center; cursor: pointer; outline: none; -webkit-appearance: none; }
input[type=button]:hover			{ background: #7f8c8d44; border: 1px solid #7f8c8d55; color: #7f8c8d; }

.select2-container--default .select2-selection--single                            { border: 1px solid #CCCCCC; background-color: #FFFFFF; border-radius: 6px; }
.select2-container--default .select2-selection--single .select2-selection__arrow  { height: 46px; position: absolute; top: 1px; right: 10px; width: 20px; }
.select2-search--dropdown                                                         { display: block; padding: 8px; }
.select2-search--dropdown .select2-search__field                                  { padding: 6px; width: 100%; box-sizing: border-box; }
.select2-container .select2-selection--single                                     { box-sizing: border-box; cursor: pointer; display: block; height: 50px; user-select: none; margin: 0px 0px 0px 0px; -webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered        { display: block; padding: 9px 0px 0px 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*- LOGIN --------------------------------------------------------------------------------------------------------------------------------------*/
/*- LOGIN --------------------------------------------------------------------------------------------------------------------------------------*/

.login_caixa1 				        { min-width: 100vw; min-height: 100vh; background:url("/imagens/img_003.webp") center center no-repeat #000000; background-size: cover; position: fixed; }
.login_caixa2				        { width: 380px; height: calc(100% - 40px); top: 20px; right: 20px; display: flex; align-items: center; justify-content: center; position: fixed; border-radius: 10px; margin: 0px; left: auto; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); background-color:rgba(255,255,255,0.6); backdrop-filter: blur(5px); }
.login_caixa3				        { display: block; padding: 20px; }
.login_caixa3 h1			        { text-align: left; font-size: 32px; color:#000000; font-weight: 300; margin: 0px; padding: 0px; }
.login_caixa3 p				        { margin: 0px 0px 0px 0px; text-align: justify; color: #555555; }
.login_caixa3 label			        { display: block; font-size: 15px; color:#000000; font-weight: bold; padding: 15px 0px 5px 0px; }
.login_caixa3 input			        { width: calc(100%); border: 1px solid #00000055; border-radius: 5px; background:rgba(255,255,255,0.2); color:#000000; padding: 15px; }
.login_caixa3 button		        { width: calc(100%); border: 1px solid #00000022; background: #00000033; border-radius: 5px; color:#000000; font-size: 15px; font-weight: 700; margin: 20px 0px 50px 0px; padding: 15px 0px; cursor: pointer; }
.login_caixa3 button:hover	        { border: 1px solid #00000055; background:#00000088; color:#FFFFFF99; }

/*- CAIXA PRINCIPAL ----------------------------------------------------------------------------------------------------------------------------*/
/*- CAIXA PRINCIPAL ----------------------------------------------------------------------------------------------------------------------------*/

.interna                                        { width: 100vw; min-height: 100vh; background: #999999; display: flex; padding: 10px; box-sizing: border-box; }
.interna-lateral                                { width: 70px; background: var(--verde); border-radius: 8px 0px 0px 8px; display: flex; flex-direction: column; align-items: stretch; }
.interna-lateral-logo                           { width: 70px; height: 80px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 30px; margin-bottom: 20px; }
.interna-lateral-item                           { width: 70px; height: 70px; color: #FFFFFF; cursor: pointer; text-align: center; }
.interna-lateral-item i                         { display: block; text-align: center; font-size: 18px; padding-top: 16px; }
.interna-lateral-item span                      { display: block; text-align: center; font-size: 11px; padding-top: 10px; }
.interna-lateral-item:hover                     { background: var(--verde-escuro); }
.interna-lateral-bottom                         { margin-top: auto; display: flex; flex-direction: column; align-items: center; gap: 0px; padding: 0px 0px 0px 0px; }
.interna-lateral-bottom .interna-lateral-help   { width: 50px; height: 50px; display: flex; margin: 0px 0px 6px 0px; align-items: center; justify-content: center; color:#FFFFFF; font-size: 18px; background:rgba(0,0,0,0.2); border-radius: 6px; cursor: pointer; }
.interna-lateral-bottom .interna-lateral-conf   { width: 50px; height: 50px; display: flex; margin: 0px 0px 6px 0px; align-items: center; justify-content: center; color:#FFFFFF; font-size: 18px; background:rgba(0,0,0,0.2); border-radius: 6px; cursor: pointer; }
.interna-lateral-bottom .interna-lateral-sair   { width: 50px; height: 50px; display: flex; margin: 0px 0px 6px 0px; align-items: center; justify-content: center; color:#FFFFFF; font-size: 18px; background:rgba(0,0,0,0.2); border-radius: 6px; cursor: pointer; }
.interna-lateral-bottom .interna-lateral-sair   { margin: 0px 0px 10px 0px; }
.interna-lateral-help:hover                     { background:#FFFFFF; color:var(--verde); }
.interna-lateral-conf:hover                     { background:#FFFFFF; color:var(--verde); }
.interna-lateral-sair:hover                     { background:#FFFFFF; color:var(--verde); }

.interna-barra                                  { width: 300px; background: var(--cinza); border-radius: 0 0 0 0px; display: flex; flex-direction: column; margin-right: 0px; }
.interna-barra-usuario                          { padding: 20px; border-bottom: 1px solid #FFFFFF; }
.interna-barra-usuario-texto1                   { color: #777777; font-weight: 500; }
.interna-barra-usuario-texto2                   { color: #444444; font-weight: 700; font-size: 18px; padding: 5px 0px 10px 0px; }

.interna-barra-menu                             { padding: 20px 10px; }
.interna-barra-menu a                           { background: rgba(255,255,255,0.3); display: block; padding:10px; border-radius: 6px; color:#444444; font-weight:500; margin-bottom: 4px; text-decoration: none; }
.interna-barra-menu a i                         { width: 24px; text-align: center; display: inline-block; margin-right: 8px; }
.interna-barra-menu a:hover                     { background: #FFFFFF; color:var(--verde); }
.interna-conteudo                               { flex: 1; background:#F7F7F7; border-radius: 0px 8px 8px 0px; padding: 40px; overflow-y: scroll; box-sizing: border-box; height: calc(100vh - 20px); }
.interna-conteudo h1                            { margin: 0px 0px 20px 0px; color: #444444; }

.interna-barra-menu-active { background: #FFFFFF !important; }

/*- DATATABLES ---------------------------------------------------------------------------------------------------------------------------------*/
/*- DATATABLES ---------------------------------------------------------------------------------------------------------------------------------*/

.dataTables_wrapper														{ border: 1px solid #CCCCCC; border-radius: 6px; background:#FFFFFF; font-weight: 300; font-size: 13px; }
table.dataTable															{ border-top: 1px solid #CCCCCC; }
.dataTables_length														{ padding: 15px; }
.dataTables_filter														{ padding: 15px; }
.dataTables_info														{ padding: 22px 15px 15px 15px !important; }
table.dataTable tbody td												{ padding: 15px; }
table.dataTable tbody td a												{ color: #000; }
table.dataTable thead th, table.dataTable thead td						{ border-color:#CCCCCC; }
table.dataTable.no-footer												{ border-color:#CCCCCC; }
.dataTables_wrapper .dataTables_filter input							{ border: 1px solid #CCCCCC; height: 37px; width: 200px; padding: 10px; border-radius: 4px; margin-left: 10px; background: #FFFFFF; }
.dataTables_length select												{ border: 1px solid #CCCCCC; height: 37px; width: 70px; padding: 10px; border-radius:4px; }

.dataTables_wrapper .dataTables_paginate 								{ padding: 15px; }
.dataTables_wrapper .dataTables_paginate .paginate_button				{ border: 1px dashed #CCCCCC; background: #FFFFFF; color: #666666 !important; cursor: pointer; border-radius: 4px !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover			{ background: #EEEEEE; color:#000000 !important; border-color: #CCCCCC !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled		{ border-color: #DDDDDD !important; background: #F0F0F0 !important; color: #999999 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current		{ border-color:var(--verde-escuro) !important; background:var(--verde) !important; color: #FFFFFF !important; }

#ordenacao_CONTEUDO_next												{ border: 1px dashed var(--verde-escuro); background-color:var(--verde); color: #FFFFFF !important; cursor:pointer; }
#ordenacao_CONTEUDO_next.disabled										{ color:#999999 !important; }
#ordenacao_CONTEUDO_next:hover											{ background-color:var(--verde-escuro); }
#ordenacao_CONTEUDO_previous											{ border: 1px dashed var(--verde-escuro); background-color:var(--verde); color: #FFFFFF !important; cursor:pointer; }
#ordenacao_CONTEUDO_previous.disabled									{ color:#999999 !important; }
#ordenacao_CONTEUDO_previous:hover										{ background-color:var(--verde-escuro); }

/*- PAGINA PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------*/
/*- PAGINA PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------*/

.tabela-consumo								{ float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
.tabela-consumo	.col						{ float: left; width: calc((100% / 4) - (30px / 4)); margin: 0px 10px 0px 0px; }
.tabela-consumo	.col:nth-child(4n)			{ float: left; width: calc((100% / 4) - (30px / 4)); margin: 0px 0px 0px 0px; }
.tabela-consumo	.col .icone					{ width: 100%; text-align: center; padding: 0px 0px 0px 0px; }
.tabela-consumo	.col .icone i				{ width: 70px; text-align: center; padding: 20px 0px 0px 0px; float: left; font-size: 32px; display: block;  }
.tabela-consumo	.col .icone .info			{ text-align: left; margin-left: 70px; }
.tabela-consumo	.col .icone .info h3		{ font-size: 15px; line-height: 20px; font-weight: normal; }
.tabela-consumo	.col .icone span			{ font-size: 12px; }

.titulo-grafico 							{ font-size: 18px; color: #000000; margin: 0px 0px 20px 0px; padding: 0px 0px 6px 0px; border-bottom: 1px solid #dbdbdc; }

/*- CAIXA CONTEÚDO -----------------------------------------------------------------------------------------------------------------------------*/
/*- CAIXA CONTEÚDO -----------------------------------------------------------------------------------------------------------------------------*/

.caixa-introducao-conteudo					{ width: 100%; background: #FFFFFF; border: 1px solid #DDDDDD; color: #444444; float: left; margin: 0px 0px 40px 0px; border-radius: 6px; padding: 20px; }
.caixa-introducao-conteudo p				{ padding: 0px; margin: 0px; font-size: 15px; line-height: 26px; text-align: justify; }

.caixa-introducao-avisosos					{ width: 100%; background: #c0392b22; border:1px solid #C0392B99; color: #c0392b; float: left; margin: 0px 0px 20px 0px; border-radius: 6px; padding: 20px; }
.caixa-introducao-avisosos p				{ padding: 0px; margin: 0px; font-size: 15px; line-height: 26px; text-align: justify; }

.caixa-legenda-conteudo						{ width: 100%; background: #95A5A622; border: 1px solid #95A5A633; color: #444444; float: left; margin: 40px 0px 0px 0px; border-radius: 6px; padding: 20px; }
.caixa-legenda-conteudo p					{ padding: 0px; margin: 0px; font-size: 15px; line-height: 26px; text-align: justify; }

/*- CONTATOS -----------------------------------------------------------------------------------------------------------------------------------*/
/*- CONTATOS -----------------------------------------------------------------------------------------------------------------------------------*/

.botao-lista-adicionar						{ background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 9px 6px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: center; }
.botao-lista-adicionar i					{ margin-right:5px; }
.botao-lista-adicionar:hover				{ background: #27ae60; border: 1px solid #27ae60; color:#FFFFFF; }
.botao-lista-importar						{ background: #34495e22; border: 1px solid #34495e33; color: #34495e; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 9px 6px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: center; }
.botao-lista-importar i						{ margin-right:5px; }
.botao-lista-importar:hover					{ background: #34495e; border: 1px solid #34495e; color: #FFFFFF; }

.botao-lista-buscar							{ background: #F1C40F22; border: 1px solid #F1C40F33; color: #b29a3d; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 9px 0px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: center; }
.botao-lista-buscar i						{ margin-right:5px; }
.botao-lista-buscar:hover					{ background: #F1C40F; border: 1px solid #F1C40F; color:#FFFFFF; }


.botao-lista-editar							{ background: #3498db22; border:1px solid #3498db99; color: #3498db; width:30px; height:30px; margin: 0px 6px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-editar:hover					{ background: #3498db; border:1px solid #3498db; color: #FFFFFF; }
.botao-lista-apagar							{ background: #c0392b22; border:1px solid #C0392B99; color: #c0392b; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-apagar:hover					{ background: #C0392B; border:1px solid #C0392B; color: #FFFFFF; }




.botao-lista-avaliada1						{ background: #27AE6022; border: 1px solid #27AE6033; color: #27AE60; text-decoration: none; float: left; width:90px; height:30px; margin: 12px 9px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-avaliada1 i					{ margin-right:5px; }
.botao-lista-avaliada2						{ background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; text-decoration: none; float: left; width:90px; height:30px; margin: 12px 9px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-avaliada2 i					{ margin-right:5px; }
.botao-lista-mensagem1						{ background: #27AE6011; border: 1px solid #27AE6022; color: #27ae60; text-decoration: none; float: left; width: 100%; min-height: 30px; margin: 12px 0px 0px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: left; }
.botao-lista-mensagem1 i					{ margin-right:5px; }
.botao-lista-mensagem2						{ background: #F1C40F11; border: 1px solid #F1C40F22; color: #A7880C; text-decoration: none; float: left; width: 100%; min-height: 30px; margin: 12px 0px 0px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: left; }
.botao-lista-mensagem2 i					{ margin-right:5px; }
.botao-lista-mensagem3						{ background: #E74C3C11; border: 1px solid #E74C3C22; color: #E74C3C; text-decoration: none; float: left; width: 100%; min-height: 30px; margin: 12px 0px 0px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: left; }
.botao-lista-mensagem3 i					{ margin-right:5px; }
.botao-lista-mensagem4						{ background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; text-decoration: none; float: left; width: 100%; min-height: 30px; margin: 12px 0px 0px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: left; }
.botao-lista-mensagem4 i					{ margin-right:5px; }

.botao-download-csv							{ float: left; margin: 0px 12px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #27AE6022; border: 1px solid #27AE6033; color: #27AE60; border-radius: 3px; text-align: center; cursor: pointer; }
.botao-download-csv:hover					{ background: #27AE6044; border: 1px solid #27AE6055; }
.botao-download-csv a						{ color: #27AE60 !important; text-decoration: none; font-weight: 700; }
.botao-download-xls							{ float: left; margin: 0px 12px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #27AE6022; border: 1px solid #27AE6033; color: #27AE60; border-radius: 3px; text-align: center; cursor: pointer; }
.botao-download-xls:hover					{ background: #27ae6044; border: 1px solid #27AE6055; }
.botao-download-xls a						{ color: #27AE60 !important; text-decoration: none; font-weight: 700; }

.caixa-delimitador							{ float: left; width: 100%; margin: 0px 0px 10px 0px; background: #FFFFFF; border: 1px solid #C5C5C5; border-radius: 6px; padding: 14px; }
.caixa-exportarlis							{ float: left; width: 100%; margin: 10px 0px 10px 0px; background: #FFFFFF; border: 1px solid #C5C5C5; border-radius: 6px; padding: 14px; }

/*- MENSAGEM -----------------------------------------------------------------------------------------------------------------------------------*/
/*- MENSAGEM -----------------------------------------------------------------------------------------------------------------------------------*/

.botao-mensagem-editar						{ background:#3498db22; border:1px solid #3498db99; color:#3498db; width:30px; height:30px; margin: 0px 6px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-mensagem-editar:hover				{ background:#3498db; border:1px solid #3498db; color: #FFFFFF; }
.botao-mensagem-apagar						{ background:#c0392b22; border:1px solid #c0392b99; color:#c0392b; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-mensagem-apagar:hover				{ background:#c0392b; border:1px solid #c0392b; color:#FFFFFF; }
.botao-mensagem-relatorio1					{ background: #9b59b622; border: 1px solid #9b59b633; color: #9b59b6; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 9px 6px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: center; }
.botao-mensagem-relatorio1 i				{ margin-right:5px; }
.botao-mensagem-relatorio1:hover			{ background: #9b59b6; border: 1px solid #9b59b6; color:#FFFFFF; }
.botao-mensagem-relatorio2					{ background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 9px 6px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: center; }
.botao-mensagem-relatorio2 i				{ margin-right:5px; }
.botao-mensagem-duplicar1					{ background: #d3540022; border: 1px solid #d3540033; color: #d35400; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 0px 0px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: center; }
.botao-mensagem-duplicar1 i					{ margin-right:5px; }
.botao-mensagem-duplicar1:hover				{ background: #d35400; border: 1px solid #d35400; color:#FFFFFF; }
.botao-mensagem-duplicar2					{ background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 0px 0px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: center; }
.botao-mensagem-duplicar2 i					{ margin-right:5px; }
.botao-mensagem-status						{ background: #27ae6011; border: 1px solid #27ae6022; color: #27ae60; text-decoration: none; float: left; width: 160px; height: 30px; margin: 12px 9px 0px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: left; }
.botao-mensagem-status i					{ margin-right:5px; }
.botao-mensagem-observacao					{ background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; text-decoration: none; float: left; width: calc(100% - 169px); min-height: 30px; margin: 12px 0px 0px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: left; }
.botao-mensagem-observacao i				{ margin-right:5px; }
.botao-mensagem-observacao2					{ background: #27ae6011; border: 1px solid #27ae6022; color: #27ae60; text-decoration: none; float: left; width: calc(100% - 169px); min-height: 30px; margin: 12px 0px 0px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: left; }
.botao-mensagem-observacao2 i				{ margin-right:5px; }
.botao-mensagem-editar-off					{ background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; width:30px; height:30px; margin: 0px 6px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-mensagem-apagar-off					{ background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }

.caixa-introducao-migalhas                  { float: right; background:var(--verde); padding:10px 15px; color: #FFFFFF; border: 1px solid var(--verde-escuro); border-bottom:0px; border-radius:6px 6px 0px 0px; font-size:14px; margin:-40px 30px 0px 0px; }
.salvar-travado                             { background:var(--verde); width:calc(100% - 390px); padding: 15px 28px 15px 60px; position: fixed; bottom:10px; right:10px; border-radius: 0px 0px 8px 0px; }
.legenForm                                  { float: left; width: 100%; margin: 0px 0px 20px 0px; font-size: 13px; color: #86271D; }

.tabela-uploads								{ float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 40px; background: var(--verde); border: 1px solid var(--verde); border-radius: 6px; text-align: center; color: #FFFFFF; cursor: pointer; }
.tabela-uploads:hover						{ background: #004247; }

.botao-prosseguir-mensagem					{ float: left; width: 200px; margin: 0px 12px 0px 0px !important; font-size: 15px; padding: 12px 15px 13px 15px; background:#FFFFFF !important; color: var(--verde) !important; border: 0px !important; border-radius: 6px !important; text-align: center; cursor: pointer; }
.botao-prosseguir-mensagem i				{ margin-right:5px; }
.botao-prosseguir-mensagem:hover			{ background: #DDD !important; border: 0px !important; color: var(--verde) !important; }

.botao-prosseguir-disabled					{ float: left; width: 200px; margin: 0px 12px 0px 0px !important; font-size: 15px; padding: 12px 15px 13px 15px; background:rgba(255,255,255,0.4) !important; color: #FFFFFF !important; border: 0px !important; border-radius: 6px !important; text-align: center; opacity: 0.3; cursor:not-allowed !important; }
.botao-prosseguir-disabled i				{ margin-right:5px; }

.tox .tox-edit-area::before                 { border: 0px !important; }

.caixa-envio-alerta1 						{ float: left; width: 100%; height: 52px; margin: 0px 20px 5px 0px; border-radius: 10px; text-align: center; padding: 6px; background: center center no-repeat #CCCCCC; }
.caixa-envio-alerta1 .codigo-status         { width: 40px; height:40px; float:right; font-size:24px; background: #27AE6022; color: #FFFFFF; padding: 10px; border-radius: 6px; margin-bottom: 10px; font-weight: bold; display:flex; align-items:center; justify-content:center; }
.caixa-envio-alerta1 .codigo-info			{ margin: 9px 0px 0px 10px; text-align: left; height: 40px; align-items:center; }

.carregando 								{ margin: 0px; width:calc(100% - 800px); position: fixed; bottom: 26px; left:420px; display: none; z-index: 10; }
.carregando .center							{ margin: 0px auto; width: 100%; z-index: 11; }
.carregando .center .barra					{ margin: 0px; padding: 6px; background: var(--verde-escuro); border-radius: 6px; }
.carregando .center .barra .evolucao 		{ margin: 0px; padding: 6px; background: linear-gradient(to top,  #00636a 0%,#50b29d 100%); border-radius: 6px; text-align: center; color:#FFFFFF; }

.tabela-galeria								{ float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.tabela-galeria .col						{ float: left; width: calc((100% / 5) - (80px / 5)); height: auto; aspect-ratio:4/5; margin: 20px 20px 0px 0px; border-radius: 6px; text-align: center; background: center center no-repeat #CCC; background-size: cover; }
.tabela-galeria .col:nth-child(5n)			{ float: left; width: calc((100% / 5) - (80px / 5)); height: auto; aspect-ratio:4/5; margin: 20px 0px 0px 0px; border-radius: 6px; text-align: center; background: center center no-repeat #CCC; background-size: cover; }
.tabela-galeria .col .col-trans				{ width:100%; height:100%; background:rgba(0,0,0,0.6); position: relative; opacity:0; border-radius: 6px; }
.tabela-galeria .col:hover .col-trans		{ opacity:1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.tabela-galeria .col .botao					{ display:block; width: calc(100% - 10px); position: absolute; bottom: 10px; left: 5px; text-align: left; }
.tabela-galeria .col .botao .btn1			{ float: left; width: calc(100% - 20px); margin: 0px 10px 10px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; }
.tabela-galeria .col .botao .btn1:hover		{ background: #27AE60; border: 1px solid #27AE60; color: #FFFFFF; }
.tabela-galeria .col .botao .btn2			{ float: left; width: calc(100% - 20px); margin: 0px 10px 10px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; }
.tabela-galeria .col .botao .btn2:hover		{ background: #E74C3C; border: 1px solid #e74c3c; color: #FFFFFF; }

.area-carrossel                             { position: relative; width: 100%; background: #FAFAFA; border-radius: 10px; padding: 16px 60px 16px 60px; box-sizing: border-box; }
.btn-navegacao                              { position: absolute; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; border: none; border-radius: 50%; background: #FFFFFF; color: var(--verde); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);cursor: pointer; z-index: 10; transition: all 0.2s ease; }
.btn-navegacao:hover                        { background: var(--verde); color: #FFFFFF; }
.btn-bloco-pronto                           { flex: 0 0 160px; display: flex; align-items: left; justify-content: left; gap: 10px; background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 10px; padding: 12px 15px; cursor: grab; scroll-snap-align: start; }
.btn-bloco-pronto i                         { font-size: 18px; color: var(--verde); }
.btn-bloco-pronto strong                    { font-size: 14px; color: #333333; font-weight: 500; white-space: nowrap; }

#btn-prev                                   { left: 10px; }
#btn-next                                    { right: 10px; }
#blocos-externos                            { display: flex; overflow-x: auto; gap: 10px; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
#blocos-externos::-webkit-scrollbar         { display: none; }

/*- MODELOS PRONTOS ----------------------------------------------------------------------------------------------------------------------------*/
/*- MODELOS PRONTOS ----------------------------------------------------------------------------------------------------------------------------*/

.modelos-prontos							{ float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }

.modelos-prontos .col1 .col-trans			{ width:100%; height:100%; background:rgba(0,0,0,0.6); position: relative; opacity:0; border-radius: 6px; }
.modelos-prontos .col1:hover .col-trans		{ opacity:1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.modelos-prontos .col1						{ float: left; width: calc((100% / 4) - (60px / 4)); height: auto; aspect-ratio:4/5; margin: 0px 20px 20px 0px; border: 1px solid #DDDDDD; border-radius: 6px; }
.modelos-prontos .col1:nth-child(4n)		{ float: left; width: calc((100% / 4) - (60px / 4)); height: auto; aspect-ratio:4/5; margin: 0px 0px 20px 0px; border: 1px solid #DDDDDD; border-radius: 6px; }
.modelos-prontos .col1 .botao				{ display:block; width: calc(100% - 10px); position: absolute; bottom: 10px; left: 5px; text-align: left; }
.modelos-prontos .col1 .botao .btn1			{ float: left; width: calc(100% - 20px); margin: 0px 10px 10px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; }
.modelos-prontos .col1 .botao .btn1:hover	{ background: #9B59B6; border: 1px solid #9B59B6; color: #FFFFFF; }
.modelos-prontos .col1 .botao .btn2			{ float: left; width: calc(100% - 20px); margin: 0px 10px 0px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; }
.modelos-prontos .col1 .botao .btn2:hover	{ background: #27AE60; border: 1px solid #27AE60; color: #FFFFFF; }

.modelos-prontos .col2 .col-trans			{ width:100%; height:100%; background:rgba(0,0,0,0.6); position: relative; opacity:0; border-radius: 6px; }
.modelos-prontos .col2-imagem				{ width:100%; height:100%; overflow: hidden; border-radius: 6px 6px 0px 0px; }
.modelos-prontos .col2:hover .col-trans		{ opacity:1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.modelos-prontos .col2						{ float: left; width: calc((100% / 4) - (60px / 4)); height: auto; aspect-ratio:4/5; margin: 0px 20px 20px 0px; border: 1px solid #DDDDDD; border-radius: 6px; }
.modelos-prontos .col2:nth-child(4n)		{ float: left; width: calc((100% / 4) - (60px / 4)); height: auto; aspect-ratio:4/5; margin: 0px 0px 20px 0px; border: 1px solid #DDDDDD; border-radius: 6px; }
.modelos-prontos .col2 .info				{ display:block; width: 100%; background: #FFF; padding: 10px; height: 120px; text-align: center; line-height: 24px; border-radius: 6px; }
.modelos-prontos .col2 .botao				{ display:block; width: calc(100% - 10px); position: absolute; bottom: 10px; left: 5px; text-align: left; }
.modelos-prontos .col2 .botao .btn1			{ float: left; width: calc(100% - 20px); margin: 0px 10px 10px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; }
.modelos-prontos .col2 .botao .btn1:hover	{ background: #9B59B6; border: 1px solid #9B59B6; color: #FFFFFF; }
.modelos-prontos .col2 .botao .btn2			{ float: left; width: calc(100% - 20px); margin: 0px 10px 10px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; }
.modelos-prontos .col2 .botao .btn2:hover	{ background: #27AE60; border: 1px solid #27AE60; color: #FFFFFF; }
.modelos-prontos .col2 .botao .btn3			{ float: left; width: calc(100% - 20px); margin: 0px 10px 10px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; }
.modelos-prontos .col2 .botao .btn3:hover	{ background: #F1C40F; border: 1px solid #F1C40F; color: #FFFFFF; }
.modelos-prontos .col2 .botao .btn4			{ float: left; width: calc(100% - 20px); margin: 0px 10px 10px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; }
.modelos-prontos .col2 .botao .btn4:hover	{ background: #E74C3C; border: 1px solid #E74C3C; color: #FFFFFF; }


/*- FINANCEIRO ---------------------------------------------------------------------------------------------------------------------------------*/
/*- FINANCEIRO ---------------------------------------------------------------------------------------------------------------------------------*/


.tabela-botao-financeiro								{ float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
.tabela-botao-financeiro	.col						{ float: left; width: calc((100% / 3) - (20px / 3)); margin: 0px 10px 0px 0px; }
.tabela-botao-financeiro	.col:nth-child(3n)			{ float: left; width: calc((100% / 3) - (20px / 3)); margin: 0px 0px 0px 0px; }
.tabela-botao-financeiro	.col .icone					{ width: 100%; text-align: center; padding: 0px 0px 0px 0px; }
.tabela-botao-financeiro	.col .icone i				{ width: 70px; text-align: center; padding: 20px 0px 0px 0px; float: left; font-size: 32px; display:block;  }
.tabela-botao-financeiro	.col .icone .info			{ text-align: left; margin-left: 70px; }
.tabela-botao-financeiro	.col .icone .info h3		{ font-size: 15px; line-height: 20px; font-weight: normal; }
.tabela-botao-financeiro	.col .icone span			{ font-size: 12px; }


/*- CONFIGURACOES ------------------------------------------------------------------------------------------------------------------------------*/
/*- CONFIGURACOES ------------------------------------------------------------------------------------------------------------------------------*/

.botao-lista-configuracao01				{ background:#c0392b22; border:1px solid #c0392b99; color: #c0392b; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-configuracao01:hover		{ background:#c0392b; border: 1px solid #c0392b; color: #FFFFFF; }

.botao-lista-configuracao02				{ background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }

.botao-lista-configuracao03				{ background: #95a5a622; border: 1px solid #95a5a633; color: #95a5a6; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }

.botao-politica							{ float: right; margin: 0px 0px 0px 12px; font-size: 15px; padding: 10px 15px 10px 15px; background: #2c3e5022; border: 1px solid #2c3e5033; color: #2c3e50; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-politica:hover					{ background: #2c3e5044; border: 1px solid #2c3e5055; }
.botao-politica a						{ color: #2c3e50 !important; text-decoration: none; font-weight: 700; }

.botao-termouso							{ float: right; margin: 0px 0px 0px 12px; font-size: 15px; padding: 10px 15px 10px 15px; background: #2c3e5022; border: 1px solid #2c3e5033; color: #2c3e50; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-termouso:hover					{ background: #2c3e5044; border: 1px solid #2c3e5055; }
.botao-termouso a						{ color: #2c3e50 !important; text-decoration: none; font-weight: 700; }

.botao-voltar-termos					{ float: left; width: 150px; margin: 0px 12px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #7f8c8d22; border: 1px solid #7f8c8d33; color: #7f8c8d; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-voltar-termos i					{ margin-right:5px; }
.botao-voltar-termos:hover				{ background: #7f8c8d44; border: 1px solid #7f8c8d55; color: #7f8c8d; }

.botao-imprimir							{ float: left; width: 150px; margin: 0px 12px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #d3540022; border: 1px solid #d3540033; color: #d35400; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-imprimir i						{ margin-right:5px; }
.botao-imprimir:hover					{ background: #d3540044; border: 1px solid #d3540055; color: #d35400; }

.token-api								{ float: left; width: calc((100% - 260px)); margin: 0px 10px 0px 0px; background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; padding: 36px 20px 36px 20px; border-radius: 6px; }

.botao-api1								{ float: right; width: 250px; margin: 0px 0px 10px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #d3540022; border: 1px solid #d3540033; color: #d35400; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-api1 i							{ margin-right:5px; }
.botao-api1:hover						{ background: #d3540044; border: 1px solid #d3540055; color: #d35400; }

.botao-api2								{ float: right; width: 250px; margin: 0px 0px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #d3540022; border: 1px solid #d3540033; color: #d35400; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-api2 i							{ margin-right:5px; }
.botao-api2:hover						{ background: #d3540044; border: 1px solid #d3540055; color: #d35400; }

.lista-token							{ float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 10px; background: #ecf0f199; border: 1px solid #ecf0f1; color: #ecf0f1; border-radius: 6px; cursor: pointer; }
.lista-token:hover						{ background: #1abc9c22; border: 1px solid #1abc9c33; color: #1abc9c; }
.lista-token .texto						{ float: left; width: 50%; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; color: #7f8c8d; font-size: 15px; font-weight: 400; }
.lista-token .icone						{ float: right; margin: 0px 10px 0px 0px; padding: 0px; color: #7f8c8d;  }
.lista-token .icone:hover				{ float: right; margin: 0px 10px 0px 0px; padding: 0px; color: #444444;  }

.botao-lista-api3						{ background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-api3:hover					{ background: #27ae60; border: 1px solid #27ae60; color:#FFFFFF; }

.botao-lista-usuario01					{ background:#3498db22; border:1px solid #3498db99; color:#3498db; width:30px; height:30px; margin: 0px 6px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-usuario01:hover			{ background:#3498db; border:1px solid #3498db; color: #FFFFFF; }

.botao-lista-usuario02					{ background:#c0392b22; border:1px solid #c0392b99; color:#c0392b; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-usuario02:hover			{ background:#c0392b; border:1px solid #c0392b; color:#FFFFFF; }

.botao-dns1								{ float: right; width: 320px; margin: 0px 0px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #d3540022; border: 1px solid #d3540033; color: #d35400; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-dns1 i							{ margin-right:5px; }
.botao-dns1:hover						{ background: #d3540044; border: 1px solid #d3540055; color: #d35400; }


/*- AJUDA --------------------------------------------------------------------------------------------------------------------------------------*/
/*- AJUDA --------------------------------------------------------------------------------------------------------------------------------------*/

.pergunta								{ float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 10px; background: #1abc9c11; border: 1px solid #1abc9c22; color: #1abc9c; border-radius: 6px; cursor: pointer; }
.pergunta:hover							{ background: #1abc9c22; border: 1px solid #1abc9c33; color: #1abc9c; }
.pergunta .texto						{ float: left; width: 90%; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; color: #7f8c8d; font-size: 15px; font-weight: 400; }
.pergunta .icone						{ float: right; margin: 0px 10px 0px 0px; padding: 0px; color: #7f8c8d; font-size: 20px; }

.resposta								{ float: left; width: 100%; margin: -12px 0px 10px 0px; padding: 15px; background: #FFFFFF; border: 1px solid #004247; color: #444444; border-radius: 0px 0px 6px 6px; text-align: justify; display: none; }

.pergunta-aberta						{ background: #004247 !important; border: 1px solid #004247 !important; color: #FFFFFF !important; border-radius:6px 6px 0px 0px; }
.pergunta-aberta .texto					{ color:#FFFFFF; }
.pergunta-aberta .icone					{ color:#FFFFFF; }

.botao-whatsapp							{ float: right; margin: 0px 0px 0px 12px; font-size: 15px; padding: 10px 15px 10px 15px; background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-whatsapp:hover					{ background: #27ae6044; border: 1px solid #27ae6055; }
.botao-whatsapp a						{ color: #27ae60 !important; text-decoration: none; font-weight: 700; }


/*- RELATORIOS ---------------------------------------------------------------------------------------------------------------------------------*/
/*- RELATORIOS ---------------------------------------------------------------------------------------------------------------------------------*/

.tabela-relatorio								{ float: left; width: 100%; margin: 0px 0px 40px 0px; padding: 0px 0px 0px 0px; }
.tabela-relatorio	.col						{ float: left; width: calc((100% / 5) - (40px / 5)); margin: 0px 10px 0px 0px; }
.tabela-relatorio	.col:nth-child(5n)			{ float: left; width: calc((100% / 5) - (40px / 5)); margin: 0px 0px 0px 0px; }
.tabela-relatorio	.col .icone					{ width: 100%; text-align: center; padding: 15px 0px 15px 0px; }
.tabela-relatorio	.col .icone i				{ width: 70px; text-align: center; padding: 16px 0px 0px 0px; float: left; font-size: 32px; display:block;  }
.tabela-relatorio	.col .icone .info			{ text-align: left; margin-left: 70px; }
.tabela-relatorio	.col .icone .info h3		{ font-size: 15px; line-height: 0px; font-weight: normal; margin-bottom: 10px; }
.tabela-relatorio	.col .icone b				{ font-size: 24px; }
.tabela-relatorio	.col .legenda				{ border:1px solid #DDD; background:#FFF; border-radius:0px 0px 6px 6px; border-top:0px; padding:10px 0px; text-align:center; color:#666; }


.abas 							{ float: left; border-bottom: 1px solid #ccc; margin: 0px 0px 15px 0px; width: 100%; padding: 0px 0px 15px 0px; }
.abas button 					{ padding: 10px 20px 10px 20px; border: none; cursor: pointer; font-weight: bold; transition: 0.2s; color:#00636a99; background:#00636a11; border: 1px solid #00636a11; border-radius:6px; }
.abas button.ativo 				{ background: #00636a33; border: 1px solid #00636a44; color:#00636a; }

.conteudo-abas > div 			{ display: none; }
.conteudo-abas > div.ativo 		{ float: left; display: block; background:#FFFFFF; border: 1px solid #DDDDDD; color: #444444; margin: 0px 0px 0px 0px; border-radius: 6px; padding: 0px; width:100%; }

.conteudo-abas > div:nth-child(3).ativo .dataTables_wrapper { border: 0px; }
.conteudo-abas > div:nth-child(4).ativo .dataTables_wrapper { border: 0px; }

.news-tabela-visualizar			{ float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px; border-radius: 6px; pointer-events: none; }




/*- CONTEUDO -----------------------------------------------------------------------------------------------------------------------------------*/
/*- CONTEUDO -----------------------------------------------------------------------------------------------------------------------------------*/

.alert-success 					{ float: left; width: 100%; margin: 10px 0px 20px 0px; padding: 20px 20px 20px 20px; background: #ecf0f1; border: 1px solid #ecf0f1; color: #2c3e50; border-radius: 6px; text-align: justify; }
.alert-success h3 				{ font-size: 18px; color: #2c3e50; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; }

.alert-agendar 					{ float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 20px 20px 20px 20px; background: #D9ECDB; border: 1px solid #CAE5CD; color: #2A552A; border-radius: 6px; text-align: justify; }
.alert-agendar h3 				{ font-size: 18px; color: #2A552A; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; }


.sub-titulo 					{ font-size: 18px; color: #2c3e50; margin: 0px 0px 20px 0px; padding: 0px 0px 6px 0px; border-bottom: 1px solid #95a5a6; }
.mensagem-saldo					{ float: left; margin: 50px 0px 0px 0px; width: 100%; text-align: center; font-size: 16px; color: #FFFFFF; }

.botao-relatorio-completo		{ background: #34495e22; border: 1px solid #34495e33; color: #34495e; border-radius: 6px; padding: 0px 5px 0px 5px; font-size: 11px; }
.botao-relatorio-completo:hover { background: #34495e44; border: 1px solid #34495e55; color: #34495e; border-radius: 6px; padding: 0px 5px 0px 5px; font-size: 11px; }






/*- CONTEUDO -----------------------------------------------------------------------------------------------------------------------------------*/


.tabela-acesso								{ float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
.tabela-acesso .col							{ float: left; width: calc(33.333% - 13.333px); margin: 0px 20px 0px 0px; }
.tabela-acesso .col:nth-child(3n)			{ float: left; width: calc(33.333% - 13.333px); margin: 0px 0px 0px 0px; }
.tabela-acesso .col a						{ text-decoration: none; }
.tabela-acesso .col .icone					{ width: 100%; text-align: center; }
.tabela-acesso .col .icone i				{ margin: 20px 0px 0px 0px; color: #2c3e50; }
.tabela-acesso .col .icone .info			{ text-align: center; }
.tabela-acesso .col .icone .info h3			{ color: #2c3e50; font-size: 18px; line-height: 30px; font-weight: normal; }
.tabela-acesso .col .icone:hover			{ background: #bdc3c7 !important; border: 1px solid #bdc3c7 !important; }


.lista-botao1								{ float: left; width: calc(33.333% - 6px); margin: 20px 9px 4px 0px; font-size: 13px; padding: 6px 10px 6px 10px; background: #2ecc71; border: 1px solid #2ecc71; color: #FFFFFF; border-radius: 3px; text-align: center; }
.lista-botao1:hover							{ background: #27ae60; border: 1px solid #27ae60; }
.lista-botao1 a								{ color: #FFFFFF !important; text-decoration: none; }

.lista-botao2								{ float: left; width: calc(33.333% - 6px); margin: 20px 9px 4px 0px; font-size: 13px; padding: 6px 10px 6px 10px; background: #3498db; border: 1px solid #3498db; color: #FFFFFF; border-radius: 3px; text-align: center; }
.lista-botao2:hover							{ background: #2980b9; border: 1px solid #2980b9; }
.lista-botao2 a								{ color: #FFFFFF !important; text-decoration: none; }

.lista-botao3								{ float: left; width: calc(33.333% - 6px); margin: 20px 0px 4px 0px; font-size: 13px; padding: 6px 10px 6px 10px; background: #f1c40f; border: 1px solid #9b59b6; color: #FFFFFF; border-radius: 3px; text-align: center; }
.lista-botao3:hover							{ background: #f1c40f; border: 1px solid #f1c40f; }
.lista-botao3 a								{ color: #FFFFFF !important; text-decoration: none; }


.botao-voltar-form							{ float: left; min-width: 15%; margin: 0px 8px 0px 0px; padding: 13px; border: 0px; font-size: 15px; border-radius: 6px; background: #7f8c8d; text-align: center; color: #FFFFFF; cursor: pointer; outline: none; text-decoration: none; }

.delimitador								{ float: left; width: 100%; margin: 0px 0px 10px 0px; background: #FFFFFF; border: 1px solid #C5C5C5; border-radius: 6px; padding: 14px; }

.tabela-mensagem							{ float: left; width: 100%; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; }
.tabela-mensagem .col						{ float: left; width: calc(20% - 16px); margin: 0px 20px 0px 0px; }
.tabela-mensagem .col:nth-child(5n)			{ float: left; width: calc(20% - 16px); margin: 0px 0px 0px 0px; }
.tabela-mensagem .col a						{ text-decoration: none; }
.tabela-mensagem .col .icone				{ width: 100%; text-align: center; }
.tabela-mensagem .col .icone i				{ margin: 20px 0px 0px 0px; color: #FFFFFF; }
.tabela-mensagem .col .icone .info			{ text-align: center; }
.tabela-mensagem .col .icone .info h3		{ color: #FFFFFF; font-size: 16px; font-weight: normal; }
.tabela-mensagem .col .icone:hover			{ background: #2c3e50 !important; border: 1px solid #2c3e50 !important; }


.tabela-etapa1-erro								{ float: left; width: 100%; background: #ECF0F1; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; border-radius: 6px; }
.tabela-etapa2-erro								{ float: left; width: 100%; background: #ECF0F1; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; border-radius: 6px; }
.tabela-etapa3-erro								{ float: left; width: 100%; background: #ECF0F1; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; border-radius: 6px; }
.tabela-etapa4-erro								{ float: left; width: 100%; background: #ECF0F1; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; border-radius: 6px; }
.tabela-etapa5-erro								{ float: left; width: 100%; background: #ECF0F1; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; border-radius: 6px; }
.tabela-etapa6-erro								{ float: left; width: 100%; background: #ECF0F1; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; border-radius: 6px; }

.lista-filtro1								{ float: left; margin: 0px 12px 0px 0px; font-size: 14px; padding: 10px 15px 10px 15px; background: #27ae60; border: 1px solid #27ae60; color: #FFFFFF; border-radius: 3px; text-align: center; }
.lista-filtro1:hover						{ background: #2ecc71; border: 1px solid #2ecc71; }
.lista-filtro1 a							{ color: #FFFFFF !important; text-decoration: none; }

.lista-filtro2								{ float: left; margin: 0px 12px 0px 0px; font-size: 14px; padding: 10px 15px 10px 15px; background: #2980b9; border: 1px solid #2980b9; color: #FFFFFF; border-radius: 3px; text-align: center; }
.lista-filtro2:hover						{ background: #3498db; border: 1px solid #3498db; }
.lista-filtro2 a							{ color: #FFFFFF !important; text-decoration: none; }

.lista-filtro3								{ float: left; margin: 0px 12px 0px 0px; font-size: 14px; padding: 10px 15px 10px 15px; background: #8e44ad; border: 1px solid #8e44ad; color: #FFFFFF; border-radius: 3px; text-align: center; }
.lista-filtro3:hover						{ background: #9b59b6; border: 1px solid #9b59b6; }
.lista-filtro3 a							{ color: #FFFFFF !important; text-decoration: none; }

.lista-filtro4								{ float: left; margin: 0px 0px 0px 0px; font-size: 14px; padding: 10px 15px 10px 15px; background: #2c3e50; border: 1px solid #2c3e50; color: #FFFFFF; border-radius: 3px; text-align: center; }
.lista-filtro4:hover						{ background: #34495e; border: 1px solid #34495e; }
.lista-filtro4 a							{ color: #FFFFFF !important; text-decoration: none; }



.tabela-configuracao						{ float: left; width: 100%; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; }
.tabela-configuracao .col					{ float: left; width: calc(16.666% - 16.666px); margin: 0px 20px 0px 0px; }
.tabela-configuracao .col:nth-child(6n)		{ float: left; width: calc(16.666% - 16.666px); margin: 0px 0px 0px 0px; }
.tabela-configuracao .col a					{ text-decoration: none; }
.tabela-configuracao .col .icone			{ width: 100%; text-align: center;  }
.tabela-configuracao .col .icone i			{ margin: 20px 0px 0px 0px; color: #FFFFFF; }
.tabela-configuracao .col .icone .info		{ text-align: center; }
.tabela-configuracao .col .icone .info h3	{ color: #FFFFFF; font-size: 16px; font-weight: normal; }
.tabela-configuracao .col .icone:hover		{ background: #2c3e50 !important; border: 1px solid #2c3e50 !important; }


.tabela-financeiro							{ float: left; width: 100%; margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px; }
.tabela-financeiro .col						{ float: left; width: calc(33.333% - 13.333px); margin: 0px 20px 0px 0px; }
.tabela-financeiro .col:nth-child(3n)		{ float: left; width: calc(33.333% - 13.333px); margin: 0px 0px 0px 0px; }
.tabela-financeiro .col .icone				{ width: 100%; text-align: center;  }
.tabela-financeiro .col .icone i			{ margin: 20px 0px 0px 0px; color: #FFFFFF; }
.tabela-financeiro .col .icone .info		{ text-align: center; }
.tabela-financeiro .col .icone .info h3		{ color: #FFFFFF; font-size: 18px; line-height: 20px; font-weight: normal; }



.tabela-destinatarios 						{ float: left; width: calc(50% - 5px); margin: 0px 10px 10px 0px; padding: 4px; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 6px; }
.tabela-destinatarios:nth-child(2n)			{ float: left; width: calc(50% - 5px); margin: 0px 0px 10px 0px; padding: 4px; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 6px; }

.tabela-destinatarios .valor				{ float: left; width: 22px; margin: 2px 0px 0px 0px; }
.tabela-destinatarios .texto				{ float: left; width: calc(100% - 22px); }
.tabela-destinatarios .texto label			{ float: left; font-size: 13px; padding: 2px 0px 0px 0px; }
.tabela-destinatarios .texto span			{ float: right; background: #7f8c8d; font-size: 10px; padding: 2px 6px 2px 6px; border-radius: 6px; color: #FFFFFF;  }

.relatorio-botao1							{ float: left; width: calc(50% - 10px); margin: 20px 20px 4px 0px; font-size: 13px; padding: 6px 10px 6px 10px; background: #2ecc71; border: 1px solid #2ecc71; color: #FFFFFF; border-radius: 3px; text-align: center; }
.relatorio-botao1:hover						{ background: #27ae60; border: 1px solid #27ae60; }
.relatorio-botao1 a							{ color: #FFFFFF !important; text-decoration: none; }

.relatorio-botao2							{ float: left; width: calc(50% - 10px); margin: 20px 0px 4px 0px; font-size: 13px; padding: 6px 10px 6px 10px; background: #3498db; border: 1px solid #3498db; color: #FFFFFF; border-radius: 3px; text-align: center; }
.relatorio-botao2:hover						{ background: #2980b9; border: 1px solid #2980b9; }
.relatorio-botao2 a							{ color: #FFFFFF !important; text-decoration: none; }

.tabela-relatorios							{ float: left; width: 100%; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; }
.tabela-relatorios .col						{ float: left; width: calc(20% - 16px); margin: 0px 20px 0px 0px; background: #2c3e50; border: 1px solid #2c3e50; border-radius: 6px; }
.tabela-relatorios .col:nth-child(5n)		{ float: left; width: calc(20% - 16px); margin: 0px 0px 0px 0px; background: #2c3e50; border: 1px solid #2c3e50; border-radius: 6px; }
.tabela-relatorios .col .icone				{ width: 100%; text-align: center; }
.tabela-relatorios .col .icone i			{ margin: 20px 0px 0px 0px; color: #FFFFFF; }
.tabela-relatorios .col .icone .info		{ text-align: center; }
.tabela-relatorios .col .icone .info h3		{ color: #FFFFFF; font-size: 16px; font-weight: normal; }
.tabela-relatorios .col .icone .info h3 b	{ color: #FFFFFF; font-size: 30px; line-height: 50px; }

.tabela-visualizar							{ float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 20px; border-radius: 6px; background: #ecf0f1; pointer-events: none; }
.tabela-infodados1							{ float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 20px 20px 0px 20px; border-radius: 6px; background: #ecf0f1; }
.tabela-infodados2							{ float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 20px 20px 0px 20px; border-radius: 6px; background: #ecf0f1; }

.relatorios-botao1							{ float: left; width: calc(40% - 13.333px); margin: 0px 20px 4px 0px; font-size: 15px; padding: 10px; background: #2ecc71; border: 1px solid #2ecc71; color: #FFFFFF; border-radius: 6px; text-align: center; }
.relatorios-botao1:hover					{ background: #27ae60; border: 1px solid #27ae60; }
.relatorios-botao1 a						{ color: #FFFFFF !important; text-decoration: none; }

.relatorios-botao2							{ float: left; width: calc(40% - 13.333px); margin: 0px 20px 4px 0px; font-size: 15px; padding: 10px; background: #3498db; border: 1px solid #3498db; color: #FFFFFF; border-radius: 6px; text-align: center; }
.relatorios-botao2:hover					{ background: #2980b9; border: 1px solid #2980b9; }
.relatorios-botao2 a						{ color: #FFFFFF !important; text-decoration: none; }

.relatorios-botao3							{ float: left; width: calc(20% - 13.333px); margin: 0px 0px 4px 0px; font-size: 15px; padding: 10px; background: #bdc3c7; border: 1px solid #bdc3c7; color: #000000; border-radius: 6px; text-align: center; }
.relatorios-botao3:hover					{ background: #7f8c8d; border: 1px solid #7f8c8d; }
.relatorios-botao3 a						{ color: #000000 !important; text-decoration: none; }

.tabela-templates-menu						{ float: left; width: 100%; margin: 10px 0px 20px 0px; padding: 20px; background: #F2F2F2; border-radius: 6px; }
.tabela-templates-menu .col					{ float: left; width: calc(25% - 15px); margin: 0px 20px 0px 0px; }
.tabela-templates-menu .col:nth-child(4n)	{ float: left; width: calc(25% - 15px); margin: 0px 0px 0px 0px; }
.tabela-templates-menu .col a				{ text-decoration: none; }
.tabela-templates-menu .col .icone			{ width: 100%; }
.tabela-templates-menu .col .icone i		{ float: right; margin: 4px 4px 0px 0px; color: #FFFFFF; }
.tabela-templates-menu .col .icone .info	{ text-align: left; padding: 6px; }
.tabela-templates-menu .col .icone .info h3	{ color: #FFFFFF; font-size: 16px; font-weight: normal; margin: 0px 0px 0px 4px; padding: 0px; }
.tabela-templates-menu .col .icone:hover	{ background: #2c3e50 !important; border: 1px solid #2c3e50 !important; }

.legendaGrafico								{ float: left; width: 100%; margin: 20px 0px 20px 0px; font-size: 15px; padding: 10px; background: #F9F9F9; border: 1px solid #CCCCCC; line-height: 24px; color: #666666; border-radius: 6px; }
.legendaGrafico a							{ text-decoration: none; color: #666666; }
.legendaGrafico a:hover						{ text-decoration: none; color: #0000FF; }
.legendaGrafico hr							{ border-bottom: 1px solid #CCCCCC; border-top: 0px solid #CCCCCC; height: 1px; }

.tabela-comunicacao							{ float: left; width: 100%; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; }
.tabela-comunicacao .col					{ float: left; width: calc(20% - 16px); margin: 0px 20px 0px 0px; }
.tabela-comunicacao .col:nth-child(5n)		{ float: left; width: calc(20% - 16px); margin: 0px 0px 0px 0px; }
.tabela-comunicacao .col a					{ text-decoration: none; }
.tabela-comunicacao .col .icone				{ width: 100%; text-align: center;  }
.tabela-comunicacao .col .icone i			{ margin: 20px 0px 0px 0px; color: #FFFFFF; }
.tabela-comunicacao .col .icone .info		{ text-align: center; }
.tabela-comunicacao .col .icone .info h3	{ color: #FFFFFF; font-size: 16px; font-weight: normal; }
.tabela-comunicacao .col .icone:hover		{ background: #2c3e50 !important; border: 1px solid #2c3e50 !important; }

.tabela-calendario							{ float: left; width: 100%; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; }
.tabela-calendario .col						{ float: left; width: calc(25% - 15px); margin: 0px 20px 0px 0px; }
.tabela-calendario .col:nth-child(4n)		{ float: left; width: calc(25% - 15px); margin: 0px 0px 0px 0px; }
.tabela-calendario .col a					{ text-decoration: none; }
.tabela-calendario .col .icone				{ width: 100%; text-align: center;  }
.tabela-calendario .col .icone i			{ margin: 20px 0px 0px 0px; color: #FFFFFF; }
.tabela-calendario .col .icone .info		{ text-align: center; }
.tabela-calendario .col .icone .info h3		{ color: #FFFFFF; font-size: 16px; font-weight: normal; }
.tabela-calendario .col .icone:hover		{ background: #2c3e50 !important; border: 1px solid #2c3e50 !important; }


/*- AGENDA -----------------------------------------------------------------------------------------------------------------------------------*/

#ABA_Style_A1 								{ width: 100%; margin: 0px 0px 50px 0px; } #ABA_Style_A2 { height: 46px; position: relative; border-bottom: 0px solid #F9F9F9; padding: 0px 0px 0px 20px; } #ABA_Style_A3 { padding: 20px; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; border-radius: 0px; background: #F9F9F9; } #ABA_Style_A2 a, #ABA_Style_A2 a:visited { outline: 0; background: #EEEEEE; border: 1px solid #DCDCDC; border-radius: 4px 4px 0px 0px; font-size: 11px; text-transform: uppercase; text-decoration: none; color: #666666; display: block; height: 46px; line-height: 45px; margin-left: -1px; text-align: center; padding: 0px 32px 0px 32px; float: left; }
#ABA_Style_B1 								{ width: 100%; margin: 0px 0px 50px 0px; } #ABA_Style_B2 { height: 46px; position: relative; border-bottom: 0px solid #F9F9F9; padding: 0px 0px 0px 20px; } #ABA_Style_B3 { padding: 20px; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; border-radius: 0px; background: #F9F9F9; } #ABA_Style_B2 a, #ABA_Style_B2 a:visited { outline: 0; background: #F7F7F7; border: 1px solid #DCDCDC; border-radius: 4px 4px 0px 0px; font-size: 11px; text-transform: uppercase; text-decoration: none; color: #666666; display: block; height: 46px; line-height: 45px; margin-left: -1px; text-align: center; padding: 0px 32px 0px 32px; float: left; }

.calendario									{ float: left; margin: 10px 0px 20px 0px; padding: 10px; border: 1px solid #DCDCDC; background: #F9F9F9; border-radius: 4px; width: 100%; }
.calendario .botao-novocompromisso1				{ float: right; margin: 0px 0px 0px 0px; font-size: 15px; padding: 14px; background: #27ae60; border: 0px solid #27ae60; color: #FFFFFF; border-radius: 6px; text-align: center; cursor: pointer; }
.calendario .botao-novocompromisso1:hover		{ background: #2ecc71; border: 0px solid #2ecc71; }
.calendario .botao-novocompromisso1 a			{ color: #FFFFFF !important; text-decoration: none; }


.calendario									{ float: left; margin: 10px 0px 20px 0px; padding: 10px; border: 1px solid #DCDCDC; background: #F9F9F9; border-radius: 4px; width: 100%; }
.calendario .botao-novatarefa2				{ float: right; margin: 0px 0px 0px 0px; font-size: 15px; padding: 14px; background: #27ae60; border: 0px solid #27ae60; color: #FFFFFF; border-radius: 6px; text-align: center; cursor: pointer; }
.calendario .botao-novatarefa2:hover		{ background: #2ecc71; border: 0px solid #2ecc71; }
.calendario .botao-novatarefa2 a			{ color: #FFFFFF !important; text-decoration: none; }

.calendario									{ float: left; margin: 10px 0px 20px 0px; padding: 10px; border: 1px solid #DCDCDC; background: #F9F9F9; border-radius: 4px; width: 100%; }
.calendario .botao-exportarta1				{ float: right; margin: 0px 10px 0px 0px; font-size: 15px; padding: 14px; background: #27ae60; border: 0px solid #27ae60; color: #FFFFFF; border-radius: 6px; text-align: center; cursor: pointer; }
.calendario .botao-exportarta1:hover		{ background: #2ecc71; border: 0px solid #2ecc71; }
.calendario .botao-exportarta1 a			{ color: #FFFFFF !important; text-decoration: none; }


.barra_AGENDAT  							{ float: left; margin: 0px 0px 0px 0px; width: 100%; }
.barra_AGENDAT div 							{ float: left; margin: 0px 3px 3px 0px; padding: 6px; background: #666666; color: #FFFFFF; font-size: 13px; border: 1px solid #666666; }
.barra_AGENDAC 								{ float: left; margin: 0px 0px 0px 0px; width: 100%; }
.barra_AGENDAC div 							{ float: left; margin: 0px 3px 3px 0px; padding: 6px; }

.calendario_RTD1 							{ width: 14.28%; width: calc(14.28% - 3px); text-align: center; border: 1px solid #666666; font-weight: bold; border-radius: 0px 0px 0px 0px; }
.calendario_RTD1:first-child 				{ width: 14.28%; width: calc(14.28% - 3px); text-align: center; border: 1px solid #666666; border-radius: 4px 0px 0px 0px; }
.calendario_RTD1:last-child 				{ width: 14.28%; width: calc(14.28% - 3px); text-align: center; border: 1px solid #666666; border-radius: 0px 4px 0px 0px; }

.calendario_RTD1 a 							{ text-decoration: none; color: #FFFFFF; } 
.calendario_RTD1 a:hover 					{ color: #FFFFFF; }

.calendario_RTD2 a 							{ text-decoration: none; color: #000000; } 
.calendario_RTD2 a:hover 					{ color: #0000FF; }

.calendario_RTD2 							{ width: 14.28%; width: calc(14.28% - 3px); text-align: right; border: 1px solid #CCCCCC; background: #FFFFFF; color: #666666; font-size: 12px; overflow: hidden; }
.calendario_RTD3 							{ width: 14.28%; width: calc(14.28% - 3px); text-align: right; border: 1px solid #CCCCCC; background: #F9F9F9; color: #666666; font-size: 12px; overflow: hidden; }

.calendario_RTD2 .caixa_MAISOPCAO1			{ float: left; width: 100%; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border-radius: 4px 4px 4px 4px; font-size: 11px; color: #333333; cursor: pointer; text-align: center; background: #E4EEDC; }
.calendario_RTD2 .caixa_MAISOPCAO1:hover	{ float: left; width: 100%; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border-radius: 4px 4px 4px 4px; font-size: 11px; color: #FFFFFF; cursor: pointer; text-align: center; background: #537248; }

.calendario_JANELA							{ float: left; overflow: hidden; margin: 0px !important; padding: 0px !important; text-align: left; width: 100%; height: 18px; cursor: pointer; color: #666666; text-overflow: ellipsis; white-space: nowrap; }
.anexoDONW									{ text-decoration: none; color: #000000; } 
.anexoDONW:hover 							{ color: #0000FF; }

.imgExibicao div 							{ float: left; width: 11.111%; }
.imgExibicao div img						{ width: 100%; padding: 4px;  }

.ficha-rodape								{ width: 100%; height: 50px; position: fixed; z-index: 999; bottom: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #202020; }
.ficha-rodape .bloco1						{ float: left; width: 30%; margin: 0px 0px 0px 0px; padding: 0px; }
.ficha-rodape .bloco1 .botao				{ width: 100%; height: 50px; margin: 0px 0px 0px 0px; padding: 14px; background: #444444; border: 1px solid #444444; color: #FFFFFF; border-radius: 0px; font-weight: bold; cursor: pointer; text-align: center; font-size: 16px; }
.ficha-rodape .bloco1 .botao:hover			{ width: 100%; height: 50px; margin: 0px 0px 0px 0px; padding: 14px; background: #666666; border: 1px solid #666666; color: #FFFFFF; border-radius: 0px; font-weight: bold; cursor: pointer; text-align: center; font-size: 16px; }
.ficha-rodape .bloco2						{ float: left; width: 70%; margin: 0px 0px 0px 0px; padding: 0px; }
.ficha-rodape .bloco2 .botao				{ width: 100%; height: 50px; margin: 0px 0px 0px 0px; padding: 14px; background: #27ae60; border: 1px solid #27ae60; color: #FFFFFF; border-radius: 0px; font-weight: bold; cursor: pointer; text-align: center; font-size: 16px; }
.ficha-rodape .bloco2 .botao:hover			{ width: 100%; height: 50px; margin: 0px 0px 0px 0px; padding: 14px; background: #2ecc71; border: 1px solid #2ecc71; color: #FFFFFF; border-radius: 0px; font-weight: bold; cursor: pointer; text-align: center; font-size: 16px; }

/*- LANDING -----------------------------------------------------------------------------------------------------------------------------------*/

.tabela-landing-menu						{ float: left; width: 100%; margin: 10px 0px 20px 0px; padding: 20px; background: #F2F2F2; border-radius: 6px; }
.tabela-landing-menu .col					{ float: left; width: calc(33.333% - 20px); margin: 0px 30px 0px 0px; }
.tabela-landing-menu .col:nth-child(3n)		{ float: left; width: calc(33.333% - 20px); margin: 0px 0px 0px 0px; }
.tabela-landing-menu .col a					{ text-decoration: none; }
.tabela-landing-menu .col .icone			{ width: 100%; }
.tabela-landing-menu .col .icone i			{ float: right; margin: 4px 4px 0px 0px; color: #FFFFFF; }
.tabela-landing-menu .col .icone .info		{ text-align: left; padding: 6px; }
.tabela-landing-menu .col .icone .info h3	{ color: #FFFFFF; font-size: 16px; font-weight: normal; margin: 0px 0px 0px 4px; padding: 0px; }
.tabela-landing-menu .col .icone:hover		{ background: #2c3e50 !important; border: 1px solid #2c3e50 !important; }


.landing-prontos							{ float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
.landing-prontos .col						{ float: left; width: calc(25% - 15px); height: 220px; margin: 0px 20px 20px 0px; border: 1px solid #DDDDDD; border-radius: 3px; }
.landing-prontos .col:nth-child(4n)			{ float: left; width: calc(25% - 15px); height: 220px; margin: 0px 0px 20px 0px; border: 1px solid #DDDDDD; border-radius: 3px; }
.landing-prontos .col .botao				{ margin: 0px auto; width: 90%; text-align: center; padding: 130px 0px 0px 0px; }

.landing-prontos .col .botao .btn1			{ float: left; width: 100%; margin: 0px 0px 10px 0px; font-size: 14px; padding: 6px 10px 6px 10px; background: #7f8c8d; border: 1px solid #7f8c8d; color: #FFFFFF; border-radius: 3px; text-align: center; cursor: pointer; }
.landing-prontos .col .botao .btn2			{ float: left; width: 100%; margin: 0px 0px 0px 0px; font-size: 14px; padding: 6px 10px 6px 10px; background: #7f8c8d; border: 1px solid #7f8c8d; color: #FFFFFF; border-radius: 3px; text-align: center; cursor: pointer; }
.landing-prontos .col .botao .btn1:hover	{ background: #bdc3c7; border: 1px solid #bdc3c7; }
.landing-prontos .col .botao .btn2:hover	{ background: #bdc3c7; border: 1px solid #bdc3c7; }

.tabela-landing-interno							{ float: left; width: 100%; margin: 10px 0px 30px 0px; padding: 0px 0px 0px 0px; }
.tabela-landing-interno .col					{ float: left; width: calc(25% - 15px); margin: 0px 20px 0px 0px; }
.tabela-landing-interno .col:nth-child(4n)		{ float: left; width: calc(25% - 15px); margin: 0px 0px 0px 0px; }
.tabela-landing-interno .col a					{ text-decoration: none; }
.tabela-landing-interno .col .icone				{ width: 100%; }
.tabela-landing-interno .col .icone i			{ float: right; margin: 4px 4px 0px 0px; color: #FFFFFF; }
.tabela-landing-interno .col .icone .info		{ text-align: left; padding: 6px; }
.tabela-landing-interno .col .icone .info h3	{ color: #FFFFFF; font-size: 16px; font-weight: normal; margin: 0px 0px 0px 4px; padding: 0px; }
.tabela-landing-interno .col .icone:hover		{ background: #2c3e50 !important; border: 1px solid #2c3e50 !important; }

.pre-visualizacao-landing						{ float: left; width: 100%; height: 80px; margin: 0px 0px 0px 0px; padding: 20px; background: #FFFFFF; }
.pre-visualizacao-landing .col					{ float: left; width: 150px; margin: 0px 30px 0px 0px; }
.pre-visualizacao-landing .col .icone			{ width: 100%; background: #2c3e50; border: 1px solid #2c3e50; border-radius: 6px; cursor: pointer; }
.pre-visualizacao-landing .col:nth-child(3n)	{ float: right; margin: 0px 0px 0px 0px; }

.pre-visualizacao-landing .col .icone i			{ float: right; margin: 4px 4px 0px 0px; color: #FFFFFF; }
.pre-visualizacao-landing .col .icone .info		{ text-align: left; padding: 6px; }
.pre-visualizacao-landing .col .icone .info h3	{ color: #FFFFFF; font-size: 16px; font-weight: normal; margin: 0px 0px 0px 4px; padding: 0px; }

.pre-visualizacao-landing .col .icone:hover		{ background: #D35400 !important; border: 1px solid #D35400 !important; }

.landing-automacao								{ float: left; width: 100%; padding: 10px; margin: 0px 0px 10px 0px; border-radius: 6px; background: #FFFFFF; }





/*- 1004px -----------------*/
/*- 1004px -----------------*/
/*- 1004px -----------------*/
/*- 1004px -----------------*/

@media (max-width: 1230px){
	
	
}

/*- 320px ------------------*/
/*- 320px ------------------*/
/*- 320px ------------------*/
/*- 320px ------------------*/

@media (max-width: 980px){

}