/* FONT FACE */
@font-face { font-family:'Din'; src:url('webfonts/din.eot'); src:url('webfonts/din.eot?#iefix') format('embedded-opentype'), url('webfonts/din.woff') format('woff'), url('webfonts/din.ttf') format('truetype'), url('webfonts/din.svg#Din') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'DinRegular'; src:url('webfonts/din-regular.eot'); src:url('webfonts/din-regular.eot?#iefix') format('embedded-opentype'), url('webfonts/din-regular.woff') format('woff'), url('webfonts/din-regular.ttf') format('truetype'), url('webfonts/din-regular.svg#DinRegular') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'DinMedium'; src:url('webfonts/din-medium.eot'); src:url('webfonts/din-medium.eot?#iefix') format('embedded-opentype'), url('webfonts/din-medium.woff') format('woff'), url('webfonts/din-medium.ttf') format('truetype'), url('webfonts/din-medium.svg#DinMedium') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'DinBold'; src:url('webfonts/din-bold.eot'); src:url('webfonts/din-bold.eot?#iefix') format('embedded-opentype'), url('webfonts/din-bold.woff') format('woff'), url('webfonts/din-bold.ttf') format('truetype'), url('webfonts/din-bold.svg#DinBold') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'DinLight'; src:url('webfonts/din-light.eot'); src:url('webfonts/din-light.eot?#iefix') format('embedded-opentype'), url('webfonts/din-light.woff') format('woff'), url('webfonts/din-light.ttf') format('truetype'), url('webfonts/din-light.svg#DinLight') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSans'; src:url('webfonts/opensans-regular.eot'); src:url('webfonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-regular.woff') format('woff'), url('webfonts/opensans-regular.ttf') format('truetype'), url('webfonts/opensans-regular.svg#OpenSans') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSansItalic'; src:url('webfonts/opensans-italic.eot'); src:url('webfonts/opensans-italic.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-italic.woff') format('woff'), url('webfonts/opensans-italic.ttf') format('truetype'), url('webfonts/opensans-italic.svg#OpenSansitalic') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSansBold'; src:url('webfonts/opensans-bold.eot'); src:url('webfonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-bold.woff') format('woff'), url('webfonts/opensans-bold.ttf') format('truetype'), url('webfonts/opensans-bold.svg#OpenSansbold') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSansBoldItalic'; src:url('webfonts/opensans-bolditalic.eot'); src:url('webfonts/opensans-bolditalic.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-bolditalic.woff') format('woff'), url('webfonts/opensans-bolditalic.ttf') format('truetype'), url('webfonts/opensans-bolditalic.svg#OpenSansBoldItalic') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSansSemiBold'; src:url('webfonts/opensans-semibold.eot'); src:url('webfonts/opensans-semibold.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-semibold.woff') format('woff'), url('webfonts/opensans-semibold.ttf') format('truetype'), url('webfonts/opensans-semibold.svg#OpenSansSemiBold') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSansSemiBoldItalic'; src:url('webfonts/opensans-semibolditalic.eot'); src:url('webfonts/opensans-semibolditalic.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-semibolditalic.woff') format('woff'), url('webfonts/opensans-semibolditalic.ttf') format('truetype'), url('webfonts/opensans-semibolditalic.svg#OpenSansSemiBoldItalic') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSanslightItalic'; src:url('webfonts/opensans-lightitalic.eot'); src:url('webfonts/opensans-lightitalic.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-lightitalic.woff') format('woff'), url('webfonts/opensans-lightitalic.ttf') format('truetype'), url('webfonts/opensans-lightitalic.svg#open_sanslight_italic') format('svg'); font-weight:normal; font-style:normal }


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; outline:none; font-size:100%; font:inherit; vertical-align:baseline; font-family:'OpenSans', sans-serif }
select, input, textarea { outline:none; resize:none }
textarea { overflow:auto }
strong { font-weight:bold }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
html { background:#F2F7F3 }
.requerido { }
.br_mobile { display:none }


/* GLOBAL */
#wrapper { float:left; width:100% }
.center { margin:0 auto; width:960px }
.l100 { width:auto }
.invisivel { display:none !important }
.relative { position:relative !important }
.oculto { visibility:hidden !important }
.clear { clear:both; font-size:1px; height:1px; line-height:1px; display:block }
.clear10 { clear:both; font-size:1px; height:10px; line-height:10px; display:block }
.clear_mob, .clear_mob_10, .clear_mob_20 { display:none }
.m20 { margin:20px !important }
.mr0 { margin-right:0 !important }
.ml0 { margin-left:0 !important }
.mb0 { margin-bottom:0 !important }
.mb20 { margin-bottom:20px !important }
.mr10 { margin-right:10px !important }
.mr20 { margin-right:20px !important }
.ml20 { margin-left:20px !important }
.mt0 { margin-top:0 !important }
.mb10, .mb10 * { margin-bottom:10px !important }
.mr8 { margin-right:8px !important }
.ml8 { margin-left:8px !important }
.ml10 { margin-left:10px !important }
.ml18 { margin-left:18px !important }
.ml164 { margin-left:164px !important }
.ml260 { margin-left:260px !important }
.mt24 { margin-top:24px }
.mt28 input { margin-top:28px !important }
.mt35 input, .mt35 label { margin-top:35px !important; margin-bottom:0 !important }

.pb0 { padding-bottom:0 !important }
.pb5 { padding-bottom:5px !important }
.pb5 { padding-bottom:10px !important }
.pt28 { padding-top:28px !important }
.pt5 { padding-top:5px !important }

.mt2 { margin-top:2px !important }
.mt4 input, .mt4 a { margin-top:4px !important }
.mt5 { margin-top:5px !important }
.mt10 { margin-top:10px !important }
.mt17 { margin-top:17px !important }
.mt20 { margin-top:20px !important }
.mtInicio { margin-top:40px !important }
.mt36 { margin-top:36px !important }
.txt12 { font-size:12px !important }
.verde { color:#27A139 !important; font-family:'OpenSansSemiBold' }
tr.verde td { color:#27A139 !important }
.verde-claro { color:#4cff00 !important; font-family:'OpenSansSemiBold' }
.vermelho { color:#CF2134 !important }
.nonetela { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.8); text-align:center; z-index:9999999; padding-top:200px; display:none }
.left { float:left !important }
.right { float:right !important }
.inline { display:inline-block !important }
.esquerda { text-align:left !important }
.direita { text-align:right !important }
.centro { text-align:center !important }
hr { background:url('images/hr-bg1.png') repeat-x; border:0; margin:20px 0 12px; clear:both; display:block; height:1px }
.maiusculo { text-transform:uppercase !important }
.minusculo { text-transform:lowercase !important }
.esc_obr strong.obs_alert { display:none }
.br0 { border-right:none !important }
.valigntop { vertical-align:top !important }
.highcharts-tick { display:none !important }
span.mb0 input[type="checkbox"], span.mb0 label { margin-bottom:0 !important }
.t { border:1px dashed #000 !important }

.w384 { width:384px !important }
.w100p { width:100% !important }
.w100p20 { width:calc(100% - 20px) !important }
.w50p { width:50% !important }
.w20p { width:20% !important }

/* Fancybox */
.alert_message { text-align:center; padding:10px 20px; min-width:250px; max-width:500px }
.alert_message h1 { color:#252c33; margin-top:10px; text-transform:uppercase; font:26px/1 'DinBold'; letter-spacing:-0.98px }
.alert_message p { font-size:14px; font-family:'OpenSans', sans-serif; margin:20px 0; display:inline-block; line-height:18px }
.alert_message input[type="button"] { margin:10px 0; padding:5px 20px 6px 20px }

#msg-popup { position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; background: url(images/fancybox_overlay.png) }
#msg-popup p { 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 }
#msg-popup span { font-size:14px; font-family:'OpenSans', sans-serif; margin:20px 20px 10px 20px; display:inline-block; line-height:18px }
#msg-popup input[type="button"] { margin:10px 0; padding:5px 20px 6px 20px }


/* AVISOS */
.avisos { background:#B92637; padding:10px 0 }
.avisos div { position:relative; width:942px; margin:0 auto }
.avisos div b, .avisos div strong { font-weight:bold }
.avisos div em, .avisos div i { font-style:italic }
.avisos div h2 { font:normal 14px 'DinBold'; color:#000; width:calc(100% - 70px); padding-left:25px; background:url("../images/ico-avisos.svg") no-repeat center left; background-size:18px; line-height:18px; filter:invert(98%) sepia(7%) saturate(95%) hue-rotate(34deg) brightness(124%) contrast(100%) }
.avisos div p { font:normal 12px "OpenSans"; color:#FFF; line-height:18px; padding:2px 0 }
.avisos div a { color:#FFF; text-decoration:underline; font:normal 12px "OpenSans" }
.avisos div a:hover { color:#62aed4 }
.avisos div.lm { display:none }
.avisos div .fechar { position:absolute; right:0; text-transform:uppercase; font:normal 11px "Open Sans"; padding-left:10px }


/* FORM ELEMENTS */
.erro { color:#B7333F; font:normal 11px 'OpenSansSemiBoldItalic'; position:absolute; margin-top:5px }
.erro.lblMensagemConteiner { margin-top:0 }
.ok { color:#27A139; font:normal 11px 'OpenSansSemiBoldItalic' }

a { color:#B72535; font-family:'OpenSansSemiBoldItalic'; font-weight:normal; text-decoration:none }
a:hover { text-decoration:underline }

input[type="button"], input[type="submit"], a.botao, span.botao { border:none; text-decoration:none; display:inline-block; color:#FFF; cursor:pointer; background-color:#CF2134; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; font:14px 'OpenSansSemiBold'; text-align:left; padding:7px 15px; text-transform:uppercase }
input[type="button"]:hover, input[type="submit"]:hover, a.botao:hover, span.botao:hover,
.botao-imprimir:hover, .botao-bloquear:hover { opacity:0.7 }

.botao-imprimir, .botao-bloquear { border:1px solid #CCC; text-decoration:none; display:inline-block; color:#252C33; cursor:pointer; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; font:11px/1 'OpenSansBold'; text-align:left; padding:12px 20px 12px 35px; text-transform:uppercase; background:#DDD url('../images/miniprint.svg') no-repeat 10px 9px; background-size:16px }
.botao-bloquear { background:#DDD url('../images/bloquear.svg') no-repeat 10px 9px; background-size:16px }
a.botao[id*=lnkExportarExcel] { background:#CF2134 url('../images/excel-white.svg') no-repeat 10px 5px; background-size:16px; padding-left:32px }
a.botao[id*=lnkBloquear] { background:#CF2134 url('../images/bloquear-br.svg') no-repeat 12px 5px; background-size:12px; padding-left:32px; }

a.botao-excel, input.botao-excel { background:#CF2134 url('../images/excel-white.svg') no-repeat 9px 5px; padding-left:32px; background-size:16px }

legend { display:block; font:18px/1.61 'Din'; margin:0 0 20px 0; width:100%; text-transform:uppercase; letter-spacing:-1.3px; color:#252C33; border-bottom:1px solid #333 }
legend strong { font:normal 18px/1.61 'DinBold' }

label { color:#252C33; font:14px/1 'OpenSansBold'; height:18px; margin-top:10px; display:block }

input[type="text"], input[type="tel"], input[type="password"], textarea { display:block; font:13px/16px 'OpenSansItalic'; background:#E6E6E6; border:1px solid #CCC; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:0 10px; height:27px; color:#666 }
textarea { padding:5px 10px }
.aspNetDisabled, .disabled, *[readonly="readonly"] { opacity:1 !important; color:#999 !important; cursor:default !important; text-decoration:none !important }


input[type="radio"] { cursor:pointer; display:inline-block; vertical-align:top; margin:5px 5px 0 0 }
input[type="radio"] + label { letter-spacing:0.3px; color:#252C33; font:14px/1 'OpenSansSemiBoldItalic'; margin:5px 0; display:inline-block; vertical-align:top; cursor:pointer }

input[type="checkbox"] { display:inline-block; cursor:pointer; margin:10px 0 33px 0; vertical-align:middle }
input[type="checkbox"] + label { font:13px/1 'OpenSans'; color:#333; height:auto; vertical-align:middle; margin-bottom:33px; display:inline-block; cursor:pointer; margin-left:5px  }
.chkNaoIMO, .chkTransitoSimplificado { padding-top:25px }
.chkNaoIMO label { margin-left:7px }
.filtro-agendamento .dadosCheck { margin-left:15px }
.filtro-agendamento .dadosCheck input[type="checkbox"], .filtro-agendamento .dadosCheck label { margin-bottom:10px }

.perfil { position:absolute; border:1px solid #252C33; left:760px; top:90px; padding:5px 0 5px 15px; width:200px }
.checklist-group input { margin:7px 0 }
.checklist-group input + label { margin:7px 0 7px 5px }

.checklist-group-grid label { display:block; height:auto }
.checklist-group-grid span { display:block }
.checklist-group-grid span input { margin:25px 0 0 0 }
.checklist-group-grid span label { margin:25px 0 0 10px }

.js .custom-inputfile { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1 }
.custom-inputfile + label { max-width:80%; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; display:inline-block; font:12px 'OpenSansItalic'; overflow:hidden; padding:5px 20px 5px 10px; 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:rgb(0,57,127) }
.custom-inputfile + label * { /* pointer-events:none; */}
.custom-inputfile + label svg { width:1em; height:1em; vertical-align:middle; fill:currentColor; margin-top:-4px; margin-right:8px }

.select { position:relative; display:block; border:1px solid #CCC; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#E6E6E6; height:27px; line-height:27px }
.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; font-size:12px; color:#666; padding:5px 8px 3px 8px; line-height:20px; font:13px/16px 'OpenSansItalic' }
.select::after { content:""; position:absolute; width:12px; height:7px; top:9px; right:9px; background:url("../images/arrow-select.svg") no-repeat 0 0; background-size:10px; z-index:2; pointer-events:none }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .select select::-ms-expand { display:none } .select select:focus::-ms-value { background:transparent; color:#000 } }
@-moz-document url-prefix() { .select { overflow:hidden }  .select select { width:calc(100% + 8em) } }
@media screen and (-webkit-min-device-pixel-ratio:0) { .select { font-size:1px } }
.select select:-moz-focusring { color:transparent; text-shadow:0 0 0 #000 }

.obs { font:normal 11px/1 'OpenSans' !important; color:#252C33 !important }
.obs.vermelho { color:#CF2134 !important }
.obs2 { font:normal 13px/1 'OpenSansItalic' !important; color:#D51F2F !important; margin-top:10px !important }
.obs2 a { font:normal 13px/1 'OpenSansItalic' !important }

.multi-form { float:left; margin:10px 20px 0 0 }

input[type="text"].mini { font-size:11px; line-height:11px; height:21px }
input[type="button"].mini, input[type="submit"].mini, a.mini { font: 10px/1.2 'OpenSansBold'; }

.envio_arquivos { margin-bottom:30px }
.envio_arquivos h2 { font:normal 18px/1 'DinMedium'; color:#252C33 }
.envio_arquivos p.obs_docs { font:13px/18px 'OpenSans'; color:#DD0404; margin:20px 0 }
.envio_arquivos strong.obs_alert { font:normal 14px/1 'DinBold'; color:#DD0404 }
.envio_arquivos fieldset { border-bottom:1px dotted #ABABAB; margin:10px 0  }
.envio_arquivos fieldset p { font:normal 14px/18px 'OpenSansBoldItalic'; color:#666; display:inline-block; width:200px; vertical-align:middle }

.envio_arquivos_inline { display:inline-block; margin-left:10px; vertical-align:top !important; margin-top:-7px }
.envio_arquivos_inline h2 { font:normal 18px/1 'DinMedium'; color:#252C33 }
.envio_arquivos_inline p.obs_docs { font:13px/1 'OpenSans'; color:#DD0404; margin:0 }
.envio_arquivos_inline strong.obs_alert { font:normal 14px/1 'DinBold'; color:#DD0404 }
.envio_arquivos_inline fieldset { border-bottom:1px dotted #ABABAB; margin:0; vertical-align:bottom }
.envio_arquivos_inline fieldset p { font:normal 14px/1 'OpenSansBoldItalic'; color:#666; display:inline-block; width:60px; margin:0 0 5px 0; vertical-align:bottom }
.envio_arquivos_inline fieldset label { margin:5px 0 0 0 !important; vertical-align:bottom }

.botoes_header { text-align:right; margin-bottom:10px }
.botoes_header a, .botoes_header input { text-transform:uppercase; font:10px/1.2 'OpenSansBold'; vertical-align:top }
.botoes_header .custom-inputfile + label { width:auto !important; vertical-align:top; height:26px; font:10px/26px 'OpenSansBold'; border-radius:10px; padding:0 15px; background-color:#CF2134; margin:0 10px 0 0 }
.botoes_header .custom-inputfile + label span { text-transform:uppercase; font:10px/26px 'OpenSansBold' }
.botoes_header .custom-inputfile:focus + label, .custom-inputfile.has-focus + label { background-color:#CF2134 }
.botoes_header .custom-inputfile + label:hover { opacity:0.7 }
.botoes_header .custom-inputfile + label img { width:16px; height:16px; vertical-align:middle; fill:currentColor; margin-top:-2px; margin-right:8px }




/* TABLE */
table { text-transform:uppercase; border-collapse:collapse; border-spacing:0; border:1px solid #151a1f; width:100% }
table tr th { font:11px/1 'OpenSansSemiBold'; vertical-align:bottom; color:#9ba6b1; letter-spacing:0.35px; padding:10px 5px }
table tr td { border-bottom:1px dotted #676767; letter-spacing:0.35px; padding:8px 5px; font:11px/11px 'OpenSansSemiBold'; vertical-align:middle; text-align:center; color:#616161 }
table tr.vermelho td { color:#E10025 }
table tr td span { font:11px/11px 'OpenSansSemiBold' }
table td img { vertical-align:top }
table tr td input[type="image"] { cursor:pointer }
table td strong { font-weight:bold; font-family:'OpenSansBold'; color:#000 }
table tr th:nth-child(odd)  { background:#323C45 }
table tr th:nth-child(even) { background:#2D363E }
table tr td:nth-child(even) { background:#DDD }
table.inverte_rowspan tr.rowspan td:nth-child(even) { background:transparent }
table.inverte_rowspan tr.rowspan td:nth-child(odd) { background:#DDD }
table tr.averbado td { color:#27A139 }
table tr .l20 { width:20px }
table tr .l30 { width:30px }
table tr .l40 { width:40px }
table tr .l45 { width:45px }
table tr .l50 { width:50px }
table tr .l60 { width:60px }
table tr .l70 { width:70px }
table tr .l80 { width:80px }
table tr .l100 { width:100px }
table tr .l120 { width:120px }
table tr .l140 { width:140px }
table tr .l150 { width:150px }
table tr .l5p { width:5% }
table tr .l7p { width:7% }
table tr .l10p { width:10% }
table tr .l12p { width:12% }
table tr .l15p { width:15% }
table tr .l20p { width:20% }
table tr .l25p { width:25% }
table tr .l30p { width:30% }
table tr .l40p { width:40% }
table tr .l50p { width:50% }

table td a, table td input { text-indent: -99999px; background-color:transparent !important; border-radius:0 !important; background-repeat:no-repeat; background-position:center center; padding:0 !important; display:inline-block; vertical-align:top; width:16px; height:16px; background-size:contain }
table td input.mostrar { text-indent:unset; padding:0 10px !important; width:auto; height:27px }
table td a:hover, table input a:hover { opacity:0.5; padding:0; font-size:1px }
table td.mostra-texto a { text-indent:0; font-size:11px; text-transform:uppercase; width:auto; height:auto }
table td.mostra-texto a:hover { opacity:1; font-size:11px }

table td a.alterar_dados { background-image:url('../images/alterar_dados.svg'); filter:invert(31%) sepia(92%) saturate(384%) hue-rotate(171deg) brightness(93%) contrast(85%) }
table td a.anexo { background-image:url('../images/anexo.svg') }
table td a.assinar_contrato { background-image:url('../images/alterar_dados.svg'); filter:invert(31%) sepia(92%) saturate(384%) hue-rotate(171deg) brightness(93%) contrast(85%) }
table td a.autorizar,
table td input.autorizar { background-image:url('../images/autorizar.svg') }
table td a.bloquear { background-image:url('../images/bloquear.svg') }
table td a.boleto { background-image:url('../images/boleto.svg') }
table td a.cancelar, 
table td input.cancelar { background-image:url('../images/cancelar.svg') }
table td a.candidatos { background-image:url('../images/candidatos.svg') }
table td a.carregar, 
table td input.carregar { background-image:url('../images/carregar.svg') }
table td a.confirmar-pagamento { background-image:url('../images/confirmar-pagamento.svg') }
table td a.conteiner { background-image:url('../images/conteiner.svg') }
table td a.de_acordo { background-image:url('../images/de_acordo.svg') }
table td a.desbloquear { background-image:url('../images/desbloquear.svg') }
table td a.editar_usuario { background-image:url('../images/editar-usuario.svg') }
table td a.enviar_email { background-image:url('../images/enviar-email.svg') }
table td a.excel { background-image:url('../images/excel.svg') }
table td a.excluir, 
table td input.excluir { background-image:url('../images/excluir.svg'); filter:invert(18%) sepia(95%) saturate(3209%) hue-rotate(343deg) brightness(84%) contrast(91%) }
table td a.fotos { background-image:url('../images/fotos.svg') }
table td a.historico { background-image:url('../images/historico.svg') }
table td a.imprimir_grid { background-image:url('../images/miniprint.svg') }
table td a.info { background-image:url('../images/info.svg') }
table td a.minuta { background-image:url('../images/minuta.svg') }
table td a.nota-fiscal { background-image:url('../images/nota-fiscal.svg') }
table td a.pdf { background-image:url('../images/pdf.svg') }
table td a.pix { background-image:url('../images/pix.svg') }
table td a.prosseguir { background-image:url('../images/prosseguir.svg') }
table td a.relogio { background-image:url('../images/relogio.svg') }
table td a.pause { background-image:url('../images/pause.svg') }
table td a.pesagem { background-image:url('../images/pesagem.svg') }
table td a.siscomex { background-image:url('../images/siscomex.svg') }
table td a.stop { background-image:url('../images/stop.svg')  }
table td a.transporte { background-image:url('../images/transporte.svg') }
table td a.visualizar { background-image:url('../images/visualizar.svg') }
table td a.zip { background-image:url('../images/zip.svg') }

table tr td a.link-tabela { color:#375b7d; text-transform:lowercase; font:12px/1 'OpenSansBoldItalic'; margin-right:5px }
table tr td a.link-tabela + span { width:6px; height:5px; display:inline-block; background:url('images/strip.png') no-repeat -58px -135px }
table a { text-transform:lowercase }
table input[type="checkbox"] { margin:0 }
table td.radio_notext label { display:none }

table thead tr th.esc { background:#2D363E !important }
table thead tr th.cla { background:#323C45 !important }
table thead tr th.bl { border-left:1px solid #9ba6b1 !important }
table tbody tr td.bl { border-left:1px solid #666 !important }

table.total tr:last-child td:nth-child(even) { font:11px 'OpenSansBold'; color:#000; background:#BBB }
table.total tr:last-child td:nth-child(odd) { font:11px 'OpenSansBold'; color:#000; background:#CCC }
table.total thead tr th.esc { background:#323C45 }
table.total thead tr th.cla { background:#2D363E }

table.total_ult tbody tr:last-child td:last-child a { display:none }

table tr td.bloco span { width:13px; display:block; height:13px }
table tr td.bloco span.vermelho { background-color:#D51F2F }
table tr td.bloco span.verde { background-color:#27A139 }
table tr td.bloco span.amarelo { background-color:#DDDF0D }

table.resumo-media td.verde { background:#98f399 }
table.resumo-media td.amarelo { background:#fffa99 }
table.resumo-media td.vermelho { background:#f99e9e }
table.resumo-media td:first-child { background:#323C45; font:normal 11px/1 'OpenSansSemiBold'; color:#9ba6b1 }

.pagination { margin:20px 0 0 0; padding:0; text-align:center }
.pagination span { margin:0 auto }
.pagination span a, .pagination span span { margin-left:10px; margin-right:0; float:none; display:inline }
.pagination a { font:16px/23px 'OpenSansBold'; display:inline; color:#385b7e; float:none }
.pagination a:hover,
.pagination span.selected { font:16px/23px 'OpenSansBold'; display:inline; text-decoration:underline; color:#b7b7b7 }
.pagination a.ico-left { font:16px/23px 'OpenSansBold'; width:20px; height:20px; background:url(../images/paginacao-ico-hab-esq.svg) no-repeat 0 2px; background-size:20px; vertical-align:top; padding:0 4px; cursor:pointer }
.pagination a.ico-right { font:16px/23px 'OpenSansBold'; width:20px; height:20px; background:url(../images/paginacao-ico-hab-dir.svg) no-repeat 0 2px; background-size:20px; vertical-align:top; padding:0 4px; cursor:pointer }
.pagination a.ico-left:hover, .pagination a.ico-right:hover { text-decoration:none; filter:grayscale(100%) brightness(200%) }

tr.paginacao { padding:0; margin:0; border:none; text-align:center }
tr.paginacao td  { margin:0; padding:0; border:none; background:none !important }
tr.paginacao table { margin:20px auto; padding:0; width:auto; border:none }
tr.paginacao a { font:16px/23px 'OpenSansBold'; display:inline; color:#385b7e; margin:0 5px; float:none }
tr.paginacao a:hover,
tr.paginacao span { font:16px/23px 'OpenSansBold'; margin:0 5px; text-decoration:underline; color:#b7b7b7 }
tr.paginacao table tr td input[type="image"] { width:20px; height:20px; vertical-align:top; margin:-2px 5px 0 5px }
tr.paginacao table tr td input[type="image"]:hover { text-decoration:none; filter:grayscale(100%) brightness(200%) }


.sem-resultado { text-align:center; margin:40px auto; display:block; border:none }
tr.sem-resultado { display:table-row; margin:0 }
.sem-resultado * { font:normal 16px 'OpenSansItalic' !important; color:#D5151F !important; border:none; text-transform:none; letter-spacing:normal; padding:0 }

.tabela-mini-resumo { float:right; width:250px }
.tabela-mini-resumo caption { font:normal 12px 'OpenSansSemiBold'; color:#375b7d; transform:rotate(270deg); transform-origin:left top 0; position:absolute; margin:48px 0 0 -20px }
.tabela-mini-resumo thead tr th, .tabela-mini-resumo tbody tr td { padding:4px 5px; height:auto; width:auto; font-size:10px }
.tabela-mini-resumo tbody tr:last-child td { font-family:'OpenSansBold'; color:#000 }
.tabela-mini-resumo tbody.sem-total tr:last-child td { font-family:'OpenSansSemiBold'; color:#616161 }

.total_registros { font:normal 13px 'OpenSansSemiBold'; color:#375b7d !important; margin-bottom:5px }
.total_faturado { font:normal 14px 'OpenSansSemiBold'; color:#375b7d; text-align:right; margin-top:5px }
.cabecalho_tabela { margin:0; border:none }
.cabecalho_tabela tr td { background:none !important; vertical-align:middle; border:none; font:normal 16px/1 'DinBold'; letter-spacing:-1px; color:#252C33 }
.cabecalho_tabela tr td p { font:normal 13px 'OpenSansSemiBold'; color:#375b7d; margin:0; letter-spacing:normal; text-transform:none }
.cabecalho_tabela tr td a { text-transform:none; vertical-align:middle; font-size:13px; letter-spacing:normal }
.cabecalho_tabela tr td a img { vertical-align:middle }
.cabecalho_tabela tr td:first-child { text-align:left }
.cabecalho_tabela tr td:last-child { text-align:right }


.link-dialog label input { margin:10px 10px 10px 0 }


/* TOP BAR */
#top-bar { background-color:#252C33; margin-bottom:16px }
#top-bar a { float:right; display:block; margin-top:8px; vertical-align:middle; width:55px; border-right:1px solid #404345; height:14px; line-height:14px; padding:4px 15px 0 0; color:#6388ad; font:10px/1 'OpenSansBold'; text-transform:uppercase; background:url(images/strip.png) no-repeat 47px -66px }
#top-bar a:hover { text-decoration:underline }
#top-bar div.select { float:right; width:145px; border:none; background-color:#252C33; height:24px; line-height:24px; margin:3px 20px 0 0 }
#top-bar div.select select { font:10px/1 'OpenSansBold'; color:#ABABAB; line-height:14px }
#top-bar div.select::after { width:17px; height:17px; top:5px; right:11px; margin-top:0; background:url('images/strip.png') no-repeat 0 -38px }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { #top-bar div.select select:focus::-ms-value { color:#7B8287 } }
@media screen and (-webkit-min-device-pixel-ratio:0) { #top-bar div.select { margin-top:5px } #top-bar div.select::after { top:3px } }
#top-bar div.select select:-moz-focusring { text-shadow:0 0 0 #7B8287 }


/* LOGO */
#logo { float:left; margin:0 0 0 5px }
#logo h1, #logo h2 { display:inline-block; height:58px; vertical-align:middle }
#logo h2 span { display:none }
#logo h2 img, #logo h2 { height:68px }
#logo h1 { width:304px; height:40px; background:url(../images/traco-logo.gif) no-repeat 10px 19px; padding:33px 0 0 25px }
#logo h2 { width:165px }
#logo h1 a { font:bold 24px 'DinLight'; color:#1D2830; text-transform:uppercase; letter-spacing:-1px }
#logo h1 a:hover { text-decoration:none }
#logo h1 a strong { font:bold 24px 'DinBold'; letter-spacing:-1px }
.border-logo { border-bottom:1px solid #CCC; padding-bottom:12px; margin:0 32px 0 20px }


/* LOGIN */
section[id*="form_login"] { float:right; width:400px; margin:0 15px 0 0 }
section[id*="form_login"] h1 { color:#838383; letter-spacing:-0.4px; font:18px/1 'Din'; text-transform:uppercase; margin-bottom:9px; padding-left:4px }
section[id*="form_login"] h1 strong { font-family:'DinBold'; font-weight:normal }
section[id*="form_login"] input[type="text"], section[id*="form_login"] input[type="password"] { display:inline-block; height:28px; font:14px/28px 'OpenSansItalic'; width:125px; color:#333; padding-left:10px; background:#FFF; border:1px solid #BFBFBF; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px }
section[id*="form_login"] input[type="text"]:-webkit-autofill, 
section[id*="form_login"] input[type="text"]:-webkit-autofill:hover, 
section[id*="form_login"] input[type="text"]:-webkit-autofill:focus, 
section[id*="form_login"] input[type="password"]:-webkit-autofill, 
section[id*="form_login"] input[type="password"]:-webkit-autofill:hover, 
section[id*="form_login"] input[type="password"]:-webkit-autofill:focus { font:14px/28px 'OpenSansItalic'; -webkit-box-shadow:0 0 0 30px white inset !important; -webkit-text-fill-color:#333; color:#333 }
section[id*="form_login"] a.link { font:normal 13px/1 'OpenSansSemiBoldItalic'; text-decoration:none; display:block; color:#375B7D; padding-left:5px; margin-top:5px; float:left }
section[id*="form_login"] a.link:hover { text-decoration:underline }
section[id*="form_login"] #lnkEsqueciSenha { margin-right:25px }
section[id*="form_login"] a.botao { text-transform:uppercase; font:13px/1 'OpenSansSemiBold'; padding:8px 20px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; vertical-align:top; margin-top:1px }
section[id*="form_login"] .erro, section[id*="form_login"] .ok { position:absolute; margin:70px 0 0 5px  }

section[id*="form_logado"] { float:right; text-align:left; margin:0 5px 0 0 }
section[id*="form_logado"] h1 { color:#252C33; text-transform:uppercase; font:18px/1 'Din'; letter-spacing:-1px; margin:0 0 6px 0 }
section[id*="form_logado"] h1 strong { font-family:'DinBold'; font-weight:normal }
section[id*="form_logado"] a { color:#B72535; font:13px/1 'OpenSansSemiBoldItalic'; letter-spacing:0.35px }
section[id*="form_logado"] a.botao { color:#FFF; text-decoration:none; text-transform:uppercase; font:13px/1 'OpenSansSemiBold'; padding:8px 20px; vertical-align:top; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; float:right; margin-top:-8px }
section[id*="form_logado"] span { display:block; color:#666; padding-left:14px; margin-bottom:5px; letter-spacing:0.5px; font:12px/1 'OpenSansSemiBoldItalic'; background:url('images/strip.png') no-repeat -18px -93px }


/* HOME */
section[id*="banner"] { background:url('images/banner-bg-repeat.png') repeat-x 0 0; margin-bottom:0; margin-top:15px; height:259px; border-bottom:1px solid #edf0f1; text-align:center }
section[id*="banner"] h1, section[id*="banner"] p { position:absolute; text-align:center; color:#FFF; width:100% }
section[id*="banner"] img { width:940px; height:259px }
section[id*="banner"] h1 { font:32px/1 'Din'; text-transform:uppercase; margin-top:90px; text-shadow:2px 2px #162E45 }
section[id*="banner"] h1 strong { font:59px/1 'DinBold'; display:block; font-weight:normal }
section[id*="banner"] p { margin:190px auto 0 auto }
section[id*="banner"] p strong { background:#cd2134; display:inline-block; font:14px/1 'OpenSans'; text-align:center; padding:6px 7px; font-weight:normal }
section[id*="plataforma"] { text-align:center; background:url(images/heading-border-bg.png) no-repeat center 15px; width:940px; padding-bottom:0; margin:0 auto }
section[id*="plataforma"] h1 { font:22px/1 'OpenSansItalic'; color:#838383; text-shadow:0 1px 0 #FFF; text-align:center; margin-top:25px; letter-spacing:0.6px }
section[id*="plataforma"] article { float:left; width:33%; margin:50px 0 20px 0; padding:0 0 20px 0 }
section[id*="plataforma"] article img { max-height:79px }
section[id*="plataforma"] article:nth-child(5) { background:none; margin-right:0 }
section[id*="plataforma"] article h1 { font:20px/1 'DinBold'; color:#252C33; margin:10px 0; letter-spacing:normal }
section[id*="plataforma"] article h1 strong { font:30px/1 'DinLight'; display:block }
section[id*="plataforma"] article p { font:15px/1.3 'OpenSansItalic'; color:#666 }


/* MENU*/
.menu { width:250px; margin-left:-100%; float:left }
aside { margin:20px 0 0 20px }
aside li { width:216px; margin-bottom:-1px; background:url('images/left-bg.png') no-repeat 0 0 }
aside li:hover { background:url('images/left-bg.png') no-repeat -220px 0 }
aside li li:hover { background:url("images/sub-li-bg.png") repeat-y left top; opacity:0.7 }
aside .active-tail { background:url('images/active-tail-bg.png') no-repeat left top }
aside li.top { background:url('images/active-li.png') no-repeat left top }
aside #ship_bottom { background:url('images/active-li-bottom.png') no-repeat left top }
aside li.top a,
aside .active-tail a { color:#4d4d4d; text-shadow:0px 1px rgba(255, 255, 255, 0.5) }
aside li a { width:197px; color:#cedeed; font:14px/46px 'Din'; display:block; padding:0 0 0 10px; outline:none; letter-spacing:-0.5px; text-decoration:none; position:relative }
aside li a:hover { text-decoration:none }
aside li a span,
aside li.top > a span { width:18px; height:19px; display:inline-block; background:url('images/strip.png') no-repeat -18px -134px; 
						  position:absolute; right:11px; top:14px }
aside li li.toggle.top ul { background:none; border:1px solid #9a9b9a; border-radius:0 0 5px 5px; width:188px; margin:0 auto }
aside li li.toggle { background:url("images/sub-li-bg.png") repeat-y left top; border:0 none }
aside li li.toggle:first-child a { border-top:1px solid #9a9b9a; border-bottom:0 }
aside li li.toggle.top > a { border-bottom:0; border-radius:5px 5px 0 0; color:#616161 !important }
aside li li.toggle a { border:1px solid #9a9b9a; text-transform:uppercase; padding:7px 18px 6px 12px; border-radius:5px; margin:0 10px; width:158px }
aside li li.toggle.top ul li { background:none; border-top:1px solid #a5a8a6; margin-left:0; width:190px }
aside li li.toggle.top ul li:first-child { border-top:0 }
aside li li.toggle.top li a { width:158px; margin:0; border:0; background:none }
aside li li a span { background:url('images/strip.png') no-repeat -819px -38px; width:7px; height:4px; top:12px }
aside li li.top a span { background:url('images/strip.png') no-repeat -828px -38px; width:7px; height:4px; top:12px }
aside li a .shiping-schedule { width:18px; height:19px; display:inline-block; background:url('images/strip.png') no-repeat -18px -109px; position:absolute; right:10px; top:12px }
aside li.active-tail a .shiping-schedule { background-position:-39px -110px }
aside li.top > a span { background:url('images/strip.png') no-repeat -36px -134px }
aside li ul { width:211px; display:none; margin-top:0.4px; padding-bottom:4px; background:url('images/bactive-li.png') no-repeat left bottom }
aside li ul ul { display:none }
aside .sub-ul { background:url('images/bactive-li1.png') no-repeat left bottom; padding-bottom:9px }
aside .sub-ul .toggle li a { text-transform:capitalize }
aside li li { width:210px; margin-bottom:0; border-top:1px solid #acadaf; background:url('images/sub-li-bg.png') repeat-y left top }
aside li li a { width:200px; border-top:1px solid #c9c3c1; color:#375b7d !important; padding:5px 0 5px 10px; font:13px/1.3 'OpenSansBoldItalic' }
aside li li a span { width:7px; height:7px; margin-left:4px; display:inline-block; position:initial; right:initial; background:url('images/strip.png') no-repeat -57px -134px }
aside li li.active a { cursor:default }
aside li li:hover span,
aside li li.active span { background:url('images/strip.png') no-repeat -57px -140px }
aside li a img { width:26px; max-height:24px; vertical-align:middle; margin:-2px 5px 0 0; opacity:0.4 }


/* RODAPÉ */
footer div { padding:10px 0 }


/* CONTEUDO */
.conteudo { margin-left:260px; margin-right:32px }
.sem-menu { margin-left:32px }
.conteudo h1 { font:36px/1 'DinBold'; text-transform:uppercase; margin:0 0 28px 0; color:#252C33; letter-spacing:-1.2px }
.conteudo h1 a.favorito_ok, .conteudo h1 a.favorito_nok { display:inline-block; background:url('../images/favorito_desat.svg') no-repeat 0 0; background-size:contain; text-indent:-9999px; width:30px; height:39px; vertical-align:middle; margin-right:5px }
.conteudo h1 a.favorito_ok:hover, .conteudo h1 a.favorito_nok:hover, .conteudo h1 a.favorito_ok { background-image:url('../images/favorito.svg') }
.conteudo h2 { font:28px/1.1 'DinLight'; letter-spacing:-1.6px; margin-bottom:6px; color:#252C33 }
.conteudo h3 { font:18px/1 'DinLight'; color:#252C33; margin:20px 0; border-bottom:1px solid #252C33; padding-bottom:10px }
.conteudo h4 { font:14px/1 'DinBold'; color:#252C33; margin:20px 0 10px 0; text-transform:uppercase; text-decoration:underline }
.conteudo h2 strong, .conteudo h3 strong { font-weight:normal; font-family:'DinBold' }
.conteudo h6 { font:15px/1 'OpenSansBoldItalic'; color:#666; margin:20px 0 10px 0 }
.conteudo p { font-size:13px; line-height:1; color:#333; margin:0 0 10px 0 }
.conteudo .retirada-info { border:1px solid #333; padding:20px 20px 10px 20px; margin:0 0 20px 0 }
.conteudo .retirada-info p { font:14px/18px 'OpenSansItalic' }

.tab-container, .notab-container { border:1px solid #000; padding:20px }
.borda { border:1px solid #000; padding:10px 20px 20px 20px; margin-top:20px }
.etabs1, .etabs5, .etabs_solicitacoes, .etabs4, .etabs3 { margin:-24px -20px 30px -20px; font-size:1px }
.etabs1 span, .etabs5 span, .etabs_solicitacoes span { border-left:1px solid #000; width:calc(20% - 1px); font-size:1px; border-bottom:1px solid #000; margin:0 0 0 -1px; display:inline-block }
.etabs4 span { border-left:1px solid #000; width:calc(25% - 1px); border-bottom:1px solid #000; font-size:1px; margin:0 0 0 -1px; display:inline-block }
.etabs3 span { border-left:1px solid #000; width:33%; font-size:1px; border-bottom:1px solid #000; margin:0 0 0 -1px; display:inline-block }
.etabs3 span:nth-child(2) { width:calc(34% - 2px) }
.etabs_solicitacoes span { width:calc(50% - 1px) }
.etabs1 span { width:calc(100% - 1px) }
.etabs5 span.active, .etabs_solicitacoes span.active, .etabs1 span.active,
.etabs4 span.active, .etabs3 span.active { border-bottom:none }
.etabs1 a, .etabs5 a, .etabs_solicitacoes a, .etabs4 a, .etabs3 a { font:20px/2.5 'Din'; letter-spacing:-1.04px; width:100%; color:#A8A4A7; display:inline-block }
.etabs1 a strong, .etabs5 a strong, .etabs_solicitacoes a strong, .etabs4 a strong, .etabs3 a strong { display:inline-block; margin:10px 0 0 15px; font:36px/1.2 'Din' }
.etabs1 a em, .etabs5 a em, .etabs_solicitacoes a em, .etabs4 a em, .etabs3 a em { display:inline-block; margin:8px 0 0 15px; letter-spacing:-.60px; text-transform:uppercase; font:14px/1 'DinMedium' }
.etabs1 a em, .etabs_solicitacoes a em, .etabs3 a em { text-transform:none; font:20px/2.4999 'Din' }
.etabs1 span.active a, .etabs5 span.active a, .etabs_solicitacoes span.active a, .etabs4 span.active a, .etabs3 span.active a { border-top:3px solid #CF2134; color:#252C33; cursor:default }
.etabs1 .inactive a, .etabs5 .inactive a, .etabs_solicitacoes .inactive a, .etabs4 .inactive a, .etabs3 .inactive a { color:#E0E0E0 }

.conteudo .panel-filtro { border-bottom:1px dashed #333; padding-bottom:20px; margin-bottom:20px }
.conteudo .busca { float:left; width:20px; margin:32px 20px 0 -15px }
.conteudo .busca #CPH_Conteudo_imgBuscaCep { width:20px }
.conteudo .filtro { float:left; margin-right:20px }
.conteudo .filtro-direita { float:right; margin-right:20px }
.conteudo .filtro-direita .botao { text-transform:uppercase; font:10px/1.2 'OpenSansBold' }
.conteudo .filtro div.select { border-radius:4px; border:1px solid #CCC; background:#F1F1F1; line-height:18px; height:18px; padding-bottom:9px }
.conteudo .filtro div.select select { font-size:11px; text-transform:uppercase }
.conteudo .filtro div.select::after { width:9px; height:5px; top:12px; right:11px; margin-top:0; background:url('images/drop-2.png') no-repeat 0 0 }
.conteudo .filtro input[type="text"], .conteudo .filtro textarea { text-transform:uppercase }
.conteudo .filtro input[type="submit"], .conteudo .filtro input[type="button"], .conteudo .filtro a.botao { text-transform:uppercase; font:10px/1.2 'OpenSansBold'; margin-top:29px }
.conteudo .filtro .sem_reboque { position:absolute }
.conteudo .placa_reboque_2 { float:left; margin:-36px 0 0 40px }
.conteudo p.bitrem_obs { margin-top:10px }


.conteudo .sumario table { border:1px solid #CCC }
.conteudo .sumario table thead tr th:nth-child(odd), .conteudo .sumario table thead tr th { color:#616161; background:#DDD; vertical-align:middle }
.conteudo .sumario table tbody tr td:nth-child(odd), .conteudo .sumario table tbody tr td { color:#616161; background:none; font:normal 14px/16px 'OpenSansSemiBold' }
.conteudo .sumario table tbody tr td a { text-indent:unset; cursor:pointer; font:normal 14px/16px 'OpenSansSemiBold' }

.conteudo .sumario table.sumario_posicionamento_rfb thead tr th { width:16.666666667% }

.conteudo .busca-inicial { border:1px solid #252C33; padding:20px; margin-bottom:20px }
.conteudo .busca-inicial label, .conteudo .busca-inicial input[type="text"], .conteudo .busca-inicial .botao { display:inline-block }
.conteudo .busca-inicial p.label { color:#252C33; font:14px/1 'OpenSansBold'; height:18px; vertical-align:top; margin-top:16px; margin-bottom:0; display:inline-block }
.conteudo .busca-inicial input[type="checkbox"], .conteudo .busca-inicial input[type="checkbox"] + label { margin-bottom:0 }
.conteudo .busca-inicial .botao { font:10px/1.2 'OpenSansBold'; vertical-align:middle }
.conteudo .busca-inicial .obs { position:absolute; margin:35px 0 0 -175px }
.conteudo .busca-inicial .ok, .conteudo .busca-inicial .erro { font-size:14px; margin-left:20px; margin-top:0; position:initial }
.conteudo .busca-inicial .fm-header { margin-bottom:40px }
.conteudo .busca-inicial h5 { font:13px/18px 'OpenSansSemiBold'; letter-spacing:0; margin:20px 0 10px 0; padding:5px 15px; background:#CCC }
.conteudo .busca-inicial .perguntas-ps label { margin:10px 5px 0 10px }
.conteudo .busca-inicial .perguntas-ps input { width:15px; text-align:center; color:#D21E2E !important }
.conteudo .busca-inicial .perguntas-ps p { font:13px/16px 'OpenSansItalic'; color:#D21E2E; margin:5px 10px }

.conteudo .botao-rodape-voltar { font:13px 'OpenSansSemiBold'; float:left; background-color:#375B7D }
.conteudo .botao-rodape-avancar { font:13px 'OpenSansSemiBold'; float:right }
.conteudo .botao-rodape-avancar2 { font:13px 'OpenSansSemiBold'; float:left; margin-left:20px }
.conteudo .botoes-rodape { border-top:1px dashed #333; padding-top:20px }
.conteudo .botoes-rodape div { text-align:center }
.conteudo .botoes-rodape-meio { font:14px 'OpenSansSemiBold'; margin:0 10px }

.conteudo .box-obs { border:1px solid #252C33; margin:10px 0 }
.conteudo .box-obs p { padding:15px }
.conteudo .box-obs h4 { font:13px/1.4 'OpenSans'; letter-spacing:0; padding:15px; background:#CCC }
.conteudo .box-obs h4 strong { font:normal 13px/1.2 'OpenSansBold'; letter-spacing:0.37px; text-shadow:0 1px 0 #FFF }

.conteudo .box-alerta { border:1px solid #D21E2E; margin:20px 0; padding:20px; text-align:center }
.conteudo .box-alerta p { color:#D21E2E; margin-top:10px }

.conteudo .box-atencao { border:1px solid #252C33; margin:20px 0 0 0 }
.conteudo .box-atencao h4 { font:13px/1.2 'OpenSansBold'; letter-spacing:0.37px; padding:15px; background:#CCC; text-shadow:0 1px 0 #FFF; margin-top:0 }
.conteudo .box-atencao h4 strong { font:normal 12px/1.2 'OpenSansBold'; text-shadow:none }
.conteudo .box-atencao p { margin:20px; line-height:20px }

.conteudo .unsuccess, .conteudo .success  { display:block; background:url('images/unsuccess-bg.png') no-repeat 8px center; text-transform:uppercase; border:1px solid #252C33; padding:15px 0 5px 40px; vertical-align:middle; margin:0 0 13px 2px; color:#252C33; font:normal 17px/29px 'Din'; letter-spacing:-.5px }
.conteudo .success { background:url(images/success-bg.png) no-repeat 8px center }
.conteudo .unsuccess strong, .conteudo .success strong { font:normal 17px/29px 'DinBold' }
.conteudo span.unsuccess, .conteudo span.success { padding:15px 0 12px 40px }

.conteudo .perguntas { float:left; width:70% }
.conteudo .perguntas h2 { font:22px/27px 'Din'; text-transform:uppercase }
.conteudo .perguntas h2 span { font-family:'DinBold'; background:none; width:auto; margin:0; display:inline; line-height:normal; height:auto }
.conteudo .perguntas ul { margin-top:22px }
.conteudo .perguntas li { padding-top:10px; padding-bottom:10px; border-top:1px dotted #b0b1b2 }
.conteudo .perguntas li span { height:23px; width:28px; margin:0 5px 0 0; background:url('images/number-list-bg.png') no-repeat center center; font:13px/17px 'OpenSansBoldItalic'; color:#FFF; display:inline-block; text-align:center; padding-top:5px }
.conteudo .perguntas li p { margin-left:34px; display:none; font:13px/17px 'OpenSansItalic'; color:#616161; padding-left:0 }
.conteudo .perguntas li a { font:14px/16px 'OpenSansBoldItalic'; color:#375b7d; margin:0; display:inline-block }

.conteudo .form-contato { float:right; width:25% }
.conteudo .form-contato h3 { font:18px/27px 'Din'; text-transform:uppercase; letter-spacing:-.75px; margin:0 0 7px 0; border:none; padding:0 }
.conteudo .form-contato h3 span { font-family:'DinBold' }
.conteudo .form-contato fieldset { padding:0 15px 21px; border:1px solid #252C33; display:block }
.conteudo .form-contato fieldset h4 { font:18px/29px 'DinMedium'; color:#252C33; text-transform:none; text-shadow:0 1px 0 #FFF; margin:15px 0 0 0; letter-spacing:normal; border:none }
.conteudo .form-contato fieldset input[type="text"] { width:90% }
.conteudo .form-contato fieldset textarea { width:90%; height:100px; padding:5px 10px }
.conteudo .form-contato fieldset .botao { font-size:11px; margin-top:10px }
.conteudo .form-contato fieldset span.telefone { display:block; width:40px; height:40px; margin-top:-40px; right:3%; position:absolute; background:url("images/strip.png") no-repeat 0 -440px }
.conteudo .form-contato fieldset span.email { display:block; width:40px; height:40px; margin-top:-40px; right:3%; position:absolute; background:url("images/strip.png") no-repeat 0 -495px }
.conteudo .form-contato fieldset ul li { background:url(images/required-bg.png) no-repeat 0px 7px; padding-left:7px; font:13px/18px 'OpenSansBoldItalic'; letter-spacing:.3px; color:#666 }

.conteudo .solicitar-desconto-credito label { width:133px }
.conteudo .solicitar-desconto-credito textarea { width:430px }
.conteudo .solicitar-desconto-credito .txtCliente { width:420px }
.conteudo .solicitar-desconto-credito .txtDocumento, .conteudo .solicitar-desconto-credito .txtDataVencimento { width:110px }
.conteudo .solicitar-desconto-credito .ddlServico { width:450px }
.conteudo .solicitar-desconto-credito .ddlTipo { width:130px }
.conteudo .solicitar-desconto-credito .desconto div.select { width:130px }
.conteudo .solicitar-desconto-credito .desconto input { width:110px }

.conteudo .cadastro { float:left; width:72% }
.conteudo .cadastro .recuo { margin-left:70px; margin-top:30px }
.conteudo .cadastro h2 { font:22px/1 'Din'; letter-spacing:-1.2px; color:#252C33; margin-bottom:30px }
.conteudo .cadastro h2 strong { font-family:'DinBold' }
.conteudo .cadastro h4 { text-transform:uppercase; margin:0 11px 0 -1px; padding-top:11px; font:10px/1 'DinMedium'; background:url(images/circle-bg.png) no-repeat left top; text-align:center; vertical-align:middle; color:#FFF; height:61px; width:60px; float:left; text-decoration:none }
.conteudo .cadastro h4 span { display:block; margin-top:-1px; font:30px/1 'Din' }
.conteudo .cadastro h3 { font:18px/1 'DinMedium'; letter-spacing:-.4px; margin:0; color:#252C33; display:inline-block; padding:0; border:none }
.conteudo .cadastro p { font:14px/1 'OpenSansSemiBoldItalic'; letter-spacing:0.4px; margin:7px 0 0 14px; color:#666 }
.conteudo .cadastro .botoes-rodape { margin-top:30px }
.conteudo .cadastro .erro { font-size:13px; position:absolute }
.conteudo .cadastro .clear { height:20px }
.conteudo .cadastro .envio_arquivos { margin-bottom:0; margin-top:0 }
.conteudo .cadastro .envio_arquivos p { width:300px; margin:0 0 20px 0 }
.conteudo .cadastro .termos div[id*="pnlTermosDespachante"] { border:1px solid #252C33; margin:0 0 0 70px; padding:0 20px; background:#E6E6E6 }
.conteudo .cadastro .termos h5 { color:#252c33; font:12px 'OpenSansBold'; line-height:18px; margin:30px 0 0 0; text-transform:uppercase }
.conteudo .cadastro .termos ul li, .conteudo .cadastro .termos p { color:#666; font:normal 12px 'OpenSans'; line-height:16px; margin:10px 0; letter-spacing:normal }
.conteudo .cadastro .termos fieldset {  }
.conteudo .novidades { float:right; width:25%; border:1px solid #1E242A }
.conteudo .novidades h5 { font:15px/1.3 'OpenSansBold'; margin:20px; color:#252c33 }
.conteudo .novidades ul { margin:20px }
.conteudo .novidades ul li { border-top:1px dotted #474C4E; padding:15px 0 }
.conteudo .novidades ul li:first-child { border-top:none }
.conteudo .novidades ul li p { display:inline-block; width:90px }
.conteudo .novidades ul li span { display:inline-block; font:13px/16px 'OpenSansItalic'; vertical-align:top; width:calc(95% - 90px); color:#666 }
.conteudo .novidades ul li span h6 { font:14px/1.1 'OpenSansBoldItalic'; margin:2px 0 3px 0; color:#666; letter-spacing:0.4px }

.conteudo .perguntas h2 { font:22px/27px 'Din'; text-transform:uppercase }
.conteudo .perguntas h2 span { font-family:'DinBold'; background:none; width:auto; margin:0; display:inline; line-height:normal; height:auto }
.conteudo .perguntas ul { margin-top:22px }
.conteudo .perguntas li { padding-top:10px; padding-bottom:10px; border-top:1px dotted #b0b1b2 }
.conteudo .perguntas li span { height:23px; width:28px; margin:0 5px 0 0; background:url('images/number-list-bg.png') no-repeat center center; font:13px/17px 'OpenSansBoldItalic'; color:#FFF; display:inline-block; text-align:center; padding-top:5px }
.conteudo .perguntas li p { margin-left:34px; display:none; font:13px/17px 'OpenSansItalic'; color:#616161; padding-left:0 }
.conteudo .perguntas li a { font:14px/16px 'OpenSansBoldItalic'; color:#375b7d; margin:0; display:inline-block }

.conteudo .filtros-busca-solicitacoes { margin:20px 0 40px 0 }
.conteudo .filtros-busca-solicitacoes label { display:inline-block; margin-right:20px }
.conteudo .filtros-busca-solicitacoes input[type="text"] { display:inline-block; text-transform:uppercase }
.conteudo .filtros-busca-solicitacoes .botao { display:inline-block; font:10px/1.2 'OpenSansBold'; vertical-align:middle }

.conteudo .filtro-agendamento label { display:inline-block; margin-right:20px; vertical-align:top }
.conteudo .filtro-agendamento input[type="text"], .conteudo .filtro-agendamento textarea { display:inline-block; text-transform:uppercase; margin-bottom:5px }
.conteudo .filtro-agendamento div.select { display:inline-block; margin-bottom:5px }
.conteudo .filtro-agendamento .botao { display:inline-block; font:10px/1.2 'OpenSansBold'; vertical-align:middle; margin-top:-2px }
.conteudo .filtro-agendamento .erro { font-size:13px; margin-left:10px; width:calc(100% - 680px) }

.conteudo .tab-container .envio_arquivos fieldset { border-bottom:1px dotted #ABABAB; margin:10px 0  }
.conteudo .tab-container .envio_arquivos fieldset p { font:normal 14px/18px 'OpenSansBoldItalic'; color:#666; display:inline-block; width:200px; vertical-align:middle }
.conteudo .tab-container .envio_arquivos fieldset p a { font:normal 14px/18px 'OpenSansBoldItalic' }
.conteudo .tab-container #qtd_parts { position:absolute; margin:-33px 0 0 164px }

.conteudo .agendamento-info { font:normal 12px 'OpenSans'; position:absolute; left:261px; margin-top:-15px; padding:5px 10px; background:#CCC }
.conteudo .agendamento-info-ps { font:normal 12px 'OpenSans'; padding:5px 10px; background:#CCC }
.conteudo .agendamento-info strong, 
.conteudo .agendamento-info-ps strong { font-family:'OpenSansBold'; font-weight:normal }
.conteudo .agendamento-info span,
.conteudo .agendamento-info-ps span { font:normal 14px 'OpenSansBold' }
.conteudo .informar-posteriormente { position:absolute; right:0; margin-right:33px; margin-top:-15px; padding:5px 10px; background:#CCC }
.conteudo .informar-posteriormente * { margin-bottom:0; margin-top:0; font-size:12px }
.conteudo .informar-posteriormente label { margin-left:5px }
.conteudo .posteriormente-averbacao .checkbox { margin:25px 0 0 0; display:inline-block; vertical-align:top }
.conteudo .posteriormente-averbacao label { margin:35px 0 0 3px; display:inline-block; vertical-align:top; cursor:pointer }

.conteudo .comprovante-agendamento { }
.conteudo .comprovante-agendamento .agendamento-incompleto h5 { display:block; margin:20px 0; color:#252C33; text-transform:uppercase; font:normal 18px/1 'DinLight' }
.conteudo .comprovante-agendamento .agendamento-incompleto p { display:block; margin:20px 0; color:#252C33; font:normal 24px/1 'DinBold' }


.conteudo .dados-trazidos { margin:20px 0; width:600px; border:1px dotted #666; padding:10px 20px }
.conteudo .dados-trazidos label { display:inline-block; vertical-align:top; font:13px/16px 'OpenSansBoldItalic'; margin:6px 0; height:auto }
.conteudo .dados-trazidos input[type="text"] { display:inline-block; text-transform:uppercase; border:none; background:none; vertical-align:top; margin:0; padding:0 10px }
.conteudo .dados-trazidos p { width:300px; display:inline-block; text-transform:uppercase; color:#999; font:13px/16px 'OpenSansItalic'; vertical-align:top; margin:5px 0; padding:0 10px }

.conteudo .dados-trazidos-input label { display:inline-block; font:13px/16px 'OpenSansBoldItalic' }
.conteudo .dados-trazidos-input input[type="text"] { display:inline-block; text-transform:uppercase }

.conteudo .dados-trazidos2 { margin:20px 0 10px 0; width:450px; border:1px dotted #666; padding:10px 20px }
.conteudo .dados-trazidos2 label { display:inline-block; vertical-align:top; font:13px/16px 'OpenSansBoldItalic'; margin:5px 0 }
.conteudo .dados-trazidos2 p { display:inline-block; vertical-align:top; text-transform:uppercase; color:#999; margin:5px 0; font:13px/16px 'OpenSansItalic' }

.conteudo .solicitacoes-dados { border:1px solid #252C33; padding:20px }
.conteudo .solicitacoes-dados p { color:#666; font:13px/1 'OpenSans' }
.conteudo .solicitacoes-dados p.obs_di { color:#252C33; font:12px/1 'OpenSans'; margin:0 }
.conteudo .solicitacoes-dados li { background:url(images/required-bg.png) no-repeat 0px 12px; border-bottom:1px dotted #666; padding:5px 10px; font:13px/18px 'OpenSansBoldItalic'; letter-spacing:.3px; color:#666 }
.conteudo .solicitacoes-dados #obs_atencao { margin-top:20px; color:#D51F2F }
.conteudo .solicitacoes-dados #obs_atencao a, .conteudo .solicitacoes-dados label a { color:#375B7D; font:13px/1 'OpenSansBold' }
.conteudo .solicitacoes-dados .obs_posicionamento { margin-top:20px; font:13px/1 'OpenSans'; color:#333 }

.conteudo .pergunta_radio input[type="radio"] { width:auto; cursor:pointer; height:auto !important; vertical-align:top; margin-left:0 }
.conteudo .pergunta_radio label { vertical-align:middle; font:13px/1 'OpenSans'; cursor:pointer; display:inline-block; margin-left:5px; margin-right:20px }
.conteudo .pergunta_radio p { font:normal 18px/1 'DinMedium'; color:#252C33 }
.conteudo .pergunta_radio span { margin:5px 0; display:inline-block }
.conteudo .pergunta_radio a { color:#375b7d; text-decoration:none; font:13px/1 'OpenSansBold' }
.conteudo .pergunta_radio a:hover { text-decoration:underline }

.conteudo table .lacres span { cursor:pointer; text-decoration:underline; color:#375b7d }
.conteudo table .lacres div { cursor:default; text-decoration:none; color:#616161; position:absolute; border:1px solid #616161; background:#FFF; padding:10px; width:150px; margin-top:-45px; margin-left:30px }
.conteudo .qtd_conteineres { font:13px/1 'OpenSansBold'; color:#666; display:block; margin:10px 0 0 0 }

.data_digitalizacao { display:inline-block }
.data_digitalizacao label { margin-right:10px }

.conteudo .status-carga { border:1px solid #252c33 }
.conteudo .status-carga h1, .conteudo .status-carga h2 { display:none }
.conteudo .status-carga .cabecalho { padding-top:12px; margin-bottom:11px; border-top:1px solid #444e58; border-bottom:1px solid #151a1f; background-color:#323c45 }
.conteudo .status-carga .cabecalho li { height:45px; display:inline-block; color:#9ba6b1; margin-right:20px; font:13px/16px 'OpenSansItalic'; letter-spacing:0.3px; background:url('images/strip.png') no-repeat 0 0 }
.conteudo .status-carga .cabecalho li span { display:block; font:14px/16px 'OpenSansBold' }
.conteudo .status-carga .cabecalho li.conteiner { margin-left:20px; padding-left:50px; background-position:0 -552px }
.conteudo .status-carga .cabecalho li.documento { margin-left:15px; padding-left:45px; background-position:-242px -552px }
.conteudo .status-carga .cabecalho li.chassi { margin-left:15px; padding-left:50px; background-position:-875px -552px }
.conteudo .status-carga .cabecalho li.status { padding-left:33px; background-position:0 -594px }
.conteudo .status-carga .cabecalho li.data-entrada, .conteudo .status-carga .cabecalho li.lote { padding-left:35px; background-position:0 -637px }
.conteudo .status-carga .cabecalho li.data-desova { padding-left:35px; background-position:-248px -637px }
.conteudo .status-carga .cabecalho li.data-saida { padding-left:35px; background-position:0 -681px }
.conteudo .status-carga .lista, .conteudo .status-carga .lista-conteineres { display:inline-table }
.conteudo .status-carga .lista li, .conteudo .status-carga .lista-conteineres li { color:#666; padding:5px 0 5px 9px; font:normal 13px/20px 'OpenSansBoldItalic'; background:url('images/required-bg.png') no-repeat 1px 12px; width:390px; margin-left:20px }
.conteudo .status-carga .lista-conteineres li { width:800px }
.conteudo .status-carga .lista li span, .conteudo .status-carga .lista-conteineres li span { color:#666; font:normal 13px/20px 'OpenSans' }
.conteudo .status-carga .rodape { border-top:1px dotted #252c33; margin:20px 20px 0 20px; padding:20px 0 }
.conteudo .status-carga .rodape ul li { display:inline-block; margin-right:20px; margin-top:10px }
.conteudo .status-carga .rodape p a { display:block; margin-top:5px }

.conteudo .vsb_panel_dashboard { border:1px solid #252c33; margin-bottom:20px }
.conteudo .vsb_panel_dashboard h3 { text-align:center; font:14px/16px 'OpenSansBold'; margin:0; border:none; padding:20px 0 10px 0 }
.conteudo .vsb_panel ul { display:block; min-height:40px; padding:10px; border-top:1px solid #444e58; border-bottom:1px solid #151a1f; background-color:#323c45 }
.conteudo .vsb_panel ul li { display:inline-block; width:200px; margin:0 5px; vertical-align:top }
.conteudo .vsb_panel ul li:first-child { width:190px; margin-left:0 }
.conteudo .vsb_panel ul li:last-child { margin-right:0 }
.conteudo .vsb_panel ul li img { position:absolute; display:inline-block }
.conteudo .vsb_panel ul li h6 { color:#9ba6b1; display:block; font:13px/16px 'OpenSansSemiBoldItalic'; letter-spacing:.3px; padding-left:35px; margin:0 }
.conteudo .vsb_panel ul li span { color:#9ba6b1; display:block; font:14px/16px 'OpenSansBoldItalic'; text-transform:uppercase; padding-left:35px }
.conteudo .vsb_panel .vsb_info { float:left; margin:20px }
.conteudo .vsb_panel .vsb_info h5 { font:14px/16px 'OpenSansBold'; display:inline-block; width:60px; text-align:center; text-indent:5px }
.conteudo .vsb_panel .vsb_info p { display:block; margin:2px 0 0 0; font:normal 12px "OpenSans", Arial; background:#E6E6E6; width:270px }
.conteudo .vsb_panel .vsb_info p strong,
.conteudo .vsb_panel .vsb_info p em { border-left:5px solid #385b7e; display:inline-block; padding:5px 0; width:60px; background:#CCC; font:normal 12px "OpenSansBold", Arial; text-align:center }
.conteudo .vsb_panel .vsb_info img.paralisacao { position:absolute; margin:-15px 0 0 640px }
.conteudo .vsb_panel .vsb_info_operacoes { float:left; margin:20px 0 0 15px; width:252px }
.conteudo .vsb_panel .vsb_info_operacoes a { font-size:13px }
.conteudo .vsb_panel .vsb_info_operacoes table td.vermelho { background-color:#D51F2F; color:#FFF !important }
.conteudo .vsb_panel .vsb_info_operacoes table td.verde { background-color:#27A139; color:#FFF !important }
.conteudo .vsb_panel .vsb_info_operacoes table td.amarelo { background-color:#DDDF0D; color:#333 !important }

.conteudo .vsb_panel .vsb_info_operacoes table td a { text-transform:uppercase; width:auto; min-width:16px; font:normal 11px 'OpenSansSemiBold'; text-indent:unset }
.conteudo .vsb_panel .vsb_info_ocupacao { margin:0 20px }
.conteudo .vsb_panel .vsb_info_ocupacao_por1 h5,
.conteudo .vsb_panel .vsb_info_ocupacao_por2 h5,
.conteudo .vsb_panel .vsb_info_ocupacao_por3 h5,
.conteudo .vsb_panel .vsb_info_ocupacao h5 { font:14px/16px 'OpenSansBold'; display:inline-block; width:100px; text-align:center; text-indent:5px }
.conteudo .vsb_panel .vsb_info_ocupacao_por1 p,
.conteudo .vsb_panel .vsb_info_ocupacao_por2 p,
.conteudo .vsb_panel .vsb_info_ocupacao_por3 p { display:block; margin:2px 0 0 0; font:normal 12px "OpenSans", Arial; background:#E6E6E6; width:460px }
.conteudo .vsb_panel .vsb_info_ocupacao p { display:block; margin:2px 0; font:normal 12px "OpenSans", Arial; background:#E6E6E6; width:460px }
.conteudo .vsb_panel .vsb_info_ocupacao_por1 p strong,
.conteudo .vsb_panel .vsb_info_ocupacao_por2 p strong,
.conteudo .vsb_panel .vsb_info_ocupacao_por3 p strong,
.conteudo .vsb_panel .vsb_info_ocupacao p strong,
.conteudo .vsb_panel .vsb_info_ocupacao_por1 p em,
.conteudo .vsb_panel .vsb_info_ocupacao_por2 p em,
.conteudo .vsb_panel .vsb_info_ocupacao_por3 p em,
.conteudo .vsb_panel .vsb_info_ocupacao p em { border-left:5px solid #385b7e; display:inline-block; padding:5px 0; width:100px; background:#CCC; font:normal 12px "OpenSansBold", Arial; text-align:center }
.conteudo .vsb_panel .vsb_info p em,
.conteudo .vsb_panel .vsb_info_ocupacao_por1 p em,
.conteudo .vsb_panel .vsb_info_ocupacao_por2 p em,
.conteudo .vsb_panel .vsb_info_ocupacao_por3 p em,
.conteudo .vsb_panel .vsb_info_ocupacao p em { margin-right:10px; border-color:#d51f2f }
.conteudo .vsb_panel .vsb_grafico { float:left }
.conteudo .vsb_panel .vsb_grafico .grafico { float:left; width:300px; height:200px; padding-top:20px }
.conteudo .vsb_panel .vsb_grafico_operacoes { float:left; width:380px; height:240px }
.conteudo .vsb_panel .vsb_ocupacao { float:left; width:500px; margin-bottom:40px }
.conteudo .vsb_panel .vsb_ocupacao div.grafico { height:280px }
.conteudo .vsb_panel .titulo_grafico { font:normal 30px 'OpenSansSemiBold', Arial; margin-top:-70px }
.conteudo .vsb_panel .tt_rtg_sts { margin-top:20px }
.conteudo .vsb_panel .tt_rtg_sts p { font:18px/30px 'OpenSansBold'; border:1px solid #444e58; text-align:center; display:inline-block; margin-left:12px; width:71px }
.conteudo .vsb_panel .tt_rtg_sts p:first-child { margin-left:0 }
.conteudo .vsb_panel .tt_rtg_sts p.vermelho { background-color:#D51F2F; color:#FFF !important }
.conteudo .vsb_panel .tt_rtg_sts p.amarelo { background-color:#DDDF0D; color:#333 !important }
.conteudo .vsb_panel .tt_rtg_sts p.verde { background-color:#27A139; color:#FFF !important }
.conteudo .vsb_panel .tt_rtg_sts p span { font:14px/12px 'OpenSansBold'; display:block; text-align:center; background:#323C45; color:#9ba6b1; padding:7px 0; margin-bottom:7px }

.conteudo .producao .prod_head, 
.conteudo .producao .prod_head2 { margin:0 0 10px 0; font-size:1px }
.conteudo .producao .prod_head .prod_head_h1, .conteudo .producao .prod_head .prod_head_h2, 
.conteudo .producao .prod_head .prod_head_h3, .conteudo .producao .prod_head .prod_head_e,
.conteudo .producao .prod_head2 .prod_head_h1, .conteudo .producao .prod_head2 .prod_head_h2, 
.conteudo .producao .prod_head2 .prod_head_h3, .conteudo .producao .prod_head2 .prod_head_e
{ display:block; float:left; border-top:1px solid #444e58; border-bottom:1px solid #444e58; text-transform:uppercase; font:11px/1 'OpenSansSemiBold'; padding:7px 10px; letter-spacing:0.35px; }
.conteudo .producao .prod_head2 .prod_head_h1, .conteudo .producao .prod_head2 .prod_head_h2, 
.conteudo .producao .prod_head2 .prod_head_h3, .conteudo .producao .prod_head2 .prod_head_e { padding:7px 3px }
.conteudo .producao .prod_head .prod_head_h1 { background:#2D363E; color:#9ba6b1; width:calc(4.7% - 20px) }
.conteudo .producao .prod_head .prod_head_h2 { background:#DDD; color:#616161; width:calc(4.9% - 20px) }
.conteudo .producao .prod_head .prod_head_h3 { background:#FFF; color:#616161; width:calc(4.4% - 20px); text-align:right }
.conteudo .producao .prod_head2 .prod_head_h1 { background:#2D363E; color:#9ba6b1; width:65px }
.conteudo .producao .prod_head2 .prod_head_h2 { background:#DDD; color:#616161; width:42px }
.conteudo .producao .prod_head2 .prod_head_h3 { background:#FFF; color:#616161; width:35px; text-align:right }
.conteudo .producao .prod_head .last, 
.conteudo .producao .prod_head2 .last { border-right:1px solid #444e58 }
.conteudo .producao .prod_head .prod_head_e { padding:7px 0; width:calc(1% - 3px); border-color:#F2F7F3; border-left:1px solid #444e58; border-right:1px solid #444e58 }
.conteudo .producao .prod_head2 .prod_head_e { padding:7px 0; width:10px; border-color:#F2F7F3; border-left:1px solid #444e58; border-right:1px solid #444e58 }
.conteudo .producao .prod_head .verde, 
.conteudo .producao .prod_head2 .verde { background-color:#27A139; color:#FFF !important }
.conteudo .producao .prod_head .vermelho, 
.conteudo .producao .prod_head2 .vermelho { background-color:#D51F2F; color:#FFF !important }
.conteudo .producao .prod_head .amarelo,
.conteudo .producao .prod_head2 .amarelo { background-color:#DDDF0D; color:#333 !important }

.range { position:absolute; background:#FFF; width:250px; padding:10px }
.range tr.marca_tr td { background:#c2e0ff; font-family:'OpenSansBold', sans-serif; color:#000 }

.conteudo .vsb_panel .rodape { color:#323c45; background-color:#9ba6b1; padding:5px 0 }
.conteudo .vsb_panel .rodape p { display:inline-block; font:13px/16px 'OpenSansBoldItalic'; margin:0 30px }
.conteudo .vsb_panel .rodape p span { display:block; font:normal 12px/16px 'OpenSansSemiBoldItalic' }
.conteudo div ul.vsb_tracking { margin:30px 0 0 10px }
.conteudo div ul.vsb_tracking li { display:inline-block; background:#343C45; width:16%; margin-right:0.3%; text-align:center }
.conteudo div ul.vsb_tracking li:last-child { margin-right:0 }
.conteudo div ul.vsb_tracking li img { border-bottom:15px solid #323C45; border-top:15px solid #323C45 }
.conteudo div ul.vsb_tracking li a { display:block; text-decoration:none; font:12px/1 'OpenSansSemiBold'; background-color:#40658A; padding:5px; text-align:center; color:#EEE; letter-spacing:.35px; text-transform:uppercase; border-top:2px solid #FFF }
.conteudo div ul.vsb_tracking li p { display:block; font:16px/1 'OpenSansSemiBold'; background-color:#CCC; padding:10px 0; text-align:center; margin:0; color:#151a1f; letter-spacing:.35px }
.conteudo div.vsb_embarcados { float:right; color:#252c33; font:normal 14px/1 'OpenSansBold'; margin:35px 0 0 15px }
.conteudo .vsb_panel_dashboard .grafico { padding-top:30px }
.conteudo .vsb_panel_dashboard .panel_table { margin:0 20px 20px 20px; background:#ECECEC; padding:20px }
.operacao-detalhe { width:720px; height:422px; overflow-y:scroll; padding:20px }
.operacao-detalhe .botao { float:right; margin-bottom:10px; font:10px/1.2 'OpenSansBold' }
.operacao-detalhe table { float:none; clear:both; width:700px }
.operacao-detalhe table thead th { border-bottom:1px solid #252c33 }
.operacao-detalhe table tbody tr:last-child td { font-family:'OpenSansSemiBold'; color:#616161 }
.conteudo .vsb_panel .ver_detalhe_operacao { font-size:13px }

.tabelas_produtividade_operacao { padding:20px }
.tabelas_produtividade_operacao h2 { color:#252c33; text-transform:uppercase; font:18px/1 'DinMedium'; letter-spacing:-0.98px }
.tabelas_produtividade_operacao table { margin:20px 0; clear:both }
.tabelas_produtividade_operacao .botao { font: 10px/1.2 'OpenSansBold'; margin:10px 0; float:right }
.tabelas_produtividade_operacao .grafico { width:685px; margin:20px 0 }


/* DASHBOARD PATIO */
.dashboards_patio h2 { margin-top:10px; font:18px 'OpenSansBold'; text-align:center }
.dashboards_patio h3 { float:right; font:30px 'OpenSansBold'; padding:5px 10px; width:60px; background:#aebac6; color:#252C33; border:none; margin:0 }
.dashboards_patio p { font:14px 'OpenSansSemiBold'; margin:0 auto; line-height:18px; padding:5px; display:block; width:150px; text-align:center; background:#323C45; color:#FFF }
.dashboards_patio span { font:22px 'OpenSansBold'; margin:0 auto; line-height:36px; padding:5px; display:block; width:150px; text-align:center; background:#9ba6b1; color:#252C33 }
.dashboards_patio .dash_patio_ocupacao { float:left; width:calc(33.33333333% - 2px); margin:5px 0; border:1px solid #252c33; text-align:center; height:330px }
.dashboards_patio .dash_patio_qtds { float:left; width:calc(16% - 2px); margin:5px 0; border:1px solid #252c33; height:480px }
.dashboards_patio .dash_patio_graficos { float:left; height:480px; width:calc(42% - 2px); border:1px solid #252c33; margin:5px 0; text-align:center }
.dashboards_patio .dash_patio_graficos50 { float:left; height:480px; width:calc(50% - 2px); border:1px solid #252c33; margin:5px 0; text-align:center }
.dashboards_patio .ml { width:calc(50% - 32px); padding:0 10px; margin-left:10px }
.dashboards_patio .pl { width:calc(38% - 2px); padding-left:4% }
.dashboards_patio .dash_patio_cntr { float:left; height:470px; width:calc(15% - 2px); border:1px solid #252c33; text-align:center; margin:5px 0 }
.dashboards_patio .margin { width:calc(33.33333333% - 22px); margin:5px 10px }
.dashboards_patio .margin2 { width:calc(42% - 22px); margin:5px 10px }
.dashboards_patio .margin3 { width:calc(70% - 22px); height:470px; margin-left:10px; margin-right:10px; padding-top:0 }

.dash_patio_ocupacao .q { float:none; margin:-55px auto 0 auto; text-align:center }
.dash_patio_ocupacao .q p { border:1px solid #444e58; text-align:center; padding:0 !important; font:normal 14px 'OpenSans' !important; display:inline-block; line-height:27px !important; margin-bottom:10px; height:27px; width:110px !important }
.dash_patio_ocupacao .q p.vermelho { background-color:#D51F2F; color:#FFF !important }
.dash_patio_ocupacao .q p.amarelo { background-color:#DDDF0D; color:#333 !important }
.dash_patio_ocupacao .q p.verde { background-color:#27A139; color:#FFF !important }
.dash_patio_ocupacao .q p.transparente { background-color:#f2f7f3; color:#333 !important; font:normal 15px/27px 'OpenSansBold' !important }
.dash_patio_ocupacao .q p span {  display:block; float:left; font:normal 13px 'OpenSans' !important; width:44px; height:23px; line-height:27px; text-align:center; padding:4px 0 0 0 !important; background:#323C45; color:#FFF }
.dash_patio_ocupacao .q p.op1, .dash_patio_ocupacao .q p.op2, .dash_patio_ocupacao .q p.op3 { background-color:#f2f7f3; color:#333 !important; font:normal 13px/27px 'OpenSansBold' !important }
.dash_patio_ocupacao .q p.op1 span, .dash_patio_ocupacao .q p.op2 span, .dash_patio_ocupacao .q p.op3 span { display:block; float:left; font:normal 12px 'OpenSans' !important; height:23px; line-height:27px; text-align:center; padding:4px 0 0 0 !important; background:#323C45; color:#FFF }
.dash_patio_ocupacao .q p.op1 { width:125px !important }
.dash_patio_ocupacao .q p.op1 span { width:80px }
.dash_patio_ocupacao .q p.op2 span { width:65px }
.dash_patio_ocupacao .q p.op3 { width:80px !important }
.dash_patio_ocupacao .q p.op3 span { width:40px }

.ocr-monitor .filtro { margin:20px 0 0 10px }
.ocr-monitor .filtro #lblLane, .ocr-monitor .filtro .select { float:left }
.ocr-monitor .filtro .select { margin-left:10px }
.ocr-monitor .filtro .right { margin-right:10px }
.ocr-monitor table { width:calc(100% - 20px); margin:5px auto 20px auto }
.ocr-monitor .erro { font-size:14px; display:block; width:calc(100% - 20px); padding-top:100px; text-align:center }
.ocr-monitor p { font-size:12px; display:block; margin:20px 0 0 0; width:calc(100% - 10px); text-align:right }



/* Estoque */
.estoque_mapa { width:1280px; height:739px; position:relative }
.estoque_mapa .cinza  { background:#DDD; border:1px solid #000; font:normal 9px Arial; text-align:center; color:#000; position:absolute }
.estoque_mapa .virado { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg) }
.estoque_mapa .se-04 { width:35px; height:40px; left:220px; top:90px; line-height:40px }
.estoque_mapa .balan { width:40px; height:15px; left:490px; top:230px; line-height:15px }
.estoque_mapa .pesar { width:60px; height:20px; left:485px; top:465px; line-height:20px }
.estoque_mapa .armz1 { width:130px; height:50px; left:285px; top:665px; line-height:50px }
.estoque_mapa .armz2 { width:91px; height:52px; left:417px; top:665px; line-height:52px; background:url(../img/armz2.png) no-repeat 0 0; border:none }
.estoque_mapa .manut1 { width:20px; height:25px; left:425px; top:290px }
.estoque_mapa .manut2 { width:50px; height:20px; left:450px; top:290px; line-height:20px }
.estoque_mapa .manut3 { width:15px; height:15px; left:535px; top:310px }
.estoque_mapa .adm { width:135px; height:45px; left:1060px; top:405px; line-height:45px }
.estoque_mapa .gate { width:45px; height:75px; left:900px; top:390px; line-height:75px }
.estoque_mapa .chique { display:none; width:74px; height:74px; left:874px; top:515px; line-height:75px }
.estoque_mapa .cist { width:30px; height:40px; left:525px; top:345px; line-height:40px }
.estoque_mapa .refeit { width:35px; height:20px; left:600px; top:370px; line-height:20px }
.estoque_mapa .srf { width:35px; height:30px; left:815px; top:380px; line-height:25px; background:url(../img/srf.gif) no-repeat 0 0; border:none }
.estoque_mapa .se-ec { width:30px; height:20px; left:785px; top:395px; line-height:20px; background:url(../img/se-ec.gif) no-repeat 0 0; border:none }
.estoque_mapa .se-07 { width:30px; height:20px; left:375px; top:320px; line-height:20px }
.estoque_mapa .se-new { width:68px; height:30px; left:365px; top:353px; line-height:30px; background:url(../img/se-new.gif) no-repeat 0 0; border:none }
.estoque_mapa .se-old { width:60px; height:30px; left:460px; top:345px; line-height:44px; background:url(../img/se-old.gif) no-repeat 0 0; border:none }

.estoque_mapa input[type="button"] { position:absolute; cursor:pointer; font:bold 11px Arial; color:#FFF; text-align:center; border-radius:0; display:block; border:1px solid #000; padding:0 }
.estoque_mapa input[type="button"]:hover { opacity:0.5 }

.estoque_mapa .A   { width:235px; height:50px;  left:22px;   top:97px;  background:#376597 }
.estoque_mapa .B   { width:300px; height:35px;  left:22px;   top:160px; background:#376597 }
.estoque_mapa .BL  { width:200px; height:12px;  left:22px;   top:300px; background:#376597 }
.estoque_mapa .C   { width:300px; height:35px;  left:22px;   top:205px; background:#376597 }
.estoque_mapa .MC  { width:146px; height:56px;  left:1088px; top:79px;  background:#376597 }
.estoque_mapa .CT  { width:21px;  height:20px;  left:394px;  top:630px; background:#376597 }
.estoque_mapa .IMO { width:55px;  height:23px;  left:119px;  top:522px; background:#376597 }
.estoque_mapa .D   { width:300px; height:35px;  left:22px;   top:255px; background:#376597 }
.estoque_mapa .E   { width:180px; height:35px;  left:22px;   top:320px; background:#376597 }
.estoque_mapa .EP  { width:45px;  height:29px;  left:131px;  top:440px; background:#376597 }
.estoque_mapa .F   { width:172px; height:20px;  left:22px;   top:377px; background:#376597 }
.estoque_mapa .G   { width:280px; height:43px;  left:374px;  top:94px;  background:#376597 }
.estoque_mapa .H   { width:280px; height:35px;  left:374px;  top:157px; background:#376597 }
.estoque_mapa .I   { width:280px; height:35px;  left:374px;  top:204px; background:#376597 }
.estoque_mapa .J   { width:280px; height:27px;  left:374px;  top:260px; background:#376597 }
.estoque_mapa .K   { width:315px; height:40px;  left:374px;  top:250px; background:#376597 }
.estoque_mapa .L   { width:217px; height:38px;  left:453px;  top:318px; background:#376597 }
.estoque_mapa .M   { width:45px;  height:137px; left:718px;  top:138px; background:#376597 }
.estoque_mapa .N   { width:254px; height:37px;  left:846px;  top:241px; background:#376597 }
.estoque_mapa .O   { width:254px; height:28px;  left:846px;  top:191px; background:#376597 }
.estoque_mapa .P   { width:146px; height:42px;  left:846px;  top:138px; background:#376597 }
.estoque_mapa .Q   { width:108px; height:18px;  left:846px;  top:95px; background:#376597 }
.estoque_mapa .R   { width:45px;  height:20px;  left:34px;   top:443px; background:#376597 }
.estoque_mapa .S   { width:68px;  height:19px;  left:235px;  top:564px; background:#376597 }
.estoque_mapa .T   { width:45px;  height:137px; left:768px;  top:138px; background:#376597 }
.estoque_mapa .U   { width:94px;  height:19px;  left:135px;  top:564px; background:#376597 }
.estoque_mapa .V   { width:18px;  height:60px;  left:308px;  top:565px; background:#376597 }
.estoque_mapa .W   { width:145px; height:50px;  left:496px;  top:452px; background:#376597 }
.estoque_mapa .X   { width:17px;  height:31px;  left:314px;  top:433px; background:#376597 }
.estoque_mapa .Y   { width:108px; height:17px;  left:225px;  top:477px; background:#376597 }
.estoque_mapa .Z   { width:18px;  height:60px;  left:215px;  top:411px; background:#376597 }
.estoque_mapa .cargasolta { width:265px; height:35px; left:835px; top:570px; background:#449D44 }
.estoque_mapa .DDI { width:315px; height:40px;  left:680px;  top:34px;  background:#376597 }

.estoque_tabela div table tr td a { text-transform:uppercase }
.estoque_mapa .checkbox { position:absolute; margin-top:-24px }
.estoque_mapa .checkbox label { font-family:'OpenSansBold' }

.conteudo .tela-cheia .checkbox label, 
.conteudo .tela-cheia .checkbox input { margin-bottom:5px; font:normal 14px/1 'OpenSansBold'; }
.conteudo .vsb_panel .vsb_info table td.vermelho { background-color:#D51F2F; color:#FFF !important }
.conteudo .vsb_panel .vsb_info table td.verde { background-color:#27A139; color:#FFF !important }
.tempo_operacao { font:18px/1 'OpenSansBold'; color:#444e58; width:750px; position:absolute; margin:20px 0 0 0; text-align:center }
.tempo_operacao span { font:18px/1 'OpenSansBold' }
.conteudo h2.atualizadoem { font:14px 'OpenSansItalic'; letter-spacing:normal; margin:-20px 0 20px 0; color:#252C33 }

.table_print_th { width:93%; margin:20px auto 0 auto !important; border-collapse:collapse }
.table_print { width:93%; margin:-1px auto !important; border-collapse:collapse }


/* FUNDO ESCURO */
.conteudo .fundo-escuro { background:#252C32; border:1px solid #252C32; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; padding:10px }
.conteudo .fundo-escuro .filtros-busca { background:#313B43; padding:5px 20px 15px 20px; margin-bottom:30px }
.conteudo .fundo-escuro .filtros-busca label { font:12px/1 'OpenSansSemiBold'; color:#FFF; padding-left:5px }
.conteudo .fundo-escuro .filtros-busca input[type="text"] { border:1px solid #191F26; background:#3A444F; color:#9AABB9; font:normal 11px/21px "OpenSansItalic"; height:23px; padding:0 5px }
.conteudo .fundo-escuro .filtros-busca .botao { font:10px/1 'OpenSansBold'; padding:6px 12px }
.conteudo .fundo-escuro .filtros-busca .legenda { line-height:18px; padding:10px 0 0 0; font:normal 12px "OpenSansItalic"; color:#FFF }
.conteudo .fundo-escuro .filtros-busca .legenda strong { font:normal 12px "OpenSansBoldItalic" }
.conteudo .fundo-escuro .filtros-busca .botao-imprimir { position:absolute; right:60px; margin-top:15px }
.conteudo .fundo-escuro a.botao[id*=lnkExportarExcel] { font-size:10px; float:right; margin:-7px 17px 0 0 }
.conteudo .fundo-escuro .simple-tab .tabs li { display:inline-block; text-align:center; width:150px; position:relative; z-index:99 }
.conteudo .fundo-escuro .simple-tab .tabs li a { background:#323c45; font:bold 14px DinLight; opacity:0.4; line-height:36px; text-transform:uppercase; display:block; color:#FFF }
.conteudo .fundo-escuro .simple-tab .tabs li a.active { opacity:1.0; border-top:2px solid #7ecdf5 }
.conteudo .fundo-escuro table { border:none }
.conteudo .fundo-escuro table td, .conteudo .fundo-escuro table th { text-align:center; color:#FFF }
.conteudo .fundo-escuro table td:nth-child(even) { background:#1f272d }
.conteudo .fundo-escuro table th { background:#323C45; border-bottom:1px dotted #676767; color:#9BA6B1 }
.conteudo .fundo-escuro table tbody tr:hover > td,
.conteudo .fundo-escuro table tbody tr:hover > th { background:#000; opacity:0.6 }
.conteudo .fundo-escuro table.janela thead tr:nth-child(1) th { border-left:1px dotted #676767 }
.conteudo .fundo-escuro table.janela thead tr:nth-child(1) th:first-child { border-left:none }
.conteudo .fundo-escuro table.janela thead tr:nth-child(2) th:nth-child(3n+1), .conteudo .fundo-escuro table.janela tr td:nth-child(3n+2) { border-left:1px dotted #676767 }
.conteudo .fundo-escuro table tbody td { width:4.1%; border-bottom:1px dotted #343f4a }
.conteudo .fundo-escuro h4 { font:18px/21px 'OpenSansSemiBoldItalic'; background:url(images/strip.png) no-repeat 6px -400px; padding-left:30px; letter-spacing:0.35px; text-decoration:none; margin:0 0 10px 0; color:#FFF; display:inline-block }
.conteudo .fundo-escuro .filtro div.select { border-radius:2px; border:1px solid #191F26; background:#3A444F; line-height:23px; height:23px; padding:0 }
.conteudo .fundo-escuro .filtro div.select select { text-transform:uppercase; border:none; background:#3A444F; height:23px; font:normal 11px/1.1 "OpenSansItalic"; color:#9AABB9 }
.conteudo .fundo-escuro .filtro div.select::after { width:8px; height:4px; top:10px; right:11px; margin-top:0; background:url('images/drop-2.png') no-repeat 0 0 }
.conteudo .fundo-escuro span.obs_navio { font:13px/18px 'OpenSansItalic'; display:block; margin-bottom:-5px; color:#ff6273 }

.tela_email { border-top: 5px solid #252C33; background: #355677 }
.tela_email form { background:#FFF; padding:30px 0 50px 0 }
.tela_email form div { margin:0 auto; width:650px; background:#FFF }
.tela_email form div img { vertical-align:middle }
.tela_email form div h2 { font:bold 22px "OpenSans", Arial; display:inline-block; margin:0 0 80px 30px; text-transform:uppercase; color:#E10025 }
.tela_email form div h3 { font:normal 20px 'DinLight'; color:#252c33; text-transform:uppercase; margin:0 0 10px 0 }
.tela_email form div h3 strong { font:normal 20px 'DinBold' }
.tela_email form div h4 { font:bold 18px 'DinLight'; color:#252c33; text-transform:uppercase; margin:40px 0 10px 0 }
.tela_email form div.info { font:normal 13px "OpenSans", Arial; display:block; color:#666; border:1px solid #CCC; padding:20px }
.tela_email form div textarea { display:block; height:100px; width:650px; border:1px solid #d0d0d0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:rgba(0, 0, 0, 0.05); color:#666; font:normal 13px "OpenSans", Arial; padding:8px; margin-bottom:20px }
.tela_email form div input[type="submit"] { font-size:14px; padding: 8px 25px }
.tela_email form div input[type="radio"] + label { font:normal 16px "OpenSans", Arial; margin-right:50px; vertical-align:top; margin-top:1px }
.tela_email form div #rbtLstRating { margin-bottom:30px; display:block; margin-top:20px }
.tela_email form div .erro { position:unset; margin-bottom:60px; margin-top:30px; font:italic 14px "OpenSans", Arial }
.popup-janela-especial form { padding-bottom:20px }
.popup-janela-especial form div { padding:0; margin:0 20px; width:auto; zoom:0.91 }
.popup-janela-especial form div img { display:none }
.popup-janela-especial form div h2 { margin:0 0 40px 0 }
.popup-janela-especial form div div.info { margin:0; width:650px; font-size:14px }
.popup-janela-especial form div div.info td, .popup-janela-especial form div div.info th { font-size:14px }
.popup-janela-especial form div div.info p { display:inline-block; width:50% }
.popup-janela-especial form div textarea { width:600px }


/* TOOLTIP */
.conteudo th a.tip_trigger { vertical-align:sub; margin:0 0 0 5px }
.conteudo td a.tip_trigger { vertical-align:text-top }
.conteudo span.tip { color:#fff; background:#666; display:none; padding:10px; position:absolute; z-index:1000; text-transform:none; font-family:"OpenSansItalic" }
.conteudo table span.tip { color:#fff; background:#666; display:none; padding:10px; position:absolute; z-index:1000; text-transform:none; width:auto; height:auto }


/* LOADING */
.loading { position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; background: url(images/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:normal 14px "DinBold", sans-serif; color:#000; padding:30px 0 10px 0 }
.cssload-container { display:inline-block }
.cssload-dots { display:inline-block; position:relative }
.cssload-dots:not(:last-child) { margin-right:12px }
.cssload-dots:before, .cssload-dots:after { content:""; display:inline-block; width:8px; height:8px; border-radius:50%; position:absolute }
.cssload-dots:nth-child(1):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; 
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite; 
                                    animation-delay:-1.04s; -o-animation-delay:-1.04s; -webkit-animation-delay:-1.04s; -moz-animation-delay:-1.04s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(1):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-1.04s; -o-animation-delay:-1.04s; -webkit-animation-delay:-1.04s; -moz-animation-delay:-1.04s; background-color:rgba(0,57,127,0.97) }
.cssload-dots:nth-child(2):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-2.07s;	-o-animation-delay:-2.07s; -webkit-animation-delay:-2.07s; -moz-animation-delay:-2.07s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(2):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-2.07s; -o-animation-delay:-2.07s; -webkit-animation-delay:-2.07s; -moz-animation-delay:-2.07s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(3):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-3.11s; -o-animation-delay:-3.11s; -webkit-animation-delay:-3.11s; -moz-animation-delay:-3.11s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(3):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-3.11s; -o-animation-delay:-3.11s; -webkit-animation-delay:-3.11s; -moz-animation-delay:-3.11s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(4):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-4.14s; -o-animation-delay:-4.14s; -webkit-animation-delay:-4.14s; -moz-animation-delay:-4.14s; background-color:rgba(225,0,37,0.98) }
.cssload-dots:nth-child(4):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-4.14s; -o-animation-delay:-4.14s; -webkit-animation-delay:-4.14s; -moz-animation-delay:-4.14s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(5):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-5.18s; -o-animation-delay:-5.18s; -webkit-animation-delay:-5.18s; -moz-animation-delay:-5.18s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(5):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-5.18s; -o-animation-delay:-5.18s; -webkit-animation-delay:-5.18s; -moz-animation-delay:-5.18s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(6):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-6.21s; -o-animation-delay:-6.21s; -webkit-animation-delay:-6.21s; -moz-animation-delay:-6.21s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(6):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-6.21s; -o-animation-delay:-6.21s; -webkit-animation-delay:-6.21s; -moz-animation-delay:-6.21s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(7):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-7.25s; -o-animation-delay:-7.25s; -webkit-animation-delay:-7.25s; -moz-animation-delay:-7.25s; background-color:rgba(225,0,37,0.98) }
.cssload-dots:nth-child(7):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-7.25s; -o-animation-delay:-7.25s; -webkit-animation-delay:-7.25s; -moz-animation-delay:-7.25s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(8):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-8.28s; -o-animation-delay:-8.28s; -webkit-animation-delay:-8.28s; -moz-animation-delay:-8.28s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(8):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-8.28s; -o-animation-delay:-8.28s; -webkit-animation-delay:-8.28s; -moz-animation-delay:-8.28s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(9):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-9.32s; -o-animation-delay:-9.32s; -webkit-animation-delay:-9.32s; -moz-animation-delay:-9.32s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(9):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-9.32s; -o-animation-delay:-9.32s; -webkit-animation-delay:-9.32s; -moz-animation-delay:-9.32s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(10):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                     -o-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                     animation-delay:-10.35s; -o-animation-delay:-10.35s; -webkit-animation-delay:-10.35s; -moz-animation-delay:-10.35s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(10):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                    -o-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                    animation-delay:-10.35s; -o-animation-delay:-10.35s; -webkit-animation-delay:-10.35s; -moz-animation-delay:-10.35s; background-color:rgb(0,57,127) }
@keyframes cssload-animBefore { 0% { transform:scale(1) translateY(-200%); z-index:1 } 25% { transform:scale(1.3) translateY(0); z-index:1	}
	50% {
		transform:scale(1) translateY(200%);
		z-index:-1;
	}
	75% {
		transform:scale(0.7) translateY(0);
		z-index:-1;
	}
	100% {
		transform:scale(1) translateY(-200%);
		z-index:-1;
	}
}
@-o-keyframes cssload-animBefore {
	0% {
		-o-transform:scale(1) translateY(-200%);
		z-index:1;
	}
	25% {
		-o-transform:scale(1.3) translateY(0);
		z-index:1;
	}
	50% {
		-o-transform:scale(1) translateY(200%);
		z-index:-1;
	}
	75% {
		-o-transform:scale(0.7) translateY(0);
		z-index:-1;
	}
	100% {
		-o-transform:scale(1) translateY(-200%);
		z-index:-1;
	}
}
@-ms-keyframes cssload-animBefore {
	0% {
		-ms-transform:scale(1) translateY(-200%);
		z-index:1;
	}
	25% {
		-ms-transform:scale(1.3) translateY(0);
		z-index:1;
	}
	50% {
		-ms-transform:scale(1) translateY(200%);
		z-index:-1;
	}
	75% {
		-ms-transform:scale(0.7) translateY(0);
		z-index:-1;
	}
	100% {
		-ms-transform:scale(1) translateY(-200%);
		z-index:-1;
	}
}
@-webkit-keyframes cssload-animBefore { 0% { -webkit-transform:scale(1) translateY(-200%); z-index:1 } 25% { -webkit-transform:scale(1.3) translateY(0); z-index:1 }
                                       50% { -webkit-transform:scale(1) translateY(200%); z-index:-1 } 75% { -webkit-transform:scale(0.7) translateY(0); z-index:-1; } 100% { -webkit-transform:scale(1) translateY(-200%); z-index:-1 } }
@-moz-keyframes cssload-animBefore { 0% { -moz-transform:scale(1) translateY(-200%); z-index:1 } 25% { -moz-transform:scale(1.3) translateY(0); z-index:1 } 50% { -moz-transform:scale(1) translateY(200%); z-index:-1 }
                                    75% { -moz-transform:scale(0.7) translateY(0); z-index:-1 } 100% { -moz-transform:scale(1) translateY(-200%); z-index:-1 } }
@keyframes cssload-animAfter { 0% {	transform:scale(1) translateY(200%); z-index:-1 } 25% { transform:scale(0.7) translateY(0); z-index:-1 } 50% { transform:scale(1) translateY(-200%); z-index:1 }
                              75% { transform:scale(1.3) translateY(0); z-index:1 } 100% { transform:scale(1) translateY(200%); z-index:1 } }
@-o-keyframes cssload-animAfter { 0% { -o-transform:scale(1) translateY(200%); z-index:-1 } 25% { -o-transform:scale(0.7) translateY(0); z-index:-1 } 50% { -o-transform:scale(1) translateY(-200%); z-index:1 }
                                 75% { -o-transform:scale(1.3) translateY(0); z-index:1 } 100% { -o-transform:scale(1) translateY(200%); z-index:1 } }
@-ms-keyframes cssload-animAfter { 0% { -ms-transform:scale(1) translateY(200%); z-index:-1 } 25% { -ms-transform:scale(0.7) translateY(0); z-index:-1 } 50% { -ms-transform:scale(1) translateY(-200%); z-index:1 }
                                  75% {	-ms-transform:scale(1.3) translateY(0); z-index:1 } 100% { -ms-transform:scale(1) translateY(200%); z-index:1 } }
@-webkit-keyframes cssload-animAfter {
	0% {
		-webkit-transform:scale(1) translateY(200%);
		z-index:-1;
	}
	25% {
		-webkit-transform:scale(0.7) translateY(0);
		z-index:-1;
	}
	50% {
		-webkit-transform:scale(1) translateY(-200%);
		z-index:1;
	}
	75% {
		-webkit-transform:scale(1.3) translateY(0);
		z-index:1;
	}
	100% {
		-webkit-transform:scale(1) translateY(200%);
		z-index:1;
	}
}
@-moz-keyframes cssload-animAfter {
	0% {
		-moz-transform:scale(1) translateY(200%);
		z-index:-1;
	}
	25% {
		-moz-transform:scale(0.7) translateY(0);
		z-index:-1;
	}
	50% {
		-moz-transform:scale(1) translateY(-200%);
		z-index:1;
	}
	75% {
		-moz-transform:scale(1.3) translateY(0);
		z-index:1;
	}
	100% {
		-moz-transform:scale(1) translateY(200%);
		z-index:1;
	}
}


/* BREADCRUMB */
.breadcrumb { margin:20px 0 15px 0 }
.breadcrumb li { letter-spacing:-0.29px; font:normal 10px/1 'OpenSans'; color:#252c33; display:inline; text-transform:uppercase }
.breadcrumb a { color:#252C33; font:normal 10px/1 'OpenSans'; color:#252c33 }


/* INICIO */
.conteudo h2 span { background:url(images/strip.png) no-repeat; width:24px; margin-top:20px; height:21px; display:inline-block; line-height:21px }
h2 span.avisos-usuario { background-position:0 -275px }
h2 span.meus-atalhos { background-position:0 -303px }
h2 span.dicas { background-position:0 -331px }
ul.avisos-usuario { border:1px solid #1E2429; padding:15px 15px 6px 15px; margin-bottom:40px }
ul.avisos-usuario li { background:url(images/required-bg.png) no-repeat 0 7px; padding-left:8px; font:14px/18px 'OpenSansItalic'; margin-bottom:10px; color:#666 }
ul.avisos-usuario li div, ul.avisos-usuario li p { font:13px/1.4 'OpenSansItalic'; letter-spacing:0.19px; color:#666 }
ul.meus-atalhos { margin:10px 0 40px 0 }
ul.meus-atalhos li { display:inline-block; padding-left:14px; margin-right:80px; letter-spacing:0.3px; background:url(images/required-bg.png) no-repeat 6px 10px }
ul.meus-atalhos li a { font:13px/1.5 'OpenSansBoldItalic'; color:#375B7D }
ul.dicas { margin:10px 0 20px 0 }
ul.dicas li { display:inline-block; width:280px; vertical-align:top; padding:10px 25px 25px 25px; background:url(images/checkbox-bg.png) no-repeat top right; font:13px/1 'OpenSansItalic'; color:#666 }
ul.dicas li:first-child { padding-left:5px }
ul.dicas li:last-child { background:none }
ul.dicas li h3 { font:13px/1 'OpenSansBoldItalic'; letter-spacing:0.3px; margin-bottom:9px }
ul.dicas li p { font:13px/1.5 'OpenSansItalic'; letter-spacing:0.3px }
ul.dicas li a { font:13px/1.5 'OpenSansBoldItalic'; color:#375B7D }
#CPH_Conteudo_pnlSuperAvisos video { border:1px solid #CCC; width:640px; height:360px }

/* PATIO VSB */
.patio_vsb table { border:none }
.patio_vsb table caption { font:normal 14px "OpenSansBold", sans-serif; color:#000; text-align:left; margin-bottom:5px }
.patio_vsb table caption span { font:normal 11px "OpenSans", sans-serif; text-transform:none }
.patio_vsb table tr td { background:none; border:1px solid #333; border-collapse:collapse }
.patio_vsb table tr td a { color:#FFF; font-family:'OpenSansSemiBold' }
.patio_vsb table tr.r td { border:none; padding:2px 0 0 0; width:5%  }
.patio_vsb .vermelho { background-color:#D51F2F }
.patio_vsb .azul { background-color:rgb(0,57,127) }
.patio_vsb .verde { background-color:#27A139 }
.patio_vsb div { margin:0 0 80px 0 }
.patio_vsb div.legenda { border:1px dotted #999; float:right; padding:10px 0 10px 0; margin:0 }
.patio_vsb div.legenda h6 { font:normal 12px "OpenSansBoldItalic", sans-serif; color:#000; padding:0 5px; margin:-18px 0 10px 12px; text-align:center; background:#f2f7f3; width:60px }
.patio_vsb div.legenda ul li { display:inline-block; font:normal 11px "OpenSansItalic"; vertical-align:middle; margin-left:10px; margin-right:10px }
.patio_vsb div.legenda ul li span { display:inline-block; width:30px; height:15px; border:1px solid #000; margin:-4px 7px 0 0; vertical-align:middle }

/* Auto Complete */
ul.ui-menu { background:#F0F0F0; max-height:120px; width:147px; overflow:auto; border:1px solid #CCC; z-index:999 }
ul.ui-menu li a, ul.ui-menu li div { padding:6px; display:block; color:#666; font:13px/16px 'OpenSansItalic' }
ul.ui-menu li a:hover, ul.ui-menu li div:hover { cursor:pointer; text-decoration:none }
ul.ui-menu li:hover, ul.ui-menu li:hover a { background:#CCC; color:#000 }
span.ui-helper-hidden-accessible { display:none }
.ui-autocomplete .ui-state-focus { background:#CCC !important; color:#000 !important }

.ui-tooltip, .arrow:after { border:1px solid white; background:#FFF }
.ui-tooltip { padding:0 10px; color:#3A444F; box-shadow:0 0 7px black; width:150px; font-size:0.77em }
.tooltip { display:block; cursor:pointer }
.tooltip-text { margin:10px 0 }
.tooltip-text span { font-weight:600 }

/* CALCULADORA */
.calculadora fieldset { border:none; padding:0 }
.calculadora li { margin-bottom:22px; overflow:hidden }
.calculadora label { display:block; margin-bottom:8px; margin-top:2px }
.calculadora label.titc { background:#F2F7F3; z-index:99; position:absolute; display:inline; margin:2px 0 0 10px; padding:0 10px }
.calculadora input[type='checkbox'] { padding:0 }
.calculadora .box-campos { float:left }
.calculadora .box-campos:first-child { margin-right:20px }
.calculadora .col1 { width:940px }
.calculadora .col2 { width:460px }
.calculadora .col3 { width:300px }
.calculadora .col4 { width:220px }
.calculadora .col5 { width:700px }
.calculadora .classificacao input[type="radio"], .calculadora .classificacao input[type="checkbox"] { display:inline-block; vertical-align:top; margin-top:3px }
.calculadora .classificacao input[type="radio"] + label { display:inline-block; font:normal 14px 'OpenSansSemiBold'; margin:0 40px 20px 5px }
.calculadora .classificacao input[type="checkbox"] + label { display:inline-block; font:normal 14px 'OpenSansSemiBold'; margin:0 40px 20px 10px }
.calculadora .classificacao #CPH_Conteudo_rbTipoMovimento_0 + label, .calculadora .classificacao #CPH_Conteudo_rbTipoCarga_0 + label { width:90px }
.calculadora .classificacao { border:1px solid #CCC; padding:30px 0 0 10px; display:block; height:45px; margin-top:10px }
.calculadora .classificacao input[type="text"], .calculadora .classificacao input[type="tel"] { margin-top:-5px }
.calculadora .txtValorMercadoriaW { width:110px }
.calculadora .txtQtdW { width:60px }
.calculadora .txtQtdW2 { width:70px }
.botao-calculadora { }
.calculadora-tb table { margin-top:30px }
.calculadora-tb table tr:last-child td { text-transform:uppercase; background:#CCC; font:normal 13px "OpenSansBold", sans-serif }
.calculadora-tb table tbody th.wServicoCol { width:48% }
.calculadora-tb table tbody th.wQtdCol { width:7% }
.calculadora-tb table tbody th.wValorCol { width:10% }
.calculadora-tb table tbody th.wObsCol { width:25% }


/* POPUPS */
.popup-averbacao { width:658px; padding:20px 20px 19px 20px; border:1px solid #252c33; background-color:#fff }
.popup-averbacao h1 { color:#252c33; letter-spacing:-0.98px; padding:0; margin:15px 0 15px 10px; text-transform:uppercase; font:28px/1 'DinBold' }
.popup-averbacao h2 { border:1px dashed #000; padding:20px; color:#616161; text-align:center; margin:0; font:20px/1 'OpenSansBoldItalic' }
.popup-averbacao p { font:12px/1 'OpenSansitalic'; color:#616161 }
.popup-averbacao p.nic { text-align:right; margin:0 0 10px 0 }
.popup-averbacao .pop-conteudo { margin:0 0 10px 0; border:1px dashed #000; border-top:none }
.popup-averbacao ul { float:left; width:297px; margin:20px }
.popup-averbacao ul:first-child { margin-right:0 }
.popup-averbacao ul li { color:#333; padding-left:8px; margin-bottom:5px; letter-spacing:0.35px; font:13px/1 'OpenSansBoldItalic'; background:url('images/required-bg.png') no-repeat 0px 5px }
.popup-averbacao ul li span { font-family:'OpenSansItalic' }
#botoes-popup { width:500px }
#botoes-popup p { font:13px/1 'OpenSans'; color:#666; margin:30px 30px 20px 20px }
#botoes-popup .botao-imprimir { margin:0 0 30px 20px }

.popup-iframe { min-height:200px }
.popup-iframe h1 { color:#252c33; text-transform:uppercase; font:28px/1 'DinBold'; letter-spacing:-0.98px }
.popup-iframe h2 { color:#252c33; text-transform:uppercase; font:22px/1 'DinBold'; letter-spacing:-0.98px }
.popup-iframe h3 { color:#252c33; font:14px/18px 'OpenSansItalic' }
.popup-iframe h4 { color:#252c33; font:14px/16px 'OpenSansSemiBold' }
.popup-iframe .popup-email { margin-left:27px; padding-bottom:20px }
.popup-iframe .mensagem-erro, .popup-iframe .mensagem-ok { display:block; font:16px/1 'OpenSansBoldItalic'; text-align:center; padding:70px 0 }
.popup-iframe .mensagem-erro { color:#d51f2f }
.popup-iframe .mensagem-ok { color:#4b6b8a }
.popup-iframe .mensagem { font-size:1px }
.popup-iframe .mensagem .ok { margin-top:10px }
.popup-iframe textarea { width:500px; height:100px; padding:10px }
.popup-iframe .popup-email h1 { padding:30px 0 }
.popup-iframe .popup-email p { margin:5px 0 20px 8px; font:12px/1 'OpenSansItalic' }
.popup-iframe .pop_enviar { padding-bottom:20px }
.popup-iframe .pop_enviar .info_perfil p { font:normal 12px 'OpenSansItalic', Arial; margin:8px auto 5px auto; width:94%; color:#444; line-height:16px }
.popup-iframe .pop_enviar .botao { font-size:11px; margin:15px auto 0 auto; width:60px; display:block; text-align:center }
.popup-iframe .pop_enviar .botao-lado { display:inline-block; margin-left:20px }
.popup-iframe .pop_enviar h1 { padding:30px 0 0 18px }
.popup-iframe .pop_enviar h2 { padding:30px 0 0 18px }
.popup-iframe .pop_enviar h4 { padding:10px 0 20px 18px }
.popup-iframe .pop_enviar table { margin:0 auto; width:94% }
.popup-iframe .pop_enviar table td, .popup-iframe .pop_enviar table th { font-size:10px }
.popup-iframe .pop_enviar textarea { margin:20px 0 0 18px }
.popup-iframe .pop_enviar p.obs { color:#666; font:12px/1 'OpenSansItalic'; margin:5px 0 8px 18px }
.popup-iframe .pop_enviar p.obs_tabela { color:#CF2134; font:13px 'OpenSansSemiBold'; margin:10px 18px 10px 0; float:right; text-align:right }
.popup-iframe .sgad { padding-bottom:0 }
.popup-iframe .sgad p { font:normal 14px 'OpenSans'; margin:20px }
.popup-iframe .sgad .botao { font-size:12px; width:200px; margin:20px auto 0 auto }
.popup-iframe .envio_arquivos { padding:25px 30px 0 30px }
.popup-iframe .envio_arquivos h2 { font:normal 28px/1 'DinBold', Arial; letter-spacing:-0.98px; margin-bottom:10px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.4); text-transform:uppercase; color:#252c33 }
.popup-iframe .envio_arquivos p.obs_docs { font:11px/13px 'OpenSans'; color:#DD0404; margin:10px 0 }
.popup-iframe .envio_arquivos span {  }
.popup-iframe .envio_arquivos fieldset { margin:0 }
.popup-iframe .envio_arquivos .botao { position:absolute; margin:15px 0 0 360px }
.popup-iframe .envio_arquivos fieldset p { width:250px }
.popup-iframe .visita_dados_cliente { width:590px; padding:10px 20px }
.popup-iframe .visita_dados_cliente input[type="text"] { padding:0 5px; height:25px; margin-top:20px; display:inline-block }
.popup-iframe .visita_dados_cliente textarea { padding:0 5px; margin:20px 0 0 0; display:inline-block }
.popup-iframe .visita_dados_cliente .multi-form { margin-right:5px; margin-top:20px } 
.popup-iframe .visita_dados_cliente label { font-size:13px; margin-left:5px; margin-top:28px; vertical-align:top; display:inline-block; margin-right:5px !important }
.popup-iframe .visita_dados_cliente label.multi-form { margin-top:30px }
.popup-iframe .visita_dados_cliente .left { width:50%; margin-top:20px }
.popup-iframe .visita_dados_cliente input[type="button"] { display:inline-block; width:auto }
.popup-iframe .visita_dados_cliente input[type="button"].mais { font:16px/12px 'OpenSans'; padding-left:12px; padding-right:12px }
.popup-iframe .visita_dados_cliente table { width:100% }
.popup-iframe #pnlEsqueciSenha h3 { margin:20px 20px 0 18px }
.popup-iframe #pnlEsqueciSenha h4 { clear:both; border-top:1px dotted #999; padding-top:30px; margin:30px 20px 20px 18px; color:#252c33; text-transform:uppercase; font:18px/1 'DinBold'; letter-spacing:-0.98px }
.popup-iframe #pnlEsqueciSenha2 p { font:12px/16px 'OpenSansSemiBold'; margin:12px 0 0 0; color:#252c33; display:inline-block; vertical-align:top }
.popup-iframe #pnlEsqueciSenha2 #upReenviarCodigo { height:16px }
.popup-iframe #pnlEsqueciSenha2 #upReenviarCodigo p { display:inline-block; margin:0; padding:0; vertical-align:top }
.popup-iframe #pnlEsqueciSenha2 #upReenviarCodigo span { display:block; margin:0; padding:0; font:12px/16px 'OpenSansSemiBold'; color:#252c33; vertical-align:top }
.popup-iframe #pnlEsqueciSenha2 #upReenviarCodigo input[type="button"] { background:none; margin:0; padding:0; border:none; color:#CF2134; vertical-align:top; font:12px/16px 'OpenSansSemiBold'; text-transform:none }
.popup-iframe #pnlEsqueciSenha2 .ap-otp-input input[type="tel"] { font:16px/18px 'OpenSansSemiBold', sans-serif; width:10px; height:37px; text-align:center; display:inline-block; vertical-align:top; margin:0 15px 10px 0 }
.popup-iframe #pnlEsqueciSenha2 .obs-nova-senha { position:absolute; background:#E6E6E6; padding:15px 20px; margin:5px 0 0 305px }
.popup-iframe #pnlEsqueciSenha2 .obs-nova-senha p { font:14px/18px 'OpenSansItalic', sans-serif; margin:0 0 5px 0 }
.popup-iframe #pnlEsqueciSenha2 .obs-nova-senha span { display:block; font:12px/18px 'OpenSansSemiBold', sans-serif; vertical-align:top; transition:0.4s }
.popup-iframe #pnlEsqueciSenha2 .obs-nova-senha span img { width:14px; margin:1px 7px 0 0; vertical-align:top; line-height:18px; transition:0.4s }
.popup-iframe #pnlEsqueciSenha2 .obs-nova-senha span.ok { color:#009a2d }
.popup-iframe #pnlEsqueciSenha2 .obs-nova-senha span.ok img { filter:invert(32%) sepia(94%) saturate(1303%) hue-rotate(117deg) brightness(93%) contrast(104%) }
.popup-iframe #pnlEsqueciSenha2 section { margin:25px 0 25px 5px }
.popup-iframe #pnlEsqueciSenha2 #btnAlterarSenha { margin:0 0 10px 18px }

.popup-iframe .pop_enviar .note-editable { font:normal 13px 'OpenSans', sans-serif }
.popup-iframe .pop_enviar .note-editable em, .popup-iframe .pop_enviar .note-editable em i { font-family:'OpenSansItalic', sans-serif }
.popup-iframe .pop_enviar .note-editable strong, .popup-iframe .pop_enviar .note-editable b { font-family:'OpenSansSemiBold', sans-serif }
.popup-iframe .pop_enviar .note-editor { margin-left:18px; width:650px }
.popup-iframe .pop_enviar #txtClienteEmailCliente, .popup-iframe .pop_enviar #txtClienteEmailEmail { width:350px }

.popup-iframe .pop_enviar #lblFaturamentoModal, .popup-iframe .pop_enviar #lblFaturamentoPO { margin-top:20px; margin-right:5px; display:inline-block }
.popup-iframe .pop_enviar #lblFaturamentoObs { margin:50px 0 5px 0 }
.popup-iframe .pop_enviar #pnlddlFaturamentoModal { width:120px; display:inline-block; margin-top:20px; margin-right:10px }
.popup-iframe .pop_enviar #txtFaturamentoPO { width:285px; display:inline-block; margin-top:20px }
.popup-iframe .pop_enviar #txtFaturamentoObs { margin:0 }
.popup-iframe .pop_enviar #obsModal { position:absolute; margin:-5px 40px 0 20px }

.popup-iframe .captcha-box { margin:20px 0 30px 18px; position:relative }

.popup-solicitacoes { border:1px dashed #000; margin:20px; width:658px }
.popup-solicitacoes h1 { display:block; border-bottom:1px dashed #000 }
.popup-solicitacoes h1 img { margin:20px; width:131px; border-right:1px solid #CCC; vertical-align:middle }
.popup-solicitacoes h1 span { display:inline-block; font:normal 28px/1 'DinBold'; color:#252c33; text-transform:uppercase; vertical-align:middle }
.popup-solicitacoes h2 { font:normal 20px 'OpenSansBold', Arial; text-transform:uppercase; margin:20px; color:#333 }
.popup-solicitacoes h3 { font:normal 14px 'OpenSansBold', Arial; text-transform:none; margin:20px; color:#333 }
.popup-solicitacoes ul { margin:20px }
.popup-solicitacoes ul li { color:#333; padding-left:8px; margin-bottom:5px; letter-spacing:0.35px; font:13px/1 'OpenSansBoldItalic'; background:url('images/required-bg.png') no-repeat 0px 5px }
.popup-solicitacoes ul li span { font-family:'OpenSansItalic' }
.popup-solicitacoes a.imprimir { position:absolute; background:url(images/strip.png) no-repeat -334px 0px; text-indent:-9999px; display:block; height:46px; width:54px; cursor:pointer; right:30px; top:130px }
.popup-solicitacoes a.imprimir2 { background:url(images/strip.png) no-repeat -334px 0px; text-indent:-9999px; display:block; height:46px; margin:20px; width:54px; cursor:pointer }
.popup-solicitacoes a.botao { font-size:10px; margin:20px }
.popup-solicitacoes a.clipboard { margin:-30px 0 0 0; position:absolute; right:35px }
.popup-solicitacoes .obs_posicionamento { margin:0 80px 20px 20px; font:12px/1 'OpenSansitalic'; color:#333 }

.popup-solicitacoes #status_desova { width:596px; background:url("images/status-desova-desat.gif") no-repeat 13px 0; margin:25px auto 15px auto }
.popup-solicitacoes #status_desova .imagens_status_desova { height:46px; background:url("images/status-desova.gif") no-repeat 0 0; margin-left:13px }
.popup-solicitacoes #status_desova ul { margin:5px 0 0 0 }
.popup-solicitacoes #status_desova ul li { color:#CFCFCF; text-align:center; font:normal 10px 'OpenSans', Arial; display:block; float:left; background:none; padding-left:0 }
.popup-solicitacoes #status_desova ul li strong { font-size:11px }
.popup-solicitacoes #status_desova ul li.lisdsv1 { width:65px; margin-left:0 }
.popup-solicitacoes #status_desova ul li.lisdsv2 { width:65px; margin-left:27px }
.popup-solicitacoes #status_desova ul li.lisdsv3 { width:75px; margin-left:20px }
.popup-solicitacoes #status_desova ul li.lisdsv4 { width:70px; margin-left:34px }
.popup-solicitacoes #status_desova ul li.lisdsv5 { width:70px; margin-left:40px }
.popup-solicitacoes #status_desova ul li.lisdsv6 { width:95px; margin-left:35px }
.popup-solicitacoes #status_desova ul li.lisdsv_on { color:#444 !important }

.popup-solicitacoes .foto_popup_fotografia { background: #000 url("/images/loading_sv_preto.gif") no-repeat center center; width:620px; height:340px; margin:-15px 0 20px 20px }
.popup-solicitacoes .foto_popup_desova { background: #000 url("/images/loading_sv_preto.gif") no-repeat center center; width: 620px; height: 380px; position: absolute; top: 180px; left: 40px }
.popup-solicitacoes .foto_popup_desova span.fotos_close_desova { cursor:pointer; display:block; background:url(images/fancybox_sprite.png) no-repeat; width:36px; height:34px; position:absolute; top:-15px; left:600px }
.popup-solicitacoes .foto_popup_fotografia img { max-height: 310px; max-width: 600px; margin-top: 15px }
.popup-solicitacoes .foto_popup_desova img { max-height: 310px; max-width: 600px; margin-top: 15px }
.popup-solicitacoes .recibo_devolucao { cursor:pointer; margin:0 5px; background-image:url('../images/minuta.svg'); width:16px; height:16px; background-size:16px }
.popup-solicitacoes .ver_fotos_desova { cursor:pointer; margin:0 5px; background-image:url('../images/fotos.svg'); width:16px; height:16px; background-size:16px }
.popup-solicitacoes .doc { position:absolute; margin:64px 0 0 105px }
.popup-solicitacoes #largura_doc { margin-left:15px }
.popup-solicitacoes .divMotivoReprova { position:relative; margin:-302px auto 0 auto; width:300px; height:300px; border:1px solid #CCC; background:#F0F0F0 }
.popup-solicitacoes .divMotivoReprova h3 { background:#CCC; padding:5px 10px; margin:0 0 20px 0 }
.popup-solicitacoes .divMotivoReprova .txtObervacoesReprovacao { margin-bottom:10px }
.popup-solicitacoes .divMotivoReprova span.erroRetiradaReprovacao { color:#B72535; position:absolute; margin-top:-5px; font:normal 12px 'OpenSansSemiBoldItalic' }
.popup-solicitacoes #qrcode { position:absolute; right:40px; display:none; margin-top:20px; zoom:0.8 }
.popup-solicitacoes input.botao-lado { display:inline-block; margin-left:20px }


.popup-solicitacoes table { width:95%; margin:20px auto }
.popup-solicitacoes table th, .popup-solicitacoes table td { font-size:10px }


.popup-solicitacoes.pix { width:450px; text-align:center }
.popup-solicitacoes.pix p { margin:20px 0 }
.popup-solicitacoes.pix #qrcodePagamento img { margin:0 auto }
.popup-solicitacoes.pix #qrcodePagamento p { font:normal 16px 'OpenSansSemiBold', Arial; margin-bottom:10px }
.popup-solicitacoes.pix span { display:block; margin:10px 20px; border:1px solid #CCC; font:normal 11px 'OpenSans', Arial; padding:10px; word-wrap:break-word }
.popup-solicitacoes.pix h5, 
.popup-solicitacoes.pix h6 { float:left; text-align:left; display:block; padding:7px 0 7px 10px; background:#F0F0F0; font:normal 16px 'OpenSansSemiBold', Arial; width:calc(50% - 10px); margin:0 }
.popup-solicitacoes.pix h6 { text-align:right; padding:7px 10px 7px 0 }

.popup-solicitacoes.aprovacao { width:100%; margin:0; border:none; overflow:hidden }
.popup-solicitacoes.aprovacao h2 { display:inline-block; width:calc(50% - 5px); margin:10px 0 20px 0 }
.popup-solicitacoes .radio label { margin-right:50px; margin-left:5px }


.slider_img { position:relative; overflow:hidden }
.slider_img ul { position:relative; vertical-align:middle; height:350px; list-style:none; margin:0 }
.slider_img ul li { position:relative; display:inline-block; margin:0; padding:0; width:620px; height:380px; text-align:center; background:none }
.slider_img ul li p { font:13px/1 'OpenSansItalic'; margin:5px 0; color:#FFF }
.slider_img ul li span { position:absolute; right:0; padding-right:5px }
.slider_img a.control_prev, 
.slider_img a.control_next { position:absolute; top:120px; z-index:999; height:100px; line-height:100px; display:block; padding:0 10px; background:#444; color:#FFF; text-decoration:none; cursor:pointer }
.slider_img a.control_prev:hover, 
.slider_img a.control_next:hover { opacity:0.5; -webkit-transition:all 0.2s ease }
.slider_img a.control_prev { left:0; border-radius:0 2px 2px 0 }
.slider_img a.control_next { right:0; border-radius:2px 0 0 2px }

.fotos_avarias_mcar { padding:20px }
.fotos_avarias_mcar h3 { font:normal 15px 'OpenSansBold', Arial; text-transform:uppercase; color:#333; margin:0 0 35px 0 }
.fotos_avarias_mcar .foto_popup_fotografia { background: #000 url("/images/loading_sv_preto.gif") no-repeat center center; width:620px; height:340px; margin:-15px 0 20px 0 }
.fotos_avarias_mcar .foto_popup_fotografia .slider_img ul li img { max-width:620px; height:340px }
.fotos_avarias_mcar .foto_popup_fotografia .slider_img ul li span { display:block; padding:0; right:initial; position:initial; letter-spacing:0.35px; font:14px/1 'OpenSansItalic' }

#popup-imprimir2 .popup-solicitacoes { margin-left:0 }
#popup-imprimir2 .enviado_email { color:#375B7D; font:13px/1 'OpenSansBold' }

.popup-motivo { position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; background: url(images/fancybox_overlay.png) }
.popup-motivo .form-recadastramento { position:fixed; width:430px; height:250px; background-color:#FFF; padding:20px; top:50%; left:50%; opacity:0.9; margin:-150px 0 0 -215px; z-index:999 }
.popup-motivo .form-recadastramento h3 { font:normal 14px/1 'OpenSansBold'; margin:0 0 10px 0 }
.popup-motivo .form-recadastramento h3 span { font:normal 14px/1 'OpenSansBold' }
.popup-motivo .form-recadastramento label { margin:10px 0 }
.popup-motivo .form-recadastramento textarea { width:calc(100% - 20px); height:70px; margin:10px 0 20px 0 }
.popup-motivo .form-recadastramento #rbRecadastramentoAprovar input { margin:10px 5px 10px 0 }
.popup-motivo .form-recadastramento #rbRecadastramentoAprovar label { margin:10px 50px 10px 0 }

.popup-agendamento { position:relative; border:1px dashed #000; margin:20px; width:736px; padding-bottom:10px }
.popup-agendamento h1 { display:block; border-bottom:1px dashed #000 }
.popup-agendamento h1 img { margin:20px; width:131px; border-right:1px solid #CCC; vertical-align:middle }
.popup-agendamento h1 span { display:inline-block; width:552px; font:normal 28px/1 'DinBold'; color:#252c33; text-transform:uppercase; vertical-align:middle }
.popup-agendamento h2 { font:normal 20px 'OpenSansBold', Arial; text-transform:uppercase; margin:20px; color:#333 }
.popup-agendamento ul { margin:20px }
.popup-agendamento ul li { color:#333; padding-left:8px; margin-bottom:5px; letter-spacing:0.35px; font:13px/1 'OpenSansBoldItalic'; background:url('images/required-bg.png') no-repeat 0px 5px }
.popup-agendamento ul li span { font-family:'OpenSansItalic' }
.popup-agendamento h4 { color:#333; margin:0 0 -10px 20px; letter-spacing:0.35px; font:13px/1 'OpenSansBoldItalic'; text-decoration:underline }
.popup-agendamento #qrcode { position:absolute; right:20px; margin-top:20px; zoom:0.8 }
.popup-agendamento #qrcodeBiometria { float:right; margin-right:20px; border:1px solid #999; width:200px; padding:7px; box-sizing:initial }
.popup-agendamento #qrcodeBiometria p { float:right; width:125px; font:normal 12px 'OpenSans' }
.popup-agendamento #qrcodeBiometria img { float:left; width:64px }
.popup-agendamento #qrcodeVideo { position:relative; margin:20px 20px 0 20px; border:1px solid #999; padding:10px 7px 7px 13px; height:70px }
.popup-agendamento #qrcodeVideo p { display:inline-block; margin:0; width:590px; vertical-align:top; font:13px/20px 'OpenSansitalic'; color:#333 }
.popup-agendamento #qrcodeVideo p strong { font:normal 13px/20px 'OpenSansBoldItalic' }
.popup-agendamento #qrcodeVideo img { position:absolute; width:64px; right:10px; top:10px }
.popup-agendamento .num_qrcode { font:normal 12px 'OpenSans'; position:absolute; right:0; top:220px; width:128px; text-align:center }
.popup-agendamento a.imprimir { position:absolute; background:url(images/strip.png) no-repeat -334px 0px; text-indent:-9999px; display:block; height:46px; width:54px; cursor:pointer; right:37px; top:245px }
.popup-agendamento a.imprimir:hover { opacity:0.5 }
.popup-agendamento a.imprimir_doemail { background:url(images/strip.png) no-repeat -334px 0px; text-indent:-9999px; display:block; height:46px; width:54px; cursor:pointer; margin:auto }
.popup-agendamento table { width:95%; margin:20px auto }
.popup-agendamento table th, .popup-agendamento table td { font-size:10px }
.popup-agendamento .obs h5 { color:#333; margin:0 0 10px 20px; letter-spacing:0.35px; font:13px/1 'OpenSansBoldItalic'; text-decoration:underline }
.popup-agendamento .obs p { font:12px/1 'OpenSansitalic'; color:#333; margin:5px 20px }

.popup-agendamento .divMotivoReprova { position:relative; margin:-252px auto 0 auto; width:300px; height:230px; border:1px solid #CCC; background:#F0F0F0 }
.popup-agendamento .divMotivoReprova h3 { background:#CCC; padding:5px 10px; margin:0 0 20px 0 }
.popup-agendamento .divMotivoReprova .txtObervacoesReprovacao { margin-bottom:10px }
.popup-agendamento .divMotivoReprova span.erroRetiradaReprovacao { color:#B72535; position:absolute; margin-top:-5px; font:normal 12px 'OpenSansSemiBoldItalic' }
.popup-agendamento .radio label { margin-right:50px; margin-left:5px }

.popup-agendamento .foto_popup { background:#000 url("/images/loading_sv_preto.gif") no-repeat center center; margin:10px auto 0 auto; width:620px; height:380px }
.popup-agendamento .foto_popup img { max-height:310px; max-width:600px; margin-top:15px }
.popup-agendamento .slider_img ul li { background:none }
.popup-agendamento .fotos_relatorio li { background:none; display:inline-block; padding:0; margin:10px 0 10px 5px }
.popup-agendamento .fotos_relatorio li p { margin-top:5px; font:normal 11px/1 'OpenSans' }
.popup-agendamento .fotos_relatorio li img { max-height:220px }
.popup-agendamento .vsb-email-dados-gerais { float:left; width:490px }
.popup-agendamento .vsb-email-dados-checklist { float:right; width:220px; margin-right:20px }

.alterar-conteiner, .alterar-conteiner h1 span { width:auto }
.alterar-conteiner h1 { margin:0 }
.alterar-conteiner { border:none; margin:0; padding:20px }
.alterar-conteiner .t { border:1px dashed #000 }
.alterar-conteiner .filtro { margin-left:20px; margin-top:10px; float:left }
.alterar-conteiner .botao { font:10px/1.2 'OpenSansBold'; margin-top:29px }
.alterar-conteiner .botao-salvar { font:13px 'OpenSansSemiBold'; margin-top:9px; margin-bottom:20px }


.programacao .p1 img { width:90px; margin:20px 10px 20px 20px; vertical-align:middle; display:inline-block }
.programacao .p1 h1 { font:normal 20px/1 'DinBold'; color:#252c33; vertical-align:middle; margin:20px 0; display:inline-block; text-transform:uppercase }
.programacao .p2 { margin:0 20px; float:left; width:300px }
.programacao .p2 table tr th { font-size:14px }
.programacao .p2 table tr td { font-size:12px }
.programacao .p3 { margin:0 20px auto 0; float:left; width:calc(100% - 362px); border:1px solid #666 }
.programacao .p3 h2 { font:18px/1 'OpenSansSemiBold'; background:#2D363E; color:#9ba6b1; margin:0; padding:7px 20px; display:block; text-transform:uppercase }
.programacao .p3 table { width:auto; margin:20px auto }
.programacao .p3 table tr td { width:40px; height:40px; color:#000; font-size:14px; padding:0; background:#FFF; border:1px solid #555; border-collapse:collapse }
.programacao .p3 table tr td.ros { background:#ff94f1 }
.programacao .p3 table tr td.lar { background:#ff9f5b }
.programacao footer { position:absolute; bottom:0; width:100% }


/* SummerNote */
.conteudo .note-editable p { font-family:'OpenSans'; margin:0 0 20px 0; color:#666; font-size:13px }
.conteudo .note-editable ul { margin-top:-10px }
.conteudo .note-editable ul li { background:none; letter-spacing:normal; border:none; padding:0; font-family:'OpenSans'; margin:3px 0 3px 18px; color:#666; font-size:13px }
.conteudo .note-editable i, .conteudo .note-editable em { font-family:'OpenSansItalic' }
.conteudo .note-editable b, .conteudo .note-editable strong { font-family:'OpenSansBold' }
.conteudo .note-editable ul, .conteudo .note-editable ol { list-style:disc }


/* Mascaras */
.f_2numeros, .f_ano, .f_cep, .f_cep_f, .f_cnh, .f_cpfcnpj, .f_cnpj, .f_cnpj_f, .f_cpf, .f_cpf_f, .f_dat, .f_data, .f_datahora, .f_dinheiro,
.f_hora, .f_nf, .f_codigo_de_barras, .f_nte, f_numero_lacres, .f_pesos, .f_placa, .f_qtd , .f_tel, .f_tel_f { }