@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
@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 }


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; font-family:'Ubuntu', sans-serif; vertical-align:baseline }
* { font-family:'Ubuntu', sans-serif }
select, input, textarea { outline:none; resize:none }
textarea { overflow:auto }
input[type="password"]:focus, input[type="button"]:focus, input[type="submit"]:focus, 
input[type="text"]:focus, textarea:focus, select:focus { box-shadow:0 0 5px rgba(81, 203, 238, 1); border:1px solid rgba(81, 203, 238, 1) }


.btnCarregando, .ddlCarregando { }
.hidden { display:none !important; visibility:hidden !important }
.msg_erro { color:#C9302C; font-size:13px; margin:10px }
.alert_message { text-align:center; padding:10px 0; min-width:250px }
.alert_message p { font-size:14px; padding:20px 10px; line-height:18px }
.alert_message input[type="button"]#nao, .alert_message input[type="button"]#sim  { display:inline-block; margin:0 10px }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
body { font-size:14px; -webkit-font-smoothing:antialiased; line-height:1.5; color:#58666e; background:#FFF }
body.login { line-height:1; background:#000 url('/img/fundo_teca.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 }
.cap { text-transform:capitalize !important }
.block { display:block !important }
.maiusculo { text-transform:uppercase !important }
.minusculo { text-transform:lowercase !important }
.mb0 { margin-bottom:0 !important }
.mb10 {	margin-bottom:10px !important}
.left { float:left !important }
.right { float:right !important }
.direita { text-align:right !important }
.esquerda { text-align:left !important }
.centro { text-align:center !important }
.mr20 { margin-right:20px !important }
.mr30 { margin-right:30px !important }
.mr0 { margin-right:0 !important }
.ml0 { margin-left:0 !important}
.mt80 { margin-top:80px !important}
.ml20 { margin-left:20px !important}
.p10 { padding-left:10px !important}
.plr10 { padding-left:10px !important; padding-right:10px !important }


label { color:#FFF; line-height:16px; height:16px; display:inline-block; font-weight:500; vertical-align:top; margin-top:6px; margin-right:10px }
input[type="text"], input[type="tel"], input[type="password"], textarea { font-size:12px; background:#3A444F; border:1px solid #191f26; vertical-align:middle; outline:none; box-shadow:inset 0 2px 0 rgba(0, 0, 1, 0.2); border-radius:2px; padding:6px 8px; color:#9AABB9; display:inline-block; margin-right:20px; margin-bottom:20px }
textarea { vertical-align:top }

input[type="button"], input[type="submit"] { color:#FFF; cursor:pointer; text-transform:uppercase; border:1px solid #cb1a2d; background-color:#d5151f; border-radius:12px; vertical-align:middle; line-height:25px; font-weight:600; font-size:11px; text-align:center; padding:0 15px; margin-bottom:20px }
input[type="button"]:hover, input[type="submit"]:hover { background-color:#6a97c8; border-color:#6a97c8 }

.checkbox input[type="checkbox"], .checkbox input[type="radio"] { display:none }
.checkbox input[type="checkbox"]+label, .checkbox input[type="radio"]+label { background:url("../img/checkbox.png") no-repeat 0 0; cursor:pointer; 
																			  line-height:16px; margin:0; display:inline-block }
.checkbox input[type="checkbox"]:checked + label, .checkbox input[type="radio"]:checked + label { background:url("../img/checkbox.png") no-repeat 0 -16px }

.select { position:relative; display:inline-block; vertical-align:middle; box-shadow:inset 0 2px 0 rgba(0, 0, 1, 0.2); border-radius:2px; margin-right:20px; margin-bottom: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; font-size:12px; color:#9AABB9; padding:6px 8px; line-height:12px }
.select::after { content:""; position:absolute; width:16px; height:16px; top:5px; right:5px; background:url("../img/arrow-select.svg") no-repeat center; filter:invert(80%) sepia(4%) saturate(1181%) hue-rotate(165deg) brightness(86%) contrast(82%); background-size:10px; z-index:2; pointer-events:none }
.select option { font-weight:normal }
@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:#9AABB9 } }
@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:#62aed4; cursor:pointer; text-decoration:none; font-size:12px }
a:hover { color:#E10025 }


table { border-spacing:0px; border-collapse:collapse; margin:20px 0; width:100%; border-right:none; border-left:none }
table thead th, table tbody th { border:none; vertical-align:middle; font-size:10px; font-weight:600; 
padding:10px 3px; color:#9ba6b1; display:table-cell; text-align:center; vertical-align:middle; line-height:12px; text-transform:uppercase }
table tbody td { border:none; font-size:10px; font-weight:normal; padding:10px 3px; display:table-cell; color:#FFF; line-height:12px; text-align:center; vertical-align:middle }
table a { font-size:10px }
table tr td:nth-child(odd) { background:none }
table tr:hover td { color:#8C8D90 }
table tr .l16p  { width:16% !important; min-width:16% }
table tr .l30  { width:30px !important; min-width:30px }
table tr .l40  { width:40px !important; min-width:40px }
table tr .l40max  { max-width:40px }
table tr .l90 { width:90px !important; min-width:90px }
table tr .l80 { width:80px !important; min-width:80px }
table tr .l100 { width:100px !important; min-width:100px }
table tr .l120 { width:120px !important; min-width:120px }
table tr .l150 { width:150px !important; min-width:150px }
table tr .l250 { width:250px !important; min-width:250px }
table tr .l310 { width:310px !important; min-width:310px }
table tr td.img0 { padding:0; font-size:1px; text-align:center }
table input[type="text"] { margin:5px auto; font-size:10px; padding:4px 3px; background:transparent }
table .select { background:transparent }
table .select select { font-size:10px; padding:3px; line-height:10px }
table .select::after { top:1px; right:3px; background-size:8px }
table input[type="button"] { margin:0; background:none; border:none; padding:0; height:20px; width:20px; background-repeat:no-repeat; background-position:center center; border-radius:0; font-size:1px }
table input[type="button"]:hover { background-color:transparent; filter:grayscale(100%) }
table tr.sem-resultados td { background:none; color:#FFF; font-size:16px; font-style:italic; border-bottom:none }
table tr.sem-resultados td:hover { background:none }
table tr td.img0 .excluir, table tr td.img0 .executar, table tr td.img0 .cancelar,table tr td.img0 .aprovar, 
table tr td.img0 .recusar, table tr td.img0 .finalizar, table tr td.img0 .pdf, table tr td.img0 .visualizar, 
table tr td.img0 .xml, table tr td.img0 .email 
{ background-size:16px; background-repeat:no-repeat; filter:invert(78%) sepia(13%) saturate(4418%) hue-rotate(171deg) brightness(93%) contrast(78%) }
table tr td.img0 .excluir { background-image:url("../img/excluir.svg") }
table tr td.img0 .visualizar { background-image:url("../img/visualizar.svg") }
table tr td.img0 .executar { background-image:url("../img/executar.svg") }
table tr td.img0 .cancelar { background-image:url("../img/cancelar.svg") }
table tr td.img0 .aprovar { background-image:url("../img/aprovar.svg") }
table tr td.img0 .recusar { background-image:url("../img/recusar.svg") }
table tr td.img0 .finalizar { background-image:url("../img/finalizar.svg") }
table tr td.img0 .email { background-image:url("../img/email.svg") }
table tr td.img0 .pdf { background-image:url("../img/pdf.svg") }
table tr td.img0 .xml { background-image:url("../img/xml.svg") }
table tr td.img0 .xmlr { background-image:url("../img/xml.svg"); background-size:16px; filter:invert(100%) }
table tr td div.select { margin:0 }
table tr td.img0 .excluir:disabled {display:none}

tr.paginacao td table { width:auto; margin:auto }
tr.paginacao td { border-bottom:none; padding-top:30px; padding-bottom:0 }
tr.paginacao td table td { padding:0 }
tr.paginacao:hover td { background:transparent !important }
tr.paginacao td a { font-size:12px; font-weight:600; display:block; background:#191E23; padding:10px 15px }
tr.paginacao td a:hover { background:#9ba6b1; color:#FFF }
tr.paginacao td span { font-size:12px; font-weight:600; color:#FFF; cursor:default; display:block; padding:10px 15px }

ul.ui-menu { background:#3A444F; overflow:auto; border:1px solid #191f26 }
ul.ui-menu li a { display:block }
.ui-helper-hidden-accessible { display:none }
.ui-autocomplete { z-index:3 !important }
.ui-autocomplete .ui-state-focus { background:#62aed4 !important; color:#3A444F !important }


@media (max-width:768px) {
	label { font-size:13px }
	input[type="checkbox"], input[type="radio"] { appearance:none; border-radius:0; border:1px solid #CCC; border-right:none }
	.checkbox { margin:10px 0; display:block }
	.checkbox input[type="checkbox"]+label, .checkbox input[type="radio"]+label { width:calc(100% - 20px); padding-left:25px; font-size:13px; color:#FFF }
	.select { border:1px solid #191f26; background:#3A444F }
	.select option { background:#3A444F }
	input[type="button"].mini, input[type="submit"].mini { font-size:10px; line-height:22px; border-radius:5px; padding:0 7px }

	input[type="text"].aspNetDisabled, .select select.aspNetDisabled, 
	input[disabled="disabled"] { background:#22272c; color:#9AABB9; cursor:default; box-shadow:inset 0 2px 0 rgba(0, 0, 1, 0.2) }

	ul.ui-menu { max-height:200px; width:100% !important; left:0 !important }
	ul.ui-menu li { padding:10px 6px; border-top:1px dotted #CCC; color:#FFF }
	ul.ui-menu li:first-child { border-top:none }

	.box { background:rgba(255,255,255,0.5); border:1px solid #fff; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .25); box-shadow:0 1px 3px rgba(0, 0, 0, .25); margin:30px 20px 0 20px; padding:5px 23px 15px 23px }
	.box h1 { position:relative; border-bottom:1px solid #DEBB42; top:auto; height:auto; width:auto; line-height:1.25; padding:7px 0; font-size:14px; font-weight:bold; color:#000 }
	.box2 { background:#E1E2E3 }
	.conteudo .login input[type="text"], .conteudo .login input[type="password"] { margin-right:0; width:220px }
	.conteudo .login .select { width:240px }
	.conteudo .login input[type="submit"] { margin:30px 0 10px 0 }
	.conteudo .login label { margin-top:30px }
	p.logo { text-align:center; margin:30px 0 }
	p.logo img { width:140px }

	.topo { position:relative; border-top:5px solid #262C33 }
	.topo img.logo { vertical-align:middle; padding:3px 15px 0 0; width:90px }
	.topo h1 { float:left; color:#383636; font-weight:600; font-size:14px; margin:10px 0 0 10px }
	.topo h1 span { color:#262C33; text-align:center; width:90px; display:block }
	.topo div.info { position:absolute; border-top:32px solid #262C33; border-left:30px solid rgba(0, 0, 0, 0); top:0; right:0; width:calc(100% - 130px) }
	.topo ul { text-align:right; margin-top:-30px }
	.topo ul li { display:inline-block; font-weight:500; text-align:right; text-transform:uppercase; margin:0; font-size:12px; color:#FFF; line-height:16px }
	.topo ul li:last-child { border-left:2px solid #707377; padding-left:12px; margin-right:10px; margin-left:0 }
	.topo div.info a { font-weight:500; font-size:12px; color:#62aed4 }
	.topo span.empresa_logada { position:absolute; top:1px; right:0; display:block; padding:5px 10px 5px 0; width:calc(100% - 10px); font-size:11px; font-weight:500; background:#F0F0F0; text-align:right }

	table { margin:0 }
	table thead th, table tbody th { border-top:1px solid #444e58; border-bottom:1px solid #151a1f; padding:7px 3px; background:#323c45 }
	table tbody td { border-bottom:1px dotted #3c4145 }
	table tr td:nth-child(even) { background:#191E23 }
	.total-tabela { font-weight:500; font-size:12px; color:#9AABB9; text-align:right }
	table#CPH_Content_gvInvoice { margin:5px 0 10px 0 }
	table tr td.img0 input[type="button"] { background-size:24px; width:24px; height:24px }

	table.rt-responsive-table { width:100% !important; background:none; border:none; text-transform:none }
	table.rt-responsive-table th { font-weight:bold }
	table.rt-responsive-table td.td_mobile, table.rt-responsive-table th { padding:0; border:1px solid #151a1f; text-align:left }
	table.rt-responsive-table.rt-vertical-table, 
	table.rt-responsive-table.rt-vertical-table thead, 
	table.rt-responsive-table.rt-vertical-table tbody, 
	table.rt-responsive-table.rt-vertical-table th, 
	table.rt-responsive-table.rt-vertical-table td.td_mobile,
	table.rt-responsive-table.rt-vertical-table tr 
	{ display:block; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:#F2F7F3; box-sizing:border-box; float:left; clear:left; width:100% !important }
	table.rt-responsive-table.rt-vertical-table thead tr { position:absolute; top:-9999px; left:-9999px }
	table.rt-responsive-table.rt-vertical-table tbody td.td_mobile div.responsive-container, 
	table.rt-responsive-table.rt-vertical-table tbody th.td_mobile div.responsive-container { float:left; width:calc(70% - 6px) !important; padding:5px 3px; font:11px/1 'OpenSansSemiBold'; color:#333; background:#F2F7F3; letter-spacing:0.35px }
	table.rt-responsive-table.rt-vertical-table tr { border:1px solid #151a1f; margin-bottom:10px }
	table.rt-responsive-table.rt-vertical-table td.td_mobile, 
	table.rt-responsive-table.rt-vertical-table th.td_mobile { border:none; border-bottom:1px solid #DDD; min-height:11px }
	table.rt-responsive-table.rt-vertical-table td.td_mobile:before, 
	table.rt-responsive-table.rt-vertical-table th.td_mobile:before { display:block; width:calc(30% - 6px) !important; min-height:11px; padding:5px 3px; font:normal 11px/1 'OpenSansSemiBold'; color:#0060d7; letter-spacing:0.35px; float:left; word-wrap:break-word }
	table.tab-mobile .l20 { width:100% !important; min-width:unset !important }
	table.rt-responsive-table.rt-vertical-table tr td:last-child { border-bottom:none }
	table.rt-responsive-table.rt-vertical-table tbody td.td_mobile div.responsive-container input[type="radio"] { position:absolute; margin:0 0 0 3px }
	table.rt-responsive-table.rt-vertical-table tbody tr.averbado td.td_mobile div.responsive-container { color:#27A139 }
	table.rt-responsive-table.rt-vertical-table tbody td.td_mobile div.responsive-container .select { height:22px; line-height:22px }
	table.rt-responsive-table.rt-vertical-table tbody td.td_mobile div.responsive-container .select select { padding-top:2px; font:11px/14px 'OpenSansItalic' }
	table.rt-responsive-table.rt-vertical-table tbody td.td_mobile div.responsive-container .select::after { width:10px; height:6px; top:15px }

	.aba_unica h2 { margin:20px auto 20px auto; text-align:center; font-size:16px; font-weight:600; text-transform:uppercase; color:#16355b }
	.aba_unica .abas a { margin:0 -4px 0 0; transition:1.0s; display:inline-block; font-size:12px; line-height:1; letter-spacing:-0.07em; color:#FFF; text-transform:uppercase; vertical-align:top; border-top:3px solid #FFF; background:#343C45; height:45px; padding:0 5px }
	.aba_unica .abas span { display:block }
	.aba_unica .abas span strong { display:inline-block; margin:8px 7px 10px 2px }
	.aba_unica .abas span strong img { width:24px; height:24px; filter:invert(72%) sepia(3%) saturate(5%) hue-rotate(339deg) brightness(91%) contrast(88%) }
	.aba_unica .abas span em { display:inline-block; vertical-align:top; margin:17px 10px 0 0; text-transform:uppercase; font-size:12px; line-height:16px }
	.aba_unica .abas span em i { display:none }
	.aba_unica .abas a.ativa { background:#252C32; border-top:3px solid #E10025 }
	.aba_unica .abas a.ativa img { filter:invert(64%) sepia(23%) saturate(644%) hue-rotate(158deg) brightness(94%) contrast(102%) }

	.aba_unica h2 img { width:24px; height:24px; display:inline-block; vertical-align:middle; filter:invert(64%) sepia(23%) saturate(644%) hue-rotate(158deg) brightness(94%) contrast(102%) }
	.aba_unica span#lblTempoRestante { color:#AAA; text-align:right; position:absolute; right:10px; margin-top:-25px; font-style:italic }
	.aba_unica h3 { font-size:14px; text-transform:uppercase; color:#62aed4; margin-bottom:20px }

	.aba_unica .conteudo-aba { background:#252C32; padding:30px 10px 20px 10px; margin-top:-2px }
	.aba_unica .conteudo-aba label { width:140px; margin-right:0 }
	.aba_unica .conteudo-aba input[type="text"], .aba_unica .conteudo-aba input[type="tel"], 
	.aba_unica .conteudo-aba textarea { width:calc(100% - 163px); margin-right:0 }
	.aba_unica .conteudo-aba .select { width:calc(100% - 148px); margin-right:0 }
	.aba_unica .conteudo-aba label.w100p, 
	.aba_unica .conteudo-aba input.w100p, .aba_unica .conteudo-aba textarea.w100p { width:calc(100% - 19px); margin-top:5px; display:block }
	.aba_unica .conteudo-aba .select.w100p { width:calc(100% - 2px); margin-top:5px; display:block }
	.aba_unica .invoices { border-top:1px solid #666; border-bottom:1px solid #666; padding:20px 0; margin:20px 0 }
	.aba_unica .arquivos { border-bottom:1px solid #666; padding:0 0 20px 0; margin:20px 0 }
	.aba_unica .custom-inputfile + label { width:calc(50% - 29px); margin:0 0 20px 0 }
	.aba_unica #CPH_Content_lblAWB, .aba_unica #CPH_Content_lblOutros { margin-left:10px }
	.aba_unica .imo_icones { display:block; vertical-align:top; padding-bottom:20px }
	.aba_unica .imo_icones label { display:inline-block; vertical-align:top; width:33.33333333333333%; margin:10px 0; height:100px; text-indent:-9999px }
	.aba_unica .imo_icones input[type="radio"], .aba_unica .imo_icones br { display:none }
	.aba_unica .imo_icones input[type="radio"] + label { background-repeat:no-repeat; background-color:transparent; background-position:center center; background-size:contain }
	.aba_unica .imo_icones input[type="radio"]:checked + label { background-color:#3A444F }
}

@media (min-width:769px) {
	label { font-size:12px }
	.maritimo input[type="text"], .maritimo input[type="password"], .maritimo textarea { background:#16355b; border:1px solid #112644 }
	.checkbox { width:16px }
	.checkbox input[type="checkbox"]+label { font-size:1px; color:#333C45; width:16px; height:16px }
	input[type="button"].mini, input[type="submit"].mini { font-size:10px; line-height:22px; padding:0 10px }

	.aereo .select { border:1px solid #191f26; background:#3A444F }
	.maritimo .select { border:1px solid #112644; background:#16355b }
	.aereo .select option { background:#3A444F }
	.maritimo .select option { background:#16355b }

	.aereo input[type="text"].aspNetDisabled, .aereo .select select.aspNetDisabled, .aereo input[disabled="disabled"] { background:#22272c }
	.maritimo input[type="text"].aspNetDisabled, .maritimo .select select.aspNetDisabled, .maritimo input[disabled="disabled"] { background:#15314D }
	input[type="text"].aspNetDisabled, .select select.aspNetDisabled, input[disabled="disabled"] { color:#9AABB9; cursor:default; box-shadow:inset 0 2px 0 rgba(0, 0, 1, 0.2) }

	ul.ui-menu { max-height:120px; width:147px }
	ul.ui-menu li a { padding:6px; color:#9AABB9 }
	ul.ui-menu li a:hover { cursor:pointer; text-decoration:none }
	ul.ui-menu li:hover, ul.ui-menu li:hover a { background:#62aed4; color:#3A444F }

	.aereo table thead th, .aereo  table tbody th { border-top:1px solid #444e58; border-bottom:1px solid #151a1f; background:#323c45 }
	.maritimo table thead th, .maritimo  table tbody th { border-top:1px solid #265487; border-bottom:1px solid #0F233C; background:#1D456D }
	.aereo table tbody td { border-bottom:1px dotted #3c4145 }
	.maritimo table tbody td { border-bottom:1px dotted #224A72 }
	.aereo table tr td:nth-child(even) { background:#191E23 }
	.maritimo table tr td:nth-child(even) { background:#112741 }
	.aereo table tr:hover td { background:#0C0E10 }
	.maritimo table tr:hover td { background:#0B1A28 }
	
	.box { border:1px solid #dee5e7; border-radius:10px; box-shadow:0 1px 1px rgba(0, 0, 0, .05); width:380px; margin:150px auto 20px auto; background-image:linear-gradient(#434c55, #232C35) }
	.comissarias { width:700px; margin-top:0 }
	.box h1 { position:relative; background:#12161A; text-align:left; top:auto; border-color:#edf1f2; height:auto; width:auto; padding:12px 17px; line-height:1.4; font-size:14px; border-radius:10px 10px 0 0; font-weight:700; color:#FFF }
	.conteudo .login { padding:25px 0 0 30px }
	.conteudo .login input[type="submit"] { margin:5px 0 }
	p.logo { text-align:center; position:absolute; width:100%; margin-top:-70px }
	p.logo img { width:116px }

	.topo { height:135px }
	.topo img.logo { margin:20px 0 0 0; width:106px }
	.topo h1 { position:absolute; font-weight:600; font-size:22px; margin:0 20px 0 30px }
	.topo h1 a { background-repeat:no-repeat; display:inline-block; vertical-align:top; margin:6px 20px 0 0; width:22px; height:24px; filter:invert(11%) sepia(76%) saturate(6349%) hue-rotate(353deg) brightness(92%) contrast(100%) }
	.topo div.info { float:right; border-left:30px solid rgba(0, 0, 0, 0); width:450px }
	.topo ul { position:absolute; top:0; right:10px }
	.topo ul li { display:inline-block; text-align:center; border-right:1px solid #FFF; margin:10px 0; color:#FFF; padding:0 10px; font-size:13px }
	.topo ul li:last-child { border-right:none }
	.topo ul li a { font-weight:500; font-size:13px }
	.aereo .topo { border-top:5px solid #262C33 }
	.maritimo .topo { border-top:5px solid #183256 }
	.aereo .topo h1 { color:#262C33 }
	.maritimo .topo h1 { color:#183256 }
	.aereo h1 a { background-image:url(../img/aviao.svg) }
	.maritimo h1 a { background-image:url(../img/navio.svg) }
	.aereo .topo div.info {border-top:32px solid #262C33 }
	.maritimo .topo div.info {border-top:32px solid #183256 }

	.aereo .aba-container { background:#252C32 }
	.maritimo .aba-container { background:#0e2c4a }
	.aba-container { margin:0 auto; width:calc(100% - 40px) }
	.aereo .aba-container .abas a { background:#343C45; width:calc(12.5% - 2px); }
	.maritimo .aba-container .abas a { background:#354d6c; width:calc(12.5% - 2px); }
	.aba-container .abas a { text-transform:uppercase; transition:1.0s; margin:0 1px; color:#707377; display:block; float:left }
	.aereo .aba-container .abas a.ativa { background:#252C32 }
	.maritimo .aba-container .abas a.ativa { background:#0e2c4a }
	.aba-container .abas a.ativa { border-top:3px solid #E10025; cursor:default; margin-top:-3px }
	.aba-container .abas span { display:block }
	.aba-container .abas span strong { display:block; float:left; margin:10px 0 5px 10px; height:30px; width:30px }
	.aba-container .abas span strong img { filter:invert(72%) sepia(3%) saturate(5%) hue-rotate(339deg) brightness(91%) contrast(88%); width:32px; height:32px }
	.aba-container .abas span em { display:block; float:left; margin:10px 0 10px 10px; letter-spacing:-0.07em; text-transform:uppercase; font-size:12px; line-height:16px }
	.aba-container .abas span em i { display:block }
	.aba-container .abas a.ativa span { color:#FFF }
	.aereo .aba-container .abas a:hover { background:#252C32 }
	.maritimo .aba-container .abas a:hover { background:#0e2c4a }
	.aba-container .abas a:hover { color:#FFF }
	.aba-container .abas a:hover img, .aba-container .abas a.ativa img { width:32px; height:32px; filter:invert(64%) sepia(23%) saturate(644%) hue-rotate(158deg) brightness(94%) contrast(102%); }
	.aba-container .conteudo-aba { padding:40px 20px 10px 20px; color:#FFF }
	.aba-container .conteudo-aba h2 { font-size:14px; text-transform:uppercase; color:#62aed4 }
	.aba-container .conteudo-aba hr { font-size:1px; height:1px; border:none; color:#999; background:#999 }
	.aba-container .conteudo-aba .agrupa { border:1px solid #6a97c8; padding:25px 0 5px 17px; display:inline-block }

	.topo span.empresa_logada { position:absolute; top:38px; right:0; display:block; padding:5px 10px 5px 0; width:440px; font-size:11px; font-weight:500; background:#F0F0F0; text-align:right }
	.aereo .aba_unica .aba-container { background:#FFF }
	.aereo .aba_unica .aba-container .abas a { width:calc(15% - 2px); margin:0 -4px 0 0; float:none; display:inline-block }
	.aba_unica .aba-container .conteudo-aba { background:#252C32; margin-top:-6px }
	.aba_unica span#lblTempoRestante { color:#666; text-align:right; position:absolute; left:calc(30% + 10px); margin-top:-25px; font-style:italic }
	.aba_unica h2 { position:absolute; right:480px; top:12px; font-size:16px; font-weight:600; text-transform:uppercase; color:#16355b }
	.aba_unica h3 { font-size:14px; text-transform:uppercase; color:#62aed4; margin-bottom:20px }
	.aba_unica .conteudo-aba label { width:140px; margin-right:0 }
	.aba_unica .conteudo-aba input[type="text"], .aba_unica .conteudo-aba input[type="tel"], 
	.aba_unica .conteudo-aba textarea { width:calc(50% - 163px); margin-right:0 }
	.aba_unica .conteudo-aba .select { width:calc(50% - 148px); margin-right:0 }
	.aba_unica .conteudo-aba label.w100p, 
	.aba_unica .conteudo-aba input.w100p, .aba_unica .conteudo-aba textarea.w100p { width:calc(50% - 19px); margin-top:5px; display:block }
	.aba_unica .conteudo-aba .select.w100p { width:calc(50% - 2px); margin-top:5px; display:block }
	.aba_unica .invoices { border-top:1px solid #666; border-bottom:1px solid #666; padding:20px 0; margin:20px 0 }
	.aba_unica .arquivos { border-bottom:1px solid #666; padding:0 0 20px 0; margin:20px 0 }
	.aba_unica .custom-inputfile + label { width:calc(25% - 29px); margin:0 6px 20px 0 }
	.aba_unica #CPH_Content_lblOutros { margin-right:0 }
	.aba_unica .imo_icones { display:block; vertical-align:top; padding-bottom:20px }
	.aba_unica .imo_icones label { display:inline-block; cursor:pointer; vertical-align:top; width:25%; margin:10px 0; height:100px; text-indent:-9999px }
	.aba_unica .imo_icones input[type="radio"], .aba_unica .imo_icones br { display:none }
	.aba_unica .imo_icones input[type="radio"] + label { background-repeat:no-repeat; background-color:transparent; background-position:center center; background-size:contain }
	.aba_unica .imo_icones input[type="radio"]:checked + label { background-color:#3A444F }
	.aba_unica .checkbox input[type="checkbox"]+label, .checkbox input[type="radio"]+label { width:calc(100% - 20px); padding-left:25px; font-size:13px; color:#FFF }
	
	.aba_unica #CPH_Content_lblImportadores { width:140px; margin-top:0; display:inline-block }
	.aba_unica #CPH_Content_pnlImportadores { width:calc(50% - 148px); margin-top:0; display:inline-block }

	.aereo table.avisos { max-width:1134px }
	.aereo table.avisos thead tr th, .aereo table.avisos tbody tr td { padding:5px }

	.maritimo table.avisos { max-width:891px }
	.maritimo table.avisos thead tr th, .maritimo table.avisos tbody tr td { padding:5px; font-size:10px }
	.maritimo table.avisos thead tr th, .maritimo table.avisos tbody tr td { padding:5px; font-size:10px }
	.maritimo table.avisos tr td.img0 .excluir { background-size:11px }

	.ddlClassificacao { text-transform:capitalize !important }

	.relatorios { position:absolute; right:20px; top:65px }
	.relatorios .select, .relatorios input { margin:0 }
	.relatorios .select select { padding:6px 8px 5px 8px }
	.relatorios h2 { color:#252C32; font-weight:500; text-transform:uppercase; font-size:13px; margin:0 }
	.relatorios .br { border-right:1px solid #CCC; padding-right:25px }
}

body.popup { background:#232C35; border:1px solid #333; overflow:hidden }
.popup_janela { padding:60px 20px 0 20px }
.popup_janela h2 { position:absolute; top:1px; left:1px; width:calc(100% - 42px); color:#9AABB9; font-weight:600; background:#000; text-transform:uppercase; font-size:16px; padding:10px 20px }
.popup_janela p { font-size:11px; margin:5px 0; line-height:18px }
.popup_janela table { margin-top:0 }
.popup_janela table th, .popup_janela table td { font-size:11px; padding:5px 7px }
.popup_janela .sem-resultados p { margin-top:80px }
.popup_janela p.label { font-size:12px; font-weight:600; line-height:18px; height:18px; margin:15px 0 5px 0; display:block }
.popup_janela fieldset { margin:0 5px }
.popup_alert { text-align:center; padding:20px 20px 10px 20px; width:300px; background:#FFF }
.popup_alert p { font-size:14px; padding:20px 40px; line-height:18px }
.popup_alert input[type="button"] { margin-right:10px }

.actionbutton {	background-color:transparent !important;border:none !important;border-radius:0 !important;padding-right:20px !important;
					margin:0 !important;background-repeat:no-repeat;background-size:32px;
					filter:invert(78%) sepia(13%) saturate(4418%) hue-rotate(171deg) brightness(93%) contrast(78%)}

.absap {background-image:url("../img/logo_sap.svg") }
.abexcel {background-image:url("../img/logo_excel.svg") }

.ui-tooltip, .arrow:after { border:1px solid white; background:#FFF }
.ui-tooltip { padding:0 10px; color:#3A444F; box-shadow:0 0 7px black; width:150px; font-size:0.77em }
.tooltip { display:block; cursor:pointer }
.tooltip-text { margin:10px 0 }
.tooltip-text span { font-weight:600 }

.relatorio-cabecalho { background:#FFF; padding:30px 30px 0 30px }
.relatorio-cabecalho h1 { font:bold 22px Arial, Helvetica, sans-serif; vertical-align:middle; display:inline-block; color:#000; margin:0 0 0 30px }
.relatorio-cabecalho img { vertical-align:middle; height:65px; display:inline-block; width:106px }
.relatorio-cabecalho img.maior { width:150px }
.relatorio-cabecalho img.menor { width:90px	}
.relatorio-cabecalho2 { background:#FFF; padding:30px 30px 0 30px }
.relatorio-cabecalho2 h1 { font-family:Arial, Helvetica, sans-serif; display:inline-block; color:#000 }
.relatorio-cabecalho2 p { font-family:Arial, Helvetica, sans-serif; display:inline-block; color:#000; width:33.33333333333% }
.relatorio-cabecalho2 span { font-family:Arial, Helvetica, sans-serif; margin:0 20px; color:#000 }
.relatorio-cabecalho2 .esquerda { float:left }
.relatorio-cabecalho2 .direita { float:right }

.relatorios-print { background:#FFF; width:1070px; padding:0 0 30px 30px }
.relatorios-print table { width:100% }
.relatorios-print table td, .relatorios-print table th,
.relatorios-print table tr td:nth-child(odd),
.relatorios-print table tr td:nth-child(even) { font-family:Arial, Helvetica, sans-serif; background:#FFF; font-size:10px; padding:3px 5px; color:#000; border:1px solid #000 }
.relatorios-print table tbody tr:last-child td { background:#E0E0E0; font-weight:bold }
.relatorios-print table thead th { background:#E0E0E0 }

.relatorio-dai { background:#FFF; padding:50px 30px 0 30px }
.relatorio-dai img { vertical-align:middle; display:inline-block; width:150px }
.relatorio-dai h1 { font-family:Arial, Helvetica, sans-serif; vertical-align:middle; display:inline-block; color:#000; margin:0 0 0 200px; font-size:18px; font-weight:600 }
.relatorio-dai .data-extenso, .relatorio-dai .destinatario { font-size:16px; color:#000; margin:50px 0 0 0; line-height:20px }
.relatorio-dai .destinatario { font-family:Arial, Helvetica, sans-serif; margin:60px 0 0 0 }
.relatorio-dai .destinatario strong { font-family:Arial, Helvetica, sans-serif; font-weight:600; text-transform:uppercase } 
.relatorio-dai table { width:100% }
.relatorio-dai table thead tr th, .relatorio-dai table thead tr td,
.relatorio-dai table tbody tr th, .relatorio-dai table tbody tr td,
.relatorio-dai table tr td:nth-child(odd), .relatorio-dai table tr td:nth-child(even),
.relatorio-dai table tbody tr:last-child td, .relatorio-dai table tbody tr:last-child td:last-child  
{ background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:10px; height:auto; color:#000; vertical-align:top; border:1px solid #000; text-align:left }
.relatorio-dai table tbody tr td p strong { font-weight:600; text-transform:uppercase }
.relatorio-dai table tbody tr td p { font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:20px 0; line-height:20px }
.relatorio-dai table tbody tr td p:first-child { margin-top:0 }
.relatorio-dai table tbody tr td p.dai_awb span { font-size:16px; display:inline-block; color:#000; width:70px }
.relatorio-dai table tbody tr td p.dai_awb span.tipo_pagamento { width:190px }
.relatorio-dai table tbody tr td p.dai_awb span.tipo_pagamento { width:190px }
.relatorio-dai table tbody tr td p.dai_awb strong { width:120px; display:inline-block; font-weight:600 }
.relatorio-dai table tbody tr:last-child td:last-child { font-weight:600; text-align:right; vertical-align:bottom; padding-bottom:30px }
.relatorio-dai .assinatura { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; margin:150px 0 0 0; line-height:20px }
.relatorio-dai .assinatura span { font-family:Arial, Helvetica, sans-serif; font-size:16px; display:block; color:#000; width:400px; margin:0 0 10px 0; border-bottom:2px solid #000; line-height:20px }
.rodape { font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#FFF; color:#000; width:calc(100% - 60px); margin:30px 30px 0 30px; border-top:1px solid #000; padding-top:5px; line-height:20px }
.rodape span { font-family:Arial, Helvetica, sans-serif; float:right }
.rodape span strong { font-weight:600; text-transform:uppercase }
.rodape span:first-child { float:left }

.rel_custos table tbody tr:last-child td:last-child { background:#999; color:#999 }
.rel_custos .rel-tbl60 { float:left; width:calc(60% - 30px); margin-right:30px }
.rel_custos .rel-tbl40 { float:left; width:40% }

.rel_remocao_mensal .rel-tbl60 { float:left; width:60% }
.rel_remocao_mensal .rel-tbl40 { float:left; width:calc(40% - 60px); margin-right:60px }
.rel_remocao_mensal .altura { height:160px }

.rel_DAI { width:1050px }
.rel_periodo table { margin:10px 0 5px 0 }
.rel_periodo table tbody tr:last-child td:last-child { background:#FFF; color:#000 }
.rel_periodo table tbody tr:last-child td { background:#FFF; font-weight:normal }
.rel_periodo table tbody tr td.cinza { background:#E0E0E0 !important }
.rel_periodo .rel-tbl45 { float:left; width:calc(45% - 30px); margin-right:30px }
.rel_periodo .rel-tbl55 { float:left; width:55% }
.rel_periodo .grafico { width:570px; height:199px; margin-top:10px; border:1px solid #000 }
.rel_periodo .rel-tbl50l { float:left; width:50% }
.rel_periodo .rel-tbl33l { float:left; width:33.333333334% }
.rel_periodo .rel-tbl33l .grafico { width:348px; height:199px; border:1px solid #000 }
.rel_periodo .rel-tbl50l .grafico, .rel_periodo .rel-tbl50r .grafico { width:522px; height:199px; border:1px solid #000 }
.rel_periodo .rel-tbl50r { float:right; width:calc(50% - 10px); margin-left:10px }

.rel_reembolso { width:963px; padding-right:30px }
.rel_reembolso table { margin-top:0 }
.rel_reembolso table tbody tr:last-child td:last-child { background:#FFF; color:#000 }
.rel_reembolso table tbody tr:last-child td { font-family:Arial, Helvetica, sans-serif; background:#FFF; font-weight:normal }
.rel_reembolso table.invisivel tbody tr td, .rel_reembolso table.invisivel tbody tr:last-child td { vertical-align:top; border:none; background:none; font-weight:normal }
.rel_reembolso table.invisivel hr { height:1px; line-height:1px; margin:50px 0 0 0; border:none; border-top:1px solid #000 }

.rel_perda_capatazia { width:90%; padding-right:30px }
.rel_perda_capatazia table { margin-top:0 }
.rel_perda_capatazia table tbody tr:last-child td:last-child { background:#FFF; color:#000 }
.rel_perda_capatazia table tbody tr:last-child td { font-family:Arial, Helvetica, sans-serif; background:#FFF; font-weight:normal }
.rel_perda_capatazia table.invisivel tbody tr td, .rel_perda_capatazia table.invisivel tbody tr:last-child td { vertical-align:top; border:none; background:none; font-weight:normal }
.rel_perda_capatazia table.invisivel hr { height:1px; line-height:1px; margin:50px 0 0 0; border:none; border-top:1px solid #000 }

.rel_agendamento table { margin:10px 0 5px 0; page-break-inside:avoid }
.rel_agendamento table tbody tr:last-child td:last-child { font-family:Arial, Helvetica, sans-serif; background:#FFF; color:#000 }
.rel_agendamento table tbody tr:last-child td { font-family:Arial, Helvetica, sans-serif; background:#FFF; font-weight:normal }
.rel_agendamento tr { page-break-inside:avoid; page-break-after:auto }
.rel_agendamento thead { display:table-header-group }

.js .custom-inputfile { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1 }
.custom-inputfile + label { text-overflow:ellipsis; text-align:left; white-space:nowrap; margin:0; height:27px; display:inline-block; font-size:12px; line-height:27px; 
							box-shadow:inset 0 2px 0 rgba(0, 0, 1, 0.2); color:#9AABB9; background:#3A444F; border:1px solid #191f26; overflow:hidden; padding:0 10px;
							border-radius:2px }
.no-js .custom-inputfile + label { display:none }
.custom-inputfile:focus + label, .custom-inputfile.has-focus + label { background-color:#F0F0F0 }
.custom-inputfile + label span { font-size:12px; line-height:27px }
.custom-inputfile + label svg { width:20px; fill:#9AABB9; vertical-align:top; margin:5px 7px 0 0 }


/* 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; margin:-65px 0 0 -135px; z-index:999; text-align:center }
.cssload-wrap p { display:block; text-align:center; font-size:14px; color:#000; padding:30px 0 10px 0 }
.cssload-container { display:inline-block }
.cssload-dots { display:inline-block; position:relative }
.cssload-dots:not(:last-child) { margin-right:12px }
.cssload-dots:before, .cssload-dots:after { content:""; display:inline-block; width:8px; height:8px; border-radius:50%; position:absolute }
.cssload-dots:nth-child(1):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-1.04s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(1):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-1.04s; background-color:rgba(0,57,127,0.97) }
.cssload-dots:nth-child(2):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-2.07s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(2):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-2.07s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(3):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-3.11s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(3):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-3.11s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(4):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-4.14s; background-color:rgba(225,0,37,0.98) }
.cssload-dots:nth-child(4):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-4.14s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(5):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-5.18s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(5):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-5.18s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(6):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-6.21s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(6):after { transform:translateY(200%);  animation:cssload-animAfter 1.15s linear infinite; animation-delay:-6.21s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(7):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-7.25s; background-color:rgba(225,0,37,0.98) }
.cssload-dots:nth-child(7):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-7.25s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(8):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-8.28s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(8):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-8.28s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(9):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-9.32s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(9):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-9.32s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(10):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-10.35s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(10):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; 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 }
}
@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 }
}