/* 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.woff2') format('woff2'), url('webfonts/din.ttf') format('truetype'), url('webfonts/din.svg#Din') 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.woff2') format('woff2'), 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.woff2') format('woff2'), 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.woff2') format('woff2'), 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.woff2') format('woff2'), 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.woff2') format('woff2'), 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.woff2') format('woff2'), 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.woff') format('woff2'), 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.woff2') format('woff2'), url('webfonts/opensans-semibolditalic.ttf') format('truetype'), url('webfonts/opensans-semibolditalic.svg#OpenSansSemiBoldItalic') 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 }


/* GLOBAL */
.invisivel { display:none !important }
.clear { clear:both; font-size:1px; height:1px; line-height:1px; display:block }
.mb20 { margin-bottom:20px !important }
.mr0 { margin-right:0 !important }
.mr10 { margin-right:10px !important }
.mt10 { margin-top:10px !important }
.mt20 { margin-top:20px !important }
.ml18 { margin-left:18px !important }
.mt28 input { margin-top:28px !important }
.mt4 input { margin-top:4px !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 }
.right { float:right !important }
.direita { text-align:right }
.maiusculo { text-transform:uppercase }
.highcharts-tick { display:none !important }
#form1 { max-width:380px; position:relative; margin:0 auto }
@media only screen and (max-width: 768px) {
  #form1 { max-width:100% }
}


/* FORM ELEMENTS */
.erro { color:#B7333F; font:normal 14px 'OpenSansSemiBoldItalic' }
.ok { color:#27A139; font:normal 14px 'OpenSansSemiBoldItalic' }

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

input[type="button"], input[type="submit"], a.botao { border:none; -webkit-appearance:none; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; text-decoration:none; background:none; display:inline-block; color:#FFF; cursor:pointer; background-color:#CF2134; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; font:14px/1 'OpenSansSemiBold'; text-align:left; padding:9px 18px; text-transform:uppercase }
input.filtrar { height:29px; background-image:url(../images/filtrar.svg); background-position:center center; border-radius:4px; width:20px; background-repeat:no-repeat; background-size:15px }

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

input[type="tel"], input[type="text"], 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, input[readonly="readonly"] { color:#999 !important; cursor:default; text-decoration:none !important }

.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:0 8px; height:27px; line-height:27px; font:13px 'OpenSansItalic' }
.select::after { content:""; position:absolute; width:12px; height:7px; top:16px; right:6px; margin-top:-7px; background:url("../images/arrow-select.svg") no-repeat; background-size:9px; z-index:2; pointer-events:none }
x:-o-prefocus, .select::after { display: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:100%; width:-moz-calc(100% + 4em); 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 }


/* MASCARAS */
.f_data, .f_datahora, .f_cpf { }


/* 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 td img { vertical-align:top }
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 th a.refresh { display:inline-block; text-decoration:none; margin-bottom:-5px; width:16px; height:16px; text-indent:-9999px; background:url('../images/refresh.svg') no-repeat center center; background-size:contain; filter:invert(29%) sepia(66%) saturate(1155%) hue-rotate(318deg) brightness(91%) contrast(102%) }
table td a.refresh { display:inline-block; text-decoration:none; width:16px; height:16px; text-indent:-9999px; background:url('../images/refresh.svg') no-repeat center center; background-size:contain }
table td a.info { display:inline-block; text-decoration:none; width:16px; height:16px; text-indent:-9999px; background:url('../images/info.svg') no-repeat center center; background-size:contain }
table td a.stop { display:inline-block; text-decoration:none; width:16px; height:16px; text-indent:-9999px; background:url('../images/stop.svg') no-repeat center center; background-size:contain; filter:invert(62%) sepia(33%) saturate(443%) hue-rotate(351deg) brightness(92%) contrast(88%) }
table td a.json_envio { display:inline-block; text-decoration:none; width:16px; height:16px; text-indent:-9999px; background:url('../images/json.svg') no-repeat center center; background-size:contain; filter:invert(29%) sepia(66%) saturate(1155%) hue-rotate(318deg) brightness(91%) contrast(102%); transform:rotate(180deg) }
table td a.json_resposta { display:inline-block; text-decoration:none; width:16px; height:16px; text-indent:-9999px; background:url('../images/json.svg') no-repeat center center; background-size:contain; filter:invert(44%) sepia(88%) saturate(428%) hue-rotate(78deg) brightness(95%) contrast(88%) }
table td a.obs { display:inline-block; text-decoration:none; width:16px; height:16px; text-indent:-9999px; background:url('../images/obs.svg') no-repeat center center; background-size:contain; filter: invert(29%) sepia(6%) saturate(5329%) hue-rotate(169deg) brightness(94%) contrast(72%) }
table a { text-transform:lowercase }
table .l20 { width:20px !important; min-width:20px }
table.total tr:last-child td { font-weight:bold }
table a.sts { text-transform:uppercase; font-family:'OpenSansBold' }


/* TOP BAR */
#top-bar { background-color:#252C33; height:35px; position:fixed; width:100%; max-width:380px; margin:0 0 0 -190px; top:0; left:50%; z-index:98 }
@media only screen and (max-width: 768px) {
  #top-bar { max-width:100%; left:0; margin:0 auto }
}


/* LOGO */
#logo { text-align:center; margin-top:50px }
#logo h1 span, #logo_int h1 span { display:none }
#logo h1 img  { width:150px }
#logo_int { padding-top:35px }
#logo_int h1 img { width:60px }
#logo_int h1 { display:inline-block; vertical-align:top }
#logo_int h2 { font:16px/1 'DinBold'; vertical-align:top; text-transform:uppercase; display:inline-block; margin:17px 0 5px 5px; color:#252C33; letter-spacing:-1.2px }
#logo_int p { font:8px/1 'OpenSansBold'; text-transform:uppercase; color:#F0F0F0; position:fixed; top:14px; right:10px; z-index:99 }
#logo_int p input { width:12px; vertical-align:top; margin:-3px 5px 0 0; filter: invert(100%) sepia(5%) saturate(7500%) hue-rotate(189deg) brightness(105%) contrast(118%) }



/* LOGIN */
section[id*="form_login"] { margin:150px 0 0 0; position:absolute; width:100% }
section[id*="form_login"] h1 { color:#838383; letter-spacing:-0.4px; font:20px/1 'Din'; text-transform:uppercase; margin-bottom:11px; padding-left:4px; margin-left:17px }
section[id*="form_login"] h1 strong { font-family:'DinBold'; font-weight:normal }
section[id*="form_login"] input[type="tel"], section[id*="form_login"] input[type="text"], 
section[id*="form_login"] input[type="password"] { display:block; height:40px; font:16px/24px 'OpenSansItalic'; width:85%; color:#7F7F7F; padding-left:10px; background:#FFF; border:1px solid #BFBFBF; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; margin-bottom:15px; margin-left:17px }
section[id*="form_login"] input[type="text"]:-webkit-autofill::first-line, 
section[id*="form_login"] input[type="tel"]:-webkit-autofill::first-line, 
section[id*="form_login"] input[type="password"]:-webkit-autofill::first-line { font:16px/24px 'OpenSansItalic'; color:#7F7F7F }
section[id*="form_login"] a.link { font:14px/1 'OpenSansSemiBoldItalic'; text-decoration:underline; color:#375B7D; margin-left:17px }
section[id*="form_login"] a.botao { padding:10px 24px; margin:20px 0 10px 17px }
section[id*="form_login"] .erro, section[id*="form_login"] .ok { position:absolute; margin:138px 0 0 25px }

@media all and (orientation:landscape) {
    section[id*="form_login"] { margin:160px 0 0 0 }
    section[id*="form_login"] input[type="tel"], section[id*="form_login"] input[type="text"], section[id*="form_login"] input[type="password"] { display:inline-block; width:40% }
    section[id*="form_login"] a.link { font:10px/1 'OpenSansSemiBoldItalic' }
    section[id*="form_login"] a.botao { margin:20px 0 20px 17px }
    section[id*="form_login"] .erro, section[id*="form_login"] .ok { font-size:14px; margin-top:85px }
}


/* HOME */
section[id*="banner"] { margin-bottom:284px; margin-top:10px; border-bottom:1px solid #edf0f1; text-align:center }
section[id*="banner"] h1, section[id*="banner"] p { text-align:center; color:#FFF; width:100%; position:absolute }
section[id*="banner"] img { width:100% }
section[id*="banner"] h1 { font:16px/1 'Din'; text-transform:uppercase; margin-top:30px; text-shadow:2px 2px #162E45 }
section[id*="banner"] h1 strong { font:32px/1 'DinBold'; display:block; font-weight:normal }
section[id*="banner"] p { margin:0 auto }
section[id*="banner"] p strong { background:#cd2134; display:inline-block; font:normal 12px/1 'OpenSans'; text-align:center; padding:6px 7px; margin-top:80px }
section[id*="plataforma"] { display:none }

@media all and (orientation:landscape) {
    section[id*="banner"] { margin-bottom:254px }
    section[id*="banner"] img { height:130px }
}


/* MENU*/
.menu-btn { background:none; border:none; outline:none; font:10px/1 'OpenSansBold'; float:left; text-transform:uppercase; color:#C0C0C0; margin:13px 0 0 10px }
.pushy { position:fixed; width:150px; top:0; padding-bottom:10px; z-index:9999; background:#3E5D81; overflow:auto; -webkit-overflow-scrolling:touch }
.pushy a { display:block; color:#cedeed; font:12px/2.90 'Din'; padding:0 10px; text-decoration:none }
.pushy ul:first-child { margin-top:10px }
.pushy.pushy-left { left:0 }
.pushy.pushy-right { right:0 }
.pushy-content { visibility:hidden }
.pushy-left { -webkit-transform:translate3d(-200px, 0, 0); -ms-transform:translate3d(-200px, 0, 0); transform:translate3d(-200px, 0, 0) }
.pushy-open-left #container,
.pushy-open-left .push { -webkit-transform:translate3d(200px, 0, 0); -ms-transform:translate3d(200px, 0, 0); transform:translate3d(200px, 0, 0) }
.pushy-right { -webkit-transform:translate3d(200px, 0, 0); -ms-transform:translate3d(200px, 0, 0); transform:translate3d(200px, 0, 0) }
.pushy-open-right #container,
.pushy-open-right .push { -webkit-transform:translate3d(-200px, 0, 0); -ms-transform:translate3d(-200px, 0, 0); transform:translate3d(-200px, 0, 0) }
.pushy-open-left .pushy,
.pushy-open-right .pushy { -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); margin:0 0 0 -190px; left:50% }
@media only screen and (max-width: 768px) {
	.pushy-open-left .pushy,
	.pushy-open-right .pushy { left:0; margin:0 }
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content { visibility:visible }
.pushy, .push { transition:transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99) }
.pushy-content { transition:visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99) }
.site-overlay { display:none }
.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay { display:block; position:fixed; top:0; right:0; bottom:0; left:0; z-index:9998; background-color:rgba(0, 0, 0, 0.5); -webkit-animation:fade 500ms; animation:fade 500ms }
@keyframes fade { 0% { opacity:0 } 100% { opacity:1 } }
@-webkit-keyframes fade { 0% { opacity:0 } 100% { opacity:1 } }
.pushy-link .vsb, .pushy-link .shipping, .pushy-link .janela, .pushy-link .logout, .pushy-link .readiness
{ width:18px; height:18px; margin:7px 10px 0 0; display:inline-block; background-size:contain; background-position:0 0; background-repeat:no-repeat; vertical-align:top; filter: invert(82%) sepia(7%) saturate(23%) hue-rotate(327deg) brightness(99%) contrast(76%) }
.pushy-link .readiness { background-image:url('images/gate.svg') }
.pushy-link .shipping { background-image:url('images/operacoes.svg') }
.pushy-link .vsb { background-image:url('images/vsb.svg') }
.pushy-link .janela { background-image:url('images/patio.svg') }
.pushy-link .logout { background-image:url('images/logout.svg'); background-position:0 2px }



/* RODAPÉ */
footer div { background:url("images/footer-top-margin-repeat-x.gif") repeat-x center top; padding:15px 0; margin:20px 10px 0 10px }
footer p { color:#666; font:11px/1.2 'OpenSansSemiBoldItalic'; padding:0 }
footer p a { color:#666; text-transform:uppercase }
footer p span { margin:0 3px 0 9px }

@media all and (orientation:landscape) {
    footer div { margin-top:0 }
    footer p { font:8px/1 'OpenSansSemiBoldItalic' }
}



/* CONTEUDO */
.conteudo { margin:0 10px }
.conteudo h1 { font:28px/1 'DinBold'; text-transform:uppercase; margin:10px 0 5px 0; color:#252C33; letter-spacing:-1.2px }
.conteudo h2 { font:20px/1.1 'DinLight'; letter-spacing:-1.6px; margin-bottom:10px; 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 .vsb_panel_dashboard { border:1px solid #252c33; margin-bottom:20px }
.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:12px }
.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_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_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 .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 .tela-cheia .checkbox label, 
.conteudo .tela-cheia .checkbox input { margin-bottom:5px; font:normal 14px/1 'OpenSansBold' }

.telaCheia h1 { margin:0 !important; font-size:22px; padding:10px 0 }
.telaCheia .vsb_panel { float:none; margin:0 !important; display:block; width:100%; clear:both }
.telaCheia .vsb_panel ul { min-height:unset; padding:5px 10px }
.telaCheia .vsb_panel:last-child { margin-left:10px }
.telaCheia .vsb_panel ul.cab li { width:calc(35% - 2px); margin:0 }
.telaCheia .vsb_panel ul.cab li:first-child { width:calc(46% - 2px) }
.telaCheia .vsb_panel ul li h6, .telaCheia .vsb_panel ul li span { padding-left:20px; padding-top:1px; font-size:12px }
.telaCheia .vsb_panel ul li img { height:17px; filter: invert(76%) sepia(11%) saturate(331%) hue-rotate(169deg) brightness(86%) contrast(87%) }
.telaCheia .vsb_panel ul.cab li:nth-child(2) { width:calc(18% - 2px); margin:0 }
.telaCheia .vsb_panel ul.cab2 li { width:calc(50% - 2px) !important; margin:0 }
.telaCheia .vsb_panel .vsb_info { float:none; margin:0 10px }
.telaCheia .vsb_panel .vsb_info table th, .telaCheia .vsb_panel .vsb_info table td { font-size:12px }
.telaCheia .vsb_panel .vsb_grafico { float:none; margin:auto }
.telaCheia .vsb_panel .vsb_grafico .grafico { float:none; width:330px; height:200px; text-align:center }
.telaCheia .vsb_panel .vsb_grafico .graficoOpe { float:left; width:50%; height:150px; text-align:center }
.telaCheia .vsb_panel .vsb_grafico.mt_neg { margin-top:-30px }
.telaCheia .vsb_panel .rodape { color:#323c45; background-color:#444e58; padding:5px 0 }
.telaCheia .vsb_panel .rodape li { width:calc(33% - 5px); margin-right:5px; margin-left:0 } 
.telaCheia .vsb_panel .rodape li:first-child { width:calc(33% - 5px); margin-left:5px; margin-right:0 }
.telaCheia .vsb_panel .rodape li:nth-child(2) { width:calc(34% - 10px) }
.telaCheia .vsb_panel .rodape2 li { width:calc(50% - 10px) !important }
.telaCheia .vsb_panel .rodape p { display:inline-block; font:12px/16px 'OpenSansBoldItalic'; margin:0 10px }
.telaCheia .vsb_panel .rodape p span { display:block; font:normal 11px/16px 'OpenSansSemiBoldItalic' }
.telaCheia .vsb_panel .vsb_info .tabelas_produtividade_operacao h2 { margin-top:20px; color:#252c33; text-transform:uppercase; font:12px/1 'OpenSansBold'; letter-spacing:-0.98px }
span.fechar { background:url(images/fechar.png) no-repeat 0 0; right:28px; margin-top:-2px; width:16px; height:16px; display:block; position:absolute }

.tabelas_produtividade_operacao table { margin:20px 0 }
.tabelas_produtividade_operacao table thead tr th, 
.tabelas_produtividade_operacao table tbody tr td { padding:4px 2px; height:auto; width:auto; font-size:9px }

.telaCheia .vsb_panel .vsb_info .tabelas_produtividade_operacao table { margin:0 }
.telaCheia .vsb_panel .vsb_info .tabelas_produtividade_operacao table thead tr th, 
.telaCheia .vsb_panel .vsb_info .tabelas_produtividade_operacao table tbody tr td { padding:4px 2px; height:auto; width:auto; font-size:9px }


.conteudo .vsb_panel .vsb_info table td.vermelho { background:#D51F2F; color:#FFF !important }
.conteudo .vsb_panel .vsb_info table td.verde { background:#27A139; color:#FFF !important }
.conteudo .vsb_panel .vsb_info table td.amarelo { background:#DDDF0D; color:#333 !important }
.conteudo a.detail { color:#d51f2f; font:normal 12px/16px 'OpenSansBoldItalic'; text-decoration:none; float:right }
.conteudo a.chart { font-size:13px; float:right }
.conteudo a.chart img { height:16px; margin-right:5px; vertical-align:text-top; margin-bottom:5px }
.conteudo div.tipo_grafico_radio { border:1px solid #CCC; margin:10px 0; padding:5px 10px }
.conteudo div.tipo_grafico_radio input { display:inline-block; vertical-align:top; margin:5px 5px 0 0 }
.conteudo div.tipo_grafico_radio label { display:inline-block; vertical-align:top; margin:5px 60px 0 0 }
.conteudo div.tipo_grafico_radio label:last-child { margin-right:0 }
.conteudo #tbRange tbody tr:last-child td { color:#000 }
.conteudo #tbRange tbody tr td a { text-transform:none }
.conteudo #tbRangeDetalhes tr td.bloco span.verde { background-color:#27A139; font-size:1px; width:13px; display:block; height:13px }
.conteudo #tbRangeDetalhes tr td.bloco span.amarelo { background-color:#DDDF0D; font-size:1px; width:13px; display:block; height:13px }
.conteudo #tbRangeDetalhes tr td.bloco span.vermelho { background-color:#D51F2F; font-size:1px; width:13px; display:block; height:13px }
.conteudo .range_legenda { display:block; margin-top:20px; text-align:center; color:#00397f; font:normal 13px/16px 'OpenSansSemiBold'; text-transform:capitalize }

.telaCheia .producao { margin-bottom:10px }
.telaCheia .producao table {  }
.telaCheia .producao table th, .telaCheia .producao table td { padding:5px 10px }
.telaCheia .producao table td.vermelho { background-color:#D51F2F; color:#FFF !important }
.telaCheia .producao table td.verde { background-color:#27A139; color:#FFF !important }
.telaCheia .producao table td.amarelo { background-color:#DDDF0D; color:#333 !important }
.telaCheia .tempo_operacao { font:14px/1 'OpenSansBold'; color:#252c33; position:absolute; margin-top:7px; right:25px; text-align:left }
.telaCheia .tempo_operacao img { width:16px; margin-right:3px; margin-top:-1px; filter:invert(20%) sepia(7%) saturate(1586%) hue-rotate(167deg) brightness(95%) contrast(87%); vertical-align:top }
.telaCheia .q { float:none; margin:10px auto; text-align:center }
.telaCheia .q p { border:1px solid #444e58; text-align:center; padding:0 !important; font:normal 13px 'OpenSans' !important; display:inline-block; line-height:27px !important; margin-bottom:10px; height:27px; width:100px !important }
.telaCheia .q p.vermelho { background-color:#D51F2F; color:#FFF !important }
.telaCheia .q p.amarelo { background-color:#DDDF0D; color:#333 !important }
.telaCheia .q p.verde { background-color:#27A139; color:#FFF !important }
.telaCheia .q p.transparente { background-color:#f2f7f3; color:#333 !important; font:normal 14px/27px 'OpenSansBold' !important }
.telaCheia .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 }
.telaCheia .q p.op1, .telaCheia .q p.op2, .telaCheia .q p.op3 { background-color:#f2f7f3; color:#333 !important; font:normal 12px/27px 'OpenSansBold' !important }
.telaCheia .q p.op1 span, .telaCheia .q p.op2 span, .telaCheia .q p.op3 span { display:block; float:left; font:normal 11px 'OpenSans' !important; height:23px; line-height:27px; text-align:center; padding:4px 0 0 0 !important; background:#323C45; color:#FFF }
.telaCheia .q p.op1 { width:115px !important }
.telaCheia .q p.op1 span { width:70px }
.telaCheia .q p.op2 span { width:55px }
.telaCheia .q p.op3 { width:70px !important }
.telaCheia .q p.op3 span { width:30px }

.telaCheia .vessel_op label { font:normal 12px 'OpenSansSemiBoldItalic'; margin:3px 5px 5px 0 }
.telaCheia .vessel_op .select { border-radius:0; height:18px; line-height:18px; margin:0 0 5px 0 }
.telaCheia .vessel_op .select select { padding:0 5px }
.telaCheia .vessel_op .select select { font:normal 11px/15px 'OpenSansItalic'; height:18px }
.telaCheia .vessel_op .select::after { top:13px; right:2px; background-size:7px }

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


/* DASHBOARD PATIO */
.dashboards_patio h2 { margin-top:30px; font:18px 'OpenSansBold'; text-align:center }
.telaCheia .dashboards_patio .dash_patio_ocupacao h2 { margin-left:16% }
.telaCheia .dashboards_patio .dash_patio_ocupacao h2.ml0 { margin-left:0 }
.dashboards_patio h3 { position:absolute; font:19px 'OpenSansBold'; padding:5px 10px; text-align:center; right:19px; width:50px; height:26px; background:#aebac6; color:#252C33; border:none; margin:0 }
.dashboards_patio p { font:11px/1 'OpenSansSemiBold'; margin:0 auto; line-height:18px; padding:5px; display:block; width:150px; text-align:center; background:#323C45; color:#FFF }
.dashboards_patio span { font:16px '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:auto; padding-bottom:20px; width:calc(50% - 7px); border:1px solid #252c33; margin:0 5px 0 0; text-align:center }
.dashboards_patio .ml { width:calc(50% - 7px); padding-bottom:20px; margin-left:5px; margin-right:0 }
.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 }
.telaCheia .dashboards_patio span { font-size:30px; line-height:1; width:80% }
.telaCheia .dashboards_patio p { font-size:14px; line-height:1; width:80% }
.telaCheia .dashboards_patio .dash_patio_cntr { height:530px }
.telaCheia .dashboards_patio .margin3 { height:530px }


/* POPUP */
body.popup { background:#FFF; border:1px solid #fff; box-shadow:0 1px 3px rgba(0, 0, 0, .25); overflow:auto }
.popup_janela h2 { margin:10px 0 10px 5px; color:#252c33; text-transform:uppercase; font:12px/1 'OpenSansBold'; letter-spacing:-0.98px }
.popup_janela table { margin:0 }
.popup_janela table th, 
.popup_janela table td { padding:4px 2px; height:auto; width:auto; font-size:9px }


/* Fancybox */
.alert_message { text-align:center; padding:20px; min-width:260px; height:auto }
.alert_message h1 { color:#252c33; margin:10px 0; text-transform:uppercase; font:18px/1 'DinBold'; letter-spacing:-0.98px }
.alert_message p { font-size:14px; padding:0; line-height:18px }
.alert_message input[type="button"] { margin-right:10px; margin-top:20px; padding:6px 20px }

.alert_texto { text-align:center; padding:20px; min-width:260px; height:auto }
.alert_texto h1 { color:#252c33; padding:10px; background:#CCC; text-align:left; text-transform:uppercase; font:14px/1 'OpenSansBold' }
.alert_texto p { font-size:13px; padding:10px; border:1px solid #CCC; line-height:16px; text-align:left; text-align:left; overflow:auto; width:273px; height:450px }
.alert_texto input[type="button"] { margin-right:10px; margin-top:10px; padding:6px 20px }

.sem-resultado { text-align:center; margin:100px 0 }
.sem-resultado span { color:#d51f2f; font:normal 14px/1 'OpenSansSemiBoldItalic' }


/* EVENTOS */
body.eventos { background:#F1F5F6 }
body.eventos header img { height:70px; display:block; margin:9px 0 }
body.eventos header h1 { font:26px/32px 'OpenSansSemiBold'; text-transform:none; color:#252C33; letter-spacing:normal; margin:0 0 20px 0 }
body.eventos div.conteudo { margin:20px auto; width:1100px }
body.eventos .monitoramento-esq { float:left; width:550px }
body.eventos a.atualizar { display:block; width:70px; margin:10px 0 -10px 0 }
body.eventos .filtro { float:left }
body.eventos #filtro-recinto { margin-left:20px }
body.eventos input[type="text"], body.eventos input[type="tel"] { color:#000; font:normal 13px 'OpenSans'; padding:0 12px; border:1px solid #CCC; border-radius:3px; background:#F1F5F6; height:32px; line-height:32px }
body.eventos .select { border:1px solid #CCC; border-radius:3px; width:188px; background:#F1F5F6; height:32px; line-height:32px; margin:7px 0 0 0 }
body.eventos .select select { color:#000; height:32px; padding:0 12px; line-height:32px; font:normal 14px 'OpenSans' }
body.eventos .select::after { width:12px; height:7px; top:11px; right:10px; margin-top:0; opacity:0.3 }
body.eventos label { font:normal 16px 'OpenSans'; color:#666; margin:0 }
body.eventos .box { margin-top:20px; display:block; height:113px; background-color:#FFF; width:400px; border-radius:3px; box-shadow:rgb(76 78 100 / 32%) 0px 2px 8px 2px }
body.eventos .box img { height:41px; display:inline-block; margin:26px 0 0 20px; filter:invert(54%) sepia(16%) saturate(2008%) hue-rotate(77deg) brightness(89%) contrast(95%) }
body.eventos .box p { font:36px/1 'DinBold'; color:#27A139; float:right; margin:27px 20px 0 0 }
body.eventos .box span { font:normal 16px/1 'OpenSansSemiBold'; display:block; margin-top:15px; text-align:center; padding:5px 0; background:#27A139; color:#FFF }
body.eventos .box-erro img { height:45px; filter:invert(19%) sepia(68%) saturate(4239%) hue-rotate(344deg) brightness(86%) contrast(94%) }
body.eventos .box-erro p { color:#d51f2f }
body.eventos .box-erro span { background:#d51f2f; margin-top:11px }
body.eventos .box-aguardando img { filter: invert(72%) sepia(0%) saturate(1%) hue-rotate(188deg) brightness(87%) contrast(82%) }
body.eventos .box-aguardando p { color:#999 }
body.eventos .box-aguardando span { background:#999 }
body.eventos .monitoramento-dir { float:left; width:520px; height:600px; overflow:auto }
body.eventos h2 { font:24px/28px 'OpenSansSemiBold'; letter-spacing:normal; color:#cd2134; text-align:center; margin:20px 0 }
body.eventos table { text-transform:none; border:none; width:100% }
body.eventos table tr th { border-bottom:1px solid #9dcafb; font:13px/18px 'OpenSansSemiBold'; vertical-align:bottom; color:#777; letter-spacing:normal; text-align:center; padding:10px }
body.eventos table tr th.col1 { width:250px }
body.eventos table tr th.col2 { width:60px }
body.eventos table tr td { border-bottom:none; letter-spacing:normal; padding:5px 10px; font:13px/16px 'OpenSans'; vertical-align:middle; text-align:center; color:#555 }
body.eventos table tr td a { font:13px/16px 'OpenSans'; color:#555; text-transform:none }
body.eventos table tr td a:hover { text-decoration:underline; color:#B72535 }
body.eventos table tr th:first-child,
body.eventos table tr td:first-child { text-align:left }
body.eventos table tr th:nth-child(odd),
body.eventos table tr th:nth-child(even) { background:#d6eaff }
body.eventos table tr td:nth-child(even) { background:#FFF }
body.eventos table tr:nth-child(even) td { background:#F0F0F0 }
body.eventos table tr td p.percentual_num { font:12px/14px 'OpenSansSemiBold'; text-align:center; display:block; float:none; margin:0; color:#00397f }
body.eventos table tr td p.percentual { font:1px/10px 'OpenSansSemiBold'; height:10px; text-align:left; display:block; float:none; margin:0; background:#d6eaff }
body.eventos table tr td p.percentual span { display:block; background:#00397f; text-align:left; height:10px; font:1px/10px 'OpenSansSemiBold'; padding:0; margin:0 }

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

body.eventos header.detalhe img { display:inline-block; vertical-align:top }
body.eventos header.detalhe h1 { display:inline-block; margin:40px 0 20px 20px; vertical-align:top }
body.eventos .filtro-detalhe section { float:left; margin:0 20px 20px 0 }
body.eventos .filtro-detalhe .select { margin:0; width:115px }
body.eventos .filtro-detalhe .select select { font-size:13px }
body.eventos .filtro-detalhe label { margin-bottom:5px; font-size:14px }
body.eventos .filtro-detalhe #txtIdEnvio { width:100px }
body.eventos .filtro-detalhe #txtPeriodoInicial, body.eventos .filtro-detalhe #txtPeriodoFinal { width:75px }
body.eventos .filtro-detalhe #pnlRecinto { width:95px }
body.eventos .filtro-detalhe #pnlAcao { width:200px }
body.eventos .filtro-detalhe input[type="button"], body.eventos .filtro-detalhe input[type="submit"] { margin:24px 0 0 0; vertical-align:top; font:13px/15px 'OpenSansSemiBold'; border-radius:10px }
body.eventos .filtro-detalhe input[type="button"]:hover, body.eventos .filtro-detalhe input[type="submit"]:hover { opacity:0.7 }
body.eventos #lnkReprocessarTodosMobile { display:none }
body.eventos .box-detalhe .nenhum_registro { display:block; text-align:center; margin-top:70px; color:#d51f2f; font:normal 18px/1 'OpenSansSemiBoldItalic' }
body.eventos .box-detalhe .contador { display:block; text-align:right; margin:20px 0 5px 0; font:normal 14px/1 'OpenSansSemiBold' }
body.eventos .box-detalhe table tr th { font:12px/16px 'OpenSansSemiBold'; text-align:center; padding:5px }
body.eventos .box-detalhe table tr td { padding:5px; font:12px/14px 'OpenSans' }
body.eventos .box-detalhe table tr th:first-child,
body.eventos .box-detalhe table tr td:first-child { text-align:center }
body.eventos .box-detalhe table tr:nth-child(even) td { background:#F0F0F0 }
body.eventos .box-detalhe table tr:nth-child(odd) td { background:#FFF }
body.eventos .box-detalhe td a { cursor:pointer }

@media only screen and (max-width: 1100px) {
	body.eventos header img { height:50px; margin:0; display:inline-block; vertical-align:top }
	body.eventos header.detalhe { margin-bottom:10px }
	body.eventos header.detalhe h1 { margin:20px 0 20px 20px }
	body.eventos div.conteudo { margin:20px 10px; width:auto }
	body.eventos header h1 { font:17px/22px 'OpenSansSemiBold'; margin:20px 0 20px 10px; display:inline-block; vertical-align:top }
	body.eventos .monitoramento-esq { float:none; width:auto }
	body.eventos .filtro { float:left; width:calc(50% - 12px) }
	body.eventos .select { height:32px; line-height:32px; width:100%; margin:5px 0 0 0 }
	body.eventos .select select { height:32px; padding:0 8px; line-height:32px; font:normal 14px 'OpenSans' }
	body.eventos .select::after { top:12px }
	body.eventos label { font-size:14px }
	body.eventos .box { margin-top:20px; height:87px; width:100% }
	body.eventos .box img { height:25px; margin:21px 0 0 20px }
	body.eventos .box p { font:28px/1 'DinBold'; float:right; margin:22px 20px 0 0 }
	body.eventos .box span { font:normal 13px/1 'OpenSansSemiBold'; margin-top:15px; padding:4px 0 }
	body.eventos .box-erro img { height:29px }
	body.eventos .box-erro span { margin-top:11px }
	body.eventos .monitoramento-dir { float:none; width:auto; height:auto; overflow:hidden }
	body.eventos h2 { font:18px/22px 'OpenSansSemiBold'; margin:10px 0 }
	body.eventos table tr th { font:11px/16px 'OpenSansSemiBold'; padding:7px }
	body.eventos table tr th.col1 { width:170px }
	body.eventos table tr th.col2 { width:40px }
	body.eventos table tr td { padding:3px 7px; font:11px/14px 'OpenSans' }
	body.eventos table tr td p.percentual_num { font:11px/12px 'OpenSansSemiBold' }
	body.eventos .filtro-detalhe section { margin:0 10px 10px 0 }
	body.eventos .filtro-detalhe section.right { float:left !important }
	body.eventos .filtro-detalhe #txtIdEnvio { width:156px }
	body.eventos .filtro-detalhe #txtPeriodoInicial, body.eventos .filtro-detalhe #txtPeriodoFinal { width:76px }
	body.eventos .filtro-detalhe input[type="button"],
	body.eventos .filtro-detalhe input[type="submit"] { font:1px/13px 'OpenSansSemiBold' }
	body.eventos .filtro-detalhe input#btnFiltrar { padding:10px 20px; text-indent:-9999px; background:#2ACCBA url('../images/buscar.svg') no-repeat center center; background-size:18px; filter:invert(100%) brightness(91%) contrast(102%) }
	body.eventos .filtro-detalhe input#btnVoltar { margin-top:21px; padding:13px 16px 12px 17px; text-indent:-9999px; background:#2ACCBA url('../images/json.svg') no-repeat center center; background-size:15px; filter:invert(100%) brightness(91%) contrast(102%); transform:rotate(90deg) }
	body.eventos #lnkReprocessarTodosMobile { display:block; float:right; font-size:14px; margin:17px 0 0 0 }
	body.eventos .box-detalhe .contador { float:left; text-align:left }
	table.rt-responsive-table { width:100%; background:none }
	body.eventos .box-detalhe table.rt-responsive-table tr:nth-child(even) td { background:#FFF }
	body.eventos .box-detalhe table.rt-responsive-table tr:nth-child(odd) td { background:#FFF }
	body.eventos .box-detalhe table tr th:first-child,
	body.eventos .box-detalhe table tr td:first-child { text-align:left }
	table.rt-responsive-table th { font-weight:bold }
	table.rt-responsive-table td.td_mobile, table.rt-responsive-table th { padding:5px; border:1px solid #DDD; text-align:left }
	table.rt-responsive-table.rt-vertical-table, 
	table.rt-responsive-table.rt-vertical-table thead, 
	table.rt-responsive-table.rt-vertical-table tbody, 
	table.rt-responsive-table.rt-vertical-table th, 
	table.rt-responsive-table.rt-vertical-table td.td_mobile,
	table.rt-responsive-table.rt-vertical-table tr 
	{ display:block; overflow:hidden; -webkit-box-sizing:border-box; background:none; -moz-box-sizing:border-box; box-sizing:border-box; float:left; clear:left; width:100% }
	table.rt-responsive-table.rt-vertical-table thead tr { position:absolute; top:-9999px; left:-9999px }
	table.rt-responsive-table.rt-vertical-table tbody td.td_mobile div.responsive-container { float:left; width:65%; display:block }
	table.rt-responsive-table.rt-vertical-table tr { border:none; background:#FFF; border-bottom:15px solid #F0F0F0 }
	table.rt-responsive-table.rt-vertical-table td.td_mobile { border:none; border-bottom:1px solid #DDD; min-height:26px; position:relative }
	table.rt-responsive-table.rt-vertical-table td.td_mobile:before { position:relative; width:30%; padding-right:10px; font-weight:bold; float:left; word-break:break-all }
	table.tab-mobile .l20 { width:100% !important; min-width:unset !important }
	table.tab-mobile tbody tr td.img0 { font-size:11px; text-align:center; width:50px !important; clear:none !important; border:none !important }
	table.tab-mobile tbody tr td.img0 div.responsive-container { display:inline-block !important; height:20px !important }
	table.tab-mobile tbody tr td.img0 div.responsive-container a,
	table.tab-mobile tbody tr td.img0 div.responsive-container input[type="button"] { width:20px !important; margin:0 !important; height:20px !important; background-position-y:top; background-size:contain !important }
	table.rt-responsive-table.rt-vertical-table tr.dtpager2 { border:none; overflow:unset; float:none; clear:unset }
	table.rt-responsive-table.rt-vertical-table tr.dtpager2 td { border:none; border-collapse:collapse; padding:0 }
	table.rt-responsive-table.rt-vertical-table tr.dtpager2 td table { display:inline-block; border-collapse:collapse; background:none }
	table.rt-responsive-table.rt-vertical-table tr.dtpager2 td table tr { display:inline-block; border:none; background:none }
	table.rt-responsive-table.rt-vertical-table tr.dtpager2 td table tr td { display:inline-block; border:1px solid #DDD; border-collapse:collapse }
}



/* 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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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; -ms-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;
	}
}