* { font-family: Arial, Helvetica; font-size: 10pt; margin: 0; padding: 0; }
body { background-color: #ddd; }
a { text-decoration: none; color: #00a; }
a:hover { text-decoration: none; color: #00f; }
a:active { text-decoration: none; color: #55f; }
h1 { margin-bottom: 15px; font-size: 14pt; font-weight: bold; }
h2 { margin-bottom: 10px; font-size: 12pt; font-weight: bold; }
h3 { margin-bottom: 5px; font-size: 11pt; font-weight: bold; }

#header { background-color: #fff; }
#body { background-color: #eee; padding: 20px 10px 40px; }
#docs_title { font-size: 11pt; }
#footer { background-color: #ddd; }
#header_flex { display: flex; align-items: center; flex-wrap: wrap;
	padding: 5px; }
#header_flex > div { padding: 0 10px 10px; }
#pagadores { margin-bottom: 12pt; border: 1px solid #aaa; padding: 5px;
	display: none; }

.zebra div:nth-child(odd) { background-color: #eaeaea; }
.zebra div:nth-child(even) { background-color: #e0e0e0; }

.busca_item { margin-bottom: 12pt; padding: 4px; background-color: #e0e0e0;
	border-bottom: 1px solid #aaa; }
.busca_valor { display: inline-block; margin: 2px 5px; padding: 2px 5px;
	vertical-align: top; }
.busca_lista { margin-bottom: 5px; }
.busca_lista_item { display: inline-block; padding: 2px; margin-right: 5px; }
.busca_detalhes { background-color: #f0f0f0; padding: 5px; display: none; }
.busca_extra { background-color: #f0f0f0; padding: 5px; }
.button { margin: 5pt 0 15pt; padding: 3px 5px; cursor: pointer;
 border-radius: 3px; background-image: linear-gradient(#fafafa,#ddd);
 border: 1px outset #888; border-left: 3px solid #358; }
.button:active { background-image: linear-gradient(#ddd,#fafafa); }
.check { margin: 0 5px; }
.docs_table { border-collapse: collapse; }
.docs_table td { padding: 6px; font-size: 9pt; /*border: 1px solid #ccc;*/ }
.docs_table_title td { font-weight: bold; background-color: #eee; }
.edit_menu { margin-bottom: 15px; }
.footer_links { margin-left: 30px; }
.hover:hover { background-color: #dde !important; }
.input { padding: 2px; }
.label { display: block; position: relative; top: 0; left: 0; }
.label_button { display: inline-block; margin-top: 10pt; margin-left: 5px; }
.label_input { margin-bottom: 12pt; padding: 2px; }
.label_check { display: inline-block; margin: 5px; }
.label_input_check { margin: 0 5px; margin-top: 15pt; }
.logo { width: 160px; margin-bottom: -8pt; }
.msg { background-color: #ddd; padding: 12pt; margin: 5px 0; }
.erro { background-color: #eaa; padding: 12pt; margin: 5px 0; }
.parcelas_flex { display: flex; }
.parcelas_grid { display: inline-grid; grid-template-columns: auto auto auto auto; }
.parcela_inputs { display: block; }
.parcelas_table { display: inline-grid; grid-template-columns: auto auto auto auto auto; }
.parcelas_table > div { padding: 2px 5px; }
.required { background-color: #ffd; border: 1px solid #550; }
.required:disabled { background-color: #eed; border: 1px solid #550; }
.submit { margin: 5pt 0 15pt; padding: 3px 5px; cursor: pointer; font-weight: bold;
 border-radius: 3px; background-image: linear-gradient(#fafafa,#ddd);
 border: 1px outset #888; border-left: 3px solid #358; }
.submit:active { background-image: linear-gradient(#ddd,#fafafa); }

/* Tail CSS */
.green { color: #080; } .blue { color: #048; } .red { color: #a00; }
.yellow { color: #a80; } .orange { color: #a60; } .gray { color: #555; }
.dark { color: #333; }
.light_green { background-color: #bfb; }
.light_yellow { background-color: #ffb; }
.light_red { background-color: #fbb; }
.light_blue { background-color: #bbf; }
.border_light { border: 1px solid #aaa; }
.border_dark { border: 1px solid #555; }
.border_red { border: 1px solid red; }
.float_left { float: left; } .float_right { float: right; }
.float_clear { clear: both; }
.left { text-align: left; } .right { text-align: right; }
.center { text-align: center; }
.top { vertical-align: top; } .bottom { vertical-align: bottom; }
.middle { vertical-align: middle; } .nowrap { white-space: nowrap; }
.upper { text-transform: uppercase; }
.inline { display: inline; } .block { display: block; }
.inline_block { display: inline-block; }
.hidden { display: none; }
.relative { position: relative; } .absolute { position: absolute; }
.nobreak { page-break-inside: avoid; } .noborder { border: none; }
.break { page-break-after: always; }
.f7 { font-size: 7pt; } .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; }
.p0 { padding: 0; } .p1 { padding: 1px; } .p2 { padding: 2px; }
.p3 { padding: 3px; } .p4 { padding: 4px; } .p5 { padding: 5px; }
.p10 { padding: 10px; }
.m0 { margin: 0; } .m1 { margin: 1px; } .m2 { margin: 2px; }
.m3 { margin: 3px; } .m4 { margin: 4px; } .m5 { margin: 5px; }
.m10 { margin: 10px; }
.bold { font-weight: bold; }
.mr12 { margin-right: 12pt; } .ml12 { margin-left: 12pt; }
.mt12 { margin-top: 12pt; } .mb12 { margin-bottom: 12pt; }
.ml100 { margin-left: 100px; }

/* Boleto PDF -------------------------------- */

.tb_border { border-collapse: collapse; }
.tb_border td { border: 1px solid #000; border-top: none; padding: 0.03cm; }
.tb_noborder td { border: none; }
.cm19 { width: 19cm; }
.vw90 { width: 90vw; }
.w100 { width: 19cm; }
.wrapper_boleto { background-color: #fff; }
.bol1 { font-size: 6pt; }
.bol2 { font-size: 8pt; }
.bol3 { font-size: 9pt; }
.bol4 { font-size: 10pt; }
.bol5 { font-size: 12pt; }
.bol6 { font-size: 13pt; }
.lh1 { line-height: 1.1em; }
.lh07 { line-height: 0.7em; }

/* A impressão fica menor do que na tela */

@media print {
	#body { background-color: #fff; padding: 0; }
}
