@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');

/* 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 }

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; outline:none }
select, input, textarea { resize:none }
textarea { overflow:auto }
input[type="password"]:focus, input[type="button"]:focus, input[type="submit"]:focus,input[type="number"]: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) }

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

.data_rel{font-size:12px!important;height:10px;margin:0 8px 0 0!important}

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:#000; background:#FFF }
body.fundo { background-color: #d4d6d7; background-image: radial-gradient(center 500px, ellipse closest-side, #fff,#f2f3f4 200px,#d2d4d5 400px); }
body.login { line-height:1; background:#000 url('/img/fundo_swh.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 }
.maiusculo { text-transform:uppercase !important }
.minusculo { text-transform:lowercase !important }
.mb0 { margin-bottom:0 !important }
.mb10 { margin-bottom:10px !important }
.mb20 { margin-bottom:20px !important }
.left { float:left !important }
.right { float:right !important }
.direita { text-align:right !important }
.esquerda { text-align:left !important }
.centro { text-align:center !important }
.mr0 { margin-right:0 !important }
.mr10 { margin-right:10px !important }
.mr20 { margin-right:20px !important }
.ml10 { margin-left:10px !important }
.ml20 { margin-left:20px !important }
.ml50 { margin-left:50px !important }
.mr30 { margin-right:30px !important }
.mr0 { margin-right:0 !important }
.mr5 { margin-right:5px !important }
.mt0 { margin-top:0 !important }
.mt2 { margin-top:2px !important }
.mt5 { margin-top:5px !important }
.mt10 { margin-top:10px !important }
.mt20 { margin-top:20px !important }
.mt30 {	margin-top:30px !important}
.mt-10 { margin-top:-10px !important}
.plr10 { padding-left:10px !important; padding-right:10px !important }

.btnCarregando, .ddlCarregando { }

label { font-size:14px; color:#777; line-height:20px; font-weight:500; display:inline-block; vertical-align:top; margin-top:6px; margin-right:10px }
input[type="text"], input[type="password"], input[type="number"],textarea { font-size:14px; background:#FFF; border:1px solid #BCBEBF; line-height:18px; vertical-align:middle; outline:none; box-shadow:inset 0 0 6px rgba(0, 0, 0, .17); padding:6px 8px; color:#000; display:inline-block; margin-right:20px; margin-bottom:20px }
textarea { vertical-align:top }
input[type="button"], input[type="submit"],input[type="datetime-local"] { color:#FFF; cursor:pointer; text-transform:uppercase; border:1px solid #00397F; background-color:#00397F; vertical-align:middle; font-weight:lighter; font-size:14px; text-align:center; padding:7px 20px; margin-bottom:20px }
@-moz-document url-prefix() { input[type="button"], input[type="submit"] { padding:3px 23px } }
input[type="button"]:hover, input[type="submit"]:hover { background-color:#E10025; border:1px solid #E10025; transition:1s }
input[type="datetime-local" i] { cursor:text; line-height:28px }
.checkbox { width:16px }
.checkbox input[type="checkbox"] { display:none }
.checkbox input[type="checkbox"]+label { background:url("../img/checkbox.png") no-repeat 0 0; cursor:pointer; line-height:16px; margin:0; font-size:1px; color:#333C45; width:16px; height:16px; display:inline-block }
.checkbox input[type="checkbox"]:checked + label { background:url("../img/checkbox.png") no-repeat 0 -16px }
.select { border:1px solid #BCBEBF; background:#FFF; position:relative; display:inline-block; vertical-align:middle; box-shadow:inset 0 0 6px rgba(0, 0, 0, .17); 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; -webkit-appearance:none; font-size:14px; color:#000; padding:6px 8px; line-height:16px }
.select::after { content:""; position:absolute; width:16px; height:16px; top:8px; right:5px; background:url("../img/arrow-select.svg") no-repeat center; filter:invert(73%) sepia(21%) saturate(237%) hue-rotate(165deg) brightness(90%) contrast(86%); background-size:10px; 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:#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 }
input[readonly="readonly"], input[type="text"].aspNetDisabled, 
.select select.aspNetDisabled, input[disabled="disabled"] { background:#F0F0F0; color:#666 }

.mini-form label, .mini-form input[type="text"], .mini-form textarea, .mini-form .select select { font-size:12px }
a.imgchklist img {width: 30px;height: 30px}
a.imgavarias { display:inline-block; width:16px; height:16px; margin-top:-1px; vertical-align:top }
a.imgavarias img {width: 16px;height: 16px; margin:0 !important}

.js .custom-inputfile { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1 }
.custom-inputfile + label { max-width:80%; text-overflow:ellipsis; white-space:nowrap; margin-top:0; line-height:18px; display:inline-block; border:1px solid #BCBEBF; -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .17); box-shadow:inset 0 0 6px rgba(0, 0, 0, .17); border-radius:4px; font-size:14px; overflow:hidden; height:24px; padding:6px 10px 0 10px; color:#000; background-color:#FFF }
.no-js .custom-inputfile + label { display:none }
.custom-inputfile:focus + label, .custom-inputfile.has-focus + label { background-color:#FFF }
.custom-inputfile + label * { /* pointer-events:none; */}
.custom-inputfile + label svg { width:1em; height:1em; vertical-align:middle; fill:currentColor; margin-top:-4px; margin-right:8px }

.checklist-group { display:block; margin:10px 0 0 0 }
.checklist-group label { margin:4px 0 5px 0; font-weight:400; color:#000 }
.checklist-group input[type="checkbox"] { margin:7px 5px 0 0 }


a { color:#E10025; cursor:pointer; text-decoration:none; font-size:12px }
a:hover { color:#999; transition:1s }
input[type="button"].mini, input[type="submit"].mini { font-size:11px; padding:7px 15px }
h3 { border-bottom:1px solid #CCC; padding-bottom:5px; font-weight:500; width:800px }
.fotos_pop { display:none }

table { border-spacing:0px; margin:20px 0; width:100%; border-collapse:collapse }
table thead th,  table tbody th { border:1px solid #FFF; background:#8b9aa7; vertical-align:middle; font-size:11px; font-weight:600; 
padding:10px 5px; color:#FFF; display:table-cell; text-align:center; vertical-align:middle; line-height:14px; text-transform:uppercase }
table tbody td { border:1px solid #FFF; background:#d7e5ef; font-size:11px; font-weight:normal; padding:10px 5px; display:table-cell; color:#000; line-height:14px; text-align:center; vertical-align:middle }
table a { font-size:11px }
table tr:hover td {filter: brightness(92%)}
table.nohover tr:hover td {filter: unset}
table tr td.img0 .veiculo_autorizar {background-image: url("../img/autorizar.svg");background-size: 26px}
table tr .l16p  { width:16% !important; min-width:16% }
table tr .l40  { width:40px !important; min-width:40px }
table tr .l60  { width:60px !important; min-width:60px }
table tr .l30  { width:30px !important; min-width:30px }
table tr .l20  { width:20px !important; min-width:30px }
table tr td.img0 { padding:0; font-size:1px; text-align:center }
table tr th img.colhead_titulo { width:18px; filter:invert(100%) sepia(87%) saturate(0%) hue-rotate(222deg) brightness(107%) contrast(101%) }
table input[type="text"] { margin:5px auto; background:transparent; font-size:11px; padding:5px }
table .select { background:transparent }
table input[type="button"] { margin:0; background:none; border:none; padding:0; height:26px; width:26px; background-repeat:no-repeat; background-position:center center; border-radius:0; font-size:1px }
table input[type="button"]:hover { background-color:transparent; filter:grayscale(50%) }
table input[type="button"].btntxt { border:1px solid #00397F; background:#00397F; font-size:14px; width:auto; height:30px; margin:5px 0 0 2px; padding:0 10px }
table input[type="button"].link { height:auto; width:auto; font-size:11px; color:#0e78f8 }
table input[type="button"].link:hover { text-decoration:none; color:#E10025; filter:unset; border:none }
table tr.sem-resultados td { background:none; color:#000; font-size:16px; font-style:italic }
table tr.sem-resultados td:hover { background:none }
table tr td div.select { margin:0 }
table tr td.img0 input[type="button"]:hover { background-color:transparent; border:none; filter:brightness(3) }
table tr td.img0 .avaria { background-image:url("../img/avaria.svg"); background-size:20px; filter: invert(15%) sepia(94%) saturate(6969%) hue-rotate(346deg) brightness(100%) contrast(114%) }
table tr td.img0 .avaria_conteiner { background-image:url("../img/avaria-cntr.svg"); background-size:20px; filter: invert(15%) sepia(94%) saturate(6969%) hue-rotate(346deg) brightness(100%) contrast(114%) }
table tr td.img0 .bloquear { background-image:url("../img/bloquear.svg"); background-size:20px }
table tr td.img0 .itens {background-image: url("../img/itens.svg");background-size: 20px}
table tr td.img0 .pickings {background-image: url("../img/pickings.svg");background-size: 20px}
table tr td.img0 .hus {background-image: url("../img/buscar.svg");background-size: 20px}
table tr td.img0 .desbloquear { background-image:url("../img/desbloquear.svg"); background-size:20px }
table tr td.img0 .editar { background-image:url("../img/editar.svg"); background-size:20px }
table tr td.img0 .excluir { background-image:url("../img/excluir.svg"); background-size:20px }
table tr td.img0 .reverter { background-image:url("../img/reverter.svg"); background-size:20px }
table tr td.img0 .autorizar { background-image:url("../img/autorizar.svg"); background-size:20px }
table tr td.img0 .emissao_nf_saida {background-image: url("../img/nf.svg");background-size: 20px}
table tr td.img0 .romaneio { background-image:url("../img/romaneio.svg"); background-size:20px; filter:invert(15%) sepia(30%) saturate(6004%) hue-rotate(202deg) brightness(94%) contrast(102%) }
table tr td.img0 .emitir_romaneio { background-image:url("../img/emitir_romaneio.svg"); background-size:20px }
table tr td.img0 .veiculo { background-image:url("../img/carregamento-m.svg"); background-size:20px }
table tbody tr.ja_selecionado td { background:#d7e5ef }

tr.paginacao td table { width:auto; margin:auto }
tr.paginacao td { border:none; padding-top:20px; padding-bottom:0; background:none }
tr.paginacao td table td { padding:0; border:1px solid #FFF; border-collapse:collapse }
tr.paginacao:hover td { filter:brightness(100%) !important }
tr.paginacao td a { font-size:12px; display:block; padding:10px 15px }
tr.paginacao td a:hover { background:#9ba6b1; color:#FFF }
tr.paginacao td span { font-size:11px; font-weight:600; color:#FFF; cursor:default; display:block; padding:10px 15px }

p.total { position:absolute; font-weight:500; color:#E10025 }
table.total tbody tr td { font-weight:500; font-size:12px }
div.total_grid { text-align:right; padding-bottom:5px; font:normal 14px/18px 'OpenSansSemiBoldItalic' }
#CPH_Content_lblSelecionados { text-align:right; height:18px; display:block; font:normal 14px/18px 'OpenSansSemiBoldItalic' }
#CPH_Content_gvAgendamentosMonitoramento tbody tr:last-child td, 
#gvQuadroHorarios tbody tr:last-child td {filter: brightness(92%)}
#CPH_Content_gvAgendamentosMonitoramento tbody tr:last-child td:last-child input { display:none }

.topo { border-top:5px solid #ebebec; height:135px }
.topo img#imgLogoCliente { vertical-align:middle; padding:0 0 0 30px; max-width:150px; max-height:50px }
.topo img.logo { width:127px; vertical-align:middle; border-right:2px solid #AAA; padding:3px 30px 7px 0 }
.topo h1 { position:absolute; color:#383636; margin:20px 20px 0 30px }
.topo h3 { position:absolute; color:#D4313A; border:none; margin:110px 20px 0 30px; font-size:20px; font-weight:bold; text-transform:uppercase }
.topo div.info { border-top:32px solid #ebebec; float:right; border-left:30px solid rgba(0, 0, 0, 0); width:580px }
.topo ul { position:absolute; top:0; right:5px }
.topo ul li { display:inline-block; text-align:center; border-right:2px solid #999; margin:10px 0; color:#000; padding:0 8px 0 4px; font-size:13px }
.topo ul li:last-child { border-right:none }
.topo div.info a { font-weight:500; font-size:13px }


.relatorios { border:1px solid #CCC; padding:10px 15px; position:absolute; right:20px; top:65px }
.relatorios .select { margin:0 }
.relatorios .select select { font-size:12px; padding:3px 4px }
.relatorios .select::after { width:16px; height:16px; top:5px; right:5px; background-size:10px }
.relatorios input[type="button"] { padding:6px 15px; font-size:11px; margin:0 }
.relatorios h2 { color:#252C32; font-weight:500; text-transform:uppercase; font-size:12px; margin:0 }


/* RELATORIO INSPEÇÃO PRAGRAS */
.relatorio-inspecao { width:964px; page-break-after:always; background:#FFF; padding:30px 30px 0 30px }
.relatorio-inspecao * { color:#333; line-height:24px; float:none }
.relatorio-inspecao strong { font-weight:600 }
.relatorio-inspecao .cabecalho p { width:180px; height:100px; float:left; text-align:center; border:1px solid #333; display:block }
.relatorio-inspecao .cabecalho img { vertical-align:middle; width:130px; margin:15px 0 0 0 }
.relatorio-inspecao .cabecalho h1, .relatorio-inspecao .cabecalho h2 { float:left; border:1px solid #333; display:block; text-align:center; color:#000; margin:0; text-transform:uppercase; font-size:20px; line-height:30px; border-left:none; font-weight:600 }
.relatorio-inspecao .cabecalho h1 { width:600px; height:65px; padding-top:35px; }
.relatorio-inspecao .cabecalho h2 { width:180px; height:80px; padding-top:20px }
.relatorio-inspecao h4 { margin:30px 0; font-size:14px; display:block; border:1px solid #333; padding:7px }
.relatorio-inspecao h5 { margin:0; border:1px solid #333; padding:7px; font-size:14px; display:block }
.relatorio-inspecao ul { margin:50px 0 0 0 }
.relatorio-inspecao ul li { width:50%; font-size:14px; display:inline-block; vertical-align:top; text-align:left }
.relatorio-inspecao div.obs { margin:40px 0 }
.relatorio-inspecao div.obs label { font-size:14px; font-style:italic; margin:0 0 5px 0 }
.relatorio-inspecao div.obs p { font-size:14px; min-height:50px; border:1px solid #333; padding:7px; display:block }
.relatorio-inspecao .registros-fotograficos { margin:0; border:1px solid #333; border-top:none; padding:7px }
.relatorio-inspecao .registros-fotograficos p { display:block; margin:0 0 10px 0 }
.relatorio-inspecao .registros-fotograficos p img { max-width:950px; margin:0; vertical-align:top }


.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:bold }
.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:bold; 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-family:Arial, Helvetica, sans-serif; font-weight:bold; 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:bold }
.relatorio-dai table tbody tr:last-child td:last-child { font-weight:bold; 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 }
.relatorio-dai .rodape { font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#FFF; color:#000; position:absolute; width:calc(100% - 60px); margin:0 30px; border-top:1px solid #000; padding-top:5px; left:0; top:1250px; line-height:20px }
.relatorio-dai .rodape span { font-family:Arial, Helvetica, sans-serif; float:right }
.relatorio-dai .rodape span strong { font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase }
.relatorio-dai .rodape span:first-child { float:left }


/* RELATORIO CHECKLIST */
.relatorio-checklist { width:964px; page-break-after:always; position:relative; background:#FFF; padding:30px 30px 0 30px }
.relatorio-checklist strong { font-weight:600 }
.relatorio-checklist .cabecalho p { width:180px; height:100px; float:left; text-align:center; border:1px solid #333; display:block }
.relatorio-checklist .cabecalho img { vertical-align:middle; width:100px; margin:15px 0 0 0 }
.relatorio-checklist .cabecalho h1, .relatorio-checklist .cabecalho h2 { float:left; border:1px solid #333; display:block; text-align:center; color:#000; margin:0; text-transform:uppercase; font-size:20px; border-left:none; font-weight:600 }
.relatorio-checklist .cabecalho h1 { width:780px; height:65px; padding-top:35px; }
.relatorio-checklist ul { margin:20px 0 }
.relatorio-checklist ul li { width:45%; font-size:14px; float:left; text-align:left }
.relatorio-checklist ul li:first-child { width:35% }
.relatorio-checklist ul li:last-child { width:20% }
.relatorio-checklist table, .rel-checklist-fotos table { width:100%; margin-top:20px }
.relatorio-checklist table thead tr th, .rel-checklist-fotos table thead tr th,
.relatorio-checklist table thead tr td, .rel-checklist-fotos table thead tr td,
.relatorio-checklist table tbody tr th, .rel-checklist-fotos table tbody tr th,
.relatorio-checklist table tbody tr td, .rel-checklist-fotos table tbody tr td,
.relatorio-checklist table tr td:nth-child(odd), .rel-checklist-fotos table tr td:nth-child(odd), 
.relatorio-checklist table tr td:nth-child(even), .rel-checklist-fotos table tr td:nth-child(even), 
.relatorio-checklist table tbody tr:last-child td, .rel-checklist-fotos table tbody tr:last-child td,  
.relatorio-checklist table tbody tr:last-child td:last-child, .rel-checklist-fotos table tbody tr:last-child td:last-child
{ background:#FFF; font-size:13px; padding:10px; height:auto; color:#000; vertical-align:top; border:1px solid #333; text-align:center }
.rel-checklist-fotos { page-break-after:always }
.rel-checklist-fotos p { display:inline; width:50%; margin:0; text-align:left }
.rel-checklist-fotos p img { width:49%; margin:0.5% }
.relatorio-checklist .rodape { font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#FFF; color:#000; position:absolute; width:100%; border-top:1px solid #000; padding-top:5px; left:0; top:1450px; line-height:20px }
.relatorio-checklist .rodape h5 { width:50%; display:inline-block; vertical-align:top; text-align:left }
.relatorio-checklist .rodape h6 { width:50%; display:inline-block; vertical-align:top; text-align:right }
.relatorio-checklist .rodape span { margin-left:5px }

.dtpager { background:#FFF }
.dtpager span a, .dtpager span span { border:1px solid #CCC; display:inline-block; border-collapse:collapse; padding:5px 10px; line-height:20px; margin-left:-1px }
.dtpager span a:hover { background:#CCC; color:#333 }
.dtpager span span { background:#428BCA; color:#FFF; cursor:default; font-size:12px }
.dtpager span .aspNetDisabled { color:#CCC; cursor:default }
.dtpager span .aspNetDisabled:hover { background:none; color:#CCC }

.box { background:rgba(255,255,255,0.3); border:1px solid #fff; box-shadow:0 1px 3px rgba(0, 0, 0, .25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .25); width:380px; margin:150px auto 20px auto; padding:15px 23px }
.box h1 { position:relative; border-bottom:1px solid #DEBB42; top:auto; height:auto; width:auto; line-height:1.25; padding:10px 0; font-size:16px; font-weight:bold; color:#000 }
.box2 { background:#E1E2E3 }
.conteudo .login { padding:25px 0 0 0 }
.conteudo .login input[type="text"], .conteudo .login input[type="password"] { margin-right:0; width:220px }
.conteudo .login .select { width:235px }
.conteudo .login input[type="submit"] { margin:5px 0 }
p.logo { text-align:center; position:absolute; width:100%; margin-top:-90px }
p.logo img { width:126px }
p.nome-unidade { position:absolute; width:calc(100% - 350px); text-align:center; color:#BBB; font-size:50px; top:20px; text-transform:uppercase }


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


.aba-container { margin:30px auto 0 auto; width:calc(100% - 40px) }
.aba-container .conteudo-aba { background:#ebebec; border:1px solid #f6f6f6; z-index:1; padding:40px 20px 10px 20px; color:#000 }
.aba-container .abas a { background:#dddedf; height:51px; line-height:49px; width:180px; margin-bottom:-1px; margin-right:1px; transition:1.0s; display:block; float:left }
.aba-container .abas a:hover { background:#ebebec }
.aba-container .abas a.aspNetDisabled:hover { background:#dddedf; cursor:default }
.aba-container .abas a:last-child { width:178px; margin-right:0 }
.aba-container .abas a.ativa { background:#ebebec; width:180px; border:1px solid #f6f6f6; border-bottom:none; margin-bottom:-2px; z-index:2; cursor:default }
.aba-container .abas a.ativa:last-child { width:178px }
.aba-container .abas span { display:block }
.aba-container .abas span strong { display:block; float:left; margin:8px 0 5px 10px; height:30px; width:30px }
.aba-container .abas span strong img { filter:invert(83%) sepia(1%) saturate(429%) hue-rotate(315deg) brightness(100%) contrast(90%); height:25px }
.aba-container .abas a.ativa span strong img, .aba-container .abas a:hover span strong img { filter:invert(16%) sepia(0%) saturate(1129%) hue-rotate(138deg) brightness(90%) contrast(81%) }
.aba-container .abas a.aspNetDisabled span strong img, .aba-container .abas a.aspNetDisabled:hover span strong img { filter:invert(83%) sepia(1%) saturate(429%) hue-rotate(315deg) brightness(100%) contrast(90%) }
.aba-container .abas span em { display:block; float:left; margin:19px 0 10px 3px; color:#999; font-size:14px; line-height:1 }
.aba-container .abas a.ativa span em, .aba-container .abas a:hover em { color:#383636 }
.aba-container .abas a.aspNetDisabled span em, .aba-container .abas a.aspNetDisabled:hover em { color:#999 }
.aba-container .conteudo-aba .dados_leitura { border:1px solid #CCC; width:758px; display:block; float:left; margin-top:20px; padding:7px 0 7px 10px; margin-bottom:10px }
.aba-container .conteudo-aba .dados_leitura .dados label { font-size:12px }
.aba-container .conteudo-aba .dados_leitura .dados input { font-size:12px; padding:2px 5px; margin-bottom:0; margin-right:90px; margin-top:2px }
.aba-container .conteudo-aba table caption { color:#252C32; font-weight:600; text-align:left; margin-top:20px; text-transform:uppercase; font-size:14px }

.aba-container .conteudo-aba .aba-container-pp { margin:-30px auto 20px auto; width:calc(100% - 40px) }
.aba-container .conteudo-aba .aba-container-pp .abas a { background:#d0d0d8; border:none; height:51px; line-height:49px; width:calc(20% - 10px); margin:0 21px -1px -20px; transition:1.0s; display:block; float:left }
.aba-container .conteudo-aba .aba-container-pp .abas a.ativa { background:#dddedf }
.aba-container .conteudo-aba .aba-container-pp .abas span em { margin-left:20px }
.aba-container .conteudo-aba .conteudo-aba { background:#dddedf; border:none; margin-bottom:20px; z-index:1; padding:40px 20px 10px 20px; color:#000 }

.contrato { border:1px solid #CCC; padding:10px; width:400px; font-size:13px; color:#777 }
.contrato strong { font-weight:bold }
.dai { border:1px solid #CCC; padding:10px; width:630px; font-size:13px; color:#777;margin:12px }
.dai strong { font-weight:bold }
.espaco { margin-left:125px }

.box_fieldset, .box_fieldset_esc { border:1px solid #CCC; display:inline-block; padding:20px 20px 0 20px }
.box_fieldset h4 { background:#ebebec; margin:-32px 0 0 -10px; padding:0 20px; display:inline-block; position:absolute }
.box_fieldset_esc h4 { background:#dddedf; margin:-32px 0 0 -10px; padding:0 20px; display:inline-block; position:absolute }

.pedido_quadro_esquerda, .pedido_quadro_direita { display:inline-block; vertical-align:top; width:calc(50% - 10px); margin-right:5px }
.pedido_quadro_direita { margin-left:5px; margin-right:0 }
.pedido_quadro_esquerda fieldset, .pedido_quadro_direita fieldset { border:1px solid #CCC; padding:40px 20px 20px 20px }
.pedido_quadro_esquerda h4, .pedido_quadro_direita h4 { background:#dddedf; margin:-52px 0 0 -10px; padding:0 20px; display:inline-block; position:absolute }

.nfe_info { margin:30px 0 10px 0 }
.nfe_info h4 strong { font-weight:600 }
.nfe_info span { margin:0 20px }


/* RELATORIO RELACRE */
.relatorio-relacre { width:964px; page-break-after:always; background:#FFF; padding:30px 30px 0 30px }
.relatorio-relacre strong { font-weight:600 }
.relatorio-relacre .cabecalho { background:#FFF }
.relatorio-relacre .cabecalho p { width:220px; height:100px; float:left; text-align:center; border:1px solid #333; display:block }
.relatorio-relacre .cabecalho img { vertical-align:middle; width:130px; margin:15px 0 0 0 }
.relatorio-relacre .cabecalho h1, .relatorio-relacre .cabecalho h2 { float:left; border:1px solid #333; display:block; text-align:center; color:#000; margin:0; text-transform:uppercase; font-size:20px; border-left:none; font-weight:600 }
.relatorio-relacre .cabecalho h1 { width:600px; height:65px; padding-top:35px; }
.relatorio-relacre .cabecalho h2 { width:140px; height:80px; padding-top:20px }
.relatorio-relacre h3 { margin:20px 0; font-size:16px; float:none; border:none; font-weight:normal }
.relatorio-relacre h4 { margin:20px 0; font-size:16px; float:left; width:40%; border:none; font-weight:normal }
.relatorio-relacre span { font-size:24px; font-weight:bold; float:none; display:block }
.rel-conf-fotos { background:#FFF }
.rel-conf-fotos p { page-break-after:always; background:#FFF; display:block; margin:160px 0 0 0; text-align:center }


/* POPUP */
body.popup { background:rgba(255,255,255,0.3); border:1px solid #fff; box-shadow:0 1px 3px rgba(0, 0, 0, .25); overflow:hidden }
.popup_janela { padding:60px 20px 0 20px }
.popup_janela h2 { position:absolute; top:1px; left:1px; width:calc(100% - 42px); color:#FFF; font-weight:600; background:#333C45; 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:0 }
.popup_janela table th, .popup_janela table td {  }
.popup_janela .sem-resultados p { margin-top:80px }
.popup_janela fieldset { margin:0 5px }
.popup_janela hr { margin:5px 0 25px 0; padding:0; height:1px; line-height:1px; border:none; border-bottom:1px solid #E0E0E0 }
.popup_janela table tbody td { background:#F0F0F0 }
.popup_janela table tbody td.img0 { text-align:center }
.popup_janela table tbody td.img0 .fotos { background-image:url("../img/fotos.svg"); width:16px; height:16px; margin:0 5px; display:inline-block; vertical-align:middle }
.popup_janela table tbody td.img0 .email { background-image:url("../img/email.svg"); width:16px; height:16px; margin:0 5px; display:inline-block; vertical-align:middle }
.popup_janela .div_avarias { min-height:350px }

.popup_transp_mobile { width:100%; min-height:250px }
.popup_transp_mobile .radios { padding:10px }
.popup_transp_mobile input[type="text"] { height:34px; padding:0 8px; line-height:35px }
.popup_transp_mobile .selecionar {	background-image: url("../img/autorizar.svg");background-repeat: no-repeat;background-position: center;background-size: 24px 24px;width: 32px;height: 32px;border: none;font-size: 0;text-indent: -9999px;overflow: hidden;}
.popup_transp_mobile h2 { background:#333C45; color:#FFF; font-weight:600; text-transform:uppercase; font-size:16px; padding:10px 20px }
.popup_transp_mobile button.btntxt { display:inline-block; background-color: #00397F; border:none; margin:0; height:35px; padding:0 12px; vertical-align:top }
.popup_transp_mobile button.btntxt img { filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(51deg) brightness(110%) contrast(110%); margin-top:4px; height:24px }



/* LOADING */
.loading { position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; background: url(../img/fancybox_overlay.png) }
.cssload-wrap { position:fixed; border:1px solid #CCC; width:270px; height:130px; background-color:#FFF; top:50%; left:50%; opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); margin:-65px 0 0 -135px; z-index:999; text-align:center }
.cssload-wrap p { display:block; text-align:center; font-size:14px; color:#000; padding:30px 0 10px 0 }
.cssload-container { display:inline-block }
.cssload-dots { display:inline-block; position:relative }
.cssload-dots:not(:last-child) { margin-right:12px }
.cssload-dots:before, .cssload-dots:after { content:""; display:inline-block; width:8px; height:8px; border-radius:50%; position:absolute }
.cssload-dots:nth-child(1):before { transform:translateY(-200%); 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 } }