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

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

.btn-2 { background-image: url(../images/iconos/botones.png); background-repeat: no-repeat; background-size: 135px; width: 15px; height: 15px; display: block; }

.btn-2.campana-amarilla { background-position: 0px -0px; }

.btn-2.campana-amarilla.hover:hover { cursor: pointer; background-position: 0px -15px; }

.btn-2.tache-gris { background-position: -15px -0px; }

.btn-2.tache-gris.hover:hover { cursor: pointer; background-position: -15px -15px; }

.btn-2.plus-gris { background-position: -30px -0px; }

.btn-2.plus-gris.hover:hover { cursor: pointer; background-position: -30px -15px; }

.btn-2.reporte-verde { background-position: -45px -0px; }

.btn-2.reporte-verde.hover:hover { cursor: pointer; background-position: -45px -15px; }

.btn-2.cfdi-verde { background-position: -60px -0px; }

.btn-2.cfdi-verde.hover:hover { cursor: pointer; background-position: -60px -15px; }

.btn-2.doc-verde { background-position: -75px -0px; }

.btn-2.doc-verde.hover:hover { cursor: pointer; background-position: -75px -15px; }

.btn-2.doc-verde1 { background-position: -75px -15px; }

.btn-2.doc-verde1.hover:hover { cursor: pointer; background-position: -75px -15px; }

.btn-2.campana-azul { background-position: -90px -0px; }

.btn-2.campana-azul.hover:hover { cursor: pointer; background-position: -90px -15px; }

.btn-2.alerta { background-position: -105px -0px; }

.btn-2.alerta.hover:hover { cursor: pointer; background-position: -105px -15px; }

.btn-2.camara-alerta { background-position: -120px -0px; }

.btn-2.camara-alerta.hover:hover { cursor: pointer; background-position: -120px -15px; }

.btn-3 { background-image: url(../images/iconos/botones.png); background-repeat: no-repeat; background-size: 180px; width: 20px; height: 20px; display: block; }

.btn-3.campana-amarilla { background-position: 0px -0px; }

.btn-3.campana-amarilla.hover:hover { cursor: pointer; background-position: 0px -20px; }

.btn-3.tache-gris { background-position: -20px -0px; }

.btn-3.tache-gris.hover:hover { cursor: pointer; background-position: -20px -20px; }

.btn-3.plus-gris { background-position: -40px -0px; }

.btn-3.plus-gris.hover:hover { cursor: pointer; background-position: -40px -20px; }

.btn-3.reporte-verde { background-position: -60px -0px; }

.btn-3.reporte-verde.hover:hover { cursor: pointer; background-position: -60px -20px; }

.btn-3.cfdi-verde { background-position: -80px -0px; }

.btn-3.cfdi-verde.hover:hover { cursor: pointer; background-position: -80px -20px; }

.btn-3.doc-verde { background-position: -100px -0px; }

.btn-3.doc-verde.hover:hover { cursor: pointer; background-position: -100px -20px; }

.btn-3.doc-verde1 { background-position: -100px -20px; }

.btn-3.doc-verde1.hover:hover { cursor: pointer; background-position: -100px -20px; }

.btn-3.campana-azul { background-position: -120px -0px; }

.btn-3.campana-azul.hover:hover { cursor: pointer; background-position: -120px -20px; }

.btn-3.alerta { background-position: -140px -0px; }

.btn-3.alerta.hover:hover { cursor: pointer; background-position: -140px -20px; }

.btn-3.camara-alerta { background-position: -160px -0px; }

.btn-3.camara-alerta.hover:hover { cursor: pointer; background-position: -160px -20px; }

.btn-4 { background-image: url(../images/iconos/botones.png); background-repeat: no-repeat; background-size: 360px; width: 40px; height: 40px; display: block; }

.btn-4.campana-amarilla { background-position: 0px -0px; }

.btn-4.campana-amarilla.hover:hover { cursor: pointer; background-position: 0px -40px; }

.btn-4.tache-gris { background-position: -40px -0px; }

.btn-4.tache-gris.hover:hover { cursor: pointer; background-position: -40px -40px; }

.btn-4.plus-gris { background-position: -80px -0px; }

.btn-4.plus-gris.hover:hover { cursor: pointer; background-position: -80px -40px; }

.btn-4.reporte-verde { background-position: -120px -0px; }

.btn-4.reporte-verde.hover:hover { cursor: pointer; background-position: -120px -40px; }

.btn-4.cfdi-verde { background-position: -160px -0px; }

.btn-4.cfdi-verde.hover:hover { cursor: pointer; background-position: -160px -40px; }

.btn-4.doc-verde { background-position: -200px -0px; }

.btn-4.doc-verde.hover:hover { cursor: pointer; background-position: -200px -40px; }

.btn-4.doc-verde1 { background-position: -200px -40px; }

.btn-4.doc-verde1.hover:hover { cursor: pointer; background-position: -200px -40px; }

.btn-4.campana-azul { background-position: -240px -0px; }

.btn-4.campana-azul.hover:hover { cursor: pointer; background-position: -240px -40px; }

.btn-4.alerta { background-position: -280px -0px; }

.btn-4.alerta.hover:hover { cursor: pointer; background-position: -280px -40px; }

.btn-4.camara-alerta { background-position: -320px -0px; }

.btn-4.camara-alerta.hover:hover { cursor: pointer; background-position: -320px -40px; }

.iconos { background-image: url(../images/iconos/iconos.png); background-repeat: no-repeat; background-size: 30px; width: 15px; height: 15px; display: block; }

.iconos.basura-blanco { background-position: 0px -0px; }

.iconos.basura-blanco.hover:hover { cursor: pointer; background-position: 0px -15px; }

.iconos.person-blanco { background-position: 0px -15px; }

.iconos.person-blanco.hover:hover { cursor: pointer; background-position: 0px -15px; }

.inline-block { display: inline-block; margin-left: 2px; vertical-align: middle; }

.hojarecibo { background-color: #fff; }

* { padding: 0; margin: 0; outline: 0; }

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

html, body { display: block; max-width: 100%; }

@media (max-width: 900px) { html, body { max-width: auto; overflow: auto; } }

img { display: block; }

.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 reporte a soporte@cultyvo.com'; color: #fcfcfc; font-size: 1.1em; clear: both; float: left; position: absolute; top: 5px; left: 5px; text-transform: lowercase; }

body { font-family: "Nunito", 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, form input[type=submit], .smallinput input[type=submit], .boton.botonaccion, form input.botonaccion[type=submit], div#reportepop a.botonaccion.boton, div#reportepop form input.botonaccion.boton[type=submit], div#reportepop .smallinput input.botonaccion.boton[type=submit], form div#reportepop input.botonaccion.boton[type=submit], .smallinput div#reportepop input.botonaccion.boton[type=submit], div#reportepop .botonaccion.boton { border: none; text-decoration: none; }

a img, form input[type=submit] img, .smallinput input[type=submit] img, .boton.botonaccion img, form input.botonaccion[type=submit] img, div#reportepop .botonaccion.boton img { border: none; text-decoration: none; }

a.rightup, form input.rightup[type=submit], .smallinput input.rightup[type=submit], .rightup.boton.botonaccion, div#reportepop .rightup.botonaccion.boton, div#reportepop form input.rightup.botonaccion[type=submit], div#reportepop .smallinput input.rightup.botonaccion[type=submit], form div#reportepop input.rightup.botonaccion[type=submit], .smallinput div#reportepop input.rightup.botonaccion[type=submit] { float: right; margin-left: 10px; cursor: pointer; }

a.remove, form input.remove[type=submit], .smallinput input.remove[type=submit], .remove.boton.botonaccion, div#reportepop .remove.botonaccion.boton, div#reportepop form input.remove.botonaccion[type=submit], div#reportepop .smallinput input.remove.botonaccion[type=submit], form div#reportepop input.remove.botonaccion[type=submit], .smallinput div#reportepop input.remove.botonaccion[type=submit] { cursor: pointer; }

a.remove:hover, form input.remove[type=submit]:hover, .smallinput input.remove[type=submit]:hover, .remove.boton.botonaccion:hover, div#reportepop .remove.botonaccion.boton:hover, div#reportepop form input.remove.botonaccion[type=submit]:hover, div#reportepop .smallinput input.remove.botonaccion[type=submit]:hover, form div#reportepop input.remove.botonaccion[type=submit]:hover, .smallinput div#reportepop input.remove.botonaccion[type=submit]:hover { opacity: 0.8; }

a.pointer, form input.pointer[type=submit], .smallinput input.pointer[type=submit], .pointer.boton.botonaccion, div#reportepop .pointer.botonaccion.boton, div#reportepop form input.pointer.botonaccion[type=submit], div#reportepop .smallinput input.pointer.botonaccion[type=submit], form div#reportepop input.pointer.botonaccion[type=submit], .smallinput div#reportepop input.pointer.botonaccion[type=submit] { cursor: pointer; }

a.orange, form input.orange[type=submit], .smallinput input.orange[type=submit], .orange.boton.botonaccion, div#reportepop .orange.botonaccion.boton, div#reportepop form input.orange.botonaccion[type=submit], div#reportepop .smallinput input.orange.botonaccion[type=submit], form div#reportepop input.orange.botonaccion[type=submit], .smallinput div#reportepop input.orange.botonaccion[type=submit] { color: orange !important; }

a.corner-right, form input.corner-right[type=submit], .smallinput input.corner-right[type=submit], .corner-right.boton.botonaccion, div#reportepop .corner-right.botonaccion.boton, div#reportepop form input.corner-right.botonaccion[type=submit], div#reportepop .smallinput input.corner-right.botonaccion[type=submit], form div#reportepop input.corner-right.botonaccion[type=submit], .smallinput div#reportepop input.corner-right.botonaccion[type=submit] { position: absolute; top: 5px; right: 10px; }

.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, .notificacion.smallinput, #control-bar, a.boton.table, form input.boton.table[type=submit], .smallinput input.boton.table[type=submit], .boton.table.botonaccion, form input.table.botonaccion[type=submit], .smallinput input.table.botonaccion[type=submit], div#reportepop .table.botonaccion.boton { -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, form input.close[type=submit], .smallinput input.close[type=submit], .close.boton.botonaccion, div#reportepop .close.botonaccion.boton, div#reportepop form input.close.botonaccion[type=submit], div#reportepop .smallinput input.close.botonaccion[type=submit], form div#reportepop input.close.botonaccion[type=submit], .smallinput div#reportepop input.close.botonaccion[type=submit] { 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, form input.close[type=submit]:hover, .smallinput input.close[type=submit]:hover, .close.boton.botonaccion:hover, div#reportepop .close.botonaccion.boton:hover, div#reportepop form input.close.botonaccion[type=submit]:hover, div#reportepop .smallinput input.close.botonaccion[type=submit]:hover, form div#reportepop input.close.botonaccion[type=submit]:hover, .smallinput div#reportepop input.close.botonaccion[type=submit]: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(216, 35, 25, 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(216, 35, 25, 0.8); }

@media (max-width: 900px) { section { max-width: auto; } }

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

h2 small a, h2 small form input[type=submit], h2 small .smallinput input[type=submit], form h2 small input[type=submit], .smallinput h2 small input[type=submit], h2 small .boton.botonaccion, h2 small form input.botonaccion[type=submit], form h2 small input.botonaccion[type=submit], h2 small div#reportepop .botonaccion.boton, div#reportepop h2 small .botonaccion.boton { text-decoration: underline; }

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

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

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: #ffb3b3; }

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: #D40C1F; text-transform: uppercase; }

h1 img { display: inline; vertical-align: middle; width: 80px; margin-top: -8px; }

h1 img.arrowr { width: 10px; margin-top: -2px; margin-left: 10px; }

h1 small, h1 small a, h1 small form input[type=submit], h1 small .smallinput input[type=submit], form h1 small input[type=submit], .smallinput h1 small input[type=submit], h1 small .boton.botonaccion, h1 small form input.botonaccion[type=submit], form h1 small input.botonaccion[type=submit], h1 small div#reportepop .botonaccion.boton, div#reportepop h1 small .botonaccion.boton { 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, header.header h1 form input[type=submit], header.header h1 .smallinput input[type=submit], form header.header h1 input[type=submit], .smallinput header.header h1 input[type=submit], header.header h1 .boton.botonaccion, header.header h1 div#reportepop .botonaccion.boton, div#reportepop header.header h1 .botonaccion.boton { 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 .boton.botonaccion, .accesorapido form input.botonaccion[type=submit], .accesorapido .smallinput input.botonaccion[type=submit], form .accesorapido input.botonaccion[type=submit], .smallinput .accesorapido input.botonaccion[type=submit], .accesorapido div#reportepop .botonaccion.boton, div#reportepop .accesorapido .botonaccion.boton, .accesorapido div#reportepop form input.botonaccion[type=submit], .accesorapido div#reportepop .smallinput input.botonaccion[type=submit], form .accesorapido div#reportepop input.botonaccion[type=submit], .smallinput .accesorapido div#reportepop input.botonaccion[type=submit], div#reportepop .accesorapido form input.botonaccion[type=submit], div#reportepop .accesorapido .smallinput input.botonaccion[type=submit], form div#reportepop .accesorapido input.botonaccion[type=submit], .smallinput div#reportepop .accesorapido input.botonaccion[type=submit] { 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 .boton.botonaccion, .accesorapido:hover form input.botonaccion[type=submit], .accesorapido:hover .smallinput input.botonaccion[type=submit], form .accesorapido:hover input.botonaccion[type=submit], .smallinput .accesorapido:hover input.botonaccion[type=submit], .accesorapido:hover div#reportepop .botonaccion.boton, div#reportepop .accesorapido:hover .botonaccion.boton, .accesorapido:hover div#reportepop form input.botonaccion[type=submit], .accesorapido:hover div#reportepop .smallinput input.botonaccion[type=submit], form .accesorapido:hover div#reportepop input.botonaccion[type=submit], .smallinput .accesorapido:hover div#reportepop input.botonaccion[type=submit], div#reportepop .accesorapido:hover form input.botonaccion[type=submit], div#reportepop .accesorapido:hover .smallinput input.botonaccion[type=submit], form div#reportepop .accesorapido:hover input.botonaccion[type=submit], .smallinput div#reportepop .accesorapido:hover input.botonaccion[type=submit] { 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; color: #3b2d78; }

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, div.dash li form input[type=submit], div.dash li .smallinput input[type=submit], form div.dash li input[type=submit], .smallinput div.dash li input[type=submit], div.dash li .boton.botonaccion, div.dash li div#reportepop .botonaccion.boton, div#reportepop div.dash li .botonaccion.boton { 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, div.dash li:hover form input[type=submit], div.dash li:hover .smallinput input[type=submit], form div.dash li:hover input[type=submit], .smallinput div.dash li:hover input[type=submit], div.dash li:hover .boton.botonaccion, div.dash li:hover div#reportepop .botonaccion.boton, div#reportepop div.dash li:hover .botonaccion.boton { 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(216, 35, 25, 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: #fce8e7; 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, #nav ul form li.head > input[type=submit]:first-child, #nav ul .smallinput li.head > input[type=submit]:first-child, form #nav ul li.head > input[type=submit]:first-child, .smallinput #nav ul li.head > input[type=submit]:first-child, #nav ul li.head > .boton.botonaccion:first-child, #nav ul div#reportepop li.head > .botonaccion.boton: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.cobrar { background-image: url(../images/semiblanco/cobrar.png); }

#nav ul li.head.cobrar:hover, #nav ul li.head.cobrar.activo { background-image: url(../images/rojo/cobrar.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.head.configuracion { background-image: url(../images/semiblanco/configuracion.png); }

#nav ul li.head.configuracion:hover, #nav ul li.head.configuracion.activo { background-image: url(../images/rojo/configuracion.png); background-color: #1D1D1B; }

#nav ul li.level2 > a:first-child, #nav ul form li.level2 > input[type=submit]:first-child, #nav ul .smallinput li.level2 > input[type=submit]:first-child, form #nav ul li.level2 > input[type=submit]:first-child, .smallinput #nav ul li.level2 > input[type=submit]:first-child, #nav ul li.level2 > .boton.botonaccion:first-child, #nav ul div#reportepop li.level2 > .botonaccion.boton:first-child { text-transform: uppercase; color: #f4a39f; font-size: 1.1em; vertical-align: middle; }

#nav ul li.level2 > a:first-child:before, #nav ul form li.level2 > input[type=submit]:first-child:before, #nav ul .smallinput li.level2 > input[type=submit]:first-child:before, form #nav ul li.level2 > input[type=submit]:first-child:before, .smallinput #nav ul li.level2 > input[type=submit]:first-child:before, #nav ul li.level2 > .boton.botonaccion:first-child:before, #nav ul div#reportepop li.level2 > .botonaccion.boton: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, #nav ul li ul form input[type=submit], #nav ul li ul .smallinput input[type=submit], form #nav ul li ul input[type=submit], .smallinput #nav ul li ul input[type=submit], #nav ul li ul .boton.botonaccion { 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, #nav ul li form input[type=submit], #nav ul li .smallinput input[type=submit], form #nav ul li input[type=submit], .smallinput #nav ul li input[type=submit], #nav ul li .boton.botonaccion { 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.boton[type=submit], div.notificacion .smallinput input.boton[type=submit], form div.notificacion input.boton[type=submit], .smallinput div.notificacion input.boton[type=submit], div.notificacion .boton.botonaccion, div.notificacion form input.botonaccion[type=submit], div.notificacion .smallinput input.botonaccion[type=submit], form div.notificacion input.botonaccion[type=submit], .smallinput div.notificacion input.botonaccion[type=submit], div.notificacion div#reportepop .botonaccion.boton, div#reportepop div.notificacion .botonaccion.boton { 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.boton[type=submit]:hover, div.notificacion .smallinput input.boton[type=submit]:hover, form div.notificacion input.boton[type=submit]:hover, .smallinput div.notificacion input.boton[type=submit]:hover, div.notificacion .boton.botonaccion:hover, div.notificacion form input.botonaccion[type=submit]:hover, div.notificacion .smallinput input.botonaccion[type=submit]:hover, form div.notificacion input.botonaccion[type=submit]:hover, .smallinput div.notificacion input.botonaccion[type=submit]:hover, div.notificacion div#reportepop .botonaccion.boton:hover, div#reportepop div.notificacion .botonaccion.boton: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.boton[type=submit], div#reportepop .smallinput input.boton[type=submit], form div#reportepop input.boton[type=submit], .smallinput div#reportepop input.boton[type=submit], div#reportepop .boton.botonaccion, div#reportepop form input.botonaccion[type=submit], div#reportepop .smallinput input.botonaccion[type=submit], form div#reportepop input.botonaccion[type=submit], .smallinput div#reportepop input.botonaccion[type=submit], div#reportepop a.botonaccion.boton { 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.boton.fleft[type=submit], div#reportepop .smallinput input.boton.fleft[type=submit], form div#reportepop input.boton.fleft[type=submit], .smallinput div#reportepop input.boton.fleft[type=submit], div#reportepop .boton.fleft.botonaccion, div#reportepop form input.fleft.botonaccion[type=submit], div#reportepop .smallinput input.fleft.botonaccion[type=submit], form div#reportepop input.fleft.botonaccion[type=submit], .smallinput div#reportepop input.fleft.botonaccion[type=submit] { float: left; margin-top: -70px !important; }

div#reportepop a.boton.fleft.btn-fixed2, div#reportepop form input.boton.fleft.btn-fixed2[type=submit], div#reportepop .smallinput input.boton.fleft.btn-fixed2[type=submit], form div#reportepop input.boton.fleft.btn-fixed2[type=submit], .smallinput div#reportepop input.boton.fleft.btn-fixed2[type=submit], div#reportepop .boton.fleft.btn-fixed2.botonaccion, div#reportepop form input.fleft.btn-fixed2.botonaccion[type=submit], div#reportepop .smallinput input.fleft.btn-fixed2.botonaccion[type=submit], form div#reportepop input.fleft.btn-fixed2.botonaccion[type=submit], .smallinput div#reportepop input.fleft.btn-fixed2.botonaccion[type=submit] { position: fixed; left: 8%; top: 15% !important; z-index: 50000; }

div#reportepop a.boton:hover, div#reportepop form input.boton[type=submit]:hover, div#reportepop .smallinput input.boton[type=submit]:hover, form div#reportepop input.boton[type=submit]:hover, .smallinput div#reportepop input.boton[type=submit]:hover, div#reportepop .boton.botonaccion:hover, div#reportepop form input.botonaccion[type=submit]:hover, div#reportepop .smallinput input.botonaccion[type=submit]:hover, form div#reportepop input.botonaccion[type=submit]:hover, .smallinput div#reportepop input.botonaccion[type=submit]: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 .boton.botonaccion, div#reportepop form input.botonaccion[type=submit], div#reportepop .smallinput input.botonaccion[type=submit], form div#reportepop input.botonaccion[type=submit], .smallinput div#reportepop input.botonaccion[type=submit] { float: right; margin-top: -70px !important; margin-right: 10px !important; }

div#reportepop a.boton.cancelar, div#reportepop form input.boton.cancelar[type=submit], div#reportepop .smallinput input.boton.cancelar[type=submit], form div#reportepop input.boton.cancelar[type=submit], .smallinput div#reportepop input.boton.cancelar[type=submit], div#reportepop .boton.cancelar.botonaccion, div#reportepop form input.cancelar.botonaccion[type=submit], div#reportepop .smallinput input.cancelar.botonaccion[type=submit], form div#reportepop input.cancelar.botonaccion[type=submit], .smallinput div#reportepop input.cancelar.botonaccion[type=submit] { display: block; padding: 10px; height: 15px; margin: 0; top: -70px; float: left; }

div.notificacion a.boton:hover, div.notificacion form input.boton[type=submit]:hover, div.notificacion .smallinput input.boton[type=submit]:hover, form div.notificacion input.boton[type=submit]:hover, .smallinput div.notificacion input.boton[type=submit]:hover, div.notificacion .boton.botonaccion:hover, div.notificacion form input.botonaccion[type=submit]:hover, div.notificacion .smallinput input.botonaccion[type=submit]:hover, form div.notificacion input.botonaccion[type=submit]:hover, .smallinput div.notificacion input.botonaccion[type=submit]:hover, div#reportepop a.boton:hover, div#reportepop form input.boton[type=submit]:hover, div#reportepop .smallinput input.boton[type=submit]:hover, form div#reportepop input.boton[type=submit]:hover, .smallinput div#reportepop input.boton[type=submit]:hover, div#reportepop .boton.botonaccion:hover, div#reportepop form input.botonaccion[type=submit]:hover, div#reportepop .smallinput input.botonaccion[type=submit]:hover, form div#reportepop input.botonaccion[type=submit]:hover, .smallinput div#reportepop input.botonaccion[type=submit]: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, #alertas form input[type=submit], #alertas .smallinput input[type=submit], form #alertas input[type=submit], .smallinput #alertas input[type=submit], #alertas div#reportepop .boton.botonaccion, div#reportepop #alertas .boton.botonaccion { 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 form.basico.login, #login form.login.smallinput, #login .basico.login.smallinput, #login .login.smallinput, #login .login.smallinput { margin-bottom: 0; margin-top: 10px; background-color: rgba(216, 35, 25, 0.7); 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, #login .login.smallinput input { width: 100%; }

#login form.basico.login input.pass, #login .login.smallinput input.pass { width: 79%; }

#login form.basico.login input.inicio, #login .login.smallinput input.inicio { width: 28%; margin-top: 2px; }

#login form.basico.login h3, #login .login.smallinput 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: .5; }

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

.contenedor, form .bloqueform, form.basico .bloqueform, form.smallinput .bloqueform, .basico.smallinput .bloqueform, .smallinput .bloqueform { width: 98%; margin: 0.5%; display: block; padding: 0 5px; clear: both; }

.contenedor.w75, .contenedor.w40, .contenedor.w50, .contenedor.w60, .contenedor.w33, .contenedor.w25, form .bloqueform.w75, .smallinput .bloqueform.w75, form .bloqueform.w40, .smallinput .bloqueform.w40, form .bloqueform.w50, .smallinput .bloqueform.w50, form .bloqueform.w60, .smallinput .bloqueform.w60, form .bloqueform.w33, .smallinput .bloqueform.w33, form .bloqueform.w25, .smallinput .bloqueform.w25, form.basico .bloqueform.w75 { width: 74%; float: left; clear: none; }

.contenedor.w25, form .bloqueform.w25, .smallinput .bloqueform.w25, form.basico .bloqueform.w25 { width: 24%; }

.contenedor.w33, form .bloqueform.w33, .smallinput .bloqueform.w33, form.basico .bloqueform.w33 { width: 32%; }

.contenedor.w60, form .bloqueform.w60, .smallinput .bloqueform.w60, form.basico .bloqueform.w60 { width: 59%; }

.contenedor.w50, form .bloqueform.w50, .smallinput .bloqueform.w50, form.basico .bloqueform.w50 { width: 48%; }

.contenedor.w40, form .bloqueform.w40, .smallinput .bloqueform.w40, form.basico .bloqueform.w40 { width: 39%; }

.contenedor .lista-cultyvo li, form .bloqueform .lista-cultyvo li, .smallinput .bloqueform .lista-cultyvo li, form.basico .bloqueform .lista-cultyvo li { background-color: rgba(255, 255, 255, 0.3); }

.contenedor .bloque, form .bloqueform .bloque, .smallinput .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, .smallinput .bloqueform .bloque input, form .bloqueform .bloque select, .smallinput .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, .diferenciar form input.small[type=submit], .diferenciar .smallinput input.small[type=submit], form .diferenciar input.small[type=submit], .smallinput .diferenciar input.small[type=submit], .diferenciar .small.boton.botonaccion, .diferenciar div#reportepop .small.botonaccion.boton, div#reportepop .diferenciar .small.botonaccion.boton, .diferenciar div#reportepop form input.small.botonaccion[type=submit], .diferenciar div#reportepop .smallinput input.small.botonaccion[type=submit], form .diferenciar div#reportepop input.small.botonaccion[type=submit], .smallinput .diferenciar div#reportepop input.small.botonaccion[type=submit], div#reportepop .diferenciar form input.small.botonaccion[type=submit], div#reportepop .diferenciar .smallinput input.small.botonaccion[type=submit], form div#reportepop .diferenciar input.small.botonaccion[type=submit], .smallinput div#reportepop .diferenciar input.small.botonaccion[type=submit] { background-color: rgba(216, 35, 25, 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, #reportepop.chori .botones form input.pop[type=submit], #reportepop.chori .botones .smallinput input.pop[type=submit], form #reportepop.chori .botones input.pop[type=submit], .smallinput #reportepop.chori .botones input.pop[type=submit] { 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; }

.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, .articulo div#reportepop form input.boton.cancelar[type=submit], .articulo div#reportepop .smallinput input.boton.cancelar[type=submit], form .articulo div#reportepop input.boton.cancelar[type=submit], .smallinput .articulo div#reportepop input.boton.cancelar[type=submit], .articulo div#reportepop .boton.cancelar.botonaccion, .articulo div#reportepop form input.cancelar.botonaccion[type=submit], .articulo div#reportepop .smallinput input.cancelar.botonaccion[type=submit], form .articulo div#reportepop input.cancelar.botonaccion[type=submit], .smallinput .articulo div#reportepop input.cancelar.botonaccion[type=submit], div#reportepop .articulo a.boton.cancelar, div#reportepop .articulo form input.boton.cancelar[type=submit], div#reportepop .articulo .smallinput input.boton.cancelar[type=submit], form div#reportepop .articulo input.boton.cancelar[type=submit], .smallinput div#reportepop .articulo input.boton.cancelar[type=submit], div#reportepop .articulo .boton.cancelar.botonaccion, div#reportepop .articulo form input.cancelar.botonaccion[type=submit], div#reportepop .articulo .smallinput input.cancelar.botonaccion[type=submit], form div#reportepop .articulo input.cancelar.botonaccion[type=submit], .smallinput div#reportepop .articulo input.cancelar.botonaccion[type=submit] { 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, .articulo:hover div#reportepop form input.boton.cancelar[type=submit], .articulo:hover div#reportepop .smallinput input.boton.cancelar[type=submit], form .articulo:hover div#reportepop input.boton.cancelar[type=submit], .smallinput .articulo:hover div#reportepop input.boton.cancelar[type=submit], .articulo:hover div#reportepop .boton.cancelar.botonaccion, .articulo:hover div#reportepop form input.cancelar.botonaccion[type=submit], .articulo:hover div#reportepop .smallinput input.cancelar.botonaccion[type=submit], form .articulo:hover div#reportepop input.cancelar.botonaccion[type=submit], .smallinput .articulo:hover div#reportepop input.cancelar.botonaccion[type=submit], div#reportepop .articulo:hover a.boton.cancelar, div#reportepop .articulo:hover form input.boton.cancelar[type=submit], div#reportepop .articulo:hover .smallinput input.boton.cancelar[type=submit], form div#reportepop .articulo:hover input.boton.cancelar[type=submit], .smallinput div#reportepop .articulo:hover input.boton.cancelar[type=submit], div#reportepop .articulo:hover .boton.cancelar.botonaccion, div#reportepop .articulo:hover form input.cancelar.botonaccion[type=submit], div#reportepop .articulo:hover .smallinput input.cancelar.botonaccion[type=submit], form div#reportepop .articulo:hover input.cancelar.botonaccion[type=submit], .smallinput div#reportepop .articulo:hover input.cancelar.botonaccion[type=submit] { opacity: 1; display: block; }

.nolinks a, .nolinks form input[type=submit], .nolinks .smallinput input[type=submit], form .nolinks input[type=submit], .smallinput .nolinks input[type=submit], .nolinks .boton.botonaccion, .nolinks div#reportepop .botonaccion.boton, div#reportepop .nolinks .botonaccion.boton { 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: .5; }

/* latin */
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: local("Nunito-Light"), url(../fonts/1TiHc9yag0wq3lDO9cw0vpBw1xU1rKptJj_0jans920.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

/* latin */
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: local("Nunito-Regular"), url(../fonts/6TbRXKWJjpj6V2v_WyRbMevvDin1pK8aKteLpeZ5c0A.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

/* latin */
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: local("Nunito-Bold"), url(../fonts/TttUCfJ272GBgSKaOaD7KpBw1xU1rKptJj_0jans920.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

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

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

@font-face { font-family: "Muli Bold"; src: url("../images/Muli-Bold.ttf") format("truetype"); }

@font-face { font-family: "Muli Black"; src: url("../images/Muli-Black.ttf") format("truetype"); }

@font-face { font-family: "Muli Regular"; src: url("../images/Muli-Regular.ttf") format("truetype"); }

body.login { background-color: #FCFCFC; width: 100%; height: 100vh; }

body.login section#login { height: 100vh; width: 50%; margin: 0 auto; padding: 30px 40px; display: block; background-color: transparent; }

body.login section#login .containerLogin { z-index: 3; width: 50%; height: auto; margin: 0 auto; }

body.login section#login .containerLogin .logo { width: 100%; margin: 0 auto; }

body.login section#login .containerLogin .logo img { margin: 0 auto; width: 100%; }

body.login section#login .containerLogin .formLogin { margin: 15% auto; width: auto; z-index: 4; }

body.login section#login .containerLogin .formLogin form.basico.login, body.login section#login .containerLogin .formLogin .login.smallinput { background-color: transparent; text-align: center; width: auto; padding: 0 10px; }

body.login section#login .containerLogin .formLogin form.basico.login span.saludo, body.login section#login .containerLogin .formLogin .login.smallinput span.saludo { color: #FB1E12; font-size: 50px; font-family: 'Muli Black'; }

body.login section#login .containerLogin .formLogin form.basico.login input, body.login section#login .containerLogin .formLogin .login.smallinput input { width: 95%; float: inherit; font-family: 'Muli Regular'; color: #606060; margin: 4% auto; height: 50px; border-radius: 5px; font-size: 18px; padding: 3px 10px 3px 40px; box-shadow: 0px 0px 5px 2px rgba(77, 77, 77, 0.12); }

body.login section#login .containerLogin .formLogin form.basico.login input.usuario, body.login section#login .containerLogin .formLogin .login.smallinput input.usuario { background: #FFFFFF url(../images/varios/usuario.png) no-repeat center left 7px; background-size: 25px; }

body.login section#login .containerLogin .formLogin form.basico.login input.password, body.login section#login .containerLogin .formLogin .login.smallinput input.password { background: #FFFFFF url(../images/varios/password.png) no-repeat center left 7px; background-size: 25px; }

body.login section#login .containerLogin .formLogin form.basico.login input[type=submit], body.login section#login .containerLogin .formLogin .login.smallinput input[type=submit] { border-radius: 20px; border: none !important; float: none; font-family: Muli Bold; font-size: 15px; background-color: #301675 !important; padding: 12px 30px !important; color: #FFFFFF; margin: 4% auto !important; width: auto; text-transform: uppercase; height: auto !important; }

body.login section#login .containerLogin .formLogin form.basico.login input[type=submit]:hover, body.login section#login .containerLogin .formLogin .login.smallinput input[type=submit]:hover { cursor: pointer; background-color: #4515C5 !important; }

body.login section#login .containerLogin .formLogin form.basico.login span.contrasena, body.login section#login .containerLogin .formLogin .login.smallinput span.contrasena { color: #FB1E12; font-size: 18px; width: 100%; font-family: 'Muli Black'; display: block; text-align: right; }

body.login .containerLogo { z-index: 2; position: fixed; width: 100px; height: 100px; bottom: 0px; left: 50%; margin: 0 auto; transform: translate(-50%, -50%); }

body.login .containerLogo img { width: 100px; height: 100px; position: relative; }

body.login .containerWaves { z-index: -1; position: fixed; width: 100%; height: auto; bottom: 0px; left: 0; right: 0; margin: 0 auto; }

body.login .containerWaves img { width: 100%; height: auto; position: relative; }

@media (max-width: 1680px) { body.login section#login .containerLogin { width: 55%; } }

@media (max-width: 1440px) { body.login section#login .containerLogin { width: 70%; } }

@media (max-width: 1024px) { body.login section#login .containerLogin { width: 95%; } }

@media (max-width: 768px) { body.login section#login .containerLogin { width: 100%; } body.login section#login { width: 65%; } }

@media (max-width: 600px) { body.login section#login { width: 95%; } }

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

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

div.sesion-out { text-align: center; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 300px; }

div.sesion-out a, div.sesion-out form input[type=submit], div.sesion-out .smallinput input[type=submit], form div.sesion-out input[type=submit], .smallinput div.sesion-out input[type=submit], div.sesion-out .boton.botonaccion, div.sesion-out div#reportepop .botonaccion.boton, div#reportepop div.sesion-out .botonaccion.boton { display: block; width: 100%; }

div.sesion-out a small, div.sesion-out form input[type=submit] small, div.sesion-out .smallinput input[type=submit] small, form div.sesion-out input[type=submit] small, .smallinput div.sesion-out input[type=submit] small, div.sesion-out .boton.botonaccion small, div.sesion-out div#reportepop .botonaccion.boton small, div#reportepop div.sesion-out .botonaccion.boton small { width: 130px; margin: 0% auto 5% auto; padding: 3% 15%; display: flex; justify-content: center; align-items: center; font-weight: bold; transition: 0.3s; font-size: 11px !important; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; }

div.sesion-out a small.getout, div.sesion-out form input[type=submit] small.getout, div.sesion-out .smallinput input[type=submit] small.getout, form div.sesion-out input[type=submit] small.getout, .smallinput div.sesion-out input[type=submit] small.getout, div.sesion-out .boton.botonaccion small.getout, div.sesion-out div#reportepop .botonaccion.boton small.getout, div#reportepop div.sesion-out .botonaccion.boton small.getout { color: white; background-color: #D40C1F; }

div.sesion-out a small.getout:hover, div.sesion-out form input[type=submit] small.getout:hover, div.sesion-out .smallinput input[type=submit] small.getout:hover, form div.sesion-out input[type=submit] small.getout:hover, .smallinput div.sesion-out input[type=submit] small.getout:hover, div.sesion-out .boton.botonaccion small.getout:hover, div.sesion-out div#reportepop .botonaccion.boton small.getout:hover, div#reportepop div.sesion-out .botonaccion.boton small.getout:hover { background-color: rgba(212, 12, 31, 0.7); }

div.sesion-out a small.changepass, div.sesion-out form input[type=submit] small.changepass, div.sesion-out .smallinput input[type=submit] small.changepass, form div.sesion-out input[type=submit] small.changepass, .smallinput div.sesion-out input[type=submit] small.changepass, div.sesion-out .boton.botonaccion small.changepass, div.sesion-out div#reportepop .botonaccion.boton small.changepass, div#reportepop div.sesion-out .botonaccion.boton small.changepass { color: white; background-color: #4D4D4D; }

div.sesion-out a small.changepass:hover, div.sesion-out form input[type=submit] small.changepass:hover, div.sesion-out .smallinput input[type=submit] small.changepass:hover, form div.sesion-out input[type=submit] small.changepass:hover, .smallinput div.sesion-out input[type=submit] small.changepass:hover, div.sesion-out .boton.botonaccion small.changepass:hover, div.sesion-out div#reportepop .botonaccion.boton small.changepass:hover, div#reportepop div.sesion-out .botonaccion.boton small.changepass:hover { background-color: rgba(77, 77, 77, 0.7); }

div.sesion-out a small span, div.sesion-out form input[type=submit] small span, div.sesion-out .smallinput input[type=submit] small span, form div.sesion-out input[type=submit] small span, .smallinput div.sesion-out input[type=submit] small span, div.sesion-out .boton.botonaccion small span, div.sesion-out div#reportepop .botonaccion.boton small span, div#reportepop div.sesion-out .botonaccion.boton small span { display: inline-block; width: 20px; height: 20px; margin-left: 5px; background-color: transparent; }

div.sesion-out a small span.cerrarSesion, div.sesion-out form input[type=submit] small span.cerrarSesion, div.sesion-out .smallinput input[type=submit] small span.cerrarSesion, form div.sesion-out input[type=submit] small span.cerrarSesion, .smallinput div.sesion-out input[type=submit] small span.cerrarSesion, div.sesion-out .boton.botonaccion small span.cerrarSesion, div.sesion-out div#reportepop .botonaccion.boton small span.cerrarSesion, div#reportepop div.sesion-out .botonaccion.boton small span.cerrarSesion { background-image: url(../images/varios/cerrarSesion.png); background-size: 20px; background-position: center; }

div.sesion-out a small span.changePass, div.sesion-out form input[type=submit] small span.changePass, div.sesion-out .smallinput input[type=submit] small span.changePass, form div.sesion-out input[type=submit] small span.changePass, .smallinput div.sesion-out input[type=submit] small span.changePass, div.sesion-out .boton.botonaccion small span.changePass, div.sesion-out div#reportepop .botonaccion.boton small span.changePass, div#reportepop div.sesion-out .botonaccion.boton small span.changePass { background-image: url(../images/varios/changePass.png); background-size: 20px; background-position: center; }

form#cambioContrasenaUsuarios input.half, #cambioContrasenaUsuarios.smallinput input.half { width: 75%; margin-right: 0; }

form#cambioContrasenaUsuarios input.accion, #cambioContrasenaUsuarios.smallinput input.accion { width: auto; color: #FFFFFF; padding: 9px 15px !important; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; }

.normal { background-color: #d82319; }

.userinfo { display: flex; }

.userinfo small { font-size: 20px !important; color: #666; }

.container-bell { margin-right: 10px; width: 25px; height: 25px; }

.container-bell:hover { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; background-color: rgba(102, 102, 102, 0.188); }

.container-bell:hover > .bell-icon { background-image: url(../images/varios/notColor.png); }

.container-bell .bell-icon { background-color: transparent; padding: 0px; background-image: url(../images/varios/notGris.png); background-repeat: no-repeat; background-position: top 0px right 0px; background-size: 15px; position: absolute; width: 15px; height: 15px; margin: 5px; }

.container-bell #notcounter { width: 12px; height: 12px; background-color: red; color: white; font-size: 8px; text-align: center; line-height: 14px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; position: absolute; margin: 0px 10px; border: 1px solid white; display: none; }

.container-bell #notcounter.active { animation: pulsar 0.5s infinite alternate ease-in-out; display: block; }

@keyframes pulsar { from { transform: scale(1); }
  to { transform: scale(1.5); } }

i.btn-user-not { background-color: transparent; cursor: pointer; background-image: url(../images/varios/usuario.png); background-repeat: no-repeat; background-position: top 4px right 12px; background-size: 17px; padding: 0px 33px 0px 0px; position: relative; margin: 0px 0px 0px 0px; }

.select-user { background-color: transparent; cursor: pointer; background-image: url(../images/varios/seleccionar.png); background-repeat: no-repeat; background-position: top 1px right 0px; background-size: 15px; font-size: 15px; padding: 0px 20px 0px 0px; position: relative; margin: 0px 0px 0px -8px; }

#worksucursal, #tryusuarios, #workempresa { width: 300px; height: 40px; margin: 5px auto; float: right; display: flex; justify-content: center; }

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

#worksucursal select.worksuc, #tryusuarios select.worksuc, #workempresa select.worksuc { width: 82%; margin-right: 2%; }

#form_sesiones { position: absolute; margin-top: 54px; right: 0; width: 300px; display: block; background-color: white; right: 12px; z-index: 10000; -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); }

#form_sesiones header { width: 100%; float: left; letter-spacing: 1px; text-align: center; background-color: white; padding: 10px 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid transparent; }

#form_sesiones header h2 { font-size: 15px; text-shadow: none; color: #4D4D4D; font-weight: bold; letter-spacing: 2px; }

#form_sesiones:before { content: ''; width: 0; height: 0; top: 2px; right: 15%; margin-top: -15px; z-index: 2; display: block; position: absolute; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid rgba(0, 0, 0, 0.1); }

#form_sesiones:after { content: ''; width: 0; height: 0; top: 0; right: 15%; margin-top: -13px; z-index: 2; display: block; position: absolute; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid white; }

#form_sesiones.hidden { max-height: 0; overflow: hidden; opacity: 0; }

#notificaciones { position: absolute; margin-top: 54px; right: 0; width: 370px; display: block; background-color: white; 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: 10px 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid transparent; }

#notificaciones header h2 { font-size: 15px; text-shadow: none; color: #4D4D4D; font-weight: bold; letter-spacing: 2px; }

#notificaciones:before { content: ''; width: 0; height: 0; top: 2px; right: 42%; margin-top: -15px; z-index: 2; display: block; position: absolute; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid rgba(0, 0, 0, 0.1); }

#notificaciones:after { content: ''; width: 0; height: 0; top: 0; right: 42%; margin-top: -13px; z-index: 2; display: block; position: absolute; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid white; }

#notificaciones.hidden { max-height: 0; overflow: hidden; opacity: 0; }

#notificaciones .alerta { margin: 0; padding: 0; }

#notificaciones .alerta span.normal { width: 95%; border-radius: 10px; margin: 5px auto 10px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px 10px 25px; background-color: #3b2d78; }

.flex-center, .not.ver-todo, .not .container-mensajes .not-botones .btns-hide .not-resolver, .not .container-mensajes .not-botones .btns-hide .not-ocultar, .not .container-mensajes .not-botones .btns-hide, .not .container-mensajes .not-botones, .not .container-mensajes { display: flex; justify-content: center; align-items: center; }

.not { width: 100%; background-color: white; padding: 10px; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; text-transform: none; border-bottom-right-radius: 0px; border-top-right-radius: 0px; font-size: 13px; border: 1px solid #f6f6f6; margin: 0px auto 0px auto; display: flex; min-height: 130px; }

.not:hover { background-color: #F7FAFF; }

.not:hover .btns-hide { display: flex !important; }

.not h2 { height: 24px; font-size: 12px; line-height: 1.7em; font-weight: bold; padding-top: 2px; color: #230D69; text-transform: uppercase; }

.not small { font-size: 10px !important; }

.not .container-mensajes { margin: 5px auto 0px; width: 100%; color: #4D4D4D; }

.not .container-mensajes .not-mensaje { width: 80%; }

.not .container-mensajes .not-mensaje .boton, .not .container-mensajes .not-mensaje form input[type=submit], .not .container-mensajes .not-mensaje .smallinput input[type=submit], form .not .container-mensajes .not-mensaje input[type=submit], .smallinput .not .container-mensajes .not-mensaje input[type=submit], .not .container-mensajes .not-mensaje div#reportepop .boton.botonaccion, div#reportepop .not .container-mensajes .not-mensaje .boton.botonaccion { color: #FFFFFF; background-color: #1CBC47; border-left: none; border-top: none; position: absolute; right: 3%; bottom: 12px; float: right; min-width: 50px; text-align: center; padding: 5px 10px; font-size: 12px; }

.not .container-mensajes .not-mensaje .boton:hover, .not .container-mensajes .not-mensaje form input[type=submit]:hover, .not .container-mensajes .not-mensaje .smallinput input[type=submit]:hover, form .not .container-mensajes .not-mensaje input[type=submit]:hover, .smallinput .not .container-mensajes .not-mensaje input[type=submit]:hover, .not .container-mensajes .not-mensaje div#reportepop .boton.botonaccion:hover, div#reportepop .not .container-mensajes .not-mensaje .boton.botonaccion:hover { background-color: #149839; border-right: none; border-bottom: none; }

.not .container-mensajes .not-botones { width: 20%; flex-direction: column; }

.not .container-mensajes .not-botones .btns-hide { display: none; width: 80%; position: relative; }

.not .container-mensajes .not-botones .btns-hide .not-ocultar { margin-right: 10px; width: 30px; height: 28px; }

.not .container-mensajes .not-botones .btns-hide .not-resolver { width: 31px; height: 27px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: #1CBC47; }

.not .container-mensajes .not-botones .btns-hide .not-resolver:hover { background-color: #FB1E12; }

.not .container-mensajes .not-botones .not-rel { width: 80%; margin-top: 10px; position: relative; color: white; text-align: center; padding: 5px 8px; font-size: 11px; font-weight: bold; background-color: #FF8100; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

.not .container-mensajes .not-botones .not-rel:hover { background-color: #FFD147; }

.not.ver-todo { padding: 10px auto 10px auto; text-align: center; padding: 5px 0px; min-height: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.not.ver-todo a, .not.ver-todo form input[type=submit], .not.ver-todo .smallinput input[type=submit], form .not.ver-todo input[type=submit], .smallinput .not.ver-todo input[type=submit], .not.ver-todo .boton.botonaccion, .not.ver-todo div#reportepop .botonaccion.boton, div#reportepop .not.ver-todo .botonaccion.boton { cursor: pointer; color: #3b2d78; border: none; font-weight: bold; font-size: 12px; background-color: transparent; padding: 5px 5px 2px 5px; display: block; width: 76%; margin: auto; float: none; }

.not.ver-todo a:hover, .not.ver-todo form input[type=submit]:hover, .not.ver-todo .smallinput input[type=submit]:hover, form .not.ver-todo input[type=submit]:hover, .smallinput .not.ver-todo input[type=submit]:hover, .not.ver-todo .boton.botonaccion:hover, .not.ver-todo div#reportepop .botonaccion.boton:hover, div#reportepop .not.ver-todo .botonaccion.boton:hover { color: #36296d; background-color: transparent; }

section#panel-notificaciones div.table h2.seccion { color: #FF8100; }

section#panel-notificaciones div.table div.panel-notis p.alerta span.normal { background-color: #FF8100; }

section#panel-notificaciones div.table div.panel-pasadas div.not div.container-mensajes div.not-botones { display: none; }

#controlbar { position: relative; background: none; width: 370px; display: block; }

h3.float { float: left; margin: 10px 0; }

.nolinks a, .nolinks form input[type=submit], .nolinks .smallinput input[type=submit], form .nolinks input[type=submit], .smallinput .nolinks input[type=submit], .nolinks .boton.botonaccion, .nolinks div#reportepop .botonaccion.boton, div#reportepop .nolinks .botonaccion.boton { display: none; }

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, .smallinput .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, .smallinput .bloqueform h4, form .bloqueform h5, .smallinput .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, .smallinput .bloqueform h5, form.basico .bloqueform h5 { margin-top: -6px; font-size: 12px; font-weight: lighter; margin-bottom: 8px; }

form .bloqueform .edit, .smallinput .bloqueform .edit, form.basico .bloqueform .edit { display: none; position: absolute; top: 10px; right: 10px; }

form .bloqueform:hover .edit, .smallinput .bloqueform:hover .edit, form.basico .bloqueform:hover .edit { display: block; }

form .bloqueform.inside, .smallinput .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, .smallinput .bloqueform input, form .bloqueform select, .smallinput .bloqueform select, form .bloqueform textarea, .smallinput .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; 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; }

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

form.basico, .smallinput, 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, .pop.smallinput, div.form.basico.pop { padding-top: 40px; background-color: #f0f0f0; }

form.basico.horarios, .horarios.smallinput, div.form.basico.horarios { width: 750px; }

form h3, .smallinput h3, div.form h3 { margin: -20px 0 10px 0; text-transform: uppercase; color: #1D1D1B; }

form h4, .smallinput 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, .smallinput 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, .smallinput 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, .smallinput label.duo, div.form label.duo { width: 10%; }

form label.treinta, .smallinput label.treinta, div.form label.treinta { width: 30%; }

form label.half, .smallinput label.half, div.form label.half { width: 45%; }

form label.lduo, .smallinput label.lduo, div.form label.lduo { clear: none; }

form label.lduo.r, .smallinput label.lduo.r, div.form label.lduo.r { margin-left: 30px; }

form label.right-side, .smallinput label.right-side, div.form label.right-side { float: right; clear: right; text-align: left; padding: 3px 0 3px 7px; }

form label.green, .smallinput label.green, div.form label.green { background-color: limegreen; }

form label.red, .smallinput label.red, div.form label.red { background-color: red; }

form input, .smallinput input, form textarea, .smallinput textarea, form select, .smallinput select, form span.custom-combobox, .smallinput span.custom-combobox, form .custom-combobox-input, .smallinput .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, .smallinput input:disabled, form textarea:disabled, .smallinput textarea:disabled, form select:disabled, .smallinput select:disabled, form span.custom-combobox:disabled, .smallinput span.custom-combobox:disabled, form .custom-combobox-input:disabled, .smallinput .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, .smallinput input.half, form textarea.half, .smallinput textarea.half, form select.half, .smallinput select.half, form span.custom-combobox.half, .smallinput span.custom-combobox.half, form .custom-combobox-input.half, .smallinput .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, .smallinput input.duo, form textarea.duo, .smallinput textarea.duo, form select.duo, .smallinput select.duo, form span.custom-combobox.duo, .smallinput span.custom-combobox.duo, form .custom-combobox-input.duo, .smallinput .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, .smallinput input.duo.half, form textarea.duo.half, .smallinput textarea.duo.half, form select.duo.half, .smallinput select.duo.half, form span.custom-combobox.duo.half, .smallinput span.custom-combobox.duo.half, form .custom-combobox-input.duo.half, .smallinput .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, .smallinput input.cincocinco, form textarea.cincocinco, .smallinput textarea.cincocinco, form select.cincocinco, .smallinput select.cincocinco, form span.custom-combobox.cincocinco, .smallinput span.custom-combobox.cincocinco, form .custom-combobox-input.cincocinco, .smallinput .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, .smallinput input.right-side, form textarea.right-side, .smallinput textarea.right-side, form select.right-side, .smallinput select.right-side, form span.custom-combobox.right-side, .smallinput span.custom-combobox.right-side, form .custom-combobox-input.right-side, .smallinput .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, .smallinput input.right-side.half, form textarea.right-side.half, .smallinput textarea.right-side.half, form select.right-side.half, .smallinput select.right-side.half, form span.custom-combobox.right-side.half, .smallinput span.custom-combobox.right-side.half, form .custom-combobox-input.right-side.half, .smallinput .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, .smallinput input.right-side.duo, form textarea.right-side.duo, .smallinput textarea.right-side.duo, form select.right-side.duo, .smallinput select.right-side.duo, form span.custom-combobox.right-side.duo, .smallinput span.custom-combobox.right-side.duo, form .custom-combobox-input.right-side.duo, .smallinput .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, .smallinput input.right-side.cincocinco, form textarea.right-side.cincocinco, .smallinput textarea.right-side.cincocinco, form select.right-side.cincocinco, .smallinput select.right-side.cincocinco, form span.custom-combobox.right-side.cincocinco, .smallinput span.custom-combobox.right-side.cincocinco, form .custom-combobox-input.right-side.cincocinco, .smallinput .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, .smallinput input.no-clear, form textarea.no-clear, .smallinput textarea.no-clear, form select.no-clear, .smallinput select.no-clear, form span.custom-combobox.no-clear, .smallinput span.custom-combobox.no-clear, form .custom-combobox-input.no-clear, .smallinput .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, .smallinput 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, .smallinput select.picker__select--year, form select.picker__select--month, .smallinput 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, .smallinput select.picker__select--year, div.form select.picker__select--year { margin-left: 100px !important; }

form select.masuno, .smallinput select.masuno, div.form select.masuno { width: 57%; padding: 3px 0 3px 10px; }

form label, .smallinput label, div.form label { position: relative; }

form label.masuno, .smallinput label.masuno, div.form label.masuno { width: 25%; padding: 3px 10px 3px 0; }

form.pop, .pop.smallinput, 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, .smallinput input.cul_formCheck, div.form input.cul_formCheck { display: none; }

form textarea, .smallinput textarea, div.form textarea { height: 100px; }

form textarea.halfheight, .smallinput 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, .smallinput input[type=checkbox] .cul_formCheck, form input[type=radio] .cul_formCheck, .smallinput input[type=radio] .cul_formCheck { display: none; }

form div.radiobox, .smallinput div.radiobox { float: left; position: relative; width: 25%; display: block; height: 35px; }

form div.radiobox.activo > label.radio, .smallinput div.radiobox.activo > label.radio, form div.radiobox.activo > label.checkbox, .smallinput div.radiobox.activo > label.checkbox { background-color: #D40C1F; }

form div.radiobox.disabled label, .smallinput div.radiobox.disabled label { background-color: #ccc; }

form div.radiobox.right-side, .smallinput div.radiobox.right-side { float: right; }

form div.radiobox.abonos_reimpresion, .smallinput div.radiobox.abonos_reimpresion { clear: none; position: absolute; margin-left: -103px; }

form label.radio, .smallinput label.radio, form label.checkbox, .smallinput label.checkbox { width: 100% !important; display: block; position: relative; margin-right: 0; padding-left: 32px; margin-left: 0; background-color: #d82319; font-weight: lighter; text-align: left; border-right: 1px solid white; }

form label.radio span, .smallinput 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, .smallinput 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, .smallinput label.radio input:checked { background-color: #D40C1F; }

form label.checkbox input:checked, .smallinput label.checkbox input:checked { background-color: #D40C1F; }

form label.checkbox span, .smallinput 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, .smallinput 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, form input.add[type=submit], .smallinput input.add[type=submit], a.boton, form input.boton[type=submit], .smallinput input.boton[type=submit], .boton.botonaccion, form input.botonaccion[type=submit], .smallinput input.botonaccion[type=submit], div#reportepop a.botonaccion.boton, div#reportepop form input.botonaccion.boton[type=submit], div#reportepop .smallinput input.botonaccion.boton[type=submit], form div#reportepop input.botonaccion.boton[type=submit], .smallinput div#reportepop input.botonaccion.boton[type=submit], div#reportepop .botonaccion.boton { margin: 10px 0 0 5px; padding: 8px 7px 8px 7px; background-color: #FF3333; 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, form input.add[type=submit]:hover, .smallinput input.add[type=submit]:hover, a.boton:hover, form input.boton[type=submit]:hover, .smallinput input.boton[type=submit]:hover, .boton.botonaccion:hover, form input.botonaccion[type=submit]:hover, .smallinput input.botonaccion[type=submit]:hover, div#reportepop .botonaccion.boton:hover { background-color: #FF3333; }

a.add.small, form input.add.small[type=submit], .smallinput input.add.small[type=submit], a.boton.small, form input.boton.small[type=submit], .smallinput input.boton.small[type=submit], .boton.small.botonaccion, form input.small.botonaccion[type=submit], .smallinput input.small.botonaccion[type=submit], div#reportepop .small.botonaccion.boton { margin: 0 0 0 5px !important; padding: 4px 10px !important; }

a.add.green, form input.add.green[type=submit], .smallinput input.add.green[type=submit], a.boton.green, form input.boton.green[type=submit], .smallinput input.boton.green[type=submit], .boton.green.botonaccion, form input.green.botonaccion[type=submit], .smallinput input.green.botonaccion[type=submit], div#reportepop .green.botonaccion.boton { background-color: green; }

a.add.green:hover, form input.add.green[type=submit]:hover, .smallinput input.add.green[type=submit]:hover, a.boton.green:hover, form input.boton.green[type=submit]:hover, .smallinput input.boton.green[type=submit]:hover, .boton.green.botonaccion:hover, form input.green.botonaccion[type=submit]:hover, .smallinput input.green.botonaccion[type=submit]:hover, div#reportepop .green.botonaccion.boton:hover { background-color: #005a00; }

a.add.red, form input.add.red[type=submit], .smallinput input.add.red[type=submit], a.boton.red, form input.boton.red[type=submit], .smallinput input.boton.red[type=submit], .boton.red.botonaccion, form input.red.botonaccion[type=submit], .smallinput input.red.botonaccion[type=submit], div#reportepop .red.botonaccion.boton { background-color: red; }

a.add.red:hover, form input.add.red[type=submit]:hover, .smallinput input.add.red[type=submit]:hover, a.boton.red:hover, form input.boton.red[type=submit]:hover, .smallinput input.boton.red[type=submit]:hover, .boton.red.botonaccion:hover, form input.red.botonaccion[type=submit]:hover, .smallinput input.red.botonaccion[type=submit]:hover, div#reportepop .red.botonaccion.boton:hover { background-color: #b30000; }

a.add.blue, form input.add.blue[type=submit], .smallinput input.add.blue[type=submit], a.boton.blue, form input.boton.blue[type=submit], .smallinput input.boton.blue[type=submit], .boton.blue.botonaccion, form input.blue.botonaccion[type=submit], .smallinput input.blue.botonaccion[type=submit], div#reportepop .blue.botonaccion.boton { background-color: blue; }

a.add.blue:hover, form input.add.blue[type=submit]:hover, .smallinput input.add.blue[type=submit]:hover, a.boton.blue:hover, form input.boton.blue[type=submit]:hover, .smallinput input.boton.blue[type=submit]:hover, .boton.blue.botonaccion:hover, form input.blue.botonaccion[type=submit]:hover, .smallinput input.blue.botonaccion[type=submit]:hover, div#reportepop .blue.botonaccion.boton:hover { background-color: #0000b3; }

a.add.gray, form input.add.gray[type=submit], .smallinput input.add.gray[type=submit], a.boton.gray, form input.boton.gray[type=submit], .smallinput input.boton.gray[type=submit], .boton.gray.botonaccion, form input.gray.botonaccion[type=submit], .smallinput input.gray.botonaccion[type=submit], div#reportepop .gray.botonaccion.boton { background-color: gray; }

a.add.gray:hover, form input.add.gray[type=submit]:hover, .smallinput input.add.gray[type=submit]:hover, a.boton.gray:hover, form input.boton.gray[type=submit]:hover, .smallinput input.boton.gray[type=submit]:hover, .boton.gray.botonaccion:hover, form input.gray.botonaccion[type=submit]:hover, .smallinput input.gray.botonaccion[type=submit]:hover, div#reportepop .gray.botonaccion.boton:hover { background-color: #5a5a5a; }

a.add.purple, form input.add.purple[type=submit], .smallinput input.add.purple[type=submit], a.boton.purple, form input.boton.purple[type=submit], .smallinput input.boton.purple[type=submit], .boton.purple.botonaccion, form input.purple.botonaccion[type=submit], .smallinput input.purple.botonaccion[type=submit], div#reportepop .purple.botonaccion.boton { background-color: purple; }

a.add.purple:hover, form input.add.purple[type=submit]:hover, .smallinput input.add.purple[type=submit]:hover, a.boton.purple:hover, form input.boton.purple[type=submit]:hover, .smallinput input.boton.purple[type=submit]:hover, .boton.purple.botonaccion:hover, form input.purple.botonaccion[type=submit]:hover, .smallinput input.purple.botonaccion[type=submit]:hover, div#reportepop .purple.botonaccion.boton:hover { background-color: #5a005a; }

a.boton, form input.boton[type=submit], .smallinput input.boton[type=submit], .boton.botonaccion, form input.botonaccion[type=submit], .smallinput input.botonaccion[type=submit], div#reportepop a.botonaccion.boton, div#reportepop form input.botonaccion.boton[type=submit], div#reportepop .smallinput input.botonaccion.boton[type=submit], form div#reportepop input.botonaccion.boton[type=submit], .smallinput div#reportepop input.botonaccion.boton[type=submit], div#reportepop .botonaccion.boton { border-left: 1px solid #ff7070; border-top: 1px solid #ff7070; }

a.boton:hover, form input.boton[type=submit]:hover, .smallinput input.boton[type=submit]:hover, .boton.botonaccion:hover, form input.botonaccion[type=submit]:hover, .smallinput input.botonaccion[type=submit]:hover, div#reportepop .botonaccion.boton:hover { border-left: none; border-top: none; border-right: 1px solid #FF3333; border-bottom: 1px solid #FF3333; }

a.boton.getData, form input.boton.getData[type=submit], .smallinput input.boton.getData[type=submit], .boton.getData.botonaccion, form input.getData.botonaccion[type=submit], .smallinput input.getData.botonaccion[type=submit], div#reportepop .getData.botonaccion.boton { 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.boton.getData.activo[type=submit], .smallinput input.boton.getData.activo[type=submit], .boton.getData.activo.botonaccion, form input.getData.activo.botonaccion[type=submit], .smallinput input.getData.activo.botonaccion[type=submit], div#reportepop .getData.activo.botonaccion.boton { 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.boton.getData.activo[type=submit]:hover, .smallinput input.boton.getData.activo[type=submit]:hover, .boton.getData.activo.botonaccion:hover, form input.getData.activo.botonaccion[type=submit]:hover, .smallinput input.getData.activo.botonaccion[type=submit]:hover, div#reportepop .getData.activo.botonaccion.boton:hover { border-right: 1px solid orange; border-bottom: 1px solid orange; border-left: none; border-top: none; }

form input[type=submit], .smallinput input[type=submit], .boton.botonaccion, form input.botonaccion[type=submit], div#reportepop a.botonaccion.boton, div#reportepop .botonaccion.boton, div#reportepop .boton.botonaccion, div#reportepop form input.botonaccion[type=submit], div#reportepop .smallinput input.botonaccion[type=submit], form div#reportepop input.botonaccion[type=submit], .smallinput div#reportepop input.botonaccion[type=submit] { 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].btn-fixed, .smallinput input[type=submit].btn-fixed, .boton.botonaccion.btn-fixed { position: fixed !important; right: 5% !important; top: 15% !important; z-index: 50000; }

form input[type=submit]:hover, .smallinput input[type=submit]:hover, .boton.botonaccion:hover { background-color: #00bd3f !important; border-right: 1px solid #007a29; border-bottom: 1px solid #007a29; }

.boton.addButton, form input.addButton[type=submit], .smallinput input.addButton[type=submit], div#reportepop .addButton.boton.botonaccion, div#reportepop form input.addButton.botonaccion[type=submit], div#reportepop .smallinput input.addButton.botonaccion[type=submit], form div#reportepop input.addButton.botonaccion[type=submit], .smallinput div#reportepop input.addButton.botonaccion[type=submit] { position: absolute; }

h2 small a.boton { float: none; display: inline-block; position: relative; margin-top: -10px; }

h4 small a.boton, h4 small a.boton.botonaccion { 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 { margin: 0; float: inherit; display: inline-block; padding: 3px 5px; border-radius: 4px; float: right; }

form.basico a img.add, .smallinput a img.add, form.basico input[type=submit] img.add, .smallinput input[type=submit] img.add, form.basico .boton.botonaccion img.add, .smallinput .boton.botonaccion img.add, form.basico div#reportepop .boton.botonaccion img.add, .smallinput div#reportepop .boton.botonaccion img.add, div#reportepop form.basico .boton.botonaccion img.add, div#reportepop .smallinput .boton.botonaccion img.add { width: 35px; }

form.basico.left a img.add, .left.smallinput a img.add, form.basico.left input[type=submit] img.add, .left.smallinput input[type=submit] img.add, form.basico.left .boton.botonaccion img.add, .left.smallinput .boton.botonaccion img.add, form.basico.left div#reportepop .boton.botonaccion img.add, .left.smallinput div#reportepop .boton.botonaccion img.add, div#reportepop form.basico.left .boton.botonaccion img.add, div#reportepop .left.smallinput .boton.botonaccion 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, .smallinput th form input.added[type=submit], .smallinput th .smallinput input.added[type=submit], form .smallinput th input.added[type=submit], .smallinput .smallinput th input.added[type=submit], .smallinput th .added.boton.botonaccion, .smallinput th div#reportepop .added.boton.botonaccion, div#reportepop .smallinput th .added.boton.botonaccion { 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, .smallinput th form input.added[type=submit]:hover, .smallinput th .smallinput input.added[type=submit]:hover, form .smallinput th input.added[type=submit]:hover, .smallinput .smallinput th input.added[type=submit]:hover, .smallinput th .added.boton.botonaccion:hover, .smallinput th div#reportepop .added.boton.botonaccion:hover, div#reportepop .smallinput th .added.boton.botonaccion:hover { background-size: 17px; }

.boton.cancelar, .boton.cancel, form input.cancel[type=submit], .smallinput input.cancel[type=submit], div#reportepop .cancel.boton.botonaccion, div#reportepop form input.cancel.botonaccion[type=submit], div#reportepop .smallinput input.cancel.botonaccion[type=submit], form div#reportepop input.cancel.botonaccion[type=submit], .smallinput div#reportepop input.cancel.botonaccion[type=submit], .boton.borrar, form input.borrar[type=submit], .smallinput input.borrar[type=submit], div#reportepop .borrar.boton.botonaccion, div#reportepop form input.borrar.botonaccion[type=submit], div#reportepop .smallinput input.borrar.botonaccion[type=submit], form div#reportepop input.borrar.botonaccion[type=submit], .smallinput div#reportepop input.borrar.botonaccion[type=submit] { float: left; position: absolute; bottom: 10px; left: 10px; background-color: red; border-top: 1px solid #ff5959; border-left: 1px solid #ff5959; }

.boton.cancelar:hover, .boton.cancel:hover, form input.cancel[type=submit]:hover, .smallinput input.cancel[type=submit]:hover, div#reportepop .cancel.boton.botonaccion:hover, div#reportepop form input.cancel.botonaccion[type=submit]:hover, div#reportepop .smallinput input.cancel.botonaccion[type=submit]:hover, form div#reportepop input.cancel.botonaccion[type=submit]:hover, .smallinput div#reportepop input.cancel.botonaccion[type=submit]:hover, .boton.borrar:hover, form input.borrar[type=submit]:hover, .smallinput input.borrar[type=submit]:hover, div#reportepop .borrar.boton.botonaccion:hover, div#reportepop form input.borrar.botonaccion[type=submit]:hover, div#reportepop .smallinput input.borrar.botonaccion[type=submit]:hover, form div#reportepop input.borrar.botonaccion[type=submit]:hover, .smallinput div#reportepop input.borrar.botonaccion[type=submit]:hover { background-color: #ff3333; color: white; border-top: none; border-left: none; border-bottom: 1px solid #990000; border-right: 1px solid #990000; }

.boton.red, form input.red[type=submit], .smallinput input.red[type=submit], div#reportepop .red.boton.botonaccion, div#reportepop form input.red.botonaccion[type=submit], div#reportepop .smallinput input.red.botonaccion[type=submit], form div#reportepop input.red.botonaccion[type=submit], .smallinput div#reportepop input.red.botonaccion[type=submit] { background-color: red; }

.boton.red:hover, form input.red[type=submit]:hover, .smallinput input.red[type=submit]:hover, div#reportepop .red.boton.botonaccion:hover, div#reportepop form input.red.botonaccion[type=submit]:hover, div#reportepop .smallinput input.red.botonaccion[type=submit]:hover, form div#reportepop input.red.botonaccion[type=submit]:hover, .smallinput div#reportepop input.red.botonaccion[type=submit]:hover { background-color: crimson; }

.boton.green, form input.green[type=submit], .smallinput input.green[type=submit], div#reportepop .green.boton.botonaccion, div#reportepop form input.green.botonaccion[type=submit], div#reportepop .smallinput input.green.botonaccion[type=submit], form div#reportepop input.green.botonaccion[type=submit], .smallinput div#reportepop input.green.botonaccion[type=submit] { background-color: ColorSec; }

.boton.green:hover, form input.green[type=submit]:hover, .smallinput input.green[type=submit]:hover, div#reportepop .green.boton.botonaccion:hover, div#reportepop form input.green.botonaccion[type=submit]:hover, div#reportepop .smallinput input.green.botonaccion[type=submit]:hover, form div#reportepop input.green.botonaccion[type=submit]:hover, .smallinput div#reportepop input.green.botonaccion[type=submit]:hover { background-color: olivedrab; }

.boton.orange, form input.orange[type=submit], .smallinput input.orange[type=submit], div#reportepop .orange.boton.botonaccion, div#reportepop form input.orange.botonaccion[type=submit], div#reportepop .smallinput input.orange.botonaccion[type=submit], form div#reportepop input.orange.botonaccion[type=submit], .smallinput div#reportepop input.orange.botonaccion[type=submit] { background-color: orange; }

.boton.orange:hover, form input.orange[type=submit]:hover, .smallinput input.orange[type=submit]:hover, div#reportepop .orange.boton.botonaccion:hover, div#reportepop form input.orange.botonaccion[type=submit]:hover, div#reportepop .smallinput input.orange.botonaccion[type=submit]:hover, form div#reportepop input.orange.botonaccion[type=submit]:hover, .smallinput div#reportepop input.orange.botonaccion[type=submit]:hover { background-color: darkorange; }

.boton.lightgreen, form input.lightgreen[type=submit], .smallinput input.lightgreen[type=submit], div#reportepop .lightgreen.boton.botonaccion, div#reportepop form input.lightgreen.botonaccion[type=submit], div#reportepop .smallinput input.lightgreen.botonaccion[type=submit], form div#reportepop input.lightgreen.botonaccion[type=submit], .smallinput div#reportepop input.lightgreen.botonaccion[type=submit] { background-color: skyblue; }

p.losbotones { clear: both; }

form.basico.w500, .w500.smallinput { width: 500px; max-width: 500px; }

form.basico.medio, .medio.smallinput { width: 700px; max-width: 700px; }

form.basico.medio.cobranza, .cobranza.smallinput { width: 600px; float: left; margin: 0 10px 0 0; }

form.basico.big, .big.smallinput { width: 850px; max-width: 850px; }

#pestanas { float: left; clear: both; display: block; width: 100%; padding: 0 20px; border-bottom: 5px solid rgba(216, 35, 25, 0.8); width: 91%; margin: 0 1%; }

#pestanas ul { list-style: none; }

#pestanas li a, #pestanas li form input[type=submit], #pestanas li .smallinput input[type=submit], form #pestanas li input[type=submit], .smallinput #pestanas li input[type=submit], #pestanas li .boton.botonaccion, #pestanas li div#reportepop .boton.botonaccion, div#reportepop #pestanas li .boton.botonaccion { 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.activo form input[type=submit], #pestanas li.activo .smallinput input[type=submit], form #pestanas li.activo input[type=submit], .smallinput #pestanas li.activo input[type=submit], #pestanas li.activo .boton.botonaccion, #pestanas li:hover a, #pestanas li:hover form input[type=submit], #pestanas li:hover .smallinput input[type=submit], form #pestanas li:hover input[type=submit], .smallinput #pestanas li:hover input[type=submit], #pestanas li:hover .boton.botonaccion { background-color: rgba(216, 35, 25, 0.8); color: white; }

#pestanas li.activo a, #pestanas li.activo form input[type=submit], #pestanas li.activo .smallinput input[type=submit], form #pestanas li.activo input[type=submit], .smallinput #pestanas li.activo input[type=submit], #pestanas li.activo .boton.botonaccion { font-size: 20px; padding: 8px 15px 3px 15px; margin-top: -4px; text-transform: uppercase; font-size: lighter; }

form.basico.cliente, .cliente.smallinput { 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, form.smallinput textarea, .smallinput textarea, form.basico.smallinput select, form.smallinput select, .smallinput select, form.basico.smallinput label, form.smallinput label, .smallinput label, form.basico.smallinput span.custom-combobox, .smallinput span.custom-combobox, form.basico.smallinput .custom-combobox-input, form.smallinput .custom-combobox-input, .smallinput .custom-combobox-input { height: 26px; margin: 1px 0 !important; }

form.basico.smallinput select, form.smallinput select, .smallinput select, form.basico.smallinput span.custom-combobox, .smallinput span.custom-combobox, form.basico.smallinput .custom-combobox-input, form.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, form.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, form.left.smallinput, .basico.left.smallinput, .left.smallinput, .left.smallinput { float: left; clear: none; width: 68.3%; }

form.basico.left.fclientes, .left.fclientes.smallinput, .fclientes.smallinput { height: auto; }

form.basico.left.fprendas, .left.fprendas.smallinput, .fprendas.smallinput { height: auto; padding-top: 25px; margin-top: -115px; margin-bottom: 10px; }

form.basico.left.fprendas h4, .fprendas.smallinput h4 { line-height: 1em; }

form.basico.left-help, form.left-help.smallinput, .basico.left-help.smallinput, .left-help.smallinput { float: left; clear: none; width: 250px; height: auto; margin-left: 10px; margin-bottom: 10px; }

form.basico.left-help label, .left-help.smallinput label { width: 40%; }

form.basico.left-help input, .left-help.smallinput input, form.basico.left-help textarea, .left-help.smallinput textarea, form.basico.left-help select, .left-help.smallinput 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, .full.smallinput { 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, .smallinput { position: relative; }

form.basico.filtro-normal, .filtro-normal.smallinput { width: 80%; padding-top: 20px; margin-bottom: 20px; }

form.basico.filtro-small, .filtro-small.smallinput { width: 80%; padding-top: 20px; margin-bottom: 20px; }

form.filtros_, .filtros_.smallinput { 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; min-width: 91%; margin: 0 1%; padding: 0 20px 10px 20px; overflow: inherit; position: relative; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; border-radius: none; }

form.filtros_ h4, .filtros_.smallinput h4 { margin: 0; padding: 0; }

form.filtros_.moreless.closed, .filtros_.moreless.closed.smallinput { 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, .avatar.smallinput h3.fnombre { padding-left: 60px !important; }

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

form figure.avatar .avatar-img, .smallinput 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 form input.usar[type=submit], form .scanner .interface .scan-botones input.usar[type=submit], .scanner .interface .scan-botones div#reportepop .usar.boton.botonaccion, div#reportepop .scanner .interface .scan-botones .usar.boton.botonaccion, .scanner .interface .scan-botones div#reportepop form input.usar.botonaccion[type=submit], div#reportepop form .scanner .interface .scan-botones input.usar.botonaccion[type=submit], .scanner .interface .scan-botones form div#reportepop input.usar.botonaccion[type=submit], form div#reportepop .scanner .interface .scan-botones input.usar.botonaccion[type=submit], .scanner .interface .scan-botones .smallinput input.usar[type=submit], .smallinput .scanner .interface .scan-botones input.usar[type=submit], .scanner .interface .scan-botones .boton.cancelar { float: left; position: relative !important; bottom: 0; }

.scanner .interface .scan-botones .boton.usar, .scanner .interface .scan-botones form input.usar[type=submit], form .scanner .interface .scan-botones input.usar[type=submit], .scanner .interface .scan-botones div#reportepop .usar.boton.botonaccion, div#reportepop .scanner .interface .scan-botones .usar.boton.botonaccion, .scanner .interface .scan-botones div#reportepop form input.usar.botonaccion[type=submit], div#reportepop form .scanner .interface .scan-botones input.usar.botonaccion[type=submit], .scanner .interface .scan-botones form div#reportepop input.usar.botonaccion[type=submit], form div#reportepop .scanner .interface .scan-botones input.usar.botonaccion[type=submit], .scanner .interface .scan-botones .smallinput input.usar[type=submit], .smallinput .scanner .interface .scan-botones input.usar[type=submit] { background-color: limegreen; }

#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, .archivosCapturables form input[type=submit], form .archivosCapturables input[type=submit], .archivosCapturables div#reportepop .boton.botonaccion, div#reportepop .archivosCapturables .boton.botonaccion, .archivosCapturables div#reportepop form input.botonaccion[type=submit], div#reportepop form .archivosCapturables input.botonaccion[type=submit], .archivosCapturables form div#reportepop input.botonaccion[type=submit], form div#reportepop .archivosCapturables input.botonaccion[type=submit], .archivosCapturables .smallinput input[type=submit], .smallinput .archivosCapturables input[type=submit] { 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: #d82319; 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; }

.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: 75px; 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; }

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

#reportepop.contratosalvaje { background-size: 950px !important; height: 1280px; }

#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: 1300px; }

.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, .mfp-preloader form input[type=submit], form .mfp-preloader input[type=submit], .mfp-preloader .boton.botonaccion, .mfp-preloader div#reportepop .boton.botonaccion, div#reportepop .mfp-preloader .boton.botonaccion, .mfp-preloader .smallinput input[type=submit], .smallinput .mfp-preloader input[type=submit] { color: #cccccc; }

.mfp-preloader a:hover, .mfp-preloader form input[type=submit]:hover, form .mfp-preloader input[type=submit]:hover, .mfp-preloader .boton.botonaccion:hover, .mfp-preloader div#reportepop .boton.botonaccion:hover, div#reportepop .mfp-preloader .boton.botonaccion:hover, .mfp-preloader .smallinput input[type=submit]:hover, .smallinput .mfp-preloader input[type=submit]: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: rgba(0, 0, 0, 0); }

.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, form input.accion[type=submit] img, .accion.boton.botonaccion img, div#reportepop .accion.boton.botonaccion img, .smallinput input.accion[type=submit] 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, p.paginado form input[type=submit], form p.paginado input[type=submit], p.paginado .boton.botonaccion, p.paginado div#reportepop .boton.botonaccion, div#reportepop p.paginado .boton.botonaccion, p.paginado .smallinput input[type=submit], .smallinput p.paginado input[type=submit] { 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 a.boton.table { 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 a.boton.table.green { border-left: 1px solid #00bd3f; border-top: 1px solid #00bd3f; background-color: #009933 !important; }

a.boton.table.green:hover, form a.boton.table.green:hover { background-color: #00bd3f !important; border-right: 1px solid #007a29; border-bottom: 1px solid #007a29; }

table a.botontabla, table form input.botontabla[type=submit], form table input.botontabla[type=submit], table .botontabla.boton.botonaccion, table div#reportepop .botontabla.boton.botonaccion, div#reportepop table .botontabla.boton.botonaccion, table .smallinput input.botontabla[type=submit], .smallinput table input.botontabla[type=submit] { 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 { 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.active form input[type=submit], form ul.cultyvo-paginacion li.active input[type=submit], ul.cultyvo-paginacion li.active .boton.botonaccion, ul.cultyvo-paginacion li.active div#reportepop .boton.botonaccion, div#reportepop ul.cultyvo-paginacion li.active .boton.botonaccion, ul.cultyvo-paginacion li.active .smallinput input[type=submit], .smallinput ul.cultyvo-paginacion li.active input[type=submit], 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; }

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: #d82319; 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: 22px; height: 22px; display: inline-block; overflow: hidden; background-image: url(../images/note-colors.png); background-position: center left -3px; background-repeat: no-repeat; background-size: 150px; }

.notas-post.notas-verde { background-position: center left -28px; }

.notas-post.notas-naranja { background-position: center left -52px; }

.notas-post.notas-azul { background-position: center left -76px; }

.notas-post.notas-rosa { background-position: center left -100px; }

.notas-post.notas-roja, .notas-post.notas-rojo { background-position: center left -124px; }

#panel ul { list-style: none; width: 100%; clear: both; }

#panel ul:nth-child(2) li .boton, #panel ul:nth-child(2) li form input[type=submit], form #panel ul:nth-child(2) li input[type=submit], #panel ul:nth-child(2) li .smallinput input[type=submit], .smallinput #panel ul:nth-child(2) li input[type=submit] { background-color: rgba(216, 35, 25, 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, #panel ul li form input[type=submit], form #panel ul li input[type=submit], #panel ul li .smallinput input[type=submit], .smallinput #panel ul li input[type=submit] { -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); }

div.dashboard_indicadores, div.btns_acceso_rapido { width: 99%; display: flex; flex-wrap: wrap; gap: 1rem; background-color: rgba(255, 255, 255, 0.8); position: relative; margin: 0 auto 1rem auto; padding: 20px 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.dashboard_indicadores .indicador_dash, div.btns_acceso_rapido .indicador_dash { width: calc(20% - 1rem); margin-bottom: 1rem; }

div.dashboard_indicadores .indicador_dash a, div.dashboard_indicadores .indicador_dash form input[type=submit], form div.dashboard_indicadores .indicador_dash input[type=submit], div.dashboard_indicadores .indicador_dash .boton.botonaccion, div.dashboard_indicadores .indicador_dash div#reportepop .boton.botonaccion, div#reportepop div.dashboard_indicadores .indicador_dash .boton.botonaccion, div.dashboard_indicadores .indicador_dash .smallinput input[type=submit], .smallinput div.dashboard_indicadores .indicador_dash input[type=submit], div.btns_acceso_rapido .indicador_dash a, div.btns_acceso_rapido .indicador_dash form input[type=submit], form div.btns_acceso_rapido .indicador_dash input[type=submit], div.btns_acceso_rapido .indicador_dash .boton.botonaccion, div.btns_acceso_rapido .indicador_dash div#reportepop .boton.botonaccion, div#reportepop div.btns_acceso_rapido .indicador_dash .boton.botonaccion, div.btns_acceso_rapido .indicador_dash .smallinput input[type=submit], .smallinput div.btns_acceso_rapido .indicador_dash input[type=submit] { color: rgba(255, 255, 255, 0.8); }

div.dashboard_indicadores .indicador_dash.calendario, div.btns_acceso_rapido .indicador_dash.calendario { background-color: #52B4E4; padding: 15px; color: #F6F6F6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

div.dashboard_indicadores .indicador_dash.calendario .contenedor_eventos, div.btns_acceso_rapido .indicador_dash.calendario .contenedor_eventos { width: 100%; display: block; font-size: 11px; }

div.dashboard_indicadores .indicador_dash.calendario:hover, div.btns_acceso_rapido .indicador_dash.calendario:hover { background-color: #285FF4; }

div.dashboard_indicadores .indicador_dash .title_indicador, div.btns_acceso_rapido .indicador_dash .title_indicador { float: right; text-transform: uppercase; font-family: 'Muli-Bold'; }

div.dashboard_indicadores .indicador_dash[data-cuentapor], div.btns_acceso_rapido .indicador_dash[data-cuentapor] { position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.dashboard_indicadores .indicador_dash[data-cuentapor]::after, div.btns_acceso_rapido .indicador_dash[data-cuentapor]::after { content: attr(data-cuentapor); position: absolute; width: 20px; height: 20px; top: -8px; right: -8px; background-color: red; color: white; padding: 4px 4px; border-radius: 50%; font-size: 10px; text-align: center; display: flex; justify-content: center; align-items: center; }

div.btns_acceso_rapido { padding: 10px 15px; justify-content: center; align-items: center; }

div.btns_acceso_rapido a.btn_acceso_directo, div.btns_acceso_rapido form input.btn_acceso_directo[type=submit], form div.btns_acceso_rapido input.btn_acceso_directo[type=submit], div.btns_acceso_rapido .btn_acceso_directo.boton.botonaccion, div.btns_acceso_rapido div#reportepop .btn_acceso_directo.boton.botonaccion, div#reportepop div.btns_acceso_rapido .btn_acceso_directo.boton.botonaccion, div.btns_acceso_rapido .smallinput input.btn_acceso_directo[type=submit], .smallinput div.btns_acceso_rapido input.btn_acceso_directo[type=submit] { flex: 1; max-width: 200px; padding: 15px 20px; margin: 10px; text-align: center; font-size: 16px; color: #FFF; border: none; border-radius: 5px; cursor: pointer; text-transform: uppercase; font-family: 'Muli-Bold'; transition: background-color 0.3s ease; }

div.btns_acceso_rapido a.btn_acceso_directo:hover, div.btns_acceso_rapido form input.btn_acceso_directo[type=submit]:hover, form div.btns_acceso_rapido input.btn_acceso_directo[type=submit]:hover, div.btns_acceso_rapido .btn_acceso_directo.boton.botonaccion:hover, div.btns_acceso_rapido div#reportepop .btn_acceso_directo.boton.botonaccion:hover, div#reportepop div.btns_acceso_rapido .btn_acceso_directo.boton.botonaccion:hover, div.btns_acceso_rapido .smallinput input.btn_acceso_directo[type=submit]:hover, .smallinput div.btns_acceso_rapido input.btn_acceso_directo[type=submit]:hover { filter: brightness(1.2); }

div.btns_acceso_rapido a.btn_acceso_directo.btn_azul, div.btns_acceso_rapido form input.btn_acceso_directo.btn_azul[type=submit], form div.btns_acceso_rapido input.btn_acceso_directo.btn_azul[type=submit], div.btns_acceso_rapido .btn_acceso_directo.btn_azul.boton.botonaccion, div.btns_acceso_rapido div#reportepop .btn_acceso_directo.btn_azul.boton.botonaccion, div#reportepop div.btns_acceso_rapido .btn_acceso_directo.btn_azul.boton.botonaccion, div.btns_acceso_rapido .smallinput input.btn_acceso_directo.btn_azul[type=submit], .smallinput div.btns_acceso_rapido input.btn_acceso_directo.btn_azul[type=submit] { background-color: #00A7F8; }

div.btns_acceso_rapido a.btn_acceso_directo.btn_verde_claro, div.btns_acceso_rapido form input.btn_acceso_directo.btn_verde_claro[type=submit], form div.btns_acceso_rapido input.btn_acceso_directo.btn_verde_claro[type=submit], div.btns_acceso_rapido .btn_acceso_directo.btn_verde_claro.boton.botonaccion, div.btns_acceso_rapido div#reportepop .btn_acceso_directo.btn_verde_claro.boton.botonaccion, div#reportepop div.btns_acceso_rapido .btn_acceso_directo.btn_verde_claro.boton.botonaccion, div.btns_acceso_rapido .smallinput input.btn_acceso_directo.btn_verde_claro[type=submit], .smallinput div.btns_acceso_rapido input.btn_acceso_directo.btn_verde_claro[type=submit] { background-color: #67B05A; }

div.btns_acceso_rapido a.btn_acceso_directo.btn_verde_oscuro, div.btns_acceso_rapido form input.btn_acceso_directo.btn_verde_oscuro[type=submit], form div.btns_acceso_rapido input.btn_acceso_directo.btn_verde_oscuro[type=submit], div.btns_acceso_rapido .btn_acceso_directo.btn_verde_oscuro.boton.botonaccion, div.btns_acceso_rapido div#reportepop .btn_acceso_directo.btn_verde_oscuro.boton.botonaccion, div#reportepop div.btns_acceso_rapido .btn_acceso_directo.btn_verde_oscuro.boton.botonaccion, div.btns_acceso_rapido .smallinput input.btn_acceso_directo.btn_verde_oscuro[type=submit], .smallinput div.btns_acceso_rapido input.btn_acceso_directo.btn_verde_oscuro[type=submit] { background-color: #008F01; }

div.btns_acceso_rapido a.btn_acceso_directo.btn_amarillo, div.btns_acceso_rapido form input.btn_acceso_directo.btn_amarillo[type=submit], form div.btns_acceso_rapido input.btn_acceso_directo.btn_amarillo[type=submit], div.btns_acceso_rapido .btn_acceso_directo.btn_amarillo.boton.botonaccion, div.btns_acceso_rapido div#reportepop .btn_acceso_directo.btn_amarillo.boton.botonaccion, div#reportepop div.btns_acceso_rapido .btn_acceso_directo.btn_amarillo.boton.botonaccion, div.btns_acceso_rapido .smallinput input.btn_acceso_directo.btn_amarillo[type=submit], .smallinput div.btns_acceso_rapido input.btn_acceso_directo.btn_amarillo[type=submit] { background-color: #EE8C00; }

div.btns_acceso_rapido a.btn_acceso_directo.btn_rojo, div.btns_acceso_rapido form input.btn_acceso_directo.btn_rojo[type=submit], form div.btns_acceso_rapido input.btn_acceso_directo.btn_rojo[type=submit], div.btns_acceso_rapido .btn_acceso_directo.btn_rojo.boton.botonaccion, div.btns_acceso_rapido div#reportepop .btn_acceso_directo.btn_rojo.boton.botonaccion, div#reportepop div.btns_acceso_rapido .btn_acceso_directo.btn_rojo.boton.botonaccion, div.btns_acceso_rapido .smallinput input.btn_acceso_directo.btn_rojo[type=submit], .smallinput div.btns_acceso_rapido input.btn_acceso_directo.btn_rojo[type=submit] { background-color: #E94E3D; }

@media (max-width: 767px) { div.dashboard_indicadores .indicador_dash { width: calc(100% - 1rem); } }

@media screen and (min-width: 768px) and (max-width: 991px) { div.dashboard_indicadores .indicador_dash { width: calc(50% - 1rem); } }