/* 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="password"]:focus, input[type="button"]:focus, input[type="submit"]:focus, 
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; visibility:hidden }
.msg_erro { color:#C9302C; font-size:13px; margin:10px }
.alert_message { text-align:center; padding:20px; width:auto }
.alert_message p { font-size:14px; padding:20px 0; min-width:200px; 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:#F0F0F0 }
body.login { line-height:1; background:#97AABB url('/img/fundo_tipi.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 }
.maiusculo { text-transform:uppercase !important }
.negrito { font-family:'OpenSansBold', sans-serif !important }
.padding6 { padding:6px !important } 


/* FORM ELEMENTS */
label { color:#000; font-size:12px; font-family:'OpenSansBold', sans-serif; line-height:18px; height:18px; margin-bottom:5px; display:block; margin-top:15px }
.fake_iptupload, input[type="text"], input[type="password"], textarea { font:normal 12px 'OpenSans', sans-serif; vertical-align:middle; outline:none; background:#FFF; border:1px solid #CCC; padding:6px; line-height:18px; height:18px; color:#000 }
span.a { color:#000; font:normal 12px 'OpenSansBold', sans-serif; line-height:18px; height:18px }
input[type="text"].aspNetDisabled, .select select.aspNetDisabled { color:#666; cursor:default; background:#F0F0F0 }
input[type="button"], input[type="submit"] { outline:none; border:none; color:#FFF; cursor:pointer; background:#E10025; height:31px; vertical-align:middle; line-height:16px; font-size:12px; text-align:center; padding:3px 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; width:400px; 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:block; border:1px solid #CCC; background:#FFF; height:30px; line-height:30px }
.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:#000; padding:4px 8px; line-height:20px; font-family:'OpenSans', sans-serif }
.select::after { content:""; position:absolute; width:12px; height:7px; top:19px; right:11px; margin-top:-6px; background:url("../img/arrow-select.png") no-repeat; 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 }
a:hover { opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50) }
input[disabled="disabled"], input[disabled="disabled"]:hover { cursor:not-allowed; opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90) }
.left { float:left }
.right { float:right }
.direita { text-align:right !important }
.esquerda { text-align:left !important }
.mr20 { margin-right:20px !important }
.mr10 { margin-right:10px !important }
.mr0 { margin-right:0 !important }
.ml0 { margin-left:0 !important }
.margin-top { margin-top:38px !important }
.azul { color:#1A478C !important }
.vermelho { color:#C9302C !important }
.wauto { width:auto !important }


/* Auto Complete */
ul.ui-menu { background:#FFF; max-height:100px; width:147px; overflow:auto; border:1px solid #CCC; border-top:none }
ul.ui-menu li a { padding:6px; display:block; color:#000; font:normal 12px 'OpenSans', sans-serif }
ul.ui-menu li a:hover { cursor:pointer; color:#FFF; opacity:1.0; -moz-opacity:1.0; -khtml-opacity:1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100) }
ul.ui-menu li:hover, ul.ui-menu li:hover a { background:#E10025; color:#FFF }
span.ui-helper-hidden-accessible { display:none }
.ui-menu-item-wrapper { color:#000; font:normal 12px 'OpenSans', sans-serif; padding:5px 0 }
.ui-menu-item-wrapper:hover { color:#FFF }
.ui-helper-hidden-accessible { display:none }


/* TABLE */
table { border-spacing:0px; background:#FFF; margin:20px 0; width:100% }
table thead th, table thead td, table tbody th { border-collapse:collapse; border-top:1px solid #666; border-left:1px solid #666; background:#1A478C; font-size:11px; font-family:'OpenSansBold', sans-serif; 
                                 padding:10px; color:#FFF; display:table-cell; text-align:center; vertical-align:middle }
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 { border-right:1px solid #DDD }
table tr:nth-child(odd) { background:#F9F9F9 }
table tr:nth-child(even) { background:#FFF }
table tbody tr:hover { background:#F1EFBC }
table .l5p { width:5% !important; min-width:5% }
table .l10p { width:10% !important; min-width:10% }
table .l15p { width:15% !important; min-width:15% }
table .l20p { width:20% !important; min-width:20% }
table .l25p { width:25% !important; min-width:25% }
table .l30p { width:30% !important; min-width:30% }
table .l33p { width:33% !important; min-width:33% }
table .l50p { width:50% !important; min-width:50% }
table .l20 { width:20px !important; min-width:20px }
table .l25 { width:25px !important; min-width:25px }
table .l35 { width:35px !important; min-width:35px }
table .l40 { width:40px !important; min-width:40px }
table .l45 { width:45px !important; min-width:45px }
table .l55 { width:55px !important; min-width:55px }
table .l60 { width:60px !important; min-width:60px }
table .l65 { width:65px !important; min-width:65px }
table .l70 { width:70px !important; min-width:70px }
table .l80 { width:80px !important; min-width:80px }
table .l90 { width:90px !important; min-width:90px }
table .l100 { width:100px !important; min-width:100px }
table .l120 { width:120px !important; min-width:120px }
table .l140 { width:140px !important; min-width:140px }
table .l160 { width:160px !important; min-width:160px }
table .l200 { width:200px !important; min-width:200px }
table .l310 { width:310px !important; min-width:310px }
table .l325 { width:325px !important; min-width:325px }
table tbody .font_red { text-transform:uppercase; color:#C9302C }
table tbody .font_green { text-transform:uppercase; color:#449D44 }
table tbody a.font_green { color:#428BCA }
table tbody a.font_green:hover { color:#95BDE1 }
table tbody .back_green { background:#449D44; color:#FFF }
table tbody .back_red { background:#C9302C; color:#FFF }
table tbody .back_yellow { background:#EC971F; color:#FFF }
table tbody .back_gray { background:#999; color:#FFF }
table tbody td.img0 { font-size:1px }
table tbody td.img0 h6 { font-size:10px; display:inline-block; margin-right:15px; margin-left:-5px; width:90px }
table tbody td.img0 input { padding-left:0; padding-right:0 }
table tr td input[type="text"].verde { background:#27A139 !important; color:#FFF !important }
table tbody td.valor input[type="text"] { padding:5px; text-align:right; display:inline-block }
table tbody td.valor input[type="button"] { display:inline-block; padding:0 15px; height:30px }
.dtpager { background:#FFF }
.dtpager span a, .dtpager span span { border:1px solid #CCC; display:inline-block; border-collapse:collapse; padding:5px 10px; line-height:20px; margin-left:-1px }
.dtpager span a:hover { background:#CCC; color:#333 }
.dtpager span span { background:#428BCA; color:#FFF; cursor:default; font-size:12px }
.dtpager span .aspNetDisabled { color:#CCC; cursor:default }
.dtpager span .aspNetDisabled:hover { background:none; color:#CCC }

table.mini thead th, table.mini thead td { font-size:9px; padding:5px }
table.mini tbody th, table.mini tbody td { font-size:9px; padding:5px; min-height:14px }


/* Topo */
.topo { background:#FFF; position:absolute; height:80px; top:0; width:100% }
.topo img.logo { margin:12px 0 0 20px; float:left; width:107px }
.topo a.logout { display:block; float:right; width:30px; height:30px; margin:25px 20px 0 0; background:#00397F; border:1px solid #00397F; color:#FFF; text-align:center; line-height:30px }
.topo h1 { float:left; font-family:'OpenSansBold', sans-serif; font-size:22px; margin:40px 20px 0 30px; color:#1A478C }
.topo .usuario_logado { color:#666; font-size:12px }
.topo ul { float:right; margin-right:20px; margin-top:40px; font-size:12px }
.topo ul li { display:inline-block }
.topo ul li em { font-style:normal; font-size:14px; font-weight:600; margin:0 5px }


/* Menu */
.menu { background-image:linear-gradient(#D0D0D0, transparent); position:absolute; min-height:418px; width:64px; margin:70px 0 0 0 }
.menu ul li { margin:30px auto 40px auto }
.menu ul li:last-child { margin-bottom:0 }
.menu ul li a { display:block; width:32px; height:32px; margin:0 auto }
.menu ul li img { width:32px; height:32px; filter:invert(14%) sepia(96%) saturate(1843%) hue-rotate(199deg) brightness(97%) contrast(106%) }


/* Login */
.box { border:1px solid #DDD; box-shadow:rgba(0, 0, 0, 0.0470588) 0px 1px 1px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 1px 1px 0px; padding:15px; width:400px; margin:120px auto 20px auto; background:#FFF url(../img/login.png) no-repeat 335px 125px }
.box h1 { position:relative; font-size:16px; background:#1A478C; text-align:left; top:auto; height:auto; width:auto; padding:10px 15px; line-height:18px; font-family:'OpenSansBold', sans-serif; color:#FFF; border:1px solid #E8E8EB }
.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-top:20px; margin-right:82px }
.conteudo .login input[type="text"], .conteudo .login input[type="password"] { width:250px }
p.logo { text-align:center; position:absolute; width:100%; margin-top:-90px }
p.logo img { width:126px }


/* Gate */
.gate { padding:100px 20px 20px 84px }
.abas li a.atual { position:relative; background-color:#FFF; border-bottom:1px solid #fff; z-index:5; color:#1A478C }
.abas li a.atual:hover { opacity:1.0; -moz-opacity:1.0; -khtml-opacity:1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100) }
.abas li a { padding:10px; text-transform:uppercase; color:#999; text-decoration:none; height:40px; line-height:40px; float:left; background-color:#E0E0E0; border:1px solid #DDD; border-bottom:1px solid #FFF; padding:0 40px; margin-right:2px }
.gate .excel { margin-top:40px }
.aba { border:1px solid #DDD; background-color:#FFF; float:left; margin-bottom:20px; width:100%; margin-top:-1px }
.aba-conteudo { padding:20px }
.gate .content_em_transito { padding:20px 30px }
table .lnkExecutarSaida { background:url("../img/saida.png") no-repeat; display:inline-block; float:left; height:16px; width:15px; margin:7px 0 0 5px; padding:0; vertical-align:middle }
table .excluir { background:url("../img/excluir.png") no-repeat; display:inline-block; height:16px; width:15px }
table .editar { background:url("../img/editar.png") no-repeat; display:inline-block; height:16px; width:15px }
table .retornar { background:url("../img/retornar.png") no-repeat; display:inline-block; float:left; height:16px; width:15px; margin:7px 0 0 5px; padding:0; vertical-align:middle }
table .visualizar { background:url("../img/visualizar.png") no-repeat; display:inline-block; height:16px; width:16px }
table .detalhe { background:url("../img/detalhe.png") no-repeat; display:inline-block; height:16px; width:16px }
table .demonstrativo { background:url("../img/demonstrativo.png") no-repeat; display:inline-block; height:16px; width:16px }
table .edi {background: url("../img/edi.png") no-repeat;display: inline-block;height: 16px;width: 16px}
table .congelar { background:url("../img/congelar.png") no-repeat; display:inline-block; height:17px; width:16px }
table .descongelar { background:url("../img/descongelar.png") no-repeat; display:inline-block; height:17px; width:16px }
table .rejeitar { background:url("../img/rejeitar.png") no-repeat bottom; vertical-align:bottom; display:inline-block; height:21px; width:15px }
table .salvar { background:url("../img/salvar.png") no-repeat; display:inline-block; height:14px; width:14px }
table tr.motivo_rejeicao td label { display:inline-block; margin:0; font-size:11px }
table tr.motivo_rejeicao td input[type="text"] { display:inline-block; margin:0; font-size:11px; padding:2px 5px }
table tr.motivo_rejeicao td label { display:inline-block; margin:0 5px 0 0 }
table tr.motivo_rejeicao td input[type="button"]{ display:inline-block; margin:0; font-size:10px; padding:5px 15px; height:24px }
.gate .content_gate_in .ddlModal { width:200px }
.gate .content_gate_in .ddlCliente { width:442px }
.gate .content_gate_in .ddlStatus { width:60px }
.gate .content_gate_in .ddlArmadores { width:55px }
.gate .content_gate_in .ddlTamanho { width:45px }
.gate .content_gate_in .ddlTipoMaterial { width:60px }
.gate .content_gate_in .ddlTipoDocumento { width:60px }
.gate .content_gate_in .inserir { float:left; display:block; margin-top:39px; padding:3px 20px }
.gate .content_gate_in .box-gate-in { background:#EEE; margin:20px 0; padding:20px }
.gate .content_gate_in .box-gate-in h2 { background:#CCC; padding:10px }
.gate .box-gate  { width:493px }
.gate .box-gate2 { width:600px }
.gate .box-gate-in input[type="text"] { text-transform:uppercase }
.gate .box-gate-in table td input[type="text"] { font-size:11px; padding:2px 5px }
.gate .content_gate_in table td select { font-size:11px; padding:1px 5px }
.gate .content_gate_in table td .select { padding:0; height:24px; line-height:24px }
.gate .content_gate_in table td .select::after { top:16px; right:5px }
.gate .ddlUnidadeDestino { width:110px; float:left; margin:0 }
.gate .content_em_transito .img0 input { margin:0 5px }
.gate div[id*="gate_out"] table tbody td { height:32px }
.gate .box-gate2 table th, .gate .box-gate2 table td { font-size:10px; padding:6px 2px }

/* Cliente */
.cliente { margin:100px 20px 20px 20px }
.clienteTela { max-width:600px; margin-left:auto; margin-right:auto }
.cliente input[type="button"] { font-size:12px; text-transform:uppercase; padding:7px 15px }
.cliente table tbody tr td input[type="tel"], .cliente table tbody tr td input[type="text"] { border:1px solid #999; font:11px 'OpenSans', sans-serif; height:16px; padding:3px 5px }
.cliente table tbody tr td input[type="button"] { font-size:11px; padding:5px 10px }
.cliente table tr.verde td { background:#bdfcc3 }

.cliente h2 { font:600 18px 'OpenSansSemiBold', sans-serif; margin:0; color:#1A478C }

.cliente .inventario { padding:2px 10px 0 10px; margin-bottom:2px; background:#375623; color:#FFF }
.cliente h3 { font:normal 14px 'OpenSansSemiBold', sans-serif; text-transform:none; border:none; background:none; padding:13px 0 }
.cliente h4 { font:normal 14px 'OpenSansSemiBold', sans-serif; text-transform:none; border:none; border-top:1px solid #FFF; background:none; padding:11px 0 }
.cliente h5 { font:normal 18px 'OpenSans', sans-serif; text-transform:none; border:none; background:none }
.cliente ul { width:100%; display:block }
.cliente ul li { display:block; float:left; width:33.3%; text-align:center; padding-bottom:12px }
.cliente ul li p { font:normal 30px 'OpenSansBold', sans-serif }
.cliente ul li p a, .cliente ul li p a.aspNetDisabled { color:#FC0 !important; text-decoration:none; font:normal 30px 'OpenSansBold', sans-serif; background:#375623 !important }
.cliente .inventario ul li:first-child { border-right:1px solid #FFF; width:calc(33.3% - 1px) }
.cliente .inventario ul li:last-child { border-left:1px solid #FFF; width:calc(33.3% - 1px) }
.cliente h3.cnt-aging { background:#2F75B5; color:#FFF; padding:3px 7px; margin-bottom:2px }
.cliente h3.cnt-aging + ul li { background:#FC0 }
.cliente h3.cnt-aging + ul li:first-child { background:#F00; border-right:2px solid #FFF; width:calc(33.3% - 2px) }
.cliente h3.cnt-aging + ul li:last-child { background:#FF0; border-left:2px solid #FFF; width:calc(33.3% - 2px) }
.cliente h3.cnt-aging + ul li p { color:#000; padding:5px 0 0 0 }
.cliente h3.cnt-aging + ul li h5 { color:#000; padding:10px 0 0 0 }
.cliente .atualizado_em { font:normal 12px 'OpenSansSemiBold', sans-serif; margin:0 0 10px 0; color:#777 }
.cliente p.obs { font:normal 16px 'OpenSansSemiBold', sans-serif; margin:10px 0 0 0 }

.cliente ul.abas { width:auto }
.cliente ul.abas li { width:auto; padding-bottom:0 }
.cliente .abas li a.atual { position:relative; background-color:#FFF; border-bottom:1px solid #fff; z-index:5; color:#1A478C }
.cliente .abas li a.atual:hover { opacity:1.0; -moz-opacity:1.0; -khtml-opacity:1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100) }
.cliente .abas li a { font-size:12px; text-transform:uppercase; color:#999; text-align:center; text-decoration:none; height:40px; line-height:40px; float:left; background-color:#E0E0E0; border:1px solid #DDD; border-bottom:1px solid #FFF; padding:0 20px; margin:0 2px 0 0 }
.cliente .aba { border:1px solid #DDD; background-color:#FFF; float:left; margin-bottom:20px; width:100%; margin-top:-1px }
.cliente .aba-conteudo { padding:0 0 20px 0 }
.cliente .aba-conteudo table { margin:0 }
.cliente .aba-conteudo table tr td:first-child { border-left:none }
.cliente .aba-conteudo table tr td:last-child { border-right:none }
.cliente .aba-conteudo .rodape { margin-top:20px; padding-right:10px }

.cliente span.detalhe_rejeite { cursor:pointer; color:#C9302C; font-family:'OpenSans', sans-serif }
.cliente div.detalhe_rejeite { position:absolute; background:#F0F0F0; width:423px; padding:0; margin:17px 0 0 -11px; border:1px solid #DDD; box-shadow:rgba(0, 0, 0, 0.0470588) 0px 1px 1px 0px; }
.cliente div.detalhe_rejeite h5 { font:normal 11px 'OpenSans', sans-serif; text-transform:uppercase; padding:5px 10px; margin:0; color:#FFF; background:#666; text-align:left }
.cliente div.detalhe_rejeite h6 { font:normal 11px 'OpenSans', sans-serif; margin:10px; color:#000; text-align:left }
.cliente div.detalhe_rejeite h6 span { font:normal 12px 'OpenSansSemiBold', sans-serif }
.cliente div.detalhe_rejeite p { text-align:left; margin:0 10px }
.cliente div.detalhe_rejeite p.fechar_detalhe { text-align:center; margin-top:20px }
.cliente div.detalhe_rejeite p.fechar_detalhe input { padding:2px 15px; margin-bottom:15px }


/* POPUP */
.popup_janela { width:500px; padding:20px }
.popup_janela_grande { width:960px; min-height:250px }
.popup_janela .radios { border:1px solid #DDD; padding:10px }
.popup_janela .radios input[type="radio"] { vertical-align:middle }
.popup_janela .radios label { display:inline-block; margin-right:10px }
.popup_janela .selecionar { background: url("../img/selecionar.png") no-repeat; display:inline-block; height:15px; width:16px }
.popup_janela h2 { background:#CCC; padding:10px }
.popup_janela .excel { margin-top:5px }
.popup_janela .pnlLacres label { margin-top:0 }
.popup_janela .pnlLacres input[type="button"] { margin-top:24px }
.popup_janela .pnlLacres input[type="text"] { margin-right:5px }
.popup_janela ul.tipo_material { border:1px solid #CCC; background:#e6e5e5; padding:10px; margin:10px 0; min-height:150px }
.popup_janela .msg_erro { min-height:120px; margin-top:80px; text-align:center }
.popup_janela div.tipo_material { margin:10px 0 }
.popup_janela div.tipo_material input[type="checkbox"] { margin:0 5px 0 80px }
.popup_janela div.tipo_material input[type="text"] { text-transform:uppercase }
.popup_janela .tipo_material li { margin-bottom:5px; display:inline-block; width:116px }
.popup_janela .tipo_material input[type="checkbox"] { vertical-align:middle; margin:0 5px 0 0; cursor:pointer } 
.popup_janela .tipo_material label { display:inline-block; font-size:11px; font-weight:bold; cursor:pointer; vertical-align:middle; margin:0 }
.popup_janela .tipo_material .img0 input[type="button"] { float:none; margin-top:2px }
.popup_janela .tipo_material .img0 input[type="text"] { padding:3px; width:100px; margin-right:2px; font-size:11px }
.popup_janela .ddlTipoMaterial { float:left; width:120px; margin-right:5px}
.popup_janela div.aliberar table tr.verde td { background:#bdfcc3 }

.popup_janela2 { width:600px; padding:20px }
.popup_janela2 .radios { border:1px solid #DDD; padding:10px }
.popup_janela2 .radios input[type="radio"] { vertical-align:middle }
.popup_janela2 .radios label { display:inline-block; margin-right:10px }
.popup_janela2 .selecionar { background: url("../img/selecionar.png") no-repeat; display:inline-block; height:15px; width:16px }
.popup_janela2 h2 { background:#CCC; padding:10px }
.popup_janela2 h3 { margin:20px 0 5px 0; font-size:14px; font-weight:600 }
.popup_janela2 .excel { margin-top:5px }
.popup_janela2 .left-conteiner { float:left; width:200px; margin-top:20px }
.popup_janela2 .left-conteiner .lista_conteineres_sem_quadra { overflow-y:scroll; overflow-x:hidden; height:193px; border:1px solid #CCC }
.popup_janela2 .left-conteiner .lista_conteineres { position:absolute }

.popup_janela2 .left-conteiner .sem_quadra { position:relative; display:inline-block; background:#eeac4f; height:42px }
.popup_janela2 .left-conteiner .sem_quadra img { height:42px; object-fit:cover; filter:invert(80%) sepia(60%) saturate(4074%) hue-rotate(349deg) brightness(98%) contrast(88%) }
.popup_janela2 .left-conteiner .sem_quadra i { background:#eeac4f; top:14px; position:absolute; text-align:center; font:normal 11px/14px 'OpenSansSemiBold', sans-serif; color:#000 }

.popup_janela2 .left-conteiner .sem_quadra_ativado { position:relative; display:inline-block; background:#1e518f; height:42px }
.popup_janela2 .left-conteiner .sem_quadra_ativado img { height:42px; object-fit:cover; filter:invert(15%) sepia(96%) saturate(1897%) hue-rotate(199deg) brightness(93%) contrast(105%) }
.popup_janela2 .left-conteiner .sem_quadra_ativado i { background:#1e518f; top:14px; position:absolute; text-align:center; font:normal 11px/14px 'OpenSansSemiBold', sans-serif; color:#FFF }
.popup_janela2 .left-conteiner .sem_quadra_ativado.t_20, .popup_janela2 .left-conteiner .sem_quadra.t_20,
.popup_janela2 .left-conteiner .sem_quadra_ativado.t_20 img, .popup_janela2 .left-conteiner .sem_quadra.t_20 img { width:90px }
.popup_janela2 .left-conteiner .sem_quadra_ativado.t_20 i, .popup_janela2 .left-conteiner .sem_quadra.t_20 i { left:10px }
.popup_janela2 .left-conteiner .sem_quadra_ativado.t_40, .popup_janela2 .left-conteiner .sem_quadra.t_40,
.popup_janela2 .left-conteiner .sem_quadra_ativado.t_40 img, .popup_janela2 .left-conteiner .sem_quadra.t_40 img { width:182px }
.popup_janela2 .left-conteiner .sem_quadra_ativado.t_40 i, .popup_janela2 .left-conteiner .sem_quadra.t_40 i { left:calc(50% - 36px) }

.popup_janela2 .left-conteiner .conteiner_link { position:absolute; left:30px; height:48px; display:inline-block }
.popup_janela2 .left-conteiner .conteiner_link img { height:48px; object-fit:cover }
.popup_janela2 .left-conteiner .conteiner_link i { top:16px; position:absolute; text-align:center; padding:0 2px; font:normal 12px/15px 'OpenSansSemiBold', sans-serif }
.popup_janela2 .left-conteiner .conteiner_link.p1, .popup_janela2 .left-conteiner .conteiner_link.p0 { top:145px }
.popup_janela2 .left-conteiner .conteiner_link.p2 { top:97px }
.popup_janela2 .left-conteiner .conteiner_link.p3 { top:49px }
.popup_janela2 .left-conteiner .conteiner_link.p4 { top:1px }
.popup_janela2 .left-conteiner .conteiner_link.t_20 { width:79px }
.popup_janela2 .left-conteiner .conteiner_link.t_20 i { left:4px; color:#FFF; font:normal 10px/15px 'OpenSansSemiBold', sans-serif }
.popup_janela2 .left-conteiner .conteiner_link.t_20 img { width:79px }
.popup_janela2 .left-conteiner .conteiner_link.t_40 { width:160px }
.popup_janela2 .left-conteiner .conteiner_link.t_40 i { left:calc(50% - 41px); color:#000 }
.popup_janela2 .left-conteiner .conteiner_link.t_40 img { width:160px }
.popup_janela2 .left-conteiner .conteiner_link.cor1 { background:#ff516e }
.popup_janela2 .left-conteiner .conteiner_link.cor1 i { background:#E10025; color:#FFF }
.popup_janela2 .left-conteiner .conteiner_link.cor1 img { filter:invert(9%) sepia(93%) saturate(5679%) hue-rotate(345deg) brightness(111%) contrast(106%) }
.popup_janela2 .left-conteiner .conteiner_link.cor2 { background:#9eeb9e }
.popup_janela2 .left-conteiner .conteiner_link.cor2 i { background:#449D44; color:#FFF }
.popup_janela2 .left-conteiner .conteiner_link.cor2 img { filter:invert(57%) sepia(9%) saturate(3198%) hue-rotate(71deg) brightness(90%) contrast(79%) }

.popup_janela2 .left-conteiner .conteiner_link.cntr_cinza_popup { background:#CCC }
.popup_janela2 .left-conteiner .conteiner_link.cntr_cinza_popup img { filter: invert(81%) sepia(6%) saturate(5%) hue-rotate(320deg) brightness(85%) contrast(82%) }
.popup_janela2 .left-conteiner .conteiner_link.cntr_cinza_popup i { background:#CCC; color:#000 }


.popup_janela2 .left-conteiner .detalhe_conteiner { position:absolute; width:600px; margin:15px 0 0 0 }
.popup_janela2 .left-conteiner .detalhe_conteiner .lnkEditarClienteConteiner { font-size:1px; display:inline-block; width:16px; height:16px; background: url(../img/editar.png) no-repeat center; margin:-2px 0 0 10px; vertical-align:middle }
.popup_janela2 .left-conteiner .detalhe_conteiner .lnkAlterarClienteConteiner { font-size:1px; display:inline-block; width:14px; height:14px; background: url(../img/salvar.png) no-repeat center; vertical-align:middle; margin-left:5px }
.popup_janela2 .left-conteiner .detalhe_conteiner .lnkAlterarCategoriaConteiner { font-size:1px; display:inline-block; width:14px; height:14px; background: url(../img/categoria.png) no-repeat center; vertical-align:middle; margin-left:5px }
.popup_janela2 .left-conteiner .detalhe_conteiner table tbody th { border:none; border-bottom:1px solid #DDD; border-left:1px solid #DDD; font-weight:normal; color:#000; min-height:16px }
.popup_janela2 .left-conteiner .detalhe_conteiner .select { display:inline-block; padding:0; height:20px; line-height:20px; margin-top:-5px; margin-bottom:-5px }
.popup_janela2 .left-conteiner .detalhe_conteiner .select select { font-size:10px; padding:2px 4px; line-height:14px }
.popup_janela2 .left-conteiner .detalhe_conteiner .select::after { top:13px; right:5px }

.popup_janela2 .left-conteiner table tbody tr:hover { background:#F9F9F9 }
.popup_janela2 .left-conteiner table tr:nth-child(odd), .popup_janela2 .left-conteiner table tr:nth-child(even) { background:#F9F9F9 }
.popup_janela2 .left-conteiner table { margin:0; border-top:1px solid #DDD }
.popup_janela2 .left-conteiner table th, .popup_janela2 .left-conteiner table td { padding:6px; background:#FFF }
.popup_janela2 .left-conteiner table th { font-family:'OpenSansBold', sans-serif; width:110px; background:#F9F9F9 }
.popup_janela2 .left-conteiner .conteiner_endereco { border-bottom:1px solid #CCC; width:190px; margin-left:0 }
.popup_janela2 .left-conteiner .conteiner_endereco li { width:190px; height:47px; line-height:47px; display:block; border:1px solid #CCC; border-bottom:none }
.popup_janela2 .left-conteiner .conteiner_endereco li span { padding:0 10px; background:#CCC; color:#888; display:inline-block; height:47px; line-height:47px }
.popup_janela2 .right-conteiner { float:left; margin:0 0 0 20px; width:380px }
.popup_janela2 .right-conteiner .select { width:200px; margin:15px 0 0 0 }
.popup_janela2 .right-conteiner .select select { text-transform:uppercase }
.popup_janela2 .right-conteiner textarea { width:285px; margin:15px 0; height:40px; text-transform:uppercase }
.popup_janela2 .right-conteiner input[type="text"] { text-transform:uppercase }
.popup_janela2 .right-conteiner .txtEnderecoPlanejado { margin:15px 0 0 0 }
.popup_janela2 .right-conteiner .checkbox input[type="checkbox"]+label { width:auto }
.popup_janela2 .right-conteiner table { margin:10px 0 }
.popup_janela2 .right-conteiner table th, .popup_janela2 .right-conteiner table td { padding:5px }

.popup_janela2 .menu_popup { font-size:1px; width:602px; bottom:20px; position:absolute }
.popup_janela2 .menu_popup a, .popup_janela2 .menu_popup input 
{ display:inline-block; margin:0 2px 0 0; border-left:1px solid #F0F0F0; padding:0; vertical-align:middle; background:#999; height:26px; line-height:26px; color:#FFF; text-align:center; width:97px; font-size:11px; text-transform:uppercase }
.popup_janela2 .menu_popup a:last-child { margin-right:0 }
.popup_janela2 .menu_popup a.ativo { background:#666 }
.popup_janela2 .menu_popup a.ativo:hover { opacity:1.0; -moz-opacity:1.0; -khtml-opacity:1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100) }
.pnlConteiner { height:430px }
.popup_janela2 .menu_popup a.aspNetDisabled { background:#CCC; cursor:default }
.popup_janela2 .menu_popup a.aspNetDisabled:hover { opacity:1.0; -moz-opacity:1.0; -khtml-opacity:1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100) }
.pnlConteiner { height:430px }
.popup_janela2 .txtTituloConteiner { background:#CCC; text-transform:uppercase; font-size:16px; padding:0; width:230px; vertical-align:middle }
.popup_janela2 .lnkEditarTituloConteiner { font-size:1px; display:inline-block; width:16px; height:16px; background:url("../img/editar.png") no-repeat; position:absolute; right:30px }
.popup_janela2 .lnkAlterarTituloConteiner { font-size:1px; display:inline-block; width:14px; height:14px; background:url("../img/salvar.png") no-repeat center; vertical-align:middle }
#divDesova { position:absolute; bottom:46px; z-index:99; right:20px; border:1px solid #999; width:96px; height:90px; padding:0 10px; background:#F0F0F0; margin:-117px 0 0 200px }
#divDesova .checkbox { margin:15px 0 }
#divDesova label { width:auto } 

/* Movimentacao - Relatórios / Faturamento */
.movimentacao-relatorios, .faturamento { padding:100px 20px 20px 84px }
.movimentacao-relatorios input[type="text"], .faturamento input[type="text"] { text-transform:uppercase }
.movimentacao-relatorios .ddlTipoRelatorio { float:left; width:215px }
.movimentacao-relatorios .ddlSituacao { float:left; width:120px }
.movimentacao-relatorios .ddlCliente { float:left; width:120px }
.movimentacao-relatorios .ddlTipoMovimentacao { float:left; width:160px }
.movimentacao-relatorios .ddlModal { float:left; width:120px }
.movimentacao-relatorios .ddlEnderecoPlanejado { float:left; width:160px }
.movimentacao-relatorios input[type="text"].txtEnderecoPlanejado { float:left; width:65px; margin-top:0 }
.movimentacao-relatorios .ddlVeiculosPresentes { float:left; width:100px; margin-left:5px }
.movimentacao-relatorios .ddlAltura { float:left; width:78px; margin-left:5px }
.movimentacao-relatorios .executar_enderecamento { float:left; padding-left:10px; padding-right:10px; margin-left:5px }

.faturamento .ddlCliente { float:left; width:420px }
.faturamento .ddlContratos { float:left; width:240px }


body div input.excel { float:right; background:#E10025 url(../img/excel.png) no-repeat center center; padding-left:15px; margin-left:10px; padding-right:30px }
body div input.tipo_material { float:right; background:#E10025 url(../img/tipo_material.png) no-repeat center center; padding-left:15px; margin-left:10px; padding-right:35px }
body div input.planejamento_trem { float:right; background:#E10025 url(../img/vagao.png) no-repeat center center; padding-left:15px; margin-left:10px; padding-right:33px }
body div input.email_planejamento { float:right; background:#E10025 url(../img/email.png) no-repeat center center; padding-left:15px; margin-left:10px; padding-right:33px }
body div input.programacao { float:right; background:#E10025 url(../img/programacao.png) no-repeat center center; padding-left:15px; margin-left:10px; padding-right:33px }
.movimentacao-relatorios td.img0 { text-align:left }
.movimentacao-relatorios table input[type="text"] { margin-top:5px; padding-left:10px; padding-right:10px }
table .desova { background: url("../img/desova.png") no-repeat; display:inline-block; height:20px; width:15px; margin-top:5px; padding:0 }
table .lacres { background: url("../img/lacres.png") no-repeat; display:inline-block; height:16px; width:25px; margin-top:5px; padding:0; margin-left:5px }
div input.buscar { background:#E10025 url(../img/buscar.png) no-repeat center center; height:32px; font-size:1px; color:#E10025; display:inline-block }


/* Patio */
.patio { padding:80px 20px 20px 84px }
.patio h2 { font:normal 12px/14px 'OpenSansSemiBold', sans-serif; padding:3px 0; width:400px; text-align:center; background:#CCC; color:#000; text-transform:uppercase; margin:30px auto 0 auto }
.patio h3 { font:normal 10px/12px 'OpenSansSemiBold', sans-serif; padding:0; color:#C9302C; margin:0; text-transform:uppercase }
.patioTIPI { margin:70px 0 0 0; position:relative }
.patioTIPI .gate { float:right; position:relative; background:#FFF; height:365px; border:1px solid #BBB; border-right:none; width:100px; padding:0 }
.patioTIPI .gate span.portao { position:absolute; top:0; left:0; background:url('../img/gate.png') no-repeat 0 0; height:56px; width:65px }
.patioTIPI .gate span.adm { position:absolute; top:170px; left:70px; background:url('../img/adm.png') no-repeat 0 0; height:57px; width:134px }
.patioTIPI .cntrs { float:right; position:relative; margin-top:-35px; height:400px; margin-left:-1px; background:#FFF; border:1px solid #BBB; width:calc(100% - 105px); padding:0 }
.patioTIPI .cntrs .quadras { height:100px; padding-left:10px; margin-top:15px }
.patioTIPI .cntrs .quadras table { display:inline-block; table-layout:fixed; background:none; border-collapse:collapse; width:91px; margin:0 0 0 30px }
.patioTIPI .cntrs .quadras table td, 
.patioTIPI .cntrs .quadras table th { background:none; padding:0; font-size:8px; border-collapse:collapse; width:1%; border:1px solid #999; height:21px }
.patioTIPI .cntrs .quadras table td { word-wrap:break-word; height:60px; width:15px }
.patioTIPI .cntrs .quadras table tbody th { color:#1A478C; font-size:12px }
.patioTIPI .cntrs .quadras table caption, 
.patioTIPI .cntrs .quadras table th { font:normal 11px/12px 'OpenSansSemiBold', sans-serif; text-transform:uppercase; padding:2px 0; color:#C9302C }
.patioTIPI .cntrs .quadras table caption { margin:0 0 5px 18px }
.patioTIPI .cntrs .quadras table th, 
.patioTIPI .cntrs .quadras table tr:last-child td, 
.patioTIPI .cntrs .quadras table tr:last-child th { border:none }
.patioTIPI .cntrs .quadras table tr:last-child td { border:1px solid #999 }
.patioTIPI .cntrs .quadras table tr:last-child th { vertical-align:top }
.patioTIPI .cntrs .quadras table tr, 
.patioTIPI .cntrs .quadras table tr:hover { background:none }
.patioTIPI .cntrs .quadras table td:last-child { border-right:1px solid #999 }
.patioTIPI .cntrs .quadras table th:last-child { border-right:none }
.patioTIPI .cntrs .quadras img { display:block; width:15px; object-fit:cover }

.patioTIPI .cntrs .quadras .quadra { display:inline-block; margin-left:30px; font-size:1px; width:82px }
.patioTIPI .cntrs .quadras .quadra p { display:inline-block; width:17px; text-align:center; vertical-align:top; font:normal 12px/14px 'OpenSansSemiBold', sans-serif }
.patioTIPI .cntrs .quadras .quadra div { margin-left:9px }
.patioTIPI .cntrs .quadras .quadra i { display:inline-block; vertical-align:top; width:15px; height:30px; border:1px solid #999; margin:0 }
.patioTIPI .cntrs .quadras .quadra h3 { display:block; text-align:center; margin-left:7px; width:70px; text-transform:none; vertical-align:top; font:normal 12px/18px 'OpenSansSemiBold', sans-serif }
.patioTIPI .cntrs .quadras .quadra span { display:inline-block; position:relative; vertical-align:top; width:70px }
.patioTIPI .cntrs .quadras .quadra ul { display:inline-block; vertical-align:top; margin-right:2px }
.patioTIPI .cntrs .quadras .quadra ul li { display:block; vertical-align:top; height:32px; font:normal 12px/32px 'OpenSansSemiBold', sans-serif }

.patioTIPI .cntrs .quadras .quadra a { display:block; position:absolute }
.patioTIPI .cntrs .quadras .quadra a.cntr_20 { width:15px; height:30px; left:-35px; top:96px }
.patioTIPI .cntrs .quadras .quadra a.cntr_40 { width:15px; height:60px; left:-35px; top:1px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20 img { height:31px }
.patioTIPI .cntrs .quadras .quadra a.cntr_40 img { height:62px }
.patioTIPI .cntrs .quadras .quadra a.cor1 { background:#ff516e }
.patioTIPI .cntrs .quadras .quadra a.cor1 img { filter:invert(9%) sepia(93%) saturate(5679%) hue-rotate(345deg) brightness(111%) contrast(106%) }
.patioTIPI .cntrs .quadras .quadra a.cor2 { background:#9eeb9e }
.patioTIPI .cntrs .quadras .quadra a.cor2 img { filter:invert(57%) sepia(9%) saturate(3198%) hue-rotate(71deg) brightness(90%) contrast(79%) }

.patioTIPI .cntrs .quadras .quadra a.cntr_20.x07D { left:52px; top:96px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20.x05D { left:52px; top:64px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20.x03D { left:52px; top:32px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20.x01D { left:52px; top:1px }

.patioTIPI .cntrs .quadras .quadra a.cntr_20.x07C { left:35px; top:96px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20.x05C { left:35px; top:64px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20.x03C { left:35px; top:32px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20.x01C { left:35px; top:1px }

.patioTIPI .cntrs .quadras .quadra a.cntr_20.x07B { left:18px; top:96px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20.x05B { left:18px; top:64px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20.x03B { left:18px; top:32px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20.x01B { left:18px; top:1px }

.patioTIPI .cntrs .quadras .quadra a.cntr_20.x07A { left:1px; top:96px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20.x05A { left:1px; top:64px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20.x03A { left:1px; top:32px }
.patioTIPI .cntrs .quadras .quadra a.cntr_20.x01A { left:1px; top:1px }

.patioTIPI .cntrs .quadras .quadra a.cntr_40.x02D { left:52px; top:1px }
.patioTIPI .cntrs .quadras .quadra a.cntr_40.x04D { left:52px; top:33px }
.patioTIPI .cntrs .quadras .quadra a.cntr_40.x06D { left:52px; top:65px }

.patioTIPI .cntrs .quadras .quadra a.cntr_40.x02C { left:35px; top:1px }
.patioTIPI .cntrs .quadras .quadra a.cntr_40.x04C { left:35px; top:33px }
.patioTIPI .cntrs .quadras .quadra a.cntr_40.x06C { left:35px; top:65px }

.patioTIPI .cntrs .quadras .quadra a.cntr_40.x02B { left:18px; top:1px }
.patioTIPI .cntrs .quadras .quadra a.cntr_40.x04B { left:18px; top:33px }
.patioTIPI .cntrs .quadras .quadra a.cntr_40.x06B { left:18px; top:65px }

.patioTIPI .cntrs .quadras .quadra a.cntr_40.x02A { left:1px; top:1px }
.patioTIPI .cntrs .quadras .quadra a.cntr_40.x04A { left:1px; top:33px }
.patioTIPI .cntrs .quadras .quadra a.cntr_40.x06A { left:1px; top:65px }

.patioTIPI .cntrs .borda_linha { position:absolute; height:30px; margin:170px 0 0 -40px; z-index:99 }
.patioTIPI .cntrs .borda_linha a { display:inline-block; vertical-align:top; height:15px }
.patioTIPI .cntrs .borda_linha a img { object-fit:cover; height:15px }
.patioTIPI .cntrs .borda_linha p { display:inline-block; vertical-align:top; position:relative; height:15px; width:32px; border:1px solid #999; margin:3px 0 13px 0 }
.patioTIPI .cntrs .borda_linha p i { font:normal 12px 'OpenSansBold', sans-serif; position:absolute; width:32px; text-align:center; display:block; vertical-align:top; margin-top:16px }
.patioTIPI .trilho { margin:-32px 2px 0 3px; position:relative; background:url('../img/trilho.svg') repeat-x 0 0; height:32px; background-size:32px }
.patioTIPI .cntrs .borda_linha a.cntr_20 { width:16px; background:#5cb95c } 
.patioTIPI .cntrs .borda_linha a.cntr_20 img { width:16px; filter:invert(21%) sepia(78%) saturate(839%) hue-rotate(87deg) brightness(98%) contrast(101%) }
.patioTIPI .cntrs .borda_linha a.cntr_40 { width:33px; background:#5bff5b }
.patioTIPI .cntrs .borda_linha a.cntr_40 img { width:33px; filter:invert(45%) sepia(99%) saturate(405%) hue-rotate(77deg) brightness(92%) contrast(87%) }


.patio .outros { text-align:center; margin:0 auto; padding:5px 10px; width:378px; margin-top:30px }
.patio .outros ul { border:1px solid #CCC }
.patio .outros h2 { width:auto; margin:0; padding:5px 0 }
.patio .outros li { display:inline-block; text-align:center; margin:10px }
.patio .outros li span { display:block; width:32px; height:15px; border:1px solid #999; margin:3px auto 0 auto; text-align:center }
.patio .outros li p { font:normal 12px 'OpenSansBold', sans-serif; padding:0; margin:0 }
.patio .outros li a { position:absolute; display:block; width:32px; height:15px; background:#a0dcff }
.patio .outros li a img { width:30px; object-fit:cover; width:32px; height:15px; filter:invert(52%) sepia(26%) saturate(1085%) hue-rotate(166deg) brightness(91%) contrast(92%) }
.patio .outros h3 { width:80px }
.totais { font:normal 12px 'OpenSansBold', sans-serif; padding-top:45px; margin-left:20px }
.totais span { margin-right:15px }

html body ul.ui-autocomplete { position:absolute !important }



/* LOADING */
.loading { position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; background: url(../img/fancybox_overlay.png) }
.cssload-wrap { position:fixed; border:1px solid #CCC; width:270px; height:130px; background-color:#FFF; top:50%; left:50%; opacity:0.9; -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:normal 14px "OpenSansBold", 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;
	}
}