@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900');

a:hover, a:visited, a:link, a:active { text-decoration: none;}
a {cursor: pointer;}
p{text-align: justify; font-size: 20px; font-family: 'Open Sans'; font-weight: 300; }
.btn{text-transform: uppercase;}

/* -- circulos -- */
.wrapper-flex,.wrapper-flex-mobile{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}


/* -- row -- */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.row-eq-height.container:before,
.row-eq-height.container:after,
.row-eq-height.row:before,
.row-eq-height.row:after {
    content: normal;
}

.uppercase{text-transform: uppercase;}

.separa-10{
    height: 10px;
}
.separa-10-vertical{width: 10px;}

.separa-20{
    height: 20px;
}

.separa-40{
    height: 40px;
}

.separa-30{
    height: 30px;
}

.separa-50{
    height: 50px;
}

.swal-button {background-color: #575757; padding: 20px; font-size: 25px;}
.swal-button:active {background-color: #393939}
.swal-footer{text-align: center;}
.swal-button--cancel{background-color: #efefef;}
.swal-button--cancel:active{background-color: #d7d7d7;}

.contenedor-busqueda{background-color: #f2f2f2;}
.table.resultado tbody tr:nth-of-type(2n){background-color:#fff4e6;}
.table.resultado tfoot,.table.resultado tfoot b{color:#000;background-color:#e4ecf0;}
.table.resultado tfoot .beneficios,.table.resultado tfoot .beneficios b{color:#1b7903;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #fde6c9;
    vertical-align: middle;
}
#cesta_colaborador{display:none;}
.fixbottom{display:none;}

/* LISTA EXTERNA */
.btn-group .btn-sm{width: 30px; height: 30px;}

/* LISTA DETALLES */
.zona-multi>.row {margin-bottom: 10px}
.zona-multi>div>div{display: flex; justify-content: space-between;}
.zona-multi>.row:last-child .separa-10{height: 0;}

.form-bordered {margin-left: -20px; margin-right: -20px;}
.form-bordered .form-group {padding-left: 20px; padding-right: 20px;}

.form-horizontal.form-bordered .form-group {
    padding-left: 5px;
    padding-right: 5px;
}
label {
    font-weight: 600;
}

fieldset legend {
    font-size: 16px;
    padding: 30px 0 10px;
    border-bottom: 2px solid #eaedf1;
}

input[type="file"] {
    padding-top: 7px;
}

input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
textarea.form-control {
    -webkit-appearance: none;
}

.form-control {
    font-size: 13px;
    padding: 6px 8px;
    max-width: 100%;
    margin: 1px 0;
    color: #394263;
    border-color: #dbe1e8;
}

.form-control-borderless .form-control,
.form-control-borderless .input-group-addon,
.form-control-borderless,
.form-control-borderless:focus {
    border: transparent !important;
}

.input-group {
    margin-top: 1px;
    margin-bottom: 1px;
}

.input-group .form-control {
    margin-top: 0;
}

.form-control:focus {
    border-color: #1bbae1;
}

.help-block {
    color: #777777;
    font-weight: 400;
}

.input-group-addon {
    min-width: 45px;
    text-align: center;
    background-color: #ffffff;
    border-color: #dbe1e8;
}

.form-horizontal .control-label {
    margin-bottom: 5px;
}

.form-bordered {
    /*   margin: -15px -15px -1px;*/
}

.modal-body .form-bordered {
    margin-bottom: -20px;
}

.form-bordered fieldset legend {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.form-bordered .form-group {
    margin: 0;
    border: none;
    padding: 15px;
    border-bottom: 1px dashed #eaedf1;
}

.form-bordered .form-group.form-actions {
    background-color: #f9fafc;
    border-bottom: none;
}

.form-horizontal.form-bordered .form-group {
    padding-left: 0;
    padding-right: 0;
}

.form-bordered .help-block {
    margin-bottom: 0;
}

.float-lg-right{float: right;}

.separacion-boton{height: 0; padding: 0 10px; cursor: auto;}
.total-volador{position: absolute; top: 150px; right: 20px; font-size: 40px;}
.total-col {font-size: 17px; margin: 7px 0px}

/* NUEVO */
.titulo-extra-nuevo{display: inline-block; margin: 15px 0px}
.boton-extra-nuevo{display: inline-block; margin-left: 10px; position: relative; top: -5px;}

/* PAGOS */
.pago-extra{background-color: #fff4e6; padding-top: 10px; margin-top: 0px; margin-bottom: 0px!important}


div>.pago-extra:first-child{margin-top: 10px;}
.pago-extra:last-of-type{padding-bottom: 10px;}


.check-pagos{display: flex; align-items: center; justify-content: space-evenly !important;}
.check-pagos .switch{width: 40px; height: 28px; margin-bottom: 0;}
.check-pagos .slider:before{width: 20px; height: 20px;}
.check-pagos input:checked + .slider:before{transform: translateX(12px);}
.check-pagos .fa{font-size: 18px;}

/* TRABAJOS */
.contenedor-trabajos{overflow: hidden; position: relative;}
.trabajo{position: relative; height: 40px; background-color: #fffaf5; border: 1px solid black; display: flex; align-items: center; font-size: 16px; padding-left: 10px; text-transform: uppercase}
.trabajo.maquetaok{background-color: #ffefdb;}
.trabajo.finalizado{background-color: #d2ffd2;}
.trabajo-produccion{height: 40px; position: relative;}
.trabajo-produccion p{margin: 0; height: 100%; text-align: center; width: 20px;}
.trabajo:not(:first-child){margin-top: -2px;}
.trabajo-clonando{z-index: 100;}
.trabajo-clonado{width: 100%;}
.zona-trabajo{width: 100%; background-color: #f2f2f2; height: 100%; position: relative;}
.zona-trabajo .trabajo{min-width: 100%;}

.icono-produccion{height: 20px; width: 20px;}
.flex-espaciado{display: flex; justify-content: space-between; align-items: center; margin-top: -2px; padding-top: 8px;}
.limite-altura{height: 1000px;}

.lista-trabajos .close{display: none;}
.zona-trabajo .close{position: absolute; right: 3px; top: 6px;}

.btn-xs-lista{height: 30px !important; width: 30px !important;}

/* CHECKBOX */
/* Base for label styling */
[type="checkbox"].bye:not(:checked),
[type="checkbox"].bye:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"].switchy:not(:checked),
[type="checkbox"].switchy:checked {
    position: absolute;
    left: -9999px;
}
[type="checkbox"].switchy:not(:checked) + label,
[type="checkbox"].switchy:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"].switchy:not(:checked) + label:before,
[type="checkbox"].switchy:checked + label:before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 1.25em; height: 1.25em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"].switchy:not(:checked) + label:after,
[type="checkbox"].switchy:checked + label:after {
    content: '✔';
    position: absolute;
    top: .1em; left: .175em;
    font-size: 1.4em;
    line-height: 0.8;
    color: #09ad7e;
    transition: all .2s;
    font-family: Helvetica, Arial, sans-serif;
}
/* checked mark aspect changes */
[type="checkbox"].switchy:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
[type="checkbox"].switchy:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"].switchy:disabled:not(:checked) + label:before,
[type="checkbox"].switchy:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
[type="checkbox"].switchy:disabled:checked + label:after {
    color: #999;
}
[type="checkbox"].switchy:disabled + label {
    color: #aaa;
}

/* INPUT SWITCH */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.btn-eur, .btn-factura{position: relative; top: -4px; width: 50px; height: 36px; padding: 0; display: flex; justify-content: center; align-items: center;}

input:checked + .slider {
    background-color: #555;
}

input:checked + .btn-eur {
    color: #fff;
    background-color: #ff9000;
    border-color: #ff9000;
}

input:checked + .btn-eur:hover {
    color: #fff;
    background-color: #ff9000;
    border-color: #ff9000;
}

.btn-eur.encendido {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-eur.encendido:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

input:checked + .btn-factura {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

input:checked + .btn-factura:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-factura.encendido {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-factura.encendido:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}


input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.navbar-brand img{height: 26px}
.navbar-default .navbar-nav>li>a {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 3px;
    font-weight: 400;
}
.titulo {font-size: 40px;
    line-height: 50px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;}
.navbar-nav>li {
    margin: 0 10px
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #828282;
}

/**BOTONES COLOR***/

.btn-info {
    color: #fff;
    background-color: #ff9000;
    border-color: #ff9000;
}

.btn-info:hover {
    color: #fff;
    background-color: #c36e00;
    border-color: #c36e00;
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #c36e00;
    border-color: #c36e00;
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #c36e00;
    border-color: #c36e00;
}

.btn-danger {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-danger:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-warning {
    padding: 10px;
    font-size: 20px; 
    background-color: #872c27 !important;
    border-color: #872c27 !important;
}

.btn-warning:hover, .btn-warning:active {
    background-color: #621e1a !important;
    border-color: #621e1a !important;
}

.btn-primary {
    padding: 10px;
    font-size: 20px;       
    color: #fff!important;;
    background-color: #333333!important;;
    border-color: #333333!important;;
}

.btn-primary:hover, .btn-primary:active {
    background-color: #1f1f1f !important;
    border-color: #1f1f1f !important;
}

/**FIN BOTONES COLOR**/

thead td{font-weight: 600; text-transform: uppercase}

.titulo_apartado {    margin: 7px 0px;font-size: 19px;    font-weight: 400;    text-transform: uppercase;}
h2.titulo_apartado {    margin: 7px 0px;font-size: 14px;    font-weight: 400;    text-transform: uppercase;     margin-top: 12px;}
.titulo_interior {margin: 15px 0px; font-size: 26px; text-transform: uppercase}
.label_interior {text-transform: uppercase}

.swal2-confirm{background-color: #5cb85c!important}

.titulos_trabajo {font-size: 18px}

.navbar-default {
    background-color: #575757;
    border-color: #575757;
    border-radius: 0px;
}

.btn-fa{line-height:  22px}

#total, #total-devolver {    padding: 7px 0px;font-size: 30px; color: #333;}
#numero_registros {    padding: 7px 0px;font-size: 16px; color: #ff9400;}

.td-precio {width: 160px; text-align: right;     padding: 10px 30px!important;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #828282;
}

.btn-fmin a{font-size: 13px}
.embed-responsive-pdf {
    padding-bottom: 100%;
}

.label-especial{
    margin: 7px 0px    
}

.gestion-logo{height: 150px; max-width: 500px;}

.container-codigo-tienda{background-color: #575757; height: 100%; display: flex; align-items: center; justify-content: center;}
.container-codigo-tienda p{font-size: 20px;}
.codigo-tienda .input-group{width: 660px;}
.codigo-tienda .input-group img{height: 100px;}
.codigo-tienda form{padding: 100px; margin: auto; border: 5px solid #333333; background-color: #fff; display: flex; justify-content: space-evenly; align-items: center; flex-direction: column;}
.codigo-tienda input{width: 535px; height: 140px; font-size: 143px;}
.codigo-tienda .btn-lg{width: 350px; height: 70px; font-size: 25px;}

.money-form label{display: block;}
.money-form>div{margin-top: 10px;}

.caja-total{font-size: 50px; display: block; text-align: center;}
.caja-zona-monedas form{padding: 20px; background-color: rgba(231, 231, 231, 0.43); text-align: center;}

.gordo button.dropdown-toggle{height: 47px;}
.gordo button.dropdown-toggle{height: 47px;}
.bootstrap-select li{font-size: 40px;}

.zona-codigo-postal{font-size: 12px;}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
-- --  -- -- -- -- -- -- -- Responsive  -- -- -- -- -- -- -- -- -- -- -- -- 
-- --  -- -- -- -- -- -- -- -- -- -- --  -- -- -- -- -- -- -- -- -- -- --*/
@media (max-height: 768px){ /* alto portatil */


}

@media (max-width: 1200px){ /* monitores normales y tablet horizontal */


}

@media (max-width: 992px){ /* tablet vertical */

    .navbar-header {float: none; height: 70px;border-bottom: 1px solid #002ba6;}
    .navbar-toggle {display: block;}
    .navbar-toggle {margin-right: 30px; margin-top: 17px;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px 15px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-text {float: none;margin: 15px 0;}
    .navbar-collapse.collapse.in {display: block!important;}
    .collapsing {overflow: hidden!important;}



}

@media (max-width: 767px){ /* móviles */



}

.btn-suma-dato { 
    color: #FFFFFF; 
    background-color: #555555; 
    border-color: #333333; 
} 

.btn-suma-dato:hover, 
.btn-suma-dato:focus, 
.btn-suma-dato:active, 
.btn-suma-dato.active, 
.open .dropdown-toggle.btn-suma-dato { 
    color: #FFFFFF; 
    background-color: #333333; 
    border-color: #333333; 
} 

.btn-suma-dato:active, 
.btn-suma-dato.active, 
.open .dropdown-toggle.btn-suma-dato { 
    background-image: none; 
} 

.btn-suma-dato.disabled, 
.btn-suma-dato[disabled], 
fieldset[disabled] .btn-suma-dato, 
.btn-suma-dato.disabled:hover, 
.btn-suma-dato[disabled]:hover, 
fieldset[disabled] .btn-suma-dato:hover, 
.btn-suma-dato.disabled:focus, 
.btn-suma-dato[disabled]:focus, 
fieldset[disabled] .btn-suma-dato:focus, 
.btn-suma-dato.disabled:active, 
.btn-suma-dato[disabled]:active, 
fieldset[disabled] .btn-suma-dato:active, 
.btn-suma-dato.disabled.active, 
.btn-suma-dato[disabled].active, 
fieldset[disabled] .btn-suma-dato.active { 
    background-color: #555555; 
    border-color: #333333; 
} 

.btn-suma-dato .badge { 
    color: #555555; 
    background-color: #FFFFFF; 
}



.btn-naranja { 
    color: #ffffff; 
    background-color: #FF9000; 
    border-color: #FF9000; 
} 

.btn-naranja:hover, 
.btn-naranja:focus, 
.btn-naranja:active, 
.btn-naranja.active, 
.open .dropdown-toggle.btn-naranja { 
    color: #ffffff; 
    background-color: #575757; 
    border-color: #FF9000; 
} 

.btn-naranja:active, 
.btn-naranja.active, 
.open .dropdown-toggle.btn-naranja { 
    background-image: none; 
} 

.btn-naranja.disabled, 
.btn-naranja[disabled], 
fieldset[disabled] .btn-naranja, 
.btn-naranja.disabled:hover, 
.btn-naranja[disabled]:hover, 
fieldset[disabled] .btn-naranja:hover, 
.btn-naranja.disabled:focus, 
.btn-naranja[disabled]:focus, 
fieldset[disabled] .btn-naranja:focus, 
.btn-naranja.disabled:active, 
.btn-naranja[disabled]:active, 
fieldset[disabled] .btn-naranja:active, 
.btn-naranja.disabled.active, 
.btn-naranja[disabled].active, 
fieldset[disabled] .btn-naranja.active { 
    background-color: #FF9000; 
    border-color: #FF9000; 
} 

.btn-naranja .badge { 
    color: #FF9000; 
    background-color: #ffffff; 
}

.flex-bajo{display: flex; align-items: flex-end;}

/***SECRET ZONE**/
.swal-modal{width: 700px;}
.swal-title{font-size: 40px;}
.swal-text{font-size: 35px;}
.swal-content__input{font-size: 85px;}

.navbar-default{height: 70px; overflow: hidden;}
.navbar-header{padding-top: 10px;}
.navbar-default .navbar-nav>li>a {font-size: 25px; padding-top: 25px; padding-bottom: 25px;}
.navbar-default .navbar-nav>li>a .fa {margin-top: -2.5px;}

.table-condensed .day{background-color: #fff1f4;}
.table-condensed .new.day:not(.range){background-color: #ffe7ed;}
.table-condensed .active.selected.day{background: linear-gradient(to bottom,  rgba(255,44,89,1) 0%,rgba(216,1,38,1) 100%);}
.container{width: 1300px;}
.pdf-embebido{ height: 1240px;}
.form-control{border-radius: 0;}
.bloque_busqueda{height: 109px;}
.input-ninja{background-color: transparent; width: 42px; border: 0; display: inline-block;}
.boton-masmenos{width: 35px; height: 35px; display: inline-block; padding: 0;}
.boton-masmenos.separa{margin-left: 4px;}
.tabla div{word-wrap: break-word;}
.tabla.small{font-size: 18px;}
.tabla{font-size: 18px;}
.tabla .fila-tabla{background-color: #fff; color: #151515; min-height: 60px !importantes; display: flex; align-items: center;}
.tabla .fila-tabla.header{background-color: #393939 !important; color: #fff; text-transform: uppercase;}
.tabla .fila-tabla.alt{background-color: rgba(87, 87, 87, 0.11);}
.tabla .fila-tabla>div{padding: 10px; min-height: 70px; display: flex; align-items: center;}
.tabla .fila-tabla.completado{background-color: #d3e6d1;}
.icono-hijo{height: 7px; position: relative; top: -4px; margin: 0 15px 0 15px;}
.hijito{border-top-color: #333; border-top-width: 1px; border-top-style: dashed;}
.select-inventado{display: inline-block; width: 270px !important;}
.input-varios{display: inline-block; width: 225px !important;}
.fila-ticket{background-color: rgba(87, 87, 87, 0.11);}
.fila-ticket button{text-transform: uppercase; display: none;}
.btn-tipopago{width: 170px; height: 47px; text-align: left; float: left; padding: 10px; font-size: 20px;}
.sin-resultados{font-size: 25px; font-weight: bold; margin-top: 30px; text-align: center;}
.contenedor-caja input{height: 50px; font-size: 20px;}
.no-tan-centro{padding-left: 25px !important; flex-direction: column; align-items: flex-start !important;}
.div-inexistente{padding: 0 !important; margin: 0 !important; background-color: transparent !important;}

.zona-escaner{display: flex; justify-content: flex-start; flex-direction: row-reverse;}
.zona-escaner li:not(.boton-escaner){list-style: none; background-color: #393939; color: #FFF; margin-right: 10px; border-radius: 4px; display: flex; justify-content: center; align-items: center;}
.zona-escaner li.compra-tienda-web div{display: flex; justify-content: center; align-items: center; cursor: pointer;}
.zona-escaner li.compra-tienda-web div:hover{background-color: #1f1f1f;}
.zona-escaner li.compra-tienda-web div{padding: 0 10px; }
.zona-escaner li.compra-tienda-web div:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px; height: 34px;}
.zona-escaner li.compra-tienda-web div:first-child span{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.zona-escaner li.compra-tienda-web div:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 34px; border-left: 1px solid #FFF;}
.compra-tienda-web.compra-web-desactivada{opacity: 0.3;}
.boton-escaner{color: #393939 !important; font-size: 14px; text-transform: uppercase; list-style: none; min-width: 260px;}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{
    background: linear-gradient(to bottom, #575757 0%,#393939 100%) !important;
}
.masivos form {width: 320px; display: inline-block;}
.btn-masivo{width: 300px;}
.facturas-total{float: right; margin-top: 8px; font-size: 25px;}
.facturas-total strong{color: #d80126;}

#venta-cerrada, #devolucion-cerrada{overflow: hidden;}
#venta-cerrada button, #devolucion-cerrada button{height: 180px; font-size: 25px; text-transform: uppercase;}
#venta-abierta, #devolucion-abierta{height: 0; overflow: hidden;}
#venta-abierta .fila-tabla:nth-child(even){background-color: rgba(87, 87, 87, 0.11);}
#venta-abierta .fila-tabla:nth-child(even)>div{background-color: transparent;}
.centerify{justify-content: center;}
#devolucion-abierta label{margin: 0; padding: 0;}
.tabla-ventas>div:nth-child(even){background-color: rgba(87, 87, 87, 0.11); color: #151515; padding: 10px;}
.tabla-ventas>div:nth-child(odd){background-color: #fff; color: #151515; min-height: 40px; padding: 10px;}
.devolver-checkbox{display: flex; align-items: center; justify-content: center; height: 100%;}

.cabecera{background-color: #393939; height: 42px;}
.cuerpo{background-color: #f5f5f5;}

.caja-zona-monedas h2{text-align: left;}
#total-efectivo, #efectivo-introducido{font-size: 30px;}

div.cuadro_formulario{background-color: #eee;     padding: 15px 0px;}
.texto_invisible{color: transparent;}
.fecha_zone{padding: 0px 25px;}
.fixed-size-select{min-width: 110px;}
.regist-number{text-align: right;}
.btn-comercial{width: 95%; padding: 5px 0 !important;}
.btn-comercial-container{text-align: center;}
.btn-filtrar{margin: 28px 5px 0px;
    padding: 5px 35px;}
.btn-primary-negro{background-color: #333; color: #fff;};

.col-lg-auto { width: auto; }

.form-inline .cuadro_formulario{padding: 20px}
.form-inline .cuadro_formulario:only-child{margin: 0px 10px}
.form-inline .btn-filtrar{margin: 0px;
    padding: 5px 35px;}

div.botones_csv{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.formulario-busqueda select{border-radius: 0;}
.zona-pago-info>div{display: flex; margin-bottom: 5px; height: 60px;}
.zona-pago-info>div label{margin-bottom: 0 !important;}

.input-cantidad, .input-cantidad-no{width: 140px; height: 40px; font-size: 25px; padding-left: 5px; margin-left: 20px;}
#inputvale .input-cantidad-no{width: 140px;}
.input-cantidad-contenedor{display: flex; width: 200px; height: 46.5px; margin-top: 4px;}
.input-cantidad-contenedor>div>div{display: flex;}
#inputefectivo, #inputtarjeta, #inputvale{display: none;}
#inputefectivo>div, #inputtarjeta>div, #inputvale>div{min-width: 200px}
.btn-allin{height: 40px; margin-left: 5px; width: 35px; padding: 0; padding-left: 1px;}
.btn-allin img{height: 12px; margin-top: -3px;}
.btn-quita{padding: 6px 12px;}
.normal-input{width: 278px; height: 34px; display: block; border-radius: 0;}
.input-descuento{width: 50px;}
.total{font-size: 30px; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; padding: 20px 0;}
#total, #total-devolver{font-weight: bold;}
.total-sobra, .total-falta{font-size: 18px; display: none;}
.total-sobra{color: green;}
.total-falta{color: red;}
.total-descuento{color: green; font-size: 18px; display: none;}
.cabecera-nombres span{font-size: 25px;}
.cabecera-nombres span.separador-nombres{display: inline-block; height: 25px; width: 3px; background-color: #333; position: relative;  top: 3px; margin: 0 10px;}
.tabla-vales td{border: 1px solid #333; padding: 5px;}
.sesion-abierta{font-size: 18px;}
.input-group.gordo input, .input-group.gordo select{height: 46px; font-size: 18px;}
.btn-group.gordo button{height: 46px; font-size: 18px;}
.input-group.gordo .input-group-addon{padding: 15px;}

.boton-pedir{height: 40px; width: 40px; float: right; padding: 0;}
.boton-pedir img{height: 15px; margin-top: -4px;}

div.botones_csv>form{margin: 0px 10px}
.varios button{width: 30px; height: 28px;}

.descuento_interior{font-size: 24px;text-align: right;}
.foto_interior {position: relative;}
.cuadro_descuento{background-color: #FFE77F; padding: 5px 15px; position: absolute; bottom: 0px; left: 0px; color: #393939; font-size: 32px; font-weight: 700}

.caja-datos{font-size: 23.5px;}
.zona-traslado{height: 50px; width: 100%; display: flex; align-items: center;}

.boton-limpiar{font-size: 20px; float: right; text-transform: uppercase; color: #9c9797 !important; margin-top: 20px;}
.btn-cargar-mas{margin-top: 20px;}
.boton-teclado{position: absolute; top: 0; left: -70px;}
.boton-teclado button{height: 50px; width: 50px; font-size: 20px;}
.boton-teclado button.active{background-color: limegreen; color: #fff;}
.boton-teclado button.active:hover, .boton-teclado button.active:focus{background-color: limegreen; color: #fff;}
.boton-secreto{height: 0; width: 0; overflow: hidden; opacity: 0;}

#boton-compra{padding: 10px; font-size: 20px; height: 170px;}
#boton-compra.disabled{background-color: #393939; color: #FFFFFF;}
.icono-boton-compra{height: 50px; display: block; margin: auto; margin-bottom: 20px;}

.money-form span{font-size: 20px; margin-bottom: 5px; display: inline-block;}

.extra-dinero-titulo{font-size: 17px; padding-top: 10px;}
.extra-dinero-titulo-dos{font-size: 17px; padding-top: 3px;}
.extra-dinero-cantidad input{font-size: 20px; width: 300px !important;}

.zona-moneda label{font-size: 25px;}

/* CALCULADORA */
/*.calculator {position: relative; margin: 1em auto; padding: 1em 0; width: 300px; background-color: #444; border-radius: 25px; box-shadow: 5px 5px 15px 3px #111; font-family: 'Oxygen';}
.calculator .calc-row:first-child{height: 76px;}
.calc-row {text-align: center;}
.calc-row .button{cursor: pointer;}
.calc-row div.screen {font-family: Droid Sans Mono; display: inline-block; width: 85%; background-color: #aaa; text-align: right; font-size: 2em; min-height: 1.2em; padding-right: 0.5em; border: 1px solid #888; color: #333; height: 62px;}
.calc-row div {text-align: center; display: inline-block; font-weight: bold; border: 1px solid #555; background-color: #eee; padding: 10px 0; margin: 7px 5px; border-radius: 15px; box-shadow: 2px 2px 1px 1px #222; width: 50px;}
.calc-row div.zero {width: 112px;}
.calc-row div.zero {margin-right: 5px;}*/

/* NEW CALCULADORA */
.calculator {position: relative; margin: 1em auto; width: 95%; background-color: #eeeeee; font-family: 'Oxygen';}
.calculator .calc-row:first-child{height: 61px;}
.calc-row .button{cursor: pointer; width: calc(100% / 4); border-top: 1px solid #555; border-left: 1px solid #555; height: 70px; font-size: 40px;}
.calc-row.bottom-calc-row .button{border-bottom: 1px solid #555;}
.calc-row .colored{background-color: #575757; color: #fff; border-bottom: 1px solid #fff}
.calc-row div.screen {font-family: Droid Sans Mono; display: inline-block; width: 100%; background-color: #f9f9f9; text-align: right; font-size: 2em; min-height: 1.2em; padding-right: 0.5em; color: #333; height: 62px; border: 1px solid #555; border-bottom: 0;}
.calc-row div {text-align: center; display: inline-block; font-weight: bold; background-color: #eee; padding: 10px 0; width: 50px;}
.calc-row div.zero {width: calc(100% / 2);}

/* CHECKBOXES */
/* Customize the label (the container) */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    /*left: 0;*/
    height: 25px;
    width: 25px;
    background-color: #d5d5d5;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #333;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 8px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}