* { box-sizing:border-box; }
body { font-family:'Open Sans',verdana,arial,sans-serif; font-size:14px; margin:0; color:#4c4c4c }
.cursor { cursor:pointer }
.move { cursor:move }
.vimg { vertical-align:middle }
.small { font-size:11px; margin:4px 0 }
.small a { color:#090 }
.alerta { color:#d00 }
.alerta a { color:#d00 !important; text-decoration:underline }
.centralizado { text-align:center }
.clear { clear:both }

.crop { width:auto; height:auto; margin:10px 0 25px 0; overflow:hidden; }
.crop h3 { margin-bottom:8px; }
.crop .caption { position:relative; width:auto; height:auto; border:#ccc 1px solid; padding:10px; margin-top:5px; }
.crop .caption > p { font-weight:bold }
.crop .caption > p a { font-weight:normal; text-decoration:underline }
.crop .caption > span { display:block; margin-bottom:8px }
.crop .caption > span:last-child { margin-bottom:0 }
.crop .caption > span label { display:inline-block; width:auto; font-weight:bold; line-height:1.2; margin-right:10px; margin-bottom:5px; }
.crop .caption > span div.small { margin-left:125px }
.crop .caption > span input[type=text],
.crop .caption > span input[type=file] { display:inline-block; width:100%; } 
.crop .caption > span textarea { display:inline-block; width:100%; height:120px; resize:none; }
.crop .caption > span select { vertical-align:top }
.crop .caption > input[type=submit] { position:absolute; top:37px; right:10px }
.crop > input[type=submit] { display:block; margin-top:8px }
.crop .botao { margin:10px 0 20px 0 }
.crop hr { width:100%; height:1px; color:#666; background:#666; margin:15px 0 }

.infos { width:auto; height:auto; margin:0 0 25px 0; border:#ccc 2px solid; padding:20px; overflow:hidden }
.infos .icone { width:auto; height:auto; text-align:center }
.infos .icone img { vertical-align:middle; }
.infos .numero { width:auto; height:auto; margin-bottom:15px; }
.infos .numero span { display:block; width:auto; height:auto; }
.infos .numero span label { display:block; margin-bottom:5px; }
.infos .numero span input[type=text] { width:250px; }
.infos .numero span:last-child { margin-top:8px; }

.infos .quatro-colunas { display:flex; width:auto; height:auto; margin-bottom:15px; flex-wrap:wrap; justify-content:space-between; }
.infos .quatro-colunas > div { width:23.5%; }
.infos .quatro-colunas > div h3 { font-style:italic; margin-bottom:5px; }
.infos .quatro-colunas > div > span { display:block; width:100%; margin-bottom:15px; }
.infos .quatro-colunas > div > span:last-child { margin-bottom:0; }
.infos .quatro-colunas > div > span label { display:block; line-height:1.1; margin-bottom:5px; }
.infos .quatro-colunas > div > span input { width:100%; }

.ck-editor__editable_inline { min-height:300px; }

/* --- */

input.erro,
select.erro,
textarea.erro,
input.erro:focus,
select.erro:focus,
textarea.erro:focus { border:#d00 1px solid !important }

a { color:#4c4c4c; text-decoration:none }
a.adicionar { display:inline-block; font-size:16px; color:#fff; font-weight:bold; line-height:16px; background:#060; padding:6px 10px; text-decoration:none }
a.adicionar-sub { color:#060; text-decoration:underline }
a.voltar { display:inline-block; color:#fff; font-size:16px; font-weight:bold; line-height:16px; background:#4894da; padding:6px 10px; text-decoration:none }
a.cropar { display:inline-block; font-size:16px; color:#fff; font-weight:bold; line-height:16px; background:#c60; padding:6px 10px; text-decoration:none }
a.remover { color:#d00 }
a img { border:none }
span.preview img { max-width:100%; height:auto; vertical-align:middle }
span.retorno { display:block; color:#d00 }
span.quantidade { display:block; color:#060; margin-top:3px }

h1,h2,h3,p { padding:0; margin:0; font-weight:normal }
h1 { font-family:'Open Sans',verdana,arial,sans-serif; font-size:25px; text-transform:uppercase } 
h2 { font-family:'Open Sans',verdana,arial,sans-serif; font-size:20px; text-transform:uppercase }
th { background:#eceeed; height:20px }
hr { size:1; height:1; background:#999; color:#999 }

#principal { position:relative; width:100%; height:auto; overflow:hidden }
#carregando { position:fixed; width:auto; height:42px; line-height:40px; left:50%; top:0; margin-left:-75px; padding:0 22px 0 52px; background:url(../img/sistema/carregando.gif) 20px center no-repeat #fff; border:#4c4c4c 1px solid; border-top:none; border-bottom-left-radius:8px; border-bottom-right-radius:8px; text-align:center; z-index:999; display:none }
#atualizado	{ position:fixed; width:230px; height:42px; line-height:40px; left:50%; top:0; color:#060; margin-left:-115px; padding:0 10px 0 40px; background:url(../img/sistema/ico-atualizado.png) 20px center no-repeat #f2fff2; border:#060 1px solid; border-top:none; border-bottom-left-radius:8px; border-bottom-right-radius:8px; text-align:center; z-index:999 }

#home h1,
#home h2 { color:#0068c3 }
#configs h1,
#configs h2 { color:#79beee }
#usuarios h1,
#usuarios h2 { color:#8f2d56 }
#seo h1,
#seo h2 { color:#fbb13c }
#popup h1,
#popup h2 { color:#218380 }
#traducoes h1,
#traducoes h2 { color:#14591d }
#slides h1,
#slides h2 { color:#d81159 }
#slides-videos h1,
#slides-videos h2 { color:#bc5f04 }
h1.cinquenta-anos,
h2.cinquenta-anos { color:#3b5249 }
#empresa h1,
#empresa h2 { color:#c17767 }
#empresa-imgs h1,
#empresa-imgs h2 { color:#1f487e }
#produtos-categorias h1,
#produtos-categorias h2 { color:#241e4e }
#produtos h1,
#produtos h2 { color:#ffd046 }
#fornecedores h1,
#fornecedores h2 { color:#931f1d }

#assuntos-destinatarios h1,
#assuntos-destinatarios h2 { color:#0075c4 }
#contatos h1,
#contatos h2 { color:#3f784c }
#emails h1,
#emails h2 { color:#1446a0 }

#politicas-lgpd h1,
#politicas-lgpd h2 { color:#0c1713 }
#politicas-categorias h1,
#politicas-categorias h2 { color:#2274a5 }
#politicas-itens h1,
#politicas-itens h2 { color:#046865 }
#politicas-acessos h1,
#politicas-acessos h2 { color:#2e1760 }

#topo { position:relative; width:100%; height:50px; line-height:46px; background:#4c4c4c }
#topo span { font-size:20px; color:#a6a6a6; text-transform:uppercase }
#topo span img { vertical-align:middle; padding:0 5px 0 10px }
#topo span.logado { position:absolute; font-size:12px; color:#ebebeb; line-height:11px; top:20px; right:110px }
#topo span.logout { font-size:12px; line-height:50px; padding:0 10px 0 5px; float:right }
#topo span.logout a { color:#a6a6a6; text-decoration:none }

#menu { position:relative; width:16%; height:auto; padding:0 1%; float:left; }
#menu > .links { display:block; border-bottom:none; }
#menu > .links div { border-bottom:#e5e4e3 1px solid; margin-bottom:8px; }
#menu > .links div p { font-size:14px; font-weight:bold; color:#d00; margin-bottom:4px; }
#menu > .links span { display:block; border:#e5e4e3 1px solid; border-bottom:none; }
#menu > .links span a { display:block; color:#4c4c4c; padding:10px 10px 10px 40px; text-decoration:none; }
#menu > .links span a:hover,
#menu > .links span a.ativo { color:#fff; }

#menu > .links span.home a { background:url(../img/sistema/menu-home.png) 10px center no-repeat }
#menu > .links span.configs a { background:url(../img/sistema/menu-configs.png) 10px center no-repeat }
#menu > .links span.usuarios a { background:url(../img/sistema/menu-usuarios.png) 10px center no-repeat }
#menu > .links span.seo a { background:url(../img/sistema/menu-seo.png) 10px center no-repeat }
#menu > .links span.popup a { background:url(../img/sistema/menu-popup.png) 10px center no-repeat }
#menu > .links span.traducoes a { background:url(../img/sistema/menu-traducoes.png) 10px center no-repeat }
#menu > .links span.slides a { background:url(../img/sistema/menu-slides.png) 10px center no-repeat }
#menu > .links span.slides-videos a { background:url(../img/sistema/menu-slides-video.png) 10px center no-repeat }
#menu > .links span.cinquenta-anos a { background:url(../img/sistema/menu-50anos.png) 10px center no-repeat }
#menu > .links span.empresa a { background:url(../img/sistema/menu-sobre.png) 13px center no-repeat }
#menu > .links span.empresa-imgs a { background:url(../img/sistema/menu-galeria.png) 10px center no-repeat }
#menu > .links span.produtos-categorias a { background:url(../img/sistema/menu-categorias.png) 10px center no-repeat }
#menu > .links span.produtos a { background:url(../img/sistema/menu-produtos.png) 10px center no-repeat }
#menu > .links span.fornecedores a { background:url(../img/sistema/menu-fornecedores.png) 10px center no-repeat }
#menu > .links span.assuntos-destinatarios a { background:url(../img/sistema/menu-assuntos-destinatarios.png) 10px center no-repeat; line-height:1.1 }
#menu > .links span.contatos a { background:url(../img/sistema/menu-contatos.png) 10px center no-repeat }
#menu > .links span.emails a { background:url(../img/sistema/menu-emails.png) 10px center no-repeat }

#menu > .links span.politicas-lgpd a { background:url(../img/sistema/menu-lgpd.png) 10px center no-repeat }
#menu > .links span.politicas-categorias a { background:url(../img/sistema/menu-politicas-categorias.png) 10px center no-repeat }
#menu > .links span.politicas-itens a { background:url(../img/sistema/menu-politicas-itens.png) 10px center no-repeat }
#menu > .links span.politicas-acessos a { background:url(../img/sistema/menu-politicas-acessos.png) 10px center no-repeat }

/* -- */

#menu > .links span.home a:hover,
#menu > .links span.home a.ativo { background:url(../img/sistema/menu-home-ativo.png) 10px center no-repeat #0068c3 }
#menu > .links span.configs a:hover,
#menu > .links span.configs a.ativo { background:url(../img/sistema/menu-configs-ativo.png) 10px center no-repeat #79beee }
#menu > .links span.usuarios a:hover,
#menu > .links span.usuarios a.ativo { background:url(../img/sistema/menu-usuarios-ativo.png) 10px center no-repeat #8f2d56 }
#menu > .links span.seo a:hover,
#menu > .links span.seo a.ativo { background:url(../img/sistema/menu-seo-ativo.png) 10px center no-repeat #fbb13c }
#menu > .links span.popup a:hover,
#menu > .links span.popup a.ativo { background:url(../img/sistema/menu-popup-ativo.png) 10px center no-repeat #218380 }
#menu > .links span.traducoes a:hover,
#menu > .links span.traducoes a.ativo { background:url(../img/sistema/menu-traducoes-ativo.png) 10px center no-repeat #14591d }
#menu > .links span.slides a:hover,
#menu > .links span.slides a.ativo { background:url(../img/sistema/menu-slides-ativo.png) 10px center no-repeat #d81159 }
#menu > .links span.slides-videos a:hover,
#menu > .links span.slides-videos a.ativo { background:url(../img/sistema/menu-slides-video-ativo.png) 10px center no-repeat #bc5f04 }
#menu > .links span.cinquenta-anos a:hover,
#menu > .links span.cinquenta-anos a.ativo { background:url(../img/sistema/menu-50anos-ativo.png) 10px center no-repeat #3b5249 }
#menu > .links span.empresa a:hover,
#menu > .links span.empresa a.ativo { background:url(../img/sistema/menu-sobre-ativo.png) 13px center no-repeat #c17767 }
#menu > .links span.empresa-imgs a:hover,
#menu > .links span.empresa-imgs a.ativo { background:url(../img/sistema/menu-galeria-ativo.png) 10px center no-repeat #1f487e }
#menu > .links span.produtos-categorias a:hover,
#menu > .links span.produtos-categorias a.ativo { background:url(../img/sistema/menu-categorias-ativo.png) 10px center no-repeat #241e4e }
#menu > .links span.produtos a:hover,
#menu > .links span.produtos a.ativo { background:url(../img/sistema/menu-produtos-ativo.png) 10px center no-repeat #ffd046 }
#menu > .links span.fornecedores a:hover,
#menu > .links span.fornecedores a.ativo { background:url(../img/sistema/menu-fornecedores-ativo.png) 10px center no-repeat #931f1d }
#menu > .links span.assuntos-destinatarios a:hover,
#menu > .links span.assuntos-destinatarios a.ativo { background:url(../img/sistema/menu-assuntos-destinatarios-ativo.png) 10px center no-repeat #0075c4; line-height:1.1; }
#menu > .links span.contatos a:hover,
#menu > .links span.contatos a.ativo { background:url(../img/sistema/menu-contatos-ativo.png) 10px center no-repeat #3f784c }
#menu > .links span.emails a:hover,
#menu > .links span.emails a.ativo { background:url(../img/sistema/menu-emails-ativo.png) 10px center no-repeat #1446a0 }

#menu > .links span.politicas-lgpd a:hover,
#menu > .links span.politicas-lgpd a.ativo { background:url(../img/sistema/menu-lgpd-ativo.png) 10px center no-repeat #0c1713 }
#menu > .links span.politicas-categorias a:hover,
#menu > .links span.politicas-categorias a.ativo { background:url(../img/sistema/menu-politicas-categorias-ativo.png) 10px center no-repeat #2274a5 }
#menu > .links span.politicas-itens a:hover,
#menu > .links span.politicas-itens a.ativo { background:url(../img/sistema/menu-politicas-itens-ativo.png) 10px center no-repeat #046865 }
#menu > .links span.politicas-acessos a:hover,
#menu > .links span.politicas-acessos a.ativo { background:url(../img/sistema/menu-politicas-acessos-ativo.png) 10px center no-repeat #2e1760 }

#menu .legendas { position:relative; border:#e5e4e3 1px solid; padding:10px; margin-top:35px }
#menu .legendas h1 { height:25px; line-height:25px; padding-left:30px; margin:10px 0 15px 0; color:#4c4c4c; font-size:16px; text-transform:capitalize; background:url(../img/sistema/menu-gif) no-repeat }
#menu .legendas span { border:none; display:block; font-size:13px; padding:5px 0 }
#menu .legendas span img { padding-right:5px }

/* --- conteudo */
#principal > .login { width:100%; height:auto; padding:25px 0 }
#principal > .login h2 { font-size:16px; text-align:center; text-transform:none }

#conteudo { position:relative; width:83%; height:auto; min-height:500px; padding:0 0 0 1%; float:left }
#conteudo p { line-height:22px; margin-bottom:5px }
#conteudo table { margin:0 auto }

#conteudo .topo { position:relative; width:auto; height:auto; overflow:hidden; margin:35px 0 15px 0 }
#conteudo .topo h1 { width:60%; float:left }
#conteudo .topo div { width:40%; text-align:right; float:left }
#conteudo .topo p { clear:both }

#conteudo .seo { position:relative; width:auto; height:auto; overflow:hidden; margin-bottom:25px }

#conteudo .conteudo,
#conteudo .listagem { position:relative; width:100%; height:auto; margin-bottom:35px }

#conteudo .formulario { width:100%; height:auto; overflow:hidden }

#conteudo .categorias { width:auto; height:auto; overflow:hidden }
#conteudo .categorias a { display:block; width:auto; height:auto; margin-right:15px; text-align:center; font-size:16px; background:#eee; float:left }
#conteudo .categorias a span { display:inline-block; width:230px; height:auto; padding:50px 0 }
#conteudo .categorias a:hover { background:#ccc }

#conteudo .listagem .rotulos { display:flex; width:100%; padding:1%; border:#e7e6e5 1px solid; font-weight:bold; flex-wrap:wrap; justify-content:left; }
#conteudo .listagem .rotulos span { display:block; margin-right:0.5%; }
#conteudo .listagem .rotulos span:last-child { margin-right:0; }
#conteudo .listagem .rotulos.rodape { margin-top:5px }

#conteudo .listagem .total { width:100%; padding:1%; border:#e7e6e5 1px solid; font-weight:bold; margin-top:5px }
#conteudo .listagem .total p { font-size:16px; color:#090; font-weight:bold; text-align:right; margin-bottom:0 }
#conteudo .listagem .total p span { display:block; width:100%; height:auto; font-size:12px; line-height:1; font-weight:normal; color:#666 }

#conteudo .listagem span.ativo .switch { position:relative; display:inline-block; width:40px; height:12px; border-radius:20px; transition:all 0.3s linear; margin:6px 0 0 0; cursor:pointer; z-index:1; float:none }
#conteudo .listagem span.ativo .switch.off { background-color:#e6e6e6; border:#dcdcdc 1px solid }
#conteudo .listagem span.ativo .switch.on { background-color:#aedcc4; border:#aedcc4 1px solid }
#conteudo .listagem span.ativo .switch:before { position:absolute; width:20px; height:20px; content:''; transition:all 0.1s linear; border-radius:50px; top:-6px; box-shadow:0 1px 1px rgba(0,0,0,0.3); z-index:2 }
#conteudo .listagem span.ativo .switch.off:before { background-color:#898989; left:-2px }
#conteudo .listagem span.ativo .switch.on:before { background-color:#4ac186; left:calc(100% - 18px) }

#conteudo .listagem span.destaque .switch { position:relative; display:inline-block; width:40px; height:12px; border-radius:20px; transition:all 0.3s linear; margin:6px 0 0 0; cursor:pointer; z-index:1; float:none }
#conteudo .listagem span.destaque .switch.off { background-color:#e6e6e6; border:#dcdcdc 1px solid }
#conteudo .listagem span.destaque .switch.on { background-color:#a4d3f3; border:#a4d3f3 1px solid }
#conteudo .listagem span.destaque .switch:before { position:absolute; width:20px; height:20px; content:''; transition:all 0.1s linear; border-radius:50px; top:-6px; box-shadow:0 1px 1px rgba(0,0,0,0.3); z-index:2 }
#conteudo .listagem span.destaque .switch.off:before { background-color:#898989; left:-2px }
#conteudo .listagem span.destaque .switch.on:before { background-color:#49a7e8; left:calc(100% - 18px) }

#conteudo .filtro { width:auto; height:auto; padding:8px; margin-bottom:10px; background:#f7f7f7; border:#ccc 1px solid; text-align:right }
#conteudo .filtro > span { display:inline-block; margin-left:5px; font-weight:bold; line-height:1; vertical-align:middle }
#conteudo .filtro > span small { display:block; font-size:11px; font-weight:normal }

.paginacao { display:flex; width:100%; height:auto; margin:15px 0 10px 0; justify-content:center; }
.paginacao span,
.paginacao a { width:38px; height:38px; font-size:16px; line-height:38px; text-align:center; margin-left:2px; background:#4c4c4c; color:#fff; border-radius:2px; }
.paginacao a:hover { background:#000 }
.paginacao span.atual { background:#000; color:#fff }

.status-slide { width:auto; height:auto; padding:15px; background:#f6f6f6; border:#090 3px solid; border-radius:4px; margin-bottom:15px; }
.status-slide p { font-size:14px; line-height:1.4; margin:0 0 5px 0; }
.status-slide p strong { color:#d00 }
.status-slide h5 { font-size:15px; line-height:1.2; margin:0; }
.status-slide h5 strong { color:#060; text-decoration:underline }

/* --- usuarios */
#usuarios .rotulos span.nome { width:27%; text-align:left }
#usuarios .rotulos span.login { width:30%; text-align:left }
#usuarios .rotulos span.bloqueio { width:18%; text-align:center }
#usuarios .rotulos span.ativo { width:8%; text-align:center }
#usuarios .rotulos span.editar { width:8%; text-align:center }
#usuarios .rotulos span.remover { width:6.5%; text-align:center }

.caixa-usuario { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-usuario:hover { background:#f7f7f7 }
.caixa-usuario span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-usuario span:last-child { margin-right:0; }
.caixa-usuario span.nome { width:27%; text-align:left }
.caixa-usuario span.login { width:30%; text-align:left }
.caixa-usuario span.bloqueio { width:18%; text-align:center }
.caixa-usuario span.bloqueio > a { display:inline-block; font-size:13px; color:#fff; line-height:1; text-decoration:none; padding:8px 12px; background:#2d57bb; border-bottom:#001b5c 2px solid; border-radius:5px; }
.caixa-usuario span.bloqueio em { display:block; font-size:12px; line-height:1.2; font-style:normal; margin-top:3px; }
.caixa-usuario span.ativo { width:8%; text-align:center }
.caixa-usuario span.editar { width:8%; text-align:center }
.caixa-usuario span.remover { width:6.5%; text-align:center }

/* --- seo */
#seo .rotulos span.nome { width:93%; text-align:left }
#seo .rotulos span.editar { width:6%; text-align:center }

.caixa-seo { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-seo:hover { background:#f7f7f7 }
.caixa-seo span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-seo span:last-child { margin-right:0; }
.caixa-seo span.nome { width:93%; text-align:left }
.caixa-seo span.editar { width:6%; text-align:center }

/* --- popup */
#popup .rotulos span.preview { width:15% }
#popup .rotulos span.titulo { width:43.5%; text-align:left }
#popup .rotulos span.tipo { width:8%; text-align:center }
#popup .rotulos span.ativo { width:8%; text-align:center }
#popup .rotulos span.editar { width:8%; text-align:center }
#popup .rotulos span.remover { width:8%; text-align:center }
#popup .rotulos span.posicao { width:6.5%; margin-right:0; text-align:center }

.caixa-popup { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-popup:hover { background:#f7f7f7 }
.caixa-popup span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-popup span:last-child { margin-right:0; }
.caixa-popup span.preview { width:15%; text-align:center }
.caixa-popup span.titulo { width:43.5%; text-align:left }
.caixa-popup span.tipo { width:8%; text-align:center }
.caixa-popup span.ativo { width:8%; text-align:center }
.caixa-popup span.editar { width:8%; text-align:center }
.caixa-popup span.remover { width:8%; text-align:center }
.caixa-popup span.posicao { width:6.5%; height:40px; margin-right:0; background:url(../img/sistema/ico-ordenar.png) center center no-repeat; cursor:pointer; }

/* --- slides */
#slides .rotulos span.preview { width:14% }
#slides .rotulos span.titulo { width:53%; text-align:left }
#slides .rotulos span.ativo { width:8%; text-align:center }
#slides .rotulos span.editar { width:8%; text-align:center }
#slides .rotulos span.remover { width:8%; text-align:center }
#slides .rotulos span.posicao { width:6.5%; margin-right:0; text-align:center }

.caixa-slide { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-slide:hover { background:#f7f7f7 }
.caixa-slide span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-slide span:last-child { margin-right:0; }
.caixa-slide span.preview { width:14% }
.caixa-slide span.titulo { width:53%; text-align:left }
.caixa-slide span.ativo { width:8%; text-align:center }
.caixa-slide span.editar { width:8%; text-align:center }
.caixa-slide span.remover { width:8%; text-align:center }
.caixa-slide span.posicao { width:6.5%; height:40px; margin-right:0; background:url(../img/sistema/ico-ordenar.png) center center no-repeat; cursor:pointer; }

.slide-status { width:auto; height:auto; margin-bottom:20px; padding:15px; background:#f6fff6; border:#060 2px solid; border-radius:5px; }
.slide-status p { color:#060; line-height:1.1; margin:0 !important; }
.slide-status p a { color:#060; text-decoration:underline; }

/* --- slides videos */
.caixa-slide-video { position:relative; width:24.5%; height:auto; padding:1% 1% 36px 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; vertical-align:top; }
.caixa-slide-video:hover { background:#f7f7f7 }
.caixa-slide-video span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-slide-video span.preview { width:auto; text-align:center; margin-right:0; }
.caixa-slide-video span.preview video { width:auto; max-width:100%; height:auto }
.caixa-slide-video span.titulo { font-size:13px; }
.caixa-slide-video span.acoes { display:block; position:absolute; width:100%; height:auto; bottom:0; left:0; margin:0; padding:0 0 8px 0; text-align:center }
.caixa-slide-video span.ativo,
.caixa-slide-video span.editar,
.caixa-slide-video span.remover { display:inline-block; width:auto; margin:0 2px; float:none; vertical-align:middle }
.caixa-slide-video span.posicao { display:inline-block; width:auto; margin-right:0.5%; cursor:pointer; float:none }

.slides-videos-infos { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.slides-videos-infos form { width:31.8%; margin:0 15px 15px 0; }
.slides-videos-infos form .crop { margin:0; }
.slides-videos-infos form .crop .caption { width:auto; }
.slides-videos-infos form .crop .caption video { max-width:100%; height:auto; margin-bottom:5px; }
.slides-videos-infos form .crop .caption > span:last-child { margin-bottom:0; }
.slides-videos-infos form .crop .caption > span label { display:block; width:100%; margin-bottom:3px; }
.slides-videos-infos form .crop .caption > span select { width:auto; }
.slides-videos-infos form .crop .caption > span input[type=text],
.slides-videos-infos form .crop .caption > span input[type=file] { width:95%; }

/* --- empresa imgs */
.caixa-empresa-img { position:relative; width:24.5%; height:auto; padding:1% 1% 36px 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; vertical-align:top; }
.caixa-empresa-img:hover { background:#f7f7f7 }
.caixa-empresa-img span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-empresa-img span.preview { width:auto; text-align:center; margin-right:0; padding:2.5% }
.caixa-empresa-img span.preview a { position:relative; display:block; width:100%; height:auto; }
.caixa-empresa-img span.preview img { width:auto; max-width:100%; height:auto; }
.caixa-empresa-img span.acoes { display:block; position:absolute; width:100%; height:auto; bottom:0; left:0; margin:0; padding:0 0 8px 0; text-align:center }
.caixa-empresa-img span.ativo,
.caixa-empresa-img span.editar,
.caixa-empresa-img span.remover { display:inline-block; width:auto; margin:0 2px; float:none; vertical-align:middle }
.caixa-empresa-img span.posicao { display:inline-block; width:auto; margin-right:0.5%; cursor:pointer; float:none }

/* --- chamadas */
#chamadas .rotulos span.idioma { width:5%; text-align:center }
#chamadas .rotulos span.preview { width:8% }
#chamadas .rotulos span.titulo { width:53.5%; text-align:left }
#chamadas .rotulos span.ativo { width:8%; text-align:center }
#chamadas .rotulos span.editar { width:8%; text-align:center }
#chamadas .rotulos span.remover { width:8%; text-align:center }
#chamadas .rotulos span.posicao { width:6.5%; margin-right:0; text-align:center }

.caixa-chamada { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-chamada:hover { background:#f7f7f7 }
.caixa-chamada span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-chamada span:last-child { margin-right:0; }
.caixa-chamada span.idioma { width:5%; text-align:center }
.caixa-chamada span.preview { width:8% }
.caixa-chamada span.preview img { max-width:57px; }
.caixa-chamada span.titulo { width:53.5%; text-align:left }
.caixa-chamada span.ativo { width:8%; text-align:center }
.caixa-chamada span.editar { width:8%; text-align:center }
.caixa-chamada span.remover { width:8%; text-align:center }
.caixa-chamada span.posicao { width:6.5%; height:40px; margin-right:0; background:url(../img/sistema/ico-ordenar.png) center center no-repeat; cursor:pointer; }

/* --- sobre imgs */
/*
.caixa-sobre-img { position:relative; width:24.5%; height:auto; padding:1% 1% 36px 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; vertical-align:top; }
.caixa-sobre-img:hover { background:#f7f7f7 }
.caixa-sobre-img span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-sobre-img span.preview { width:auto; text-align:center; margin-right:0; padding:2.5% }
.caixa-sobre-img span.preview a { position:relative; display:block; width:100%; height:auto; }
.caixa-sobre-img span.preview img { width:auto; max-width:100%; height:auto; }
.caixa-sobre-img span.acoes { display:block; position:absolute; width:100%; height:auto; bottom:0; left:0; margin:0; padding:0 0 8px 0; text-align:center }
.caixa-sobre-img span.ativo,
.caixa-sobre-img span.editar,
.caixa-sobre-img span.remover { display:inline-block; width:auto; margin:0 2px; float:none; vertical-align:middle }
.caixa-sobre-img span.posicao { display:inline-block; width:auto; margin-right:0.5%; cursor:pointer; float:none }
*/

/* --- produtos - categorias */
#produtos-categorias .rotulos span.titulo { width:67.5%; text-align:left }
#produtos-categorias .rotulos span.ativo { width:8%; text-align:center }
#produtos-categorias .rotulos span.editar { width:8%; text-align:center }
#produtos-categorias .rotulos span.remover { width:8%; text-align:center }
#produtos-categorias .rotulos span.posicao { width:6.5%; margin-right:0; text-align:center }

.caixa-produto-categoria { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-produto-categoria:hover { background:#f7f7f7 }
.caixa-produto-categoria span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-produto-categoria span:last-child { margin-right:0; }
.caixa-produto-categoria span.titulo { width:67.5%; text-align:left }
.caixa-produto-categoria span.ativo { width:8%; text-align:center }
.caixa-produto-categoria span.editar { width:8%; text-align:center }
.caixa-produto-categoria span.remover { width:8%; text-align:center }
.caixa-produto-categoria span.posicao { width:6.5%; height:40px; margin-right:0; background:url(../img/sistema/ico-ordenar.png) center center no-repeat; cursor:pointer; }

/* --- produtos categorias - arquivos */
.caixa-produto-categoria-arquivo { position:relative; width:24.5%; height:auto; padding:1% 1% 36px 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; vertical-align:top; }
.caixa-produto-categoria-arquivo:hover { background:#f7f7f7 }
.caixa-produto-categoria-arquivo span { display:block; padding:1% 0; margin-right:0.5%; }

.caixa-produto-categoria-arquivo span.preview { width:auto; text-align:center; margin-right:0; }
.caixa-produto-categoria-arquivo span.preview video { width:auto; max-width:100%; height:auto }

.caixa-produto-categoria-arquivo span.arquivo { font-size:13px; }
.caixa-produto-categoria-arquivo span.arquivo a { color:#060; text-decoration:underline; }

.caixa-produto-categoria-arquivo span.titulo { font-size:13px; }

.caixa-produto-categoria-arquivo span.acoes { display:block; position:absolute; width:100%; height:auto; bottom:0; left:0; margin:0; padding:0 0 8px 0; text-align:center }
.caixa-produto-categoria-arquivo span.ativo,
.caixa-produto-categoria-arquivo span.editar,
.caixa-produto-categoria-arquivo span.remover { display:inline-block; width:auto; margin:0 2px; float:none; vertical-align:middle }
.caixa-produto-categoria-arquivo span.posicao { display:inline-block; width:auto; margin-right:0.5%; cursor:pointer; float:none }

.pc-arquivos-infos { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.pc-arquivos-infos form { width:31.8%; margin:0 15px 15px 0; }
.pc-arquivos-infos form .crop { margin:0; }
.pc-arquivos-infos form .crop .caption { width:auto; }
.pc-arquivos-infos form .crop .caption > span:last-child { margin-bottom:0; }
.pc-arquivos-infos form .crop .caption > span.arquivo { margin:0; }
.pc-arquivos-infos form .crop .caption > span.arquivo p {  }
.pc-arquivos-infos form .crop .caption > span.arquivo p a { color:#060; text-decoration:underline; }
.pc-arquivos-infos form .crop .caption > span label { display:block; width:100%; margin-bottom:3px; }
.pc-arquivos-infos form .crop .caption > span select { width:auto; }
.pc-arquivos-infos form .crop .caption > span input[type=text],
.pc-arquivos-infos form .crop .caption > span input[type=file] { width:95%; }
.pc-arquivos-infos form .crop .caption > span > em { display:block; margin:0 0 5px 0; }

/* --- produtos */
#produtos .rotulos span.preview { width:14% }
#produtos .rotulos span.titulo { width:32.5%; text-align:left }
#produtos .rotulos span.tipo { width:8%; text-align:center }
#produtos .rotulos span.galeria { width:7%; text-align:center }
#produtos .rotulos span.contatos { width:7%; text-align:center }
#produtos .rotulos span.ativo { width:7%; text-align:center }
#produtos .rotulos span.destaque { width:7%; text-align:center }
#produtos .rotulos span.editar { width:7%; text-align:center }
#produtos .rotulos span.remover { width:7%; text-align:center }
#produtos .rotulos span.posicao { width:6.5%; margin-right:0; text-align:center }

.caixa-produto { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-produto:hover { background:#f7f7f7 }
.caixa-produto span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-produto span:last-child { margin-right:0 }
.caixa-produto span.preview { width:14% }
.caixa-produto span.titulo { width:32.5%; text-align:left }
.caixa-produto span.tipo { width:8%; text-align:center }
.caixa-produto span.galeria { width:7%; text-align:center }
.caixa-produto span.contatos { width:7%; text-align:center }
.caixa-produto span.ativo { width:7%; text-align:center }
.caixa-produto span.destaque { width:7%; text-align:center }
.caixa-produto span.editar { width:7%; text-align:center }
.caixa-produto span.remover { width:7%; text-align:center }
.caixa-produto span.posicao { width:6.5%; height:40px; margin-right:0; background:url(../img/sistema/ico-ordenar.png) center center no-repeat; cursor:pointer; }

/* --- produtos imgs */
.caixa-produtos-img { position:relative; width:24.5%; height:auto; padding:1% 1% 36px 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; vertical-align:top; }
.caixa-produtos-img:hover { background:#f7f7f7 }
.caixa-produtos-img span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-produtos-img span.preview { width:auto; text-align:center; margin-right:0; padding:2.5% }
.caixa-produtos-img span.preview a { position:relative; display:block; width:100%; height:auto; }
.caixa-produtos-img span.preview img { width:auto; max-width:100%; height:auto; }
.caixa-produtos-img span.acoes { display:block; position:absolute; width:100%; height:auto; bottom:0; left:0; margin:0; padding:0 0 8px 0; text-align:center }
.caixa-produtos-img span.ativo,
.caixa-produtos-img span.editar,
.caixa-produtos-img span.remover { display:inline-block; width:auto; margin:0 2px; float:none; vertical-align:middle }
.caixa-produtos-img span.posicao { display:inline-block; width:auto; margin-right:0.5%; cursor:pointer; float:none }

/* --- fornecedores */
#fornecedores .rotulos span.preview { width:14% }
#fornecedores .rotulos span.titulo { width:53%; text-align:left }
#fornecedores .rotulos span.ativo { width:8%; text-align:center }
#fornecedores .rotulos span.editar { width:8%; text-align:center }
#fornecedores .rotulos span.remover { width:8%; text-align:center }
#fornecedores .rotulos span.posicao { width:6.5%; margin-right:0; text-align:center }

.caixa-fornecedor { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-fornecedor:hover { background:#f7f7f7 }
.caixa-fornecedor span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-fornecedor span:last-child { margin-right:0 }
.caixa-fornecedor span.preview { width:14% }
.caixa-fornecedor span.titulo { width:53%; text-align:left }
.caixa-fornecedor span.ativo { width:8%; text-align:center }
.caixa-fornecedor span.editar { width:8%; text-align:center }
.caixa-fornecedor span.remover { width:8%; text-align:center }
.caixa-fornecedor span.posicao { width:6.5%; height:40px; margin-right:0; background:url(../img/sistema/ico-ordenar.png) center center no-repeat; cursor:pointer; }

/* --- noticias - categorias */
#noticias-categorias .rotulos span.idioma { width:5%; text-align:center }
#noticias-categorias .rotulos span.titulo { width:62%; text-align:left }
#noticias-categorias .rotulos span.ativo { width:8%; text-align:center }
#noticias-categorias .rotulos span.editar { width:8%; text-align:center }
#noticias-categorias .rotulos span.remover { width:8%; text-align:center }
#noticias-categorias .rotulos span.posicao { width:6.5%; margin-right:0; text-align:center }

.caixa-noticias-categorias { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-noticias-categorias:hover { background:#f7f7f7 }
.caixa-noticias-categorias span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-noticias-categorias span:last-child { margin-right:0; }
.caixa-noticias-categorias span.idioma { width:5%; text-align:center }
.caixa-noticias-categorias span.titulo { width:62%; text-align:left }
.caixa-noticias-categorias span.titulo a { font-size:13px; color:#060; font-style:italic; }
.caixa-noticias-categorias span.ativo { width:8%; text-align:center }
.caixa-noticias-categorias span.editar { width:8%; text-align:center }
.caixa-noticias-categorias span.remover { width:8%; text-align:center }
.caixa-noticias-categorias span.posicao { width:6.5%; height:40px; margin-right:0; background:url(../img/sistema/ico-ordenar.png) center center no-repeat; cursor:pointer; }

/* --- noticias */
#noticias .rotulos span.idioma { width:5%; text-align:center }
#noticias .rotulos span.preview { width:14% }
#noticias .rotulos span.titulo { width:37.5%; text-align:left }
#noticias .rotulos span.cadastros { width:8%; text-align:center }
#noticias .rotulos span.galeria { width:8%; text-align:center }
#noticias .rotulos span.ativo { width:8%; text-align:center }
#noticias .rotulos span.editar { width:8%; text-align:center }
#noticias .rotulos span.remover { width:8%; text-align:center }
#noticias .rotulos span.posicao { width:6.5%; margin-right:0; text-align:center }

.caixa-noticias { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-noticias:hover { background:#f7f7f7 }
.caixa-noticias span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-noticias span:last-child { margin-right:0; }
.caixa-noticias span.idioma { width:5%; text-align:center }
.caixa-noticias span.preview { width:14% }
.caixa-noticias span.titulo { width:37.5%; text-align:left }
.caixa-noticias span.cadastros { width:8%; text-align:center }
.caixa-noticias span.galeria { width:8%; text-align:center }
.caixa-noticias span.ativo { width:8%; text-align:center }
.caixa-noticias span.editar { width:8%; text-align:center }
.caixa-noticias span.remover { width:8%; text-align:center }
.caixa-noticias span.posicao { width:6.5%; height:40px; margin-right:0; background:url(../img/sistema/ico-ordenar.png) center center no-repeat; cursor:pointer; }

/* --- noticias imgs */
.caixa-noticias-img { position:relative; width:24.5%; height:auto; padding:1% 1% 36px 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; vertical-align:top; }
.caixa-noticias-img:hover { background:#f7f7f7 }
.caixa-noticias-img span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-noticias-img span.preview { width:auto; text-align:center; margin-right:0; padding:2.5% }
.caixa-noticias-img span.preview a { position:relative; display:block; width:100%; height:auto; }
.caixa-noticias-img span.preview img { width:auto; max-width:100%; height:auto; }
.caixa-noticias-img span.acoes { display:block; position:absolute; width:100%; height:auto; bottom:0; left:0; margin:0; padding:0 0 8px 0; text-align:center }
.caixa-noticias-img span.ativo,
.caixa-noticias-img span.editar,
.caixa-noticias-img span.remover { display:inline-block; width:auto; margin:0 2px; float:none; vertical-align:middle }
.caixa-noticias-img span.posicao { display:inline-block; width:auto; margin-right:0.5%; cursor:pointer; float:none }

/* --- noticias - cadastros */
#noticias .rotulos.cadastros span.nome { width:34%; text-align:left }
#noticias .rotulos.cadastros span.email { width:24%; text-align:left }
#noticias .rotulos.cadastros span.telefone { width:12.5%; text-align:center }
#noticias .rotulos.cadastros span.data { width:19.5%; text-align:center }
#noticias .rotulos.cadastros span.remover { width:8%; text-align:center }

.caixa-noticia-cadastro { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-noticia-cadastro:hover { background:#f7f7f7 }
.caixa-noticia-cadastro span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-noticia-cadastro span:last-child { margin-right:0; }
.caixa-noticia-cadastro span.nome { width:34%; text-align:left }
.caixa-noticia-cadastro span.nome em { display:block; font-size:13px; color:#060; line-height:1; margin-top:2px; }
.caixa-noticia-cadastro span.email { width:24%; text-align:left }
.caixa-noticia-cadastro span.telefone { width:12.5%; text-align:center }
.caixa-noticia-cadastro span.data { width:19.5%; text-align:center }
.caixa-noticia-cadastro span.remover { width:8%; text-align:center }

/* --- cases */
#cases .rotulos span.idioma { width:5%; text-align:center }
#cases .rotulos span.preview { width:14% }
#cases .rotulos span.titulo { width:47.5%; text-align:left }
#cases .rotulos span.ativo { width:8%; text-align:center }
#cases .rotulos span.editar { width:8%; text-align:center }
#cases .rotulos span.remover { width:8%; text-align:center }
#cases .rotulos span.posicao { width:6.5%; margin-right:0; text-align:center }

.caixa-case { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-case:hover { background:#f7f7f7 }
.caixa-case span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-case span:last-child { margin-right:0; }
.caixa-case span.idioma { width:5%; text-align:center }
.caixa-case span.preview { width:14% }
.caixa-case span.titulo { width:47.5%; text-align:left }
.caixa-case span.ativo { width:8%; text-align:center }
.caixa-case span.editar { width:8%; text-align:center }
.caixa-case span.remover { width:8%; text-align:center }
.caixa-case span.posicao { width:6.5%; height:40px; margin-right:0; background:url(../img/sistema/ico-ordenar.png) center center no-repeat; cursor:pointer; }

/* --- downloads */
.caixa-downloads { position:relative; width:24.5%; height:auto; padding:1% 1% 36px 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; vertical-align:top; }
.caixa-downloads:hover { background:#f7f7f7 }
.caixa-downloads span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-downloads span.preview { width:auto; text-align:center; margin-right:0; }
.caixa-downloads span.preview video { width:auto; max-width:100%; height:auto }

.caixa-downloads span.icone { display:flex; width:100%; flex-wrap:wrap; justify-content:center; margin-bottom:10px; }
.caixa-downloads span.icone > span { width:100%; height:auto; padding:11px; background:#ececec; text-align:center; }
.caixa-downloads span.icone > span img { max-width:65px; vertical-align:middle; }

.caixa-downloads span.arquivo { font-size:13px; }
.caixa-downloads span.arquivo a { color:#060; text-decoration:underline; }

.caixa-downloads span.idiomas { font-size:13px; }

.caixa-downloads span.titulo { font-size:13px; }
.caixa-downloads span.acoes { display:block; position:absolute; width:100%; height:auto; bottom:0; left:0; margin:0; padding:0 0 8px 0; text-align:center }
.caixa-downloads span.ativo,
.caixa-downloads span.editar,
.caixa-downloads span.remover { display:inline-block; width:auto; margin:0 2px; float:none; vertical-align:middle }
.caixa-downloads span.posicao { display:inline-block; width:auto; margin-right:0.5%; cursor:pointer; float:none }

.downloads-infos { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.downloads-infos form { width:31.8%; margin:0 15px 15px 0; }
.downloads-infos form .crop { margin:0; }
.downloads-infos form .crop .caption { width:auto; }
.downloads-infos form .crop .caption > span:last-child { margin-bottom:0; }
.downloads-infos form .crop .caption > span.arquivo { margin:0; }
.downloads-infos form .crop .caption > span.arquivo p {  }
.downloads-infos form .crop .caption > span.arquivo p a { color:#060; text-decoration:underline; }
.downloads-infos form .crop .caption > span label { display:block; width:100%; margin-bottom:3px; }
.downloads-infos form .crop .caption > span select { width:auto; }
.downloads-infos form .crop .caption > span input[type=text],
.downloads-infos form .crop .caption > span input[type=file] { width:95%; }
.downloads-infos form .crop .caption > span > em { display:block; margin:0 0 5px 0; }

/* --- emails */
#emails .listagem > div { display:flex; flex-wrap:wrap; justify-content:left; }

.caixa-email { display:inline-block; position:relative; width:auto; height:auto; padding:12px 40px 12px 12px; background:#fff; border:#e6e5e4 1px solid; margin:0 5px 8px 0; border-radius:3px; }
.caixa-email:hover { border:#ccc 1px solid; background:#f7f7f7 }
.caixa-email span.email { display:block; width:100%; padding:0; line-height:1; text-align:left; }
.caixa-email span.email a { color:#060; text-decoration:underline }
.caixa-email span.email em { display:block; font-size:12px; color:#333; line-height:1; margin-top:5px; }
.caixa-email span.whatsapp { display:block; width:100%; padding:0; line-height:1; text-align:left; margin-top:5px; }
.caixa-email span.whatsapp a { color:#060; text-decoration:underline }
.caixa-email span.whatsapp a img { margin-right:3px; vertical-align:middle; }
.caixa-email span.cookie-lgpd { display:block; width:100%; font-size:11px; line-height:1; text-align:left; padding:0; margin-top:3px; }
.caixa-email span.remover { position:absolute; width:auto; top:8px; right:8px; margin-right:0; }

/* --- assuntos destinatarios */
#assuntos-destinatarios .rotulos span.titulo { width:67.5%; text-align:left }
#assuntos-destinatarios .rotulos span.ativo { width:8%; text-align:center }
#assuntos-destinatarios .rotulos span.editar { width:8%; text-align:center }
#assuntos-destinatarios .rotulos span.remover { width:8%; text-align:center }
#assuntos-destinatarios .rotulos span.posicao { width:6.5%; margin-right:0; text-align:center }

.caixa-assunto-destinatario { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-assunto-destinatario:hover { background:#f7f7f7 }
.caixa-assunto-destinatario span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-assunto-destinatario span:last-child { margin-right:0; }
.caixa-assunto-destinatario span.titulo { width:67.5%; text-align:left }
.caixa-assunto-destinatario span.titulo a { font-size:13px; color:#060; font-style:italic; }
.caixa-assunto-destinatario span.titulo a:hover { text-decoration:underline; }
.caixa-assunto-destinatario span.ativo { width:8%; text-align:center }
.caixa-assunto-destinatario span.editar { width:8%; text-align:center }
.caixa-assunto-destinatario span.remover { width:8%; text-align:center }
.caixa-assunto-destinatario span.posicao { width:6.5%; height:40px; margin-right:0; background:url(../img/sistema/ico-ordenar.png) center center no-repeat; cursor:pointer; }

/* --- contatos */
#contatos .rotulos span.expande { width:3% }
#contatos .rotulos span.idioma { width:3%; text-align:center }
#contatos .rotulos span.nome { width:35.5%; text-align:left }
#contatos .rotulos span.email { width:25% }
#contatos .rotulos span.telefone { width:12%; text-align:center }
#contatos .rotulos span.data { width:14%; text-align:center }
#contatos .rotulos span.remover { width:8%; text-align:center }

.caixa-contato { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-contato:hover { background:#f7f7f7 }
.caixa-contato span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-contato span:last-child { margin-right:0; }
.caixa-contato span.expande { width:3%; height:40px; cursor:pointer }
.caixa-contato.abre span.expande { background:url(../img/sistema/ico-down.png) center no-repeat }
.caixa-contato.fecha span.expande { background:url(../img/sistema/ico-left.png) center no-repeat }

.caixa-contato span.idioma { width:3%; text-align:center }
.caixa-contato span.nome { width:35.5%; text-align:left }
.caixa-contato span.email { width:25%; text-align:left }
.caixa-contato span.telefone { width:12%; text-align:center }
.caixa-contato span.data { width:14%; text-align:center }
.caixa-contato span.remover { width:8%; text-align:center; margin-right:0 }

.caixa-oculta { display:none; width:100%; clear:both }
.caixa-oculta > div { padding:0 8px 8px 3.5%; text-align:left }
.caixa-oculta a { color:#060 }
.caixa-oculta a.curriculo { background:#f7f7f7; padding:4px 12px }

/* --- politicas */
#politicas-lgpd .status { width:100%; height:auto; padding:15px; border:#060 2px solid; border-radius:6px; margin-top:15px; }
#politicas-lgpd .status p { color:#060; font-weight:bold; margin:0 0 6px 0; }
#politicas-lgpd .status > div { width:auto; height:auto; font-weight:bold; margin-bottom:5px; }
#politicas-lgpd .status > div.correto { background-image:url(../img/sistema/ico-ok.png); background-repeat:no-repeat; background-position:left center; padding-left:20px; color:#060; }
#politicas-lgpd .status > div.incorreto { background-image:url(../img/sistema/ico-fail.png); background-repeat:no-repeat; background-position:left center; padding-left:20px; color:#d00; }

#politicas-lgpd .rotulos span.titulo { width:60%; text-align:left }
#politicas-lgpd .rotulos span.visualizar { width:8%; text-align:center }
#politicas-lgpd .rotulos span.data-cadastro { width:14%; text-align:center }
#politicas-lgpd .rotulos span.data-edicao { width:14%; text-align:center }
#politicas-lgpd .rotulos span.ativo { width:8%; text-align:center }
#politicas-lgpd .rotulos span.editar { width:8%; text-align:center }
#politicas-lgpd .rotulos span.remover { width:8%; text-align:center }

.caixa-politica { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-politica:hover { background:#f7f7f7 }
.caixa-politica span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-politica span:last-child { margin-right:0; }
.caixa-politica span.titulo { width:60%; text-align:left }
.caixa-politica span.titulo em { font-size:13px; color:#060; }
.caixa-politica span.visualizar { width:8%; text-align:center }
.caixa-politica span.data-cadastro { width:14%; text-align:center }
.caixa-politica span.data-edicao { width:14%; text-align:center }
.caixa-politica span.ativo { width:8%; text-align:center }
.caixa-politica span.editar { width:8%; text-align:center }
.caixa-politica span.remover { width:8%; text-align:center }

#politicas-lgpd .leitura { width:100%; height:auto; padding:15px;; border:#ccc 2px solid; border-radius:6px; margin-top:15px; }
#politicas-lgpd .leitura .duas-colunas { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; }
#politicas-lgpd .leitura .duas-colunas > div { width:48.5%; margin-bottom:25px; }
#politicas-lgpd .leitura .duas-colunas > div.ultimo { margin-bottom:0; }
#politicas-lgpd .leitura .duas-colunas > div h2 { font-size:18px; font-weight:bold; }
#politicas-lgpd .leitura .duas-colunas > div h3 { font-size:18px; font-weight:bold; }
#politicas-lgpd .leitura .duas-colunas > div h4 { font-size:16px; font-weight:normal; margin:10px 0 20px 0; padding-bottom:20px; border-bottom:#ccc 2px solid; }
#politicas-lgpd .leitura .duas-colunas > div > div { width:auto; height:auto; }
#politicas-lgpd .leitura .duas-colunas > div > div p { font-size:14px; margin-bottom:10px; }
#politicas-lgpd .leitura .duas-colunas > div > div p:last-child { margin-bottom:0; }
#politicas-lgpd .leitura .duas-colunas > div > div a { text-decoration:underline; }
#politicas-lgpd .leitura .duas-colunas > div > div ul { margin:10px 0; padding:0 0 0 25px; list-style:square; }
#politicas-lgpd .leitura .duas-colunas > div > div ul li { margin-bottom:10px; }
#politicas-lgpd .leitura .duas-colunas > div > div ul li:last-child { margin-bottom:0; }

/* --- politicas categorias */
#politicas-categorias .rotulos span.titulo { width:67.5%; text-align:left }
#politicas-categorias .rotulos span.ativo { width:8%; text-align:center }
#politicas-categorias .rotulos span.editar { width:8%; text-align:center }
#politicas-categorias .rotulos span.remover { width:8%; text-align:center }
#politicas-categorias .rotulos span.posicao { width:6.5%; margin-right:0; text-align:center }

.caixa-politicas-categorias { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-politicas-categorias:hover { background:#f7f7f7 }
.caixa-politicas-categorias span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-politicas-categorias span:last-child { margin-right:0; }
.caixa-politicas-categorias span.titulo { width:67.5%; text-align:left }
.caixa-politicas-categorias span.ativo { width:8%; text-align:center }
.caixa-politicas-categorias span.editar { width:8%; text-align:center }
.caixa-politicas-categorias span.remover { width:8%; text-align:center }
.caixa-politicas-categorias span.posicao { width:6.5%; height:40px; margin-right:0; background:url(../img/sistema/ico-ordenar.png) center center no-repeat; cursor:pointer; }

/* --- politicas itens */
#politicas-itens .rotulos span.titulo { width:74.5%; text-align:left }
#politicas-itens .rotulos span.ativo { width:8%; text-align:center }
#politicas-itens .rotulos span.editar { width:8%; text-align:center }
#politicas-itens .rotulos span.remover { width:8%; text-align:center }
#politicas-itens .rotulos span.posicao { width:6.5%; margin-right:0; text-align:center }

.caixa-politicas-itens { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-politicas-itens:hover { background:#f7f7f7 }
.caixa-politicas-itens span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-politicas-itens span:last-child { margin-right:0; }
.caixa-politicas-itens span.titulo { width:74.5%; text-align:left }
.caixa-politicas-itens span.ativo { width:8%; text-align:center }
.caixa-politicas-itens span.editar { width:8%; text-align:center }
.caixa-politicas-itens span.remover { width:8%; text-align:center }
.caixa-politicas-itens span.posicao { width:6.5%; height:40px; margin-right:0; background:url(../img/sistema/ico-ordenar.png) center center no-repeat; cursor:pointer; }

#politicas-itens .rotulos.ordena span.titulo { width:67.5%; text-align:left }
.caixa-politicas-itens.ordena span.titulo { width:67.5%; text-align:left }

/* --- politicas acessos */
#politicas-acessos .rotulos span.cookie-lgpd { width:52%; text-align:left }
#politicas-acessos .rotulos span.status { width:18%; text-align:center }
#politicas-acessos .rotulos span.data-acesso { width:18%; text-align:center }
#politicas-acessos .rotulos span.versoes { width:10%; text-align:center; line-height:1.1 }

.caixa-politicas-acessos { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-politicas-acessos:hover { background:#f7f7f7 }
.caixa-politicas-acessos span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-politicas-acessos span:last-child { margin-right:0; }
.caixa-politicas-acessos span.cookie-lgpd { width:52%; text-align:left }
.caixa-politicas-acessos span.status { width:18%; text-align:center }
.caixa-politicas-acessos span.status span.pendente { color:#e76517; font-weight:bold; }
.caixa-politicas-acessos span.status span.ativo { color:#090; font-weight:bold; }
.caixa-politicas-acessos span.status span.inativo { color:#d00; font-weight:bold; }
.caixa-politicas-acessos span.status span.data-inativacao { font-size:12px; line-height:1.2; font-style:italic; }
.caixa-politicas-acessos span.data-acesso { width:18%; text-align:center }
.caixa-politicas-acessos span.versoes { width:10%; text-align:center; line-height:1.1 }

/* --- politicas acessos versoes */
#politicas-acessos .superior { width:100%; height:auto; border:#060 2px solid; padding:15px; margin-bottom:15px; border-radius:5px; }
#politicas-acessos .superior p { color:#060; margin:0 }

#politicas-acessos .rotulos.acessos-versoes span.politica { width:45%; text-align:left }
#politicas-acessos .rotulos.acessos-versoes span.item { width:25%; text-align:left }
#politicas-acessos .rotulos.acessos-versoes span.aceite { width:10%; text-align:center }
#politicas-acessos .rotulos.acessos-versoes span.data-hora { width:18%; text-align:center }

.caixa-politicas-acessos-versoes { display:flex; width:100%; height:auto; padding:0 1%; background:#fff; border:#e6e5e4 1px solid; margin:5px 0 0 0; justify-content:left; flex-wrap:wrap; }
.caixa-politicas-acessos-versoes:hover { background:#f7f7f7 }
.caixa-politicas-acessos-versoes span { display:block; padding:1% 0; margin-right:0.5%; }
.caixa-politicas-acessos-versoes span:last-child { margin-right:0; }
.caixa-politicas-acessos-versoes span.politica { width:45%; text-align:left }
.caixa-politicas-acessos-versoes span.politica a { color:#060; text-decoration:underline }
.caixa-politicas-acessos-versoes span.item { width:25%; text-align:left }
.caixa-politicas-acessos-versoes span.item a { color:#060; text-decoration:underline }
.caixa-politicas-acessos-versoes span.aceite { width:10%; text-align:center }
.caixa-politicas-acessos-versoes span.data-hora { width:18%; text-align:center }

/* --- formularios */
form > span { display:block; margin:10px 0 5px 0 }
form > span label { display:block; margin-bottom:5px }
form > span label.lado-lado { display:inline-block; margin-right:8px }
form > span.data-periodo { display:inline-block; width:26.8% }
form > .botoes { display:flex; width:auto; justify-content:flex-start; margin-top:10px; }
form > .botoes > span { width:auto; margin-right:10px; }
form > .botoes > span input { background:#060 }
form > .botoes > span input.continuar-salvar { background:#666 }

.contador-tit,
.contador-desc,
.contador-keys { font-size:13px; margin-top:2px }
.contador-tit span,
.contador-desc span,
.contador-keys span { color:#090 }

form > span > span.hexadecimal { display:inline-block; width:36px; height:36px; border:#333 1px solid; border-radius:2px; vertical-align:bottom; }

#form-login { /*width:22%;*/ width:302px; margin:0 auto; }
#form-login > div { margin:15px 0; }
#form-login input[type=text],
#form-login input[type=password] { width:100%; }

#form-configs input[type=text] { /*width:49%;*/ }
/*#form-configs textarea { width:49%; height:100px; }*/

.formulario input[type=text] { width:49%; }
.formulario textarea { width:49%; height:100px; }
.formulario input[name=qtd_outros_destaques] { width:125px; text-align:center; }
.formulario .redes-sociais { display:flex; flex-wrap:wrap; justify-content:left; }
.formulario .redes-sociais > span { width:48.5%; margin:0 25px 25px 0; }
.formulario .redes-sociais > span:nth-child(2n+0) { margin:0 0 25px 0; }
.formulario .redes-sociais > span label { display:block; }
.formulario .redes-sociais > span input { width:99%; }

.formulario .duas-colunas { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:10px; }
.formulario .duas-colunas > div { width:48.5%; margin-bottom:25px; }
.formulario .duas-colunas > div h3 { font-style:italic; margin-bottom:5px; }
.formulario .duas-colunas > div > span { display:block; width:100%; margin:0 0 20px 0; }
.formulario .duas-colunas > div > span:last-child { margin:0 }
.formulario .duas-colunas > div > span label { display:block; width:100%; margin-bottom:5px; }
.formulario .duas-colunas > div > span input[type=text],
.formulario .duas-colunas > div > span textarea { width:100%; }

.formulario .tres-colunas { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:10px; }
.formulario .tres-colunas > div { width:32%; margin-bottom:25px; }
.formulario .tres-colunas > div h3 { font-style:italic; margin-bottom:5px; }
.formulario .tres-colunas > div > span { display:block; width:100%; margin:0 0 20px 0; }
.formulario .tres-colunas > div > span:last-child { margin:0 }
.formulario .tres-colunas > div > span label { display:block; width:100%; margin-bottom:5px; }
.formulario .tres-colunas > div > span input[type=text],
.formulario .tres-colunas > div > span textarea { width:100%; }

.formulario .quatro-colunas { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:10px; }
.formulario .quatro-colunas > div { width:23.5%; margin-bottom:25px; }
.formulario .quatro-colunas > div h3 { font-style:italic; margin-bottom:5px; }
.formulario .quatro-colunas > div > span { display:block; width:100%; margin:0 0 20px 0; }
.formulario .quatro-colunas > div > span:last-child { margin:0 }
.formulario .quatro-colunas > div > span label { display:block; width:100%; margin-bottom:5px; }
.formulario .quatro-colunas > div > span input[type=text],
.formulario .quatro-colunas > div > span textarea { width:100%; }

#form-usuarios > span { width:35%; }
#form-usuarios input[type=text] { width:100%; }
#form-usuarios .permissoes { display:flex; width:auto; height:auto; flex-wrap:wrap; justify-content:left; }
#form-usuarios .permissoes > div { width:16%; margin:0 20px 20px 0; }
#form-usuarios .permissoes > div > p { font-weight:bold; color:#d00; }
#form-usuarios .permissoes > div label { display:block; margin-bottom:4px; }

#form-seo input[type=text] { /*width:49%*/ }
#form-seo textarea { /*width:49%*/; height:100px; }

#form-popup input[type=text] { width:50%; }
#form-popup .duas-colunas { width:50%; }
#form-popup .duas-colunas > div > span input[type=text] { width:100%; }
#form-popup .duas-colunas > div > span input.data { text-align:center }

#form-traducoes { width:auto; height:auto; }
#form-traducoes > div { display:flex; width:auto; height:auto; margin-bottom:15px; flex-wrap:wrap; justify-content:space-between; }
#form-traducoes > div label { display:block; width:100%; margin-bottom:5px; }
#form-traducoes > div .instrucoes { display:block; width:100%; height:auto; margin:-5px 0 5px 0; font-size:12px; color:#d00; }
#form-traducoes > div span { width:49%; }
#form-traducoes > div span input[type=text] { width:100%; }
#form-traducoes > div span input[type=text].br { padding:8px 8px 8px 35px; background:url(../img/sistema/br.png) 10px center no-repeat; box-sizing:border-box; }
#form-traducoes > div span input[type=text].en { padding:8px 8px 8px 35px; background:url(../img/sistema/en.png) 10px center no-repeat; box-sizing:border-box; }

#form-slides input[type=text] { width:50%; }
#form-slides textarea { width:50%; height:120px; }

#form-noticias input[name=data] { width:125px; text-align:center; }
#form-noticias .download { width:auto; height:auto; border-left:#eee 2px solid; padding-left:25px; margin:15px 0 0 0; }
#form-noticias .download > span { display:block; width:auto; height:auto; margin-bottom:15px; }
#form-noticias .download > span label { display:block; margin-bottom:3px; }
#form-noticias .download > span input {  }
#form-noticias .download > span textarea {  }

#form-assuntos-destinatarios input[type=text] { width:50%; }
#form-assuntos-destinatarios textarea { width:50%; height:120px; }

#form-politicas input[type=text] { /*width:50%;*/ }
#form-politicas .aviso { width:100%; padding:20px; border:#d00 2px solid; border-radius:4px; }
#form-politicas .aviso p { font-size:14px; margin-bottom:8px; }
#form-politicas .aviso p:last-child { margin-bottom:0 }

#form-politicas-categorias input[type=text] { /*width:50%;*/ }
#form-politicas-categorias textarea { /*width:50%;*/ height:150px; }
#form-politicas-categorias span.titulo { font-weight:bold; }

#form-politicas-itens input[type=text] { /*width:50%;*/ }
#form-politicas-itens textarea { /*width:50%;*/ height:150px; }
#form-politicas-itens span.categoria,
#form-politicas-itens span.titulo { font-weight:bold; }

/* --- */

textarea[name=meta_descricao] { height:80px !important; }

optgroup,
option { font-family:'Open Sans',verdana,arial,sans-serif; font-size:12px; font-style:normal }
input,
select,
textarea { border:solid 1px #999; font-family:'Open Sans',verdana,arial,sans-serif; font-size:13px; background:#fff; padding:8px; color:#333 }

input[type=radio] { vertical-align:text-top; border:none }
input[type=button],
input[type=submit] { background:#4b4b4b; color:#fff; font-size:14px; font-weight:normal; cursor:pointer; padding:5px 20px; border:none }
input[type=submit].geracao { background:#060 }

input[type=text]:focus,
textarea:focus,
input[type=password]:focus { border:#011d45 1px solid }

input[type=checkbox] { border:none }
select.focus { border:#2e4678 1px solid }

.filtro input,
.filtro select,
.filtro select option { font-size:12px }
.filtro input,
.filtro select { padding:4px }

.filtro.produtos input[type=text] { min-width:150px; max-width:150px; }
.filtro.produtos select { min-width:170px; max-width:170px; }

.filtro.contatos input[type=text],
.filtro.contatos select { min-width:180px; max-width:180px; }

.filtro.politicas-acessos input[type=text] { min-width:180px; max-width:180px; }
.filtro.politicas-acessos input[name=data_de],
.filtro.politicas-acessos input[name=data_ate] { min-width:105px; max-width:105px; text-align:center; }

/* --- rodape */
#rodape { width:100%; height:35px; line-height:35px; background:#f7f7f7; border-top:#e6e5e4 1px solid; margin-top:35px }
#rodape span.suporte { padding-left:15px; font-size:11px; }
#rodape span.suporte a { color:#4c4c4c; text-decoration:none; }
#rodape span.suporte a:hover { color:#000 }
#rodape span.voltar-topo { float:right; display:block; padding-right:15px; cursor:pointer }

#rodape.index { position:fixed; left:0; bottom:0 }

/* --- jquery ui */
.ui-sortable-helper { background:#e6f7d4 }
.ui-state-highlight { border:#fcecb8 1px solid; background:#fff6db }

#sortable.img > * { display:inline-block }

/* --- jquery file upload */
#fileupload { width:70% }
.fileupload-buttonbar,
.fileupload-buttonbar .col-lg-7 { width:100%; height:auto; overflow:hidden }

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle { display:inline-block; width:auto; margin-bottom:5px; margin-right:5px; float:left; cursor:pointer }

.fileupload-buttonbar button,
.fileupload-buttonbar input,
.fileupload-buttonbar select[multiple],
.fileupload-buttonbar textarea { background-image:none }

.btn-success,
.btn-primary,
.btn-warning,
.btn-danger { font-family:'Open Sans',verdana,arial,sans-serif; font-size:14px; color:#fff; padding:5px 10px; cursor:pointer }
.btn-success { background:#5cb85c; border:#4cAe4c 1px solid; padding:6px 10px !important }
.btn-primary { background:#428bca; border:#357ebd 1px solid }
.btn-warning { background:#f0ad4e; border:#eea236 1px solid }
.btn-danger { background:#d9534f; border:#d43f3a 1px solid }

.btn-success.exibe { display:inline-block }
.btn-success.esconde { display:none }

.fade { opacity:0; transition:opacity 0.15s linear 0s; margin-top:10px }
.fade.in { opacity:1 }
.progress { height:20px; overflow:hidden; background-color:#f5f5f5; border-radius:4px 4px 4px 4px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; margin-bottom:20px }
.progress.active .progress-bar { animation:2s linear 0s normal none infinite progress-bar-stripes }
.progress-striped .progress-bar { background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size:40px 40px }
.progress-bar { width:0; height:100%; background-color:#428bca; box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset; color:#fff; font-size:12px; text-align:center; transition:width 0.6s ease 0s; float:left }
.progress-bar-success { background-color:#5cb85c }
.progress-striped .progress-bar-success { background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)) }
.progress-extended { display:none }

.table-striped { width:100%; max-width:100%; margin-bottom:20px; border-collapse:collapse; border-spacing:0 }
.table-striped > tbody > tr:nth-child(2n+1) { width:100%; height:auto; overflow:hidden; background-color:#f9f9f9 }

.table-striped .botoes { text-align:center }
.table-striped .botoes button { display:inline-block }
.table-striped .botoes .btn-primary { display:none }