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

/* 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:'Open Sans', sans-serif }
select, input, textarea { outline:none; resize:none }
textarea { overflow:auto }
strong { font-weight:bold }
em { font-style:italic }


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


/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
body { line-height:1; background:#F0F0F0 }
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 }
fieldset { border:1px solid #CCC; display:inline-block; padding:0 15px 5px 15px; text-align:left }
fieldset legend { color:#888; font:normal 11px 'Open Sans Bold', sans-serif; padding:0 5px }


/* FORM */
p.label, label { color:#000; font:normal 12px 'Open Sans Bold', sans-serif; line-height:18px; height:18px; margin-bottom:5px; display:inline-block; margin-top:15px }
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) }
.fake_iptupload, input[type="text"], input[type="password"], textarea { font-family:'Open Sans', sans-serif; outline:none; background:#FFF; border:1px solid #CCC; 
                                                                        font-size:12px; padding:6px; line-height:18px; height:18px; color:#000 }
input[type="text"].aspNetDisabled, .select select.aspNetDisabled { color:#333; cursor:default; border-color:#666 }
input[type="button"], input[type="submit"], a.botao { outline:none; border:none; color:#FFF; cursor:pointer; background:#E10025; line-height:24px; font-size:12px; text-align:center; padding:3px 25px; display:inline-block }
@-moz-document url-prefix() { .file_upload span, input[type="button"], input[type="submit"] { padding:3px 17px } }
.file_upload span:hover, input[type="button"]:hover, input[type="submit"]:hover, a.botao: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, .radio { width:16px; margin-top:20px }
.checkbox input[type="checkbox"], .radio input[type="radio"] { display:none }
.checkbox input[type="checkbox"]+label,
.radio input[type="radio"]+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, 
.radio input[type="radio"]:checked + label { background:url("../img/checkbox.png") no-repeat 0 -16px }
.select { position:relative; display:inline-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; -moz-appearance:none; appearance:none; -webkit-appearance:none; font-size:12px; color:#000; padding:4px 8px; line-height:20px; font-family:'Open Sans', 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 }
.listbox { font:normal 12px 'Open Sans', sans-serif; background-color:#FFF; border:1px solid #CCC; padding:4px; margin-top:5px; vertical-align:top }
.listbox_disabled { font:normal 12px 'Open Sans', sans-serif; background-color:transparent; border:1px solid #666; margin-top:5px; color:#333 !important }
input[type="button"].adiciona_lb { font-size:24px; width:54px; padding:0; line-height:30px; height:30px; margin-top:8px; vertical-align:top }
input[type="button"].remove_lb { font-size:24px; width:54px; padding:0; line-height:30px; height:30px; vertical-align:bottom }
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) }
.left { float:left !important }
.right { float:right !important }
.esquerda { text-align:left !important }
.direita { text-align:right !important }
.vat { vertical-align:top !important }
.mb0 { margin-bottom:0 !important }
.mb-10 { margin-bottom:-10px !important }
.mt0 { margin-top:0 !important }
.mt5 { margin-top:5px !important }
.mt10 { margin-top:10px !important }
.mt20 { margin-top:20px !important }
.ml0 { margin-left:0 !important }
.ml5 { margin-left:5px !important }
.ml10 { margin-left:10px !important }
.ml20 { margin-left:20px !important }
.mr10 { margin-right:10px !important }
.mr20 { margin-right:20px !important }
.pb10 { padding-bottom:10px !important }
.pl10 { padding-left:10px !important }
.pl20 { padding-left:20px !important }
.pr10 { padding-right:10px !important }
.pr20 { padding-right:20px !important }
.pr20 { padding-right:20px !important }
.pt10 { padding-top:10px !important }
input[type="button"].btn-excel { background:#E10025 url("../img/excel.png") no-repeat center center }
input[type="button"].btn-buscar { background:#E10025 url("../img/buscar.png") no-repeat center center }
input[type="button"].btn-voltar { background:#E10025 url("../img/voltar.png") no-repeat center center }
input[type="button"].btn-agendar { background:#E10025 url("../img/calendario.png") no-repeat center center }
input[type="button"].btn-mapa { background:#E10025 url("../img/mapa.png") no-repeat center center }
.caps { text-transform:uppercase !important }
.inline { display:inline !important }
.inline-block { display:inline-block !important }


/* Input File */
p.label { margin-top:17px; margin-bottom:0; height:auto; line-height:normal; vertical-align:top }
.js .custom-inputfile { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1 }
.custom-inputfile + label { max-width:80%; text-overflow:ellipsis; white-space:nowrap; margin:15px 0 0 0; cursor:pointer; display:inline-block; overflow:hidden; padding:2px 20px 2px 10px; color:#FFF; background-color:#E10025 }
.no-js .custom-inputfile + label { display:none }
.custom-inputfile:focus + label, .custom-inputfile.has-focus + label { background-color:#E10025 }
.custom-inputfile + label:hover { opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50) }
.custom-inputfile + label * { /* pointer-events:none; */}
.custom-inputfile + label span { font-size:11px; font-weight:normal }
.custom-inputfile + label svg { width:1em; height:1em; vertical-align:middle; fill:currentColor; margin-top:-4px; margin-right:8px }


.abas li a.atual { position:relative; background-color:#F0F0F0; border-bottom:1px solid #F0F0F0; z-index:5; color:#1A478C; font:normal 12px/40px "Open Sans", serif }
.abas li a.atual:hover { opacity:1.0 }
.abas li a { padding:10px; text-transform:uppercase; color:#888; text-decoration:none; height:40px; line-height:40px; float:left; background-color:#E0E0E0; border:1px solid #CCC; border-bottom:1px solid #F0F0F0; padding:0 30px; margin-right:2px }
.abas li a.aspNetDisabled { cursor:default; opacity:1.0 }
.aba { border:1px solid #CCC; background-color:#F0F0F0; float:left; margin-bottom:20px; margin-top:-1px }
.aba-conteudo { padding:10px 10px 20px 10px }


/* TABLE */
table { border-spacing:0px; background:#FFF; margin:10px 0; width:650px }
table th { border-collapse:collapse; border-top:1px solid #666; border-left:1px solid #666; background:#1A478C; font-size:11px; font-family:'Open Sans Bold', sans-serif; 
                                 padding:10px; color:#FFF; display:table-cell; text-align:center; vertical-align:middle }
table 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 tr.vazio td { border-top:1px solid #DDD; font-size:12px }
table th:last-child, table 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 .l50p { width:50% !important; min-width:50% }
table .l20 { width:20px !important; min-width:20px }
table .l40 { width:40px !important; min-width:40px }
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 .l200 { width:200px !important; min-width:200px }
table .l310 { width:310px !important; min-width:310px }
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 input { padding-left:0; padding-right:0; text-align:center }
table caption { color:#1A478C; text-align:left; position:absolute; margin:-39px 0 0 0; font-size:14px; font-weight:bold }
table td input[type="button"] { height:16px; margin:3px auto; width:16px; background-position:center center }
table td input[type="text"] { font-size:11px; padding:2px 3px }
table td .select { height:24px; line-height:24px }
table td .select select { font-size:11px; padding:2px 3px }
table td .select::after { top:16px; right:4px }

table td a.camera, table td a.excluir, table td a.download,
table td a.editar, table td a.visualizar { cursor:pointer; display:inline-block; text-decoration:none; width:16px; height:16px; vertical-align:middle; text-indent:-9999px }
table td a.camera:hover, table td a.excluir:hover, table td a.visualizar:hover, 
table td a.download:hover, table td a.editar:hover { opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50) }
table td a.camera { background:url('../img/camera.png') no-repeat center center }
table td a.download { background:url('../img/download.png') no-repeat center center }
table td a.excluir { background:url('../img/excluir.png') no-repeat center center }
table td a.editar { background:url('../img/editar.png') no-repeat center center }
table td a.visualizar { background:url('../img/visualizar.png') no-repeat center center }
table input[type="button"] { cursor:pointer; display:block; margin:0; width:16px; text-align:center; background-color:transparent; height:16px; background-repeat:no-repeat; background-size:contain; background-position:center center; vertical-align:top }
table input[type="button"].enviar_email { background-image:url("../img/email.png") }
table input[type="button"].alterar_status { background-image:url("../img/trocar.png") }
table input[type="button"].historico { background-image:url("../img/historico.png") }
table input[type="button"].agendar { background-image:url("../img/agendar.png") }
table input[type="button"].log { background-image:url("../img/log.png") }
table input[type="button"].autorizar { background-image:url("../img/autorizar.png") }
table input[type="button"].editar_email { background-image:url("../img/edit_email.png") }
table input[type="button"].cancelar { background-image:url("../img/cancelar.png") }

.dtpager, .dtpager:hover { background:none }
.dtpager tbody tr:hover { background:#F9F9F9 }
.dtpager table tr td { background:none; border:none }
.dtpager table { margin:0; width:100% }
.dtpager a, .dtpager span { border:1px solid #CCC; display:block; border-collapse:collapse; padding:5px 10px; line-height:20px; margin-left:-1px }
.dtpager a:hover { background:#CCC; color:#333 }
.dtpager span { background:#428BCA; color:#FFF; cursor:default }
.dtpager .aspNetDisabled { color:#CCC; cursor:default }
.dtpager .aspNetDisabled:hover { background:none; color:#CCC }
.total_registros { display:block; text-align:left; font-size:11px; margin-bottom:-5px }


/* Topo */
.topo { background:#FFF; position:absolute; height:80px; top:0; width:100% }
.topo .select { width:110px; float:right; margin:25px 20px 0 0 }
.topo .logo { margin:12px 0 0 20px; float:left; height:54px }
.topo h1 { float:left; font:normal 24px 'Open Sans Bold', sans-serif; margin:30px 20px 0 30px; color:#1A478C }
.topo span { color:#666; font:normal 14px 'Open Sans Bold'; text-transform:uppercase }
.topo a { font-size:14px }
.topo .links_topo { float:right; margin:35px 20px 0 0 }
.topo span.t { margin:0 7px; text-transform:none; font-weight:normal }


/* Menu */
.menu { background:url(../img/menu.png) repeat-x 0 80px; position:absolute; height:100%; width:128px }
.menu div { padding-top:80px }
.menu div a { display:block; padding:10px 8px; color:#1A478C; font-size:11px; line-height:13px; border-bottom:1px dotted #AAA }
.menu div a:hover { background:#1A478C; 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) }


/* AutoComplete */
ul.ui-menu { background:#FFF; max-height:120px; border:1px solid #fff; box-shadow:0 1px 3px rgba(0, 0, 0, .25); width:147px; overflow:auto }
ul.ui-menu li a { padding:6px; display:block; color:#000 }
ul.ui-menu li a:hover { cursor:pointer; text-decoration:none }
ul.ui-menu li:hover, ul.ui-menu li:hover a { background:#BCBEBF }
span.ui-helper-hidden-accessible { display:none }
.ui-autocomplete { z-index:3 !important }
.ui-autocomplete .ui-menu-item .ui-corner-all { font-size:11px }
.ui-autocomplete .ui-state-focus { background:#BCBEBF !important; color:#000 !important }


/* Conteudo */
.conteudo { padding:95px 0 0 145px }
.conteudo h1 { font:normal 16px 'Open Sans Bold', sans-serif; margin:10px 0 20px 0; color:#1A478C }
.conteudo h2 { font:normal 14px 'Open Sans Bold', sans-serif; color:#1A478C; display:inline-block; position:absolute; margin-top:15px }
.conteudo .botoes-tabela { text-align:right; width:650px; display:inline-block }


/* Login */
.conteudo-login { margin-left:-145px }
.box { border:1px solid #DDD; min-height:250px; 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:500px; margin:35px auto 20px auto; background:#FFF }
.box label, .box .select { display:block }
.box p { position:absolute; text-align:center; color:#333; font:normal 12px 'Open Sans', sans-serif; width:250px; margin:40px 0 0 240px }
.box p span { text-align:left; display:block; margin-top:20px }
.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:'Open Sans Bold', 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:20px }
.conteudo .login input[type="submit"].btncertificado { border:1px solid #428BCA; width:120px; height:48px; background:url(../img/btnCerficadoDigital.gif) 0 0 no-repeat; background-size:contain }


/* Estoque */
.estoque_mapa { width:1280px; height:739px; position:relative }
.estoque_mapa .cinza  { background:#DDD; border:1px solid #000; font:normal 9px Arial; text-align:center; color:#000; position:absolute }
.estoque_mapa .virado { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.estoque_mapa .se-04 { width:35px; height:40px; left:220px; top:90px; line-height:40px }
.estoque_mapa .balan { width:40px; height:15px; left:490px; top:230px; line-height:15px }
.estoque_mapa .pesar { width:60px; height:20px; left:485px; top:465px; line-height:20px }
.estoque_mapa .armz1 { width:130px; height:50px; left:285px; top:665px; line-height:50px }
.estoque_mapa .armz2 { width:91px; height:52px; left:417px; top:665px; line-height:52px; background:url(../img/armz2.png) no-repeat 0 0; border:none }
.estoque_mapa .manut1 { width:20px; height:25px; left:425px; top:290px }
.estoque_mapa .manut2 { width:50px; height:20px; left:450px; top:290px; line-height:20px }
.estoque_mapa .manut3 { width:15px; height:15px; left:535px; top:310px }
.estoque_mapa .adm { width:135px; height:45px; left:1060px; top:405px; line-height:45px }
.estoque_mapa .gate { width:45px; height:75px; left:900px; top:390px; line-height:75px }
.estoque_mapa .chique { display:none; width:74px; height:74px; left:874px; top:515px; line-height:75px }
.estoque_mapa .cist { width:30px; height:40px; left:525px; top:345px; line-height:40px }
.estoque_mapa .refeit { width:35px; height:20px; left:600px; top:370px; line-height:20px }
.estoque_mapa .srf { width:35px; height:30px; left:815px; top:380px; line-height:25px; background:url(../img/srf.gif) no-repeat 0 0; border:none }
.estoque_mapa .se-ec { width:30px; height:20px; left:785px; top:395px; line-height:20px; background:url(../img/se-ec.gif) no-repeat 0 0; border:none }
.estoque_mapa .se-07 { width:30px; height:20px; left:375px; top:320px; line-height:20px }
.estoque_mapa .se-new { width:68px; height:30px; left:365px; top:353px; line-height:30px; background:url(../img/se-new.gif) no-repeat 0 0; border:none }
.estoque_mapa .se-old { width:60px; height:30px; left:460px; top:345px; line-height:44px; background:url(../img/se-old.gif) no-repeat 0 0; border:none }
.estoque_mapa input[type="button"] { position:absolute; cursor:pointer; font:bold 11px Arial; color:#FFF; display:block; border:1px solid #000; padding:0 }
.estoque_mapa input[type="button"]:hover { opacity:0.5 }
.estoque_mapa .A   { width:235px; height:50px;  left:22px;   top:97px;  background:#376597 }
.estoque_mapa .B   { width:300px; height:35px;  left:22px;   top:160px; background:#376597 }
.estoque_mapa .BL  { width:200px; height:12px;  left:22px;   top:300px; background:#376597 }
.estoque_mapa .C   { width:300px; height:35px;  left:22px;   top:205px; background:#376597 }
.estoque_mapa .MC  { width:146px; height:56px;  left:1088px; top:79px;  background:#376597 }
.estoque_mapa .CT  { width:21px;  height:20px;  left:394px;  top:630px; background:#376597 }
.estoque_mapa .IMO { width:55px;  height:23px;  left:119px;  top:522px; background:#376597 }
.estoque_mapa .D   { width:300px; height:35px;  left:22px;   top:255px; background:#376597 }
.estoque_mapa .E   { width:180px; height:35px;  left:22px;   top:320px; background:#376597 }
.estoque_mapa .EP  { width:45px;  height:29px;  left:131px;  top:440px; background:#376597 }
.estoque_mapa .F   { width:172px; height:20px;  left:22px;   top:377px; background:#376597 }
.estoque_mapa .G   { width:280px; height:43px;  left:374px;  top:94px;  background:#376597 }
.estoque_mapa .H   { width:280px; height:35px;  left:374px;  top:157px; background:#376597 }
.estoque_mapa .I   { width:280px; height:35px;  left:374px;  top:204px; background:#376597 }
.estoque_mapa .J   { width:280px; height:27px;  left:374px;  top:260px; background:#376597 }
.estoque_mapa .K   { width:315px; height:40px;  left:374px;  top:250px; background:#376597 }
.estoque_mapa .L   { width:217px; height:38px;  left:453px;  top:318px; background:#376597 }
.estoque_mapa .M   { width:45px;  height:137px; left:718px;  top:138px; background:#376597 }
.estoque_mapa .N   { width:254px; height:37px;  left:846px;  top:241px; background:#376597 }
.estoque_mapa .O   { width:254px; height:28px;  left:846px;  top:191px; background:#376597 }
.estoque_mapa .P   { width:146px; height:42px;  left:846px;  top:138px; background:#376597 }
.estoque_mapa .Q   { width:108px; height:18px;  left:846px;  top:95px; background:#376597 }
.estoque_mapa .R   { width:45px;  height:20px;  left:34px;   top:443px; background:#376597 }
.estoque_mapa .S   { width:68px;  height:19px;  left:235px;  top:564px; background:#376597 }
.estoque_mapa .T   { width:45px;  height:137px; left:768px;  top:138px; background:#376597 }
.estoque_mapa .U   { width:94px;  height:19px;  left:135px;  top:564px; background:#376597 }
.estoque_mapa .V   { width:18px;  height:60px;  left:308px;  top:565px; background:#376597 }
.estoque_mapa .W   { width:145px; height:50px;  left:496px;  top:452px; background:#376597 }
.estoque_mapa .X   { width:17px;  height:31px;  left:314px;  top:433px; background:#376597 }
.estoque_mapa .Y   { width:108px; height:17px;  left:225px;  top:477px; background:#376597 }
.estoque_mapa .Z   { width:18px;  height:60px;  left:215px;  top:411px; background:#376597 }
.estoque_mapa .cargasolta { width:265px; height:35px; left:835px; top:570px; background:#449D44 }
.estoque_mapa .DDI { width:315px; height:40px;  left:680px;  top:34px;  background:#376597 }

.descricao  { font-size:11px; padding:15px; margin:10px 0; background:#F9F9F9; color:#666; line-height:16px; width:900px; border:1px solid #CCC }
.descricao strong { font:normal 12px 'Open Sans Bold' }
.pesquisa { padding:10px 15px 60px 15px; color:#666; width:900px; border:1px solid #CCC; margin-bottom:20px }
.pesquisa2 { color:#666; padding:10px; margin:20px 0 40px 0; background:#F9F9F9; border:1px solid #CCC }
.pesquisa .botoes { background:#DFDFDF; position:absolute; height:35px; margin:20px 0 0 -15px; width:930px; text-align:center; padding-top:5px }
.resultados { width:962px; margin-top:5px; text-align:right }
.resultados table { width:100% }
.resultados td, .resultados th { font-size:10px; padding:7px; line-height:12px }
.resultados th { text-transform:uppercase }
.resultados #floatBarsG  { margin-left:330px }
.vermelho { color:#E10025 }

.documentacao ul { float:left; width:450px }
.documentacao ul li { margin:5px 0 }


/* Vistoria Remota */
.termos { text-align:left; padding:40px }
.termos h1 { padding:0; font:normal 16px 'Open Sans Bold', sans-serif }
.termos p { font-size:14px; padding:30px 0 0 0; line-height:18px }
.termos a { font-size:14px; color:#428BCA }
.termos a:hover { opacity:1.0; text-decoration:underline }
.termos input[type="button"] { margin:40px 20px 0 0 }

.dtpager2, .dtpager2:hover { background:none }
.dtpager2 tbody tr, .dtpager2 tbody tr:hover { background:#FFF }
.dtpager2 table tr td { background:none; border:none; width:32px; padding:10px 0 }
.dtpager2 table { margin:0 auto; width:auto }
.dtpager2 a, .dtpager2 span { border:1px solid #CCC; font-size:12px; display:block; border-collapse:collapse; padding:5px 10px; line-height:20px; margin-left:-1px }
.dtpager2 a:hover { background:#CCC; color:#333 }
.dtpager2 span { background:#428BCA; color:#FFF; cursor:default }
.dtpager2 .aspNetDisabled { color:#CCC; cursor:default }
.dtpager2 .aspNetDisabled:hover { background:none; color:#CCC }

.pnlCamera { margin:-95px 0 0 -20px }
.pnlCamera h1 { margin:0; padding:10px 0; text-align:center; background:#1A478C; color:#FFF; text-transform:uppercase }
.pnlCamera h3 { background:#DFDFDF; padding:5px 10px; color:#333; font:normal 12px 'Open Sans Bold'; text-transform:uppercase }
.pnlCamera h3 span { color:#333; font:normal 12px 'Open Sans Bold' }
.pnlCamera .cameras h3 { border:1px solid #CCC; border-bottom:none }

.pnlCamera .cameras { margin:10px }
.pnlCamera .cameras .titulos h4, 
.pnlCamera .cameras .titulos h5 { float:left; text-transform:uppercase; font:normal 14px 'Open Sans SemiBold', sans-serif; color:#222; vertical-align:top; width:55%; text-align:center; height:20px; padding:5px 0; background:#CCC }
.pnlCamera .cameras .titulos h5 { width:calc(45% - 5px); margin-left:5px }
.pnlCamera .cameras .galeria_cameras { float:left; overflow:auto; position:relative; width:10%; min-height:91px; vertical-align:top; background:#DDD }
.pnlCamera .cameras .galeria_cameras a#btnUp { display:block; width:100%; background:#DDD; text-align:center; height:20px; position:absolute; left:0; top:0; z-index:99 }
.pnlCamera .cameras .galeria_cameras a#btnDown { display:block; width:100%; background:#DDD; text-align:center; height:20px; position:absolute; left:0; bottom:0; z-index:99 }
.pnlCamera .cameras .galeria_cameras a#btnUp:hover, .pnlCamera .cameras .galeria_cameras a#btnDown:hover { opacity:1; background:#AAA }
.pnlCamera .cameras .galeria_cameras a#btnUp img, .pnlCamera .cameras .galeria_cameras a#btnDown img { vertical-align:top; margin-top:7px }
.pnlCamera .cameras .galeria_cameras a#btnUp img { transform:rotate(180deg) }
.pnlCamera .cameras .galeria_cameras a { display:block; margin-bottom:10px; text-align:center; min-height:52px; font:normal 12px/14px 'Open Sans' !important; color:#000; background:#DDD url('../img/loading.gif') no-repeat center center; z-index:1 }
.pnlCamera .cameras .galeria_cameras a img { width:100% }
.pnlCamera .cameras .camera { position:relative; text-align:center; margin:0 0 0 5px; float:left; padding:0 0 10px 0; vertical-align:top; width:calc(45% - 5px); min-height:301px; background:#DDD url('../img/loading.gif') no-repeat center center }
.pnlCamera .cameras .camera.camera_movel { width:calc(45% - 5px) }
.pnlCamera .cameras .camera img { width:100% }
.pnlCamera .cameras .camera input { margin:7px 0 0 0 }
.pnlCamera .cameras .camera span { position:absolute; text-transform:uppercase; width:100%; text-align:center; left:0; top:5px; font:bold 20px Arial; color:#FFF; text-shadow:0 0 7px #000000 }
.pnlCamera .cameras .camera span strong { position:absolute; text-transform:uppercase; width:100%; text-align:center; left:0; top:5px; font:bold 20px Arial; color:#FFF; text-shadow:0 0 7px #000000 }
.pnlCamera .botoes-nav { text-align:center; margin:15px 0 0 0 }
.pnlCamera .botoes-nav input { margin:0 20px }

.pnlCamera .cabecalho_vistoria { margin:10px; background:#DDD }
.pnlCamera .cabecalho_vistoria table { background:none; margin:0; width:100% }
.pnlCamera .cabecalho_vistoria table tr:nth-child(odd), .pnlCamera .cabecalho_vistoria table tr:nth-child(even) { background:none }
.pnlCamera .cabecalho_vistoria table th, .pnlCamera .cabecalho_vistoria table td { background:none; min-width:100px; border:none; color:#111; text-align:left }
.pnlCamera .cabecalho_vistoria table th { font:normal 12px/16px 'Open Sans Bold', sans-serif; padding:7px 10px 0 10px }
.pnlCamera .cabecalho_vistoria table td { font:normal 12px/16px 'Open Sans', sans-serif; padding:3px 10px 7px 10px }

.pnlCamera .historico_observacoes { margin:0 10px }
.pnlCamera .historico { width:calc(50% - 7px); height:90px; float:left; border:1px solid #CCC; margin:15px 0 0 0 }
.pnlCamera .historico p.nenhuma_obs { font:normal 12px 'Open Sans'; text-align:center; padding:20px 0 0 0 }
.pnlCamera .historico ul li { margin:0 0 0 10px; display:inline-block; width:calc(50% - 10px); vertical-align:top }
.pnlCamera .historico ul.ul1 li { width:calc(100% - 30px) }
.pnlCamera .historico ul.ul2 li { width:calc(50% - 30px) }
.pnlCamera .historico ul.ul3 li { width:calc(33.3333333333% - 30px) }
.pnlCamera .historico ul.ul4 li { width:calc(25% - 30px) }
.pnlCamera .historico ul.ul5 li { width:calc(20% - 30px) }
.pnlCamera .observacoes { position:relative; width:calc(50% - 7px); height:90px; float:left; border:1px solid #CCC; margin:15px 0 0 10px; overflow:auto }
.pnlCamera .observacoes a.inserir_observacao { display:block; position:absolute; padding:0 10px 0 7px; background:#999; color:#FFF; font:normal 11px/16px 'Open Sans', sans-serif; text-transform:uppercase; top:5px; right:7px }
.pnlCamera .observacoes .nenhuma_obs { font:normal 12px 'Open Sans'; text-align:center; padding:20px 0 0 0 }
.pnlCamera .observacoes table { width:100%; margin:0 }
.pnlCamera .observacoes table td { font:normal 10px/12px 'Open Sans', sans-serif; padding:5px; text-align:left }
.pnlCamera .observacoes table tr td:first-child { border-left:none; padding:5px 10px }
.pnlCamera .observacoes table tr:last-child td { border-bottom:none }

.pnlCamera .historico strong { font:normal 12px/20px 'Open Sans Bold', sans-serif; display:inline-block; vertical-align:top; text-transform:uppercase; margin-right:3px }
.pnlCamera .historico span { font:normal 12px/20px 'Open Sans', sans-serif; display:inline-block; vertical-align:top }

.pnlCamera .fotos_vistoria { margin:15px 10px 0 10px }
.pnlCamera .fotos_vistoria .pnlFotosCapturadas, .pnlCamera .fotos_vistoria .pnlFotosConferente, 
.pnlCamera .fotos_vistoria .pnlPessoasConectadas, .pnlCamera .fotos_vistoria .pnlAcompanhantes { float:left; width:calc(25% - 2px); border:1px solid #CCC; overflow-y:auto; overflow-x:hidden; height:240px }
.pnlCamera .fotos_vistoria .pnlPessoasConectadas p.nenhuma_obs, .pnlCamera .fotos_vistoria .pnlAcompanhantes p.nenhuma_obs { font:normal 12px 'Open Sans'; text-align:center; padding:80px 0 0 0 }
.pnlCamera .fotos_vistoria .pnlPessoasConectadas table td { text-align:left; font-size:11px; padding:10px }
.pnlCamera .fotos_vistoria .pnlFotosConferente, .pnlCamera .fotos_vistoria .pnlPessoasConectadas, .pnlCamera .fotos_vistoria .pnlAcompanhantes { width:calc(25% - 12px); margin:0 0 0 10px }
.pnlCamera .fotos_vistoria table { width:100%; margin:0; border:none }
.pnlCamera .fotos_vistoria table tr td:last-child { border-right:none }
.pnlCamera .fotos_vistoria table tr td:first-child { border-left:none }
.pnlCamera .fotos_vistoria table tr:last-child td { border-bottom:none }
.pnlCamera .fotos_vistoria table td { padding:5px }
.pnlCamera .fotos_vistoria table th { padding:5px }
.pnlCamera .fotos_vistoria table td img { height:40px }
.pnlCamera .fotos_vistoria .nenhuma_foto { font:normal 12px 'Open Sans'; text-align:center; padding:80px 0 0 0 }
.btnCarregando, .btnCarregando2 { }



/* Conferência */
.conferencia { margin:95px auto 0 auto; width:1000px }
.conferencia table input[type="button"] { margin-left:0; background-repeat:no-repeat; background-size:16px; background-position:center center; vertical-align:top }
.conferencia table input[type="button"].enviar_email { background-image:url("../img/email.png") }
.conferencia table input[type="button"].alterar_status { background-image:url("../img/trocar.png") }
.conferencia table input[type="button"].historico { background-image:url("../img/historico.png") }
.conferencia table input[type="button"].agendar { background-image:url("../img/agendar.png") }
.conferencia table td { padding:10px 5px }
.conferencia table th { padding:10px 5px }
.conferencia table select { vertical-align:top }
.conferencia table select.amarelo { background:#fcb249 }
.conferencia table select.verde { background:#72c272 }
.conferencia input, .conferencia .select select  { font-size:11px }
.conferencia input[type="button"] { margin-left:10px; padding-left:15px; padding-right:15px }
.conferencia .total_registros { margin:20px 0 10px 0; font-size:11px; text-align:right; position:initial }
.cf_historico tbody th { font-size:11px; text-align:left; padding:5px } 
.cf_historico tbody td { font-size:10px; text-align:left; padding:5px }
.timeline { position:relative; height:160px; margin-top:30px }
.timeline div { width:136px; height:140px; position:absolute; top:0; left:0; z-index:2 }
.timeline div span { width:34px; height:34px; position:absolute; top:52px; display:block; background-color:#333; border:1px solid #333; border-radius:50% }
.timeline div p { font-size:10px; line-height:12px; color:#333; position:absolute; top:0; left:17px; padding:2px 0 0 4px; border-left:2px solid #333; height:50px }
.timeline .status2 { left:98px }
.timeline .status3 { left:196px }
.timeline .status4 { left:294px }
.timeline .status5 { left:392px }
.timeline .status6 { left:490px }
.timeline .status7 { left:588px }
.timeline .status8 { left:686px }
.timeline .status9 { left:784px }
.timeline .status10 { left:882px }
.timeline .status10 span { background-color:#72C272 }
.timeline .status2 p, .timeline .status4 p, .timeline .status6 p,
.timeline .status8 p, .timeline .status10 p { top:88px }
.timeline div.cinza span { background-color:#CCC; border:1px solid #CCC }
.timeline div.cinza p { color:#CCC; border-left:2px solid #CCC }
.timeline .tempos { position:absolute; top:60px; left:16px; width:875px; border-bottom:2px solid #CCC; z-index:1 }
.timeline .tempos li { font-size:10px; color:#428BCA; border-bottom:2px solid #333; margin-bottom:-2px; width:97px; text-align:center; float:left; display:block }



/* POPUP */
.popup_janela { padding:20px }
.popup_janela h2 { background:#CCC; padding:10px }
.popup_janela h4 { border-bottom:1px solid #CCC; padding:5px 0; margin:20px 0 5px 0; font-size:12px }
.popup_janela table input[type="button"].foto { background-image:url("../img/foto.png"); background-color:transparent; display:block; width:16px; height:16px; background-size:16px; background-repeat:no-repeat; background-position:center center; vertical-align:top }
.popup_janela table span.foto { background-image:url("../img/foto.png"); display:block; width:16px; height:16px; background-repeat:no-repeat; cursor:pointer; vertical-align:top; margin:0 auto }
.popup_janela .mostra_fotos { display:none; background:#E0E0E0; overflow-x:auto; overflow-y:hidden; width:1000px; height:160px; position:absolute; bottom:20px; left:20px; z-index:2 }
.popup_janela .mostra_fotos h5 { border-bottom:1px solid #CCC; padding:7px 10px; margin:0; text-transform:uppercase; font:normal 11px 'Open Sans Bold', sans-serif }
.popup_janela .mostra_fotos input[type="image"] { max-width:200px; max-height:100px; display:inline-block; margin:8px 0 0 10px }
.popup_janela .mostra_fotos p.fechar { float:right; font:normal 14px 'Open Sans Bold', sans-serif; color:#C9302C; margin:-25px 15px 0 0; cursor:pointer }
.popup_janela img.imgImagemCapturada { width:100%; max-height:400px }
.popup_janela textarea.txtObsCapturaImagem { width:calc(100% - 14px); height:30px }

.popup_janela .cabecalho_vistoria { padding:0 10px 10px 10px; border:1px solid #CCC; margin-top:20px }
.popup_janela .cabecalho_vistoria h3 { background:#DFDFDF; padding:5px 10px; margin:0 -10px 5px -10px; color:#333; font:normal 12px 'Open Sans Bold'; text-transform:uppercase }
.popup_janela .cabecalho_vistoria strong { font:normal 12px/20px 'Open Sans Bold', sans-serif; display:inline-block; vertical-align:top; text-transform:uppercase; margin-right:3px }
.popup_janela .cabecalho_vistoria span { font:normal 12px/20px 'Open Sans', sans-serif; display:inline-block; vertical-align:top }
.popup_janela .fotos_vistoria { border:1px solid #CCC; margin-top:20px }
.popup_janela .fotos_vistoria h3 { background:#DFDFDF; padding:5px 10px; margin:0; color:#333; font:normal 12px 'Open Sans Bold'; text-transform:uppercase }
.popup_janela .fotos_vistoria table { width:100%; margin:0; border:none }
.popup_janela .fotos_vistoria table tr td:last-child { border-right:none }
.popup_janela .fotos_vistoria table tr td:first-child { border-left:none }
.popup_janela .fotos_vistoria table tr:last-child td { border-bottom:none }
.popup_janela .fotos_vistoria table td { padding:5px }
.popup_janela .fotos_vistoria table td img { height:80px }
.popup_janela .fotos_vistoria table td a { display:block; width:16px; height:16px }
.popup_janela .fotos_vistoria .nenhuma_foto { font:normal 12px 'Open Sans'; text-align:center; padding:40px 0 }
.popup_janela .relatorio-download p { padding:10px 0 0 0 }
.popup_janela .relatorio-download p img { line-height:24px; margin-right:3px; vertical-align:top; display:inline-block }
.popup_janela .relatorio-download p a { font:normal 14px/24px 'Open Sans SemiBold'; vertical-align:top; display:inline-block }

.popup_janela table.log { width:100% }
.popup_janela table.log td { padding:5px }
.popup_janela .radio { width:auto; margin:0 0 0 10px; display:inline-block }
.popup_janela .radio input[type="radio"]+label { width:auto; padding-left:20px; margin-right:20px }


.log_popup { padding:10px }
.log_popup h1 { background:#CCC; color:#333; padding:5px 10px; font:normal 14px 'Open Sans'; }
.log_popup p { margin:10px 5px; color:#333; font:normal 14px 'Open Sans' }


/* 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 16px "DIN Bold", 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;
	}
}