/* reset */
html, figure, article, section, aside, header, footer, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}a {color:inherit; text-decoration:none;}img {border:0;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse; border-spacing: 0;}input, textarea, select {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}html, body {height:100%;}
/*responsive*/
@media screen and (max-width: 667px) {}
@media screen and (min-width: 668px) and (max-width: 768px) {}
@media screen and (min-width: 769px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) and (max-width: 1366px) {}
/*clearfix*/
.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin-bottom: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/*design*/
body {-webkit-font-smoothing:antialiased; font-family:"Roboto", sans-serif, arial; font-size:16px; color:#424242;}
.absolutecenter {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.content {display:block; margin:0 auto; width:100%; padding:20px 30px;}
.container {float:left; width:100%;}
hr {display:block; width:100%; height:1px; border:0; border-bottom:1px solid #ddd; margin:20px 0;}
.fck p {margin:0 0 15px 0;}
.fck h1 {margin:0 0 15px 0;}
.fck h2 {margin:0 0 15px 0;}
.fck h3 {margin:0 0 15px 0;}
.fck ul {list-style:disc outside; margin:0 0 15px 30px;}
.fck ol {list-style:decimal outside; margin:0 0 15px 30px;}
.fck li {margin-bottom:5px;}
.fck table {margin-bottom:15px;}
.fck table p {margin:0;}
input[type=text], input[type=file], input[type=number], input[type=tel], input[type=date], input[type=password], input[type=email], input[type=password], select, textarea {width:100%; padding:0; font-family:inherit; font-size:inherit; border-radius:0; border:1px solid var(--cinza2); padding:8px; border-radius:4px; background-color:#fff; font-size:0.813rem;}
select {background:url(../img/select-icon.png) no-repeat right center #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input:focus, select:focus, textarea:focus {border-color:var(--cor1);}
input[disabled] {color:gray;}
textarea {font-size:0.875rem;}
form label {display:inline-block; padding:7px 7px 7px 0; margin-right:5px;}
form .label1 {display:block; padding:0 2px 2px 2px;}
form dl {float:left; width:100%; padding:5px; margin-bottom:5px;}
form dt {font-size:0.813em; margin-bottom:5px;}
form dt a {color:var(--cor1);}
form dd {color:var(--cinza4); font-size:0.813em;}
form dd a {text-decoration:underline;}
form dd.aviso {font-size:0.75rem; color:var(--cor1); padding:4px 0;}
form .colunas, form .colunas2, form .colunas3, form .colunas4, form .colunas5 {float:left; width:100%;}
form .colunas dl, form .colunas .dl1 {width:50%;}
form .colunas3 {float:left; width:100%;}
form .colunas3 dl, form .colunas3 .dl1 {width:33.33%;}
form .colunas3 .dl2 {width:66.6%;}	
form .colunas4 dl, form .colunas4 .dl1 {width:25%;}
form .colunas4 .dl2 {width:50%;}
form .colunas4 .dl3 {width:75%;}
form .colunas5 dl, form .colunas5 .dl1 {width:20%;}
form .colunas5 .dl2 {width:40%;}
form .colunas5 .dl3 {width:60%;}
form .colunas5 .dl4 {width:80%;}
form .colunas6 dl, form .colunas6 .dl1 {width:16.66%;}
form .colunas5 .dl2 {width:33.32%;}
form .colunas5 .dl3 {width:50%;}
form fieldset {float:left; width:100%; margin:10px 0; border:1px solid var(--cinza1); border-top:2px solid var(--cor1); padding:15px 20px;}
form fieldset:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin-bottom: 0;}
form legend {font-size:1.25em; padding:0 5px; color:var(--cor1);}
form button {border:0; padding:0; font-family:inherit; font-size:0.813rem; cursor:pointer; background:inherit; padding:9px 16px; background:var(--cinza3); border-radius:4px; color:#fff; font-weight:bold; transition:all 100ms;}
form button:hover {background-color:var(--cinza3hover);}
form button i:before {margin:0;}
form .erro {background-color:#ffffdb !important;}
.chosen-container .chosen-results li.highlighted {background-color: var(--cor1); color:#fff;}
@media screen and (max-width: 667px) {
	form legend {font-size:20px;}
	form dl, form .dl1, form .dl2, form .dl3 {width:100% !important;}
}
/*form input:not(.noupper),form textarea:not(.noupper) { text-transform: uppercase }*/

:root {
	--cor1:#344848;
	--cor1hover:#344848;
	--cinza1:#ebebeb;
	--cinza1hover:#E3E6E5;
	--cinza2:#ddd;
	--cinza2hover:#CCD2D2;
	--cinza3:#B2B3B5;
	--cinza3hover:#989B9D;
	--cinza4:#989B9D;
	--cinza4hover:#85878B;
	--texto1:#424242;
}

#login {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#login form {width:300px; padding:25px; background:#fff; box-shadow:0 0 80px rgba(0,0,0,0.05); transition:all 299.9ms; border-bottom:5px solid var(--cinza2);}
#login .logo {display:block; margin:5px auto 20px auto;width: 70px;}
#login form:focus-within {box-shadow:0 0 80px rgba(0,0,0,0.15); border-color:var(--cor1);}
#login ul {float:left; width:100%; font-size:1.5em;}
#login li {text-align:center; margin-top:10px;}
#login li a {display:block; border:1px solid var(--cinza2); border-radius:4px; padding:8px 0; color:var(--cor1);}
#login li a:hover {border-color:var(--cor1);}

/*
#nav {float:left; width:215px; height:100vh; background:var(--cinza1); position:fixed; overflow:hidden; padding-bottom:110px;}
#nav .logo {height:70px; display:flex; align-items: center; justify-content: center; margin:20px;}
#nav .logo img {max-width:100%; height:auto;}
#nav .form-empresa {margin:20px;}
#nav .menu {font-size:0.9375rem;}
#nav .js-expande:after {content:"\f107"; font-family:"icones"; position:absolute; right:20px; margin-top:3px; color:var(--cinza3hover);}
#nav .menu li > a {display:block; padding:10px 20px; transition:all 100ms; position:relative;}
#nav .menu li > a:hover {color:var(--cor1hover); background-color:var(--cinza1hover);}
#nav .menu li > a.active {color:var(--cor1hover);}

#nav .menu dl {display:none; font-size:0.75rem; background-color:var(--cinza1hover); padding:10px 0; border-top:1px solid var(--cinza2hover);}
#nav .menu dt > a {display:block; padding:5px 20px;}
#nav .menu dt > a:hover {color:var(--cor1hover);}

#nav .usuario {position:fixed; left:0; bottom:0; width:215px; background-color:var(--cinza2); padding:20px;}
#nav .usuario .nome {font-size:0.813em; font-weight:bold; margin-bottom:10px;}
#nav .usuario .botao {padding:4px 8px; font-size:0.813em;}
*/




@media screen and (min-width: 667px) {
	#nav {float:left; width:215px; height:100vh; background:var(--cinza1); position:fixed; overflow:auto;}
	#nav .logo {height:70px; display:flex; align-items: center; justify-content: center; margin:20px;}
	#nav .logo img {max-width:100%; height:auto;}
	#nav .form-empresa {margin:20px;}
	#nav .menu {font-size:0.9375rem;}
	#nav .usuario {margin:20px; border-top:1px solid var(--cinza2); padding-top:20px;}
	#nav .usuario .nome {font-size:0.813em; font-weight:bold; margin-bottom:10px;}
	#nav .usuario .botao {padding:4px 4px; font-size:0.813em;}
	#nav .usuario__wlib {text-align:center; font-size:0.625em; margin-top:30px;}
	#nav .menu-mobile {display:none;}
}

.grid{
	display: grid;
	grid-gap: 20px;
}

.grid-2{
	grid-template-columns: repeat(2, 1fr);
}
.grid-3{
	grid-template-columns: repeat(3, 1fr);
}
.grid-4{
	grid-template-columns: repeat(4, 1fr);
}
.municipio-content{
	margin: 0 0 0 20px;
}
.municipio-content li{
	margin-left: 18px !important;
}
#nav .js-expande:after {content:"\f107"; font-family:"icones"; position:absolute; right:20px; margin-top:3px; color:var(--cinza3hover);}
#nav .menu li > a {display:block; padding:10px 20px; transition:all 100ms; position:relative;}
#nav .menu li > a:hover {color:var(--cor1hover); background-color:var(--cinza1hover);}
#nav .menu li > a.active {color: var(--cor1hover);background: var(--cinza2);}
#nav .menu dl {display:none; font-size:0.75rem; background-color:var(--cinza1hover); padding:10px 0; border-top:1px solid var(--cinza2hover);}
#nav .menu dt > a {display:block; padding:5px 20px;}
#nav .menu dt > a:hover {color:var(--cor1hover);}
#nav .menu dt > a.active {color: #ffff;background: var(--cor1);}
@media screen and (max-width: 667px) {
	#nav {position:absolute; z-index:9999; top:0; left:0; width:100%; height:50px; background:var(--cinza2);}
	#nav .logo img {height:30px; width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
	#nav .form-empresa {display:none; }
	#nav .menu {display:none; position:absolute; z-index:9999; width:100%; top:50px; left:0; background:var(--cinza1);}
	#nav .usuario {float:right; margin:7px;}
	#nav .usuario .nome {display:none;}
	#nav .usuario .botao span {display:none;}
	#nav .menu-mobile {float:left; margin:7px;}
}

#nav.collapse {width:10px;}
#nav.collapse .usuario {display:none;}
#conteudo.collapse {margin-left:10px;}

#conteudo {margin-left:215px; padding:20px 40px;}
.box-talk {margin:0 auto !important; width:1200px; max-width:90%;}

.botao {display:inline-block; font-weight:bold; font-size:1.125em; background-color:var(--cinza3); color:#fff; padding:8px 14px; border-radius:4px; margin-right:2px; transition:all 100ms;}
.botao:hover {background-color:var(--cinza3hover); color:#fff !important;}
.botao i:before {margin:0;}
.botao-principal {background-color:var(--cor1);}
.botao-principal:hover {background-color:var(--cor1hover); color:#fff !important;}

.box-caminho {margin-bottom:20px; border-bottom:1px solid var(--cinza2);}
.box-caminho h1 {font-size:1.375em; color:var(--cinza4); padding-bottom:10px;}
.box-caminho .js-collapse {position:absolute; top:0; color:var(--cinza4); background-color:var(--cinza2); padding:16px 6px; margin-right:10px; margin-left:-40px; font-size:1.375em;}
.box-caminho .js-collapse:hover {background-color:var(--cinza2hover);}
.box-caminho .js-collapse span:after {content:"\f104"; font-family:"icones";}
.box-caminho .js-collapse.active span:after {content:"\f105";}

.box-botoes {margin-bottom:20px;}

.box-filtros {background-color:var(--cinza1); padding:20px; margin-bottom:20px;}
.box-filtros dl {padding:0 5px;}
.box-filtros dt {font-size:0.75em; margin-bottom:2px;}
.box-filtros input, .box-filtros select {padding:5px;}
.box-filtros .chosen-container-multi .chosen-choices {min-height:28px !important; line-height:28px !important;}

.box-registros {margin-bottom:20px;}
.box-registros .opcoes {margin-bottom:20px;}
.box-registros .opcoes .qtd {display:inline-block; font-size:0.813em; font-weight:bold; border:1px solid var(--cor1); color:var(--cor1); padding:4px 6px; border-radius:4px;}
.box-registros .opcoes .link {display:inline-block; font-size:0.813em; font-weight:bold; background-color:var(--cor1); color:#fff; padding:4px 6px; border-radius:4px;}
.box-registros .opcoes .link:hover {background-color:var(--cor1hover);}
.box-registros table {width:100%; font-size:0.813em;  font-family:"Roboto Condensed"}
.box-registros th {font-size:0.6875rem; text-align:left; border-bottom:1px solid var(--cinza3); padding:6px 10px; background:#fff;}
.box-registros td {border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); padding:6px 10px;}
.box-registros tr td:last-child {border-right:0;}
.box-registros tr:nth-child(even) {background:var(--cinza1); transition:all 100ms;}
.box-registros tr:hover {background:var(--cinza1hover);}
.box-registros tr.abordado {opacity:0.5;}
.box-registros td a {border-bottom:1px dotted var(--cinza3);}
.box-registros td a:hover {color:var(--cor1hover);}
.box-registros .paginacao {margin-top:20px;}
.box-registros .paginacao a {display:inline-block; background:var(--cinza1); color:var(--cinza4);padding:4px 10px; border-radius:4px;}
.box-registros .paginacao a:hover {background-color:var(--cinza1hover);}
.box-registros .paginacao a.active {background-color:var(--cor1); color:#fff;}
.box-registros .avaliacao-estrelas {display:inline-block; width:75px;}
.box-registros .avaliacao-estrelas i:before {margin:0;}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background:var(--cor1); color:#fff;}

.box-form {width:970px; max-width:100%;}

.box-abas {margin:40px 0 20px 0; border-bottom:2px solid var(--cor1); font-size:0.9375em;}
.box-abas li {display:inline;}
.box-abas li a {display:inline-block; background:var(--cinza1); color:var(--cinza4); padding:8px 12px; border-radius:0 15px 0 0; transition:all 100ms;}
.box-abas li a:hover {background-color:var(--cinza1hover);}
.box-abas li a.active {background-color:var(--cor1); color:#fff; font-weight:bold;}

.grafico {float:left; width:100%;}
.canvasjs-chart-credit {display:none !important;}

.box-dashboard {float:left; width:48%; border:3px solid var(--cinza1); padding:20px; margin:1%; border-radius:5px;}
.titulo-dashboard {font-size:1.5em; color:var(--cinza4); margin-bottom:20px;}

.historico-lista {float:left; width:58%; height:192px; overflow:auto; border:1px solid var(--cinza2); background:var(--cinza1); margin-bottom:10px;}
.historico-lista .item {padding:10px; border-bottom:1px dashed var(--cinza2);}
.historico-lista .dataautor {font-size:0.6875em; color:var(--cinza4);}
.historico-lista .mensagem {font-size:0.813em;}
.historico-incluir {float:right; width:40%;}

.historico .lista {float:left; width:56%; height:232px; background:#f4f4f4; font-size:0.75em; padding:.5rem; overflow:auto;}
.historico .lista .item {background:#fff; padding:.375rem; border:1px solid var(--cinza2); border-radius:8px; box-shadow:1px 1px 4px rgba(0,0,0,0.10); margin-bottom:.375rem;}
.historico .lista .item-alerta {display:block; background:red; color:#fff; padding:5px;}
.historico .lista .item-aviso {display:block; background:yellow; padding:5px;}
.historico .lista .data {color:var(--cinza4); font-size:0.75rem; margin-bottom:.25rem;}
.historico .lista .conteudo {font-size:0.875rem;}
.historico .incluir {float:right; width:42%;}
.historico .incluir textarea {font-size:0.75em;}
.historico .incluir > * {display:block; margin-bottom:.25rem;}

.paginator {
    margin-top: 20px;
}
.paginator_item {
    display: inline-block;
    margin: 0 3px;
    padding: 4px 10px;
    background: #A287E7;
    color: #fff;
    border-radius: 4px;
}
.paginator_item:hover {
    background: #8A6ED5;
}
.paginator_active,
.paginator_active:hover {
    background-color:var(--cor1); color:#fff;
}

/*ckeditor oculta algun icones*/
#cke_39, #cke_16{
	display: none !important;
 }