﻿/* Variables
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@import '../BetaGeneral/constants.css';



/* Dialogo: Corte de inventario general
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--generalInventoryCut {
    width: var(--width--mainPage); min-height: 100vh;
    margin: 0 auto 0 0;
    display: flex; flex-direction: column; flex-wrap: wrap;
    background-color: var(--colorInterface--background);
}
.page--generalInventoryCut[nodisplayed] {
    display: none;
}

    /* Sucursal
    -------------------------------------------------- */
    .page--generalInventoryCut .generalInventoryCut--branch {
        width: 450px; height: 65px;
        padding: var(--padding--insideSubtitle) var(--padding--insideElements);
        border: solid 1px var(--colorElements--action); border-top: solid 5px var(--colorElements--action); border-radius: var(--borderRadius--elements);
        margin: auto auto var(--padding--insideSubtitle);
        display: flex; flex-direction: column;
        background-color: #fff;

        cursor: pointer;
    }

        .page--generalInventoryCut .generalInventoryCut--branch p {
            height: 10px;
            margin: 0 0 var(--padding--insideElements);

            font-weight: bold;
        }
        .page--generalInventoryCut .generalInventoryCut--branch input {
            height: 25px;
            padding: 0;
            border: none; border-radius: 0;
            margin: 0 0 auto;
            background-color: transparent;

            cursor: pointer;
        }

    .page--generalInventoryCut .generalInventoryCut--branch:hover{        
        border-color: var(--colorElements--actionStrong);
        background-color: var(--colorElements--actionStrong);
    }

        .page--generalInventoryCut .generalInventoryCut--branch:hover p,
        .page--generalInventoryCut .generalInventoryCut--branch:hover input {            
            border: none;

            color: #fff;

            cursor: pointer;
        }

    /* Cuerpo
    -------------------------------------------------- */
    .page--generalInventoryCut .generalInventoryCut--body {
        width: 450px; min-height: 200px;
        padding: var(--padding--insideElements);
        border-radius: var(--borderRadius--interface);
        margin: 0 auto 0;
        display: flex; flex-direction: column;
        background-color: #fff;
        box-shadow: -1px 1px 4px 1px var(--shadow--color);
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalInventoryCut .generalInventoryCut--body .body--header {
            margin-bottom: var(--padding--insideInterfaces);
        }

        /* Contenido
        -------------------------------------------------- */
        .page--generalInventoryCut .generalInventoryCut--body .body--content {
        }
    
            .page--generalInventoryCut .generalInventoryCut--body .body--content .common--text {
                margin: 0 0 var(--padding--insideInterfaces) 1px;
            }

            .page--generalInventoryCut .generalInventoryCut--body .body--content .common--label:nth-child(4) {
                margin-top: var(--padding--insideElements);
            }
            .page--generalInventoryCut .generalInventoryCut--body .body--content .common--label:nth-child(6) {
                margin-top: var(--padding--insideElements);
            }

            .page--generalInventoryCut .generalInventoryCut--body .body--content .generalInventoryCut--operationDate {
                display: flex; flex-direction: row;
            }
            .page--generalInventoryCut .generalInventoryCut--body .body--content .generalInventoryCut--operationDate input:nth-child(1) {
                margin-right: var(--padding--insideElements);
            }
           
        /* Pie de página
        -------------------------------------------------- */
        .page--generalInventoryCut .generalInventoryCut--body .body--footer {
            margin: var(--padding--insideElements) 0 0;
        }

            .page--generalInventoryCut .generalInventoryCut--body .body--footer button:nth-child(3) {
                margin-top: var(--padding--insideElements);
            }

        /* Interfaz para inicio (creación de corte de inventario general)
        -------------------------------------------------- */
        .page--generalInventoryCut[state="creation"] .generalInventoryCut--body .body--content .common--label:nth-child(4),
        .page--generalInventoryCut[state="creation"] .generalInventoryCut--body .body--content .generalInventoryCut--operationDate:nth-child(5) {
            display: none;
        }
        .page--generalInventoryCut[state="creation"] .generalInventoryCut--body .body--footer button:nth-child(2),
        .page--generalInventoryCut[state="creation"] .generalInventoryCut--body .body--footer button:nth-child(3) {
            display: none;
        }
    
        /* Interfaz para inicio (corte de inventario general abierto)
        -------------------------------------------------- */
        .page--generalInventoryCut[state="start"] .generalInventoryCut--body .body--footer button:nth-child(1) {
            display: none;
        }

        /* Interfaz para continuación
        -------------------------------------------------- */
        .page--generalInventoryCut[state="continue"] .generalInventoryCut--body .body--footer button:nth-child(1) {
            display: none;
        }

    /* Ver cortes generales
    -------------------------------------------------- */
    .page--generalInventoryCut .generalInventoryCut--generalInventoryCutsTab {
        width: 450px;
        margin: var(--padding--insideSubtitle) auto auto;
    }



/* Página: Inventario general
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--generalInventory {
    width: var(--width--mainPage); min-height: 100vh;
    margin: 0 auto 0 0;
    display: flex; flex-direction: column; flex-wrap: wrap;
    background-color: #fff;
}
.page--generalInventory[nodisplayed] {
    display: none;
}

    /* Configuración general
    -------------------------------------------------- */
    .page--generalInventory .generalInventory--saleConfiguration {
        padding: var(--padding--insideSubtitle) var(--padding--insideElements);
        display: grid; grid-template-columns: auto auto auto; grid-column-gap: 60px;
        background-color: var(--colorInterface--neutral);
    }

        .page--generalInventory .generalInventory--saleConfiguration .saleConfiguration--generalOption {
            height: 65px;
            padding: var(--padding--insideSubtitle) var(--padding--insideElements);
            border: solid 1px var(--colorElements--action); border-top: solid 5px var(--colorElements--action); border-radius: var(--borderRadius--elements);
            display: flex; flex-direction: column;
            background-color: #fff;

            cursor: pointer;
        }

            .page--generalInventory .generalInventory--saleConfiguration .saleConfiguration--generalOption p {
                height: 10px;
                margin: 0 0 var(--padding--insideElements);
                font-weight: bold;
            }
            .page--generalInventory .generalInventory--saleConfiguration .saleConfiguration--generalOption input {
                height: 25px;
                padding: 0;
                border: none; border-radius: 0;
                margin: 0 0 auto;
                background-color: transparent;

                cursor: pointer;
            }

        .page--generalInventory .generalInventory--saleConfiguration .saleConfiguration--generalOption:hover {           
            border-color: var(--colorElements--actionStrong); 
            background-color: var(--colorElements--actionStrong);
        }

            .page--generalInventory .generalInventory--saleConfiguration .saleConfiguration--generalOption:hover p,
            .page--generalInventory .generalInventory--saleConfiguration .saleConfiguration--generalOption:hover input {                
                border: none;

                color: #fff;

                cursor: pointer;
            }

        .page--generalInventory .generalInventory--saleConfiguration .saleConfiguration--generalOption[nodisplayed] {
            visibility: hidden;

            cursor: default;
        }
     
    /* Pestañas
    -------------------------------------------------- */
    .page--generalInventory .generalInventory--tabs {
        width: 100%;
        height: 50px;
        padding: 0 var(--padding--insideElements);
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        background-color: var(--colorInterface--neutral);
        box-shadow: 0 0 10px 0 var(--colorShadow--color);
    }

        .page--generalInventory .generalInventory--tabs button {
            border: none;
            background-color: transparent;
            color: #fff;
            text-align: center;
            font-weight: bold;
        }
        .page--generalInventory .generalInventory--tabs button:hover,
        .page--generalInventory .generalInventory--tabs button[active] {
            background-color: var(--colorElements--actionStrong);
        }

    /* Movimientos totales
    -------------------------------------------------- */
    .page--generalInventory .generalInventory--totalMovements {
        width: 100%;
        padding: var(--padding--insideSubtitle) var(--padding--insideElements);
        margin: var(--padding--insideElements) 0 0;
        display: grid; grid-template-columns: auto auto; grid-column-gap: 60px;  grid-row-gap: var(--padding--insideElements);
        background-color: #fff;
    }
    
        .page--generalInventory .generalInventory--totalMovements .totalMovements--generalTotal {
            border: solid 1px var(--colorElements--tender); border-radius: var(--borderRadius--elements);
            display: flex; flex-direction: column;
            background-color: #fff;

            cursor: default;
        }

            .page--generalInventory .generalInventory--totalMovements .totalMovements--generalTotal p {
                margin: 0;

                text-align: center;
                font-weight: bold;
            }
            .page--generalInventory .generalInventory--totalMovements .totalMovements--generalTotal input,
            .page--generalInventory .generalInventory--totalMovements .totalMovements--generalTotal input:hover{
                height: 25px;
                padding: 0;
                border: none; border-radius: 0;
                box-shadow: none;

                text-align: center;

                cursor: default;
            }

    /* Productos a inventariar
    -------------------------------------------------- */
    .page--generalInventory .generalInventory--productsToInventory {
        margin: var(--padding--insideElements) var(--padding--insideElements) 0;
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--productsToInventory .productsToInventory--header {
            height: 50px;
            padding: 0 var(--padding--insideElements);
            border-radius: var(--borderRadius--elements) var(--borderRadius--elements) 0 0;
            display: flex;
            background-color: var(--colorInterface--contrast);
            box-shadow: 0 0 10px 0 var(--colorShadow--color);
        }

            .page--generalInventory .generalInventory--productsToInventory .productsToInventory--header button {
                width: 30px; height: 30px;
                margin: auto auto auto var(--padding--insideElements);
                padding: 2px 0 0 8px;
                border: none; border-radius: 50%;
                background-color: var(--colorElements--tender);
                cursor: pointer;
            }
            .page--generalInventory .generalInventory--productsToInventory .productsToInventory--header button:hover {
                background-color: var(--colorElements--tenderSoStrong);
            }
            .page--generalInventory .generalInventory--productsToInventory .productsToInventory--header h3 {
                margin: auto auto auto 0px;

                font-size: var(--textSize--title);
                color: #fff;
                font-weight: bold;
                text-align: center;
            }
            
        /* Inicio
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--productsToInventory .productsToInventory--start {
            min-height: 385px;
            display: flex;
            flex-direction: column;
            background-color: var(--colorInterface--background);
        }

            .page--generalInventory .generalInventory--productsToInventory .productsToInventory--start .start--title {
                margin: auto auto 0;
                font-size: var(--textSize--subtitle);
                color: #fff;
                font-weight: bold;
                text-align: justify;
            }
            .page--generalInventory .generalInventory--productsToInventory .productsToInventory--start .start--products {
                margin-top: var(--padding--insideElements);
                display: flex;
                flex-direction: row;
            }
            .page--generalInventory .generalInventory--productsToInventory .productsToInventory--start .start--products p {
                margin: auto var(--padding--insideElements) auto auto;
            
                color: #fff;
            }
            .page--generalInventory .generalInventory--productsToInventory .productsToInventory--start .start--products input {
                width: 100px; height: 40px;
                margin: auto auto auto 0;
            }
            .page--generalInventory .generalInventory--productsToInventory .productsToInventory--start button {
                width: 250px;
                margin: var(--padding--insideElements) auto auto;
            }

        /* Productos
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--productsToInventory .productsToInventory--content {
            border: solid 1px var(--colorInterface--gray);
            border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
            background-color: #fff;
        }

            .page--generalInventory .generalInventory--productsToInventory .productsToInventory--content div {
                padding: 0 var(--padding--insideElements) var(--padding--insideElements);
            }

            .page--generalInventory .generalInventory--productsToInventory .productsToInventory--content .content--footer {
                height: 60px;
                padding: 0 var(--padding--insideElements) 2px;
                border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
                position: sticky;
                bottom: 0px;
                z-index: 1;
                display: flex;
                background-color: var(--colorInterface--neutral);
            }
            .page--generalInventory .generalInventory--productsToInventory .productsToInventory--content .content--footer button:nth-child(1) {
                width: 200px;
                margin: auto auto auto 0;
            }
            .page--generalInventory .generalInventory--productsToInventory .productsToInventory--content .content--footer button:nth-child(2) {
                width: 200px;
                margin: auto 0 auto auto;
            }

        /* Productos a inventariar (inicio)
        -------------------------------------------------- */
       .page--generalInventory .generalInventory--productsToInventory[state="start"] .productsToInventory--content {
            display: none;
        }

        /* Productos a inventariar (productos)
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--productsToInventory[state="products"] .productsToInventory--start {
            display: none;
        }

        /* Productos a inventariar (minimizado)
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--productsToInventory[minimized] .productsToInventory--header {
            border-radius: var(--borderRadius--elements);
        }
        .page--generalInventory .generalInventory--productsToInventory[minimized] .productsToInventory--start,
        .page--generalInventory .generalInventory--productsToInventory[minimized] .productsToInventory--content {
            display: none;
        }

    /* Inventariar producto(s) específico(s)
    -------------------------------------------------- */
    .page--generalInventory .generalInventory--specificProducts {
        margin: var(--padding--insideElements) var(--padding--insideElements) 0;
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--specificProducts .specificProducts--header {
            height: 50px;
            padding: 0 var(--padding--insideElements);
            border-radius: var(--borderRadius--elements) var(--borderRadius--elements) 0 0;
            display: flex;
            background-color: var(--colorInterface--contrast);
            box-shadow: 0 0 10px 0 var(--colorShadow--color);
        }

            .page--generalInventory .generalInventory--specificProducts .specificProducts--header button {
                width: 30px; height: 30px;
                margin: auto auto auto var(--padding--insideElements);
                padding: 2px 0 0 8px;
                border: none; border-radius: 50%;
                background-color: var(--colorElements--tender);
                cursor: pointer;
            }
            .page--generalInventory .generalInventory--specificProducts .specificProducts--header button:hover {
                background-color: var(--colorElements--tenderSoStrong);
            }
            .page--generalInventory .generalInventory--specificProducts .specificProducts--header h3 {
                margin: auto auto auto 0;

                font-size: var(--textSize--title);
                color: #fff;
                font-weight: bold;
                text-align: center;
            }

        /* Inicio
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--specificProducts .specificProducts--start {
            min-height: 100px;
            display: flex;
            flex-direction: column;
            background-color: var(--colorInterface--background);
        }

            .page--generalInventory .generalInventory--specificProducts .specificProducts--start .start--title {
                margin: auto auto 0;
                font-size: var(--textSize--subtitle);
                color: #fff;
                font-weight: bold;
                text-align: justify;
            }
            .page--generalInventory .generalInventory--specificProducts .specificProducts--start p:nth-child(2) {
                margin: var(--padding--insideElements) auto auto;
                color: #fff;
            }

        /* Productos
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--specificProducts .specificProducts--content {
            border: solid 1px var(--colorInterface--gray);
            border-bottom: none;
            background-color: #fff;
        }

            .page--generalInventory .generalInventory--specificProducts .specificProducts--content div {
                padding: 0 var(--padding--insideElements) var(--padding--insideElements);
            }

            .page--generalInventory .generalInventory--specificProducts .specificProducts--content .content--footer {
                height: 60px;
                padding: 0 var(--padding--insideElements) 2px;
                position: sticky;
                bottom: 0px;
                z-index: 1;
                display: flex;
                background-color: var(--colorInterface--neutral);
            }
            .page--generalInventory .generalInventory--specificProducts .specificProducts--content .content--footer button:nth-child(1) {
                width: 200px;
                margin: auto auto auto 0;
            }
            .page--generalInventory .generalInventory--specificProducts .specificProducts--content .content--footer button:nth-child(2) {
                width: 200px;
                margin: auto 0 auto auto;
            }

        /* Agregar producto
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--specificProducts .specificProducts--addProduct {
            height: 55px;
            padding: 0 var(--padding--insideInterfaces);
            border: solid 1px var(--colorInterface--gray); border-top: none; border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
            display: flex;
            background-color: var(--colorInterface--contrast);
        }

            .page--generalInventory .generalInventory--specificProducts .specificProducts--addProduct i {
                margin: auto var(--padding--insideElements) auto 0;

                font-size: 30px;
                color: #fff;
                font-weight: bold;
            }
            .page--generalInventory .generalInventory--specificProducts .specificProducts--addProduct p {
                margin: auto var(--padding--insideElements) auto 0;
                white-space: nowrap;
                color: #fff;
                font-weight: bold;
            }
            .page--generalInventory .generalInventory--specificProducts .specificProducts--addProduct input {
                margin: auto var(--padding--insideElements) auto 0;
                display: inline;
            }
            .page--generalInventory .generalInventory--specificProducts .specificProducts--addProduct button {
                width: 300px;
                margin: auto 0;
            }

        /* Inventariar producto(s) específico(s) (inicio)
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--specificProducts[state="start"] .specificProducts--content {
            display: none;
        }

        /* Inventariar producto(s) específico(s) (productos)
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--specificProducts[state="products"] .specificProducts--start {
            display: none;
        }

        /* Productos a inventariar (minimizado)
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--specificProducts[minimized] .specificProducts--header {
            border-radius: var(--borderRadius--elements);
        }
        .page--generalInventory .generalInventory--specificProducts[minimized] .specificProducts--start,
        .page--generalInventory .generalInventory--specificProducts[minimized] .specificProducts--content,
        .page--generalInventory .generalInventory--specificProducts[minimized] .specificProducts--addProduct {
            display: none;
        }

    /* Historial de movimientos
    -------------------------------------------------- */
    .page--generalInventory .generalInventory--movementHistory {
        margin: var(--padding--insideElements) var(--padding--insideElements);
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--movementHistory .movementHistory--header {
            height: 50px;
            padding: 0 var(--padding--insideElements);
            border-radius: var(--borderRadius--elements) var(--borderRadius--elements) 0 0;
            display: flex;
            background-color: var(--colorInterface--contrast);
            box-shadow: 0 0 10px 0 var(--colorShadow--color);
        }

            .page--generalInventory .generalInventory--movementHistory .movementHistory--header button {
                width: 30px; height: 30px;
                margin: auto auto auto var(--padding--insideElements);
                padding: 2px 0 0 8px;
                border: none; border-radius: 50%;
                position: relative;
                background-color: var(--colorElements--tender);
                cursor: pointer;
            }
            .page--generalInventory .generalInventory--movementHistory .movementHistory--header button:hover {
                background-color: var(--colorElements--tenderSoStrong);
            }
            .page--generalInventory .generalInventory--movementHistory .movementHistory--header h3 {
                margin: auto auto auto 230px;

                font-size: var(--textSize--title);
                color: #fff;
                font-weight: bold;
                text-align: center;
            }
            .page--generalInventory .generalInventory--movementHistory .movementHistory--header div {
                width: 255px; height: 40px;
                position: relative;
                top: 5px; right: var(--padding--insideElements);
                display: flex;
            }

                .page--generalInventory .generalInventory--movementHistory .movementHistory--header div p {
                    margin: auto 0;

                    color: #fff;
                    font-size: var(--textSize--details);
                }
                .page--generalInventory .generalInventory--movementHistory .movementHistory--header div input {
                    width: 100px; height: 40px;
                    margin: 0 0 0 auto;
                }

        /* Productos
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--movementHistory .movementHistory--content {
            border: solid 1px var(--colorInterface--gray); border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
            background-color: #fff;
        }

            .page--generalInventory .generalInventory--movementHistory .movementHistory--content div {
                padding: 0 var(--padding--insideElements) var(--padding--insideElements);
            }
            .page--generalInventory .generalInventory--movementHistory .movementHistory--content div table thead th {
                height: 40px;
            }
            .page--generalInventory .generalInventory--movementHistory .movementHistory--content div table tbody tr.tender {
                background-color: var(--colorElements--tenderLight);
            }

            .page--generalInventory .generalInventory--movementHistory .movementHistory--content .content--footer {
                height: 60px;
                padding: 0 var(--padding--insideElements) 2px;
                border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
                position: sticky;
                bottom: 0px;
                z-index: 1;
                display: flex;
                background-color: var(--colorInterface--neutral);
            }
            .page--generalInventory .generalInventory--movementHistory .movementHistory--content .content--footer button:nth-child(1) {
                width: 200px;
                margin: auto auto auto 0;
            }
            .page--generalInventory .generalInventory--movementHistory .movementHistory--content .content--footer button:nth-child(2) {
                width: 200px;
                margin: auto 0 auto auto;
            }

        /* Historia de movimientos (minimizado)
        -------------------------------------------------- */
        .page--generalInventory .generalInventory--movementHistory[minimized] .movementHistory--header {
            border-radius: var(--borderRadius--elements);
        }
        .page--generalInventory .generalInventory--movementHistory[minimized] .movementHistory--content {
            display: none;
        }



/* Página: Inventario general - Excel
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--generalInventoryExcel {
    width: var(--width--mainPage); min-height: 100vh;
    margin: 0 auto 0 0;
    display: flex; flex-direction: column; flex-wrap: wrap;
    background-color: #fff;
}
.page--generalInventoryExcel[nodisplayed] {
    display: none;
}

    /* Configuración general
    -------------------------------------------------- */
    .page--generalInventoryExcel .generalInventoryExcel--saleConfiguration {
        width: 100%;
        padding: var(--padding--insideSubtitle) var(--padding--insideElements);
        margin: 0;
        display: grid; grid-template-columns: auto auto auto; grid-column-gap: 60px;
        background-color: var(--colorInterface--neutral);
    }

        .page--generalInventoryExcel .generalInventoryExcel--saleConfiguration .saleConfiguration--generalOption {
            height: 65px;
            padding: var(--padding--insideSubtitle) var(--padding--insideElements);
            border: solid 1px var(--colorElements--action);
            border-top: solid 5px var(--colorElements--action);
            border-radius: var(--borderRadius--elements);
            display: flex;
            flex-direction: column;
            background-color: #fff;
            cursor: pointer;
        }

            .page--generalInventoryExcel .generalInventoryExcel--saleConfiguration .saleConfiguration--generalOption p {
                height: 10px;
                margin: 0 0 var(--padding--insideElements);
                font-weight: bold;
            }
            .page--generalInventoryExcel .generalInventoryExcel--saleConfiguration .saleConfiguration--generalOption input {
                height: 25px;
                padding: 0;
                border: none;
                border-radius: 0;
                margin: 0 0 auto;
                background-color: transparent;
                cursor: pointer;
            }

        .page--generalInventoryExcel .generalInventoryExcel--saleConfiguration .saleConfiguration--generalOption:hover {            
            border-color: var(--colorElements--actionStrong); 
            background-color: var(--colorElements--actionStrong);
        }

            .page--generalInventoryExcel .generalInventoryExcel--saleConfiguration .saleConfiguration--generalOption:hover p,
            .page--generalInventoryExcel .generalInventoryExcel--saleConfiguration .saleConfiguration--generalOption:hover input {
                border: none;
                
                color: #fff;
               
                cursor: pointer;
            }

        .page--generalInventoryExcel .generalInventoryExcel--saleConfiguration .saleConfiguration--generalOption[nodisplayed] {
            visibility: hidden;

            cursor: default;
        }

    /* Pestañas
    -------------------------------------------------- */
    .page--generalInventoryExcel .generalInventoryExcel--tabs {
        width: 100%;
        height: 50px;
        padding: 0 var(--padding--insideElements);
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        background-color: var(--colorInterface--neutral);
        box-shadow: 0 0 10px 0 var(--colorShadow--color);
    }

        .page--generalInventoryExcel .generalInventoryExcel--tabs button {
            border: none;
            background-color: transparent;
            color: #fff;
            text-align: center;
            font-weight: bold;
        }
        .page--generalInventoryExcel .generalInventoryExcel--tabs button:hover,
        .page--generalInventoryExcel .generalInventoryExcel--tabs button[active] {
            background-color: var(--colorElements--actionStrong);
        }

    /* Movimientos totales
    -------------------------------------------------- */
    .page--generalInventoryExcel .generalInventoryExcel--totalMovements {
        width: 100%;
        padding: var(--padding--insideSubtitle) var(--padding--insideElements);
        margin: var(--padding--insideElements) 0 0;
        display: grid;
        grid-template-columns: auto auto;
        grid-column-gap: 60px;
        grid-row-gap: var(--padding--insideElements);
        background-color: #fff;
    }
    
        .page--generalInventoryExcel .generalInventoryExcel--totalMovements .totalMovements--generalTotal {
            border: solid 1px var(--colorElements--tender); border-radius: var(--borderRadius--elements);
            display: flex; flex-direction: column;
            background-color: #fff;

            cursor: default;
        }

            .page--generalInventoryExcel .generalInventoryExcel--totalMovements .totalMovements--generalTotal p {
                margin: 0;

                text-align: center;
                font-weight: bold;
            }
            .page--generalInventoryExcel .generalInventoryExcel--totalMovements .totalMovements--generalTotal input,
            .page--generalInventoryExcel .generalInventoryExcel--totalMovements .totalMovements--generalTotal input:hover{
                height: 25px;
                padding: 0;
                border: none; border-radius: 0;
                box-shadow: none;

                text-align: center;

                cursor: default;
            }

    /* Inventariar mediante Excel
    -------------------------------------------------- */
    .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel {
        margin: var(--padding--insideElements) var(--padding--insideElements) 0;
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel .inventoryWithExcel--header {
            height: 50px;
            padding: 0 var(--padding--insideElements);
            border-radius: var(--borderRadius--elements) var(--borderRadius--elements) 0 0;
            display: flex;
            background-color: var(--colorInterface--contrast);
            box-shadow: 0 0 10px 0 var(--colorShadow--color);
        }

            .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel .inventoryWithExcel--header button {
                width: 30px; height: 30px;
                margin: auto auto auto var(--padding--insideElements);
                padding: 2px 0 0 8px;
                border: none; border-radius: 50%;
                background-color: var(--colorElements--tender);
                cursor: pointer;
            }
            .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel .inventoryWithExcel--header button:hover {
                background-color: var(--colorElements--tenderSoStrong);
            }
            .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel .inventoryWithExcel--header h3 {
                margin: auto auto auto 0;
                font-size: var(--textSize--title);
                color: #fff;
                font-weight: bold;
                text-align: center;
            }
            
        /* Inicio
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel .inventoryWithExcel--start {
            min-height: 185px;
            display: flex; flex-direction: column;
            background-color: var(--colorInterface--background);
        }

            .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel .inventoryWithExcel--start .start--title {
                margin: auto auto 0;

                font-size: var(--textSize--subtitle);
                color: #fff;
                font-weight: bold;
                text-align: justify;
            }
            .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel .inventoryWithExcel--start p:nth-child(2) {
                width: 100%;
                margin: var(--padding--insideElements) auto;

                text-align:center;
                color: #fff;
            }
            .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel .inventoryWithExcel--start input {
                width: 100%;
                margin: 0 auto auto 0;

                color: #fff;
                text-align: center;
                font-weight: bold;
            }

        /* Pie de página
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel .inventoryWithExcel--footer {
            height: 55px;
            padding: 0 var(--padding--insideInterfaces);
            border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
            display: flex;
            background-color: var(--colorInterface--neutral);
        }

            .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel .inventoryWithExcel--footer button {
                width: 200px;
                margin: auto 0 auto auto;
            }

        /* Historia de movimientos (minimizado)
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel[minimized] .inventoryWithExcel--header {
            border-radius: var(--borderRadius--elements);
        }
        .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel[minimized] .inventoryWithExcel--start,
        .page--generalInventoryExcel .generalInventoryExcel--inventoryWithExcel[minimized] .inventoryWithExcel--footer {
            display: none;
        }

    /* Inventariar producto(s) específico(s)
    -------------------------------------------------- */
    .page--generalInventoryExcel .generalInventoryExcel--specificProducts {
        margin: var(--padding--insideElements) var(--padding--insideElements) 0;
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--header {
            height: 50px;
            padding: 0 var(--padding--insideElements);
            border-radius: var(--borderRadius--elements) var(--borderRadius--elements) 0 0;
            display: flex;
            background-color: var(--colorInterface--contrast);
            box-shadow: 0 0 10px 0 var(--colorShadow--color);
        }

            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--header button {
                width: 30px; height: 30px;
                margin: auto auto auto var(--padding--insideElements);
                padding: 2px 0 0 8px;
                border: none; border-radius: 50%;
                background-color: var(--colorElements--tender);
                cursor: pointer;
            }
            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--header button:hover {
                background-color: var(--colorElements--tenderSoStrong);
            }
            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--header h3 {
                margin: auto auto auto 0;

                font-size: var(--textSize--title);
                color: #fff;
                font-weight: bold;
                text-align: center;
            }

        /* Inicio
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--start {
            min-height: 100px;
            display: flex;
            flex-direction: column;
            background-color: var(--colorInterface--background);
        }

            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--start .start--title {
                margin: auto auto 0;
                font-size: var(--textSize--subtitle);
                color: #fff;
                font-weight: bold;
                text-align: justify;
            }
            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--start p:nth-child(2) {
                margin: var(--padding--insideElements) auto auto;
                color: #fff;
            }

        /* Productos
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--content {
            border: solid 1px var(--colorInterface--gray);
            border-bottom: none;
            background-color: #fff;
        }

            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--content div {
                padding: 0 var(--padding--insideElements) var(--padding--insideElements);
            }

            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--content .content--footer {
                height: 60px;
                padding: 0 var(--padding--insideElements) 2px;
                position: sticky;
                bottom: 0px;
                z-index: 1;
                display: flex;
                background-color: var(--colorInterface--neutral);
            }
            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--content .content--footer button:nth-child(1) {
                width: 200px;
                margin: auto auto auto 0;
            }
            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--content .content--footer div {
                width: 328px; height: 40px;
                margin: 13px var(--padding--insideElements) auto auto;
                display: flex;
            }

                .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--content .content--footer div p {
                    margin: auto 0;

                    color: #fff;
                    font-size: var(--textSize--details);
                }
                .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--content .content--footer div select {
                    width: 160px; height: 40px;
                    margin: 0 0 0 auto;
                }

            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--content .content--footer button:nth-child(3) {
                width: 200px;
                margin: auto 0 auto 0;
            }

        /* Agregar producto
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--addProduct {
            height: 55px;
            padding: 0 var(--padding--insideInterfaces);
            border: solid 1px var(--colorInterface--gray); border-top: none; border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
            display: flex;
            background-color: var(--colorInterface--contrast);
        }

            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--addProduct i {
                margin: auto var(--padding--insideElements) auto 0;

                font-size: 30px;
                color: #fff;
                font-weight: bold;
            }
            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--addProduct p {
                margin: auto var(--padding--insideElements) auto 0;
                white-space: nowrap;
                color: #fff;
                font-weight: bold;
            }
            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--addProduct input {
                margin: auto var(--padding--insideElements) auto 0;
                display: inline;
            }
            .page--generalInventoryExcel .generalInventoryExcel--specificProducts .specificProducts--addProduct button {
                width: 300px;
                margin: auto 0;
            }

        /* Inventariar producto(s) específico(s) (inicio)
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--specificProducts[state="start"] .specificProducts--content {
            display: none;
        }

        /* Inventariar producto(s) específico(s) (productos)
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--specificProducts[state="products"] .specificProducts--start {
            display: none;
        }

        /* Productos a inventariar (minimizado)
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--specificProducts[minimized] .specificProducts--header {
            border-radius: var(--borderRadius--elements);
        }
        .page--generalInventoryExcel .generalInventoryExcel--specificProducts[minimized] .specificProducts--start,
        .page--generalInventoryExcel .generalInventoryExcel--specificProducts[minimized] .specificProducts--content,
        .page--generalInventoryExcel .generalInventoryExcel--specificProducts[minimized] .specificProducts--addProduct {
            display: none;
        }

    /* Historial de movimientos
    -------------------------------------------------- */
    .page--generalInventoryExcel .generalInventoryExcel--movementHistory {
        margin: var(--padding--insideElements) var(--padding--insideElements);
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--header {
            height: 50px;
            padding: 0 var(--padding--insideElements);
            border-radius: var(--borderRadius--elements) var(--borderRadius--elements) 0 0;
            display: flex;
            background-color: var(--colorInterface--contrast);
            box-shadow: 0 0 10px 0 var(--colorShadow--color);
        }

            .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--header button {
                width: 30px; height: 30px;
                margin: auto auto auto var(--padding--insideElements);
                padding: 2px 0 0 8px;
                border: none; border-radius: 50%;
                position: relative;
                background-color: var(--colorElements--tender);
                cursor: pointer;
            }
            .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--header button:hover {
                background-color: var(--colorElements--tenderSoStrong);
            }
            .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--header h3 {
                margin: auto auto auto 230px;

                font-size: var(--textSize--title);
                color: #fff;
                font-weight: bold;
                text-align: center;
            }
            .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--header div {
                width: 255px; height: 40px;
                position: relative;
                top: 5px; right: var(--padding--insideElements);
                display: flex;
            }

                .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--header div p {
                    margin: auto 0;

                    color: #fff;
                    font-size: var(--textSize--details);
                }
                .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--header div select {
                    width: 160px; height: 40px;
                    margin: 0 0 0 auto;
                }

        /* Productos
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--content {
            border: solid 1px var(--colorInterface--gray); border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
            background-color: #fff;
        }

            .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--content div {
                padding: 0 var(--padding--insideElements) var(--padding--insideElements);
            }
            .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--content div table thead th {
                height: 40px;
            }
            .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--content div table tbody tr.tender {
                background-color: var(--colorElements--tenderLight);
            }

            .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--content .content--footer {
                height: 60px;
                padding: 0 var(--padding--insideElements) 2px;
                border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
                position: sticky;
                bottom: 0px;
                z-index: 1;
                display: flex;
                background-color: var(--colorInterface--neutral);
            }
            .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--content .content--footer button:nth-child(1) {
                width: 200px;
                margin: auto auto auto 0;
            }
            .page--generalInventoryExcel .generalInventoryExcel--movementHistory .movementHistory--content .content--footer button:nth-child(2) {
                width: 200px;
                margin: auto 0 auto auto;
            }

        /* Historia de movimientos (minimizado)
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--movementHistory[minimized] .movementHistory--header {
            border-radius: var(--borderRadius--elements);
        }
        .page--generalInventoryExcel .generalInventoryExcel--movementHistory[minimized] .movementHistory--content {
            display: none;
        }

    /* Productos no encontrados
    -------------------------------------------------- */
    .page--generalInventoryExcel .generalInventoryExcel--productsNotFound {
        margin: var(--padding--insideElements) var(--padding--insideElements);
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--header {
            height: 50px;
            padding: 0 var(--padding--insideElements);
            border-radius: var(--borderRadius--elements) var(--borderRadius--elements) 0 0;
            display: flex;
            background-color: var(--colorInterface--contrast);
            box-shadow: 0 0 10px 0 var(--colorShadow--color);
        }

            .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--header button {
                width: 30px; height: 30px;
                margin: auto auto auto var(--padding--insideElements);
                padding: 2px 0 0 8px;
                border: none; border-radius: 50%;
                position: relative;
                background-color: var(--colorElements--tender);
                cursor: pointer;
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--header button:hover {
                background-color: var(--colorElements--tenderSoStrong);
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--header h3 {
                margin: auto auto auto 230px;

                font-size: var(--textSize--title);
                color: #fff;
                font-weight: bold;
                text-align: center;
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--header div {
                width: 255px; height: 40px;
                position: relative;
                top: 5px; right: var(--padding--insideElements);
                display: flex;
            }

                .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--header div p {
                    margin: auto 0;

                    color: #fff;
                    font-size: var(--textSize--details);
                }
                .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--header div select {
                    width: 160px; height: 40px;
                    margin: 0 0 0 auto;
                }

        /* Productos
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--content {
            border: solid 1px var(--colorInterface--gray); border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
            background-color: #fff;
        }

            .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--content div {
                padding: 0 var(--padding--insideElements) var(--padding--insideElements);
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--content div table thead th {
                height: 40px;
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--content div table tbody tr.tender {
                background-color: var(--colorElements--tenderLight);
            }

            .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--content .content--footer {
                height: 60px;
                padding: 0 var(--padding--insideElements) 2px;
                border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
                position: sticky;
                bottom: 0px;
                z-index: 1;
                display: flex;
                background-color: var(--colorInterface--neutral);
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--content .content--footer button:nth-child(1) {
                width: 200px;
                margin: auto auto auto 0;
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsNotFound .productsNotFound--content .content--footer button:nth-child(2) {
                width: 200px;
                margin: auto 0 auto auto;
            }

        /* Productos no encontrados (minimizado)
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--productsNotFound[minimized] .productsNotFound--header {
            border-radius: var(--borderRadius--elements);
        }
        .page--generalInventoryExcel .generalInventoryExcel--productsNotFound[minimized] .productsNotFound--content {
            display: none;
        }

    /* Productos sin afectar
    -------------------------------------------------- */
    .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected {
        margin: var(--padding--insideElements) var(--padding--insideElements);
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected .productsUnaffected--header {
            height: 50px;
            padding: 0 var(--padding--insideElements);
            border-radius: var(--borderRadius--elements) var(--borderRadius--elements) 0 0;
            display: flex;
            background-color: var(--colorInterface--contrast);
            box-shadow: 0 0 10px 0 var(--colorShadow--color);
        }

            .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected .productsUnaffected--header button {
                width: 30px; height: 30px;
                margin: auto auto auto var(--padding--insideElements);
                padding: 2px 0 0 8px;
                border: none; border-radius: 50%;
                position: relative;
                background-color: var(--colorElements--tender);
                cursor: pointer;
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected .productsUnaffected--header button:hover {
                background-color: var(--colorElements--tenderSoStrong);
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected .productsUnaffected--header h3 {
                margin: auto auto auto 0;

                font-size: var(--textSize--title);
                color: #fff;
                font-weight: bold;
                text-align: center;
            }

        /* Productos
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected .productsUnaffected--content {
            border: solid 1px var(--colorInterface--gray); border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
            background-color: #fff;
        }

            .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected .productsUnaffected--content div {
                padding: 0 var(--padding--insideElements) var(--padding--insideElements);
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected .productsUnaffected--content div table thead th {
                height: 40px;
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected .productsUnaffected--content div table tbody tr.tender {
                background-color: var(--colorElements--tenderLight);
            }

            .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected .productsUnaffected--content .content--footer {
                height: 60px;
                padding: 0 var(--padding--insideElements) 2px;
                border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
                position: sticky;
                bottom: 0px;
                z-index: 1;
                display: flex;
                background-color: var(--colorInterface--neutral);
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected .productsUnaffected--content .content--footer button:nth-child(1) {
                width: 200px;
                margin: auto auto auto 0;
            }
            .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected .productsUnaffected--content .content--footer button:nth-child(2) {
                width: 200px;
                margin: auto 0 auto auto;
            }

        /* Productos sin afectar (minimizado)
        -------------------------------------------------- */
        .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected[minimized] .productsUnaffected--header {
            border-radius: var(--borderRadius--elements);
        }
        .page--generalInventoryExcel .generalInventoryExcel--productsUnaffected[minimized] .productsUnaffected--content {
            display: none;
        }



/* Dialogo: Inventario general - Detalles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--generalInventoryDetails {
    width: var(--width--mainPage); min-height: 100vh;
    margin: 0 auto 0 0;
    display: flex; flex-direction: column; flex-wrap: wrap;
    background-color: var(--colorInterface--background);
}
.page--generalInventoryDetails[nodisplayed] {
    display: none;
}
.page--generalInventoryDetails .generalInventoryDetails--body {
    width: 450px; min-height: 200px;
    padding: var(--padding--insideElements);
    border-radius: var(--borderRadius--interface);
    margin: auto;
    display: flex; flex-direction: column;
    background-color: #fff;
    box-shadow: -1px 1px 4px 1px var(--shadow--color);
}

    /* Cabecera
    -------------------------------------------------- */
    .page--generalInventoryDetails .generalInventoryDetails--body .body--header {
        margin-bottom: var(--padding--insideInterfaces);
    }

    /* Contenido
    -------------------------------------------------- */
    .page--generalInventoryDetails .generalInventoryDetails--body .body--content {
    }
    
        .page--generalInventoryDetails .generalInventoryDetails--body .body--content .common--text {
            margin: 0 0 var(--padding--insideInterfaces) 1px;
        }

        .page--generalInventoryDetails .generalInventoryDetails--body .body--content .common--label:nth-child(4),
        .page--generalInventoryDetails .generalInventoryDetails--body .body--content .common--label:nth-child(6),
        .page--generalInventoryDetails .generalInventoryDetails--body .body--content .common--label:nth-child(8),
        .page--generalInventoryDetails .generalInventoryDetails--body .body--content .common--label:nth-child(10) {
            margin-top: var(--padding--insideElements);
        }

        .page--generalInventoryDetails .generalInventoryDetails--body .body--content .generalInventoryDetails--operationDate {
            display: flex; flex-direction: row;
        }
        .page--generalInventoryDetails .generalInventoryDetails--body .body--content .generalInventoryDetails--operationDate input:nth-child(1) {
            margin-right: var(--padding--insideElements);
        }
           
    /* Pie de página
    -------------------------------------------------- */
    .page--generalInventoryDetails .generalInventoryDetails--body .body--footer {
        margin: var(--padding--insideElements) 0 0;
    }

        .page--generalInventoryDetails .generalInventoryDetails--body .body--footer button:nth-child(2) {
            margin-top: var(--padding--insideElements);
        }



/* Dialogo: Inventario general - Realizado
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--finishedGeneralInventory {
    width: var(--width--mainPage); min-height: 100vh;
    margin: 0 auto 0 0;
    display: flex; flex-direction: column; flex-wrap: wrap;
    background-color: var(--colorInterface--background);
}
.page--finishedGeneralInventory[nodisplayed] {
    display: none;
}
.page--finishedGeneralInventory .finishedGeneralInventory--body {
    width: 450px; min-height: 200px;
    padding: var(--padding--insideElements);
    border-radius: var(--borderRadius--interface);
    margin: auto;
    display: flex; flex-direction: column;
    background-color: #fff;
    box-shadow: -1px 1px 4px 1px var(--shadow--color);
}

    /* Cabecera
    -------------------------------------------------- */
    .page--finishedGeneralInventory .finishedGeneralInventory--body .body--header {
        margin-bottom: var(--padding--insideInterfaces);
    }

    /* Contenido
    -------------------------------------------------- */
    .page--finishedGeneralInventory .finishedGeneralInventory--body .body--content {
    }

    /* Pie de página
    -------------------------------------------------- */
    .page--finishedGeneralInventory .finishedGeneralInventory--body .body--footer {
        margin: auto 0 0;
    }



/* Dialogo: Cortes generales
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--generalCuts {
    width: var(--width--mainPage); min-height: 100vh;
    margin: 0 auto 0 0;
    display: flex; flex-direction: column; flex-wrap: wrap;
    background-color: var(--colorInterface--background);
}
.page--generalCuts[nodisplayed] {
    display: none;
}

    /* Sucursal
    -------------------------------------------------- */
    .page--generalCuts .generalCuts--branch {
        width: 450px; height: 65px;
        padding: var(--padding--insideSubtitle) var(--padding--insideElements);
        border: solid 1px var(--colorElements--action); border-top: solid 5px var(--colorElements--action); border-radius: var(--borderRadius--elements);
        margin: auto auto var(--padding--insideSubtitle);
        display: flex; flex-direction: column;
        background-color: #fff;

        cursor: pointer;
    }

        .page--generalCuts .generalCuts--branch p {
            height: 10px;
            margin: 0 0 var(--padding--insideElements);

            font-weight: bold;
        }
        .page--generalCuts .generalCuts--branch input {
            height: 25px;
            padding: 0;
            border: none; border-radius: 0;
            margin: 0 0 auto;
            background-color: transparent;

            cursor: pointer;
        }

    .page--generalCuts .generalCuts--branch:hover{        
        border-color: var(--colorElements--actionStrong);
        background-color: var(--colorElements--actionStrong);
    }

        .page--generalCuts .generalCuts--branch:hover p,
        .page--generalCuts .generalCuts--branch:hover input {            
            border: none;

            color: #fff;

            cursor: pointer;
        }

    /* Cuerpo
    -------------------------------------------------- */
    .page--generalCuts .generalCuts--body {
        width: 450px; min-height: 200px;
        padding: var(--padding--insideElements);
        border-radius: var(--borderRadius--interface);
        margin: 0 auto 0;
        display: flex; flex-direction: column;
        background-color: #fff;
        box-shadow: -1px 1px 4px 1px var(--shadow--color);
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalCuts .generalCuts--body .body--header {
            margin-bottom: var(--padding--insideInterfaces);
        }

        /* Contenido
        -------------------------------------------------- */
        .page--generalCuts .generalCuts--body .body--content {
        }
    
            .page--generalCuts .generalCuts--body .body--content .common--text {
                margin: 0 0 var(--padding--insideInterfaces) 1px;
            }

            .page--generalCuts .generalCuts--body .body--content .common--label:nth-child(4) {
                margin-top: var(--padding--insideElements);
            }
           
        /* Pie de página
        -------------------------------------------------- */
        .page--generalCuts .generalCuts--body .body--footer {
            margin: var(--padding--insideElements) 0 0;
        }

            .page--generalCuts .generalCuts--body .body--footer button:nth-child(3) {
                margin-top: var(--padding--insideElements);
            }

    /* Volver a corte de inventario general
    -------------------------------------------------- */
    .page--generalCuts .generalCuts--generalInventoryTab {
        width: 450px;
        margin: var(--padding--insideSubtitle) auto auto;
    }



/* Página: Historial del corte de inventario general
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--generalCutsHistory {
    width: var(--width--mainPage); min-height: 100vh;
    margin: 0 auto 0 0;
    display: flex; flex-direction: column; flex-wrap: wrap;
    background-color: #fff;
}
.page--generalCutsHistory[nodisplayed] {
    display: none;
}

    /* Configuración general
    -------------------------------------------------- */
    .page--generalCutsHistory .generalCutsHistory--saleConfiguration {
        width: 100%;
        padding: var(--padding--insideSubtitle) var(--padding--insideElements);
        margin: 0;
        display: grid; grid-template-columns: auto auto auto; grid-column-gap: 60px;
        background-color: var(--colorInterface--neutral);
    }

        .page--generalCutsHistory .generalCutsHistory--saleConfiguration .saleConfiguration--generalOption {
            height: 65px;
            padding: var(--padding--insideSubtitle) var(--padding--insideElements);
            border: solid 1px var(--colorElements--action);
            border-top: solid 5px var(--colorElements--action);
            border-radius: var(--borderRadius--elements);
            display: flex;
            flex-direction: column;
            background-color: #fff;
            cursor: pointer;
        }

            .page--generalCutsHistory .generalCutsHistory--saleConfiguration .saleConfiguration--generalOption p {
                height: 10px;
                margin: 0 0 var(--padding--insideElements);
                font-weight: bold;
            }
            .page--generalCutsHistory .generalCutsHistory--saleConfiguration .saleConfiguration--generalOption input {
                height: 25px;
                padding: 0;
                border: none;
                border-radius: 0;
                margin: 0 0 auto;
                background-color: transparent;
                cursor: pointer;
            }
            .page--generalCutsHistory .generalCutsHistory--saleConfiguration .saleConfiguration--generalOption select {
                height: 25px;
                padding: 0;
                border: none; border-bottom: solid 1px var(--colorInterface--gray); border-radius: 0;
                margin: 0 0 auto;
                background-color: transparent;

                cursor: pointer;
            }

        .page--generalCutsHistory .generalCutsHistory--saleConfiguration .saleConfiguration--generalOption:hover {           
            border-color: var(--colorElements--actionStrong); 
            background-color: var(--colorElements--actionStrong);
        }

            .page--generalCutsHistory .generalCutsHistory--saleConfiguration .saleConfiguration--generalOption:hover p,
            .page--generalCutsHistory .generalCutsHistory--saleConfiguration .saleConfiguration--generalOption:hover input {                
                border: none;

                color: #fff;

                cursor: pointer;
            }
            .page--generalCutsHistory .generalCutsHistory--saleConfiguration .saleConfiguration--generalOption:hover select {                
                color: #fff;

                cursor: pointer;
            }

        .page--generalCutsHistory .generalCutsHistory--saleConfiguration .saleConfiguration--generalOption[nodisplayed] {
            visibility: hidden;

            cursor: default;
        }
     
    /* Pestañas
    -------------------------------------------------- */
    .page--generalCutsHistory .generalCutsHistory--tabs {
        width: 100%;
        height: 50px;
        padding: 0 var(--padding--insideElements);
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        background-color: var(--colorInterface--neutral);
        box-shadow: 0 0 10px 0 var(--colorShadow--color);
    }

        .page--generalCutsHistory .generalCutsHistory--tabs button {
            border: none;
            background-color: transparent;
            color: #fff;
            text-align: center;
            font-weight: bold;
        }
        .page--generalCutsHistory .generalCutsHistory--tabs button:hover,
        .page--generalCutsHistory .generalCutsHistory--tabs button[active] {
            background-color: var(--colorElements--actionStrong);
        }

    /* Movimientos totales
    -------------------------------------------------- */
    .page--generalCutsHistory .generalCutsHistory--totalMovements {
        width: 100%;
        padding: var(--padding--insideSubtitle) var(--padding--insideElements);
        margin: var(--padding--insideElements) 0 0;
        display: grid; grid-template-columns: auto auto; grid-column-gap: 60px;  grid-row-gap: var(--padding--insideElements);
        background-color: #fff;
    }
    
        .page--generalCutsHistory .generalCutsHistory--totalMovements .totalMovements--generalTotal {
            border: solid 1px var(--colorElements--tender); border-radius: var(--borderRadius--elements);
            display: flex; flex-direction: column;
            background-color: #fff;

            cursor: default;
        }

            .page--generalCutsHistory .generalCutsHistory--totalMovements .totalMovements--generalTotal p {
                margin: 0;

                text-align: center;
                font-weight: bold;
            }
            .page--generalCutsHistory .generalCutsHistory--totalMovements .totalMovements--generalTotal input,
            .page--generalCutsHistory .generalCutsHistory--totalMovements .totalMovements--generalTotal input:hover{
                height: 25px;
                padding: 0;
                border: none; border-radius: 0;
                box-shadow: none;

                text-align: center;

                cursor: default;
            }

    /* Historial de movimientos
    -------------------------------------------------- */
    .page--generalCutsHistory .generalCutsHistory--movementHistory {
        margin: var(--padding--insideElements) var(--padding--insideElements);
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--header {
            height: 50px;
            padding: 0 var(--padding--insideElements);
            border-radius: var(--borderRadius--elements) var(--borderRadius--elements) 0 0;
            display: flex;
            background-color: var(--colorInterface--contrast);
            box-shadow: 0 0 10px 0 var(--colorShadow--color);
        }

            .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--header button {
                width: 30px; height: 30px;
                margin: auto auto auto var(--padding--insideElements);
                padding: 2px 0 0 8px;
                border: none; border-radius: 50%;
                position: relative;
                background-color: var(--colorElements--tender);
                cursor: pointer;
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--header button:hover {
                background-color: var(--colorElements--tenderSoStrong);
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--header h3 {
                margin: auto auto auto 230px;

                font-size: var(--textSize--title);
                color: #fff;
                font-weight: bold;
                text-align: center;
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--header div {
                width: 255px; height: 40px;
                position: relative;
                top: 5px; right: var(--padding--insideElements);
                display: flex;
            }

                .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--header div p {
                    margin: auto 0;

                    color: #fff;
                    font-size: var(--textSize--details);
                }
                .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--header div input {
                    width: 100px; height: 40px;
                    margin: 0 0 0 auto;
                }

        /* Productos
        -------------------------------------------------- */
        .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--content {
            border: solid 1px var(--colorInterface--gray); border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
            background-color: #fff;
        }

            .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--content div {
                padding: 0 var(--padding--insideElements) var(--padding--insideElements);
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--content div table thead th {
                height: 40px;
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--content div table tbody tr.tender {
                background-color: var(--colorElements--tenderLight);
            }

            .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--content .content--footer {
                height: 60px;
                padding: 0 var(--padding--insideElements) 2px;
                border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
                position: sticky;
                bottom: 0px;
                z-index: 1;
                display: flex;
                background-color: var(--colorInterface--neutral);
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--content .content--footer button:nth-child(1) {
                width: 200px;
                margin: auto auto auto 0;
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistory .movementHistory--content .content--footer button:nth-child(2) {
                width: 200px;
                margin: auto 0 auto auto;
            }

        /* Historia de movimientos (minimizado)
        -------------------------------------------------- */
        .page--generalCutsHistory .generalCutsHistory--movementHistory[minimized] .movementHistory--header {
            border-radius: var(--borderRadius--elements);
        }
        .page--generalCutsHistory .generalCutsHistory--movementHistory[minimized] .movementHistory--content {
            display: none;
        }

    /* Historial de movimientos (Excel)
    -------------------------------------------------- */
    .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel {
        margin: var(--padding--insideElements) var(--padding--insideElements);
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--header {
            height: 50px;
            padding: 0 var(--padding--insideElements);
            border-radius: var(--borderRadius--elements) var(--borderRadius--elements) 0 0;
            display: flex;
            background-color: var(--colorInterface--contrast);
            box-shadow: 0 0 10px 0 var(--colorShadow--color);
        }

            .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--header button {
                width: 30px; height: 30px;
                margin: auto auto auto var(--padding--insideElements);
                padding: 2px 0 0 8px;
                border: none; border-radius: 50%;
                position: relative;
                background-color: var(--colorElements--tender);
                cursor: pointer;
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--header button:hover {
                background-color: var(--colorElements--tenderSoStrong);
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--header h3 {
                margin: auto auto auto 230px;

                font-size: var(--textSize--title);
                color: #fff;
                font-weight: bold;
                text-align: center;
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--header div {
                width: 255px; height: 40px;
                position: relative;
                top: 5px; right: var(--padding--insideElements);
                display: flex;
            }

                .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--header div p {
                    margin: auto 0;

                    color: #fff;
                    font-size: var(--textSize--details);
                }
                .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--header div select {
                    width: 160px; height: 40px;
                    margin: 0 0 0 auto;
                }

        /* Productos
        -------------------------------------------------- */
        .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--content {
            border: solid 1px var(--colorInterface--gray); border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
            background-color: #fff;
        }

            .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--content div {
                padding: 0 var(--padding--insideElements) var(--padding--insideElements);
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--content div table thead th {
                height: 40px;
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--content div table tbody tr.tender {
                background-color: var(--colorElements--tenderLight);
            }

            .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--content .content--footer {
                height: 60px;
                padding: 0 var(--padding--insideElements) 2px;
                border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
                position: sticky;
                bottom: 0px;
                z-index: 1;
                display: flex;
                background-color: var(--colorInterface--neutral);
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--content .content--footer button:nth-child(1) {
                width: 200px;
                margin: auto auto auto 0;
            }
            .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel .movementHistoryExcel--content .content--footer button:nth-child(2) {
                width: 200px;
                margin: auto 0 auto auto;
            }

        /* Historia de movimientos (Excel) (minimizado)
        -------------------------------------------------- */
        .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel[minimized] .movementHistoryExcel--header {
            border-radius: var(--borderRadius--elements);
        }
        .page--generalCutsHistory .generalCutsHistory--movementHistoryExcel[minimized] .movementHistoryExcel--content {
            display: none;
        }

    /* Productos no encontrados
    -------------------------------------------------- */
    .page--generalCutsHistory .generalCutsHistory--productsNotFound {
        margin: var(--padding--insideElements) var(--padding--insideElements);
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--header {
            height: 50px;
            padding: 0 var(--padding--insideElements);
            border-radius: var(--borderRadius--elements) var(--borderRadius--elements) 0 0;
            display: flex;
            background-color: var(--colorInterface--contrast);
            box-shadow: 0 0 10px 0 var(--colorShadow--color);
        }

            .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--header button {
                width: 30px; height: 30px;
                margin: auto auto auto var(--padding--insideElements);
                padding: 2px 0 0 8px;
                border: none; border-radius: 50%;
                position: relative;
                background-color: var(--colorElements--tender);
                cursor: pointer;
            }
            .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--header button:hover {
                background-color: var(--colorElements--tenderSoStrong);
            }
            .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--header h3 {
                margin: auto auto auto 230px;

                font-size: var(--textSize--title);
                color: #fff;
                font-weight: bold;
                text-align: center;
            }
            .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--header div {
                width: 255px; height: 40px;
                position: relative;
                top: 5px; right: var(--padding--insideElements);
                display: flex;
            }

                .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--header div p {
                    margin: auto 0;

                    color: #fff;
                    font-size: var(--textSize--details);
                }
                .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--header div select {
                    width: 160px; height: 40px;
                    margin: 0 0 0 auto;
                }

        /* Productos
        -------------------------------------------------- */
        .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--content {
            border: solid 1px var(--colorInterface--gray); border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
            background-color: #fff;
        }

            .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--content div {
                padding: 0 var(--padding--insideElements) var(--padding--insideElements);
            }
            .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--content div table thead th {
                height: 40px;
            }
            .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--content div table tbody tr.tender {
                background-color: var(--colorElements--tenderLight);
            }

            .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--content .content--footer {
                height: 60px;
                padding: 0 var(--padding--insideElements) 2px;
                border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
                position: sticky;
                bottom: 0px;
                z-index: 1;
                display: flex;
                background-color: var(--colorInterface--neutral);
            }
            .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--content .content--footer button:nth-child(1) {
                width: 200px;
                margin: auto auto auto 0;
            }
            .page--generalCutsHistory .generalCutsHistory--productsNotFound .productsNotFound--content .content--footer button:nth-child(2) {
                width: 200px;
                margin: auto 0 auto auto;
            }

        /* Productos no encontrados (minimizado)
        -------------------------------------------------- */
        .page--generalCutsHistory .generalCutsHistory--productsNotFound[minimized] .productsNotFound--header {
            border-radius: var(--borderRadius--elements);
        }
        .page--generalCutsHistory .generalCutsHistory--productsNotFound[minimized] .productsNotFound--content {
            display: none;
        }

    /* Productos sin afectar
    -------------------------------------------------- */
    .page--generalCutsHistory .generalCutsHistory--productsUnaffected {
        margin: var(--padding--insideElements) var(--padding--insideElements);
    }

        /* Cabecera
        -------------------------------------------------- */
        .page--generalCutsHistory .generalCutsHistory--productsUnaffected .productsUnaffected--header {
            height: 50px;
            padding: 0 var(--padding--insideElements);
            border-radius: var(--borderRadius--elements) var(--borderRadius--elements) 0 0;
            display: flex;
            background-color: var(--colorInterface--contrast);
            box-shadow: 0 0 10px 0 var(--colorShadow--color);
        }

            .page--generalCutsHistory .generalCutsHistory--productsUnaffected .productsUnaffected--header button {
                width: 30px; height: 30px;
                margin: auto auto auto var(--padding--insideElements);
                padding: 2px 0 0 8px;
                border: none; border-radius: 50%;
                position: relative;
                background-color: var(--colorElements--tender);
                cursor: pointer;
            }
            .page--generalCutsHistory .generalCutsHistory--productsUnaffected .productsUnaffected--header button:hover {
                background-color: var(--colorElements--tenderSoStrong);
            }
            .page--generalCutsHistory .generalCutsHistory--productsUnaffected .productsUnaffected--header h3 {
                margin: auto auto auto 0;

                font-size: var(--textSize--title);
                color: #fff;
                font-weight: bold;
                text-align: center;
            }

        /* Productos
        -------------------------------------------------- */
        .page--generalCutsHistory .generalCutsHistory--productsUnaffected .productsUnaffected--content {
            border: solid 1px var(--colorInterface--gray); border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
            background-color: #fff;
        }

            .page--generalCutsHistory .generalCutsHistory--productsUnaffected .productsUnaffected--content div {
                padding: 0 var(--padding--insideElements) var(--padding--insideElements);
            }
            .page--generalCutsHistory .generalCutsHistory--productsUnaffected .productsUnaffected--content div table thead th {
                height: 40px;
            }
            .page--generalCutsHistory .generalCutsHistory--productsUnaffected .productsUnaffected--content div table tbody tr.tender {
                background-color: var(--colorElements--tenderLight);
            }

            .page--generalCutsHistory .generalCutsHistory--productsUnaffected .productsUnaffected--content .content--footer {
                height: 60px;
                padding: 0 var(--padding--insideElements) 2px;
                border-radius: 0 0 var(--borderRadius--elements) var(--borderRadius--elements);
                position: sticky;
                bottom: 0px;
                z-index: 1;
                display: flex;
                background-color: var(--colorInterface--neutral);
            }
            .page--generalCutsHistory .generalCutsHistory--productsUnaffected .productsUnaffected--content .content--footer button:nth-child(1) {
                width: 200px;
                margin: auto auto auto 0;
            }
            .page--generalCutsHistory .generalCutsHistory--productsUnaffected .productsUnaffected--content .content--footer button:nth-child(2) {
                width: 200px;
                margin: auto 0 auto auto;
            }

        /* Productos sin afectar (minimizado)
        -------------------------------------------------- */
        .page--generalCutsHistory .generalCutsHistory--productsUnaffected[minimized] .productsUnaffected--header {
            border-radius: var(--borderRadius--elements);
        }
        .page--generalCutsHistory .generalCutsHistory--productsUnaffected[minimized] .productsUnaffected--content {
            display: none;
        }



/* Formato de impresión: Productos a inventariar
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--printFormatProductsToInventory {
    width: 22cm;
    min-height: 100vh;
    background-color: #fff;
}

    /* Cabecera
    -------------------------------------------------- */
    .page--printFormatProductsToInventory .printFormatProductsToInventory--header {
        margin-bottom: var(--padding--insideSubtitle);
        display: grid;
        grid-auto-columns: 60% 40%;
    }

        .page--printFormatProductsToInventory .printFormatProductsToInventory--header .header--infoBranch {
            grid-column: 1/2;
        }

            .page--printFormatProductsToInventory .printFormatProductsToInventory--header .header--infoBranch .infoBranch--branch {
                margin: 0 0 var(--padding--insideSubtitle);

                font-size: var(--textSize--title);
                line-height: var(--textSize--title);
            }
            .page--printFormatProductsToInventory .printFormatProductsToInventory--header .header--infoBranch .infoBranch--createdOn {
                margin: 0;

                font-size: var(--textSize--normal);
            }

        .page--printFormatProductsToInventory hr {
            margin: 2px 0;
            padding: 0;
        }
        .page--printFormatProductsToInventory h1 {
            margin: 0;

            font-size: var(--textSize--title);
            text-align: center;
            font-weight: normal;
        }

            
            .page--printFormatProductsToInventory table tr th,
            .page--printFormatProductsToInventory table tr td {
                height: 45px;
                border-bottom: solid 1px #000;

                font-size: var(--textSize--normal);
                text-align: left;
            }
            .page--printFormatProductsToInventory table tr th {
                text-align: center;
            }
            .page--printFormatProductsToInventory table tr td{
                padding: 0 5px;
            }



/* Formato de impresión: Historial de movimientos
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--printFormatMovementHistory {
    width: 22cm;
    min-height: 100vh;
    background-color: #fff;
}

    /* Cabecera
    -------------------------------------------------- */
    .page--printFormatMovementHistory .printFormatMovementHistory--header {
        margin-bottom: var(--padding--insideSubtitle);
        display: grid;
        grid-auto-columns: 60% 40%;
    }

        .page--printFormatMovementHistory .printFormatMovementHistory--header .header--infoBranch {
            grid-column: 1/2;
        }

            .page--printFormatMovementHistory .printFormatMovementHistory--header .header--infoBranch .infoBranch--branch {
                margin: 0 0 var(--padding--insideSubtitle);

                font-size: var(--textSize--title);
                line-height: var(--textSize--title);
            }
            .page--printFormatMovementHistory .printFormatMovementHistory--header .header--infoBranch .infoBranch--createdOn {
                margin: 0;

                font-size: var(--textSize--normal);
            }

        .page--printFormatMovementHistory .printFormatMovementHistory--header .header--infoTotalMovements {
            grid-column: 2/3;
        }

            .page--printFormatMovementHistory .printFormatMovementHistory--header .header--infoTotalMovements p {
                margin: 0 0 var(--padding--insideSubtitle) 90px;

                font-weight: normal;
                font-weight: bold;
            }
            .page--printFormatMovementHistory .printFormatMovementHistory--header .header--infoTotalMovements p span {
                font-weight: normal;
            }

        .page--printFormatMovementHistory hr {
            margin: 2px 0;
            padding: 0;
        }
        .page--printFormatMovementHistory h1 {
            margin: 0;
            font-size: var(--textSize--title);
            text-align: center;
            font-weight: normal;
        }

            .page--printFormatMovementHistory table tr th,
            .page--printFormatMovementHistory table tr td {
                height: 45px;

                font-size: var(--textSize--normal);
                text-align: left; 
            }
            .page--printFormatMovementHistory table tr th {
                text-align: center;
            }
            .page--printFormatMovementHistory table tr td {
                padding: 0 5px;
            }
            .page--printFormatMovementHistory table tr.tender{
                background-color: var(--colorElements--tenderLight);
            }



/* Formato de impresión: Productos sin afectar
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--printFormatProductsUnaffected {
    width: 22cm;
    min-height: 100vh;
    background-color: #fff;
}

    /* Cabecera
    -------------------------------------------------- */
    .page--printFormatProductsUnaffected .printFormatProductsUnaffected--header {
        margin-bottom: var(--padding--insideSubtitle);
        display: grid;
        grid-auto-columns: 60% 40%;
    }

        .page--printFormatProductsUnaffected .printFormatProductsUnaffected--header .header--infoBranch {
            grid-column: 1/2;
        }

            .page--printFormatProductsUnaffected .printFormatProductsUnaffected--header .header--infoBranch .infoBranch--branch {
                margin: 0 0 var(--padding--insideSubtitle);

                font-size: var(--textSize--title);
                line-height: var(--textSize--title);
            }
            .page--printFormatProductsUnaffected .printFormatProductsUnaffected--header .header--infoBranch .infoBranch--createdOn {
                margin: 0;

                font-size: var(--textSize--normal);
            }

        .page--printFormatProductsUnaffected hr {
            margin: 2px 0;
            padding: 0;
        }
        .page--printFormatProductsUnaffected h1 {
            margin: 0;

            font-size: var(--textSize--title);
            text-align: center;
            font-weight: normal;
        }

            .page--printFormatProductsUnaffected table tr th,
            .page--printFormatProductsUnaffected table tr td {
                height: 45px;

                font-size: var(--textSize--normal);
                text-align: left;
            }
            .page--printFormatProductsUnaffected table tr th {
                text-align: center;
            }
            .page--printFormatProductsUnaffected table tr td{
                padding: 0 5px;
            }
