@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,600,400,700); /* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap'); /* font-family: 'Roboto', sans-serif; */

/* RESET */
* { margin:0; padding:0; list-style:none; border:0; vertical-align:baseline; font-family: 'Roboto', sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); } /* tap-hig... removendo quadro azul links mobile */
h1, h2, h3, h4, h5, h6 { font-weight:400; }
img, picture, video, embed { max-width: 100%; } /* truque para deixar as imagens e outros elementos adaptáveis */
a { color:#00a0d8; text-decoration:none; }
a:hover { color:#4d4d4d; }
input:focus, button:focus, textarea:focus, select:focus { outline: none; }
input, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; } 

/* remover setas contador input tipo number */
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance:textfield; }

.clearfix:before,.clearfix:after { content: " "; display: table; } 
.clearfix:after { clear: both; } 
.clearfix { *zoom: 1; }
/* fazer com que todos elementos fiquem dentro da div #conteudo por exemplo */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* todos os elementos agora levarão em conta apenas a largura e altura determinada, sem somar a este valor a borda e o padding */

/* BASE ADM */
html, body { height:100%; }
body { color:#333; font-size:13px; background:#edecec; }
#tudo { float:left; width:100%; min-width:320px; height:100%; }
#header { position:fixed; top:0; right:0; width:calc(100% - 230px); height:60px; padding:0 30px; background:#fff; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.15); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.15); box-shadow: 0px 1px 1px rgba(0,0,0,.15); z-index:9; }
#menu { position:fixed; top:0; left:0; width:230px; height:100%; background:#424242; overflow:auto; z-index:10; }
#container { float:right; width:calc(100% - 230px); margin:60px 0 0 230px; padding:30px; }
#rodape { float:left; width:100%; font-size:12px; color:#808080; }

/* CABEÇALHO */
.empresa-direitos { float:right; height:60px; line-height:60px; text-align:right; text-transform:uppercase; font-size:14px; color:#808080; margin-left:15px; }

.botao-topo { float:left; width:40px; height:60px; line-height:60px; text-align:left; font-size:24px; }
.botao-topo.esquerda { -webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); }
.botao-topo.direito { float:right; text-align:right; font-size:20px; }
.botao-topo.direito.icon { text-align:left; }
.botao-topo.direito.icon span { position:relative; float:right; width:18px; height:18px; line-height:18px; text-align:center; color:#fff; font-size:10px; border-radius:50%; top:12px; right:10px; font-weight:600; background:#c53929; }
.botao-topo a { color:#767676; }
.botao-topo a:hover, .botao-topo a:active { color:#333333; }
h1.titulo-topo { float:left; height:60px; line-height:60px; margin-left:-40px; text-transform:uppercase; font-size:16px; color:#000; font-weight:500; }
.logo-topo a { display:inline-block; padding:15px 0; }



/* MENU LATERAL */
#menu .logo { position:fixed; top:0; left:0; width:230px; height:60px; text-align:center; background-color:#616161; }
#menu .logo span { width:136px; height:30px; margin-top:15px; display:inline-block; }
.usuario-logado { float:left; width:100%; padding:15px; margin-top:60px; }
.usuario-logado .foto { float:left; width:45px; height:45px; background:#fff url(imagens/vinhetas/avatar-user.png) center no-repeat; margin-right:10px; }
.usuario-logado h6 { font-size:14px; color:#fff; margin-top:8px; text-transform:uppercase; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.usuario-logado .email-acesso { color:rgba(255,255,255,0.5); font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


.menu-lateral { float:left; width:100%; margin-bottom:30px; }
.menu-lateral li { position:relative; float:left; width:100%; font-size:14px; margin-top:-1px; }
.menu-lateral li:before { position:absolute; top:0; left:0; width:0px; height:100%; content:""; transition: all 0.2s; }
.menu-lateral li:hover:before, .menu-lateral li.ativo:before { width:10px; background:#616161; }

.menu-lateral li a.primeira-borda { border-top:1px solid rgba(255,255,255,0.1); }
.menu-lateral li a { float:left; width:100%; padding:15px 0; color:rgba(255,255,255,0.7); text-decoration:none; text-indent:25px; border-bottom:1px solid rgba(255,255,255,0.1); transition: all 0.2s linear; }
.menu-lateral li a i { text-indent:0; font-size:18px; margin-right:10px; }
.menu-lateral li a:hover, .menu-lateral li.ativo a { color:#fff; }

/* CONTEÚDO */
.titulo-principal, .titulo-conteudo { float:left; width:100%; height:40px; margin-bottom:20px; }
.titulo-principal h1 { float:left; line-height:40px; display:block; font-size:16px; text-transform:uppercase; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.titulo-principal h1 span { border-left:1px #ccc solid; padding:2px 7px; margin-left:7px; font-size:14px; opacity:.6; text-transform:none; }

.titulo-principal a { float:right; height:40px; line-height:40px; background:#fff; border-radius:20px; margin-left:20px; font-weight:500; padding:0 20px; text-transform:uppercase; }
.titulo-principal a.negativo { background:#00a0d8; color:#fff }
.titulo-principal a.esquerdo { float:left; }
.titulo-principal a i { margin-right:7px; }

.titulo-principal a.mais-opcoes { width:40px; text-align:center; color:#767676; background:#f2f2f2; font-size:20px; border-radius:50%; padding:0; }
.titulo-principal a.mais-opcoes i { margin:0; }
.titulo-principal a.mais-opcoes:hover { color:#333333; background:#e3e3e3; transition:all 0.25s linear; }

.titulo-principal .calendario { float:right; width:250px; height:40px; color:#767676; border:none; font-weight:500; padding:0 20px; background:#f2f2f2 url(painel/imagens/vinhetas/iconSelect.png) no-repeat; background-position:90% 50%; background-size:16px 10px; border-radius:30px; }
.titulo-principal .calendario.calendario-simples { width:auto; }
.titulo-principal .calendario:hover, .titulo-principal .submenu .calendario:focus { color:#333333; background-color:#e3e3e3; cursor:pointer; transition:all 0.25s linear; }


.titulo-conteudo h3 { float:left; line-height:40px; color:#000; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.titulo-conteudo.bottom5 { margin-bottom:5px; }



.filtro { float:left; font-size:14px; color:#00a0d8; }
.filtro.right { float:right; }
.filtro i { font-size:22px; vertical-align:-2px; }
.filtro span { text-transform:lowercase; }
.filtro select { float:none; width:auto; font-size:14px; border-color:transparent; background:none; font-weight:500; color:#00a0d8; }
.filtro select option { color:#999; font-size:13px; }
.filtro select:hover { border-bottom-color:#00a0d8 }


.bloco-conteudo { float:left; width:100%; padding:30px; margin-bottom:30px; background:#fff; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.15); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.15); box-shadow: 0px 1px 1px rgba(0,0,0,.15); transition: all 0.25s linear; }
.bloco-conteudo p { margin-bottom:10px; }
.bloco-conteudo h2 { color:#000; margin-bottom:10px; font-size:18px; font-weight:500; }
.bloco-conteudo h3 { color:#000; margin-bottom:0; font-size:16px; }
.bloco-conteudo h3.marginBottom10 { margin-bottom:10px; }
.bloco-conteudo h3 span { display:inline-block; width:20px; height:20px; line-height:20px; vertical-align:2px; text-align:center; font-size:12px; color:#fff; margin-right:5px; background:#00a0d8; border-radius:50%; }
.bloco-conteudo strong { font-weight:500; }
.bloco-conteudo-interno { float:left; width:100%; }


/* USUÁRIOS */
.card-usuarios { position:relative; float:left; width:calc(50% - 30px); padding:30px; margin:0 30px 30px 0; border-left:5px solid #00A0D8; background:#fff; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.15); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.15); box-shadow: 0px 1px 1px rgba(0,0,0,.15); transition: width 0.25s, height 0.25s; }
.card-usuarios:nth-child(odd) { margin-right:0; width:50%; } /* altera margin e width de todo bloco PAR (2, 4, 6...)*/
.card-usuarios:hover { background:#fff2d9; cursor:pointer; }
.card-usuarios .foto { float:left; width:100px; height:100px; transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; }
.card-usuarios .foto span { display:inline-block; width:100px; height:100px; border:1px solid #ccc; overflow:hidden; background:url(imagens/vinhetas/avatar.png) center no-repeat; background-size:100px; }
.card-usuarios .dados { float:left; margin:5px 0 0 15px; transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; }
.card-usuarios h3 { font-size:16px; font-weight:600; }
.card-usuarios label { position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; }
.card-usuarios .botao-checkbox { position:absolute; top:62px; right:30px; }
.card-usuarios .botao-checkbox input[type="checkbox"] { width:35px; height:35px; border:1px solid #ccc; background:#fff url(imagens/vinhetas/iconOkCheckbox.png) no-repeat center; background-size:20px; cursor:pointer; border-radius:50%; -webkit-border-radius:50%;	-moz-border-radius:50%; -ms-border-radius:50%; }
.card-usuarios .botao-checkbox input[type="checkbox"]:hover { border-color:#00A0D8; }
.card-usuarios .botao-checkbox input[type="checkbox"]:checked { background-color:#00A0D8; }

.bloco-foto-user { float:left; width:100%; padding:30px; border:1px dashed #ccc; margin-bottom:20px; }
.bloco-foto-user .foto-perfil { position:relative; width:200px; height:200px; margin:0 auto; border:1px solid #e8e8e8; background:url(imagens/vinhetas/avatar-foto.png) no-repeat center; background-size:200px; overflow:hidden; }
.bloco-foto-user .foto-perfil.total { width:100%; }
.bloco-foto-user .foto-perfil.horizontal { width:300px; }
.bloco-foto-user .foto-perfil.vertical { height:300px; }
.bloco-foto-user .foto-perfil img { max-width:none; max-height:100%; min-width:100%; }

.foto-perfil .botao-foto { position:absolute; width:100%; height:200px; opacity:0; cursor:pointer; }
.foto-perfil.vertical .botao-foto { height:300px; }
.foto-perfil .botao-excluir-foto { position:absolute; top:-1px; right:-1px; width:35px; height:35px; line-height:35px; font-size:22px; text-align:center; color:#fff; background:#ea3d4a; }




/* TABELAS */
.bloco-tabela { float:left; width:calc(100% + 60px); margin-left:-30px; overflow-x:auto; }
.bloco-tabela.caixa-info-ativa { overflow-x:inherit; }

.tabela { width:100%; border:1px solid #E6E6E6; border-right:0; border-left:0; border-collapse:collapse; -webkit-text-size-adjust:none; background:#fff; }
.tabela tr:hover { background:#f1f3f4; cursor:pointer; }
.tabela tr.sem-link:hover { cursor:default; }
.tabela tr.cinza { background:#f8f8f8; }
.tabela tr.amarela { background:#FEF3C8; }
.tabela tr.blocked { opacity:.6; }
.tabela td { position:relative; padding:15px 10px; border-right:1px solid #E6E6E6; border-top:1px dotted #E6E6E6; vertical-align:middle; }
.tabela td img { float:left; width:150px; min-width:70px; }
.tabela td img.max-height-80 { float:none; width:auto; max-height:80px; }
.tabela td strong { font-weight:500; }
.tabela td strong a { color:#333; }
.tabela td strong a:hover { text-decoration:underline; }
.tabela td h4 { font-size:15px; margin-bottom:5px; letter-spacing:-.3px; }
.tabela td p { margin-bottom:0; }
.tabela td p.margin-bottom-5 { margin-bottom:5px; }
.tabela td p.aviso { float:left; margin:10px 10px 0 0; }
.tabela td ul { white-space:nowrap; }
.tabela td ul li { padding:2px 0; }
.tabela td i { margin-right:5px; }
.tabela td i.fa-circle { font-size:11px; color:#E1E1E1; }
.tabela td i.fa-angle-down { background:#fff; color:#a4a4a4; padding:3px 6px; margin:0 0 0 2px; border-radius:50%; font-size:18px; vertical-align:-2px; }
.tabela td i.fa-angle-down:hover { color:#333333; background:#e3e3e3; transition:all 0.25s linear; }
.tabela td i.ativo { color:#a1cd8d; }
.tabela td i.anuncio { color:#eeb704; }
.tabela td i.suspenso { color:#c0504d; }
.tabela td i.novo { color:#00A0D8; }
.tabela td:last-child { border-right:0; }

.tabela td .galeria { float:left; width:100%; margin-top:15px; }
.tabela td .galeria img {  min-width:auto; width:auto; height:40px; margin-right:1px; }

.tabela tr.cabecalho { font-weight:bold; background:#f8f8f8; cursor:default; }
.tabela tr.cabecalho td { border-top:0; }


/* LISTA IMAGENS E VIDEOS */
.bloco-lista-imagens { float:left; width:100%; }
.bloco-lista-imagens li { position:relative; float:left; width:16.25%; height:250px; margin:0 .5% .5% 0; background-size:cover; background-position:center; background-color:#000; transition: all 0.2s linear; }
.bloco-lista-imagens li .chapeu { position:relative; float:left; color:#fff; font-weight:500; padding:10px 20px; margin:10px; background:rgba(0,0,0,0.5); border-radius:3px; }
.bloco-lista-imagens li .rodape { position:absolute; text-align:right; width:100%; bottom:0; z-index:2; padding:10px 15px; font-size:14px; color:#fff; opacity:.7; }
.bloco-lista-imagens li .rodape i { float:left; font-size:18px; }
.bloco-lista-imagens li:hover { opacity:.9; cursor:pointer; }

.bloco-lista-imagens li:nth-child(6n + 0) { margin-right:0; }
.bloco-lista-imagens li:nth-child(6n + 1) { clear:both; }
.bloco-lista-imagens li:after { 
	position:absolute; bottom:0; left:0; display:block; width:100%; height:100%; content:""; z-index:1;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(top bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}




/* FORMULÁRIO */
.form-coluna { float:left; width:100%; padding:0 30px 20px 0; }
.form-coluna.padding0 { padding:0; }
.form-coluna.coluna2 { width:50%; }
.form-coluna.coluna3 { width:33.33333333%; }
.form-coluna.coluna4 { width:25%; }
.form-coluna.coluna5 { width:20%; }
.form-coluna.coluna6 { width:16.66666666%; }
.form-coluna.coluna7 { width:14.28571428%; }
.form-coluna.coluna8 { width:12.5%; }
.form-coluna.coluna10 { width:10%; }
.form-coluna.col30 { width:30%; }
.form-coluna.col40 { width:40%; }
.form-coluna.col60 { width:60%; }
.form-coluna.col70 { width:70%; }
.form-coluna.col80 { width:80%; }
.form-coluna.col90 { width:90%; }


.form-coluna label { float:left; width:100%; margin-bottom:5px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-size:13px; }
.form-coluna label span { color:#ea3d4a; font-weight:600; }
.form-coluna button { float:left; position:absolute; margin-left:-30px; line-height:38px; font-size:18px; }
.form-coluna button.com-label { padding-top:20px; }
.form-coluna button:hover { color:#767676; cursor:pointer; }



.form-coluna input[type="radio"], input[type="checkbox"] { float:left; width:100%; height:40px; border:1px solid #FFF; background-color:#ebebe4;  cursor:pointer; }
.form-coluna input[type="radio"].coluna2, input[type="checkbox"].coluna2 { width:50%; }
.form-coluna input[type="radio"].coluna3, input[type="checkbox"].coluna3 { width:33.33333333%; }
.form-coluna input[type="radio"].coluna4, input[type="checkbox"].coluna4 { width:25%; }
.form-coluna input[type="radio"].coluna6, input[type="checkbox"].coluna6 { width:16.66666666%; }
.form-coluna input[type="radio"].coluna7, input[type="checkbox"].coluna7 { width:14.2857142%; }
.form-coluna input[type="radio"].coluna8, input[type="checkbox"].coluna8 { width:12.5%; }

.form-coluna input[type="radio"].ativo:checked, .form-coluna input[type="checkbox"].ativo:checked { background-color:#a1cd8d; }
.form-coluna input[type="radio"].pendente:checked, .form-coluna input[type="checkbox"].pendente:checked { background-color:#4285f4; }
.form-coluna input[type="radio"].suspenso:checked, .form-coluna input[type="checkbox"].suspenso:checked { background-color:#c0504d; }
.form-coluna input[type="radio"].anuncio:checked, .form-coluna input[type="checkbox"].anuncio:checked { background-color:#eeb704; }
.form-coluna input[type="radio"].whats:checked, .form-coluna input[type="checkbox"].whats:checked { background-color:#25d165; }

.form-coluna input[type="radio"]:hover, input[type="checkbox"]:hover { border-color:#00A0D8; }
.form-coluna input[type="radio"]:checked, input[type="checkbox"]:checked { background-color:#00A0D8; }

.form-coluna p.radio { float:left; width:100%; height:40px; line-height:40px; margin:-40px 0 0; color:#fff; pointer-events:none; font-size:13px; }
.form-coluna p.radio span { float:left; width:100%; text-align:center; }
.form-coluna p.radio span i { font-size:16px; vertical-align:-1px; }
.form-coluna p.radio span.coluna2 { width:50%; }
.form-coluna p.radio span.coluna3 { width:33.33333333%; }
.form-coluna p.radio span.coluna4 { width:25%; }
.form-coluna p.radio span.coluna6 { width:16.66666666%; }
.form-coluna p.radio span.coluna7 { width:14.2857142%; }
.form-coluna p.radio span.coluna8 { width:12.5%; }

.form-coluna.checkbox input[type="checkbox"] { width:20px; height:20px; border:1px solid #00A0D8; background:#fff; border-radius:3px; }
.form-coluna.checkbox input[type="checkbox"]:checked { background-color:#00A0D8; }
.form-coluna.checkbox label { width:auto; line-height:22px; margin:0 20px 0 8px; }
.form-coluna.checkbox i { float:left; line-height:20px; margin-left:-19px; color:#fff; pointer-events:none; }

.form-coluna-buttom { clear:both; float:left; width:100%; }
.form-coluna-buttom.inline { clear:none; }
.form-coluna-buttom.inline button { width:100%; }
.form-coluna-buttom.inline.coluna5 { width:20%; }
.form-coluna-buttom p { float:left; padding:10px; margin:0; }






input, textarea { float:left; width:100%; padding:10px; font-size:13px; color:#999; border:1px solid #e8e8e8; transition: all 0.2s linear; }
select { float:left; width:100%; padding:10px; font-size:13px; color:#999; border:1px solid #e8e8e8; background:#fff url(imagens/vinhetas/iconSelect.png) no-repeat; background-position:98% 50%; background-size:16px 10px; transition: all 0.2s linear; }
input:focus, textarea:focus, select:focus { border:1px solid #00a0d8; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#ccc; }
button { background-color:transparent; color:#ccc; transition: all 0.2s linear; }
.caixa-erro, .caixa-erro:focus { border:1px solid #ea3d4a; }

input.font-size18 { font-size:18px; }

input.disabled, textarea.disabled, select.disabled, .disabled input, .disabled select, .disabled textarea { pointer-events:none; background-color:#fafafa; }
button.disabled, .disabled button { pointer-events:none; }



/* BOTÕES */
.botao-form { float:left; padding:8px 16px; margin:0 10px 10px 0; color:#fff; font-size:14px; cursor:pointer; background:#00a0d8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; }
.botao-form:hover { opacity:.75; }
.botao-form i { margin-right:5px; }
.botao-form.cinza { background:#b3b3b3; color:#fff; }
.botao-form.vermelho { background:#ea3d4a; }
.botao-form.tipo1 { color:#333333; background:#eeeeee; }

.botao-link { display:inline-block; padding:8px 16px; margin:0 15px 15px 0; color:#fff; font-size:14px; text-align:center; background:#00a0d8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; }
.botao-link:hover { opacity:.75; color:#fff; }
.botao-link i { margin-right:5px; }
.botao-link.cinza { background:#b3b3b3; }
.botao-link.vermelho { background:#ea3d4a; }
.botao-link.tipo1 { color:#333333; background:#eeeeee; }

/* PAGINAÇÃO */
.paginacao { float:left; width:100%; }
.paginacao a { float:left; width:40px; height:40px; line-height:40px; margin:0 10px 10px 0; font-weight:600; color:#808080; text-align:center; background:#e6e6e6; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; }
.paginacao a:hover { opacity:.75; color:#000; }
.paginacao a.ativa { background:#00a0d8; color:#fff; cursor:default; }

/* CAIXA MODAL */
.bg-modal { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; pointer-events:none; z-index:99; transition: all 0.25s linear; }
.bg-modal-active .bg-modal { opacity:1; pointer-events:auto; }
.bg-modal-active.transparent .bg-modal { opacity:0; pointer-events:auto; }


.modal { position:fixed; font-size:16px; text-align:center; padding:15px 20px; background:#fff; border-radius:3px; -webkit-box-shadow: 0px 3px 8px rgba(0,0,0,.3); -moz-box-shadow: 0px 3px 8px rgba(0,0,0,.3); box-shadow: 0px 3px 8px rgba(0,0,0,.34); display:none; z-index:999; transition: all 0.25s linear; }

.modal.central { top:50%; left:50%; width:600px; height:300px; margin-top:-150px; margin-left:-300px; padding:30px; }
.modal.central.grande { width:1200px; height:600px; margin-top:-300px; margin-left:-600px; padding:0; text-align:left; }
.modal.central.grande.mod2 { width:800px; margin-left:-400px; }
.modal.central.grande.mod3 { width:400px; margin-left:-200px; }
.modal.opcoes-topo { top:50px; right:30px; }
.modal.notificacao-topo { top:50px; right:50px; }
.modal.adicionar-topo { top:50px; right:70px; }
.modal.opcoes-menu { position:absolute; top:140px; right:30px; font-size:14px; max-width:300px; }
.modal.caixa-info { position:absolute; right:10px; min-width:200px; margin-top:5px; cursor:auto; text-align:left; }

.modal h2 { font-size:24px; font-weight:500; margin-bottom:20px; }
.modal .acoes { float:left; width:100%; margin-top:40px; }

.modal ul { width:calc(100% + 40px); margin-left:-20px; }
.modal ul li { width:100%; text-align:left; display:flex; }
.modal ul li a { float:left; width:100%; color:#333333; margin:0; padding:10px 25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.modal ul li a.ativo { background:#eeeeee; }
.modal ul li a i { width:20px; text-indent:0; color:#767676; margin-right:10px; text-align:center; }
.modal ul li a:hover { background:#eeeeee; }
.modal ul li a .qtde-notificacao { position:relative; float:left; width:18px; height:18px; line-height:18px; text-align:center; color:#fff; font-size:10px; border-radius:50%; right:10px; font-weight:600; background:#c53929; }

.modal ul li.destaque { margin-top:10px; }
.modal ul li.destaque a { color:#eeb704; font-weight:500; }
.modal ul li.destaque a i { color:#eeb704; }


.modal ul.duplo { margin-top:15px; margin-bottom:15px; border-top:1px #f5f5f5 solid; border-bottom:1px #f5f5f5 solid; padding:15px 0; }
.modal ul.duplo li a span { font-size:13px; color:#999; }

.modal ul.empresa-ativa { width:100%; margin-left:0; }
.modal ul.empresa-ativa li .logo { width:70px; }
.modal ul.empresa-ativa li .dados { width:calc(100% - 70px); padding:2px 20px; line-height:1.5; }
.modal ul.empresa-ativa li .dados p.cidade { font-size:13px; color:#999; }
.modal ul.empresa-ativa li .dados a { color:#1967d2; width:auto; padding:0; font-size:13px; }
.modal ul.empresa-ativa li .dados a:hover { background-color:transparent; text-decoration:underline; }

.modal .rodape { float:left; width:calc(100% + 40px); background-color:#f5f5f5; margin:15px 0 -20px -20px; border-radius:0 0 3px 3px; padding:8px 20px; }
.modal .rodape a { float:right; font-weight:500; color: rgba(0,0,0,.54); font-size:14px; padding:10px 15px; }
.modal .rodape a i { margin-right:7px; }
.modal .rodape a:hover { background:#e6e6e6; }

.modal.opcoes-menu ul li a { padding-top:7px; padding-bottom:7px; }

.modal-central-active .modal.central { display:block; }
.modal-opcoes-topo-active .modal.opcoes-topo { display:block; }
.modal-notificacao-active .modal.notificacao-topo { display:block; }
.modal-adicionar-active .modal.adicionar-topo { display:block; }
.modal-opcoes-menu-active .modal.opcoes-menu { display:block; }
.modal.caixa-info.ativo { display:block; }


.modal.central.grande .titulo-conteudo { height:50px; padding:0 30px; margin-bottom:0; border-bottom:1px #edecec solid; }
.modal.central.grande .titulo-conteudo h3 { line-height:50px; text-transform:uppercase; }
.modal.central.grande .titulo-conteudo i { float:right; line-height:47px; font-size:24px; color:#767676; cursor:pointer; }
.modal.central.grande .titulo-conteudo i:hover { color:#333333; }
.modal.central.grande .bloco-conteudo { position:absolute; top:50px; bottom:75px; margin-bottom:0;  overflow-y:auto; overflow-x:hidden; background-color:transparent; box-shadow:none; }
.modal.central.grande .form-coluna-buttom { position:absolute; bottom:0; padding:20px 30px 10px 20px; overflow-x:auto;  white-space:nowrap; border-top:1px #edecec solid; }
.modal.central.grande .form-coluna-buttom .botao-form { float:none; }
.modal.central.grande .caixa-aviso { width:calc(100% + 60px); margin:-30px 0 30px -30px; }

.modal.central.grande.mod3 .form-coluna { padding-right:0; }



.grid { float:left; width:480px; padding:0 30px 20px 0; }
.grid.coluna1 { width:100%; }
.grid.coluna2 { width:50%; }

.grid ul { float:left; width:100%; margin:0; }
.grid ul.gabarito li { width:auto; background-color:transparent; margin-right:10px; color:#999999; }

.grid ul li { float:left; width:100%; height:40px; line-height:34px; border:1px solid #FFF; color:#FFF; background-color:#ebebe4; text-align:center; display:block; font-size:13px; }
.grid ul li.coluna12 { width:8.33333333%; }
.grid ul li.ativo { background-color:#a1cd8d; }
.grid ul li.suspenso { background-color:#c0504d; }
.grid ul li i { font-size:11px; margin-right:5px; color:#E1E1E1; }
.grid ul li i.ativo { color:#a1cd8d; }
.grid ul li i.suspenso { color:#c0504d; }


/* LOGIN */
.login { position:absolute; top:50%; left:50%; width:500px; height:400px; margin-top:-200px; margin-left:-250px; background:#fff; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.15); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.15); box-shadow: 0px 1px 5px rgba(0,0,0,.15); transition: all 0.25s linear; }
.login-cabecalho { position:relative; float:left; width:100%; padding:35px 0; text-align:center; background:#616161; }
.login-cabecalho span { display:inline-block; width:185px; }
.login-cabecalho h2 { position:absolute; top:-30px; left:0; width:100%; text-align:center; font-size:16px; color:#808080; }
.login-conteudo { float:left; width:100%; padding:35px; }
.login .bloco-caixa { float:left; width:100%; margin-bottom:30px; }
.login .bloco-caixa i { float:left; width:40px; height:40px; line-height:40px; font-size:20px; color:#808080; text-align:right; padding-right:15px; }
.login .bloco-caixa input { float:left; width:calc(100% - 40px); border:0; border-bottom:1px solid #999; }
.login .bloco-caixa input:focus { border-color:#00a0d8; }
.login .bloco-botao { float:right; width:calc(100% - 40px); }
.login .bloco-botao .botao-login { float:right; width:110px; padding:10px 0; color:#fff; text-align:center; font-size:14px; font-weight:600; cursor:pointer; background:#616161; }
.login .bloco-botao .botao-login:hover { opacity:.7; }
.login .bloco-botao a.link-senha { float:left; margin-top:10px; text-decoration:underline; }


/* CAIXAS PARA AVISO */
.caixa-aviso { position:relative; float:left; width:100%; margin-bottom:15px; padding:15px 15px 15px 50px; font-size:13px; background:#fff; }
.caixa-aviso i { position:absolute; top:15px; left:20px; font-size:16px; }
.caixa-aviso:before { position:absolute; top:0; left:0; width:5px; height:100%; content:""; background-color:rgba(0,0,0,.1); }
.caixa-aviso.alerta { color:#000; background:#f7df9a; }
.caixa-aviso.ok { color:#fff; background:#62bc6a; }
.caixa-aviso.erro { color:#fff; background:#e85d6e; }


/* DIVERSOS */
.fonte12 { font-size:12px; }
.fonte-cinza { color:#808080; }
.fonte-cinza-medio { color:#999999; }
.fonte-cinza-claro { color:#cccccc; }
.fonte-azul { color:#00A0D8; }
.fonte-verde { color:#a1cd8d; }
.fonte-laranja { color:#eeb704; }
.fonte-vermelho { color:#c0504d; }
.fonte-verde-lista { color:#00b5a3; }

.fonte-Instagram { color:#d02f79; }
.fonte-Facebook { color:#2361ae; }
.fonte-Twitter { color:#2aa9e0; }
.fonte-YouTube { color:#ff0000; }
.fonte-Website { color:#999999; }
.fonte-Ifood { color:#ea1d2c; }

.margin-left10 { margin-left:10px; }
.margin-right10 { margin-right:10px; }
.quebra-linha { clear:both; }
.display-oculto { display:none; }
.vertical-align1 { vertical-align:1px; }
.sombreado { -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4); box-shadow: 0px 2px 2px rgba(0,0,0,0.4); }
.sombreado1 { -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3); box-shadow: 0 0 15px rgba(0,0,0,0.3); }




.tag { font-size:12px; background:#E1E1E1; color:#fff; padding:3px 8px; border-radius:3px; opacity:.7; text-align:center; }
.tag.menor { padding:1px 5px; }
.tag.ativo { width:50px; background:#a1cd8d; }
.tag.suspenso { width:80px; background:#c0504d; }
.tag.novo { width:45px; background:#00A0D8; }
.tag.anuncio { width:80px; background:#eeb704; }
.tag.whats { width:80px; background:#25d165; }




#header, #menu, #container, #rodape, .empresa-direitos, .bloco-tabela {
	transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
}

.borda-redonda {
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	overflow:hidden; 
}

@media screen and (max-width: 1280px) {
	.card-usuarios { width:100%; margin-right:0; }
	.card-usuarios:nth-child(odd) { width:100%; }
	
	.bloco-lista-imagens li { width:24.625%; }
	.bloco-lista-imagens li:nth-child(6n + 0) { margin-right:.5%; }
	.bloco-lista-imagens li:nth-child(6n + 1) { clear:none; }
	.bloco-lista-imagens li:nth-child(4n + 0) { margin-right:0; }
	.bloco-lista-imagens li:nth-child(4n + 1) { clear:both; }
	
}


@media screen and (max-width: 900px) {
	.titulo-conteudo { height:auto; }
	.titulo-conteudo h3 { width:100%; }

	
	.filtro { float:left; width:100%; }
	
	.modal.central.grande, .modal.central.grande.mod2, .modal.central.grande.mod3 { width:100%; margin-left:-50%; height:100%; top:0; margin-top:auto; border-radius:0; }
	.modal.central.grande .titulo-conteudo h3 { width:calc(100% - 40px); }
	

	
}



@media screen and (max-width: 768px) {
	.menu-active #tudo { overflow:hidden; max-height:100%; }
	
	.menu-active {background: #982C2E}

	.menu-active #menu { 
		-webkit-transform: translateX(0); 
		-moz-transform: translateX(0); 
		-ms-transform: translateX(0); 
		transform: translateX(0); 
	}
	
	.menu-active #header, .menu-active #container  { 
		-webkit-transform: translateX(230px); 
		-moz-transform: translateX(230px); 
		-ms-transform: translateX(230px); 
		transform: translateX(230px); 
	}

	
	#header { width:100%; }
	.empresa-direitos { position:absolute; top:0; right:70px; -webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); }	
	.botao-topo.esquerda { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	h1.titulo-topo { width: calc(100% - 160px); padding:0 10px; text-align:center; margin:0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
	
	.menu-lateral li:before { transition:none; }
	.menu-lateral li a { transition:none; }
	#menu { transform: translateX(-230px); }
	#container { width:100%; }
	
	.titulo-principal { height:auto; }
	.titulo-principal a { margin-left:10px; }
	.titulo-principal a.esquerdo { float:right; }
	.titulo-principal a.esquerdo span { display:none; }
	.titulo-principal { width:100%; margin-top:10px; }
	.titulo-principal .calendario { width:100%; margin-top:10px;  }
	.titulo-principal .calendario.calendario-simples { width:100%; }

	.modal.central { width:100%; margin-left:-50%; }
	
	
	.tabela { min-width:800px; }	
	.form-coluna, .form-coluna.coluna2, .form-coluna.coluna3, .form-coluna.coluna4, .form-coluna.coluna5, .form-coluna.coluna6, .form-coluna.coluna7, .form-coluna.coluna8, .form-coluna.coluna10, .form-coluna.col30, .form-coluna.col40, .form-coluna.col60, .form-coluna.col70, .form-coluna.col80, .form-coluna.col90 { width:100%; padding-right:0; }
	.form-coluna-buttom.inline.coluna5 { width:100%; }
	
	.login { top:15%; left:0; width:100%; height:auto; margin-top:0; margin-left:0; }
	
	.bloco-lista-imagens li { width:33%; }
	.bloco-lista-imagens li:nth-child(4n + 0) { margin-right:.5%; }
	.bloco-lista-imagens li:nth-child(4n + 1) { clear:none; }
	.bloco-lista-imagens li:nth-child(3n + 0) { margin-right:0; }
	.bloco-lista-imagens li:nth-child(3n + 1) { clear:both; }
	
}

@media screen and (max-width: 480px) {
	#header { padding:0 15px; }
	#container { padding:15px; }
	

	.bloco-conteudo { padding:15px; margin-bottom:15px; }	
	.bloco-tabela { width:calc(100% + 30px); margin-left:-15px; }	
	
	.botao-form  { width:100%; padding:12px 0px; margin:0 0 15px 0; }
	
	.card-usuarios { padding:15px; margin-bottom:15px; }
	.card-usuarios .foto { width:100%; text-align:center; }
	.card-usuarios .dados { width:100%; text-align:center; margin:5px 0 0 0; }

	.modal h2 {  font-size:20px; }
	
	.modal.central.grande .caixa-aviso { width:calc(100% + 30px); margin:-15px 0 15px -15px; }
	.modal.central.grande .form-coluna-buttom .botao-form { width:auto; padding:8px 16px; margin:0 10px 10px 0; }
	
	.modal.opcoes-topo { right:15px; }
	.modal.opcoes-menu { top:130px; right:15px; }
	
	.titulo-principal .btn-display-none-mobile { display:none; }
	
	.paginacao a { width:30px; height:30px; line-height:30px; }
	
	.card-usuarios .botao-checkbox { position:absolute; top:30px; }
	
	.login-cabecalho { padding:20px 0; }
	.login-cabecalho span { width:150px; }
	.login-conteudo { padding:15px; padding-bottom:25px; }
	.login .bloco-botao { width:100%; }
	.login .bloco-botao .botao-login { float:left; width:100%; }
	.login .bloco-botao a.link-senha { float:left; width:100%; text-align:center; margin-top:15px; }
	
	.bloco-lista-imagens li { width:49.75%; }
	.bloco-lista-imagens li:nth-child(3n + 0) { margin-right:.5%; }
	.bloco-lista-imagens li:nth-child(3n + 1) { clear:none; }
	.bloco-lista-imagens li:nth-child(2n + 0) { margin-right:0; }
	.bloco-lista-imagens li:nth-child(2n + 1) { clear:both; }
	
	
}