/* 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="tel"]:focus, input[type="text"]:focus, input[type="number"]:focus, textarea:focus, select:focus {box-shadow: 0 0 5px rgba(81, 203, 238, 1);border: 1px solid rgba(81, 203, 238, 1)}
.congela-header { }


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


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

/* FORM */
p.label, label { color:#000; font-size:11px; font-family:'OpenSansBold', sans-serif; line-height:16px; height:16px; margin:5px 5px 5px 10px; display:inline-block }
.fake_iptupload, input[type="text"], input[type="tel"], input[type="password"], input[type="number"], textarea { font:normal 11px 'OpenSans', sans-serif; vertical-align:middle; outline:none; background:#FFF; border:1px solid #CCC; padding:2px 5px; line-height:16px; height:16px; color:#000; display:inline-block }
textarea { vertical-align:text-top }
span.a { color:#000; font:normal 12px 'OpenSansBold', sans-serif; line-height:18px; height:18px }
input[type="text"].aspNetDisabled, input[type="tel"].aspNetDisabled, input[type="number"].aspNetDisabled, .select select.aspNetDisabled, input[disabled="disabled"], textarea[disabled="disabled"] {color: #333;cursor: default;background: #ECECEC}
input[type="button"], input[type="submit"], a.botao { outline:none; border:none; color:#FFF; text-transform:uppercase; cursor:pointer; background:#E10025; vertical-align:middle; line-height:16px; font-size:11px; text-align:center; padding:7px 15px }
a.botao.btnInserirSlip { width:82px; padding:4px 21px 3px 21px }
@-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, a.botao:hover { text-decoration:none; 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.svg") no-repeat 0 0; cursor:pointer; background-size:16px; line-height:16px; margin:0; padding-left:20px; height:16px; display:inline-block }
.checkbox input[type="checkbox"]:checked + label { background:url("../img/checkbox.svg") no-repeat 0 -16px; background-size:16px }
.select { position:relative; display:inline-block; border:1px solid #CCC; background:#FFF; height:20px; line-height:20px }
.select select { cursor:pointer; width:100%; background:none; border:1px solid transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none; 
                 box-sizing:border-box; appearance:none; -webkit-appearance:none; font-size:11px; color:#000; padding:2px 8px; line-height:14px; font-family:'OpenSans', sans-serif }
.select::after { content:""; position:absolute; width:12px; height:7px; top:18px; right:3px; margin-top:-12px; background:url("../img/arrow-select.svg") no-repeat; background-size:8px; z-index:2; pointer-events:none }
.select option { font-weight:normal }
x:-o-prefocus, .select::after { display:none }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .select select::-ms-expand { display:none } .select select:focus::-ms-value { background:transparent; color:#000 } }
@-moz-document url-prefix() { .select { overflow:hidden }  .select select { width:100%; width:-moz-calc(100% + 4em); width:calc(100% + em) } }
@media screen and (-webkit-min-device-pixel-ratio:0) { .select { font-size:1px } }
.select select:-moz-focusring { color:transparent; text-shadow:0 0 0 #000 }
a { color:#428BCA; cursor:pointer; text-decoration:none; font-size:12px }
a:hover { text-decoration:underline }
.aspNetDisabled, input[disabled="disabled"], textarea[disabled="disabled"], 
input[disabled="disabled"], input[disabled="disabled"]:hover { cursor:not-allowed; opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70) }
.rblLista { display:inline-block; vertical-align:text-top }
.rblLista input { margin:1px 5px 6px 0; vertical-align:top }
.rblLista label { margin:0 0 6px 0; vertical-align:top; font:normal 11px 'OpenSans', sans-serif }


/* Input File */
.js .custom-inputfile { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1 }
.custom-inputfile + label { width:80%; text-overflow:ellipsis; white-space:nowrap; margin:0 ; cursor:pointer; display:inline-block; overflow:hidden; padding:5px 20px 5px 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:10px; font-weight:normal; color:#FFF }
.custom-inputfile + label svg { width:1em; height:1em; vertical-align:middle; fill:currentColor; margin-top:-4px; margin-right:8px }


/* Auto Complete */
ul.ui-menu { background:#FFF; max-height:100px; width:147px; overflow:auto; z-index:10; border:1px solid #CCC }
ul.ui-menu li div { font:normal 11px 'OpenSans', sans-serif; padding:5px; display:block; color:#000 }
ul.ui-menu li div:hover { cursor:pointer; color:#FFF; text-decoration:none }
ul.ui-menu li:hover, ul.ui-menu li:hover div { background:#E10025; color:#FFF }
div.ui-helper-hidden-accessible { display:none }


.left { float:left !important }
.right { float:right !important }
.mb20 { margin-bottom:20px !important }
.mr20 { margin-right:20px !important }
.mt0 { margin-top:0 !important }
.mt10 { margin-top:10px !important }
.plr0 { padding-left:0 !important; padding-right:0 !important }
.mr0 { margin-right:0 !important }
.ml0 { margin-left:0 !important }
.mt0 { margin-top:0 !important }
.mr1p { margin-right:1% !important }
.ml1p { margin-left:1% !important }
.ml236 { margin-left:236px !important }
.ml472 { margin-left:472px !important }
.mt31 { margin-top:31px !important }
.ml30 { margin-left:30px !important }
.ml20 { margin-left:20px !important }
.ml10 { margin-left:10px !important }
.mr8 { margin-right:8px !important }
.mr15 { margin-right:15px !important }
.txtleft { text-align:left !important }
.txtright { text-align:right !important }
.cap { text-transform:capitalize !important }
.maiusculo { text-transform:uppercase !important }

input[type="button"].mini, input[type="submit"].mini { font-size:12px; padding:2px 12px }
input[type="button"].mini2, input[type="submit"].mini2 { font-size:13px; line-height:22px; padding:0 12px }
.plr10 { padding-left:10px !important; padding-right:10px !important }


/* TABLE */
table { border-spacing:0px; background:#FFF; margin:20px 0; width:100% }
table thead th { border-collapse:collapse; border-top:1px solid #666; border-left:1px solid #666; background:#1A478C; font-size:10px; font-family:'OpenSansBold', sans-serif; 
padding:7px 5px; color:#FFF; display:table-cell; text-align:center; vertical-align:middle }
table tbody th, table thead td, table tbody td { border-collapse:collapse; border-bottom:1px solid #DDD; line-height:14px; border-left:1px solid #DDD; font-size:10px; font-weight:normal; padding:5px; display:table-cell; color:#000; min-height:16px; text-align:center; vertical-align:middle }
table a { font-size:10px }
table tbody th:last-child, table tbody td:last-child, table thead td:last-child { border-right:1px solid #DDD }
table tr:nth-child(odd) { background:#F9F9F9 }
table tr:nth-child(even) { background:#FFF }
table tbody tr:hover { background:#F1EFBC }


.lh16 { line-height:16px !important }
.l02p { width:0.2% !important; min-width:0.2% }
.l2p { width:2% !important; min-width:2% }
.l5p { width:5% !important; min-width:5% }
.l8p { width:8% !important; min-width:8% }
.l10p { width:10% !important; min-width:10% }
.l14p { width:14% !important; min-width:5% }
.l15p { width:15% !important; min-width:15% }
.l16p { width:16% !important; min-width:16% }
.l18p { width:18% !important; min-width:18% }
.l20p { width:20% !important; min-width:20% }
.l25p { width:25% !important; min-width:25% }
.l28p { width:28% !important; min-width:28% }
.l30p { width:30% !important; min-width:30% }
.l33p { width:33% !important; min-width:33% }
.l333p { width:33.3% !important; min-width:33.3% }
.l49p { width:49% !important; min-width:49% }
.l50p { width:50% !important; min-width:50% }
.l13 { width:13px !important; min-width:13px }
.l20 { width:20px !important; min-width:20px }
.l30 { width:30px !important; min-width:30px }
.l40 { width:40px !important; min-width:40px }
.l50 { width:50px !important; min-width:50px }
.l55 { width:55px !important; min-width:55px }
.l60 { width:60px !important; min-width:60px }
.l65 { width:65px !important; min-width:65px }
.l70 { width:70px !important; min-width:70px }
.l80 { width:80px !important; min-width:80px }
.l90 { width:90px !important; min-width:90px }
.l100 { width:100px !important; min-width:100px }
.l110 { width:110px !important; min-width:110px }
.l120 { width:120px !important; min-width:120px }
.l140 { width:140px !important; min-width:140px }
.l200 { width:200px !important; min-width:200px }
.l240 { width:240px !important; min-width:240px }
.l285 { width:280px !important; min-width:285px }
.l310 { width:310px !important; min-width:310px }
table input[type="button"].visualizar_registro { background:url("../img/visualizar.svg") no-repeat; display:inline-block; padding:0; height:20px; width:20px; background-size:contain; filter:invert(31%) sepia(77%) saturate(1044%) hue-rotate(169deg) brightness(92%) contrast(90%) }
table input[type="button"].arquivo { background:url("../img/liberacao-slips.svg") no-repeat; display:inline-block; padding:0; height:20px; width:20px; background-size:contain; filter:invert(15%) sepia(90%) saturate(5656%) hue-rotate(344deg) brightness(84%) contrast(111%) }
table input[type="button"].bloquear { background:url("../img/bloquear.svg") no-repeat center; display:inline-block; padding:0; height:20px; width:20px; background-size:13px }
table input[type="button"].desbloquear { background:url("../img/desbloquear.svg") no-repeat center; display:inline-block; padding:0; height:20px; width:20px; background-size:20px }
table input[type="button"].editar { background:url("../img/editar.svg") no-repeat; display:inline-block; padding:0; height:16px; width:16px; background-size:16px; filter:invert(31%) sepia(77%) saturate(1044%) hue-rotate(169deg) brightness(92%) contrast(90%) }
table input[type="button"].ver_obs { background:url("../img/ver-obs.svg") no-repeat; display:inline-block; padding:0; height:16px; width:16px; background-size:16px; filter:invert(15%) sepia(90%) saturate(5656%) hue-rotate(344deg) brightness(84%) contrast(111%) }
table input[type="button"].foto { background:url("../img/foto.svg") no-repeat; display:inline-block; padding:0; height:16px; width:16px; background-size:16px; filter:invert(49%) sepia(8%) saturate(3359%) hue-rotate(71deg) brightness(105%) contrast(83%) }

.dtpager { text-align:center; margin-bottom:20px; font-size:11px }
.dtpager span a, .dtpager span span { border:1px solid #CCC; font-size:11px; min-width:10px; display:inline-block; border-collapse:collapse; padding:2px 7px; line-height:20px; margin-left:-1px }
.dtpager span a:hover { background:#CCC; color:#333 }
.dtpager span span { background:#428BCA; color:#FFF; cursor:default }
.dtpager span .aspNetDisabled { color:#CCC; cursor:default; text-decoration:none }
.dtpager span .aspNetDisabled:hover { background:none; color:#CCC }

tr.paginacao { padding:0; margin:0; border:none; text-align:center; background:none !important }
tr.paginacao td { background:none !important; border:none }
tr.paginacao td table { margin:40px auto 0 auto; border-collapse:collapse; padding:0; width:auto; border:none }
tr.paginacao td table tr { background:none !important }
tr.paginacao td table td  { margin:0; padding:0; border:1px solid #CCC; border-collapse:collapse }
tr.paginacao a { font:11px/20px 'OpenSansSemiBold'; height:20px; padding:4px 10px; min-width:10px; display:block; color:#428BCA; float:none }
tr.paginacao a:hover { background:#CCC; color:#333; text-decoration:none }
tr.paginacao span { background:#428BCA; color:#FFF; cursor:default; height:20px; padding:4px 10px; min-width:10px; font:11px/20px 'OpenSansSemiBold'; display:block }

tr.sem-resultado { background:none !important }
tr.sem-resultado td { border:none !important }
tr.sem-resultado td p { font:14px/20px 'OpenSansItalic'; margin:50px 0 }


/* Topo */
.topo { background:#FFF; height:30px; border-bottom:1px solid #D6D6D6; margin-bottom:30px }
.topo img.logo { margin:7px 0 10px 0; width:106px }
.topo h1 { position:absolute; font:normal 16px 'OpenSansBold', sans-serif; margin:50px 0 0 -7px; color:#1A478C; text-align:center; width:150px }
.topo h2 { position:absolute; font:normal 40px 'OpenSansBold', sans-serif; margin:80px 0 0 0; color:#333; width:100%; text-align:center }
.usuario { text-align:right; margin-right:20px }
.usuario span { font:normal 12px 'OpenSans', sans-serif; display:inline-block; padding-top:7px }


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

body.login .conteudo .login input[type="button"].esqueci_senha { text-decoration:none; color:#428BCA; font:normal 13px 'OpenSansSemiBoldItalic', sans-serif;  padding:0; display:inline; margin-top:0; text-transform:none; background:none }
body.login .conteudo .login input[type="button"].esqueci_senha:hover { text-decoration:underline; opacity:1 }


/* Index */
.menu { float:left; width:130px; margin:150px 0 0 0 }
.menu li { width:144px; margin-bottom:1px }
.menu li a { display:block; padding:12px 20px; font-size:11px; text-align:center; color:#444; line-height:14px; background:#E6E6E6; font-family:'OpenSansSemiBold', sans-serif }
.menu li a img { height:24px }
.menu li a:hover { transition:all 0.7s ease; text-decoration:none; background-color:#666; color:#FFF }
.menu li a:hover img { filter:invert(98%) sepia(0%) saturate(0%) hue-rotate(192deg) brightness(110%) contrast(101%) }
.menu li a.ativado { background:#666; color:#FFF }
.menu li a.ativado img { filter:invert(98%) sepia(0%) saturate(0%) hue-rotate(192deg) brightness(110%) contrast(101%) }
.menu li a.ativado:hover { background:#666; color:#FFF; cursor:default }
.menu li a.breve { color:#999 }
.menu li a.breve:hover { color:#999 }
.menu li a.breve img { -webkit-filter:brightness(4); filter:brightness(4) }
.conteudo { float:left; width:calc(100% - 130px) }
table tr td .liberar { filter:invert(57%) sepia(100%) saturate(280%) hue-rotate(71deg) brightness(92%) contrast(90%); background:transparent url(../img/liberar.svg) no-repeat center center; background-size:17px; width:20px; height:20px; font-size:1px; padding:0 }
table tr td .reenviar { filter:invert(40%) sepia(16%) saturate(2756%) hue-rotate(257deg) brightness(98%) contrast(73%); background:transparent url(../img/reenviar.svg) no-repeat center center; background-size:17px; width:20px; height:20px; font-size:1px; padding:0 }
table tr td .cancelar { filter:invert(11%) sepia(100%) saturate(5825%) hue-rotate(345deg) brightness(86%) contrast(107%); background:transparent url(../img/cancelar.svg) no-repeat center center; background-size:20px; width:20px; height:20px; font-size:1px; padding:0 }
table tr td .cancelar2 { filter:invert(33%) sepia(77%) saturate(2297%) hue-rotate(195deg) brightness(84%) contrast(103%); background:transparent url(../img/cancelar.svg) no-repeat center center; background-size:20px; width:20px; height:20px; font-size:1px; padding:0 }
table tr td .desfazer { filter:invert(29%) sepia(59%) saturate(2051%) hue-rotate(342deg) brightness(97%) contrast(87%); background:transparent url(../img/desfazer.svg) no-repeat center center; background-size:17px; width:20px; height:20px; font-size:1px; padding:0 }
table tr td .alterar_transportadora { background:transparent url(../img/romaneio.svg) no-repeat center center; background-size:20px; width:20px; height:20px; font-size:1px; padding:0 }
table tr td input.buscar { background:#E10025 url(../img/buscar.svg) no-repeat center center; font-size:1px; padding:0; background-size:12px; width:24px; height:18px }
table tr td .mini { line-height:12px; font-size:11px; text-align:center; padding:5px 10px }
#pnlNotaFiscalDevolucao tr.azul_destino td { background-color:#c4d4e2 }
div.margens { margin-left:30px; width:calc(100% - 50px) }
div.margens p.obs { font-size:11px; font-style:italic }
table .amarelo, table .vermelho, table .verde, table .verde_claro, table .preto, 
table .azul, table .azul_escuro, table .cinza { width:13px; display:block; height:13px }
span.amarelo { background-color:#eac900 }
span.vermelho { background-color:#E10025 }
span.verde { background-color:#449D44 }
span.verde_claro { background-color:#41fb41 }
span.azul { background-color:#428BCA }
span.cinza { background-color:#666 }
span.preto { background-color:#DDD }
span.azul_escuro { background-color:#1A478C }
input.buscar { background:#1A478C url(../img/buscar.svg) no-repeat center center; background-size:14px; padding:3px 18px; margin:0 }
input.excel  { background:#449D44 url(../img/excel.svg) no-repeat center center; background-size:14px; padding:3px 18px; margin:0 }
div.resumo { position:absolute; top:98px; right:20px; width:250px; background:#E9E9E9; padding-bottom:8px }
div.resumo li { font-size:10px; display:inline-block; height:11px; padding:5px 0 }
div.resumo li:nth-child(1) { width:123px }
div.resumo span, div.resumo_claims span { width:24px; color:#FFF; display:inline-block; margin-left:5px; margin-right:5px; height:20px; text-align:center; font:normal 11px 'OpenSansSemiBold', sans-serif; line-height:20px }
div.resumo_claims { position:absolute; top:90px; right:20px; width:auto; background:#E9E9E9; padding-bottom:3px }
div.resumo_claims li { font-size:10px; display:inline-block; height:auto; padding:5px 10px 5px 5px }
div.claim_historico { position:absolute; width:280px; height:368px; overflow-y:auto; left:580px; top:155px }
div.claim_historico label { margin-left:0 }
div.claim_historico table { margin:0 }
div.claim_historico table td, div.claim_historico table th { font-size:9px; padding:5px 2px }
.check_nao, .check_sim { display:inline-block; width:15px; height:18px; background:url("../img/sim_nao.svg") 0 18px; background-size:18px }
.check_sim { background-position:0 0; background-size:16px }
input.exportar-excel { border:none; background:url(../img/export-excel.svg) no-repeat; filter:invert(31%) sepia(90%) saturate(375%) hue-rotate(96deg) brightness(91%) contrast(87%);  width:48px; height:48px; background-size:48px  }
input.exportar-excel:hover { -webkit-filter: grayscale(1); filter: grayscale(1) }
#CPH_Content_pnlPedidos input.buscar { background-image:none }


/* Filtro */
.filtro { background:#E9E9E9; padding:11px 0; margin:-21px 0 0 30px }
input.adicionar { background:#DD0404 url(../img/adicionar.svg) no-repeat 89px 7px; background-size:16px; font-family:'OpenSansBold'; padding-left:15px; margin:-10px 0 0 20px; padding-right:35px }


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

#pnlNumeroSlip h4, 
#divInformarTodos h4 { font:normal 13px 'OpenSansSemiBold', sans-serif; text-transform:uppercase; padding:7px 10px; margin-bottom:10px }

/* Dashboard */
#formDashboard .topo { background:none; border:none; height:auto; margin:0 }
#formDashboard .topo h1 { margin:-20px 0 0 0 }
#formDashboard .topo h2 { margin:30px 0 0 0 }
#formDashboard img.logo { margin:0 0 0 28%; width:160px }
.dashboard { position:absolute; width:100%; margin-top:110px }
.dashboard ul { text-align:center }
.dashboard ul li { width:30%; margin:0 2.5%; display:block; float:left }
.dashboard ul li { width:28%\0/ }
.dashboard ul li:nth-child(2) { margin:0 }
.dashboard ul li.clear { clear:both; float:none; visibility:hidden }
.dashboard ul li span { display:block; text-shadow:3px 3px #333; text-align:center; color:#F1F2F3; font:normal 120px 'OpenSansBold', sans-serif }
.dashboard ul li strong { display:block; text-align:center; min-height:20px; padding:10px 0; background:#333; color:#FFF; font:normal 18px 'OpenSansBold', sans-serif }
.dashboard p { margin:20px 0 0 2.5%; display:block; padding:0; color:#E10025; font:normal 20px 'OpenSansBold', sans-serif }
.dashboard .invisivel { visibility:hidden }
@-webkit-keyframes blinker { from {opacity: 1.0;} to {opacity: 0.0;} }
.dashboard ul li .blink { text-decoration:blink; -webkit-animation-name:blinker; -webkit-animation-duration:0.5s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction:alternate }


/* POPUP */
.popup_janela { padding:20px }
.popup_janela h2 { font:normal 12px 'OpenSansBold', sans-serif; text-transform:uppercase; background:#CCC; padding:10px; margin:0 0 20px 0 }
.popup_janela label { width:120px; display:inline-block; margin-left:10px }
.popup_janela span { color:#000; font-size:11px; line-height:16px }
.popup_janela input[type="password"] { width:200px; display:inline-block }
.popup_janela input[type="button"] { margin-top:20px; margin-left:10px }
.popup_janela br.clear { line-height:30px }
.popup_janela input[type="button"].btnRomaneio { padding:3px 15px; margin-top:0; margin-left:0 }
.popup_janela input.exportar-excel { position:absolute; right:70px; top:100px }

.popup_janela .abas { margin-top:20px; margin-left:0 }
.popup_janela .aba { margin:-1px 0 0 0; width:100%; border:none }
.popup_janela .aba-conteudo { margin-top:-1px; border:1px solid #CCC; background:#FFF; padding:15px; min-height:250px }

.popup_janela .anexos label { width:auto }
.popup_janela .anexos input[type="button"] { padding:3px 15px; margin-top:0; vertical-align:middle; margin-left:0 }
.popup_janela .anexos .custom-inputfile + label { width:125px !important; padding:3px 7px; vertical-align:middle }

.popup_janela .mensagem_codigo { text-align:center }
.popup_janela .mensagem_codigo input[type="text"] { text-align:center; margin-top:20px }


/* ABAS */
.abas { margin:0 0 0 30px }
.abas li { display:inline-block; vertical-align:top; min-width:150px; text-align:center }
.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 }
.abas li a { padding:10px; text-transform:uppercase; color:#999; display:block; text-decoration:none; height:40px; line-height:40px; background-color:#E0E0E0; border:1px solid #DDD; padding:0 20px; margin-right:2px }
.aba { border:1px solid #DDD; background-color:#FFF; vertical-align:top; margin:-1px 0 20px 30px; width:calc(100% - 50px) }
.aba-conteudo { padding:20px }


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

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

.agendamento-dashboard { float:left; width:350px; min-height:200px; margin-left:40px }
.agendamento-dashboard h4 { background:none; padding:5px 0; color:#000; font:normal 11px/16px 'OpenSansBold', sans-serif }
.agendamento-dashboard table { margin:0 0 10px 0 }
.agendamento-dashboard table tr th { line-height:13px; word-spacing:9999999px }
.agendamento-dashboard table tr td { width:16% }
.agendamento-dashboard table tr td:first-child { width:20% }
.agendamento-dashboard p { font:14px/20px 'OpenSansItalic'; margin:50px 20px 0 20px; text-align:center }


/* LOADING */
.btnCarregando { }
.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;
	}
}