/*@font-face {       
    font-family: "Cent";
    src: url(fonts/century.ttf) format("truetype");
}*/
@font-face {       
    font-family: "popins";
    src: url(fonts/Poppins-Regular.ttf) format("truetype");
}
*{
    font-family: popins;
    font-size: 13px;
}
/* Chrome*/
::-webkit-input-placeholder { 
    color:rgb(200,200,200); 
    font-size: 0.9em; 
    padding: 10px 5px;
    font-family: popins;

} 
/* firefox 19+ */
::-moz-input-placeholder { 
    color:rgb(150,150,150); 
    font-size: 0.9em; 
    padding: 10px 5px;
    font-family: popins;
} 
/* ie */
:-ms-input-placeholder { 
    color:rgb(150,150,150); 
    font-size: 0.9em; 
    padding: 10px 5px;
    font-family: popins;
} 

body{
    overflow-x: hidden;
    box-sizing:border-box;
    background-color: rgba(255, 31, 73, 0.015);
}
table{
    border-collapse:collapse;
    width: 100%;
}
table tr td{
    /*border: 1px solid #b0b0b0;*/
}
/*-------------ESTILOS DEL HEADER DEL INDEX-----------------*/   
header{
    width: 100%;
    height: auto;
    color: #303030;
    text-align: center;
    padding: .2em;
}
    .trat{
        font-size: 2.4em;
        font-weight: bold;
       
    }
    .data{
        margin-top: -10%;
        padding-top: -2em;
        text-align: center;
        font-size: 1.1em;
    }

/*-------------ESTILOS DEL BODY DEL INDEX-----------------*/  
.body_login{
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: linear-gradient(90deg, rgba(2,0,36,1) 10%, rgba(51,51,144,1) 50%, rgba(0,212,255,1) 100%);
}
a{
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
}

h2{
    text-align: center;
}


/*------------ESTILOS PARA MODAL DE REGISTRO NUEVO USUARIO------------*/
input, select, textarea{
    font-family: popins;
    text-align: center;
    width: 98%;
}
    .modal{
        width: 35%;
        min-width: 400px;
        max-width: 400px;
        height: auto;
        border: 1px solid #AEAEAE;
        border-radius: 7px;
        background-color: #fff;
        top: 20%;
        right: 0;
        bottom: 0;
        left: 50%;
        margin: 0 auto;
        padding: .5em;
        text-align: center;
        transform: translateY(38%);
        
    }
    .titulo-modal{
        width: 100%;
        box-sizing: border-box;
        font-size: 1.2em;
        color: rgb(65,65,65);
        padding: 0 0 5px 6px;
        border-bottom: 1px solid rgb(210,210,210);
        font-weight: bold;
        text-align: center;
        margin-bottom: 1em;
        padding: 0px;
        margin-top: 0px;
    }
        .modal img{
            margin-top: -15%;
            width: 250px;
        }
        .modal table{
            width: 100%;
            height: auto;
            margin-top: 0%;
        }
        .subtitulo-modal{
            padding-bottom: 2px;
            font-size: .9em;
            text-align: center;
        }
            .modal table tr{
                width: 100%;
                height: auto;
            }
                .modal table tr td{
                    
                }
                    .modal table input{
                        width: 100%;
                        height: auto;
                        padding: 9px 0;
                    }
.ident-ingreso{
    font-size: .9em;
    color: #1174A3;
    font-weight: bold;
}                    
.btn-enviar,.btn-cancelar,.btn-alternativo{
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 20px;
    color: #f2f2f2;
    font-family: popins;
    cursor: pointer;
    width: 100%;
    padding: 2px 2px;
    text-align: center;
    font-size: 1.2em;
}
.btn-alternativo{
    background: #fff;
    border: 2px solid #c40025;
    color: #c40025;
}
.btn-enviar{
    /*background-color: rgb(92,184,92);
    border: rgb(92,184,92);*/
    background-color: rgba(196,0,37,1);
    border: 2px solid rgba(196,0,37,1);
}
.btn-cancelar{
    color: #c40025;
    background: #fff;
    border: 2px solid #c40025;
}
.btn-restobar{
    background: rgba(196,0,37,1);
    border-radius: 0px 10px 10px 0px;
    border: 0px;
}
.icono-busqueda100{
    width: 26px;
    border-radius: 0px 10px 10px 0px;
}

.btn-enviar:hover,.btn-cancelar:hover,.btn-alternativo:hover, .btn-restobar:hover, .icono-busqueda100:hover{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    cursor: pointer;
}
.btn-enviar:hover{
    background-color: rgb(145,0,28,1);
}
.btn-cancelar:hover{
    /*background-color: #00819c;
    border: 2px solid #00819c;
    color: #fff;*/
    background-color: #383838;
    color: #fff;
    border: 2px solid #383838;
}
.btn-alternativo:hover{
    background: #f2f2f2;
}
.btn-restobar:hover, .icono-busqueda100:hover{
    background-color: rgb(145,0,28,1);
}

#respuesta{ /*Estilos para las respuestas del servidor*/
    width: auto;
}
#p-error,#p-success,#p-info,#p-warning{
    font-size: 1.1em;
    border-radius: 3px;
    padding: 7px 7px;
    margin: 3px;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    max-width: 750px;
    margin: 0 auto;
}

    #p-error{
        background-color: rgba(140,50,50,.1);
        color: rgb(140,50,50);
        border-left: 3px solid rgb(140,50,50);
    }
    #p-success{
        background-color: rgba(51,106,32,.1);
        color: rgb(51, 166, 32);
        border-left: 3px solid rgb(51, 166, 32);
    }
    #p-info{
        background-color: rgba(178,223,219,.3);
        color: rgba(0,77,64,.9);
        border-left: 3px solid rgb(0,77,64);        
    }
    #p-warning{
        background-color: rgba(225,113,0,.1);
        color: rgb(225,113,0);
        border-left: 3px solid rgb(225,113,0);         
    }


/*-----------ESTILOS PARA MODAL DE INICIAR SESION-----------*/

.cont-modal-ingr .modal{
    width: 25%;
}
.cont-modal-ingr img{
    width: 30%;
    height: auto;
    margin-left:35% ;
}
#contrasena_log{
    margin-top: .4em;
}

/* Estilos para footer*/

.contactme{
    position: absolute;
    width: 80%;
    height: auto;
    padding: 5px 15px;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: 60px;
}
    .contactme .dotted{
        color: #252525;
        text-transform: uppercase;
        font-weight: 400;
    }
    .contactme .left{
        top: 0;
        padding: 0;
        float: left;
        width: 60%;
        text-align: right;
        font-size: 15px;
        color: #606660;
    }
    .contactme .right{
        top: 0;
        padding: 0;
        float: right;
        width: 20%;
    }
    .left,.right{
        display: inline-block;
        vertical-align: top;
    }
        .btn{
            background-color: #2fb677;
            padding: .5em 1.1em;
            text-decoration: none;
            color: white;
            border-radius:4px ;
            box-shadow: 0 -3px 0 rgba(0,0,0,0.3) inset;
        }
.contactme,.footer{
    display: inline-block;
    vertical-align: top;
}        
.footer{
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    text-decoration: none;
    background: #505961;
    color: white;
    position: absolute;
}  
    .footer a{
        text-decoration: none;
        color: #999999;
    }
    .footer a:hover{
        color: #2fb677;
    }

/*-------------ESTILOS PARA SECCION DEL MENÚ------------*/

.seccion-menu,.seccion-principal{
    display: inline-block;
    vertical-align: top;
    box-sizing:border-box; 
}

.seccion-menu{
    width: 0;
    max-width: 370px;
    height: 100%;
    /*background: linear-gradient(120deg, rgba(2,0,36,1) 10%, rgba(66,129,177,1) 90%);*/
    /*background: linear-gradient(180deg, rgba(57,31,255,0.90) 7%, rgba(196, 0, 37, .90) 80%);*/ /*rgba(255,31,73,0.7539390756302521)*/
    background: linear-gradient(180deg, rgba(196, 0, 37, .85) 7%, rgba(196, 0, 37, .85) 80%);
    border-radius: 5px;
    position: fixed ;
    z-index: 100;
    overflow: auto;
    border: 1px solid #A8A8A8;
    color: #fff;
}
    .datos-usuario{
        box-sizing:border-box;
        padding: 5px;
        margin-top: -15px;
        width: 100%;
        height: 12em;
        color: #fff;
        border-radius: 5px;
    }
        .datos-usuario span{
            margin-top: -1em;
            right: 0;
            color: #fff;
            width: 80%;
            font-size: 3em;
            float: right;
            text-align: center;
        }
            .titulo-datos-usuario{
                margin-top: 0px;
                color: rgb(50,50,50);
            }
            .titulo-datos-usuario strong{
                font-size: 1.7em;
                font-family: popins;
            }
            .establecimiento-datos-usuario, .logosyrap{
                display: inline-block;
                vertical-align: top;
            }
            .establecimiento-datos-usuario{
                width: 60%;
                margin-top: 2em;
                margin-left: 2%;
                font-size: .9em;
            }
            .logosyrap{
                margin: 0 auto;
                width: 22%;
                margin-left: 2%;
            }
            .nombre-datos-usuario{
                border-top: 1px solid #f2f2f2;
                margin-top: 10px;
                padding-top: 12px;
                font-size: 1.2em;
                color: rgb(50,50,50);
            }
    .contenedor-menu{
        border-top: 2px solid #fff; 
        background-color: transparent;

    }
        .contenedor-menu div{
            width: 100%;
            border-bottom: 1px solid rgb(130,130,130);
            padding: 1px 0;
            box-sizing:border-box;
        }
            .contenedor-menu span{
                font-size: 15px;
            }
        .contenedor-menu div:hover {
            padding-left: 5px;
            transition: all .2s;
            /*background-color: rgba(0, 102, 255, 1);*/
            background: rgba(148, 29, 3, 1);
            border: 0px;
            /*border-top:1px solid rgb(0,154,208);*/
            border-radius: 0% 15px 15px 0%;
        }   
        .contenedor-menu .span_s,.contenedor-menu div img{
            vertical-align: top;
            display: inline-block;
            margin: 5px auto;
            width: 30px;
            
        }
        .contenedor-menu .span_s{
            padding: 9px;
            font-size: .9em;
            text-transform: uppercase;
            width: 70%;
            letter-spacing:0.2em;

        }
            .contenedor-menu div img,.ruta table td img{
                width: 25px;
                padding: 3px;
                margin-left: 10px;
            }
            .a-contendor, .btn-hide-menu{
                
            }
            .a-contenedor{
                width: 70%;
                text-decoration: none;
                color: #f2f2f2;
                font-weight: bold;
            }
        .contenedor-item img{
            background: #fff;
            border: 0px;
            border-radius: 50%;
            margin: 0px;
            padding: 0px;
        }

.modal_cliente_servicio{
    width: 100%;
    height: 100%;
    background: rgba(45,45,45,.5);
    position: fixed;
    top: 0;
    text-align: center;
    overflow: auto;
    display: none;
}
    .contenedor_formulario{
        width: 94%;
        min-width: 700px;
        height: auto;
        background: white;
        margin: 0 auto;
        margin-top: 2%;
        border-radius: 5px;
        padding: 1em 1em;
        overflow: auto;
    }
/*------------ESTILOS PARA LA SECCION PRINCIPAL ( BANNER SUPERIOS )------------*/

.btn-show-menu, .banner-superior{
    display: inline-block;
    vertical-align: top;
}

.btn-show-menu, .btn-hide-menu{
    width: 40px;
    border: 2px solid #f2f2f2;
    border-radius: 50%;
}
    .btn-show-menu{
        margin-left: 13px;
        padding-top: 0;
        
    }
    .btn-hide-menu{
        margin-top: 15px;
        display: block;
        margin-left: 13px;

    }
.seccion-principal{
    width: 100%;
    height: 100%;
    margin-right: 0;
    float: right;
    /*background: radial-gradient(circle, rgba(230,22,22,0.05) 28%, rgba(241,228,32,0.05) 100%);*/

}
.banner-superior,.contenido-principal{
    width: 100%;
    display: block;
    box-sizing:border-box;
}
.banner-superior, .btn-show-menu{
    position: fixed;
    margin-top: 5px;

}
.banner-superior{
    width: 91%;
    border-bottom:1px solid rgb(198,198,198);
    height: 43px;
    margin-left: 8%;
    background: white;
    border-radius: 10px;
}
.contenedor-contenido{
    width: 100%;
    margin-top: 5em;
}

    .ruta,.logout{
        float: left;
        height: 40px;
    }
    .ruta{
        width: 60%;
        margin-left:0%;
    }
        .ruta table{
            width: auto;
        }
            .ruta table .td-dashboard{
                font-size: 1.3em;
                font-weight: bold;
            }
            .ruta table .td-ruta{
                color: rgb(128,128,128);
                font-weight: 600; 
                font-size: .90em;   
            }
    .logout{
        width: 40%;
    }
        .logout img{
            width: 30px;
            cursor: pointer;
            float: right;
            border-left: 2px solid #000;
            margin: 0 auto;
            padding: 0px 10px 0px 10px;
        }

/* Estilos para caja menor */
.saldo_caja_positivo, .saldo_caja_negativo{
    text-align: right;
    background: #444444;
    padding: 2px 5px;
    float: right;
    color: #fff;
    font-weight: 100;
    font-size: 1.1em;
}
    .saldo_caja_positivo{
        background: #40BE40FF;
    }
    .saldo_caja_negativo{
        background: #DA0509FF;
    }

.input_350_ancho{
    width: 350px;
}
.identificador_pedido{
    width: 800px;
    margin: 0 auto;
}
.identificador_pedido p, .identificador_pedido button{
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
}
.identificador_pedido p{
    width: 70%;
}
.identificador_pedido button{
    float: right;
}
/*---------ESTILOS PARA LO QUE ESTA DENTRO DE LA SECCION PRINCPIAL ( CONTENIDO DE FORMULARIOS )--------*/
.contenido-principal{
    width: 100%;
    height: 100vp; 
    padding: 10px 17px;  
}   

.contenedor-consulta{
    text-align: center;
}
    .inp-consulta-inventario{
        padding: 5px;
    }

    /*---- BOTON AGREGAR ( + ) -----*/
    .btn-agregar{
        width: 40px;
        float: right;
        margin: 10px 20px;
        cursor: pointer;
        background: #fff;
        border-radius: 50%;
    }

/*------- ESTILOS PARA INVENTARIO ---------*/
.contenedor_resultados{
    display: none;
    width: 99%;
    height: auto;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    border: 1px solid #e3e3e3;
}
.contenedor-consulta{
    display: none;
    width: 99%;
    max-width: 900px;
    height: auto;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    border: 1px solid #e3e3e3;
    padding: .5em;
}
.contenedor-tablas{
    display: none;
    width: 99%;
    max-width: 1000px;
    height: auto;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    border: 1px solid #e3e3e3;
    padding: .5em;
}
.contenedor-consulta table{
    width: 100%;
    text-align: center;
}
.h2-titulo{
    text-align: center;
    padding: 5px 0;
    color: rgba(196,0,37,1);
    /*background-color: #00337b;*/
    border-bottom: 1px solid rgba(196,0,37,1);
}
.h2-titulo-secundario{
    text-align: center;
    padding: 5px 0;
    color: #000;
    background-color: #00337b;

    background-color: #900;
    background-color: #d0d0d0;
}
        .contenedor-tablas table {
            width: 100%;
            text-align: center;
            padding:10px;
            border-radius: 10px;
        }
        .contenedor-tablas .tabla-botones td{
            width: 50%;
        }
            .contenedor-tablas table button{
                width: 50%;
                padding: 6px;
                font-size: 1.2em;
            }
                .contenedor-tablas table .btn-enviar{
                    float: right;
                }
                .contenedor-tablas table .btn-cancelar{
                    float: left;
                }                
            .contenedor-tablas table input{
                width: 100%;
                background-color: #fff;
                border:1px solid gray;
                padding: 5px;
                text-align: center;
            }
#contenedor-tablas-nuevo-usuario{
    background: #fff;
}
/*---- Botones de imprimir o cerrar la impresion  ----*/
.boton-imprimir-pedido ,.boton-cerrar-impresion{

    position: fixed;
    border-radius: 100%;
    color: #f2f2f2;
    border: 0;
    padding: 10px;
    height: 80px;
    width: 80px;
    font-size: 1.1em;
    cursor: pointer;
    display: block;
    font-weight: bold;

}
.boton-imprimir-pedido{

    border: 2px solid rgba(30, 143, 43, .9);
    background: rgba(30, 143, 43, .8);
    margin-left: 1%;
    /*color: #000;*/

}
.boton-cerrar-impresion{

    border: 2px solid rgba(189, 14, 23, .9);
    background: rgba(189, 14, 23, .8);
    margin-left: 1%;
    margin-top: 8%;
    /*color: #000;*/

}

/*--- Estilos para modales ---*/
.modal_editar_producto,.modal_quitar_producto, .modal-editar-usuario, .modal-ayuda, .modal-caja{
    width: 100%;
    height: 100%;
    background: rgba(45,45,45,.4);
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    overflow: auto;
    display: none;
}
    .modal_editar_producto .contenedor_formulario, .modal-editar-producto .contenedor_formulario, .modal-ayuda .contenedor_formulario{
        width: 50%;
        max-width: 750px;
        min-width: 600px;
        height: auto;
        background: #FCFCFC;
        margin: 0 auto;
        margin-top: 2%;
        padding: 2em 2em;
        border-radius: 5px;
        border: 1px solid white;
        overflow: auto;
        
    }
        #table-producto{
            width: 100%;
            text-align: center;
        }
            #table-producto tr {
                width: 100%;
            }

/* ---- ESTILOS PARA LAS CATEGORIAS ---- */

.imagen_previa_categoria{

    border: 1px solid #9B0B0B;
    width: 50%;
    min-width: 60px;
    max-width: 250px;
}
    .imagen_accion{
        border: 1px solid gray;
        max-width: 21px;
        max-height: 21px;
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        padding: 1px;

    }
    .imagen_accion:hover{
        background: #ffcf;

    }
.td_subtitulo{
    background-color: #e0e0e0;
    width: auto;
    max-width: 100px;
}
/*------ ESTILOS PARA LA SECCION DE CONFIGURACIONES -------*/

.tabla_configuraciones{
    width: 47%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid gray;
    margin-left: 1%;
    border-radius: 5px;
    padding: 5px;
}
/*------- ESTILOS PARA TABLA DE RESULTADO DE BUSQUEDA DE PRODUCTO --------*/

#editar_producto, #eliminar_producto{
    border:1px solid gray;
    width: 27px;
    height: 25px;
}

.celda-blanco{
    background: #fff;
    cursor: pointer;
    font-weight: ;
}
.celda-gris{
    background: #DDD;
    cursor: pointer;
    font-weight: ;
}
.celda-procesada{
    background-color: rgba(139,205,139,.5);
    border: rgb(92,184,92);
    cursor: pointer;
    font-weight: ;
}

/*-----------ESTILOS PARA EL ARCHIVO DE ACTUALIZA DATOS DE USUARIO-----------*/
.contenedor-actualizar-usuario .modal{
    margin-top: 5px;
    border: 1px solid rgb(200,200,200);
    min-width: 60%;
}
    .contenedor-actualizar-usuario .modal table tr td{
        padding-top: 15px;
        color: rgb(128,128,128);
    }

/*--- ESTILOS PARA EL MODAL DE CALCULAR EL VUELTO ---*/

    #modal-calcular-vuelto table{
        width: 85%;
        max-width: 700px;
        font-size: 2em;
        margin: 0 auto;
        border-radius: 15px;
        background-color: #f2f2f2;
        overflow: hidden;
    }
        #modal-calcular-vuelto table tr td{
            width: 50%;
            font-size: 3em;
            background: #fff;
            padding:15px;

        }
            #modal-calcular-vuelto table tr td input{
                width: 98%;
            }

        #btn-calcular, #btn-cerrar{
            font-size: .7em;
            margin-left: 15%;
        }
        #td-vuelto{
            color: #8E0000;
            font-size: 4em;
            font-weight: bold;
        }


/*--- ESTILOS PARA EL INPUT DEL SCANER DEL PRODUCTO EN VENDER.PHP ---*/
.img_ayuda{
    position: fixed;
    float: right;
    margin-left: 96.5%;
    width: 35px;
    margin-top: 3em;
    cursor: pointer;
}
    .img_ayuda:hover{
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        transform: all .4s;

        -ms-transform: scale(1.5); /* IE */
        -moz-transform: scale(1.5); /* FF */
        -webkit-transform: scale(1.5); /* Safari y Chrome */
        -o-transform: scale(1.5); /* Opera */
    }
.img_cerrar_ayuda{
    width: 35px;
    float: right;
    /*margin-left: 750px;*/
    margin-top: -12px;
    cursor: pointer;
}
.modal-ayuda .contenedor_formulario{
    width: 750px;
}

.vista_total, .vista_palabra_total, #btn_vender, .vista_vueltos{
    text-align: left;
    margin-top: -5px;
    padding: 0;
    margin-bottom: -10px;

}
.vista_palabra_total{
    width: auto;
    min-width: 80px;
    text-align: right;
    font-size: 2em;
    text-align: left;
}

.vista_total, .input_efectivo{
    border:2px solid #36A3C8;
    width: 150px;
    color: #000;
    padding: 1px;
    font-size: 1.8em;
}
.input_efectivo{
    margin-top: 5px;
    font-size: 2em;
}
.vista_vueltos{
    background: #fff;
    color: #000;
}
.tabla_vista_totales{
    background: ;
    width: 100%;
    margin-top: 5px;
}
.tabla_vista_totales tr td:nth-child(1), .tabla_vista_totales tr td:nth-child(3), .tabla_vista_totales tr td:nth-child(5){
    width: 8%;
}
.tabla_vista_totales tr td:nth-child(2),.tabla_vista_totales tr td:nth-child(4),.tabla_vista_totales tr td:nth-child(6){
    width: 16%;
}
.tabla_vista_totales tr td:nth-child(3){

}
.tabla_vista_totales tr td:nth-child(4){
    width: 20%;
}
.tabla_vista_totales tr td:nth-child(5){

}
.tabla_vista_totales tr td:nth-child(6){

}
.tabla_vista_totales tr td:nth-child(7),.tabla_vista_totales tr td:nth-child(8){
    width: 7%;
    text-align: right;
}
.tabla_vista_totales tr td:nth-child(8){

}

.contenedor_ventas_temporales{
    width: 99%;
    bottom: 6%;
    background: #fff;
    position: fixed;
}
.contenedor_venta_temporal{
    background: orange;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    font-weight: 600;
    padding: 3px;
    margin-left: 15px;
}   
    .contenedor_venta_temporal span{
        cursor: pointer;
    }
    .contenedor_venta_temporal img{
        width: 20px;
        margin-top: -15px;
        margin-right: -15px;
        cursor: pointer;
    }

#btn_vender{
    width: 110px;
    padding: 4px;
}
.entrada_producto{
    width: 70%;
    text-align:center;
    padding: 2px;
    outline: green;
    font-size: 1.2em;
    font-family: popins;
    border:2px solid skyblue;
    margin-top: -10px;
}

.contenedor_busqueda_productos{
    margin: 0 auto;
    width: 70%;
    min-width: 700px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid gray;
    height: auto;
    max-height: 15em;
    overflow-y: auto;
}
    .resultado_autobusqueda{
        background: rgba(89, 89, 89, .2);
        color: #000;
        margin: 2px;
        padding: 4px;
        cursor: pointer;
    }

.contenedor-pedido,.contenedor-configuraciones{
    width: 99%;
    height: auto;
    background-color: rgba(100,100,100,.1);
    border-radius: 3px;
    margin: 0 auto;
}
.contenedor-pedido{
    height: 26em;
    max-height: 27em;
    overflow-y: auto;
    border: 1px solid #E5E5E5;
}
    .tabla-pedido-header, .tabla-pedido{
        border:1px solid gray;
        width: 100%;
        height: auto;
        text-align: center;
    }
        .tabla-pedido-header td, .tabla-pedido td{
            background-color: rgb(50,50,50); 
            color: white;  
            width: 25%;         
        }

/*----- ESTILOS PARA LOS PEDIDOS PENDIENTES EN LA FUNCIONALIDAD VENDER ------*/

.seccion_ventas_reciente, .seccion_pedidos_pendientes{

}

.seccion_ventas_reciente{
    width: 29%;
}
.seccion_pedidos_pendientes{
    width: 69%;
    float: right;
    right: 0;
}
.seccion_pedidos_pendientes, .seccion_ventas_reciente{
    height: 35px;   /*height: 340px;*/
    top: 100vp;
    bottom: 0;
    position: fixed;
    border-radius: 5px;
     /*right: 6;*/
    -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, .9);
    -moz-box-shadow:    0px 0px 15px 4px rgba(0, 0, 0, .9);
    box-shadow:         0px 0px 15px 4px rgba(0, 0, 0, .9);    
    background: #f2f2f2;
    
}   
    .seccion_pedidos_pendientes h2, .seccion_ventas_reciente h2{
        margin-top: 0;
        cursor: pointer;
        background: rgb(197,45,18);
        color: #fff;
    }
    .contenedor_pedidos_pendientes{
        overflow-y: auto;
        height: auto;
        max-height: 75%;

    }
    .seccion_pedidos_pendientes table, .seccion_ventas_reciente table{
        background: #fff;
        width: 100%;
    }   
        .tabla_encabezado_pedido{
            border:0;
        }
        .tabla_encabezado_pedido td{
            background: rgb(50,50,50);
            color: #f2f2f2;

        }
        #span_unidades{
            color: rgb(0,102,204);
            font-weight: bold;
        }

        .seccion_pedidos_pendientes table td, .seccion_ventas_reciente table tr td{
            text-align: center;
            border-bottom: 1px solid gray;
            border-left: 1px solid gray;
            padding: 1px 1px;
        }
        .seccion_pedidos_pendientes table tr td:nth-child(1){
            width: 80px;
            max-width: 80px;
            min-width: 78px;
        }
        .seccion_pedidos_pendientes table tr td:nth-child(2){
            width: 310px;
            max-width: 310px;
            min-width: 220px;
        }
        .seccion_pedidos_pendientes table tr td:nth-child(3){
            width: 280px;
            max-width: 280px;
            min-width: 200px;
        }        
        .seccion_pedidos_pendientes table tr td:nth-child(4){
            width: 175px;
            max-width: 175px;
            min-width: 150px;
        }
        .seccion_pedidos_pendientes table tr td:nth-child(5){
            width: 208px;
            min-width: 208px;
        }      
            .contenedor_pedidos_pendientes table .tr_pedido{
                border:1px solid gray;
            }  
                .contenedor_pedidos_pendientes table tr td img, #table-producto tr td img{
                    width: 20px;
                    /*padding: 3px;
                    margin: 0 3px;*/
                    cursor: pointer;
                    border: 1px solid gray;
                    border-radius: 3px;
                    background: #fff;
                }
                .contenedor_pedidos_pendientes table tr td img:hover, #table-producto tr td img:hover{
                    background: #F0EF86;
                    border:1px solid #fff;
                }


/*------- ESTILOS PARA LA SECCION DE TOMAR PEDIDO ---------*/
.contenedor_busqueda_cliente, .contenedor_mesas{
    display: inline-block;
    vertical-align: top;
    width: 48%;
}
.contenedor_mesas{
    height: auto;
    max-height: 300px;
    overflow-y: auto;
}
.btn_mesa{
    width: 130px;
    min-height: 25px;
    background-color: #fff;
    border: 2px solid #c40025;
    color: #c40025;
    margin: 2px;
    cursor: pointer;
    border-radius: 5px;
}
.btn_mesa_seleccionado{
    width: 130px;
    min-height: 25px;
    background-color: #c40025;
    border: 2px solid #c40025;
    color: #fff;
    margin: 2px;
    cursor: pointer;
    border-radius: 5px;
}
.btn_mesa:hover{
    background-color: #c40025;
    color: #fff;
}
.contenedor-lateral-izquierdo-categorias,.contenedor-productos-por-categorias, .contenedor-formato-pedido{
    margin-left: .5%;
    height: auto;
    background-color: #fff;
    float: left;
    padding: 5px;
    border: 1px solid #ededed;
}


.contenedor-lateral-izquierdo-categorias{
    width: 20%;
    height: auto;
    max-height: 700px;
    border:1px solid #ccc;
    overflow-y: auto;
}
.contenedor-productos-por-categorias{
    width: 50%;
    border: 1px solid #e3e3e3;
    padding: 5px;
    color: #000;
}
.contenedor-formato-pedido{
    width: 24%;
}

@media screen and (min-height: 500px) and (orientation: landscape){

    .contenedor-lateral-izquierdo-categorias, .contenedor-productos-por-categorias{
        height: auto;
        max-height: 300px;
        border:1px solid #ccc;
        overflow-y: auto;
    }
}
@media screen and (min-height: 600px) and (orientation: landscape){

    .contenedor-lateral-izquierdo-categorias, .contenedor-productos-por-categorias{
        height: auto;
        max-height: 400px;
        border:1px solid #ccc;
        overflow-y: auto;
    }
}
@media screen and (min-height: 700px) and (orientation: landscape){

    .contenedor-lateral-izquierdo-categorias, .contenedor-productos-por-categorias{
        height: auto;
        max-height: 500px;
        border:1px solid #ccc;
        overflow-y: auto;
    }
}
@media screen and (min-height: 800px) and (orientation: landscape){

    .contenedor-lateral-izquierdo-categorias, .contenedor-productos-por-categorias{
        height: auto;
        max-height: 600px;
        border:1px solid #ccc;
        overflow-y: auto;
    }
}
@media screen and (min-height: 900px) and (orientation: landscape){

    .contenedor-lateral-izquierdo-categorias, .contenedor-productos-por-categorias{
        height: auto;
        max-height: 700px;
        border:1px solid #ccc;
        overflow-y: auto;
    }
}
        .contenedor_carta{
            margin-bottom: 3px;
            display: none;
        }
            #carta0{
                display: block;
            }

        .contenedor-categorias-pedido{
            display: inline-block;
            vertical-align: top;
            width: 47%;
            height: auto;
            max-height: 10em;
            border:1px solid #818181;
            cursor: pointer;
            margin-bottom: .5em;
            border-radius: 5px;
            margin-top: 10px;
            margin-left: 1%;
            overflow: hidden;
        }
        .contenedor-categorias-pedido img{
            width: auto;
            max-width: 98%;
            padding: 5px;
            margin: 0 auto;
            max-height: 90px;
        }


        .contenedor-categorias-pedido:hover{
            border: 1px solid rgba(196, 0, 37, 1);
            background: rgba(196, 0, 37, 0.5);

        }

            .contenedor-categorias-pedido h2{
                background: #c40025;
                color: #fff;
                padding: 3px;
                margin: 0;
                -webkit-hyphens: auto;
                -moz-hyphens: auto;
                hyphens: auto;
                overflow-wrap: break-word;
            }


    .contenedor-pedido-tomado{
        width: 99%;
    }
        .contenedor-pedido-tomado h2{
            border-bottom: 1px solid gray;  
            padding: 5px;
        } 


input[type=checkbox]{
  /* Doble-tamaño Checkboxes */
  -ms-transform: scale(2.1); /* IE */
  -moz-transform: scale(2.1); /* FF */
  -webkit-transform: scale(2.1); /* Safari y Chrome */
  -o-transform: scale(2.1); /* Opera */
  padding: 10px;
}

.checkboxtexto{
  /* Checkbox texto */
  font-size: 110%;
  display: inline;
}

#table-producto tr td, .table-producto tr td, #testTable tr td{
    border: 1px solid #d1d1d1;
    border-collapse:collapse;

}
.tabla-botones #guardar_pedido{
    display: none;
    width:80%;
}

    .table-producto,.table-producto-btn, #table-producto, #testTable{
        width: 100%;
        background: #fff;
        text-align: center;
    }
        #table-producto td{
            width: 22%;
        }

        .table-producto img{
            border:1px solid gray;
            padding: 3px;
            width: 25px;
            cursor: pointer;
        }
        .table-producto img:hover{
            background: white;
            border:1px solid white;
        }

        #tabla_datos_pre{
            width: 100%;
        }
            #tabla_datos_pre #tr_titulo{
                background-color: rgba(196,0,37,.2);
                text-align: center;
                padding: 1px 10px;
                
                font-weight: bold;
            }
                #tabla_datos_pre #td_fila{

                    border-bottom: 1px solid gray;
                    border-left: 1px solid gray;
                    padding: 2px 0;
                    text-align: center;

                }
/* -- Estilos para los reportes -- */
.icono_descarga{
    width:31px;
    padding: 2px;
    float:right;
    margin-top: -10px;
    margin-right: 1px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #c0c0c0;
}
.resultado_r .icono_descarga{
    margin-top: -35px;

}
.btn-consulta{
    background: #48A1E6;
    color: #fff;
    cursor: pointer;
    border:0;
    padding: 4px 3px;
    font-size: 1.05em;
    border-radius: 3px;
    border-left: 4px solid #1A67A1;
    margin-left: .4%;
    display: inline-block;
    vertical-align: top;
}
    .btn-consulta:hover{
        background: #1A67A1;
        border-left: 4px solid #48A1E6;
    }
.contenedor-consulta-reporte{
    width: 80%;
    max-width: 1000px;
    min-width: 600px;
    border:1px solid #B0B0B0;
    border-radius: 2px;
    margin: 0 auto;
    text-align: center;
    display: none;
    margin-top: -20px;
}
    .contenedor-consulta-reporte table{
        text-align: center;
        width: 100%;
    }




/* ----- ESTILOS PARA LA IMPRESION DE LA FACTURA -----*/

.contenedor_formatos{
    display: none;
    margin: 0 auto;
    width: 102%;
    margin-left: -1%;
}
#modal_impresion_factura{
    overflow: hidden;
    left: 0%;
    width: 100%;
}
    #modal_impresion_factura .contenedor_formulario{
        width: 90%;
        min-width: 97%;
        margin-top: 0%;
        height: 100%;
        background: #fff;
    }

#contenedor_detalles_factura{
    width: 99%;
}
.contenedor_info_izquierda, .contenedor_info_derecha, .contenedor_ancho_completo{
    border:1px solid #ccc;
    border-radius: 5px;
    margin-top: -3em;
    padding: 0px;
    
}
.contenedor_info_derecha{
    width: 21%;
    margin-left: 0%;
    
    float: right;
}
.contenedor_info_izquierda{
    width: auto;
    padding: 3px;
    /*background: #BFEAF7;*/
    float: left;
    width: 77%;
}   
    .contenedor_info_izquierda .establecimiento{

        font-size: 1.5em;
        font-weight: bolder;
        color: #000;
    }
    .contenedor_info_izquierda .direccion{
        background: rgba(219, 219, 219, .5);
        width: 100%;
        margin-top: 2px;
        padding: 5px 0px;
        font-weight: bold;
        color: #000;
    }
    .contenedor_info_izquierda .info_establecimiento_adicional,.nit{
        font-size: .8em;
        padding: 0px;
        margin-top: 3px;
        margin-bottom: 1px;
        color: #000;
        font-weight: bold;
    }
    .tabla_info_derecha{
        background: rgba(219, 219, 219, .5);
        width: 100%;
        text-align: center;
    }   
        .img_superior_factura{
            width: auto;
            max-width: 100px;
        }
        .tabla_info_derecha tr td:nth-child(1){
            /*text-align: right;*/
        }
        .tabla_info_derecha tr td:nth-child(2){

            font-weight: bold;
        }

    /*#numero_factura, #fecha_venta{
        color: #EE0606FF;
        font-weight: bold;
    }*/
    
    .contenedor_ancho_completo{
        margin-top: 5px;
        width: 100%;
        min-width: 100%;
    }
        .contenedor_ancho_completo table{
            width: 100%;
            background: rgba(0, 5, 0, .5);
        }
            .contenedor_ancho_completo table tr td{
                background: #fff;
                padding: 0px;
                margin: 0px;
                border-spacing: 0;
                border-collapse: collapse;
            }

        .tabla_productos_factura tr td:nth-child(1){
            width: 5%;
        }
        .tabla_productos_factura tr td:nth-child(2){
            width: 52%;
        }
        .tabla_productos_factura tr td:nth-child(3){
            width: 15%;
        }
        .tabla_productos_factura tr td:nth-child(4){
            width: 7%;
        }
        .tabla_productos_factura tr td:nth-child(5){
            width: 20%;
        }

        /* Datos de tabla de productos para formato POS 80 */
        #tabla_productos_factura_5 tr td:nth-child(1){
            width: 55%;
        }
        #tabla_productos_factura_5 tr td:nth-child(2){
            width: 15%;
        }
        #tabla_productos_factura_5 tr td:nth-child(3){
            width: 30%;
        }

        /* Datos de tabla de productos para formato POS 80 LONG*/
        #tabla_productos_factura_6 tr td:nth-child(1){
            width: 55%;
            min-width: 55%;
            max-width: 55%;
        }
        #tabla_productos_factura_6 tr td:nth-child(2){
            width: 15%;
            min-width: 15%;
            max-width: 15%;
        }
        #tabla_productos_factura_6 tr td:nth-child(3){
            width: 30%;
            min-width: 30%;
            max-width: 30%;
        }

        /* Datos de tabla de productos para formato POS 55 */
        #tabla_productos_factura_4 tr td:nth-child(1){
            width: 45%;
        }
        #tabla_productos_factura_4 tr td:nth-child(2){
            width: 20%;
        }
        #tabla_productos_factura_4 tr td:nth-child(3){
            width: 35%;
        }

        #tabla_abono, #tabla_productos_factura_4, #tabla_productos_factura_5, #tabla_productos_factura_6{
            background-color: #c0c0c0;
            width: 98%;
        }
        /* Datos de table de un abono */
        #tabla_abono tr td:nth-child(1){
            width: 40%;
        }
        #tabla_abono tr td:nth-child(2){
            width: 60%;
        }


        .subtitulo-tabla{
            text-align: left;
            background: #BFEAF7;
            width: 15%;
        }
    #contenedor_fijo_inferior_media_carta, #contenedor_fijo_inferior_carta, #contenedor_fijo_inferior_carta_remision{
        margin: 0 auto;
        width: 98%;
        position: fixed;
        left: 0%;
    }
    #contenedor_fijo_inferior_media_carta{
        bottom: 1%;
    }
    #contenedor_fijo_inferior_carta, #contenedor_fijo_inferior_carta_remision{
        bottom: 1%;
        left: 1%;
        height: auto;
    }
        /*#contenedor_fijo_inferior table tr td:nth-child(1){
            background: red;
            width: 15%;
            text-align: right;
        }

        #contenedor_fijo_inferior table tr td:nth-child(2){
            width: 40%;
            text-align: right;
        }*/

        #contenedor_fijo_inferior_media_carta table tr td:nth-child(1), #contenedor_fijo_inferior_media_carta table tr td:nth-child(3),#contenedor_fijo_inferior_media_carta table tr td:nth-child(5),#contenedor_fijo_inferior_media_carta table tr td:nth-child(7),#contenedor_fijo_inferior_media_carta table tr td:nth-child(9){
            background: #DBDBDB;
            font-weight: bold;
            font-size: 1em;
        }

        #contenedor_fijo_inferior_media_carta table tr td:nth-child(9){
            font-size: 1.3em;
        }

        #contenedor_fijo_inferior_media_carta table .valores_factura{
            width: 15%;
            background: #fff;
            text-align: right;
        }

        #contenedor_fijo_inferior_carta table tr td:nth-child(1), #contenedor_fijo_inferior_carta_remision table tr td:nth-child(1){
            background: #DBDBDB;
            width: 10%;
        }
        #contenedor_fijo_inferior_carta table tr td:nth-child(2), #contenedor_fijo_inferior_carta_remision table tr td:nth-child(2){
            background: #fff;
            text-align: right;
            font-weight: bold;
            width: 25%;
        }

/* Estilos para imprimir el consolidado de facturas*/
#contenedor_impresion_consolidado{
    display: none;
}

.opciones_cliente{
    font-size: .8em;
}
#busqueda_ruta{
    min-width: 50px;
    text-align: center;
}
#ver_categorias{
    display: none;
}


/* Media query para las impresiones*/
@media print{

    .seccion-menu,.boton-imprimir-pedido ,.boton-cerrar-impresion, #info, .seccion_pedidos_pendientes,.contenedor-consulta,.respuesta,.contenedor-tablas,.contenedor-consulta-reporte,.banner-superior,.btn-show-menu, hr,.ocultar_impresion,#ocultar_impresion, .h2-titulo, .contenedor-consulta-reporte table, .contenedor_ventas_temporales, .contenedor-consulta, #columna_btn_acciones, .boton-imprimir-pedido, .btn-enviar, .btn-cancelar, .btn-alternativo, .tabla_vista_totales, .contenedor_ventas_temporales, .seccion_pedidos_pendientes, #exportar, #modal_cliente_servicio, .seccion_ventas_reciente{
        display: none;
    }

    .seccion-principal,.modal_editar_producto,.modal_quitar_producto, .modal-editar-usuario, .modal-editar-sucursal,.modal_editar_sala,.modal-crear-pedido, .modal-imprimir-pedido, .modal-agregar-abono, .modal-imprimir-abono, .modal-agendamiento, .modal-tarea, .modal-agregar-estado-agendamiento,.modal-editar-agendamiento, .modal-agregar-estado-tarea, .modal-agregar-nueva-tarea, .modal-crear-notificacion, .modal_cliente_servicio{

        width: 99.5%;
        left: 0%;
    }

    #contenedor-tablas{
        margin-top: -5em;
    }

    #contenedor_fijo_inferior_carta{
        

    }

    #contenedor_fijo_inferior_media_carta{
        bottom: auto;
        top: 40%;
        border: 0px;
    }
    .info_inf_rem{
        font-size: .8em;
    }
    .tabla_resultado_clientes{
        margin-top: 0em;
    }
    .tabla_resultado_clientes tr td{
        font-size: .8em;
    }
    #contenedor-tablas-usuario{
        margin-top: -2em;
    }
    #contenido-respuesta{
        width: 100%;
    }
    .tabla_turno{
        min-width: 95%;
    }
    .tabla_turno tr td{
        
        width: 50%;
        max-width: 90px;
    }

    .tabla_kardex tr td:nth-child(1){
        background-color: red;
    }
    .cont_impresion_cierre{
        min-width: 100%;
        text-align: left;
        background-color: #fff;
    }
    .cont_impresion_cierre table{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .cont_impresion_cierre h1, .cont_impresion_cierre h2{
        text-align: center;
    }
    .cont_impresion_cierre span{
        text-align: left;
    }

}

#contenedor-table-ventas, #contenedor-table-productos{
    margin-top: 1em;
    float: left;
    margin-left: 2%;
    width:47%;
    border: 1px solid rgb(180,180,180);
    padding: 0px;
    height: auto;
    max-height: 80%;
    overflow-y: auto;
    text-align: center;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .4);
    -moz-box-shadow:    0px 0px 5px 1px rgba(0, 0, 0, .4);
    box-shadow:         0px 0px 5px 1px rgba(0, 0, 0, .4);  
}
#contenedor-table-productos{
   
}
   #table-ventas{
      width: 100%;
   }
   #table-productos{
      width: 100%;
   }

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) {
    
    .trat{
        font-size: 6em;
    }
    .modal{
        font-size: 3.5em;
        margin-top: 0%;
        min-width: 90%;
        transform: translateY(30%);
    }
    .modal img {
        width: 300px;
        margin-top: -15%;
    }
    .titulo-modal{
    }
    .table-registro-usuario input, .titulo-modal, .data{
        font-size: 3em;
    }
    .ident-ingreso{
        font-size: 2.5em;
    }
    .contenedor-item{
        font-size: 40px;
    }
    .contenedor-item img{
        display: none;
        width: 0px;
    }
    /* Estilos de iniciar la caja */
    #modal-iniciar-caja div{
        width: 95%;
    }
    #modal-iniciar-caja div table tr td{
        font-size: 2.3em;
    }
    #modal-iniciar-caja div h3{
        font-size: 1.2em;
    }

    .btn-hide-menu,.btn-show-menu,.logout img{
        width: 80px;
    }
    .logout img{
        margin-right: 3%;
    }
    .banner-superior{
        width: 85%;
        margin-left: 10%;        
    }
    .td-dashboard,.td-ruta{
        font-size: 3em;
    }


    /* Estilos para la toma de pedidos -------------------------*/
    .btn-alternativo{
        min-width: 98%;
        font-size: 3.1em;
        border: 2px solid #c40025;
    }
    .contenedor-lateral-izquierdo-categorias{
        width: 100%;
        background: rgba(50,50,50,.5);
        position: fixed;
        margin-top: -7%;
        min-height: 95%;
    }
    #ver_categorias{
        display: block;
        bottom: 12%;
        right: 5%;
        width: 200px;
        height: 200px;
        font-size: 2.5em;
        background: #383838;
        border: 0px;
        position: fixed;
    }
    .contenedor-productos-por-categorias{
        display: block;
        width: 99%;
        max-width: 99%;
        max-height: 700px;
        overflow-y: auto;
        border-bottom: 2px solid #000;
    }
    .contenedor-formato-pedido{
        width: 99%;
        display: block;
        vertical-align: top;
        border: 0px;
        height: 48%;
        
        overflow-y: auto;
        border-bottom: 2px solid #000;
    }
    .contenedor-formato-pedido{
        margin-top: 1%;

    }

    .contenedor-pedido-tomado h2,.contenedor-pedido-tomado #p-info,.contenedor-pedido-tomado #p-success{
        font-size: 3em;
    }
    .contenedor-pedido-tomado #tabla-botones-prev tr td, #tabla_datos_pre tr td, .contenedor-formato-pedido textarea{
        font-size: 2.5em;
    }
    #guardar_pedido{
        min-width: 95%;
    }


    .contenedor-categorias-pedido{
        width: 24%;
        height: auto;
        min-height: 19em;
        margin-top: 2em;
        margin-left: .6%;
        background: #fff;
        display: inline-block;
        vertical-align: top;
    } 
    .contenedor-categorias-pedido img, .contenedor-categorias-pedido h2{
        
    }
        /*.contenedor-categorias-pedido h2{
            font-size: 1.2em;
        }*/
        .contenedor-categorias-pedido h2{
            font-size: 2.3em;
            background: transparent;
            color: #000;
        }
        /*.contenedor-categorias-pedido img{
            margin-left: 25%;
            max-width: 70%;
        }*/
        .contenedor-categorias-pedido img{
            margin-left: 0 auto;
            width: auto;
            max-width: 99%;
            height: auto;
            min-height: 120px;
        }
        .contenedor_carta{
            width: 100%;
            overflow: auto;
        }

    /*.contenedor-productos-por-categorias{
        width: 77%;
    }*/
    .contenedor-productos-por-categorias{
        width: 99%;
    }

    #table-producto tr td:nth-child(1){
        font-size: 3em;
    }
    #table-producto tr td:nth-child(2) input{
        font-size: 1em;
        width: 100%;
        border: 0px;
    }

    #table-producto tr td{
        border: 2px solid #000;
        text-align: left;
    }
    .total_vista_pedido{
        font-size: 3.2em;
    }

    .productos_pedido1, .productos_pedido2{
        font-size: 1em;
        color: red;
        width: 170px;
        font-weight: bold;
    }
    .productos_pedido1{
        
    }
    .productos_pedido0{
        font-size: 1em;
    }
    #td_input span {
        font-size: 1em;
        text-align: right;
    }

    #buscar_producto_carta{
        font-size: 3em !important;
    }

    #btn_cerrar_modal_bebida{
        font-size: 3.5em;
        margin-top: 5px;
        width: 300px;
    }

    .btn-agregar{
        width: 90px;
        margin-top: -10px;
        margin-right: 1%;
    }

    .seccion_pedidos_pendientes table tr td:nth-child(4) {
        min-width: 365px;
    }

    input[type=checkbox]{
        /* Doble-tamaño Checkboxes */
        -ms-transform: scale(4.1); /* IE */
        -moz-transform: scale(4.1); /* FF */
        -webkit-transform: scale(4.1); /* Safari y Chrome */
        -o-transform: scale(4.1); /* Opera */
        padding: 2px;
    }

    .contenedor_mesas{
        max-height: 800px;
    }

    /* ESTILOS DEL FORMULARIO DE CREAR CLIENTE*/

    .modal_cliente_servicio .contenedor_formulario{
        width: 93%;
        padding: 2em;
    }
    #buscar{
        font-size: 3em;
        padding: 15px;
    }
    .modal_cliente_servicio table tr td{
        font-size: 2.7em;
    }
    .modal_cliente_servicio table input{
        margin-top: 0px;
        border: 1px solid #000;
        font-size: 1.2em;
    }
    .modal_cliente_servicio button, .table-producto-btn button, #guardar_pedido, .btn-enviar{
        font-size: 3em;
        padding: 15px;
    }
    #campo_busqueda_cliente{
        font-size: 3.7em;
        width: 400px;
    }
    .resultado_autobusqueda{
        font-size: 2.1em;
        border-bottom: 1px solid #000;
    }
    .resultado_autobusqueda strong{
        font-size: 1.1em;
    }

    /*  ESTILOS PARA LA SECCION DE PEDIDOS PENDIENTES*/
    .seccion_pedidos_pendientes{
        height: 80px;   /*height: 400px;*/
    }   
        .seccion_pedidos_pendientes h2{
            font-size: 3em;
        }
        .seccion_pedidos_pendientes span{
            font-size: 1em;
        }
    .tabla_encabezado_pedido{
        margin-top: -30px;
    }
    .tabla_datos_pedido tr td,.tabla_encabezado_pedido tr td{
        font-size: 1.9em;
    }
    .tabla_datos_pedido tr td:nth-child(5),.tabla_encabezado_pedido tr td:nth-child(5){
        width: 208px;
        min-width: 208px;
    }
    .table-producto tr td:nth-child(1){
        max-width: 60%;
    }
    .table-producto tr td:nth-child(2){
        max-width: 15%;
    }
    .table-producto tr td:nth-child(3){
        width: 15%;
    }
    .table-producto tr td{
        font-size: 1.9em;
    }
    .table-producto input{
        width: 125px;
        font-size: 2.3em;
    }
    .tabla_datos_pedido .imagen_accion, .table-producto .imagen_accion{
        min-width: 50px;
        min-height: 50px;
    }

    /* Seccion para pedido en curso */
    .contenedor-pedido-tomado h2{
        /*color: red;*/
        font-weight: 700;
    }

    /* Estilos para la seccion de vender*/
    .contenedor_busqueda_productos{
        width: 95%;
        min-width: 900px;
        height: auto;
        max-height: 50em;
        overflow-y: auto;
    }

    /*.seccion-menu{
        background: transparent;
        margin-top: 50px;
        display: none;
    }
    .seccion-principal{
        width: 100%;
    }
        .btn-show-menu{
            width: 5%;
            background: red;
            position: fixed;
        }
        .banner-superior{
            width: 80%;
            background: rgba(0, 0, 255, .5);
            float: right;

        }
        .btn-show-menu, .banner-superior{
            
        }*/

    #table-producto{
      margin-top: 1em;
    }

    #table-producto tr td{
      font-size: 3.5em;
    }
    .h2-titulo-secundario, .h2-titulo{
      font-size: 2.5em;
    }
    .img-caja, .img_caja{
        display: none;
    }

}