.container {
    display: flex;
    /*padding: 4px;*/
}

.a-table td.mobile-arrow-cell {
    display: none !important;
}

.a-table th.mobile-arrow-cell {
    display: none !important;
}

.expansion-row {
    display: none;
    background-color: #f9f9f9;
}

@media only screen and (max-width: 600px) {
    /*.a-table tbody tr:not(.expansion-row) {*/
    /*        border-bottom: 1px solid #ccc; !* Gris claro *!*/
    /*    }*/
    .a-table td.importance-2,
    .a-table td.importance-3,
    .a-table th.importance-2,
    .a-table th.importance-3 {
        display: none !important;
    }

    .a-table td.mobile-arrow-cell,
    .a-table th.mobile-arrow-cell {
        display: table-cell !important;
        background: transparent;
        padding: 0.5em;
        width: 1.5em;
        vertical-align: middle;
    }

    tr.expanded + tr.expansion-row {
        display: table-row;
    }

    .mobile-arrow.open {
        transform: rotate(90deg);
    }


    .a-table .expansion-content div {
        margin-bottom: 0.5em;
        line-height: 1.4;
    }


    .a-bar-item {
        font-size: 1.1rem !important;
    }

    .mobile-arrow {
        color: gray;
        font-size: 1.2em;
    }

    #okScreen {
        height: 22vh !important;
        display: flex;
        justify-content: center;
    }

    /*.admin-sidedbar {*/
    /*    flex: 12;*/
    /*    margin: 4px;*/
    /*    height: 94vh;*/
    /*    overflow: scroll;*/
    /*    -ms-overflow-style: none;*/
    /*    scrollbar-width: none;*/
    /*    display: none;*/
    /*}*/
    .pventa-content {
        margin-bottom: 64px;
    }

    /*.admin-sidedbar::-webkit-scrollbar {*/
    /*    display: none;*/
    /*}*/
    .admin-content {
        flex: 12;
        /*margin: 4px;*/
        /*height: 94vh;*/
        overflow: scroll;
        /*-ms-overflow-style: none;*/
        /*scrollbar-width: none;*/
        overflow-x: hidden;
        padding-bottom: 34px;
    }

    .dash-card {
        padding: 6px;
    }

    #mainNavbar {
        font-size: 1.2em !important;
    }

    .container {
        display: flex;
        /*padding: 4px;*/
        flex-direction: column;
        /*margin-bottom: 64px;*/
    }

    .producto {
        flex: 7;
        height: 94vh;
        overflow: scroll;
        /* background-color: azure; */
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        margin-bottom: 4px;
    }

    .producto::-webkit-scrollbar {
        display: none;
    }

    .factura {
        flex: 6;
        height: 94vh;
        overflow: hidden;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .factura-content {
        /*height: 94vh;*/
        overflow: scroll;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .factura-content::-webkit-scrollbar {
        display: none;
    }

    .factura::-webkit-scrollbar {
        display: none;
    }

    .pago {
        flex: 6;
        height: auto;
        overflow: hidden;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        margin-bottom: 200px!important;
        /* Firefox */
    }

    #openFacturar {
        display: none;
    }

    .dash-card {
        padding: 10px;
    }

    #div_pago {
        margin-top: 4px
    }

    h1 {
        font-size: 30px
    }


    h2 {
        font-size: 24px
    }

    h3 {
        font-size: 20px
    }

    h4 {
        font-size: 16px
    }

    h5 {
        font-size: 14px
    }

    h6 {
        font-size: 12px
    }

}

@media only screen and (min-width: 600px) {
    /*.d-mobile-only {*/
    /*       display: table-cell;*/
    /*   }*/
    /*   .row-details {*/
    /*       display: none;*/
    /*   }*/
    /*   .row-details.active {*/
    /*       display: table-row;*/
    /*   }*/
    /*   !* En móvil, ocultar td de importance > 1 *!*/
    /*   tr.main-row td[data-importance="2"] {*/
    /*       display: none;*/
    /*   }*/
    #okScreen {
        height: 29vh !important;
        display: flex;
        justify-content: center;
    }

    #numerosDiv h1 {
        font-size: 1rem !important;
    }

    #numerosDiv td {
        font-size: 1rem !important;
    }

    #numerosDiv .numero {
        height: 10vh !important;
    }

    #numerosDiv .feather {
        width: 20px;
        height: 20px;
    }

    .container {
        display: flex;
        /*padding: 4px;*/
        /*flex-direction: column;*/
        /*margin-bottom: 64px!important;*/
    }

    .admin-content {
        flex: 12;
        /*margin: 4px;*/
        height: 94vh;
        overflow: scroll;
        /*-ms-overflow-style: none;*/
        /*scrollbar-width: none;*/
        overflow-x: hidden;
        padding-bottom: 64px !important
    }

    #loginCard {
        min-width: 500px
    }

    .producto {
        flex: 7;
        height: 94vh;
        overflow: scroll;
        /* background-color: azure; */
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        margin-bottom: 4px;
    }

    .producto::-webkit-scrollbar {
        display: none;
    }

    .factura {
        flex: 6;
        height: 94vh;
        overflow: hidden;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .factura-content {
        height: 94vh;
        overflow: scroll;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .factura-content::-webkit-scrollbar {
        display: none;
    }

    .factura::-webkit-scrollbar {
        display: none;
    }

    .pago {
        flex: 6;
        height: auto;
        overflow: hidden;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    #openFacturar {
        display: none;
    }

    .dash-card {
        padding: 16px;
    }

    h1 {
        font-size: 36px
    }

    h2 {
        font-size: 30px
    }

    h3 {
        font-size: 24px
    }

    h4 {
        font-size: 20px
    }

    h5 {
        font-size: 18px
    }

    h6 {
        font-size: 16px
    }

    /*.admin-sidedbar {*/
    /*    flex: 12;*/
    /*    margin: 4px;*/
    /*    height: 94vh;*/
    /*    overflow: scroll;*/
    /*    -ms-overflow-style: none;*/
    /*    scrollbar-width: none;*/
    /*    display: none;*/
    /*}*/

}

/* medianos m (landscape tablets, 768px y +) */
@media only screen and (min-width: 768px) {
    #numerosDiv h1 {
        font-size: 1.5rem !important;
    }

    body {
        overflow: hidden;
        position: fixed;
        width: 100%;
    }

    #tableTotals {
        max-width: 30%;
    }

    #selectTurnoDiv {
        width: 40%
    }

    .producto {
        flex: 12;
        margin-right: 4px;
        height: 94vh;
        overflow: scroll;
        /* background-color: azure; */
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .producto::-webkit-scrollbar {
        display: none;
    }

    .factura {
        flex: 12;
        height: 94vh;
        overflow: hidden;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .factura-content {
        height: 94vh;
        overflow: scroll;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .factura-content::-webkit-scrollbar {
        display: none;
    }

    .factura::-webkit-scrollbar {
        display: none;
    }

    .pago {
        flex: 12;
        height: auto;
        overflow: hidden;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        margin-left: 4px;
    }

    #openFacturar {
        flex: 0.4;
        height: 94vh;
        overflow: hidden;
        margin-left: 4px;
    }

    #openFacturar div {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

    #closeFacturar {
        flex: 0.3;
        height: 94vh;
        overflow: hidden;
        margin-left: 4px;
    }

    #closeFacturar div {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

    /*.admin-sidedbar {*/
    /*    flex: 1.5;*/
    /*    margin-left: -3px;*/
    /*    height: 94vh;*/
    /*    overflow: scroll;*/
    /*    -ms-overflow-style: none;*/
    /*    scrollbar-width: none;*/
    /*}*/
    /*.admin-sidedbar::-webkit-scrollbar {*/
    /*    display: none;*/
    /*}*/
    .admin-content {
        flex: 11.5;
        margin-right: 4px;
        height: 94vh;
        overflow: scroll;
        overflow-x: hidden;
    }

    #sumaTotalesDiv {
        width: 50vw;
        margin: auto
    }

}

/* largos l (laptops/desktops, 992px y +) */
@media only screen and (min-width: 992px) {
    /*.admin-sidedbar {*/
    /*    !* flex: 12;*/
    /*    margin: 4px;*/
    /*    height: 94vh;*/
    /*    overflow: scroll;*/
    /*    -ms-overflow-style: none;*/
    /*    scrollbar-width: none; *!*/
    /*    display: block;*/
    /*}*/
    .container {
        display: flex;
        /*padding: 4px;*/
        flex-direction: row;
    }

    .producto {
        flex: 6.6;
        margin-right: 4px;
        height: 93vh;
        overflow: scroll;
        /* background-color: azure; */
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .producto::-webkit-scrollbar {
        display: none;
    }

    .factura {
        flex: 5;
        height: 93vh;
        overflow: hidden;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .factura-content {
        height: 93vh;
        overflow: scroll;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .factura-content::-webkit-scrollbar {
        display: none;
    }

    .factura::-webkit-scrollbar {
        display: none;
    }

    .pago {
        flex: 3;
        height: auto;
        overflow: hidden;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        margin-left: 4px;
    }

    #openFacturar {
        display: block;
        flex: 0.4;
        height: 93vh;
        overflow: hidden;
        margin-left: 4px;
    }

    #openFacturar div {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

    #closeFacturar {
        flex: 0.3;
        height: 93vh;
        overflow: hidden;
        margin-left: 4px;
    }

    #closeFacturar div {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }
}

/* Extra largos xl (large laptops and desktops, 1200px y +) */
@media only screen and (min-width: 1200px) {
    #okScreen {
        height: 32vh !important;
        display: flex;
        justify-content: center;
    }


    #numerosDiv h1 {
        font-size: 2rem !important;
    }

    #numerosDiv td {
        font-size: 1rem !important;
    }

    /*#numerosDiv .numero {*/
    /*    height: 10vh !important;*/
    /*}*/
    #numerosDiv .feather {
        width: 40px;
        height: 40px;
    }

    .container {
        display: flex;
        /*padding: 4px;*/
    }

    .producto {
        flex: 6;
        margin-right: 4px;
        height: 94vh;
        overflow: scroll;
        /* background-color: azure; */
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .producto::-webkit-scrollbar {
        display: none;
    }

    .factura {
        flex: 5;
        height: 94vh;
        overflow: hidden;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .factura-content {
        height: 94vh;
        overflow: scroll;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .factura-content::-webkit-scrollbar {
        display: none;
    }

    .factura::-webkit-scrollbar {
        display: none;
    }

    .pago {
        flex: 3;
        /*height: auto;*/
        /*overflow: hidden;*/
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        /*margin-left: 4px;*/


    }
    #btnFacturarDiv{
        margin-bottom: 60px!important;
    }
    #openFacturar {
        display: none;
        /* flex: 0.4;
            height: 94vh;
            overflow: hidden;
            margin-left: 4px; */
    }

    /*.dash-card {*/
    /*    padding: 16px;*/
    /*    margin-left: 6px;*/
    /*}*/
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 30%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.left-tooltip {
    position: relative;
    display: inline-block;
}

.left-tooltip .left-tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 105%;
    /* margin-left: -60px; */
}

.left-tooltip:hover .left-tooltiptext {
    visibility: visible;
}

.servicio-activo {
    border-top: 1px solid grey !important;
    border-left: 1px solid grey !important;
    border-right: 1px solid grey !important;
    border-radius: 5px 5px 0 0;
    border-bottom: none !important;
}

table {
    border-spacing: 100px !important;
    border-collapse: collapse !important;
}

label {
    font-size: 14px;
}

.pe-none {
    pointer-events: none;
}

#tipoVenta {
    position: sticky !important;
    top: 0 !important;
}

#mesas_dropdown {
    position: fixed !important;
    top: 75px !important;
}

.descripcionTd {
    font-weight: 600 !important;
}

table tbody tr:nth-child(even) {
    background-color: rgba(115, 130, 140, 0.05);
}


/* ==========================================================================
   NAVEGACIÓN MOBILE-FIRST (Clases de visibilidad)
   ========================================================================== */
.pos-solo-escritorio {
    display: none !important;
}

.pos-solo-movil {
    display: inline-block;
}

.pos-layout {
    display: block;
    width: 100%;
    /*height: calc(100vh - 110px);*/
    overflow: hidden;
    padding-bottom: 60px; /* Espacio para tu a-border-top bottom nav */
}

.pos-seccion {
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.pos-seccion::-webkit-scrollbar {
    display: none;
}

/* Control de Pestañas Móviles */
#pos-app-container[data-tab-activo="productos"] .pos-seccion-productos {
    display: block;
}

#pos-app-container[data-tab-activo="factura"] .pos-seccion-factura {
    display: block;
}

#pos-app-container[data-tab-activo="pago"] .pos-seccion-pago {
    display: block;
}

.admin-sidebar {
    display: none;
    z-index: 900;
    height: 96vh;
    width: 100vh;
    position: fixed;
    overflow: auto;
    padding-bottom: 200px!important;
}

/* ==========================================================================
   2. ESCRITORIO (>= 993px)
   ========================================================================== */
@media only screen and (min-width: 993px) {
    /* Visibilidad Invertida */
    .pos-solo-escritorio {
        display: inline-block !important;
    }

    div.pos-solo-escritorio, button.pos-solo-escritorio {
        display: block !important;
    }

    .pos-solo-movil {
        display: none !important;
    }

    /* Restaurar Flexbox Layout */
    .pos-layout {
        display: flex;
        flex-direction: row;
        height: calc(100vh - 50px);
        padding-bottom: 0;
    }

    .pos-seccion {
        display: block;
        height: 100%;
    }

    /* VISTA TABLE */
    .pos-layout-table .pos-seccion-productos {
        flex: 5;
        margin-right: 4px;
    }

    .pos-layout-table .pos-seccion-factura {
        flex: 4;
        margin-right: 4px;
        overflow: hidden;
    }

    .pos-layout-table .pos-seccion-pago {
        flex: 3;
        overflow: hidden;
    }

    /* VISTA GRID */
    .pos-layout-grid .pos-seccion-productos {
        flex: 6.5;
        margin-right: 4px;
    }

    .sidebar-cobro-grid {
        flex: 3.5;
        /*max-width: calc(30% - 10px);*/
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-left: 4px;
    }

    .pos-layout-grid .pos-seccion-pago {
        display: none;
    }

    /*#pos-offcanvas-menu,*/
    #pos-menu-overlay {
        display: none !important;
    }

    .admin-sidebar {
        width: 200px;
        margin: 4px;
        height: 94vh;
        overflow: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        display: block;
        position: relative;
    }

}