@charset "UTF-8";
.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; }

#login form.basico.login, .w100, .contenedor, form .bloqueform, form.basico .bloqueform, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .reciboChori, form.basico.left, .scanner .interface, table th, table td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.hojarecibo { background-color: #fff; }

* { padding: 0; margin: 0; outline: 0; }
*,*:focus,*:hover{outline:none;}

html, body { display: block; overflow-x: hidden; max-width: 100%; }
@media (max-width: 900px) { html, body { max-width: auto; overflow: auto; } }

img { display: block; image-rendering: -webkit-optimize-contrast; }

.hide { display: none !important; }

.no-clear { clear: none !important; }

.printertopright, .edittopright { cursor: pointer; position: absolute; top: 2px; right: 0; opacity: 0.3; }
.printertopright:hover, .edittopright:hover { opacity: 1; }

span.circulo { width: 12px; height: 12px; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background-color: #ccc; }
span.circulo.green { background-color: #00cc00; }
span.circulo.blue { background-color: #9999ff; }
span.circulo.gray { background-color: gray; }
span.circulo.red { background-color: red; color: white !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 1px 2px 2px; font-weight: lighter; width: 15px; height: 15px; }

pre.error { font-family: "Consolas", Lucida Console; width: 100%; max-width: 800px; padding: 40px 20px 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: auto; white-space: pre-wrap; background-color: #333; color: #fcfcfc; position: absolute; z-index: 30000; left: 50%; top: 20px; margin-left: -400px; -webkit-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25); -moz-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25); -ms-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25); box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25); }
pre.error code { font-family: "Consolas", Lucida Console; font-weight: 100; }
pre.error:before { content: "  manu"; color: #009ee0; font-size: 1.1em; clear: both; float: left; position: absolute; top: 5px; left: 5px; text-transform: lowercase; }
pre.error:after { content: "(      ) ERROR - Si el problema persiste favor de leantar un ticket de soporte"; color: #fcfcfc; font-size: 1.1em; clear: both; float: left; position: absolute; top: 5px; left: 5px; text-transform: lowercase; }

body { font-family: "Helvetica", arial, sans-serif; font-weight: lighter; background: whitesmoke url("../images/fondomaxi-w.png") no-repeat top center; margin-left: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
body.menu { margin-left: 180px; }
body.menu #nav { margin-left: 0; }
body.menu #nav .openMenu { margin-left: 0; }

a { border: none; text-decoration: none; }
a img { border: none; text-decoration: none; }
a.rightup { float: right; margin-left: 10px; cursor: pointer; }
a.remove { cursor: pointer; }
a.pointer { cursor: pointer; }
a.orange { color: orange !important; }

.animado { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; }

.boxpadding, header, label, input, section, .alerta, textarea, form.notificacion, #control-bar, a.boton.table, form input.table[type=submit], .table.boton.botonaccion, div#reportepop a.table.boton.botonaccion { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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

a.close { width: 17px; height: 17px; display: table-cell; vertical-align: middle; position: absolute; right: 5px; top: 5px; background-color: transparent; color: white; text-align: center; font-size: 13px; line-height: 1.2em; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
a.close:hover { background-color: white; color: #0087CF; }

p { font-size: 12px; }

.mayusculas, .uppercase { text-transform: uppercase; }

section { max-width: 100%; padding: 30px 40px 90px 40px; min-height: 400px; height: auto; display: block; background-color: #f0f0f0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; }
section.pop { position: relative; width: 80%; margin: 60px auto 0 auto; padding: 0; display: block; height: auto; border-top: 5px solid rgba(238, 143, 34, 0.8); }
section.pop h2.seccion { position: absolute; top: 0; left: 0; color: white; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; display: block; padding: 10px 20px; margin: -52px 0 0 0; background-color: rgba(238, 143, 34, 0.8); }
@media (max-width: 900px) { section { max-width: auto; } }

h2.seccion { font-weight: 300; margin-bottom: 30px; text-transform: uppercase; }
h2 small a { text-decoration: underline; }

h4 { clear: both; font-weight: lighter; font-size: 25px; line-height: 2em; color: #d77a11; }

h3 { font-weight: lighter; font-size: 25px; line-height: 1.5em; color: #d77a11; }

span.red, small.red, h1.red, h2.red, h3.red, h4.red { color: red; }
span.red.downred, small.red.downred, h1.red.downred, h2.red.downred, h3.red.downred, h4.red.downred { color: #cc0000; }
span.green, small.green, h1.green, h2.green, h3.green, h4.green { color: green; }
span.green.downred, small.green.downred, h1.green.downred, h2.green.downred, h3.green.downred, h4.green.downred { color: #c6ffc6; }
span.orange, small.orange, h1.orange, h2.orange, h3.orange, h4.orange { color: orange; }
span.purple, small.purple, h1.purple, h2.purple, h3.purple, h4.purple { color: purple !important; }
span.blue, small.blue, h1.blue, h2.blue, h3.blue, h4.blue { color: blue !important; }
span.gray, small.gray, h1.gray, h2.gray, h3.gray, h4.gray { color: gray; }

.red { color: red; }

.bold { font-weight: bold; }

header.header { margin-top: 0; height: 55px; width: 100%; display: block; padding: 10px 10px 10px 60px; background-color: white; position: relative; z-index: 10; }

h1 { font-weight: 300; font-size: 20px; margin-top: 5px; color: #e76d00; text-transform: uppercase; }
h1 img { display: inline; vertical-align: middle; width: 50px; margin-top: -8px; }
h1 img.arrowr { width: 10px; margin-top: -2px; margin-left: 10px; }
h1 small, h1 small a { font-size: 10px !important; vertical-align: middle; text-transform: none; }
h1 .userinfo { float: right; margin-top: 0; }

img.mini-thumb { width: 19px; height: 19px; padding: 2px; display: inline-block; vertical-align: middle; margin-top: -2px; background-color: #EAEAEA; }

header.header h1 a { font-size: 14px; font-weight: lighter; color: gray; }

.accesorapido { position: absolute; top: 0; left: 50%; margin: 35px 0 0 -100px; z-index: -1px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }
.accesorapido a.boton.botonaccion, .accesorapido div#reportepop form input.botonaccion[type=submit], div#reportepop form .accesorapido input.botonaccion[type=submit], .accesorapido form div#reportepop input.botonaccion[type=submit], form div#reportepop .accesorapido input.botonaccion[type=submit], .accesorapido div#reportepop .botonaccion.boton, div#reportepop .accesorapido .botonaccion.boton, .accesorapido form input.botonaccion[type=submit], form .accesorapido input.botonaccion[type=submit], .accesorapido .botonaccion.boton { float: right; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; font-size: 10px !important; padding-bottom: 4px !important; }
.accesorapido:hover { margin: 40px 0 0 -100px; }
.accesorapido:hover a.boton.botonaccion, .accesorapido:hover div#reportepop form input.botonaccion[type=submit], div#reportepop form .accesorapido:hover input.botonaccion[type=submit], .accesorapido:hover form div#reportepop input.botonaccion[type=submit], form div#reportepop .accesorapido:hover input.botonaccion[type=submit], .accesorapido:hover div#reportepop .botonaccion.boton, div#reportepop .accesorapido:hover .botonaccion.boton, .accesorapido:hover form input.botonaccion[type=submit], form .accesorapido:hover input.botonaccion[type=submit], .accesorapido:hover .botonaccion.boton { padding-bottom: 8px !important; }

div.dash { display: block; padding: 5px; background: rgba(255, 255, 255, 0.8); height: auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15); -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15); -ms-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15); box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15); }
div.dash .dash-hold { border: 1px solid #fef1f3; padding: 12px 12px 8px 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; }
div.dash h3 { line-height: 1em; margin-bottom: 20px; display: inline; font-size: 17px; margin-left: -4px; text-transform: uppercase; }
div.dash h3 img { display: inline-block; width: 40px; vertical-align: middle; margin: -14px 0 0 -10px; background-color: white; padding: 0 5px; }
div.dash p, div.dash ul { margin-top: 10px; height: auto; overflow: hidden; }
div.dash li { list-style: none; width: 100%; display: block; }
div.dash li a { color: white; width: 100%; font-size: 12px; text-align: center; background-color: #333; margin-top: 1px; padding: 8px 0; border-radius: 4px; display: block; text-transform: uppercase; }
div.dash li:hover a { background-color: #999; }
div.table { padding: 20px; float: left; margin: 0 1% 20px 1%; width: 91%; position: relative; background: rgba(255, 255, 255, 0.8); -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }
div.table h4 { font-size: 25px; line-height: 1.5em; text-transform: uppercase; }
div.table h5 { font-size: 17px; font-weight: lighter; line-height: 1.5em; text-transform: uppercase; }
div.topinfo { padding: 20px; margin: 0 1%; width: 91%; background: rgba(238, 143, 34, 0.8); float: left; }
div.topinfo .saldo { margin-top: 10px; color: white; width: 25%; height: auto; display: block; float: left; text-align: left; overflow: hidden; font-size: 12px; }
div.topinfo .saldo b { width: 35%; text-align: right; float: left; display: block; font-weight: lighter; color: #fdf4e9; margin-right: 10px; margin-top: 2px; font-size: 10px; }
div.topinfo .saldo:nth-child(4n + 4):before { content: ""; width: 100%; display: block; clear: both; }
div.topinfo .saldo:nth-child(5n + 5):after { padding-left: 0 !important; }
div.half { float: left; width: 44.5%; display: block; margin: 0 1% 20px 1%; position: relative; clear: none; padding: 10px; min-height: 340px; }
div.half.sort .dataTables_length { margin-top: 10px; }
div.half.sort .dataTables_filter { margin-top: 10px; margin-right: 10px; }
div.half:nth-child(odd) { float: left; display: block; margin: 0 1% 20px 1%; clear: left; }
div.half.center { margin: 0 auto; float: inherit; }
div.third { float: left; width: 30%; display: block; margin: 0 1% 20px 1%; }
div.fourth { float: left; width: 20%; display: block; margin: 0 1% 20px 1%; }
.pop div.third, .pop div.dash, .pop div.half, .pop div.table { background-color: white; clear: both !important; position: relative; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pop div.table { width: 100%; }

@media (max-width: 800px) { div.dash.w25, div.dash.third.w25, div.dash.fourth.w25, div.hold.w25 { width: 48%; } }
@media (max-width: 500px) { div.dash.w25, div.dash.third.w25, div.dash.fourth.w25, div.hold.w25 { width: 90%; } }

#nav { width: 178px; height: auto; margin-left: -180px; min-height: 100%; padding: 10px 0; position: absolute; top: 0; left: 0; background-color: #353531; font-size: 12px; color: white; display: block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; border-top: 2px solid black; border-left: 2px solid black; }
#nav .openMenu { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; position: fixed; top: 0; left: 178px; margin: 0 0 0 -178px; background-color: #353531; background-image: url(../images/menu.png); background-size: 25px; background-position: center center; background-repeat: no-repeat; width: 20px; height: 39px; display: block; padding: 7px 10px; color: white; border-top: 2px solid black; z-index: 11; }
#nav ul { width: 100%; height: auto; list-style: none; padding-left: 0; padding-top: 0; }
#nav ul li { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; width: 100%; height: auto; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#nav ul li.activo ul { max-height: 1000px; }
#nav ul li.head { border-bottom: 1px solid rgba(255, 255, 255, 0.05); background-size: 30px 30px; background-repeat: no-repeat; background-position: left 10px top 5px; min-height: 40px; padding-left: 10px; }
#nav ul li.head > a:first-child { width: 100%; height: 40px; display: block; padding-top: 10px; padding-left: 40px; font-size: 13px; line-height: 2em; text-transform: uppercase; color: #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#nav ul li.head.inventario { background-image: url(../images/semiblanco/inventario.png); }
#nav ul li.head.inventario:hover, #nav ul li.head.inventario.activo { background-image: url(../images/rojo/inventario.png); background-color: #1D1D1B; }
#nav ul li.head.admon { background-image: url(../images/semiblanco/admon.png); }
#nav ul li.head.admon:hover, #nav ul li.head.admon.activo { background-image: url(../images/rojo/admon.png); background-color: #1D1D1B; }
#nav ul li.head.tasas { background-image: url(../images/semiblanco/tasas.png); }
#nav ul li.head.tasas:hover, #nav ul li.head.tasas.activo { background-image: url(../images/rojo/tasas.png); background-color: #1D1D1B; }
#nav ul li.head.reportes { background-image: url(../images/semiblanco/reportes.png); }
#nav ul li.head.reportes:hover, #nav ul li.head.reportes.activo { background-image: url(../images/rojo/reportes.png); background-color: #1D1D1B; }
#nav ul li.head.refinado { background-image: url(../images/semiblanco/refinado.png); }
#nav ul li.head.refinado:hover, #nav ul li.head.refinado.activo { background-image: url(../images/rojo/refinado.png); background-color: #1D1D1B; }
#nav ul li.head.transito { background-image: url(../images/semiblanco/transito.png); }
#nav ul li.head.transito:hover, #nav ul li.head.transito.activo { background-image: url(../images/rojo/transito.png); background-color: #1D1D1B; }
#nav ul li.head.sucursalm { background-image: url(../images/semiblanco/sucursalm.png); }
#nav ul li.head.sucursalm:hover, #nav ul li.head.sucursalm.activo { background-image: url(../images/rojo/sucursalm.png); background-color: #1D1D1B; }
#nav ul li.head.sucursales { background-image: url(../images/semiblanco/sucursales.png); }
#nav ul li.head.sucursales:hover, #nav ul li.head.sucursales.activo { background-image: url(../images/rojo/sucursales.png); background-color: #1D1D1B; }
#nav ul li.head.cancelacion { background-image: url(../images/semiblanco/cancelacion.png); }
#nav ul li.head.cancelacion:hover, #nav ul li.head.cancelacion.activo { background-image: url(../images/rojo/cancelacion.png); background-color: #1D1D1B; }
#nav ul li.head.ventas { background-image: url(../images/semiblanco/ventas.png); }
#nav ul li.head.ventas:hover, #nav ul li.head.ventas.activo { background-image: url(../images/rojo/ventas.png); background-color: #1D1D1B; }
#nav ul li.head.compras { background-image: url(../images/semiblanco/compras.png); }
#nav ul li.head.compras:hover, #nav ul li.head.compras.activo { background-image: url(../images/rojo/compras.png); background-color: #1D1D1B; }
#nav ul li.head.obligaciones { background-image: url(../images/semiblanco/obligaciones.png); }
#nav ul li.head.obligaciones:hover, #nav ul li.head.obligaciones.activo { background-image: url(../images/rojo/obligaciones.png); background-color: #1D1D1B; }
#nav ul li.head.prendas { background-image: url(../images/semiblanco/prendas.png); }
#nav ul li.head.prendas:hover, #nav ul li.head.prendas.activo { background-image: url(../images/rojo/prendas.png); background-color: #1D1D1B; }
#nav ul li.head.prestamos { background-image: url(../images/semiblanco/prestamos.png); }
#nav ul li.head.prestamos:hover, #nav ul li.head.prestamos.activo { background-image: url(../images/rojo/prestamos.png); background-color: #1D1D1B; }
#nav ul li.head.rh { background-image: url(../images/semiblanco/rh.png); }
#nav ul li.head.rh:hover, #nav ul li.head.rh.activo { background-image: url(../images/rojo/rh.png); background-color: #1D1D1B; }
#nav ul li.level2 > a:first-child { text-transform: uppercase; color: #e76d00; font-size: 1.1em; vertical-align: middle; }
#nav ul li.level2 > a:first-child:before { content: "+ "; vertical-align: top; }
#nav ul li.off { background-color: #40403c; }

#nav ul li ul { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; width: 100%; height: auto; max-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; }
#nav ul li ul li { padding-left: 12%; }
#nav ul li ul a { width: 100%; padding: 5px 5px !important; display: block; margin: 0; color: #CCC; font-size: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#nav ul li a { width: 100%; margin: 0; color: white; }

.ver-link { cursor: pointer; position: relative; }
.ver-link:after { content: ""; width: 12px; height: 15px; background: url(../images/varios/buscar.png) no-repeat top center; background-size: 10px; display: inline-block; margin-top: -10px; }
.ver-link:hover:after { background-size: 12px; }

div.notificacion { position: relative; width: auto; max-width: 450px; margin: 20px auto; padding: 70px 30px 20px 30px; display: block; height: auto; background-color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
div.notificacion h3 { font-weight: 100; margin: 0 0 30px 0; color: orange; font-size: 22px; }
div.notificacion .fecha { position: absolute; top: 15px; right: 20px; font-size: 12px; color: green; }
div.notificacion p.buttons { line-height: 1em; margin-right: -10px; }
div.notificacion a.boton, div.notificacion form input[type=submit], form div.notificacion input[type=submit], div.notificacion .boton.botonaccion, div.notificacion div#reportepop a.boton.botonaccion, div#reportepop div.notificacion a.boton.botonaccion { text-transform: capitalize; padding: 9px 10px; margin-top: -10px; background-color: #706F6F; color: white; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }
div.notificacion a.boton:hover, div.notificacion form input[type=submit]:hover, form div.notificacion input[type=submit]:hover, div.notificacion .boton.botonaccion:hover, div.notificacion div#reportepop a.boton.botonaccion:hover, div#reportepop div.notificacion a.boton.botonaccion:hover { background-color: #fcfcfc; border-top: none; border-left: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
div#reportepop a.boton, div#reportepop form input[type=submit], form div#reportepop input[type=submit], div#reportepop .boton.botonaccion, div#reportepop a.boton.botonaccion { margin-top: -10px; background-color: #706F6F; color: white; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }
div#reportepop a.boton.fleft, div#reportepop form input.fleft[type=submit], form div#reportepop input.fleft[type=submit], div#reportepop .fleft.boton.botonaccion { float: left; margin-top: -70px !important; }
div#reportepop a.boton.fleft.fix, div#reportepop form input.fleft.fix[type=submit], form div#reportepop input.fleft.fix[type=submit], div#reportepop .fleft.fix.boton.botonaccion { position: fixed !important; left: 8% !important; top: 15% !important; z-index: 50000 !important; }
div#reportepop a.boton:hover, div#reportepop form input[type=submit]:hover, form div#reportepop input[type=submit]:hover, div#reportepop .boton.botonaccion:hover { background-color: #fcfcfc; border-top: none; border-left: none; border-bottom: 1px solid #fcfcfc; border-right: 1px solid #fcfcfc; }
div#reportepop a.boton.botonaccion, div#reportepop .botonaccion.boton, div#reportepop form input.botonaccion[type=submit], form div#reportepop input.botonaccion[type=submit], div#reportepop .botonaccion.boton { float: right; margin-top: -70px !important; margin-right: 10px !important; }
div#reportepop a.boton.cancelar, div#reportepop form input.cancelar[type=submit], form div#reportepop input.cancelar[type=submit], div#reportepop .cancelar.boton.botonaccion { display: block; padding: 10px; height: 15px; margin: 0; top: -70px; float: left; }
div.notificacion a.boton:hover, div.notificacion form input[type=submit]:hover, form div.notificacion input[type=submit]:hover, div.notificacion .boton.botonaccion:hover, div.notificacion div#reportepop a.boton.botonaccion:hover, div#reportepop div.notificacion a.boton.botonaccion:hover, div#reportepop a.boton:hover, div#reportepop form input[type=submit]:hover, form div#reportepop input[type=submit]:hover, div#reportepop .boton.botonaccion:hover { background-color: white; color: #706F6F; }
div.notificacion p { padding: 20px 0; font-size: 13px; line-height: 1em; text-align: left; }
div.notificacion p.alerta { border: none; }
div.notificacion p.alerta span { line-height: 1.5em; color: white; border: none; }
div.notificacion .good, div.notificacion .bad, div.notificacion .normal { background-color: transparent; border: none; }

#alertas { width: 400px; position: fixed; height: auto; right: 5px; top: 0; margin-left: -250px; z-index: 999999999999; display: block; padding-top: 5px; }
#alertas .alerta, #alertas .waiting { float: right; padding: 10px 10px 10px 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); margin-bottom: 5px; color: white; background-size: 20px; }
#alertas .waiting { display: none; }
#alertas .waiting.activo { display: block; width: auto; background: limegreen url(../images/load.gif) no-repeat left 10px center; background-size: 20px; color: white; padding-left: 40px; }
#alertas .boton { float: none !important; display: inline-block !important; padding: 1px 4px; margin: 0; position: relative; font-weight: bold; }

p.alerta { font-size: 12px; width: 100%; display: block; position: relative; clear: both; padding: 10px 10px 10px 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; margin-bottom: 5px; color: white; background-size: 20px; }
p.alerta span.good, p.alerta span.bad, p.alerta span.normal { display: block; padding: 2px 6px 2px 30px; line-height: 2em; border: 1px solid white; }
p.alerta span.load { display: block; padding: 2px 6px 2px 30px; line-height: 2em; border: none; }
p.alerta .close { position: absolute; right: 0; top: 0; padding: 10px; background-color: rgba(255, 255, 255, 0.1); }
p.alerta .close:hover { background-color: rgba(0, 0, 0, 0.1); cursor: pinter; }

.bad { background: url(../images/bad-w.png?v1) no-repeat center left 5px; background-color: #ff758a; }

.good { background: url(../images/good-w.png?v2) no-repeat center left 5px; background-color: #a6d575; }

.normal { background: url(../images/normal-w.png?v1) no-repeat center left 5px; background-color: #71c5e7; color: white; }

.load { background: url(../images/load.gif?v2) no-repeat center left 5px; background-color: transparent; border: none; background-size: 25px; }

#horario { float: left; display: block; }

.popup { margin-top: -8px; position: absolute; z-index: 9000; background-repeat: no-repeat; background-position: left center; color: #000; }
.popup .mensaje { color: #000; font-size: 11px; font-weight: 400; text-align: left; max-width: 330px; padding: 10px 10px 10px 30px; line-height: 1.5em; border: 1px solid white; background: rgba(255, 255, 255, 0.7) url(../images/varios/notificaciones.png?v3) no-repeat center left 5px; background-size: 20px; -webkit-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.1); -moz-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.1); box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.1); -webkit-border-top-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-bottomleft: 12px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.popup .mensaje ul { padding-left: 18px; }
.popup .mensaje li { padding-top: 7px; background-position: 5px 5px; }
.popup .mensaje.left { margin: 0 9px 0 0; background-position: right center; }
.popup .mensaje.blackmamba { padding: 10px 20px; color: #f0f0f0; border: none; background: black; background: rgba(0, 0, 0, 0.75); border-radius: 4px; }
.popup .mensaje.blackmamba:after { content: ""; width: 0; height: 0; border-top: 10px solid rgba(0, 0, 0, 0.75); border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 50%; bottom: 0; margin-left: -10px; margin-bottom: -10px; }
.popup .mensaje.blackmamba.left { margin-top: -20px; }
.popup .mensaje.blackmamba.left:after { border-right: 7px solid rgba(0, 0, 0, 0.75); border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 0; left: 0; top: 50%; bottom: inherit; margin-top: -17px; margin-left: -7px; margin-bottom: none; }

.lin { position: absolute; z-index: 9000; display: block; }

table.balance { margin-top: 20px; }
table.balance tr:hover > td { background-color: #666; color: white; }

#login { position: absolute; top: 50%; left: 50%; margin: -80px 0 0 -400px; height: 200px; width: 800px; padding: 0; display: block; }
#login form.basico.login { margin-bottom: 0; margin-top: 10px; background-color: #ee8f22; width: 100% !important; padding: 20px; margin: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
#login form.basico.login input { width: 100%; }
#login form.basico.login input.pass { width: 79%; }
#login form.basico.login input.inicio { width: 28%; margin-top: 2px; }
#login form.basico.login h3 { font-size: 17px; margin-top: 0; color: white; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; }
#login #login_left, #login #login_right { float: left; display: block; height: 200px; }
#login #login_left { width: 40%; padding-right: 8%; text-align: right; vertical-align: middle; line-height: 3.2em; padding-top: 45px; font-size: 60px; color: white; font-family: "Impact"; }
#login #login_right { width: 60%; padding-left: 5%; display: block; }
@media (max-width: 768px) { #login { width: 50%; margin: 0 auto; left: 0; } }
@media (max-width: 450px) { #login { width: 90%; left: 1%; } }

.getform, .getModulo { cursor: pointer; }

footer { position: fixed; bottom: 0; clear: both; z-index: -1; }
footer img { width: 100%; opacity: 0.5; }

.w100 { width: 100% !important; clear: both; }

.contenedor, form .bloqueform, form.basico .bloqueform { width: 98%; margin: 0.5%; display: block; padding: 0 5px; clear: both; }
.contenedor.w75, .contenedor.w25, form .contenedor.bloqueform.w25, .contenedor.w33, form .contenedor.bloqueform.w33, .contenedor.w60, form .contenedor.bloqueform.w60, .contenedor.w50, form .contenedor.bloqueform.w50, .contenedor.w40, form .contenedor.bloqueform.w40, form .bloqueform.w75, form .bloqueform.w25, form.basico .bloqueform.w25, form .bloqueform.w33, form.basico .bloqueform.w33, form .bloqueform.w60, form.basico .bloqueform.w60, form .bloqueform.w50, form.basico .bloqueform.w50, form .bloqueform.w40, form.basico .bloqueform.w40, form.basico .bloqueform.w75, form.basico .bloqueform.w25, form.basico .bloqueform.w33, form.basico .bloqueform.w60, form.basico .bloqueform.w50, form.basico .bloqueform.w40 { width: 74%; float: left; clear: none; }
.contenedor.w25, form .bloqueform.w25, form.basico .bloqueform.w25 { width: 24%; }
.contenedor.w33, form .bloqueform.w33, form.basico .bloqueform.w33 { width: 32%; }
.contenedor.w60, form .bloqueform.w60, form.basico .bloqueform.w60 { width: 59%; }
.contenedor.w50, form .bloqueform.w50, form.basico .bloqueform.w50 { width: 48%; }
.contenedor.w40, form .bloqueform.w40, form.basico .bloqueform.w40 { width: 39%; }
.contenedor .lista-cultyvo li, form .bloqueform .lista-cultyvo li, form.basico .bloqueform .lista-cultyvo li { background-color: rgba(255, 255, 255, 0.3); }
.contenedor .bloque, form .bloqueform .bloque, form.basico .bloqueform .bloque { background-color: rgba(0, 0, 0, 0.04) !important; display: block; padding: 10px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.contenedor .bloque input, .contenedor .bloque select, form .bloqueform .bloque input, form .bloqueform .bloque select, form.basico .bloqueform .bloque input, form.basico .bloqueform .bloque select { border: none; border-left: 1px solid #f0f0f0; }

.diferenciar { margin: 10px 0; padding: 20px; background-color: rgba(255, 255, 255, 0.4); height: auto; overflow: hidden; position: relative; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.diferenciar .diferenciar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 5px; border: 1px solid #f0f0f0; }
.diferenciar.dark { background-color: rgba(234, 234, 234, 0.5); }
.diferenciar.detalles { margin: 5px 0; }
.diferenciar input, .diferenciar select { border: 1px solid #f0f0f0; }
.diferenciar h4 { margin-top: -15px; }
.diferenciar table input, .diferenciar table select { border: none; }
.diferenciar a.small { background-color: rgba(238, 143, 34, 0.8); color: white; float: right; font-size: 8px; text-transform: uppercase; padding: 2px 4px 1px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

table .diferenciar { padding: 7px 5px; }

.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: #929289; text-align: right; }
.lista-cultyvo li .key:after { content: ":"; }
.lista-cultyvo li .val { width: 100%; padding-left: 5%; font-size: 1.1em; color: #1D1D1B; text-align: right; }
.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.c4 li { width: 24%; margin: 2px 0.5%; }
.lista-cultyvo.c4 li .key { width: 100%; }
.lista-cultyvo.c4 li .val { width: 100%; text-align: right; }
.lista-cultyvo.c4 li:nth-child(4n+1) { clear: left; }

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

#reportepop.chori { width: 370px; }
#reportepop.chori .botones { width: 100%; padding: 0 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
#reportepop.chori .botones .boton.pop { display: inline-block !important; }

.reciboChori { width: 370px; background-color: white; font-size: 13px; color: black; text-align: center; padding: 20px 10px 10px 10px; }
.reciboChori table { background: none; width: 100%; text-align: left; }
.reciboChori table td, .reciboChori table th, .reciboChori table td:nth-child(odd), .reciboChori table tr { background: none !important; border: none; color: black; position: relative; }
.reciboChori img { width: 40%; text-align: center; }

#notcounter { width: 16px; height: 16px; padding: 4px 5px 5px 5px; display: block; background-color: red; float: right; margin: 1px 4px 0 4px; text-align: center; color: white; font-size: 14px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; cursor: pointer; }
#notcounter.open { background-color: #ff8080; }

#notificaciones { position: absolute; margin-top: 20px; right: 0; width: 350px; display: block; right: 12px; z-index: 1000; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); }
#notificaciones header { width: 100%; float: left; letter-spacing: 1px; text-align: center; background-color: white; padding: 5px 10px; border-bottom: 1px solid #f0f0f0; }
#notificaciones header h2 { font-size: 12px; text-shadow: none; color: rgba(238, 143, 34, 0.8); font-weight: bold; }
#notificaciones:before { content: ""; width: 0; height: 0; top: 1px; right: 5px; margin-top: -10px; z-index: 2; display: block; position: absolute; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 9px solid rgba(0, 0, 0, 0.1); }
#notificaciones:after { content: ""; width: 0; height: 0; top: 0; right: 7px; margin-top: -10px; z-index: 2; display: block; position: absolute; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 10px solid white; }
#notificaciones.hidden { max-height: 0; overflow: hidden; }
#notificaciones .alerta { margin: 0; padding: 0; }
#notificaciones .alerta span.normal { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px 10px 25px; }

.not { width: 100%; background-color: white; padding: 10px 10px 5px 25px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; text-transform: none; border-bottom: 1px solid #f0f0f0; }
.not:nth-child(odd) { background-color: #f6f6f6; }
.not h2 { width: 100%; height: 24px; font-size: 12px; padding-left: 10px; line-height: 1.7em; font-weight: 100; padding-top: 2px; }
.not p { width: 100%; clear: both; color: #999; }
.not p .head { width: 100%; color: black; clear: both; float: left; display: block; font-size: 1em; font-weight: bold; color: orange; }
.not p .head small { font-size: 1em; font-weight: lighter; color: #ccc; vertical-align: middle; line-height: 1.4em; }
.not .boton { width: auto; padding: 4px 5px; float: right; color: white; font-size: 11px; float: right; background-color: #c0c0c0; color: white; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; }
.not .boton:first-child { clear: left; }
.not.ver-todo { padding: 0 0 5px 0; text-align: center; }
.not.ver-todo a { cursor: pointer; color: rgba(238, 143, 34, 0.8); font-weight: bold; font-size: 12px; padding: 5px 5px 2px 5px; display: block; }
.not.ver-todo a:hover { color: red; }

.articulo { margin: 5px 0; padding: 5px 10px; float: left; border: 1px solid #f0f0f0; border-left: 3px solid #8080ff; border-bottom: 1px solid #ddd; border-right: 1px solid #eee; font-size: 13px; position: relative; background-color: white; }
.articulo.tipo2 { border-left: 3px solid #ff8080; }
.articulo.tipo3 { border-left: 3px solid #ff40ff; }
.articulo.tipo4 { border-left: 3px solid #ffd280; }
.articulo .categoria { font-size: 10px; color: #999; text-align: left; }
.articulo .generales { text-transform: uppercase; }
.articulo .lista-cultyvo { margin: 0; }
.articulo .lista-cultyvo li { background-color: rgba(128, 128, 128, 0.07) !important; display: block; }
.articulo .lista-cultyvo li .key { font-size: 10px; float: none; clear: none; color: #999; }
.articulo .lista-cultyvo li .val { clear: none; float: none; font-size: 12px; text-align: right; }
.articulo .cancelar, .articulo div#reportepop a.boton.cancelar, div#reportepop .articulo a.boton.cancelar, .articulo div#reportepop form input.cancelar[type=submit], div#reportepop form .articulo input.cancelar[type=submit], .articulo form div#reportepop input.cancelar[type=submit], form div#reportepop .articulo input.cancelar[type=submit], .articulo div#reportepop .cancelar.boton.botonaccion, div#reportepop .articulo .cancelar.boton.botonaccion { margin-bottom: -5px !important; margin-left: -5px !important; opacity: 0; display: none; font-size: 10px; padding: 4px; }
.articulo:hover .cancelar, .articulo:hover div#reportepop a.boton.cancelar, div#reportepop .articulo:hover a.boton.cancelar, .articulo:hover div#reportepop form input.cancelar[type=submit], div#reportepop form .articulo:hover input.cancelar[type=submit], .articulo:hover form div#reportepop input.cancelar[type=submit], form div#reportepop .articulo:hover input.cancelar[type=submit], .articulo:hover div#reportepop .cancelar.boton.botonaccion, div#reportepop .articulo:hover .cancelar.boton.botonaccion { opacity: 1; display: block; }

.nolinks a { display: none; }

.not span.level { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; float: left; width: 12px; height: 12px; display: block; margin-left: -20px; margin-top: -6px; position: absolute; top: 50%; }
.not span.level.green, .not span.level.colorTrasito, .not span.level.colorFundición { background: #72aa00; }
.not span.level.red, .not span.level.colorComentario, .not span.level.colorCancelación, .not span.level.colorCuentas { background: #fd8a8a; }
.not span.level.blue, .not span.level.colorMonitoreo { background: #1e69de; }
.not span.level.yellow, .not span.level.colorMensaje, .not span.level { background: #f1da36; }
.not span.level.olds { opacity: 0.5; }

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); }

h2, h3, h4, h5 { text-shadow: -1px -1px 0px white; }

form .bloqueform, form.basico .bloqueform { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; position: relative; background-color: rgba(255, 255, 255, 0.5); padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin-bottom: 10px; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form .bloqueform h4, form .bloqueform h5, form.basico .bloqueform h4, form.basico .bloqueform h5 { font-weight: normal !important; margin-top: -10px; margin-bottom: 5px; font-size: 16px; color: #999; }
form .bloqueform h5, form.basico .bloqueform h5 { margin-top: -6px; font-size: 12px; font-weight: lighter; margin-bottom: 8px; }
form .bloqueform .edit, form.basico .bloqueform .edit { display: none; position: absolute; top: 10px; right: 10px; }
form .bloqueform:hover .edit, form.basico .bloqueform:hover .edit { display: block; }
form .bloqueform.inside, form.basico .bloqueform.inside { border-left: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
form .bloqueform input, form .bloqueform select, form .bloqueform textarea, form.basico .bloqueform input, form.basico .bloqueform select, form.basico .bloqueform textarea { border: 1px solid #f0f0f0; }

.bloqueform.moreless, .bloque.moreless, .filtros_.moreless, div.moreless { max-height: 2000px; position: relative; float: left; }
.bloqueform.moreless .abrircerrar, .bloque.moreless .abrircerrar, .filtros_.moreless .abrircerrar, div.moreless .abrircerrar { width: 20px; height: 20px; display: block; position: absolute; top: 12px; right: 12px; background-image: url(../images/less.png); background-size: 20px; background-repeat: no-repeat; background-position: center center; cursor: pointer; }
.bloqueform.moreless.closed, .bloque.moreless.closed, .filtros_.moreless.closed, div.moreless.closed { max-height: 45px; overflow: hidden; }
.bloqueform.moreless.closed .abrircerrar, .bloque.moreless.closed .abrircerrar, .filtros_.moreless.closed .abrircerrar, div.moreless.closed .abrircerrar { background-image: url(../images/plus.png); }

.bloque.moreless .abrircerrar { top: 3px; right: 5px; background-size: 15px; }
.bloque.moreless.closed { max-height: 25px; }

#worksucursal, #tryusuarios, #workempresa { float: left; width: 200px; height: 40px; margin-top: -5px; }
#worksucursal .update, #tryusuarios .update, #workempresa .update { width: 30px; height: 30px; float: left; margin-top: 3px !important; background: transparent url(../images/update-green.png) no-repeat center center; background-size: 20px; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; cursor: pointer; }
#worksucursal .update:hover, #tryusuarios .update:hover, #workempresa .update:hover { cursor: pointer; transform: rotate(180deg); }
#worksucursal select, #tryusuarios select, #workempresa select { background-size: 15px; border: 1px solid #f0f0f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

#tryusuarios { width: 300px; }

form.basico, div.form.basico { width: 550px; height: auto; margin: 0 auto; border: none; padding: 40px 20px 20px 20px; overflow: hidden; position: relative; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: rgba(234, 234, 234, 0.5); }
form.basico.pop, div.form.basico.pop { padding-top: 40px; background-color: #f0f0f0; }
form.basico.horarios, div.form.basico.horarios { width: 750px; }
form h3, div.form h3 { margin: -20px 0 10px 0; text-transform: uppercase; color: #1D1D1B; }
form h4, div.form h4 { margin: 5px 0 0 0; line-height: 2.5em; color: #999; text-transform: uppercase; font-size: 20px; font-weight: lighter; }
form p.info, div.form p.info { font-size: 12px; margin: 0 0 10px -20px; padding: 10px 10px 10px 60px; line-height: 1.5em; width: 94.5%; color: #1D1D1B; background: url(../images/varios/infor.png?v3) no-repeat center left 15px; font-weight: lighter; background-size: 30px; }
form label, div.form label { width: 20%; height: 35px; float: left; padding: 3px 7px 3px 0; margin: 2px 0 2px 0; font-size: 11px; text-align: right; font-weight: lighter; line-height: 2.7em; clear: left; background-color: #4c4c47; color: #F6F6F6; }
form label.duo, div.form label.duo { width: 10%; }
form label.treinta, div.form label.treinta { width: 30%; }
form label.half, div.form label.half { width: 45%; }
form label.lduo, div.form label.lduo { clear: none; }
form label.lduo.r, div.form label.lduo.r { margin-left: 30px; }
form label.right-side, div.form label.right-side { float: right; clear: right; text-align: left; padding: 3px 0 3px 7px; }
form label.green, div.form label.green { background-color: limegreen; }
form label.red, div.form label.red { background-color: red; }
form input, form textarea, form select, form span.custom-combobox, form .custom-combobox-input, div.form input, div.form textarea, div.form select, div.form span.custom-combobox, div.form .custom-combobox-input { width: 73%; border: none; float: left; height: 35px; padding: 3px 10px; margin: 2px 0; clear: right; position: relative; font-size: 12px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left: 0; -webkit-border-top-right-radius: 7px; -moz-border-radius-topright: 7px; border-top-right: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; border-bottom-right: 7px; }
form input:disabled, form textarea:disabled, form select:disabled, form span.custom-combobox:disabled, form .custom-combobox-input:disabled, div.form input:disabled, div.form textarea:disabled, div.form select:disabled, div.form span.custom-combobox:disabled, div.form .custom-combobox-input:disabled { font-size: 12px; border: none; color: black; background-color: rgba(255, 255, 255, 0.5); background-image: url(../images/disabled.png); background-repeat: no-repeat; background-position: top 2px right 2px; background-size: 8px; }
form input.half, form textarea.half, form select.half, form span.custom-combobox.half, form .custom-combobox-input.half, div.form input.half, div.form textarea.half, div.form select.half, div.form span.custom-combobox.half, div.form .custom-combobox-input.half { width: 36.5%; margin-right: 32%; }
form input.duo, form textarea.duo, form select.duo, form span.custom-combobox.duo, form .custom-combobox-input.duo, div.form input.duo, div.form textarea.duo, div.form select.duo, div.form span.custom-combobox.duo, div.form .custom-combobox-input.duo { margin-right: 2%; width: 25.55%; }
form input.duo.half, form textarea.duo.half, form select.duo.half, form span.custom-combobox.duo.half, form .custom-combobox-input.duo.half, div.form input.duo.half, div.form textarea.duo.half, div.form select.duo.half, div.form span.custom-combobox.duo.half, div.form .custom-combobox-input.duo.half { margin-right: 2%; width: 40%; }
form input.cincocinco, form textarea.cincocinco, form select.cincocinco, form span.custom-combobox.cincocinco, form .custom-combobox-input.cincocinco, div.form input.cincocinco, div.form textarea.cincocinco, div.form select.cincocinco, div.form span.custom-combobox.cincocinco, div.form .custom-combobox-input.cincocinco { width: 55%; margin-right: 15%; }
form input.right-side, form textarea.right-side, form select.right-side, form span.custom-combobox.right-side, form .custom-combobox-input.right-side, div.form input.right-side, div.form textarea.right-side, div.form select.right-side, div.form span.custom-combobox.right-side, div.form .custom-combobox-input.right-side { float: right; clear: left; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right: 0; -webkit-border-top-left-radius: 7px; -moz-border-radius-topleft: 7px; border-top-left: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-left: 7px; }
form input.right-side.half, form textarea.right-side.half, form select.right-side.half, form span.custom-combobox.right-side.half, form .custom-combobox-input.right-side.half, div.form input.right-side.half, div.form textarea.right-side.half, div.form select.right-side.half, div.form span.custom-combobox.right-side.half, div.form .custom-combobox-input.right-side.half { margin-right: 0; margin-left: 35%; }
form input.right-side.duo, form textarea.right-side.duo, form select.right-side.duo, form span.custom-combobox.right-side.duo, form .custom-combobox-input.right-side.duo, div.form input.right-side.duo, div.form textarea.right-side.duo, div.form select.right-side.duo, div.form span.custom-combobox.right-side.duo, div.form .custom-combobox-input.right-side.duo { margin-right: 0; margin-left: 2%; }
form input.right-side.cincocinco, form textarea.right-side.cincocinco, form select.right-side.cincocinco, form span.custom-combobox.right-side.cincocinco, form .custom-combobox-input.right-side.cincocinco, div.form input.right-side.cincocinco, div.form textarea.right-side.cincocinco, div.form select.right-side.cincocinco, div.form span.custom-combobox.right-side.cincocinco, div.form .custom-combobox-input.right-side.cincocinco { margin-right: 0; margin-left: 15%; }
form input.no-clear, form textarea.no-clear, form select.no-clear, form span.custom-combobox.no-clear, form .custom-combobox-input.no-clear, div.form input.no-clear, div.form textarea.no-clear, div.form select.no-clear, div.form span.custom-combobox.no-clear, div.form .custom-combobox-input.no-clear { margin-right: 0 !important; }
form select, div.form select { -webkit-appearance: none; background: white url(../images/varios/seleccionar.png) no-repeat center right 8px; position: relative; background-size: 22px; }
form select.picker__select--year, form select.picker__select--month, div.form select.picker__select--year, div.form select.picker__select--month { float: left; font-size: 12px; height: 30px !important; border: 1px solid #f0f0f0 !important; -webkit-border-top-right-radius: 0 !important; -moz-border-radius-topright: 0 !important; border-top-right: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; border-bottom-right: 0 !important; background-size: 14px; margin-left: 10px; }
form select.picker__select--year, div.form select.picker__select--year { margin-left: 100px !important; }
form select.masuno, div.form select.masuno { width: 57%; padding: 3px 0 3px 10px; }
form label, div.form label { position: relative; }
form label.masuno, div.form label.masuno { width: 25%; padding: 3px 10px 3px 0; }
form.pop, div.form.pop { position: relative; width: auto; max-width: 480px; margin: 20px auto; padding: 80px 30px 20px 30px; display: block; height: auto; }
form input.cul_formCheck, div.form input.cul_formCheck { display: none; }
form textarea, div.form textarea { height: 100px; }
form textarea.halfheight, div.form textarea.halfheight { height: 50px; }

.custom-combobox-input { width: 100% !important; }

span.custom-combobox { padding: 0 !important; }

.custom-combobox-toggle { position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 0; }

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content { background-color: white; display: block; position: absolute; list-style: none; z-index: 99999999; }

.boton-select { position: absolute; right: 2px; top: 2px; border: none !important; padding: 0; background: transparent !important; width: 35px; height: 35px; display: block; cursor: pointer; }

.ui-menu-item { padding: 3px 4px; border-bottom: 1px solid #f6f6f6; font-size: 11px; cursor: pointer; }
.ui-menu-item:hover { background-color: gray; color: white; }

.ui-state-focus { background-color: gray; color: white; }

.ui-helper-hidden-accessible { display: none; }

input.ui-autocomplete-input { position: relative; }

input:focus, textarea:focus, select:focus, .radiobox:focus { outline: 2px solid rgba(50, 205, 50, 0.5); }

form input[type=checkbox] .cul_formCheck, form input[type=radio] .cul_formCheck { display: none; }
form div.radiobox { float: left; position: relative; width: 25%; display: block; height: 35px; }
form div.radiobox.activo > label.radio, form div.radiobox.activo > label.checkbox { background-color: #ee8f22; }
form div.radiobox.disabled label { background-color: #ccc; }
form div.radiobox.right-side { float: right; }
form div.radiobox.abonos_reimpresion { clear: none; position: absolute; margin-left: -103px; }
form label.radio, form label.checkbox { width: 100% !important; display: block; position: relative; margin-right: 0; padding-left: 32px; margin-left: 0; background-color: rgba(238, 143, 34, 0.6); font-weight: lighter; text-align: left; border-right: 1px solid white; }
form label.radio span { background: white; width: 15px; height: 15px; display: block; position: absolute; left: 7px; top: 7px; z-index: 2; border: 2px solid rgba(255, 255, 255, 0.2); padding: 0; margin: 2px 3px 0 0 !important; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; border-radius: 35px; -webkit-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); -ms-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); }
form div.radiobox.activo > label.radio span { background: rgba(255, 255, 255, 0.9) url(../images/forms/checked.png) no-repeat center center; background-size: 15px; box-shadow: none; }
form label.radio input:checked { background-color: #D40C1F; }
form label.checkbox input:checked { background-color: #D40C1F; }
form label.checkbox span { background: rgba(255, 255, 255, 0.9); width: 13px; height: 13px; display: block; position: absolute; left: 8px; top: 8px; z-index: 2; border: 1px solid rgba(255, 255, 255, 0.2); padding: 0; margin: 2px 1px 0 0 !important; -webkit-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.3); -ms-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.3); }
form div.radiobox.activo > label.checkbox span { background: rgba(255, 255, 255, 0.9) url(../images/forms/checked.png) no-repeat center center; background-size: 12px; box-shadow: none; }

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

img.infotop { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; border-radius: 20px; background-color: white; padding: 4px; }

a.add, a.boton, form input[type=submit], .boton.botonaccion, div#reportepop a.boton.botonaccion { margin: 10px 0 0 5px; padding: 8px 7px 8px 7px; background-color: #e76d00; border: none; color: white; float: right; font-size: 11px; cursor: pointer; text-transform: none; text-decoration: none; height: auto; width: auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
a.add:hover, a.boton:hover, form input[type=submit]:hover, .boton.botonaccion:hover, div#reportepop a.boton.botonaccion:hover { background-color: #e76d00; }
a.add.small, a.boton.small, form input.small[type=submit], .small.boton.botonaccion, div#reportepop a.small.boton.botonaccion { margin: 0 0 0 5px !important; padding: 4px 10px !important; }
a.add.green, a.boton.green, form input.green[type=submit], .green.boton.botonaccion, div#reportepop a.green.boton.botonaccion { background-color: green; }
a.add.green:hover, a.boton.green:hover, form input.green[type=submit]:hover, .green.boton.botonaccion:hover, div#reportepop a.green.boton.botonaccion:hover { background-color: #005a00; }
a.add.red, a.boton.red, form input.red[type=submit], .red.boton.botonaccion, div#reportepop a.red.boton.botonaccion { background-color: red; }
a.add.red:hover, a.boton.red:hover, form input.red[type=submit]:hover, .red.boton.botonaccion:hover, div#reportepop a.red.boton.botonaccion:hover { background-color: #b30000; }
a.add.blue, a.boton.blue, form input.blue[type=submit], .blue.boton.botonaccion, div#reportepop a.blue.boton.botonaccion { background-color: blue; }
a.add.blue:hover, a.boton.blue:hover, form input.blue[type=submit]:hover, .blue.boton.botonaccion:hover, div#reportepop a.blue.boton.botonaccion:hover { background-color: #0000b3; }
a.add.gray, a.boton.gray, form input.gray[type=submit], .gray.boton.botonaccion, div#reportepop a.gray.boton.botonaccion { background-color: gray; }
a.add.gray:hover, a.boton.gray:hover, form input.gray[type=submit]:hover, .gray.boton.botonaccion:hover, div#reportepop a.gray.boton.botonaccion:hover { background-color: #5a5a5a; }
a.add.purple, a.boton.purple, form input.purple[type=submit], .purple.boton.botonaccion, div#reportepop a.purple.boton.botonaccion { background-color: purple; }
a.add.purple:hover, a.boton.purple:hover, form input.purple[type=submit]:hover, .purple.boton.botonaccion:hover, div#reportepop a.purple.boton.botonaccion:hover { background-color: #5a005a; }
a.boton, form input[type=submit], .boton.botonaccion, div#reportepop a.boton.botonaccion { border-left: 1px solid #ff983c; border-top: 1px solid #ff983c; }
a.boton:hover, form input[type=submit]:hover, .boton.botonaccion:hover, div#reportepop a.boton.botonaccion:hover { border-left: none; border-top: none; border-right: 1px solid #e76d00; border-bottom: 1px solid #e76d00; }
a.boton.getData, form input.getData[type=submit], .getData.boton.botonaccion, div#reportepop a.getData.boton.botonaccion { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; margin-top: 5px; }
a.boton.getData.activo, form input.getData.activo[type=submit], .getData.activo.boton.botonaccion, div#reportepop a.getData.activo.boton.botonaccion { font-size: 13px; background-color: orange; margin-right: -10px; border-left: 1px solid #ffc04d; border-top: 1px solid #ffc04d; }
a.boton.getData.activo:hover, form input.getData.activo[type=submit]:hover, .getData.activo.boton.botonaccion:hover, div#reportepop a.getData.activo.boton.botonaccion:hover { border-right: 1px solid orange; border-bottom: 1px solid orange; border-left: none; border-top: none; }

form input[type=submit], .boton.botonaccion, div#reportepop a.boton.botonaccion, div#reportepop form input.botonaccion[type=submit], form div#reportepop input.botonaccion[type=submit], div#reportepop .botonaccion.boton { text-transform: uppercase; padding: 10px 9px !important; height: auto !important; border-left: 1px solid #00bd3f; border-top: 1px solid #00bd3f; background-color: #009933 !important; float: right; }
form input[type=submit].p-fixed, .boton.botonaccion.p-fixed, div#reportepop form input.p-fixed.botonaccion[type=submit], form div#reportepop input.p-fixed.botonaccion[type=submit], div#reportepop .p-fixed.botonaccion.boton { position: fixed !important; right: 5% !important; top: 15% !important; z-index: 50000 !important; }
form input[type=submit]:hover, .boton.botonaccion:hover, div#reportepop form input.botonaccion[type=submit]:hover, form div#reportepop input.botonaccion[type=submit]:hover, div#reportepop .botonaccion.boton:hover { background-color: #00bd3f !important; border-right: 1px solid #007a29; border-bottom: 1px solid #007a29; }

.boton.addButton { position: absolute; }

h2 small a.boton, h2 small form input[type=submit], form h2 small input[type=submit], h2 small .boton.botonaccion, h2 small div#reportepop a.boton.botonaccion, div#reportepop h2 small a.boton.botonaccion { float: none; display: inline-block; position: relative; margin-top: -10px; }

h4 small a.boton, h4 small form input[type=submit], form h4 small input[type=submit], h4 small .boton.botonaccion, h4 small div#reportepop a.boton.botonaccion, div#reportepop h4 small a.boton.botonaccion, h4 small a.boton.botonaccion, h4 small div#reportepop form input.botonaccion[type=submit], div#reportepop form h4 small input.botonaccion[type=submit], h4 small form div#reportepop input.botonaccion[type=submit], form div#reportepop h4 small input.botonaccion[type=submit], h4 small div#reportepop .botonaccion.boton, div#reportepop h4 small .botonaccion.boton, h4 small form input.botonaccion[type=submit], form h4 small input.botonaccion[type=submit], h4 small .botonaccion.boton { font-size: 10px; float: none; padding: 3px 8px 2px 25px !important; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; margin-left: 10px; vertical-align: middle; }

h2 small, h4 small { display: inline-block; vertical-align: top; }

table a.boton, table form input[type=submit], form table input[type=submit], table .boton.botonaccion, table div#reportepop a.boton.botonaccion, div#reportepop table a.boton.botonaccion { margin: 0; float: inherit; display: inline-block; padding: 3px 5px; border-radius: 4px; float: right; }

form.basico a img.add { width: 35px; }
form.basico.left a img.add { width: 17px; margin-top: 4px; }

label .added { position: absolute; top: 0; right: -400%; width: 35px; height: 35px; display: block; overflow: hidden; z-index: 10; cursor: pointer; z-index: 1; background: url("../images/varios/add.png") no-repeat center center; background-size: 30px; }
label .added:hover { background-size: 35px; }
label .added.half { right: -205%; }
label .added.cincocinco { right: -305%; }
label.duo .added.half { right: -430%; }
label.right-side .added { right: 0; left: 100%; }
label.red { background-color: red; color: white; }

.smallinput .added { margin: -5px 5px 0 0; background-size: 20px; }
.smallinput .added:hover { background-size: 25px; }

.smallinput th a.added { position: absolute; top: 0; right: 0; width: 18px; height: 18px; opacity: 1; background: transparent url(../images/varios/addw.png) no-repeat center center; margin: 0; padding: 2px; background-size: 12px; }
.smallinput th a.added:hover { background-size: 17px; }

.boton.cancelar, div#reportepop a.boton.cancelar, div#reportepop form input.cancelar[type=submit], form div#reportepop input.cancelar[type=submit], div#reportepop .cancelar.boton.botonaccion, .boton.cancel, .boton.borrar { float: left; position: absolute; bottom: 10px; left: 10px; background-color: red; border-top: 1px solid #ff5959; border-left: 1px solid #ff5959; }
.boton.cancelar:hover, div#reportepop a.boton.cancelar:hover, div#reportepop form input.cancelar[type=submit]:hover, form div#reportepop input.cancelar[type=submit]:hover, div#reportepop .cancelar.boton.botonaccion:hover, .boton.cancel:hover, .boton.borrar:hover { background-color: #ff3333; color: white; border-top: none; border-left: none; border-bottom: 1px solid #990000; border-right: 1px solid #990000; }
.boton.red { background-color: red; }
.boton.red:hover { background-color: crimson; }
.boton.green { background-color: ColorSec; }
.boton.green:hover { background-color: olivedrab; }
.boton.orange { background-color: orange; }
.boton.orange:hover { background-color: darkorange; }
.boton.lightgreen { background-color: skyblue; }

p.losbotones { clear: both; }

form.basico.w500 { width: 500px; max-width: 500px; }
form.basico.medio { width: 800px; max-width: 800px; }
form.basico.medio.cobranza { width: 600px; float: left; margin: 0 10px 0 0; }
form.basico.big { width: 850px; max-width: 850px; }

#pestanas { float: left; clear: both; display: block; width: 100%; padding: 0 20px; border-bottom: 5px solid rgba(238, 143, 34, 0.8); width: 91%; margin: 0 1%; }
#pestanas ul { list-style: none; }
#pestanas li a { width: auto; max-width: 400px; padding: 8px 10px; display: inline-block; text-align: center; background-color: rgba(234, 234, 234, 0.4); color: gray; float: left; font-size: 12px; margin-right: 1px; vertical-align: bottom; text-transform: uppercase; }
#pestanas li:first-child { margin-left: -20px; }
#pestanas li.activo a, #pestanas li:hover a { background-color: rgba(238, 143, 34, 0.8); color: white; }
#pestanas li.activo a { font-size: 20px; padding: 8px 15px 3px 15px; margin-top: -4px; text-transform: uppercase; font-size: lighter; }

form.basico.cliente { min-width: 530px; }

form.basico.smallinput input[type=text], .smallinput input[type=text], form.basico.smallinput input[type=number], .smallinput input[type=number], form.basico.smallinput textarea, .smallinput textarea, form.basico.smallinput select, .smallinput select, form.basico.smallinput label, .smallinput label, form.basico.smallinput span.custom-combobox, .smallinput span.custom-combobox, form.basico.smallinput .custom-combobox-input, .smallinput .custom-combobox-input { height: 26px; margin: 1px 0 !important; }
form.basico.smallinput select, .smallinput select, form.basico.smallinput span.custom-combobox, .smallinput span.custom-combobox, form.basico.smallinput .custom-combobox-input, .smallinput .custom-combobox-input { background-size: 15px; }
form.basico.smallinput select.picker__select--year, .smallinput select.picker__select--year, form.basico.smallinput select.picker__select--month, .smallinput select.picker__select--month, form.basico.smallinput span.custom-combobox.picker__select--year, .smallinput span.custom-combobox.picker__select--year, form.basico.smallinput span.custom-combobox.picker__select--month, .smallinput span.custom-combobox.picker__select--month, form.basico.smallinput .custom-combobox-input.picker__select--year, .smallinput .custom-combobox-input.picker__select--year, form.basico.smallinput .custom-combobox-input.picker__select--month, .smallinput .custom-combobox-input.picker__select--month { margin-top: -4px !important; margin-bottom: 10px !important; }
form.basico.smallinput select.picker__select--year, .smallinput select.picker__select--year, form.basico.smallinput span.custom-combobox.picker__select--year, .smallinput span.custom-combobox.picker__select--year, form.basico.smallinput .custom-combobox-input.picker__select--year, .smallinput .custom-combobox-input.picker__select--year { margin-left: 90px !important; }
form.basico.smallinput label, .smallinput label { line-height: 1.9em; }
form.basico.smallinput label.lduo, .smallinput label.lduo { margin-left: 5px !important; }
form.basico.smallinput label.radio span, .smallinput label.radio span { top: 2px; width: 12px; height: 12px; background-size: 10px; }
form.basico.smallinput label.checkbox span, .smallinput label.checkbox span { top: 2px; width: 12px; height: 12px; background-size: 10px; top: 3px; }
form.basico.smallinput div.radiobox, .smallinput div.radiobox { height: 25px; margin: 0 0; }
form.basico.smallinput input.falsemin, .smallinput input.falsemin, form.basico.smallinput textarea.falsemin, .smallinput textarea.falsemin, form.basico.smallinput select.falsemin, .smallinput select.falsemin, form.basico.smallinput label.falsemin, .smallinput label.falsemin { height: 30px; margin: 10px 0 0 5px; padding: 8px 7px 8px 7px; }
form.smallinput input[type=submit].falsemin, .smallinput input[type=submit].falsemin { height: 30px; margin: 10px 0 0 5px; padding: 8px 7px 8px 7px; }
form.basico.left { float: left; clear: none; width: 68.3%; }
form.basico.left.fclientes { height: auto; }
form.basico.left.fprendas { height: auto; padding-top: 25px; margin-top: -115px; margin-bottom: 10px; }
form.basico.left.fprendas h4 { line-height: 1em; }
form.basico.left-help { float: left; clear: none; width: 250px; height: auto; margin-left: 10px; margin-bottom: 10px; }
form.basico.left-help label { width: 40%; }
form.basico.left-help input, form.basico.left-help textarea, form.basico.left-help select { width: 60%; }

#hold { width: 950px; margin: 0 auto; position: relative; }

#recla-producto { width: 100%; display: block; height: auto; position: relative; float: left; background-color: rgba(255, 255, 255, 0.3); padding: 20px; margin-top: -10px; }
#recla-producto .remove { float: left; display: block; clear: left; width: 80px; font-size: 11px; margin-top: 12px; color: #666; cursor: pointer; }
#recla-producto label { clear: none; }
#recla-producto input.half { margin-right: 0; }
#recla-producto h3 { margin: 0; font-size: 20px; }
#recla-producto h3 .saldo { color: green; }

#arecla { float: left; width: 160px; display: block; margin: 0 10px 0 0; padding: 10px; background-color: #A2D1E7; }
#arecla .recla-producto { width: 100%; float: left; color: white; font-size: 13px; margin: 2px 0; }
#arecla .recla-producto.activo { color: blue; font-size: 14px; }

form.basico.full { width: 96%; margin-top: 20px; }

div.topright.auxiliares { margin-top: 0; margin-right: -10px; }

.fright { float: right !important; }

.topright.auxiliares .auxiliar { margin: 1px 0; padding: 0; display: block; }
.topright.auxiliares .auxiliar:before { content: ""; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left: 5px; width: 37px; height: 35.6545454545px; background-repeat: no-repeat; background-position: center right; background-size: 37px 35.6545454545px; display: block; }
.topright.auxiliares .auxiliar:hover:before { margin-left: -8.0727272727px; width: 43.7272727273px; background-size: 43.7272727273px 35.6545454545px; }
.topright.auxiliares .auxiliar.archivos:before { background-image: url(../images/varios/archivos.png); }
.topright.auxiliares .auxiliar.archivos:hover:before { background-image: url(../images/varios/sarchivos.png); }
.topright.auxiliares .auxiliar.historial:before { background-image: url(../images/varios/historial.png); }
.topright.auxiliares .auxiliar.historial:hover:before { background-image: url(../images/varios/shistorial.png); }
.topright.auxiliares .auxiliar.editar2:before { background-image: url(../images/varios/editar2.png); }
.topright.auxiliares .auxiliar.editar2:hover:before { background-image: url(../images/varios/seditar2.png); }
.topright.auxiliares .auxiliar.star:before { background-image: url(../images/varios/star.png); }
.topright.auxiliares .auxiliar.star:hover:before { width: 37px; height: 35.6545454545px; background-size: 37px 35.6545454545px; margin-left: inherit; }
.topright.auxiliares .auxiliar.coyote:before { background-image: url(../images/varios/coyote.png); }
.topright.auxiliares .auxiliar.coyote:hover:before { width: 37px; height: 35.6545454545px; background-size: 37px 35.6545454545px; margin-left: inherit; }

#montos { float: right; margin-top: -50px; margin-bottom: 15px; width: 450px; }
#montos label { width: 20%; }
#montos input { width: 29%; margin-right: 1%; }
#montos input:disabled.avaluo-total { font-size: 13px; text-align: right; }

table input, table select { margin: 0; padding: 0; width: 100% !important; text-align: center; height: 30px; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; border-bottom-right: 0 !important; -webkit-border-top-right-radius: 0 !important; -moz-border-radius-topright: 0 !important; border-top-right: 0 !important; }
table select { background-size: 10px !important; padding-left: 4px; }

#datoscliente { float: left; margin: 10px 0; }
#datoscliente label { background-color: #6c6c6c; }

ul.items { list-style: none; height: auto; }

li.item { list-style: none; float: left; display: inline-block; clear: both; height: auto; width: 100%; }
li.item .borrar-item { float: left; position: absolute; z-index: 2; margin-left: -10px; cursor: pointer; }

.resaltado { padding: 0 0 20px 20px; background-color: rgba(0, 0, 0, 0.07); border: 1px dotted white; }
.resaltado.light { background-color: rgba(0, 0, 0, 0.03); }

fieldset { width: 100%; border: none; display: block; height: auto; float: left; margin-top: 10px; }
fieldset:disabled { max-height: 0; padding: 0; overflow: hidden; border: none; }
fieldset:disabled.resalta { border: none; }
fieldset.resalta { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; background-color: rgba(255, 255, 255, 0.5); border: 1px dotted white; }

form.basico { position: relative; }
form.basico.filtro-normal { width: 80%; padding-top: 20px; margin-bottom: 20px; }
form.basico.filtro-small { width: 80%; padding-top: 20px; margin-bottom: 20px; }

form.filtros_ { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; position: inherit; min-width: 91%; margin: 0 1%; padding: 0 20px 10px 20px; max-height: 35px; overflow: inherit; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; border-radius: none; }
form.filtros_ h4 { margin: 0; padding: 0; }
form.filtros_.moreless.closed { max-height: 35px; }

.opcionesMod { width: 50%; float: left; background-color: #f7f7f7; padding: 10px; }
.opcionesMod.single-button { width: auto; background-color: transparent; }
.opcionesMod.single-button .accion { float: inherit; margin: 0 auto; display: block; }

form.avatar h3.fnombre { padding-left: 60px !important; }

form figure.avatar { float: left; margin: -52px auto 0 auto; width: 45px; height: auto; overflow: hidden; border: 1px solid white; }
form figure.avatar .avatar-img { width: 100%; }

.triggerButton { position: relative; padding-right: 25px !important; }
.triggerButton:after { content: ""; height: 10px; width: 10px; position: absolute; right: 5px; top: 5px; display: block; background: transparent url(../images/bad.png) no-repeat center center; background-size: 10px; }
.triggerButton.enUso:after { background: transparent url(../images/good.png) no-repeat center center; background-size: 10px; }
.triggerButton .mini { width: 25px; height: 25px; overflow: hidden; float: right; margin: 0 0 0 10px; }
.triggerButton .mini img { width: 100%; }

.scanner { position: fixed; z-index: 2000; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); }
.scanner .interface { position: relative; margin: 30px auto; width: 700px; height: 393px; padding: 20px; background-color: white; -webkit-box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7); -moz-box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7); -ms-box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7); box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7); }
.scanner .interface .camara, .scanner .interface .screenshot { width: 100%; margin: -20px 0 0 -20px; height: auto; position: absolute; z-index: 1; }
.scanner .interface .screenshot { z-index: 2; }
.scanner .interface .screenshot.hide { display: none !important; }
.scanner .interface .screen { width: 2000px; height: auto; display: none; }
.scanner .interface button:focus { border: none; outline: 0; }
.scanner .interface button.tomarfoto { width: 110px; height: 75px; position: absolute; display: block; z-index: 100; top: 35%; left: 50%; margin: 0 0 0 -55px; padding: 0; background: transparent url(../images/varios/foto.png) no-repeat center center; opacity: 0.05; border: none; }
.scanner .interface:hover button.tomarfoto { opacity: 0.15; }
.scanner .interface .scan-botones { position: absolute; z-index: 3; top: 0; left: 5px; }
.scanner .interface .scan-botones .boton.usar, .scanner .interface .scan-botones .boton.cancelar, .scanner .interface .scan-botones div#reportepop a.boton.cancelar, div#reportepop .scanner .interface .scan-botones a.boton.cancelar, .scanner .interface .scan-botones div#reportepop form input.cancelar[type=submit], div#reportepop form .scanner .interface .scan-botones input.cancelar[type=submit], .scanner .interface .scan-botones form div#reportepop input.cancelar[type=submit], form div#reportepop .scanner .interface .scan-botones input.cancelar[type=submit], .scanner .interface .scan-botones div#reportepop .cancelar.boton.botonaccion, div#reportepop .scanner .interface .scan-botones .cancelar.boton.botonaccion { float: left; position: relative !important; bottom: 0; }
.scanner .interface .scan-botones .boton.usar { background-color: limegreen; }

ul.listadearchivos, ul.listadeobjetos { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
ul.listadearchivos li, ul.listadeobjetos li { height: 30px !important; margin: 3px 0; width: 100%; display: block; float: left; clear: left; position: relative; padding: 6px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/reporte.png?v2) no-repeat center left 5px; background-color: rgba(128, 128, 128, 0.12); background-size: 20px; padding-left: 20px; }
ul.listadearchivos li p, ul.listadeobjetos li p { font-size: 12px; font-weight: bold; margin-left: 15px; }
ul.listadearchivos li p i, ul.listadeobjetos li p i { font-weight: normal; margin-left: 10px; }
ul.listadearchivos li.other, ul.listadeobjetos li.other { width: 70%; margin: 2px; padding-left: 20px; }
ul.listadearchivos li.refaccion, ul.listadeobjetos li.refaccion { background: url(../images/refacciong.png?v2) no-repeat center left 5px; background-color: rgba(128, 128, 128, 0.12); background-size: 20px; }
ul.listadearchivos li.refaccion p, ul.listadeobjetos li.refaccion p { text-transform: uppercase; }
ul.listadearchivos li a.boton.borrar, ul.listadearchivos li form input.borrar[type=submit], form ul.listadearchivos li input.borrar[type=submit], ul.listadearchivos li .borrar.boton.botonaccion, ul.listadearchivos li div#reportepop a.borrar.boton.botonaccion, div#reportepop ul.listadearchivos li a.borrar.boton.botonaccion, ul.listadeobjetos li a.boton.borrar, ul.listadeobjetos li form input.borrar[type=submit], form ul.listadeobjetos li input.borrar[type=submit], ul.listadeobjetos li .borrar.boton.botonaccion, ul.listadeobjetos li div#reportepop a.borrar.boton.botonaccion, div#reportepop ul.listadeobjetos li a.borrar.boton.botonaccion { position: absolute; left: 0; top: 5px; padding: 3px !important; height: 10px !important; line-height: 0.7em !important; margin: 0 !important; display: none; }
ul.listadearchivos li a.boton.openfile, ul.listadearchivos li form input.openfile[type=submit], form ul.listadearchivos li input.openfile[type=submit], ul.listadearchivos li .openfile.boton.botonaccion, ul.listadearchivos li div#reportepop a.openfile.boton.botonaccion, div#reportepop ul.listadearchivos li a.openfile.boton.botonaccion, ul.listadeobjetos li a.boton.openfile, ul.listadeobjetos li form input.openfile[type=submit], form ul.listadeobjetos li input.openfile[type=submit], ul.listadeobjetos li .openfile.boton.botonaccion, ul.listadeobjetos li div#reportepop a.openfile.boton.botonaccion, div#reportepop ul.listadeobjetos li a.openfile.boton.botonaccion { position: absolute; right: 5px; top: 3px; padding: 5px !important; margin: 0 !important; font-size: 10px; }
ul.listadearchivos li:hover a.boton.borrar, ul.listadearchivos li:hover form input.borrar[type=submit], form ul.listadearchivos li:hover input.borrar[type=submit], ul.listadearchivos li:hover .borrar.boton.botonaccion, ul.listadearchivos li:hover div#reportepop a.borrar.boton.botonaccion, div#reportepop ul.listadearchivos li:hover a.borrar.boton.botonaccion, ul.listadeobjetos li:hover a.boton.borrar, ul.listadeobjetos li:hover form input.borrar[type=submit], form ul.listadeobjetos li:hover input.borrar[type=submit], ul.listadeobjetos li:hover .borrar.boton.botonaccion, ul.listadeobjetos li:hover div#reportepop a.borrar.boton.botonaccion, div#reportepop ul.listadeobjetos li:hover a.borrar.boton.botonaccion { display: block; }
ul.listadearchivos.table li, ul.listadeobjetos.table li { line-height: 1.5em; padding: 3px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 22px !important; background-size: 15px; }
ul.listadearchivos.table li p, ul.listadeobjetos.table li p { font-size: 11px; }
ul.listadearchivos.table li p i, ul.listadeobjetos.table li p i { margin-left: 3px; }

#carrito { position: fixed; right: 20px; top: 85px; width: 250px; display: block; height: 100px; }

.carrito { background-color: rgba(0, 0, 0, 0.04); padding: 0 15px 55px 15px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

.archivosCapturables { position: relative; clear: both; text-align: center; }
.archivosCapturables .boton { float: none; display: inline-block; }

div.topright { position: absolute; top: 10px; right: 10px; }

.topRight { position: absolute; text-align: right; }

.topRight { top: 25px; right: 25px; color: #1D1D1B; font-weight: 500; }
.topRight small { font-size: 14px; text-transform: uppercase; }
.topRight span.folio { color: #ee8f22; font-size: 20px; }

label.requerido:before { content: ""; position: absolute; height: 100%; width: 2px; background-color: gold; top: 0; right: 0; }
label.requerido.right-side:before { right: inherit; left: 0; }

.valError { border: 1px solid orange !important; }

label.valError { background-color: orange !important; }

.valRequerido { border: 1px solid red !important; }

label.valRequerido { background-color: red !important; color: white; }
label.valRequerido:before { content: none; }

.det-comment { position: relative; padding: 15px 0; display: block; height: auto; background-color: white; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; clear: both; margin-bottom: 10px; }
.det-comment .comment-check { width: 22px; position: absolute; right: 0; top: 0; margin: 3px 5px 0 0; }
.det-comment .comment-check .Labelbox { border: none; background-color: #f0f0f0; width: 20px; height: 20px; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; border-radius: 5px !important; }
.det-comment .comment-check .Labelbox.activo, .det-comment .comment-check .Labelbox.activo.disabled { background: #f0f0f0 url(../images/good.png) no-repeat center center; background-size: 17px; box-shadow: none; }
.det-comment .comment-info { font-size: 11px; padding-left: 52px; }
.det-comment .comment-info span { display: block; float: left; }
.det-comment .comment-info span.comment-author { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: orange; }
.det-comment .comment-info span.comment-date { color: #ccc; margin-left: 5px; margin-top: 1px; }
.det-comment .comment-content { position: relative; font-size: 12px; padding-left: 52px; }
.det-comment:after { content: ""; background-color: #ebebeb; height: 26px; width: 26px; display: block; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; position: absolute; top: 50%; left: 13px; margin-top: -13px; }
.det-comment.rosa:after { background-color: #ffaab9; }
.det-comment.verde:after { background-color: limegreen; }
.det-comment.azul:after { background-color: #71c5e7; }
.det-comment.naranja:after { background-color: orange; }
.det-comment.gris:after { background-color: #ebebeb; }
.det-comment.rojo:after { background-color: red; }
.det-comment.cafe:after { background-color: #833b1f; }

.contenedor.edge { height: auto; min-height: 67px; padding-bottom: 23px; }
.contenedor.edge .comment.full { margin-left: -28px; position: absolute; padding: 10px 90px 10px 10px; -webkit-border-radius: none !important; -moz-border-radius: none !important; -ms-border-radius: none !important; border-radius: none !important; }
.contenedor.edge input.accion { margin-right: -7px !important; margin-bottom: -32px; }
.contenedor.edge .alerta.pop { display: none !important; }

.pop .contenedor.edge .comment.full { margin-left: -37px; }

.colorBox { position: relative; float: right; height: 57px; width: 100px; top: 10px; right: 0; margin-right: -15px; }
.colorBox .colorSelect { cursor: pointer; width: 12px; height: 12px; display: block; background-color: #ebebeb; float: left; border: 4px solid #f0f0f0; margin: 2.5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; }
.colorBox .colorSelect.activo, .colorBox .colorSelect:hover { width: 20px; height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; border: none; }
.colorBox .colorSelect.rosa { background-color: #ffaab9; }
.colorBox .colorSelect.verde { background-color: limegreen; }
.colorBox .colorSelect.azul { background-color: #71c5e7; }
.colorBox .colorSelect.naranja { background-color: orange; }
.colorBox .colorSelect.gris { background-color: #ebebeb; }
.colorBox .colorSelect.rojo { background-color: red; }
.colorBox .colorSelect.cafe { background-color: #833b1f; }

span.rosa { color: #ffaab9; }
span.azul { color: #71c5e7; }

.deno { background-size: 30px; background-repeat: none; background-position: center center; display: block; width: 30px; height: 30px; margin: 0 auto; display: inline-block; }
.deno.d1000 { background-image: url(../images/denominaciones/1000b.png); }
.deno.d500 { background-image: url(../images/denominaciones/500b.png); }
.deno.d200 { background-image: url(../images/denominaciones/200b.png); }
.deno.d100 { background-image: url(../images/denominaciones/100b.png); }
.deno.d50 { background-image: url(../images/denominaciones/50b.png); }
.deno.d20 { background-image: url(../images/denominaciones/20b.png); }
.deno.dm { background-image: url(../images/denominaciones/mb.png); }

#abonosholder.fixed { position: relative; }
@media (min-width: 1020px) { #abonosholder.fixed #abonos { margin-right: 300px; }
  #abonosholder.fixed #cart { position: fixed; top: 10px; left: 50%; margin-left: 180px; } }
@media (min-width: 1100px) { #abonosholder.fixed #abonos { margin-right: 300px; }
  #abonosholder.fixed #cart { position: fixed; top: 10px; left: 50%; margin-left: 140px; } }

#reportepop { position: relative; width: 100%; width: 950px; margin: 10px auto; padding: 0 0 0 0; height: auto; display: block; background-color: transparent; font-size: 11px; }
#reportepop .chori { width: 320px; font-size: 1.3em; }

#reporte { width: 100%; max-width: 950px; margin: 0 0 10px 0; display: block; height: auto; border: none !important; background-color: white; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; }
#reporte div.topright { position: absolute; top: 10px; right: 10px; text-align: right; }
#reporte h1 { font-size: 1.5em; color: black; }
#reporte h2 { font-size: 1.4em; color: black; }
#reporte h3 { font-size: 1.3em; color: #333; }
#reporte h4 { font-size: 1.2em; color: #666; }
#reporte span.fecha { font-size: 1em; color: #666; }
#reporte.contrato { height: 1220px; }

.no-margin { margin: 0; padding: 0; }

#reporte header { height: 100px; width: 100%; display: block; overflow: hidden; background-color: #FFFFFF; top: 0; left: 0; position: relative; }
#reporte header h1 { margin-top: 0; }
#reporte header h1 img { display: inline; vertical-align: middle; width: 140px; margin-top: 0; }
#reporte div.topcenter { position: absolute; width: 35%; top: 0; left: 50%; margin-left: -17.5%; text-align: center; }
#reporte table { font-size: 12px; margin-bottom: 20px; }
#reporte table th { font-size: 1em; background-color: #f0f0f0; padding: 5px !important; letter-spacing: 1px; }
#reporte table td { padding: 5px; }
#reporte table.prendas { float: left; width: 470px !important; }
#reporte table.tasa { float: left; width: 450px !important; }
#reporte table.tasa th { text-align: left; }

table.recibo { position: relative; height: auto; display: inline-block; width: 100%; }
table.datosgenerales { position: relative; height: auto; display: inline-block; width: 100%; border-bottom: 1px solid #f0f0f0; margin-top: 10px; }
table.datosgenerales td { width: 30%; background-color: transparent; text-align: left; width: 20.23%; padding: 5px; }
table.datosgenerales th { text-align: left; background-color: #f0f0f0; padding: 5px !important; width: 13%; letter-spacing: 1px; }
table.datosgenerales tr td, table.datosgenerales tr:nth-child(odd) td { background-color: white !important; }

#reportepop p.botones { position: relative !important; }

span.red { color: red; }

.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.2; filter: alpha(opacity=50); }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: white; }

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }

.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }

.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }

img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }
@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg, .mfp-zoom .mfp-container, .mfp-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-with-zoom.mfp-ready .mfp-container, .mfp-zoom.mfp-ready .mfp-container { opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg, .mfp-zoom.mfp-ready.mfp-bg { opacity: 0.5; filter: alpha(opacity=50); }
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg, .mfp-zoom.mfp-removing .mfp-container, .mfp-zoom.mfp-removing.mfp-bg { opacity: 0; }

#line-template { display: none; }

table { width: 100%; text-align: center; border-spacing: 0; position: relative; }
table.vertical th { width: 30%; text-align: left; border-bottom: 1px solid white; }
table.secondleft td:nth-child(2), table.secondleft td:nth-child(3) { text-align: left; }

div.table p.info { font-size: 11px !important; margin: 0; font-weight: 400; color: #666; padding: 0 0 0 10px; background: none; }

a.accion img { width: 20px; }

span.merged { width: 100%; height: 25px; display: block; background-image: url(../images/merge-g.png); background-position: center left 60%; background-repeat: no-repeat; background-size: 25px; opacity: 0.2; }

table td { border-top: none; padding: 2px; position: relative; }
table td.origen-arrow:after { content: ""; width: 0; height: 0; border-left: 8px solid #666; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; right: 0; z-index: 2; margin-right: -5px; }
table td.merged { background-image: url(../images/merge-g.png); background-position: center left 60%; background-repeat: no-repeat; background-size: 25px; opacity: 0.2; }
table td.merged.entradasysalidasde:before { content: ""; }
table td.merged.entradasysalidasde { padding-left: 0; }
table td.entradasysalidasde:before { content: "CONCENTRADO DE "; }
table td.entradasysalidasde { padding-left: 30px; }
table th { border-top: none; position: relative; font-weight: 400; font-size: 12px; text-align: center; background-color: rgba(255, 255, 255, 0.3); color: black; padding: 10px 6px; text-transform: uppercase; }
table td { font-size: 11px; font-weight: 400; padding: 4px 2px; color: #666; line-height: 1em; }
table td .edit { padding: 3px 0px 3px 3px; }
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 tr { background-color: rgba(255, 255, 255, 0.03); }
table tr td { background-color: rgba(0, 0, 0, 0.03); }
table tr td:nth-child(odd) { background-color: rgba(0, 0, 0, 0.01); }
table tr:nth-child(odd) { background-color: rgba(29, 29, 27, 0.03); }
table tr.lineadeTotal td { font-size: 12px; border-top: 1px solid #ccc !important; border-bottom: 15px solid white !important; background-color: white; }
table tr.lineadeTotal td.entradasysalidasde:before { content: ""; }
table tr.lineadeTotal.grand td { border-bottom: 25px solid white !important; }
table tr.lineadeTotal.grand td:first-child { border-top: 1px solid transparent !important; }
table.hover tr:hover { background-color: rgba(0, 0, 0, 0.02); }
table.firsten td:first-child { font-weight: bold; }
table.firstright td:first-child { text-align: right; }

tr:hover > td.eliminar > .deathnote { display: block; }

td.eliminar:hover > .deathnote { display: block; }
td.eliminar .deathnote { display: none; position: absolute; right: 0; margin-top: -25px; margin-right: -20px; cursor: pointer; opacity: 0.5; }
td.eliminar .deathnote:hover { opacity: 1; }

table tr.oro td:first-child { border-left: 3px solid gold; }
table tr.plata td:first-child { border-left: 3px solid silver; }
table tr.electronico td:first-child { border-left: 3px solid blue; }
table tr.automovil td:first-child { border-left: 3px solid black; }

span.oro { margin-right: 10px; }
span.oro:before { content: ""; display: inline-block; width: 3px; height: 10px; background-color: gold; }
span.plata { margin-right: 10px; }
span.plata:before { content: ""; display: inline-block; width: 3px; height: 10px; background-color: silver; }
span.electronico { margin-right: 10px; }
span.electronico:before { content: ""; display: inline-block; width: 3px; height: 10px; background-color: blue; }
span.automovil { margin-right: 10px; }
span.automovil:before { content: ""; display: inline-block; width: 3px; height: 10px; background-color: black; }

.dtticons { width: 10px; }

img.edit { width: 20px; }

table td.edit:hover { background-color: #B8DAE8; }

.red, .redred, .green { font-weight: 400; }

p.paginado { text-align: center; color: #999; font-size: 13px; }
p.paginado a { color: blue; }

table#items { border: none; background: black; background: rgba(0, 0, 0, 0.02); }
table#items th { border: none; text-transform: capitalize; }
table#items td { border: none; border-bottom: 1px solid #E5EAEA; }
table.log tbody td { padding: 3px 2px; font-size: 11px; font-family: "Helvetica", Arial, sans-serif; }
table.log .fecha { min-width: 130px; }
table.nuevaprenda { background: transparent; }
table.nuevaprenda thead tr th  { background-color: black !important; color: white; text-transform: capitalize; }
table .medida { background-repeat: no-repeat; background-position: left 2px center; background-size: 15px; padding-left: 15px; }
table .kg { background-image: url(../images/tablas/kg.png); }
table .gr { background-image: url(../images/tablas/gr.png); }
table .money { background-image: url(../images/tablas/money.png); text-align: right; }
table .l { background-image: url(../images/tablas/l.png); }
table .ml { background-image: url(../images/tablas/ml.png); }
table .t { background-image: url(../images/tablas/t.png); }
table .pz { background-image: url(../images/tablas/pz.png); }
table .percent { background-image: url(../images/tablas/percent.png); padding-left: 20px; }
table .k { background-image: url(../images/tablas/k.png); }

a.boton.table, form input.table[type=submit], .table.boton.botonaccion, div#reportepop a.table.boton.botonaccion, form a.boton.table, form input.table[type=submit], form .table.boton.botonaccion, form div#reportepop a.table.boton.botonaccion, div#reportepop form a.table.boton.botonaccion { margin: 1px auto !important; float: inherit !important; display: inline-block; padding: 5px 9px 4px 9px; width: 100%; text-align: center; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; clear: right; }
a.boton.table.green, form input.table.green[type=submit], .table.green.boton.botonaccion, div#reportepop a.table.green.boton.botonaccion, form a.boton.table.green, form input.table.green[type=submit], form .table.green.boton.botonaccion, form div#reportepop a.table.green.boton.botonaccion, div#reportepop form a.table.green.boton.botonaccion { border-left: 1px solid #00bd3f; border-top: 1px solid #00bd3f; background-color: #009933 !important; }
a.boton.table.green:hover, form input.table.green[type=submit]:hover, .table.green.boton.botonaccion:hover, div#reportepop a.table.green.boton.botonaccion:hover, form a.boton.table.green:hover, form input.table.green[type=submit]:hover, form .table.green.boton.botonaccion:hover, form div#reportepop a.table.green.boton.botonaccion:hover, div#reportepop form a.table.green.boton.botonaccion:hover { background-color: #00bd3f !important; border-right: 1px solid #007a29; border-bottom: 1px solid #007a29; }

table a.botontabla { width: 100%; height: 100%; display: block; margin: 1px 0; padding: 4px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a.boton.table.mid, form input.table.mid[type=submit], .table.mid.boton.botonaccion, div#reportepop a.table.mid.boton.botonaccion { padding: 5px 10px 4px 10px; margin-bottom: 1px; }

.cultyvo-filter { float: right; top: 20px; right: 20px; width: auto; }

input.cultyvo-filter-search { display: inline-block; width: 200px; height: 26px; padding: 4px; border: 1px solid #f0f0f0; }
input.cultyvo-filter-search:focus { outline: none; }

.cultyvo-filter-button { padding: 6px 10px; border-radius: 2px; border: none; display: inline-block; color: #fff; text-decoration: none; background-color: lightgray; height: 26px; margin-left: 5px; cursor: pointer; }
.cultyvo-filter-button:hover, .cultyvo-filter-button.active { background-color: red; }
.cultyvo-filter-button:focus { outline: none; }

.cultyvo-filter-sort { color: black; cursor: pointer; border-bottom: 1px solid transparent; border-top: 1px solid transparent; }
.cultyvo-filter-sort:hover { text-decoration: none; border-bottom: 1px solid red; margin-top: -1px; }
.cultyvo-filter-sort:focus { outline: none; }
.cultyvo-filter-sort.asc { border-top: 1px solid lightgray; }
.cultyvo-filter-sort.desc { border-bottom: 1px solid lightgray; }
.cultyvo-filter-sort.asc:after, .cultyvo-filter-sort.desc:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; content: ""; position: absolute; top: 4px; right: 5px; }
.cultyvo-filter-sort:after { display: inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; content: ""; position: absolute; top: 4px; right: 5px; }

ul.cultyvo-paginacion { display: inline-block; text-align: center; width: 100%; }
ul.cultyvo-paginacion li { list-style: none; display: inline-block; text-align: center; margin: 0 1px; font-size: 11px; }
ul.cultyvo-paginacion li .page { color: lightgray; padding: 3px 6px; background-color: #f9f9f9; }
ul.cultyvo-paginacion li.active a, ul.cultyvo-paginacion li .page:hover { font-size: 14px; color: red; }

.saldo { font-size: 13px; color: #333; }
.saldo:first-child { padding-left: 0; }
.saldo b { text-transform: uppercase; font-size: 0.9em; }
.saldo.saldoinicial b { color: #a2d1e7; }
.saldo.ingresos b { color: #1d98d1; }

h3.ingresos { color: #1d98d1; }

.saldo.egresos b, h3.egresos { color: red; }

.saldo.saldoa b, h3.saldoa { color: blue; }

table.trans { background-color: transparent; }
table.trans tr { background-color: transparent; }
table.trans tr th { background-color: #1D1D1B; color: #F6F6F6; padding: 4px; font-weight: lighter; font-size: 11px; text-transform: capitalize; }
table.trans tr th.remover { background-color: transparent; }
table.trans tr td { background-color: transparent; padding: 0; border-right: 1px solid #f0f0f0; }
table.trans tr td input { text-align: center; }

table.carrito { width: 320px; margin-left: -20px; background-color: transparent; }
table.carrito td { font-size: 11.5px; padding: 10px 2px; }
table.carrito td.resetfolio { cursor: pointer; }

table.onform tr { background-color: transparent; }
table.onform tr th { padding: 7px; }
table.onform tr th.acciones { background-color: transparent; }
table.onform tr td { padding: 3px; max-width: 200px; }

table tr.red { background-color: rgba(255, 199, 199, 0.5); }
table tr.red:nth-child(odd) { background-color: rgba(255, 174, 174, 0.55); }
table tr.red:nth-child(odd) td { background-color: transparent; background-color: rgba(255, 255, 255, 0.2) !important; }
table tr.red:nth-child(odd) td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.5) !important; }
table tr.green { background-color: rgba(169, 200, 17, 0.3); }
table tr.green:nth-child(odd) { background-color: rgba(155, 186, 5, 0.3); }
table tr.green:nth-child(odd) td { background-color: transparent; }
table tr.green:nth-child(odd) td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.05) !important; }
table tr.blue { background-color: rgba(204, 204, 255, 0.3); }
table tr.blue:nth-child(odd) { background-color: rgba(181, 181, 255, 0.3); }
table tr.blue:nth-child(odd) td { background-color: transparent; }
table tr.blue:nth-child(odd) td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.05) !important; }
table tr.yellow { background-color: #ffffd9; }
table tr.yellow:nth-child(odd) { background-color: rgba(255, 255, 122, 0.3); }
table tr.yellow:nth-child(odd) td { background-color: transparent; }
table tr.yellow:nth-child(odd) td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.05) !important; }
table.vertical th { width: 30%; text-align: left; border-bottom: 1px solid white; }
table tr td.sumar { color: white; background-color: #ff9494; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }
table tr td.sumar:nth-child(odd) { background-color: #ffa3a3; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }
table tr:nth-child(odd) td.sumar { -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }
table tr:nth-child(odd) td.sumar:nth-child(odd) { -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }

#sumatoria { position: fixed; bottom: 10px; right: 8%; z-index: 99999999; }

.sumatoria { float: right; background-color: #ee8f22; padding: 15px 20px; margin-left: 10px; color: white; -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37); -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37); -ms-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37); box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37); }

table th.acciones { background-color: white; }
table td.acciones { background-color: rgba(255, 255, 255, 0.5); }

/**ESTILO DE IMÁGENES PARA NOTAS* */
.notas-post { width: 23px; height: 23px; display: inline-block; overflow: hidden; background-image: url(../images/etiquetas.png); background-position: center left; background-repeat: no-repeat; background-size: 161px; }
.notas-post.notas-verde { background-position: center left -23px; }
.notas-post.notas-azul { background-position: center left -46px; }
.notas-post.notas-rosa { background-position: center left -69px; }
.notas-post.notas-roja, .notas-post.notas-rojo { background-position: center left -92px; }
.notas-post.notas-naranja { background-position: center left -115px; }
.notas-post.notas-cafe { background-position: center left -138px; }

#panel ul { list-style: none; width: 100%; clear: both; }
#panel ul:nth-child(2) li .boton { background-color: rgba(238, 143, 34, 0.8); }
#panel ul li { width: 15%; float: left; height: 60px; display: block; margin: 3px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#panel ul li .boton { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer !important; margin: 0; width: 100%; height: 100%; font-size: 14px; font-weight: 100; text-transform: capitalize; line-height: 2.6em; text-align: center; }

.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); }

.environment{ position: absolute; top: 0px; right: 0px; font-size: 10px; background: #353531; color: #FFFFFF;}