*,*:focus,*:hover{outline:none;}

.aleft { text-align: left; padding-left: 5px; }

.aright { text-align: right; padding-right: 5px; }

.acenter { text-align: center; }

.justify { text-align: justify; padding-justify: 5px; }

.capitalize { text-transform: capitalize; }

.lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.charts { padding: 20px 20px 40px 20px; margin: 0 1%; width: 91%; height: 200px; float: left; background-color: white; }
div.charts.moreless.closed { max-height: 20px; padding: 14px 20px; }
div.charts.moreless.closed .chart-container { display: none; }
div.charts h2 { font-weight: normal; text-transform: uppercase; font-size: 15px; color: gray; padding-bottom: 30px; width: 80%; margin-right: 0 !important; -webkit-margin-after: 0; }
div.charts .chart { width: 100%; height: 100%; display: block; position: relative; float: left; }
div.charts .chart .chart-concepts { float: left; width: 20%; position: absolute; top: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.charts .chart .chart-concepts h2 { padding-bottom: 10px !important; -webkit-margin-after: 0; }
div.charts .chart .chart-concepts .chart-concepts-concept { width: 50%; text-transform: capitalize; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 2px 1% 2px 5%; float: left; font-size: 10px; position: relative; background-color: transparent; }
div.charts .chart .chart-concepts .chart-concepts-concept:after { content: ""; width: 7px; height: 7px; display: block; position: absolute; left: 0; top: 50%; margin-top: -3.5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
div.charts .chart .chart-container { height: 65% !important; width: 80%; float: left; display: block; position: relative; margin-top: 30px; border-bottom: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; }
div.charts .chart .chart-container .chart-element { height: 100%; float: left; display: block; position: relative; margin: 0 1% 0 1%; }
div.charts .chart .chart-container .chart-element .chart-bar { display: block; padding: 0; float: left; position: absolute; bottom: 0; z-index: 3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
div.charts .chart .chart-container .chart-element .chart-bar .chart-bar-pieza { float: left; width: 100%; display: block; margin: 0 !important; }
div.charts .chart .chart-container .chart-element .chart-bar .chart-bar-topvalue { position: absolute; font-size: 10px; width: 100px; left: 50%; margin-left: -35px; text-align: left; margin-top: -65px; transform: rotate(-65deg); }
div.charts .chart .chart-names { width: 80%; margin: 0; height: 25px; display: block; float: left; border-left: 1px solid transparent; }
div.charts .chart .chart-names .chart-elementname { float: left; text-align: center; margin: 0 1%; font-size: 10.5px; color: #333; text-transform: capitalize; }
div.charts .chart .chart-names .chart-elementname .chart-barname { margin: 0 1%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; font-size: 9px; position: relative !important; }
div.charts .chart .chart-names .chart-elementname .chart-elementname-label { float: left; font-size: 10px; clear: both; width: 100%; text-align: center; display: block; position: relative; font-weight: normal; text-transform: uppercase; }

.bg-1, .chart-concepts-concept.bg-1:after { background-color: rgba(232, 89, 24, 0.9); }

.bg-2, .chart-concepts-concept.bg-2:after { background-color: rgba(232, 175, 24, 0.9); }

.bg-3, .chart-concepts-concept.bg-3:after { background-color: rgba(202, 232, 24, 0.9); }

.bg-4, .chart-concepts-concept.bg-4:after { background-color: rgba(115, 232, 24, 0.9); }

.bg-5, .chart-concepts-concept.bg-5:after { background-color: rgba(29, 232, 24, 0.9); }

.bg-6, .chart-concepts-concept.bg-6:after { background-color: rgba(24, 232, 106, 0.9); }

.bg-7, .chart-concepts-concept.bg-7:after { background-color: rgba(24, 232, 193, 0.9); }

.bg-8, .chart-concepts-concept.bg-8:after { background-color: rgba(24, 185, 232, 0.9); }

.bg-9, .chart-concepts-concept.bg-9:after { background-color: rgba(24, 98, 232, 0.9); }

.bg-10, .chart-concepts-concept.bg-10:after { background-color: rgba(37, 24, 232, 0.9); }

.bg-11, .chart-concepts-concept.bg-11:after { background-color: rgba(123, 24, 232, 0.9); }

.bg-12, .chart-concepts-concept.bg-12:after { background-color: rgba(210, 24, 232, 0.9); }

.bg-13, .chart-concepts-concept.bg-13:after { background-color: rgba(232, 24, 167, 0.9); }

.bg-14, .chart-concepts-concept.bg-14:after { background-color: rgba(232, 24, 81, 0.9); }

.bg-15, .chart-concepts-concept.bg-15:after { background-color: rgba(232, 54, 24, 0.9); }

.bg-16, .chart-concepts-concept.bg-16:after { background-color: rgba(232, 141, 24, 0.9); }

.bg-17, .chart-concepts-concept.bg-17:after { background-color: rgba(232, 227, 24, 0.9); }

.bg-18, .chart-concepts-concept.bg-18:after { background-color: rgba(150, 232, 24, 0.9); }

.bg-19, .chart-concepts-concept.bg-19:after { background-color: rgba(63, 232, 24, 0.9); }

.bg-20, .chart-concepts-concept.bg-20:after { background-color: rgba(24, 232, 71, 0.9); }

.bg-21, .chart-concepts-concept.bg-21:after { background-color: rgba(24, 232, 158, 0.9); }

.bg-22, .chart-concepts-concept.bg-22:after { background-color: rgba(24, 219, 232, 0.9); }

.bg-23, .chart-concepts-concept.bg-23:after { background-color: rgba(24, 133, 232, 0.9); }

.color-1 { color: rgba(232, 89, 24, 0.9); }

.color-2 { color: rgba(232, 175, 24, 0.9); }

.color-3 { color: rgba(202, 232, 24, 0.9); }

.color-4 { color: rgba(115, 232, 24, 0.9); }

.color-5 { color: rgba(29, 232, 24, 0.9); }

.color-6 { color: rgba(24, 232, 106, 0.9); }

.color-7 { color: rgba(24, 232, 193, 0.9); }

.color-8 { color: rgba(24, 185, 232, 0.9); }

.color-9 { color: rgba(24, 98, 232, 0.9); }

.color-10 { color: rgba(37, 24, 232, 0.9); }

.color-11 { color: rgba(123, 24, 232, 0.9); }

.color-12 { color: rgba(210, 24, 232, 0.9); }

.color-13 { color: rgba(232, 24, 167, 0.9); }

.color-14 { color: rgba(232, 24, 81, 0.9); }

.color-15 { color: rgba(232, 54, 24, 0.9); }

.color-16 { color: rgba(232, 141, 24, 0.9); }

.color-17 { color: rgba(232, 227, 24, 0.9); }

.color-18 { color: rgba(150, 232, 24, 0.9); }

.color-19 { color: rgba(63, 232, 24, 0.9); }

.color-20 { color: rgba(24, 232, 71, 0.9); }

.color-21 { color: rgba(24, 232, 158, 0.9); }

.color-22 { color: rgba(24, 219, 232, 0.9); }

.color-23 { color: rgba(24, 133, 232, 0.9); }

#nav, nav, .accesorapido, .boton, input[type=submit], .mfp-close, .cultyvo-paginacion, .cultyvo-filter, #notcounter, #notificaciones, .filtros_, .opcionesMod, .phide, .edit, .eliminar, .waiting, .alertas, .mfp-preloader { display: none !important; }

.combobox, .custom-combobox-input, .ui-state-highlight, .custom-combobox, #inner-editor, .ui-autocomplete-input, .charts, #line-template.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content, .custom-combobox-toggle, span.custom-combobox, .custom-combobox-input, .ui-menu-item, input.ui-autocomplete-input, .ui-autocomplete, .ui-widget-content { display: none !important; }

#inner-editor, .ui-helper-hidden-accessible { display: none !important; }

@page { margin: 5mm 5mm 5mm 5mm; background-color: transparent !important; }
span.orange { color: orange; }
span.red { color: red; }
span.green { color: green; }

body { display: block; margin: 0; font-family: "Nunito", "Helvetica", arial, sans-serif; font-weight: 300; padding-top: 20px; background-color: transparent !important; background-image: none !important; }
body.onPop section { display: none !important; }
body.onPop section.pop { display: block; }
body.onPop section.pop .custom-combobox-input { display: none !important; }
body.onPop .custom-combobox-input { display: none !important; }
body.print section { display: none !important; }
body.print header.header { display: none !important; }
body.print .custom-combobox-input { display: none !important; }

.openMenu, .mfp-bg { display: none; }

.mfp-container.mfp-s-ready.mfp-inline-holder { margin-top: 0; height: auto; background-color: transparent !important; }
.mfp-container.mfp-s-ready.mfp-inline-holder:before { content: inherit; }

.mfp-content { margin: 0 !important; background-color: transparent !important; }

.acenter { text-align: center; }

header, .pdfhead, header.header { width: 100%; display: block; overflow: hidden; background-color: transparent; position: relative; height: 40px; margin-top: -30px; margin-left: 10px; }
header div, .pdfhead div, header.header div { display: none; }

h1 { font-weight: 300; font-size: 17px; margin-top: 15px; margin-bottom: 0; color: #333; text-transform: uppercase; }
h1 img { display: inline; vertical-align: middle; width: 60px; margin-top: -5px; }
h1 img.arrowr { width: 10px; margin-top: -2px; margin-left: 10px; }

h2, h3, h4 { font-weight: 500; font-size: 20px; margin: 0; text-transform: uppercase; }

section, form { display: block; margin: 10px; padding: 0; }
section.pop, form.pop { position: absolute; top: 0; margin: 0 !important; margin-top: 60px !important; width: 95% !important; border-top: none; background-color: transparent; }

.table h4 { clear: left; font-size: 15px; padding-top: 15px; }

h2.seccion { display: none !important; }

table { display: block !important; }

div.table { margin: 0 20px; }
div.table table { table-layout: fixed; }
div.table table td { font-size: 9px; max-width: 200px; text-align: center; }
div.table table td.aleft { text-align: left; }
div.table table td.aright { text-align: right; }
div.table .info { font-size: 8px; margin-top: 0; margin-bottom: 0; }

.topinfo { margin: 10px 1% 0 1%; width: 100%; float: left; }
.topinfo .saldo { width: 25%; height: 20px; display: block; float: left; text-align: left; overflow: hidden; font-size: 9px; color: black; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.topinfo .saldo b { width: 60%; text-align: right; float: left; text-transform: uppercase; display: block; font-weight: bold; color: #666; margin-right: 5px; font-size: 8px; }
.topinfo .saldo:nth-child(4n + 4):before { content: ""; width: 100%; display: block; clear: both; }
.topinfo .saldo:nth-child(5n + 5):after { padding-left: 0 !important; }

table { border-spacing: 0; table-layout: fixed !important; }
table th { font-weight: 400; font-size: 9px; text-align: center; text-transform: uppercase; background-color: transparent !important; color: black; padding: 10px 0; font-weight: 700; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
table th:last-child { border-right: none; }
table td { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 8px; text-transform: uppercase; font-weight: 400; color: #333; line-height: 1.1em; }
table td.acenter { text-align: center; }
table td.aleft { text-align: left; }
table td.aright { text-align: right; }
table td.medida.money { text-align: right; width: 50px; }
table td li.listas { color: #333; list-style: none; text-align: left; }
table td li:nth-child(odd).listas { color: #666; }
table td b { font-size: 1em; font-weight: 700; }
table td .diferenciar { float: left; clear: left; padding: 3px; margin: 1px 0 !important; }
table tr { background: transparent !important; }
table tr:nth-child(odd) { background: transparent !important; }
table tr.entradasysalidasde:before { content: "CONCENTRADO DE "; }
table tr.lineadeTotal td { font-size: 10px; border-top: 1px solid #ccc !important; border-bottom: 10px solid white !important; background-color: white; }
table tr.lineadeTotal td.entradasysalidasde:before { content: ""; }
table tr.grand td { border-bottom: 15px solid white !important; }
table tr.grand td:first-child { border-top: 1px solid transparent !important; }

table { page-break-inside: auto; }

tr { page-break-inside: avoid; page-break-after: auto; }

thead { display: table-header-group; }

tbody { display: table-row-group; }

.diferenciar { margin: 10px 0; padding: 20px; background-color: rgba(0, 0, 0, 0.035); height: auto; overflow: hidden; position: relative; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.diferenciar.dark { background-color: rgba(0, 0, 0, 0.3); }
.diferenciar.detalles { margin: 5px 0; }
.diferenciar input, .diferenciar select { border: 1px solid #f0f0f0; }
.diferenciar label { font-size: 12px; }
.diferenciar h4 { margin-top: -5px; font-size: 15px; margin-bottom: 10px; }
.diferenciar table input, .diferenciar table select { border: none; }

.lista-cultyvo { clear: both; list-style: none; font-size: 12px; }
.lista-cultyvo li { padding: 7px 6px; float: left; width: 100%; margin: 2px 0; background-color: rgba(255, 255, 255, 0.3); }
.lista-cultyvo li .key, .lista-cultyvo li .val { float: left; }
.lista-cultyvo li .key { width: 20%; font-size: 1em; text-transform: uppercase; font-weight: lighter; color: #64645d; text-align: right; }
.lista-cultyvo li .key:after { content: ":"; }
.lista-cultyvo li .val { float: 80%; padding-left: 5%; font-size: 1.1em; color: #1D1D1B; text-align: right; vertical-align: middle; display: table-cell; }
.lista-cultyvo.c2 li { width: 49%; margin: 2px 0.5%; }
.lista-cultyvo.c2 li .key { width: 40%; }
.lista-cultyvo.c2 li .val { width: 60%; }
.lista-cultyvo.c3 li { width: 32%; margin: 2px 0.5%; }
.lista-cultyvo.c3 li .key { width: 40%; }
.lista-cultyvo.c3 li .val { width: 60%; }

.lista-cultyvo.importante li { padding: 4px; }
.lista-cultyvo.importante li .val { font-size: 1.4em; }
.lista-cultyvo.importante.big .val { font-size: 2em; }

.Labelbox { width: 15px; height: 15px; background-color: white; border: 1px solid #f0f0f0; display: block; padding: 0; margin: 0 auto; cursor: pointer; }
.Labelbox.activo, .Labelbox.activo.disabled { background: rgba(255, 255, 255, 0.9) url(../images/forms/checked.png) no-repeat center center; background-size: 12px; box-shadow: none; }
.Labelbox.disabled { background: rgba(255, 255, 255, 0.9) url(../images/bad.png) no-repeat center center; background-size: 10px; box-shadow: none; }

.cenefa { display: block; width: 100%; text-align: center; clear: both; color: white; font-size: 10px; float: left; margin: 7px 0; }

.reciboChori { -webkit-print-color-adjust: exact; background-color: transparent; }
.reciboChori table { margin: 10px 0; font-weight: normal; background-color: transparent !important; border-spacing: 0; }
.reciboChori table tr { border-spacing: 0; background-color: transparent !important; }
.reciboChori table tr th { border-spacing: 0; padding: 0; letter-spacing: inherit; }
.reciboChori table tr td { border-spacing: 0; padding: 0; color: black; font-size: 12px !important; }
.reciboChori table tr.white td { text-align: right; padding-right: 0; font-weight: normal; background-color: transparent !important; font-size: 12px !important; color: black !important; }
.reciboChori table tr.white th { padding: 0; text-align: left; }
.reciboChori table.comprobante { font-weight: normal; font-size: 12px; text-transform: uppercase; text-align: left; background-color: transparent !important; border: none; }
.reciboChori table.comprobante tr, .reciboChori table.comprobante td, .reciboChori table.comprobante th { margin: 0; border: none; letter-spacing: inherit; padding: 0; font-size: 12px; font-weight: normal; }
.reciboChori table.comprobante tr th:first-child { width: 170px; text-align: left; }
.reciboChori h3 { font-size: 1.1em; color: black; text-align: center; }
.reciboChori h3.comprobante { color: black; text-align: center; text-transform: uppercase; font-size: 1.2em; padding: 3px 2px 2px 2px; border-top: 1px dashed black; border-bottom: 1px dashed black; margin-bottom: 10px; background-color: transparent !important; }
.reciboChori p { font-weight: normal; color: black; background-color: transparent !important; }
.reciboChori p b { color: black; }
.reciboChori p.sucursaltop { text-transform: uppercase; text-align: center; font-size: 11px; width: 90%; margin: 0 auto; }
.reciboChori p.comprobante { font-weight: normal; font-size: 11px; text-transform: uppercase; text-align: left; background-color: transparent !important; }
.reciboChori p.comprobante b { color: black; }
.reciboChori p.small { font-size: 11px; }
.reciboChori p.cancelado { position: absolute; top: 50%; left: 0; color: rgba(255, 0, 0, 0.4); font-size: 50px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 4px solid rgba(255, 0, 0, 0.4); }
