:root { --mobHalf: 165px; --mobFull: 370px; }

@media print {
	.pageBreakBefore { page-break-before: always; }
	.pageBreakAfter { page-break-after: always; }
}

body { margin: 0; padding: 0; font-family: Tahoma; font-size: 10pt; }

a, a:visited { text-decoration: none; color: #385; }
a:hover { color: #7c9; }

summary { cursor: pointer; }
.summary { padding: 5pt; color: #385; }
header { padding: 5pt; background: #eee; border-bottom: 1px solid #ccc; }

nav { background: #dfe; padding: 5pt; border-bottom: 1px solid #bdc; }
.navOptions { display: flex; flex-wrap: wrap; gap: 5pt; }
.navOption { padding: 2pt 4pt; border-radius: 3pt;
	border: 1px solid #cca; background: #eeb; }
.navOption a { color: #550; }
.navOption:active { border: 1px solid #aa8; background: #bb9; }

#headerBar { background: #eee; padding: 3pt; display: flex; flex-wrap: wrap;
	gap: 5pt; border-bottom: 1px solid #ccc; }
#headerBar .hbInput { border: 1px solid #aaa; border-radius: 2pt;
	padding: 3pt; font-size: 9pt; background: #fff; }
#headerBar .hbButton { background-image: linear-gradient( #fff, #ccc );
	padding: 2pt 4pt; border: 1px outset #aaa; border-radius: 3pt;
	cursor: pointer; font-size: 9pt; margin-left: 3pt; }
#headerBar .hbButton:active { background-image: linear-gradient( #ccc,
	#fff ); }

main { padding: 10pt; margin-bottom: 10pt; background: #fff; }

footer { padding: 10pt; padding-bottom: 10pt; background: #f0f0f0;
	color: #888; border-top: 1px solid #ccc; }

h1 { margin: 0; margin-bottom: 10pt; font-size: 16pt; }
h2 { margin: 0; margin-bottom: 10pt; font-size: 14pt; color: #555; }
h3 { margin: 0; margin-bottom: 8pt; font-size: 11pt; color: #555;
	font-weight: bold; }
summary { display: inline-flex; background: #eee; border: 1px solid #ddd;
	border-radius: 3pt; padding: 3pt 4pt; }
details > summary::before { content: '▼'; margin-right: 3pt; }
details[open] > summary::before { content: '▲'; margin-right: 3pt; }

input, select { border: 1px solid #888; border-radius: 3pt; padding: 3pt; }
input[type=text] { padding: 4pt; }
input[type=date] { width: 100px; }
input[type=time] { width: 80px; }
button { background-image: linear-gradient( #fff, #ccc );
	padding: 2pt 4pt; border: 1px outset #aaa; border-radius: 3pt;
	cursor: pointer; height: 28px; }
button:active { background-image: linear-gradient( #ccc, #fff ); }
input[type=image] { background-image: linear-gradient( #fff, #ccc );
	padding: 2pt 4pt; border: 1px outset #aaa; border-radius: 3pt;
	cursor: pointer; height: 20px; }
.inputChanged { background: #def; }
.inputWrapper { padding: 1pt; }
.inputLabel { padding-bottom: 1pt; color: #888; }
.inputDiv { padding: 1pt; }
.inputGroup { display: flex; flex-wrap: wrap; gap: 5; max-width: var(--mobFull);
	border: 1px solid #eee; border-radius: 5pt; padding: 5pt; margin-bottom: 5pt; }
.inputSubGroup { display: flex; flex-wrap: wrap; gap: 5; }
.inputGroupProdutos { border: 1px solid #eee; border-radius: 5pt;
	padding: 5pt; margin-bottom: 5pt; }
.inputsProdutosWrapper { display: flex; flex-wrap: wrap; gap: 10pt; }
.inputsProdutoWrapper { border: 1px solid #eee; padding: 5pt;
	border-radius: 3pt; }
.inputsProdutoGroup { display: flex; flex-wrap: wrap; gap: 5pt;
	margin-bottom: 5pt; }
.inputsVolumesWrapper { display: flex; flex-wrap: wrap; gap: 10pt; }
.inputsVolumeWrapper { border: 1px solid #eee; padding: 5pt;
	border-radius: 3pt; }
.inputsVolumeGroup { display: flex; flex-wrap: wrap; gap: 5pt;
	margin-bottom: 5pt; }
input[type=button], input[type=submit] {
	background-image: linear-gradient( #fff, #ccc ); padding: 4pt 6pt;
	border: 1px outset #aaa; border-left: 3pt solid #385;
	border-radius: 3pt; cursor: pointer; }
input[type=button]:active, input[type=submit]:active {
	background-image: linear-gradient( #ccc, #fff ); }
.buttonPrimary { background-image: linear-gradient( #ffc, #dca );
	border-left: 1pt solid #a83; }

.amarelo { background: #ffa; padding: 2pt 5pt; border-radius: 5pt;
	border: 1px solid #cc5; margin-bottom: 2pt; }
.aviso { background: #eee; border-radius: 5pt; padding: 5pt;
	border: 1px solid #ccc; width: 160px; border-left: 10px solid #aaa; }
.avisoFrete { border-left: 10px solid #5a5; }
.avisoFone { border-left: 10px solid #cc5; }
.avisoCusto { border-left: 10px solid #a55; }
.avisoSituacao { border-left: 10px solid #55a; }
.bold { font-weight: bold; }
.center { text-align: center; }
.entregasItem { width: 170px; border-radius: 5pt; border: 1px solid #89a;
	padding: 5pt; background: #eee; margin-bottom: 10pt; }
.borderTopWood { border-top: 10px solid #5a5; }
.borderTopHome { border-top: 10px solid #8bd; }
input.buttonSave { height: 28px; padding: 2pt 10pt; }
input.buttonSave:active { background-image: linear-gradient( #ccc, #fff ); }
.estoque { background: #eee; padding: 5pt; margin: 5pt;
	border-radius: 5pt; border: 1px solid #aaa; }
.estoqueOk { border-left: 10px solid #5a5; }
.estoqueBaixo { border-left: 10px solid #cc5; }
.estoqueProblema { border-left: 10px solid #a55; }
.estoqueZero { border-left: 10px solid #888; }
.f6 { font-size: 6pt; }
.f8 { font-size: 8pt; } .f9 { font-size: 9pt; } .f10 { font-size: 10pt; }
.f11 { font-size: 11pt; } .f12 { font-size: 12pt; } .f13 { font-size: 13pt; }
.f14 { font-size: 14pt; } .f15 { font-size: 15pt; } .f16 { font-size: 16pt; }
.f18 { font-size: 18pt; } .f20 { font-size: 20pt; } .f22 { font-size: 22pt; }
.f24 { font-size: 24pt; }
.flex { display: flex; }
.flexWrap { display: flex; flex-wrap: wrap; }
.fone { background: #efe; padding: 2pt 5pt; border-radius: 5pt;
	border: 1px solid #bdb; margin-bottom: 2pt; }
.formAlert { margin-top: 15pt; height: auto; border: 1pt solid #aaa;
	border-radius: 3pt; padding: 2pt; }
.gap5 { gap: 5pt; } .gap10 { gap: 10pt; }
.lh8 { line-height: 8pt; } .lh9 { line-height: 9pt; }
.lh10 { line-height: 10pt; }
.msg { background: #eee; padding: 5pt; margin: 5pt;
	border-radius: 5pt; border: 1px solid #aaa; }
.msgSmall { background: #f0f0f0; padding: 3pt; margin: 5pt;
	border-radius: 5pt; border: 1px solid #ccc; font-size: 8pt; color: #555; }
.infoAlerta { background: #ffc; padding: 3pt; margin: 2pt;
	border-radius: 5pt; border: 1px solid #ddc; }
.infoErro { background: #fba; padding: 3pt; margin: 2pt;
	border-radius: 5pt; border: 1px solid #ddc; }
.bgAlerta { background: #ffc; }
.etiqueta { width: 10cm; height: 4.5cm; padding: 0.3cm; padding-left: 0.6cm;
	font-family: Arial;
	/* border-radius: 5pt; border: 1px solid #eee; padding: 5pt; */ }
.hidden { display: none; }
.rastro { border: 1px solid #ccc; padding: 2pt; font-size: 8pt;
	border-radius: 3pt; margin-top: 5pt; background: #fafafa;
	word-break: break-word; height: 40pt; }
.rastroInfo { border: 1px solid #ccc; padding: 2pt; font-size: 8pt;
	border-radius: 3pt; margin-top: 5pt; background: #fafafa;
	word-break: break-word; }
.right { text-align: right; }
.msgEdit { background: #cef; padding: 10pt; border-radius: 5pt;
	border: 1px solid #89a; }
.msgOk { background: #efe; padding: 10pt; margin: 5pt;
	border-radius: 5pt; border: 1px solid #aaa; }
.msgErro { background: #fee; padding: 10pt; margin: 5pt;
	border-radius: 5pt; border: 1px solid #aaa; }
.mlMsgs { border-radius: 5pt; border: 1px solid #aaa; padding: 5pt;
	background: #eee; width: var(--mobFull); }
.mlMsg { background: #fff; border-radius: 3pt; border: 1px solid #ccc;
	padding: 5pt; line-height: 14pt; margin-bottom: 5pt; margin-right: 20pt; }
.mlMsgSent { background: #ffd; border-radius: 3pt; border: 1px solid #ccc;
	padding: 5pt; line-height: 14pt; margin-bottom: 5pt; margin-left: 20pt; }
.mobHalf { width: var(--mobHalf); }
.mobFull { width: var(--mobFull); }
.obs { margin-top: 5pt; padding: 2pt 4pt; border: 1px solid #ccc;
	background: #fafafa; border-radius: 3pt; font-size: 8pt; }
.opsButton { background: #eee; padding: 1pt 4pt; border: 1px solid #888;
	border-radius: 3pt; color: #555; cursor: pointer; }
.opsContent { display: none; flex-wrap: wrap; gap: 5pt; }
.round { border-radius: 2pt; padding: 2pt; }
.sac { border: 1px solid #eee; padding: 10pt; border-radius: 5pt;
	background-color: #fafafa; max-width: 500px; }
.searchForm { display: flex; flex-wrap: wrap; margin-bottom: 10pt; }
.searchItem { border-radius: 5pt; border: 1px solid #89a; padding: 5pt;
	background: #eee; margin-bottom: 10pt; }
.searchItemAlerta { border-radius: 5pt; border: 1px solid #aaa; padding: 5pt;
	background: #eea; margin-bottom: 10pt; }
.searchItemId { color: #555; font-size: 8pt; }
.searchItemInfo { padding-bottom: 3pt; }
.searchItemProdutos { padding: 2pt; margin-top: 5pt; }
.searchItemObs { font-size: 8pt; color: #333; padding: 2pt 0; }
.searchItemOptions { display: flex; flex-wrap: wrap; gap: 5pt; padding: 5pt;
	margin: -5pt; border-radius: 5pt 5pt 0 0; margin-bottom: 5pt;
	background: #9d8; }
.searchItemOptionsHome { display: flex; flex-wrap: wrap; gap: 5pt; padding: 5pt;
	margin: -5pt; border-radius: 5pt 5pt 0 0; margin-bottom: 5pt;
	background: #8bd; }
.movimentoEntrada { background: #aea; }
.movimentoSaida { background: #eca; }
.lojaBg-wood { background: #ceb; }
.lojaBg-ponto { background: #edb; }
.tbBorder { border-collapse: collapse; }
.tbBorder td { border: 1px solid #ddd; padding: 4pt;
	border-bottom: 1px solid #000; }
.tbBold td { font-weight: bold; }
.tbf9 td { font-size: 9pt; }
.tbExpedicao td { padding: 3pt 5pt; border-bottom: 1px solid #aaa;
	vertical-align: top; }
.tbRegistro { border-collapse: collapse; width: 17.5cm; margin: auto; }
.tbRegistro td { padding: 1pt 5pt; border: 1px solid #666;
	vertical-align: top; }
.registroTitulo { font-size: 16pt; font-weight: bold; text-align: center;
	margin-bottom: 10pt; }
.registroTexto { font-size: 9pt; margin-bottom: 10pt; text-align: center; }
.registroData { font-size: 11pt; margin-bottom: 10pt; text-align: center; }
.registroAssinatura { border-top: 1px solid #000; padding-top: 2pt;
	margin: 26pt auto; text-align: center; width: 15cm; }
.spanOk { background: #ceb; padding: 1pt 3pt; border-radius: 3pt; }
.spanAlert { background: #eec; padding: 1pt 3pt; border-radius: 3pt; }
.spanError { background: #edb; padding: 1pt 3pt; border-radius: 3pt; }
.searchItemOption, a.searchItemOption { padding: 1pt 4pt; background: #eee;
	border-radius: 3pt; border: 1px solid #888; color: #555; }
.searchItemOption:active { background: #ccc; color: #333; }
.searchItemCell { background: #fff; border-radius: 3pt; border: 1px solid #ccc;
	padding: 5pt; line-height: 14pt; }
.searchItemCells { display: flex; flex-wrap: wrap; gap: 5pt; }
.movimentosCell1 { width: var(--mobHalf); }
.movimentosCell2 { width: var(--mobHalf); }
.movimentosCell3 { width: var(--mobHalf); }
.movimentosCell4 { width: var(--mobHalf); }
.movimentosCell5 { max-width: var(--mobFull); }
.estoqueCell1 { width: var(--mobFull); }
.estoqueCell2 { width: var(--mobFull); }
.p2 { padding: 2pt; } .p3 { padding: 3pt; } .p5 { padding: 5pt; }
.p10 { padding: 10pt; }
.pedidosCell1 { width: var(--mobHalf); }
.pedidosCell2 { width: 210px; }
.pedidosCell3 { width: 210px; }
.pedidosCell4 { width: 210px; }
.pedidosCell5 { max-width: var(--mobFull); }
.pedidosCell6 { width: var(--mobHalf); }
.blingPedidosCell1 { width: var(--mobHalf); }
.blingPedidosCell2 { width: var(--mobHalf); }
.blingPedidosCell3 { width: var(--mobFull); }
.blingProdutosCell1 { width: var(--mobHalf); }
.blingProdutosCell2 { width: var(--mobFull); }
.blingProdutosCell3 { width: var(--mobHalf); }
.blingCtesCell1 { width: var(--mobHalf); }
.blingCtesCell2 { width: var(--mobFull); }
.blingCtesCell3 { max-width: var(--mobFull); }
.pedidoSituacao { padding: 1pt 4pt; border-radius: 3pt; display: inline-block; }
.situacaoNovo { background: #ccc; }
.situacaoPago { background: #ffa; }
.situacaoFaturado { background: #aaf; }
.situacaoEnviado { background: #afa; }
.situacaoEntregue { background: #5a5; }
.situacaoProblema { background: #fa5; }
.situacaoCancelado { background: #aaa; }
.situacaoFull { background: #acf; }
.sitAdFabricando { background: #ccc; }
.sitAdColetando { background: #aaf; }
.sitAdPronto { background: #fdc; }
.sitAdColetado { background: #afa; }
.sitAdTransito { background: #5a5; }
.sitAdPendencia { background: #ffa; }
.sitAdReclamacao { background: #fa5; }
.sitAdDevolucao { background: #fa5; }
.sitAdDevolvido { background: #aaa; }
.sitAdOutro { background: #aaa; }
.top { vertical-align: top; }
.transp { padding: 2pt; margin: 2pt 0; border-radius: 3pt;
	border: 1px solid #ccc; }
.transpSM { background: #cfc; }
.transpJoao { background: #cec; }
.transpTNT { background: #fec; }
.transpRapido { background: #fee; }
.transpRodonaves { background: #ddf; }
.transpLovato { background: #eef; }
.transpPetrymar { background: #ffc; }
.vCenter { vertical-align: center; }

.fundoCreme { background: #ffd; }
.fundoAmarelo { background: #ffa; }
.fundoLaranja { background: #ea5; }
.fundoRoxo { background: #dce; }
.fundoVerde { background: #dfd; }
.fundoVermelho { background: #fcc; }
.vermelhoEscuro { background: #e88; }

.rastroTitle { font-size: 16pt; padding: 10pt; margin: 5pt;
	background: #ddd; border-radius: 10pt; }
.rastroEvent { padding: 10pt; margin: 5pt; background: #eee;
	border-radius: 5pt; }

.tbLovato { border-collapse: collapse; margin: 5pt; }
.tbLovato td { padding: 2pt; }
.tdBorderBottom, .tdBorderBottom td { border-bottom: 1px solid #aaa; }