/* FONT FACE */
@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 }
@font-face { font-family:'DINAlternateLight'; src:url('webfonts\\din_alternate_light.eot'); src:url('webfonts\\din_alternate_light.eot?#iefix') format('embedded-opentype'), url('webfonts\\din_alternate_light.woff') format('woff'), url('webfonts\\din_alternate_light.ttf') format('truetype'), url('webfonts\\din_alternate_light.svg#din_alternate_light') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'DINAlternateMedium'; src:url('webfonts\\din_mediumalternate.eot'); src:url('webfonts\\din_mediumalternate.eot?#iefix') format('embedded-opentype'), url('webfonts\\din_mediumalternate.woff') format('woff'), url('webfonts\\din_mediumalternate.ttf') format('truetype'), url('webfonts\\din_mediumalternate.svg#din_mediumalternate') format('svg'); font-weight:normal; font-style:normal }


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


/* Mensagem de ERRO */
.hidden { display:none !important; visibility:hidden !important }
.msg_erro { color:#C9302C; font-size:13px; margin:10px }
.alert_message { text-align:center; padding:20px; width:300px }
.alert_message p { font-size:14px; padding:20px 40px; line-height:18px }
.alert_message input[type="button"] { margin-right:10px }


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
body { line-height:1; background:#F1F2F3 }
body.login { line-height:1; background:#97AABB url('/img/fundo_psrs.jpg') no-repeat center center fixed; background-size:cover }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
.clear { clear:both; font-size:1px; height:1px; line-height:1px; display:block }
.light-color { color:#FFF }
p.logo { position:absolute; margin:-52px 0 0 284px }
p.logo img { width:80px }

/* FORM */
label { color:#000; font-size:11px; font-family:'OpenSansBold', sans-serif; line-height:16px; height:16px; margin-bottom:5px; display:inline-block; margin-top:5px }
.fake_iptupload, input[type="text"], input[type="password"], textarea { font:normal 11px 'OpenSans', sans-serif; vertical-align:middle; outline:none; background:#FFF; border:1px solid #CCC; padding:2px 5px; line-height:16px; height:16px; color:#000; display:inline-block; margin-right:20px }
textarea { vertical-align:text-top }
span.a { color:#000; font:normal 12px 'OpenSansBold', sans-serif; line-height:18px; height:18px }
input[type="text"].aspNetDisabled, .select select.aspNetDisabled, input[disabled="disabled"] { color:#666; cursor:default; background:#CCC }
input[type="button"], input[type="submit"] { outline:none; border:none; color:#FFF; cursor:pointer; background:#E10025; vertical-align:middle; line-height:16px; font-size:11px; text-align:center; padding:7px 25px }
@-moz-document url-prefix() { .file_upload span, input[type="button"], input[type="submit"] { padding:3px 23px } }
.file_upload span:hover, input[type="button"]:hover, input[type="submit"]:hover { opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50) }
span.ex { font-size:11px; font-style:italic; color:#666; margin-top:5px }
.checkbox { width:16px; margin-top:20px }
.checkbox input[type="checkbox"] { display:none }
.checkbox input[type="checkbox"]+label { background:url("../img/checkbox.png") no-repeat 0 0; cursor:pointer; line-height:16px; margin:0; padding-left:25px; height:16px; display:inline-block }
.checkbox input[type="checkbox"]:checked + label { background:url("../img/checkbox.png") no-repeat 0 -16px }
.select { position:relative; display:inline-block; border:1px solid #CCC; background:#FFF; height:20px; line-height:20px }
.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:11px; color:#000; padding:2px 8px; line-height:14px; font-family:'OpenSans', sans-serif }
.select::after { content:""; position:absolute; width:12px; height:7px; top:19px; right:6px; margin-top:-12px; background:url("../img/arrow-select.svg") no-repeat; background-size:8px; z-index:2; pointer-events:none }
.select option { font-weight:normal }
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% + em) } }
@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 }
a { color:#428BCA; cursor:pointer; text-decoration:none; font-size:12px }
input[disabled="disabled"], input[disabled="disabled"]:hover { cursor:not-allowed; opacity:0.3; -moz-opacity:0.3; -khtml-opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30) }
input[type="button"].mini, input[type="submit"].mini { font-size:11px; padding:3px 15px }

.left { float:left !important }
.right { float:right !important }
.mt0 { margin-top:0 !important }
.mt10 { margin-top:10px !important }
.mt20 { margin-top:20px !important }
.mr0 { margin-right:0 !important }
.mr1p { margin-right:1% !important }
.ml1p { margin-left:1% !important }
.ml10 {margin-left:10px !important}
.ml236 { margin-left:236px !important }
.ml472 { margin-left:472px !important }
.mt31 { margin-top:31px !important }
.mr8 { margin-right:8px !important }
.mr15 { margin-right:15px !important }
.txtleft { text-align:left !important }
.txtright { text-align:right !important }
.vermelho { color:#E10025 !important }
.verde { color:#449D44 !important }
.f-azul-escuro { background:#1A478C !important }
.f-vermelho { background:#E10025 !important; color:#FFF !important }
.f-laranja { background:#ff6a00 !important }
.f-amarelo { background:#ffd800 !important }
.f-amarelo-claro { background:#FF6 !important }
.f-verde-claro { background:#A9D08E !important }
.f-verde-escuro { background:#449D44 !important }
.f-azul-indigo { background:#011C5F !important }
.f-cinza { background:#CCC !important }
.f-azul-claro { background:#428BCA !important }
.f-cinza-escuro, .f-cinza-escuro-tipi { background:#666 !important }
.largura_nota { width:180px }
.largura_plan_real { width:30px }
.largura_label { width:150px }
.largura_label2 { width:194px }
.largura_planning { width:65px }
.cap { text-transform:capitalize !important }
.maiusculo { text-transform:uppercase !important }


/* TABLE */
table { border-spacing:0px; background:#FFF; margin:20px 0; width:100% }
table thead th { border-collapse:collapse; border-top:1px solid #666; border-left:1px solid #666; background:#1A478C; font-size:11px; font-family:'OpenSansBold', sans-serif; 
padding:10px; color:#FFF; display:table-cell; text-align:center; vertical-align:middle }
table.primeira-linha tr:first-child td { border-collapse:collapse; border-top:1px solid #666; border-left:1px solid #666; background:#1A478C; font-size:11px; font-family:'OpenSansBold', sans-serif; 
padding:10px; color:#FFF; display:table-cell; text-align:center; vertical-align:middle }
table tbody th, table thead td, table tbody td { border-collapse:collapse; border-bottom:1px solid #DDD; border-left:1px solid #DDD; font-size:11px; font-weight:normal; padding:10px; display:table-cell; color:#000; min-height:16px; text-align:center; vertical-align:middle }
table tbody th:last-child, table tbody td:last-child, table thead td:last-child { border-right:1px solid #DDD }
table tr:nth-child(odd) { background:#F9F9F9 }
table tr:nth-child(even) { background:#FFF }
table.sem-fundo tr:nth-child(odd), table.sem-fundo tr:nth-child(even) { background:#FFF }
.l02p { width:0.2% !important; min-width:0.2% }
.l2p { width:2% !important; min-width:2% }
.l5p { width:5% !important; min-width:5% }
.l7p { width:7% !important; min-width:7% }
.l8p { width:8% !important; min-width:8% }
.l10p { width:10% !important; min-width:10% }
.l14p { width:14% !important; min-width:14% }
.l15p { width:15% !important; min-width:15% }
.l16p { width:16% !important; min-width:16% }
.l18p { width:18% !important; min-width:18% }
.l20p { width:20% !important; min-width:20% }
.l25p { width:25% !important; min-width:25% }
.l28p { width:28% !important; min-width:28% }
.l30p { width:30% !important; min-width:30% }
.l33p { width:33% !important; min-width:33% }
.l333p { width:33.3% !important; min-width:33.3% }
.l50p { width:50% !important; min-width:50% }
.l20 { width:20px !important; min-width:20px }
.l40 { width:40px !important; min-width:40px }
.l49p { width:49% !important; min-width:49% }
.l55 { width:55px !important; min-width:55px }
.l60 { width:60px !important; min-width:60px }
.l65 { width:65px !important; min-width:65px }
.l70 { width:70px !important; min-width:70px }
.l80 { width:80px !important; min-width:80px }
.l90 { width:90px !important; min-width:90px }
.l100 { width:100px !important; min-width:100px }
.l120 { width:120px !important; min-width:120px }
.l140 { width:140px !important; min-width:140px }
.l200 { width:200px !important; min-width:200px }
.l310 { width:310px !important; min-width:310px }
table .excluir { background:url("../img/excluir.svg") no-repeat; background-size:15px; display:inline-block; padding:0; height:16px; width:15px; filter:invert(14%) sepia(73%) saturate(6435%) hue-rotate(344deg) brightness(85%) contrast(109%) }

#logo-print { display:none }
.h113 { height:113px }
.h193 { height:193px }
.h199 { height:199px }

.logos { margin:80px auto 20px auto; text-align:center; width:204px; height:201px; background:#189AB0; color:#FFF; box-shadow:0 2px 2px 0 rgba(0,0,0,.2), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,0) }
.logos img { filter:invert(100%); margin:25px 0 0 0; width:156px }
.logos h1 { font:normal 25px 'OpenSansSemiBold', sans-serif; margin:8px 0 2px 0  }
.logos h2 { text-transform:none; font:normal 14px 'OpenSans', sans-serif; margin:0  }


/* EDIT INFO */
.edit_info { padding:15px }
.edit_info label { margin-right:10px }
.edit_info h1 { font:normal 12px 'OpenSansBold', sans-serif; margin:0 0 5px 0; text-transform:uppercase; padding:3px 5px }
.edit_info h2 { font:normal 10px 'OpenSansBold', sans-serif; margin:10px 0; background:#F0F0F0; text-transform:uppercase; border-bottom:1px solid #333; border-top:1px solid #333; padding:2px }
.edit_info h6 { font:normal 10px 'OpenSansBold', sans-serif; display:inline-block; width:192px; margin:0 16px 0 5px; text-align:center }
.edit_info .select { margin-right:20px }


/* Topo */
.topo { background:#FFF; height:60px; border-bottom:1px solid #D6D6D6 }
.topo img.logo { margin:3px 20px -5px 0; vertical-align:text-bottom; width:102px }
.topo h1 { float:left; font:normal 22px 'OpenSansBold', sans-serif; margin:0 20px 0 30px; color:#1A478C }
.topo h1 a { font:normal 22px 'OpenSansBold', sans-serif; color:#1A478C }
.topo ul { float:right; margin-right:11px }
.topo ul li { display:inline-block; height:60px; width:80px; text-align:center; border-left:1px solid #D6D6D6 }
.topo ul li:last-child { border-right:1px solid #D6D6D6 }
.topo ul li a { display:block; height:49px; padding-top:10px; width:83px; text-align:center; font:normal 12px 'OpenSansBold', sans-serif; color:#333; opacity:0.3; -moz-opacity:0.3; -khtml-opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30) }
.topo ul li a img { height:22px }
.topo ul li a:hover, .topo ul li a.atual { opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); border-bottom:3px solid #1A478C }
.topo ul li a.submenu ~ ul { display:none }
.topo ul li a.submenu ~ ul { top:60px; margin:-1px 0 0 -1px }
.topo ul li a.submenu ~ ul li { width:auto }
.topo ul li a.submenu ~ ul li:last-child { border-right:none }
.topo ul li a.submenu ~ ul li a { width:auto; padding:7px 20px; font:normal 11px 'OpenSans', sans-serif }


/* Submenu */
html body div a.submenu ~ ul { float:none; position:absolute; z-index:2; border:1px solid #D6D6D6; padding:10px 0; border-top:none; background:#FFF; box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,0) }
html body div a.submenu ~ ul li { display:block; height:auto; text-align:left; border:none }
html body div a.submenu ~ ul li a { height:auto; padding:0; width:120px; text-align:left; text-transform:uppercase; opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100) }
html body div a.submenu ~ ul li a:hover { border-bottom:none; background:#1A478C; color:#FFF }
html body div a.submenu ~ ul li a.claro { opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50) }


/* Login */
.box { border:1px solid #E7E7E7; width:400px; margin:120px auto 20px auto; background:#FFF; border-radius:7px }
.box h1 { position:relative; background:#F8F8F8; text-align:left; top:auto; height:auto; width:auto; padding:15px 20px; line-height:18px; font:normal 16px 'OpenSansSemiBold', sans-serif; color:#333; border-bottom:1px solid #E2E2E2 }
.box div.h1 { position:relative; background:#F5F5F5; top:auto; height:20px; width:auto; padding:6px 0 22px 2px; border:1px solid #E8E8EB }
.conteudo .login input[type="button"], .conteudo .login input[type="submit"] { margin:20px 0 0 30px }
.conteudo .login input[type="text"], .conteudo .login input[type="password"], .conteudo .login label { margin-left:30px }
.conteudo .login label { font-size:12px; line-height:18px; height:18px; margin-bottom:10px; display:block; margin-top:15px }
.conteudo .login input[type="text"], .conteudo .login input[type="password"] { font:normal 12px 'OpenSans', sans-serif; padding:5px; line-height:18px; height:18px; display:block }


/* Index */
.index { margin:70px 0 30px 0; text-align:center }
.index ul li { display:inline-block; width:180px; color:#333; font-size:11px; line-height:14px; position:relative }
.index ul li a { color:#333; font-size:11px; line-height:14px }
.index ul li:first-child { width:140px; cursor:default }
.index ul li p { color:#FFF; font:normal 16px 'OpenSansBold', sans-serif; text-align:center; background:#999; line-height:30px }
.index ul li h1 { text-transform:uppercase; font:normal 12px 'OpenSansBold', sans-serif; color:#E10025; margin-bottom:5px }
.index ul li h2 { position:absolute; background:#E10025; color:#FFF; width:30px; height:26px; padding-top:4px; line-height:30px; text-align:center; font:normal 14px 'OpenSansBold', sans-serif; top:0; left:0 }
.index ul li div { display:block; cursor:pointer; text-align:center; padding:0 20px; border:1px solid #CCC; background:#FFF; margin-bottom:5px; height:230px }
.index ul li div:hover { background:#C0D8FE }
.index ul li:first-child div, .index ul li:first-child p { font-size:16px; font-family:'OpenSansBold', sans-serif }
.index ul li:first-child div { padding-top:110px; height:120px }
.index ul li:first-child div:hover { background:#FFF }
.index ul li div img { margin-bottom:17px; margin-top:37px }


/* Titulos */
h2 { font:normal 12px 'OpenSansBold', sans-serif; text-transform:uppercase; margin:5px 0 }
h3 { font:normal 11px 'OpenSansBold', sans-serif; margin:0; border-bottom:1px solid #333; border-top:1px solid #333; background:#F0F0F0; padding:3px 2px }
h3 span { float:right; font:normal 11px 'OpenSansBold', sans-serif; margin-right:2% }
h4 { font:normal 10px 'OpenSansBold', sans-serif; margin:0; border-bottom:1px solid #999; padding:3px 5px }
h5 { font:normal 10px 'OpenSansBold', sans-serif; margin:0; border-top:1px solid #333; padding:3px 5px }


/* Relatorios Divisorias */
.rel_esq, .rel_dir { float:left }
.rel_esq { width:70% }
.rel_dir { width:30% }
.rel_esq .rel_esq { width:75% }
.rel_esq .rel_dir { width:25% }


/* Grafico */
.grafico { height:160px; padding-top:10px }
.grafico2 { height:500px; padding-top:10px }
.grafico3 { height:400px; padding-top:10px; width:calc(100% - 150px); float:right }
.grafico4 { height:300px; padding-top:10px; margin-right:20px }
.grafico-neg { height:202px; padding-top:10px }
.grafico-kpi { height:350px; width:1000px; margin:0 auto }


/* Status Diario */
.painel1 { border-collapse:collapse; margin:10px; background:#FFF; border:1px solid #d6d6d6 }
.painel1 .topo-pagina { position:relative; z-index:1; border-collapse:collapse; padding:0 0 0 10px; font:normal 13px 'OpenSansSemiBold', sans-serif; height:32px; line-height:32px; background:#f9f6f1; background:-moz-linear-gradient(top, #f9f6f1 0%, #f2efea 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f6f1), color-stop(100%,#f2efea)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* IE10+ */ background:linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea')"; border-bottom:1px solid #d6d6d6; -webkit-background-clip:padding-box }
.painel1 .topo-pagina img { width:16px; vertical-align:top; margin-top:8px }
.painel1 .topo-pagina a { float:right; display:block; width:32px; height:32px; text-align:center }
.painel1 .topo-pagina a:hover { background-color:#C9EDE4 }
.painel1 .topo-pagina p { float:right; margin-right:0; font-size:11px; text-transform:capitalize }
.painel1 .topo-pagina input[type="text"] { background-color:transparent; margin-right:0 }
.painel1 table { margin:5px 0 10px 0 }
.painel1 table.primeira-linha tr:first-child td, .painel1 table th, .painel1 table td { font-size:10px; padding:5px }
.notas { border:1px solid #999; text-align:left; min-height:50px }
.notas p { font:normal 10px 'OpenSans', sans-serif; margin:5px; text-align:left }
.painel2 .notas { margin:5px 0 0 10px }
.painel2 { margin:0; padding:0 10px; border-right:1px solid #CCC }
.painel22 { margin:0; padding:0 10px }
.painel22 .notas { margin:5px 0 10px 0 }
.rel_esq .painel3 .rel_dir table { padding-left:10px }
.info_adicionais { margin:0 10px 10px 10px }
.info_adicionais ul { border:1px solid #999; background:#FFF; padding:5px }
.info_adicionais ul li { font:normal 10px 'OpenSans', sans-serif; display:inline-block; width:49% }
.info_adicionais table { border:1px solid #DDD; border-collapse:collapse }
.info_adicionais table td { width:25%; border:1px solid #DDD; border-collapse:collapse }


/* Weekly Panel */
.weekly-monthly-panel { float:left; width:calc(25% - 13px); margin:20px 5px 0 5px }
.weekly-monthly-panel-duplo { float:left; width:calc(50% - 13px); margin:20px 5px 0 5px }
.weekly-monthly-panel:first-child, .weekly-monthly-panel:nth-child(6), 
.weekly-monthly-panel-duplo:first-child, weekly-monthly-panel-duplo:nth-child(6) { margin-left:10px }
.weekly-monthly-panel:last-child, .weekly-monthly-panel-duplo:last-child { margin-right:10px }



/* Outras Tabelas */
table.legenda { border:1px solid #000; border-top:none; margin-top:0 }
table.legenda tbody tr td { border:none; text-align:left; vertical-align:top; font-size:11px; background:#FFF }
table.legenda tbody tr td h6 { font:normal 11px 'OpenSansBold', sans-serif }

div.delivery-tendency { float:left; width:140px }
div.plant { background:#009933; padding:5px 10px; position:relative; margin-top:100px }
div.depot { background:#0033cc; padding:5px 10px; position:relative; margin-top:20px }
div.plant h2,
div.depot h2 { font:normal 17px 'OpenSansBold', sans-serif; color:#FFF; text-transform:none; margin:0; padding:0; border:none }
div.plant h3,
div.depot h3 { font:normal 13px 'OpenSans', sans-serif; color:#FFF; margin:0 0 5px 0; padding:0; border:none; background:none }
div.plant h4,
div.depot h4 { font:normal 17px 'OpenSansSemiBold', sans-serif; color:#FFF; width:110px; margin:0; padding:0; border:none }
div.plant h4 span,
div.depot h4 span { font:normal 18px 'OpenSansBold', sans-serif; color:#FFF; width:40px; display:inline-block; float:right; text-align:right }
div.plant hr,
div.depot hr { margin:0; padding:0; height:1px; line-height:1px; width:110px; border:none; border-top:1px solid #FFF }


/* KPI */
table.tabela-clique td a { font-size:9px; text-transform:uppercase }
table.tabela-clique td a:hover { text-decoration:underline }
table.tabela-clique tbody tr:hover { background:#F1EFBC }
div.grafico-tabela { padding:20px; background:#FFF }
div.grafico-tabela .notas { margin:20px auto 0 auto; width:1000px }
div.grafico-tabela table { margin:0 auto; width:1000px }
div.grafico-tabela table thead th { padding:5px 1px; font-size:9px; width:1.8% }
div.grafico-tabela table tbody td { font-size:9px; padding:5px 1px }
div.grafico-tabela table tbody td:first-child,
div.grafico-tabela table thead th:first-child { text-align:left; font-family:'OpenSansBold' }
div.grafico-tabela .campo { margin:20px 0 }
div.grafico-tabela label { width:150px }
div.grafico-tabela input[type="text"], div.grafico-tabela input[type="password"] { width:70px }


/* Mobile Operation */
.filtro-cliente { margin:20px auto 0 auto; width:354px; text-align:right }
.mobile-operation { width:340px; margin:10px auto; border:1px solid #428BCA; padding:7px; background:#FFF }
.mobile-operation .f-azul-escuro { padding:2px 7px; margin-bottom:2px }
.mobile-operation .f-azul-claro { padding:2px 7px 0 7px; margin-bottom:2px }
.mobile-operation .f-cinza-escuro,
.mobile-operation .f-cinza-escuro-tipi { padding:2px 10px 0 10px; margin-bottom:2px }
.mobile-operation h2 { color:#FFF; font:normal 13px 'OpenSansSemiBold', sans-serif; text-transform:none; padding:2px 0 }
.mobile-operation h3 { color:#FFF; font:normal 12px 'OpenSansSemiBold', sans-serif; text-transform:none; border:none; background:none; padding:1px 0 }
.mobile-operation h4 { color:#FFF; font:normal 12px 'OpenSansSemiBold', sans-serif; text-transform:none; border:none; border-top:1px solid #FFF; background:none; padding:1px 0 }
.mobile-operation h5 { color:#FFF; font:normal 11px 'OpenSans', sans-serif; text-transform:none; border:none; background:none }
.mobile-operation ul { width:100%; display:block }
.mobile-operation ul li { display:inline-block; text-align:center; padding-bottom:2px }
.mobile-operation .f-azul-escuro span.hora { color:#FFF; font-size:11px; float:right; text-align:right; line-height:14px }
.mobile-operation .f-azul-escuro span.data { color:#FFF; font-size:11px; float:right; margin-right:-25px; text-align:right; line-height:14px }
.mobile-operation .f-azul-escuro span.data input[type="text"] { background:none; color:#FFF; text-align:right }
.mobile-operation .f-azul-escuro p { color:#FFF; font-size:11px; float:left; margin-left:145px; margin-top:-15px }
.mobile-operation .f-azul-claro p,
.mobile-operation .f-cinza-escuro p,
.mobile-operation .f-cinza-escuro-tipi p { color:#FFF; font:normal 20px 'OpenSansSemiBold', sans-serif }
.mobile-operation .f-azul-claro ul li:first-child { border-right:1px solid #FFF; width:calc(50% - 1px) }
.mobile-operation .f-cinza-escuro ul li:first-child { border-right:1px solid #FFF; width:calc(33.3% - 1px) }
.mobile-operation .f-cinza-escuro ul li:last-child { border-left:1px solid #FFF; width:calc(33.3% - 1px) }
.mobile-operation .f-cinza-escuro-tipi ul li:first-child { border-right:1px solid #FFF; width:calc(50% - 1px) }
.mobile-operation h3.cnt-aging { background:#428BCA; padding:1px 7px; margin-bottom:2px }
.mobile-operation ul.cnt-aging li:first-child { border-right:1px solid #FFF; width:calc(33.3% - 1px) }
.mobile-operation ul.cnt-aging li:last-child { border-left:1px solid #FFF; width:calc(33.3% - 1px) }
.mobile-operation ul.cnt-aging p { color:#000; font:normal 20px 'OpenSansSemiBold', sans-serif }
.mobile-operation ul.cnt-aging h5 { color:#000 }


/* TIPI CTN PLANNING  */
.tipi-ctn-planning2 { margin:40px auto 0 auto; width:900px; color:#FFF }
.tipi-ctn-planning2 div.tcp2_left { float:left; width:55% }
.tipi-ctn-planning2 div.tcp2_right { float:left; width:calc(45% - 2px); margin-left:2px }
.tipi-ctn-planning2 h2 { margin:0; padding:5px 10px; color:#FFF; border-bottom:1px solid #F1F2F3; display:block; font-size:13px }
.tipi-ctn-planning2 h3 { padding:5px 10px; margin:0; background:none; border:none; border-bottom:1px solid #F1F2F3; font-size:13px }

.tipi-ctn-planning2 .tcp_inbound { float:left; background:#CCC; margin-bottom:1px; margin-right:2px; width:calc(50% - 2px); height:270px; color:#2d72ae }
.tipi-ctn-planning2 .tcp_inbound h2 { background:#2d72ae }
.tipi-ctn-planning2 .tcp_outbound { float:left; background:#CCC; margin-bottom:1px; width:50%; height:270px; color:#0f7954 }
.tipi-ctn-planning2 .tcp_outbound h2 { background:#0AC282 }
.tipi-ctn-planning2 .tcp_inbound .left, .tipi-ctn-planning2 .tcp_outbound .left { width:calc(53% - 16px); border-right:1px solid #A0A0A0; height:130px; margin:0 5px 0 10px } 
.tipi-ctn-planning2 .tcp_inbound .right, .tipi-ctn-planning2 .tcp_outbound .right { width:calc(47% - 15px); margin:0 10px 0 5px; height:130px }
.tipi-ctn-planning2 .tcp_inbound img, .tipi-ctn-planning2 .tcp_outbound img { float:left; margin:20px 15px 10px 20px; vertical-align:top; width:42px; filter:invert(55%) sepia(31%) saturate(2137%) hue-rotate(184deg) brightness(86%) contrast(81%) }
.tipi-ctn-planning2 .tcp_outbound img { filter:invert(25%) sepia(36%) saturate(4051%) hue-rotate(143deg) brightness(95%) contrast(88%) }
.tipi-ctn-planning2 .tcp_inbound h4, .tipi-ctn-planning2 .tcp_outbound h4 { font:normal 14px/17px 'OpenSansSemiBold', sans-serif; margin:5px 0 0 0;  border:none; display:block; vertical-align:top; float:left; text-align:left }
.tipi-ctn-planning2 .tcp_inbound h4 em, .tipi-ctn-planning2 .tcp_outbound h4 em { font-family:'OpenSansSemiBold', sans-serif; display:inline-block; width:72px }
.tipi-ctn-planning2 .tcp_inbound p, .tipi-ctn-planning2 .tcp_outbound p { font-size:52px; text-align:center; font-weight:bold; margin:5px 0 }
.tipi-ctn-planning2 .tcp_inbound p.qtd_1, .tipi-ctn-planning2 .tcp_outbound p.qtd_1 { font-size:26px }
.tipi-ctn-planning2 .tcp_inbound p.qtd_2, .tipi-ctn-planning2 .tcp_outbound p.qtd_2 { font-size:26px; margin-bottom:20px }
.tipi-ctn-planning2 .tcp_inbound span, .tipi-ctn-planning2 .tcp_outbound span { display:block; text-align:center; font-size:14px; line-height:24px; margin:0 0 10px 0 }
.tipi-ctn-planning2 .tcp_inbound h5, .tipi-ctn-planning2 .tcp_outbound h5 { border:none; text-align:center; font-size:12px; margin-top:0; text-transform:uppercase }
.tipi-ctn-planning2 .tcp_inbound h5 img, .tipi-ctn-planning2 .tcp_outbound h5 img { width:10px; float:none; margin:3px 0 0 0 }
.tipi-ctn-planning2 .qtd_vagoes { clear:both }
.tipi-ctn-planning2 .qtd_vagoes h5 { font:normal 16px 'OpenSansSemiBold', sans-serif; text-transform:none }
.tipi-ctn-planning2 .qtd_vagoes h5 span { font:normal 18px 'OpenSansSemiBold', sans-serif; display:inline }

.tipi-ctn-planning2 .tcp_programacao_semanal { float:left; background:#CCC; margin-right:2px; width:calc(70% - 2px); height:180px }
.tipi-ctn-planning2 .tcp_programacao_semanal h2 { background:#404E67; margin-bottom:7px }
.tipi-ctn-planning2 .tcp_programacao_semanal table { background:none; border:none; margin:0 auto; width:96% }
.tipi-ctn-planning2 .tcp_programacao_semanal table tr { background:none }
.tipi-ctn-planning2 .tcp_programacao_semanal table tr th:first-child, 
.tipi-ctn-planning2 .tcp_programacao_semanal table tr td:first-child { text-align:left; width:60px }
.tipi-ctn-planning2 .tcp_programacao_semanal table tr th { color:#1c293e; border:none; padding:0 0 5px 0; font:normal 10px/10px 'OpenSansBold', sans-serif }
.tipi-ctn-planning2 .tcp_programacao_semanal table tr td { color:#27364e; border:none; padding:2px 0; font-size:10px }
.tipi-ctn-planning2 .tcp_programacao_semanal table tr:last-child td, 
.tipi-ctn-planning2 .tcp_programacao_semanal table tr:last-child td { color:#000; font-family:'OpenSansBold', sans-serif }
.tipi-ctn-planning2 .tcp_programacao_semanal span { color:#404E67; display:block; text-align:center; font:normal 14px 'OpenSansSemiBold', sans-serif; margin:55px 20px 0 20px }
.tipi-ctn-planning2 .tcp_programacao_semanal p { text-align:center; margin-top:5px }
.tipi-ctn-planning2 .tcp_programacao_semanal p span { display:inline-block; background:#888; color:#FFF; padding:2px 10px; margin:0 auto; text-align:center; font:normal 14px 'OpenSans', sans-serif }

.tipi-ctn-planning2 .tcp_trem_dia { float:left; background:#CCC; width:30%; height:180px; color:#0f7174 }
.tipi-ctn-planning2 .tcp_trem_dia h2 { background:#01A9AC; padding:5px }
.tipi-ctn-planning2 .tcp_trem_dia h3 { border:none; text-align:center; height:19px; margin:5px 0 20px 0; line-height:19px; font:normal 14px 'OpenSans', sans-serif }
.tipi-ctn-planning2 .tcp_trem_dia h4 { background:#04cfd3; width:100px; height:19px; line-height:19px; margin:0 auto; border:none; text-align:center; font:normal 14px 'OpenSansSemiBold', sans-serif }
.tipi-ctn-planning2 .tcp_trem_dia p { text-align:center; font:normal 16px 'OpenSansBold', sans-serif; margin:10px 0 0 0 }
.tipi-ctn-planning2 .tcp_trem_dia span { text-align:center; display:block; font:normal 14px 'OpenSansSemiBold', sans-serif; margin:45px 20px 0 20px }

.tipi-ctn-planning2 .tcp_status { float:left; width:calc(100% - 20px); background:#444; padding:8px 10px 7px 10px; margin-bottom:2px; font:normal 13px 'OpenSansBold', sans-serif; text-transform:uppercase }
.tipi-ctn-planning2 .ultimo-acesso { font:normal 12px 'OpenSansItalic', sans-serif; color:#000; margin-top:5px }

.tipi-ctn-planning2 .tcp_programacao_entregas { float:left; width:100%; background:#CCC; height:152px; margin-bottom:2px }
.tipi-ctn-planning2 .tcp_programacao_entregas h2 { width:calc(80% - 20px); background:#A06B61; height:18px; line-height:18px; float:left }
.tipi-ctn-planning2 .tcp_programacao_entregas h3 { width:calc(20% - 21px); background:#A06B61; height:18px; line-height:18px; border-left:1px solid #F1F2F3; text-align:right; font-size:13px; float:right }
.tipi-ctn-planning2 .tcp_programacao_entregas table { background:none; border:none; margin:5px auto 0 auto; width:90% }
.tipi-ctn-planning2 .tcp_programacao_entregas table tr { background:none }
.tipi-ctn-planning2 .tcp_programacao_entregas table tr th:nth-child(2n+1), 
.tipi-ctn-planning2 .tcp_programacao_entregas table tr td:nth-child(2n+1) { text-align:left }
.tipi-ctn-planning2 .tcp_programacao_entregas table tr td:first-child { width:80px; font-family:'OpenSansBold', sans-serif }
.tipi-ctn-planning2 .tcp_programacao_entregas table tr td:nth-child(2) { width:100px }
.tipi-ctn-planning2 .tcp_programacao_entregas table tr td:last-child { width:50px }
.tipi-ctn-planning2 .tcp_programacao_entregas table tr th { color:#A06B61; border:none; padding:3px 0; font:normal 12px 'OpenSansBold', sans-serif }
.tipi-ctn-planning2 .tcp_programacao_entregas table tr td { color:#5c3f3a; border:none; vertical-align:top; padding:2px 0; font-size:11px }
.tipi-ctn-planning2 .tcp_programacao_entregas span { color:#A06B61; display:block; text-align:center; font:normal 14px 'OpenSansSemiBold', sans-serif; margin:45px 20px 0 20px }
.tipi-ctn-planning2 .tcp_programacao_entregas table tr td span { display:block; width:20px; margin:0; height:11px }
.tipi-ctn-planning2 .tcp_programacao_entregas table tr td span.vermelho { background:#E10025 }
.tipi-ctn-planning2 .tcp_programacao_entregas table tr td span.amarelo { background:#FF6 }
.tipi-ctn-planning2 .tcp_programacao_entregas table tr td span.verde { background:#449D44 }
.tipi-ctn-planning2 .tcp_programacao_entregas table tr td span.azul { background:#1A478C }

.tipi-ctn-planning2 .tcp_aging { float:left; width:100%; background:#CCC; height:131px; margin-bottom:2px }
.tipi-ctn-planning2 .tcp_aging h2 { background:#78949F }
.tipi-ctn-planning2 .tcp_aging ul { width:96%; margin:10px 0 0 7px }
.tipi-ctn-planning2 .tcp_aging ul li { position:relative; text-align:center; vertical-align:middle; font:normal 24px 'OpenSansBold', sans-serif; display:inline-block; width:calc(32% - 20px); height:58px; margin:0 0 0 20px; padding-top:27px; background:#ffc300 }
.tipi-ctn-planning2 .tcp_aging ul li:first-child { background:#449D44 }
.tipi-ctn-planning2 .tcp_aging ul li:last-child { background:#E10025 }
.tipi-ctn-planning2 .tcp_aging ul li h6 { position:absolute; width:100%; top:0; left:0; padding:2px 0; background:#3e4e55; font:normal 13px 'OpenSans', sans-serif; text-align:center }
.tipi-ctn-planning2 .tcp_aging ul li span { font:normal 24px 'OpenSansBold', sans-serif; width:40px; text-align:center; display:inline-block; vertical-align:middle; margin:0 }
.tipi-ctn-planning2 .tcp_aging ul li p { position:absolute; vertical-align:middle; width:calc(100% - 2px); bottom:0; left:0; word-spacing:6px; padding:1px 2px 1px 0; background-color:rgba(0, 0, 0, 0.2); font:normal 11px 'OpenSans', sans-serif; text-align:center }

.tipi-ctn-planning2 .tcp_patio { float:left; width:100%; background:#CCC; height:130px }
.tipi-ctn-planning2 .tcp_patio h2 { background:#414289 }
.tipi-ctn-planning2 .tcp_patio ul { width:95%; margin:10px 0 0 8px }
.tipi-ctn-planning2 .tcp_patio ul li { position:relative; text-align:center; font:normal 26px 'OpenSansBold', sans-serif; display:inline-block; width:calc(19% - 7px); height:50px; margin:0 0 0 7px; padding-top:30px; background:#76859c; vertical-align:top }
.tipi-ctn-planning2 .tcp_patio ul li span { position:absolute; width:100%; top:0; left:0; padding:3px 0; background:#4a4cde; font:normal 11px 'OpenSans', sans-serif; text-align:center }


/* TIP-I Transport Planning */
.transport-planning-marcador { position:relative; width:1001px; margin:20px auto 0 auto }
.transport-planning-marcador div { position:absolute; font-size:10px; padding:205px 0 0 30px; background:url("../img/marcador.png") no-repeat left bottom; width:95px; height:14px }
.transport-planning-table { width:1001px; margin:20px auto }
.transport-planning-table table { width:auto }
.transport-planning-table thead tr th { background:#5C9AD3; border-color:#FFF; padding:10px 3px; font-size:11px; width:21px }
.transport-planning-table thead tr th.vazio { background:#FFF }
.transport-planning-table tbody tr td { border-color:#FFF; padding:10px 3px; font-size:11px; font-family:'OpenSansBold', sans-serif; width:21px }
.transport-planning-table tbody tr:nth-child(odd) { background:#D2DDEF }
.transport-planning-table tbody tr:nth-child(even) { background:#EAEEF9 }
.transport-planning-table thead tr th.tit1, .transport-planning-table tbody tr td.tit1 { font-size:12px; width:65px }
.transport-planning-table thead tr th.tit2, .transport-planning-table tbody tr td.tit2 { text-transform:capitalize; font-size:12px; width:40px }
.transport-planning-table tbody tr td.tit1 span { display:block; font-family:'OpenSansBold', sans-serif; font-size:16px; margin-top:7px }
.transport-planning-table tbody tr td.f-amarelo span { position:absolute; width:5px; height:5px; display:block; background:#F00; margin:-9px 0 0 8px }
.transport-planning-legenda { width:1001px; margin:25px auto 20px auto }
.transport-planning-legenda table { float:left; width:280px; margin-left:25px }
.transport-planning-legenda table:first-child { margin-left:0 }
.transport-planning-legenda table td, .legenda1 table th { font-size:11px; padding:5px 0; width:20% }
.transport-planning-legenda table td:first-child, .transport-planning-legenda table th:first-child { text-align:left; width:40% }
.transport-planning-legenda span { display:inline-block; width:20px; height:16px; border:1px solid #666; margin-left:5px; margin-right:5px; vertical-align:middle }


/* Tranport Control*/
table.transport-control { margin:20px auto; border-right:1px solid #999 }
table.transport-control .vazio { border:none; background:#FFF }
table.transport-control th, table.transport-control td { color:#000; border-color:#999; width:9.09% }
table.transport-control tr:first-child td { border-top:1px solid #999 }
table.transport-control tbody tr:nth-child(odd), table.transport-control tbody tr:nth-child(even) { background:#FFF }



/* LOADING */
.loading { position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; background:url(../img/fancybox_overlay.png) }
.cssload-wrap { position:fixed; border:1px solid #CCC; width:270px; height:130px; background-color:#FFF; top:50%; left:50%; opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); margin:-65px 0 0 -135px; z-index:999; text-align:center }
.cssload-wrap p { display:block; text-align:center; font-size:14px; 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;
	}
}



ul.ui-menu { background:#f2efea; max-height:120px; width:147px; overflow:auto; border:1px solid #191f26; font-size:12px; font-family:'OpenSansBold', sans-serif;line-height:20px }
ul.ui-menu li a { padding:6px; display:block; color:#9AABB9 }
ul.ui-menu li a:hover { cursor:pointer; text-decoration:none }
ul.ui-menu li:hover, ul.ui-menu li:hover a { background:#62aed4; color:#3A444F }
.ui-helper-hidden-accessible { display:none }
.ui-autocomplete { z-index:3 !important }
.ui-autocomplete .ui-state-focus { background:#62aed4 !important; color:#3A444F !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 }


/*CSS do Simulador CO2*/
#CPH_Content_pnlSimuladorCO2 #CPH_Content_pnlResultado { max-width:1086px; margin:0 auto }
#CPH_Content_pnlSimuladorCO2 .titulo { border:2px solid #333; margin:20px 0 0 0; vertical-align:top; padding:5px 10px }
#CPH_Content_pnlSimuladorCO2 .titulo h1 { width:20%; float:left; display:block; vertical-align:top }
#CPH_Content_pnlSimuladorCO2 .titulo p { width:60%; float:left; display:block; text-align:center; vertical-align:top; font:normal 16px/22px 'OpenSansSemiBold' }
#CPH_Content_pnlSimuladorCO2 .titulo img { height:45px; vertical-align:top }
#CPH_Content_pnlSimuladorCO2 .titulo span { width:calc(20% - 10px); float:left; vertical-align:top; display:block; text-align:right; padding-right:10px; font:normal 14px/44px 'OpenSans' }

#CPH_Content_pnlSimuladorCO2 .dados-cabecalho { margin:10px 0 0 0; padding:10px 20px 0 0 }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .l { float:left; width:27% }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .l p { font:normal 14px/22px 'OpenSans'; display:inline-block; text-align:left; width:60px; vertical-align:top }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .l span { font:normal 14px/20px 'OpenSansSemiBold'; margin-left:5px; width:180px; height:20px; border:1px solid #333; background:#E2EFDA; text-align:center; display:inline-block; vertical-align:top }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .l span.periodo { text-transform:capitalize }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .l span.periodo em { text-transform:lowercase; font-style:normal }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .c { float:left; width:48%; position:relative }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .c img { width:120px; position:absolute; right:0 }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .c p { font:normal 14px/18px 'OpenSans'; display:inline-block; text-align:left; margin-top:18px; width:70px; vertical-align:top }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .c span { font:normal 14px/18px 'OpenSansSemiBold'; width:calc(100% - 202px); margin-top:18px; min-height:23px; border:1px solid #333; background:#E2EFDA; text-align:center; display:inline-block; vertical-align:top }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .c #CPH_Content_lblCNPJ { height:20px; min-height:auto }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .c h4 { font:normal 14px/18px 'OpenSansSemiBold'; border:none; padding:0; margin-top:20px }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .c h5 { font:normal 14px/18px 'OpenSans'; border:none; padding:0; margin-top:10px }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .r { float:left; width:25%; text-align:right }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .r img { width:170px }
#CPH_Content_pnlSimuladorCO2 .dados-cabecalho .r h6 { font:normal 18px/30px 'OpenSansSemiBold'; padding:0 30px; text-align:center; display:inline; color:#FFF; background:#000 }

#CPH_Content_pnlSimuladorCO2 h3 { font:normal 14px/20px 'OpenSansSemiBold'; border:1px solid #333; background:#E2EFDA; padding:3px 5px }
#CPH_Content_pnlSimuladorCO2 .grafico_co2 { height:400px; padding:10px 0 20px 0 }

#CPH_Content_pnlSimuladorCO2 .volumes-transportados { margin:10px 0 }
#CPH_Content_pnlSimuladorCO2 .volumes-transportados table { margin:20px 0; border-collapse:collapse }
#CPH_Content_pnlSimuladorCO2 .volumes-transportados table thead tr th { font-size:13px; background:#F0F0F0; border:1px solid #666; border-collapse:collapse; color:#333; text-transform:capitalize }
#CPH_Content_pnlSimuladorCO2 .volumes-transportados table tr:nth-child(odd) { background:#FFF }
#CPH_Content_pnlSimuladorCO2 .volumes-transportados table tbody tr th,
#CPH_Content_pnlSimuladorCO2 .volumes-transportados table tbody tr td { font:normal 12px 'OpenSansSemiBold'; background:#FFF; border:1px solid #666; border-collapse:collapse; color:#333 }
#CPH_Content_pnlSimuladorCO2 .volumes-transportados table tbody tr td { font:normal 12px 'OpenSans' }
#CPH_Content_pnlSimuladorCO2 .volumes-transportados table tbody tr td:first-child,
#CPH_Content_pnlSimuladorCO2 .volumes-transportados table tbody tr td:last-child { font:normal 12px 'OpenSansBold' }
#CPH_Content_pnlSimuladorCO2 .volumes-transportados table tfoot tr td { font:normal 13px 'OpenSansBold'; text-align:center; background:#FFF; border:1px solid #FFF; border-collapse:collapse; color:#333 }
#CPH_Content_pnlSimuladorCO2 .volumes-transportados table tfoot tr td.semitotal { border-right:1px solid #666 }
#CPH_Content_pnlSimuladorCO2 .volumes-transportados table tfoot tr td.total { font:normal 13px 'OpenSansSemiBold'; border:1px solid #666 }

#CPH_Content_pnlSimuladorCO2 .evolulcao-indice-total { margin:10px 0 }
#CPH_Content_pnlSimuladorCO2 .evolulcao-indice-total table { margin:0 0 20px 0; border-collapse:collapse; border-left:1px solid #FFF }
#CPH_Content_pnlSimuladorCO2 .evolulcao-indice-total table thead tr th { font-size:13px; background:#FFF; border:1px solid #FFF; border-bottom:1px solid #666; border-collapse:collapse; color:#333; text-transform:capitalize }
#CPH_Content_pnlSimuladorCO2 .evolulcao-indice-total table tbody tr td { font:normal 12px 'OpenSans'; background:unset; border:1px solid #FFF; border-bottom:1px solid #666; border-collapse:collapse; color:#333 }
#CPH_Content_pnlSimuladorCO2 .evolulcao-indice-total table tbody tr.verde td { color:#00b948 }

#CPH_Content_pnlSimuladorCO2 .emissoes-totais-periodo table { margin:20px 0; border-collapse:collapse }
#CPH_Content_pnlSimuladorCO2 .emissoes-totais-periodo table thead tr th { font:normal 13px 'OpenSansSemiBold'; background:#E2EFDA; border:1px solid #666; border-collapse:collapse; color:#333; text-transform:none }
#CPH_Content_pnlSimuladorCO2 .emissoes-totais-periodo table thead tr th.periodo { background:#00225D; color:#FFF }
#CPH_Content_pnlSimuladorCO2 .emissoes-totais-periodo table thead tr td { font:normal 13px 'OpenSansSemiBold'; background:#FBF4D0; border:1px solid #666; border-collapse:collapse; color:#333; text-transform:none }
#CPH_Content_pnlSimuladorCO2 .emissoes-totais-periodo table tr:nth-child(odd) { background:#FFF }
#CPH_Content_pnlSimuladorCO2 .emissoes-totais-periodo table tbody tr td { font:normal 12px 'OpenSans'; background:#FFF; border:1px solid #666; border-collapse:collapse; color:#333 }

#CPH_Content_pnlSimuladorCO2 .tag { width:100px; height:150px; padding:20px; display:inline-block; vertical-align:top; text-align:center }
#CPH_Content_pnlSimuladorCO2 .tag img { width:90px; vertical-align:top; background:#FFF; padding:0 5px }
#CPH_Content_pnlSimuladorCO2 .tag label { font:normal 28px/30px 'OpenSansBold'; color:#FFF; margin:5px 0 0 0; height:auto }
#CPH_Content_pnlSimuladorCO2 .tag span { font:normal 14px/16px 'OpenSans'; color:#FFF }
#CPH_Content_pnlSimuladorCO2 .red-tag { background-color:#E10025; margin-left:30px; clip-path:polygon(50% 0%, 100% 20%, 100% 100%, 0% 100%, 0% 20%) }
#CPH_Content_pnlSimuladorCO2 .red-tag img { margin-top:15px }
#CPH_Content_pnlSimuladorCO2 .green-tag { background-color:#00B050; margin-left:30px; clip-path:polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%) }
#CPH_Content_pnlSimuladorCO2 .seta { width:140px; display:inline-block; vertical-align:top; text-align:center }
#CPH_Content_pnlSimuladorCO2 .seta p { width:140px; margin-left:30px }
#CPH_Content_pnlSimuladorCO2 .seta p img { width:60px; margin-top:10px; transform:rotate(90deg) }

#CPH_Content_pnlSimuladorCO2 .comparacao-totais { margin:30px 0 20px 0 }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais h4 { font:normal 16px/20px 'OpenSansSemiBold'; border:none; padding:0; margin:30px 0 0 0 }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-kg { margin:20px 0; float:left; width:60% }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-kg table { border-collapse:collapse }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-kg table thead tr th { font:normal 13px 'OpenSansSemiBold'; background:#E2EFDA; border:1px solid #666; border-collapse:collapse; color:#333; text-transform:none }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-kg table thead tr th.vazio { background:none; border-left:1px solid #FFF; border-top:1px solid #FFF }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-kg table tr:nth-child(odd) { background:#FFF }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-kg table tbody tr th { font:normal 13px 'OpenSansSemiBold'; width:360px; background:#E2EFDA; border:1px solid #666; text-align:right; border-collapse:collapse; color:#333 }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-kg table tbody tr td { font:normal 12px 'OpenSans'; background:#FFF; border:1px solid #666; border-collapse:collapse; color:#333 }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-kg table tbody tr td.vazio { background:none; border:1px solid #FFF; border-right:1px solid #666 }
#CPH_Content_pnlSimuladorCO2 .comparacao-kg-imagens { float:left; width:40%; margin-bottom:-10px }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-tons { margin:20px 0; float:left; width:35% }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-tons table { border-collapse:collapse }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-tons table thead tr th { font:normal 13px 'OpenSansSemiBold'; background:#E2EFDA; border:1px solid #666; border-collapse:collapse; color:#333; text-transform:none }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-tons table thead tr td { font:normal 13px 'OpenSansSemiBold'; background:#FBF4D0; border:1px solid #666; border-collapse:collapse; color:#333; text-transform:none }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-tons table tr:nth-child(odd) { background:#FFF }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-tons table tbody tr th { font:normal 13px 'OpenSansSemiBold'; background:#E2EFDA; border:1px solid #666; border-collapse:collapse; color:#333 }
#CPH_Content_pnlSimuladorCO2 .comparacao-totais div.em-tons table tbody tr td { font:normal 12px 'OpenSans'; background:#FFF; border:1px solid #666; border-collapse:collapse; color:#333 }
#CPH_Content_pnlSimuladorCO2 .comparacao-tons-imagens { float:left; width:65%; margin-bottom:20px }
#CPH_Content_pnlSimuladorCO2 .comparacao-tons-imagens p { display:inline-block; vertical-align:top }
#CPH_Content_pnlSimuladorCO2 .comparacao-tons-imagens p img { width:60px; margin-top:60px }
#CPH_Content_pnlSimuladorCO2 .comparacao-tons-imagens .delta { display:inline-block; width:180px; padding:20px 10px; vertical-align:top; background:#FF0; font:normal 16px/24px 'OpenSansBold'; text-align:center }

#CPH_Content_pnlSimuladorCO2 .conclusao5 h3 { margin-bottom:15px }
#CPH_Content_pnlSimuladorCO2 .conclusao5 .left-section { float:left; text-align:center; width:150px }
#CPH_Content_pnlSimuladorCO2 .conclusao5 .left-section span { position:absolute; top:35px; left:-23px; color:black; font-size:12px; font-weight:bold }
#CPH_Content_pnlSimuladorCO2 .conclusao5 .left-section p img { width:100px; height:60px }
#CPH_Content_pnlSimuladorCO2 .conclusao5 .left-section div { display:flex; justify-content:center; align-items:center; margin-top:-25px; margin-right:-20px; position:relative; z-index:10 }
#CPH_Content_pnlSimuladorCO2 .conclusao5 .left-section div p { width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-bottom:50px solid yellow; position:relative }
#CPH_Content_pnlSimuladorCO2 .conclusao5 .left-section div p::before { content:''; position:absolute; top:-7px; left:-40px; border-left:40px solid transparent; border-right:40px solid transparent; border-bottom:60px solid black; z-index:-1 }
#CPH_Content_pnlSimuladorCO2 .conclusao5 .right-section { float:right; width:calc(100% - 220px); margin-right:20px; margin-bottom:20px; padding:10px 20px; background-color:#FF0 }
#CPH_Content_pnlSimuladorCO2 .conclusao5 .right-section div { font:normal 15px/22px 'OpenSans'; text-align:center }
#CPH_Content_pnlSimuladorCO2 .conclusao5 .right-section div span { font:normal 18px/22px 'OpenSansBold'; text-decoration:underline; display:block }
#CPH_Content_pnlSimuladorCO2 .conclusao5 .right-section div h6 { font:normal 12px/18px 'OpenSans'; text-align:center; display:block }

#CPH_Content_pnlSimuladorCO2 .conclusao6 h3 { margin-bottom:20px }
#CPH_Content_pnlSimuladorCO2 .conclusao6 p { font:normal 14px/18px 'OpenSansSemiBold'; height:100px }
#CPH_Content_pnlSimuladorCO2 .conclusao6 h6 { font:normal 14px/18px 'OpenSansSemiBold'; border-top:2px solid #333; padding:2px 3px }
#CPH_Content_pnlSimuladorCO2 .conclusao6 .emitido-por { float:left; width:200px }
#CPH_Content_pnlSimuladorCO2 .conclusao6 .multiterminais { float:left; width:300px; margin-right:80px }
#CPH_Content_pnlSimuladorCO2 .conclusao6 .gerencia { float:left; width:300px }
#CPH_Content_pnlSimuladorCO2 .conclusao6 .gerencia p { word-spacing:40px; text-align:right }