@charset "UTF-8";
@import url("font.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline }
select, input, textarea { resize:none }
* { outline:none; font-family:"Open Sans Medium", sans-serif; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased }
textarea { overflow:auto }
input[type="password"]:focus, input[type="button"]:focus, input[type="submit"]:focus, 
input[type="text"]:focus, textarea:focus, select:focus { box-shadow:0 0 2px #428BCA; border:1px solid rgba(81, 203, 238, 0.5) }

.hidden { display:none; visibility:hidden }
.msg_erro { color:#C9302C; font-size:13px; margin:10px }
.alert_message { text-align:center; padding:20px; min-width:250px; max-width:500px }
.alert_message p { font-size:14px; margin:20px 0; line-height:20px }
.alert_message p strong { font-family:'Open Sans Bold' }
.alert_message input[type="button"] { margin-right:10px }


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
body { line-height:1 }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
.clear { clear:both; font-size:1px; height:1px; line-height:1px; display:block }
.breakline-mob { display:none }
.light-color { color:#FFF }
.pointer { cursor:pointer !important }
.capitalize { text-transform:capitalize !important }
.maiusculo { text-transform:uppercase !important }
.minusculo { text-transform:lowercase !important }
.fundo_azul { background:url(../img/fundo_1920x1080.jpg) no-repeat 0 0; background-size:cover }
.fundo_branco { background:#F0F0F0 }
#menuNovo { display:none }


.requerido { }
.caracter_epecial { }
.numeros { }
.btnCarregando, .txtCarregando, .ddlCarregando { }


/* FORM ELEMENTS */
p.label, label { color:#000; font-size:13px; line-height:18px; height:18px; margin-bottom:5px; display:block; margin-top:15px }

.fake_iptupload, input[type="text"], input[type="tel"], input[type="datetime-local"], 
input[type="password"], textarea { font-size:13px; vertical-align:middle; outline:none; background-color:#d9d9d9; border:1px solid #d9d9d9; padding:0 6px; line-height:30px; color:#333 }
textarea { line-height:18px; padding:10px }
input[type="datetime-local" i] { cursor:text; line-height:28px }


span.a { color:#000; font-size:12px; font-weight:600; line-height:18px; height:18px }

input[type="button"], input[type="submit"] { outline:none; border:none; background-color:#00327A; color:#FFF; cursor:pointer; height:32px; vertical-align:middle; font:normal 14px/32px 'Open Sans SemiBold'; text-align:center; padding:0 25px }
input[type="button"].btn-select { padding:0 15px }

@-moz-document url-prefix() { .file_upload span, input[type="button"], input[type="submit"] { padding:3px 23px } }
.file_upload span:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color:#4399c6 }

span.ex { font-size:11px; font-style:italic; color:#666; margin-top:5px }
input[type="button"].adiciona_lb, input[type="button"].remove_lb { font-size:26px }

.checkbox { margin:5px 0 }
.checkbox input[type="checkbox"], .checkbox input[type="radio"] { display:none }
.checkbox input[type="checkbox"] + label, .checkbox input[type="radio"] + label { font-weight:500; background:url("../img/checkbox.svg") no-repeat 0 0; cursor:pointer; line-height:18px; margin:0 20px 0 0; padding-left:22px; display:inline-block }
.checkbox_vazio input[type="checkbox"] + label { text-indent:-9999px; margin:0 }
.checkbox input[type="checkbox"]:checked + label, .checkbox input[type="radio"]:checked + label { background:url("../img/checkbox.svg") no-repeat 0 -18px }
.checkbox br { display:none }
.checkbox .nocursor input[type="checkbox"] + label { cursor:default }

.select { position:relative; display:block; border:1px solid #d9d9d9; height:30px; vertical-align:middle }
.select select { cursor:pointer; width:100%; background:none; border:1px solid transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none; 
                 box-sizing:border-box; appearance:none; -webkit-appearance:none; color:#333; padding:0 6px; background-color:#d9d9d9; height:30px; line-height:30px; font-size:13px }
.select::after { content:""; position:absolute; width:12px; height:7px; top:10px; right:5px; margin-top:0; background:url("../img/arrow-select.svg") no-repeat; background-size:9px; z-index:2; pointer-events:none }
.select option { font-weight:normal }

a { color:#428BCA; cursor:pointer; text-decoration:none; font-size:12px }
a:hover { text-decoration:none }

textarea[disabled="disabled"], textarea[disabled="disabled"]:hover, 
input[disabled="disabled"], input[disabled="disabled"]:hover { border:1px solid #d9d9d9; background-color:transparent; cursor:default }

input[type="text"].aspNetDisabled, input[type="tel"].aspNetDisabled, .select select.aspNetDisabled, textarea.aspNetDisabled, select[disabled] > option, .select[disabled] > option
input[readonly="readonly"], textarea[readonly="readonly"] { background-color:transparent; color:#888 !important; cursor:default }
a.aspNetDisabled, a.aspNetDisabled:hover { color:#888; cursor:default }
input[type="button"]:disabled, input[type="button"]:disabled:hover { background-color:#999 !important }
select:disabled { opacity:1 }
.select select[disabled="disabled"] { color:#888 !important }
.select select[disabled="disabled"]:hover { cursor:default }

.listbox { padding:0; position:relative; overflow:auto; height:125px; width:447px; font-size:12px; background-color:#d9d9d9; border:1px solid #d9d9d9; margin-top:5px }
.listbox div { position:relative; display:block }
.listbox div label { margin:0; height:auto; padding:0 5px; line-height:26px }
.listbox div label:after, .listbox div label:before { content:"" }
.listbox div input[type="radio"] { display:none; position:absolute; width:100% }
.listbox div input[type="radio"]:checked + label { background:#1A478C; color:#FFF }
.listbox_disabled { font-size:12px; background-color:transparent; border:1px solid #d9d9d9; margin-top:5px; color:#888 !important }

.left { float:left }
.right { float:right }
.right input[type="button"] { margin-top:38px }
.mb0 { margin-bottom:0 !important }
.mb10 { margin-bottom:10px !important }
.mb20 { margin-bottom:20px !important }
.ml5 { margin-left:5px !important }
.ml10 { margin-left:10px !important }
.ml20 { margin-left:20px !important }
.mr0 { margin-right:0 !important }
.mr5 { margin-right:5px !important }
.mt0 { margin-top:0 !important }
.mt8 { margin-top:8px !important }
.mt10 { margin-top:10px !important }
.mt18 { margin-top:18px !important }
.mt20 { margin-top:20px !important }
.mt38 { margin-top:38px !important }
.mt45 { margin-top:45px !important }
.mt60 { margin-top:60px !important }
.mr10 { margin-right:10px !important }
.mr20 { margin-right:20px !important }
.mt100 { margin-top:100px !important }
.pt60 { padding-top:60px !important }
.esquerda { text-align:left !important }
.direita { text-align:right !important }
.vatop { vertical-align:top !important }
.block { display:block !important }
.btnlb { margin-right:10px !important; margin-left:10px !important; width:40px; padding-left:10px !important; padding-right:10px !important }
.btntxt { width:40px; padding-left:10px !important; padding-right:10px !important; margin-left:5px !important }
.vermelho { background:#C9302C !important; color:#FFF !important }
.vermelho:hover { background:#ff726f !important }
strong.vencida { font-weight:normal !important; color:#f00 !important }
img.crop { object-fit:cover; object-position:0 0 }
img.recusado_img { filter:invert(26%) sepia(61%) saturate(3075%) hue-rotate(346deg) brightness(83%) contrast(87%) }
img.verificado_img { filter:invert(26%) sepia(81%) saturate(3359%) hue-rotate(105deg) brightness(92%) contrast(93%) }
img.nao-verificado_img { background-size:contain }

.conteudo div[id*="pnlLogin"] fieldset p.obs { position:absolute; font-size:10px; font-style:italic; margin-top:0 }

#menuNovo { position:absolute; right:15px; top:67px; z-index:998 }
#menuNovo input[type="button"] { display:block; margin:0; width:150px; font-size:11px; text-align:right; background:#4399c6; padding:3px 10px }
#menuNovo input[type="button"]:hover { background:#69a8c8 }

.estrangeiro { position:absolute; margin:-7px 0 0 430px }
.estrangeiro .checkbox input[type="checkbox"]+label { width:auto; margin:0 }



/* Input File */
.js .custom-inputfile { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1 }
.custom-inputfile + label { width:calc(100% - 20px); text-overflow:ellipsis; white-space:nowrap; margin:0 ; cursor:pointer; height:32px; display:inline-block; overflow:hidden; padding:0 10px; line-height:32px; color:#FFF; background-color:#375B7D }
.no-js .custom-inputfile + label { display:none }
.custom-inputfile:focus + label, .custom-inputfile.has-focus + label { background-color:#375B7D }
.custom-inputfile + label:hover { background-color:#4399c6 }
.custom-inputfile + label * { /* pointer-events:none; */}
.custom-inputfile + label span { font:nnormal 12px 'Open Sans SemiBold' }
.custom-inputfile + label svg { width:1.5em; height:1.5em; vertical-align:middle; fill:currentColor; margin-top:-4px; margin-right:5px }


/* Auto Complete */
ul.ui-menu { background:#FFF; max-height:100px; width:147px; overflow:auto; border:1px solid #CCC }
ul.ui-menu li { padding:6px; display:block; color:#000; font-size:12px; line-height:20px }
ul.ui-menu li:hover { cursor:pointer; color:#FFF }
ul.ui-menu li:hover, ul.ui-menu li:hover a { background:#4399c6; color:#FFF }
.ui-helper-hidden-accessible { display:none }


/* TABLE */
table { border-spacing:0px; background:#FFF; margin:20px 0; width:100% }
table thead th, table thead td, table tbody th { border-collapse:collapse; border-top:1px solid #666; border-left:1px solid #666; background:#1A478C; font-size:13px; font-family:'Open Sans SemiBold'; 
                                 padding:10px; color:#FFF; display:table-cell; text-align:center; vertical-align:middle; line-height:18px }
table tbody td { border-collapse:collapse; border-bottom:1px solid #DDD; border-left:1px solid #DDD; font-size:13px; padding:10px; 
                                 display:table-cell; color:#333; min-height:16px; text-align:center; vertical-align:middle; line-height:18px }
table tbody th:last-child, table tbody td:last-child { border-right:1px solid #DDD }
table tr:nth-child(odd) { background:#F9F9F9 }
table tr:nth-child(even) { background:#FFF }
table tbody tr:hover { background:#d1eefe }
table.ultima-linha tbody tr:last-child td { font-weight:bold; text-transform:uppercase; background:#F1EFBC }
table .l5p { width:5% !important; min-width:5% }
table .l10p { width:10% !important; min-width:10% }
table .l15p { width:15% !important; min-width:15% }
table .l20p { width:20% !important; min-width:20% }
table .l25p { width:25% !important; min-width:25% }
table .l30p { width:30% !important; min-width:30% }
table .l33p { width:33% !important; min-width:33% }
table .l34p { width:34% !important; min-width:34% }
table .l50p { width:50% !important; min-width:50% }
table .l20 { width:20px !important; min-width:20px }
table .l40 { width:40px !important; min-width:40px }
table .l45 { width:45px !important; min-width:45px }
table .l55 { width:55px !important; min-width:55px }
table .l60 { width:60px !important; min-width:60px }
table .l65 { width:65px !important; min-width:65px }
table .l70 { width:70px !important; min-width:70px }
table .l75 { width:75px !important; min-width:75px }
table .l80 { width:80px !important; min-width:80px }
table .l90 { width:90px !important; min-width:90px }
table .l105 { width:105px !important; min-width:105px }
table .l110 { width:110px !important; min-width:110px }
table .l120 { width:120px !important; min-width:120px }
table .l140 { width:140px !important; min-width:140px }
table .l160 { width:160px !important; min-width:160px }
table .l200 { width:200px !important; min-width:200px }
table .l220 { width:220px !important; min-width:220px }
table .l250 { width:250px !important; min-width:250px }
table .l310 { width:310px !important; min-width:310px }
table .l325 { width:325px !important; min-width:325px }
table tbody .font_red { text-transform:uppercase; color:#C9302C }
table tbody .font_green { text-transform:uppercase; color:#449D44 }
table tbody a.font_green { color:#428BCA }
table tbody a.font_green:hover { color:#95BDE1 }
table tbody .back_green { background:#449D44; color:#FFF }
table tbody .back_red { background:#C9302C; color:#FFF }
table tbody .back_yellow { background:#EC971F; color:#FFF }
table tbody .back_gray { background:#999; color:#FFF }
table tr td input[type="text"].verde { background:#27A139 !important; color:#FFF !important }
table tr td input[type="button"], table tr td input[type="submit"] { display:inline-block; margin:3px 0; width:20px; height:20px }
table tr td input[type="button"]:hover, table tr td input[type="submit"]:hover { background-color:transparent !important }
table tbody tr td .select { height:22px; display:inline-block }
table tbody tr td .select select { padding:2px 4px; height:22px; line-height:14px; font-size:11px }
table tbody tr td .select::after { top:14px; right:5px }
table tbody tr td input.ok_select { display:inline-block; vertical-align:middle; padding:4px 5px; width:auto; height:auto; margin:0; font-size:10px; }
table tbody tr td input.ok_select:hover { background-color:#4399c6 }
table tr td img, table tr td a { display:inline-block; margin:0; width:20px; height:20px }

table tbody td.img0 { font-size:1px }
table tbody td.img0 input, table tbody td.img0 a { padding-left:0; padding-right:0; background-color:transparent; background-size:contain; background-repeat:no-repeat; filter:invert(37%) sepia(13%) saturate(3109%) hue-rotate(157deg) brightness(95%) contrast(97%) }
table .marcar_revista { background-image:url("../img/revista.svg") }
table .desmarcar_revista { background-image:url("../img/desmarcar-revista.svg") }
table .alterar_vencimento { background:url("../img/alterar-vencimento.svg") no-repeat }
table .alterar_email { background:url("../img/alterar-email.svg") no-repeat }
table .ativar_registro { background:url("../img/aprovacoes.svg") no-repeat }
table .bloquear_registro { background:url("../img/bloquear.svg") no-repeat }
table .detalhe_registro { background:url("../img/detalhe.svg") no-repeat }
table .desbloquear_registro { background:url("../img/desbloquear.svg") no-repeat }
table .desativar_registro { background:url("../img/bloqueios.svg") no-repeat }
table .reativar { background:url("../img/reativar.svg") no-repeat }
table .link { background:url("../img/link.svg") no-repeat }
table .reprocessar { background:url("../img/reprocessar.svg") no-repeat }
table .editar_registro { background:url("../img/editar.svg") no-repeat }
table .email_registro { background:url("../img/email.svg") no-repeat }
table .excluir_registro { background:url("../img/excluir.svg") no-repeat }
table .gerar_qrcode { background:url("../img/qrcode.svg") no-repeat }
table .historico_registro { background:url("../img/historico.svg") no-repeat }
table .nao-verificado { background:url("../img/nao-verificado.svg") no-repeat 0 0 }
table .renovar_cadastro { background:url("../img/renovar-cadastro.svg") no-repeat }
table .renovar_cadastro_veiculo { background:url("../img/renovar-cadastro-veiculo.svg") no-repeat }
table .recusado { background:url("../img/recusado.svg") no-repeat 0 0; filter:invert(26%) sepia(61%) saturate(3075%) hue-rotate(346deg) brightness(83%) contrast(87%) !important }
table .resetar_senha, table .permissoes { background:url("../img/alterar-senha.svg") no-repeat }
table .sair_registro { background:url("../img/sair.svg") no-repeat }
table .verificado { background:url("../img/verificado.svg") no-repeat; filter:invert(26%) sepia(81%) saturate(3359%) hue-rotate(105deg) brightness(92%) contrast(93%) !important }
table .visualizar_registro { background:url("../img/visualizar.svg") no-repeat }
table .tolerancia { background:url("../img/tolerancia.svg") no-repeat }
table tr td a.aspNetDisabled, table tr td input.aspNetDisabled, table tr td input[type="button"].aspNetDisabled { border:none; filter:grayscale(100%); background-color:unset !important; opacity:0.2 }
table tr td input.aspNetDisabled:hover, table tr td input[type="button"].aspNetDisabled:hover { border:none; background-color:unset !important; }
h3 .editar_registro { background:url("../img/editar.svg") no-repeat 0 0; background-size:14px; display:block; filter:invert(100%); float:right; width:16px; height:16px; margin:-3px 2px 0 0; padding:0 }
h3 .visualizar_registro { background:url("../img/visualizar.svg") no-repeat 0 0; background-size:14px; display:block; filter:invert(100%); float:right; width:16px; height:16px; margin:-3px 2px 0 0; padding:0 }

.dtpager { text-align:center }
.dtpager span a, .dtpager span span { border:1px solid #CCC; display:inline-block; border-collapse:collapse; min-width:12px; padding:5px 10px; line-height:20px; margin-left:-1px }
.dtpager span a:hover { background:#CCC; color:#333 }
.dtpager span span { background:#428BCA; color:#FFF; cursor:default; font-size:12px }

.dtpager2 td table tr:nth-child(odd), .dtpager2 td table tr:nth-child(even)  { background:#FFF }
tr.dtpager2:hover, .dtpager2 td table tbody tr:hover { background:#FFF }
.dtpager2 td table { width:auto; margin:20px auto }
.dtpager2 td table td { border-top:1px solid #DDD; padding:0 }
.dtpager2 a, .dtpager2 span { width:34px; display:block; line-height:32px; height:auto; text-align:center }
.dtpager2 a:hover { background:#CCC; color:#333 }
.dtpager2 span { background:#428BCA; color:#FFF; cursor:default }

tr.sem-resultados { background:#F0F0F0 !important }
tr.sem-resultados td { font-size:16px; color:#1A478C; font-weight:600; text-align:center; border:none !important }
.sem-resultados p { font-size:16px; color:#1A478C; font-weight:600; text-align:center; margin-top:80px }
div[id*="pnlDireita"] .sem-resultados p { font-size:11px; margin:10px 0 }

.btnReprocessar { float:right; margin-bottom:20px }

p.total_registros { display:block; text-align:right; position:absolute; width:calc(100% - 238px); margin:20px 0 0 0; font-size:13px }
p.total_registros2 { display:block; text-align:right; margin:20px 0 0 0; font-size:13px }
p.tempo_medio { display:block; text-align:left; margin:20px 0 0 0; font-size:12px }
table .desativado { filter:invert(75%) sepia(36%) saturate(20%) hue-rotate(60deg) brightness(102%) contrast(95%) !important }
table .desativado:hover { filter:invert(100%) sepia(74%) saturate(91%) hue-rotate(159deg) brightness(112%) contrast(76%) !important }

.gvLiberacoesDocas .lblObs  { display:block; min-height:26px }

table tr td .statuscor100 { border:1px solid #f1f3f5; background:#f1f3f5; border-radius:5px }
table tr td .statuscor100::before { content:""; background:#6c757d; width:8px; height:8px; vertical-align:top; margin:9px 7px 0 0; border-radius:50%; display:inline-block }
table tr td .statuscor100 span { font:normal 13px/26px 'Open Sans Medium'; color:#495057 }

table tr td .statuscor200 { border:1px solid #e7f1ff; background:#e7f1ff; border-radius:5px }
table tr td .statuscor200::before { content:""; background:#1976d2; width:8px; height:8px; vertical-align:top; margin:9px 7px 0 0; border-radius:50%; display:inline-block }
table tr td .statuscor200 span { font:normal 13px/26px 'Open Sans Medium'; color:#0d47a1 }

table tr td .statuscor300 { border:1px solid #fde2e2; background:#fde2e2; border-radius:5px }
table tr td .statuscor300::before { content:""; background:#8a1f1f; width:8px; height:8px; vertical-align:top; margin:9px 7px 0 0; border-radius:50%; display:inline-block }
table tr td .statuscor300 span { font:normal 13px/26px 'Open Sans Medium'; color:#822B2A }

table tr td .statuscor400 { border:1px solid #e1f3e8; background:#e1f3e8; border-radius:5px }
table tr td .statuscor400::before { content:""; background:#27ae60; width:8px; height:8px; vertical-align:top; margin:9px 7px 0 0; border-radius:50%; display:inline-block }
table tr td .statuscor400 span { font:normal 13px/26px 'Open Sans Medium'; color:#1f7a3f }


/* Topo */
.topo { background:#f8f8f8; position:absolute; height:40px; border-bottom:1px solid #E8E8E8; top:0; width:100% }
.topo .logos { position:absolute; width:139px; text-align:center; top:40px; left:28px }
.topo .logos img { margin-top:20px; max-height:86px }
.topo h1 { font-size:12px; text-transform:uppercase; text-align:center; font-weight:600; margin:0 0 0 10px; line-height:41px; color:#428BCA }
.topo .links-topo { color:#666; font-size:12px; position:absolute; right:0; top:0 }
.topo .links-topo ul { margin-right:20px }
.topo .links-topo li { display:block; line-height:40px; font-size:13px; text-transform:uppercase; font-family:'Open Sans Condensed'; padding:0 10px; float:left; min-width:52px; text-align:center; height:40px; border-left:1px solid #E8E8E8 }
.topo .links-topo li:last-child { border-right:1px solid #E8E8E8; padding:0 }
.topo .links-topo a { font-size:12px; line-height:40px; height:40px; display:block }
.topo .links-topo img { vertical-align:middle; max-height:20px }
.topo .links-topo a:hover { background:#E0E0E0 }
.topo .links-topo #liUsuarioTipo { width:53px; position:relative; padding:0 }
.topo .links-topo #liUsuarioTipo #imgLogoEmpresa { max-width:40px }
.topo .links-topo #liUsuarioTipo div { cursor:pointer; width:53px; position:absolute; background:#f8f8f8; z-index:999; margin-left:-1px; border:1px solid #E8E8E8; border-top:none }
.topo .links-topo #liUsuarioTipo div a { line-height:normal; height:38px; line-height:38px; text-align:center }
.topo .links-topo #liUsuarioTipo div a img { padding:10px 7px; max-height:20px; max-width:40px }
.topo .links-topo #liAlterarSenha, .topo .links-topo #liManual { padding:0 }

.denuncias_nao_lidas { height:105px; background:#FDF3D7; margin:42px 0 -60px 201px }
.denuncias_nao_lidas img { height:50px; display:inline-block; vertical-align:top; margin:25px 20px 0 30px }
.denuncias_nao_lidas div { display:inline-block; vertical-align:top }
.denuncias_nao_lidas h5 { font:normal 18px/22px 'Open Sans Bold'; color:#000; margin:25px 0 5px 0 }
.denuncias_nao_lidas p { font:normal 15px/22px 'Open Sans Medium'; color:#000; margin:0 }
.denuncias_nao_lidas p strong { font-family:'Open Sans Bold' }
.denuncias_nao_lidas a { display:block; float:right; height:40px; border-radius:5px; background:#E19D20; border:1px solid #E19D20; color:#FFF; padding:0 20px; font:normal 14px/40px 'Open Sans SemiBold'; text-align:right; margin:35px 20px 0 0 }
.denuncias_nao_lidas a:hover { opacity:0.8 }



/* Menu */
.menu { background:#f8f8f8; position:absolute; width:200px; padding-top:180px; min-height:calc(100% - 180px); height:calc(100% - 180px) }
.menu ul li { margin:0; border-left:1px solid #FFF; background:#f8f8f8 }
.menu ul li img { vertical-align:middle; max-width:24px; max-height:24px; display:inline-block; margin-top:-3px; margin-right:9px }
.menu ul li a { display:block; color:#333; font-size:14px; padding:0 10px; text-transform:uppercase; line-height:52px }
.menu ul li a:hover { background:#E0E0E0; color:#666 }
.menu ul li:first-child { margin:0 }
.menu ul li h2 { font:bold 13px Montserrat, sans-serif; margin:20px 0 0 0; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; padding:10px 12px }
.menu input, .menu span, .menu h3, .menu h4, .menu p { display:none }
.menu ul li:last-child { padding-bottom:20px }


/* Login */
.conteudo .box { border:1px solid #FDFDFD; border-radius:10px; position:relative; padding:20px 25px; width:340px; margin:9% auto 0 auto; background:#FDFDFD; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24) }
.conteudo .box2 { border:1px solid #DDD; position:relative; box-shadow:rgba(0, 0, 0, 0.0470588) 0px 1px 1px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 1px 1px 0px; padding:15px; width:802px; margin:20px auto; background:#FFF }
.conteudo div[id*="pnlLogin"] h1 { position:relative; font-size:20px; text-align:left; top:auto; height:auto; width:auto; padding:10px 0; line-height:24px; font-family:'Open Sans SemiBold'; color:#000 }
.conteudo div.h1 { position:relative; background:#F5F5F5; top:auto; height:20px; width:auto; padding:6px 0 22px 2px; border:1px solid #E8E8EB }
.conteudo .box input[type="button"], .conteudo .box input[type="submit"] { margin-top:20px }
.conteudo .box h2, .conteudo .box2 h2 { text-align:center; position:relative; font-family:'Open Sans SemiBold'; top:-91px; left:-26px; width:502px; color:#FFF; text-transform:uppercase; padding:10px 0; font-size:13px; background:#428BCA }
.conteudo .box2 h2 { left:-16px; width:834px }
.conteudo .box .logos { position:absolute; width:139px; text-align:center; top:20px; right:20px }
.conteudo .box .logos img { margin-top:66px; max-height:110px; max-width:115px }
.conteudo .box2 .logos { position:absolute; width:139px; text-align:center; top:10px; right:20px }
.conteudo .box2 .logos img { max-height:80px; margin-top:10px }

.conteudo div[id*="pnlLogin"] input[type="text"], 
.conteudo div[id*="pnlLogin"] input[type="tel"], 
.conteudo div[id*="pnlLogin"] input[type="password"] { background:#FEFEFE; display:block; width:calc(100% - 122px); color:#999; border:1px solid #DDD; border-radius:5px; margin-top:20px; height:53px; font-size:14px; padding:0 60px; line-height:53px }
.conteudo div[id*="pnlLogin"] input[type="button"], .conteudo .denuncia, .conteudo div[id*="pnlLogin"] input[type="submit"],
.conteudo div[id*="pnlSenhaForm"] input[type="submit"] { color:#FFF; display:block; width:calc(100% - 2px); border-radius:5px; text-align:center; margin-top:30px; border:1px solid #18397C; height:55px; font-size:16px; padding:0; line-height:55px }
.conteudo div[id*="pnlLogin"] input[type="button"].acesso_publico { background:#FEFEFE url(../img/icologin_link.svg) no-repeat 299px 16px; background-size:18px; color:#18397C; border:1px solid #18397C; margin-top:40px }
.conteudo div[id*="pnlLogin"] input[type="button"]:hover, .conteudo .denuncia:hover { opacity:50% }
.conteudo div[id*="pnlLogin"] .links { text-align:right; margin-top:10px }
.conteudo div[id*="pnlLogin"] .links a { font-size:13px; color:#18397C }
.conteudo div[id*="pnlLogin"] .usuario, .conteudo div[id*="pnlLogin"] .senha { position:relative }
.conteudo div[id*="pnlLogin"] .usuario img, .conteudo div[id*="pnlLogin"] .senha img { height:20px; position:absolute; top:18px; left:19px }
.conteudo div[id*="pnlLogin"] .senha a { position:absolute; top:4px; left:286px }
.conteudo div[id*="pnlLogin"] .senha a img { height:14px }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-box-shadow:0 0 0 30px #FEFEFE inset !important; -webkit-text-fill-color: #999 !important; font-family:"Open Sans Medium", sans-serif !important; font-size:14px !important; transition:background-color 9999s ease-in-out 0s; caret-color:#999 }
input:-webkit-autofill { font:"Open Sans Medium", sans-serif !important; color:#999 !important; -webkit-text-fill-color:#999 !important }
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear { display:none }
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-caps-lock-indicator { visibility:hidden; display:none !important; pointer-events:none }


.conteudo div[id*="pnlLogin"] div.ou { display:block; text-align:center; position:relative; height:20px }
.conteudo div[id*="pnlLogin"] div.ou span { height:20px; width:100%; border-bottom:2px solid #DDD; position:absolute; top:10px; left:0 }
.conteudo div[id*="pnlLogin"] div.ou p { font-size:16px; color:#999; display:inline-block; width:70px; text-align:center; position:absolute; background:#FDFDFD; top:23px; left:calc(50% - 35px) }
.conteudo .denuncia { background:#BE3C2E url(../img/icologin_denuncia.svg) no-repeat 39px 16px; background-size:18px; text-align:left; padding-left:77px; width:313px; border:1px solid #BE3C2E; font-size:14px; border-radius:10px; margin:20px auto }

.conteudo .box2 h4 { color:#FFF; background:#666; font-size:11px; padding:7px 5px; border:1px solid #EEE }
.conteudo .box2 .tipo div { display:inline-block; vertical-align:bottom }
.conteudo div[id*="pnlSenhaForm"] p, .conteudo div[id*="pnlNovaSenha"] p { margin:20px 0 30px 0; color:#666; font:normal 14px "Open Sans Medium", sans-serif }
.conteudo div[id*="pnlSenhaForm"] .voltar { margin-top:20px }
.conteudo div[id*="pnlNovaSenha"] h4 { font-size:14px; font-weight:600; color:#666 }
.conteudo .box .rodape { position:absolute; font:normal 18px/42px 'Open Sans Bold';  bottom:-50px; width:500px; text-align:center; height:42px; color:#FFF; background:#C9302C; left:0; padding:0 }
.conteudo .box .rodape a { font:normal 18px/42px 'Open Sans Bold'; color:#FFF }

.alterar-senha p { color:#666; margin-bottom:10px; font:normal 14px "Open Sans Medium", sans-serif }
.alterar-senha span { display:block; color:#666; font:normal 14px/22px "Open Sans Medium", sans-serif; vertical-align:top; transition:0.4s }
.alterar-senha span.ok { color:#009a2d }



/* Conteudo Master e Filtro */
.conteudo_master { padding:80px 30px 20px 225px }
.conteudo_master h2 { font-size:24px; font-family:'Open Sans SemiBold'; margin-bottom:30px }
.conteudo_master h5 { font-size:12px; font-weight:500; padding-bottom:20px; margin-top:-15px }
.conteudo_master .filtro { padding:0 15px 15px 15px; margin-top:40px; position:relative; border:1px solid #CCC }
.conteudo_master input.excel { float:right; background:#375B7D url(../img/excel.svg) no-repeat center right 10px; background-size:16px; padding:0 20px; margin-left:10px }
.conteudo_master input.adicionar { float:right; background:#375B7D url(../img/adicionar.svg) no-repeat center right 10px; background-size:16px; padding:0 35px 0 15px; margin-left:10px }
.conteudo_master input.buscar { background:#375B7D url(../img/buscar.svg) no-repeat center center; background-size:16px; padding:0 20px; font-size:1px; color:#FFF; display:inline-block }
.conteudo_master input[type="button"]:hover, .conteudo_master input[type="submit"]:hover { background-color:#4399c6 }

.conteudo_master .box-principal { position:relative; padding:10px; border:1px solid #CCC; margin-right:20px }
.conteudo_master .box-principal h3 { background:#758ca1; border:none; color:#FFF; font-family:'Open Sans SemiBold'; font-size:13px; padding:10px }
.conteudo_master div[id*="pnlDireita"] .box-principal { margin-bottom:20px; width:290px }

.conteudo_master #CPH_Content_pnlConsulta table.tabela-principal { margin:5px 0 0 0 }
.conteudo_master .box-principal table.tabela-principal { margin:0 }
.conteudo_master .box-principal table.tabela-principal input[type="button"] { margin:0; padding:0 }
.conteudo_master .box-principal table.tabela-principal th, 
.conteudo_master .box-principal table.tabela-principal td { font-size:11px; padding:5px; line-height:14px }
.conteudo_master .box-principal table.tabela-principal td input:hover { background-color:transparent }

.conteudo_master .box-principal table.tabela-principal-aprovar-transportadora tr:nth-child(odd) { background:#F9F9F9 }
.conteudo_master .box-principal table.tabela-principal-aprovar-transportadora tr:nth-child(even) { background:#FFF }
.conteudo_master .box-principal table.tabela-principal-aprovar-transportadora a { margin:0 5px }
.conteudo_master .box-principal table.tabela-principal-aprovar-transportadora { margin:0 }
.conteudo_master .box-principal table.tabela-principal-aprovar-transportadora input { margin:0; padding:2px 5px }
.conteudo_master .box-principal table.tabela-principal-aprovar-transportadora input.alterar_cadastro { height:28px; padding:3px 15px; width:auto; font-size:10px }
.conteudo_master .box-principal table.tabela-principal-aprovar-transportadora input.alterar_cadastro:hover { background-color:#4399c6 !important; opacity:1 }
.conteudo_master .box-principal table.tabela-principal-aprovar-transportadora th, .conteudo_master .box-principal tabela-principal-aprovar-transportadora td { font-size:0.6em; padding:7px 5px }

.conteudo_master .box-principal .filtro_tabela { position:absolute; width:calc(100% - 20px); top:18px }
.conteudo_master .box-principal .filtro_tabela input[type="button"] { background:url(../img/adicionar.svg) no-repeat; background-size:cover; float:right; width:16px; height:16px; margin-right:10px; padding:0 }

/* Mascaras */
.f_data, .f_datahora, .f_cpf, .f_cep, .f_ddd, .f_tel, .f_cnh, .f_cnpj, .f_placa, .f_ano { }


/* Conteudo */ 
.conteudo .anexo input, .conteudo .anexo label,
.conteudo .uploads fieldset input, .conteudo .uploads fieldset label { vertical-align:middle; margin:0 }
.conteudo .anexo input[type="button"], .conteudo .uploads fieldset input[type="button"]  { font-size:10px; height:28px; line-height:21px }
.conteudo .anexo fieldset, .conteudo .uploads fieldset { float:left }
.conteudo .anexo fieldset div { width:311px }
.conteudo .uploads fieldset div.checkbox { background:none; border:none; position:absolute }
.conteudo .uploads div.clear { display:block }

.conteudo .edicao_dados { white-space:nowrap; width:648px }
.conteudo .edicao_dados p { font-size:12px; margin:10px 5px 30px 5px; line-height:18px }
.conteudo .edicao_dados h4 { color:#FFF; background:#666; font-size:11px; padding:7px 5px; border:1px solid #EEE; margin:20px 0 0 0 }
.conteudo .edicao_dados div { display:inline-block }
.conteudo .edicao_dados div.titulo { display:block }
.conteudo .edicao_dados div.foto { float:left; border:1px solid #d9d9d9; overflow:hidden; width:100px; height:122px; margin-top:20px; margin-right:20px; text-align:center; position:relative }
.conteudo .edicao_dados div.logo { float:left; border:1px solid #d9d9d9; overflow:hidden; width:159px; height:122px; margin-top:20px; margin-right:20px; text-align:center; position:relative }
.conteudo .edicao_dados div.foto img { max-width:100px }
.conteudo .edicao_dados div.logo img { max-width:139px; max-height:92px; position:relative; top:50%; transform:translateY(-50%) }
.conteudo .edicao_dados div.logo a { position:absolute; top:106px; opacity:0.7; font-size:10px; font-weight:600; padding:4px 0 2px 0; left:0; background:#FFF; display:block; width:159px }
.conteudo .edicao_dados div.dados_foto { float:left; width:500px }
.conteudo .edicao_dados div.dados_logo { float:left; width:441px }
.conteudo .edicao_dados .voltar { display:block; float:right; outline:none; border:none; background:#C9302C; color:#FFF; cursor:pointer; height:26px; vertical-align:middle; line-height:26px; font-size:12px; text-align:center; padding:3px 25px; margin-top:20px }
.conteudo .edicao_dados input[type="button"], .conteudo .edicao_dados input[type="submit"]  { margin-top:20px; margin-right:20px }
.conteudo .edicao_dados fieldset { display:inline-block; float:none }
.conteudo .edicao_dados fieldset p { margin:15px 0 5px 0 }

.form-lado { clear:both }
.form-lado label, .form-lado input[type="text"] { float:left; vertical-align:top; margin:10px 0 0 0 }
.form-lado label { margin-right:20px; margin-top:18px }

div[id*="pnlDireita"] { float:left; margin-right:0 }
div[id*="pnlDireita"] .dtpager { margin-top:10px }
div[id*="pnlDireita"] .dtpager span a, 
div[id*="pnlDireita"] .dtpager span span { padding:1px 5px; font-size:9px }
div[id*="pnlDireita"] table.tabela-principal tr.dtpager2 td table { margin:10px auto }
div[id*="pnlDireita"] table.tabela-principal tr.dtpager2 a, 
div[id*="pnlDireita"] table.tabela-principal tr.dtpager2 span { padding:0; font-size:9px; width:24px; height:24px; line-height:24px }
div[id*="pnlDireita"] table.tabela-principal tr.dtpager2 td table tbody tr td { padding:0 }

div[id*="pnlDireita"] .box-principal { margin-right:0 }
.status { margin:12px 0 0 0; font-size:11px }
.status h5 { font-weight:600; text-transform:uppercase; margin-right:5px; display:inline }

.mapa-monitoramento { width:100%; height:800px; margin-top:20px }
.cor-mapa { width:20px; margin:0 auto; height:20px; border:1px solid #ccc; border-radius:50% }
.leaflet-popup-content { font:normal 12px/18px 'Open Sans' !important }
.leaflet-popup-content b { font:normal 12px/18px 'Open Sans Bold' !important }


/* POPUP */
.fundo_popup { background:#FFF }
.popup_janela { padding:20px }
.popup_janela h2 { color:#000; font-weight:600; text-transform:uppercase; font-size:16px; padding:10px 0 }
.popup_janela p { margin:5px 0; line-height:18px }
.popup_janela p span { float:left }
.popup_janela p span:last-child { float:right }
.popup_janela table { margin-top:0 }
.popup_janela table th, .popup_janela table td { font-size:11px; padding:5px 7px }
.popup_janela .botao-popup { margin-top:20px }
.popup_janela .sem-resultados p { margin-top:80px }
.fundo_popup div#pnlHistoricoDetalhe table td, .fundo_popup div#pnlHistoricoDetalhe table th { font-size:10px; padding:10px; text-align:left }
.fundo_popup div#pnlHistoricoDetalhe table th { width:33% }
.fundo_popup div#pnlHistoricoDetalhe table th:first-child { width:34% }
.fundo_popup div#pnlHistoricoDetalhe table th:last-child { width:33% }
.fundo_popup div#pnlHistoricoDetalhe p { margin-top:20px }
.fundo_popup div#pnlHistoricoDetalhe p span { display:inline-block; float:none; width:calc(50% - 2px) }
.popup_janela fieldset { display:inline-block; float:none }
.popup_janela fieldset div { background:#d9d9d9; border:1px solid #d9d9d9; padding:3px }

.menu_popup { font-size:1px; position:absolute; bottom:20px; left:20px; width:calc(100% - 40px) }
.menu_popup input { display:inline-block; margin:0; border-left:1px solid #F0F0F0; width:33%; padding:0; vertical-align:middle; background:#999; height:26px; line-height:26px; color:#FFF; text-align:center; font-size:11px; text-transform:uppercase }
.menu_popup input:first-child { border-left:none }
.menu_popup input:nth-child(2) { width:34% }
.menu_popup input:hover { background:#CCC }
.menu_popup input.ativo, .menu_popup input.ativo:hover { background:#666 }

.popup_janela div[id*="pnlFotosVeiculo"] div div { background:#D9D9D9; width:360px; margin-left:-5px; padding:15px; margin-bottom:20px }
.popup_janela div[id*="pnlFotosVeiculo"] div div p { color:#000 }


html body ul#ui-id-1 { position:absolute !important; z-index:4 !important }


/* LOADING */
.loading { position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; background:url(../img/fancybox_overlay.png) }
.cssload-wrap { position:fixed; border:1px solid #CCC; width:270px; height:130px; background-color:#FFF; top:50%; left:50%; opacity:0.9; margin:-65px 0 0 -135px; z-index:999; text-align:center }
.cssload-wrap p { display:block; text-align:center; font-size:14px; color:#000; font-weight:600; padding:30px 0 40px 0 }
.cssload-loader { width:195px; position:absolute; left:50%; margin:1em; transform:translate(-50%, -50%) rotate(180deg); -o-transform:translate(-50%, -50%) rotate(180deg); -ms-transform:translate(-50%, -50%) rotate(180deg); -webkit-transform:translate(-50%, -50%) rotate(180deg); -moz-transform:translate(-50%, -50%) rotate(180deg); }
.cssload-loader .cssload-dot { width:15px; height:15px; border-radius:50%; position:absolute; z-index:2; top:0px; background:rgb(102,183,255); animation:cssload-sway 0.46s ease infinite; -o-animation:cssload-sway 0.46s ease infinite; -webkit-animation:cssload-sway 0.46s ease infinite; -moz-animation:cssload-sway 0.46s ease infinite; }
.cssload-loader .cssload-dot:nth-child(1) { left:14.28571%; animation-delay:0.29s }
.cssload-loader .cssload-dot:nth-child(2) { left:28.57143%; animation-delay:0.58s }
.cssload-loader .cssload-dot:nth-child(3) { left:42.85714%; animation-delay:0.86s }
.cssload-loader .cssload-dot:nth-child(4) { left:57.14286%; animation-delay:1.15s }
.cssload-loader .cssload-dot:nth-child(5) { left:71.42857%; animation-delay:1.44s }
.cssload-loader .cssload-dot:nth-child(6) { left:85.71429%; animation-delay:1.73s }
.cssload-loader .cssload-dot:nth-child(7) { left:100%; animation-delay:2.01s; -o-animation-delay:2.01s; -webkit-animation-delay:2.01s; -moz-animation-delay:2.01s; }
.cssload-loader .cssload-dotb { width:15px; height:15px; border-radius:50%; position:absolute; z-index:1; top:0px; background:rgb(102,183,255); animation:cssload-swayb 0.46s ease infinite 3.45s, reset 1.15s ease forwards 5.75s; -o-animation:cssload-swayb 0.46s ease infinite 3.45s, reset 1.15s ease forwards 5.75s; -webkit-animation:cssload-swayb 0.46s ease infinite 3.45s, reset 1.15s ease forwards 5.75s; -moz-animation:cssload-swayb 0.46s ease infinite 3.45s, reset 1.15s ease forwards 5.75s; }
.cssload-loader .cssload-dotb:nth-child(1) { left:14.28571%; animation-delay:0.29s }
.cssload-loader .cssload-dotb:nth-child(2) { left:28.57143%; animation-delay:0.58s }
.cssload-loader .cssload-dotb:nth-child(3) { left:42.85714%; animation-delay:0.86s }
.cssload-loader .cssload-dotb:nth-child(4) { left:57.14286%; animation-delay:1.15s }
.cssload-loader .cssload-dotb:nth-child(5) { left:71.42857%; animation-delay:1.44s }
.cssload-loader .cssload-dotb:nth-child(6) { left:85.71429%; animation-delay:1.73s }
.cssload-loader .cssload-dotb:nth-child(7) { left:100%; animation-delay:2.01s }
@keyframes cssload-sway {
    from { top:0px; }
    to { top:39px; transform:scale(0.75); z-index:1; opacity:0; }
}
@-o-keyframes cssload-sway {
    from { top:0px; }
    to { top:39px; -o-transform:scale(0.75); z-index:1; opacity:0; }
}
@-ms-keyframes cssload-sway {
    from { top:0px; }
    to { top:39px; -ms-transform:scale(0.75); z-index:1; opacity:0; }
}
@-webkit-keyframes cssload-sway {
    from { top:0px; }
    to { top:39px; -webkit-transform:scale(0.75); z-index:1; opacity:0; }
}
@-moz-keyframes cssload-sway {
    from { top:0px; }
    to { top:39px; -moz-transform:scale(0.75); z-index:1; opacity:0; }
}
@keyframes cssload-swayb {
    from { top:39px; transform:scale(0.75); z-index:2; }
    to { top:0px; }
}
@-o-keyframes cssload-swayb {
    from { top:39px; -o-transform:scale(0.75); z-index:2; }
    to { top:0px; }
}
@-ms-keyframes cssload-swayb {
    from { top:39px; -ms-transform:scale(0.75); z-index:2; }
    to { top:0px; }
}
@-webkit-keyframes cssload-swayb {
    from { top:39px; -webkit-transform:scale(0.75); z-index:2; }
    to { top:0px; }
}
@-moz-keyframes cssload-swayb {
    from { top:39px; -moz-transform:scale(0.75); z-index:2; }
    to { top:0px; }
}
@keyframes reset {
    from { top:0px; }
    to { top:0px; }
}
@-o-keyframes reset {
    from { top:0px; }
    to { top:0px; }
}
@-ms-keyframes reset {
    from { top:0px; }
    to { top:0px; }
}
@-webkit-keyframes reset {
    from { top:0px; }
    to { top:0px; }
}
@-moz-keyframes reset {
    from { top:0px; }
    to { top:0px; }
}