/* Variables
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@import '../BetaGeneral/constants.css';



/* Página: Balance
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--balanceIndex {
    width: var(--width--mainPage); min-height: 100vh;
    display: flex; flex-wrap: wrap; flex-direction: column;
    background-color: #fff;
}
.page--balanceIndex[nodisplayed] {
    display: none;
}

    /* Filtros & búsqueda
    -------------------------------------------------- */
    .page--balanceIndex .balanceIndex--searchFilters {
        margin-top: var(--padding--insideElements);
    }

        .common--searchFilters .searchFilters--branch {
            width: 160px;
        }

        .common--searchFilters .searchFilters--wallet {
            width: 160px;
        }

        .common--searchFilters .searchFilters--month {
                width: 160px; height: 40px;
                padding: 0 var(--padding--insideElements);
                border: solid 1px var(--colorElements--action); border-radius: var(--borderRadius--elements); 
                margin: 0 var(--padding--insideSubtitle) 0 0;
                display: flex; flex-direction: column;

                cursor: pointer;
            }

                .common--searchFilters .searchFilters--month > label {
                    margin: auto;
                
                    font-size: 16px;
                    color: var(--colorText--action);
                    font-weight: bold;
                    text-align: center;
                }
                .common--searchFilters .searchFilters--month > input,
                .common--searchFilters .searchFilters--month > select {
                    height: 30px !important;
                    padding: 0 10px;
                    border: none;
                    margin: auto 0;
                    background-color: lightgray;

                    color: var(--colorText--action);
                    font-weight: bold;
                    text-align: center;

                    cursor: pointer;
                }

        .common--searchFilters .searchFilters--search {
            width: 340px;
        }

    /* Totales
    -------------------------------------------------- */
    .balanceIndex--totals {
        display: flex; flex-wrap: wrap;
    }
    .balanceIndex--totals > div:first-child {
        margin: 0 auto 0 var(--padding--insideElements) !important;
    }
    .balanceIndex--totals > div:nth-last-child(2) {
        margin: 0 var(--padding--insideElements) 0 auto;
    }

        .balanceIndex--totals .totals--card {
                width: 160px; height: 60px;
                padding: 0 var(--padding--insideElements);
                border: solid 1px var(--colorElements--action); border-radius: var(--borderRadius--elements); 
                margin: 0 var(--padding--insideSubtitle) 0 0;
                display: flex; flex-direction: column;

                cursor: default;
            }

                .balanceIndex--totals .totals--card > label {
                    margin: auto;
                
                    font-size: 16px;
                    color: var(--colorText--action);
                    font-weight: bold;
                    text-align: center;
                }
                .balanceIndex--totals .totals--card > input {
                    height: 30px !important;
                    padding: 0 10px;
                    border: none;
                    margin: auto 0;
                    background-color: transparent;

                    color: var(--colorText--action);
                    font-weight: bold;
                    text-align: center;

                    cursor: default;
                }

    /* Registros
    -------------------------------------------------- */
    .page--balanceIndex .balanceIndex--negativeSales { }

        /* Registros
        -------------------------------------------------- */
        .page--balanceIndex .balanceIndex--negativeSales .notasVenta--content { }

            /* Registros entrada
            -------------------------------------------------- */
            .page--balanceIndex .balanceIndex--balance .balance--content .js-balanceIndex--rowMovimiento[type=Ingreso] .js-rowMovimiento--columnAmount > input {
                color: var(--colorAlerts--successful);
                font-weight: bold;
            }
            .page--balanceIndex .balanceIndex--balance .balance--content .js-balanceIndex--rowMovimiento[type=Egreso] .js-rowMovimiento--columnAmount > input {
                color: var(--colorAlerts--careful);
                font-weight: bold;
            }


            /* Registros eliminados
            -------------------------------------------------- */
            .page--balanceIndex .balanceIndex--balance .balance--content .js-balanceIndex--rowMovimiento[deleted=true] td > input {
                color: var(--colorAlerts--careful);
                font-weight: bold;
            }



/* Página: Cartera
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--wallet {
    width: var(--width--mainPage); min-height: 100vh;
    display: flex; flex-direction: column;
    background-color: var(--colorInterface--background);
}
.page--wallet[nodisplayed] {
    display: none;
}

    /* Aviso de registro eliminado
    -------------------------------------------------- */
    .page--wallet .wallet--deletedAlert {
        display: none;
        background-color: var(--colorAlerts--careful);
    }

    /* Contenido
    -------------------------------------------------- */
    .page--wallet .wallet--body {
        width: 800px; min-height: 300px;
        margin: var(--padding--insideInterfaces) auto auto;
    }

        .page--wallet .wallet--body .body--form {
           padding: var(--padding--insideElements) var(--padding--insideElements);
        }

            .page--wallet .wallet--body .body--form > .common--label {
                margin-top: var(--padding--insideElements);
            }
            .page--wallet .wallet--body .body--form .common--label:nth-child(1) {
                margin-top: 0;
            }

            .page--wallet .wallet--body .body--form .wallet--option {
                display: flex; flex-direction: row;
            }

                .page--wallet .wallet--body .body--form .wallet--option .common--checkbox {
                    margin: 0;
                }
                .page--wallet .wallet--body .body--form .wallet--option .common--label {
                    margin: 5px 0 auto var(--padding--insideElements);
                }

    /* Interfaz visualización de registro
    -------------------------------------------------- */
    .page--wallet[process="closed"] .wallet--body .body--footer {
        display: none;
    }

    /* Interfaz visualización de registro eliminada
    -------------------------------------------------- */
    .page--wallet[showing="withdeleted"] .wallet--deletedAlert {
        display: flex;
    }

    

/* Dialogo: Cartera terminada
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--finishedWallet {}
.page--finishedWallet .dformDialog--body {
    width: 600px; height: 280px;
}



/* Página: Movimiento
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--movement {
    width: var(--width--mainPage); min-height: 100vh;
    display: flex; flex-direction: column; 
    background-color: var(--colorInterface--background);
}
.page--movement[nodisplayed] {
    display: none;
}

    /* Cabecera
    -------------------------------------------------- */
    .page--movement .common--header {
        height: var(--height--elements);       
    }

    /* Aviso de registro eliminado
    -------------------------------------------------- */
    .page--movement .movement--deletedAlert {
        display: none;
        background-color: var(--colorAlerts--careful);
    }

    .page--movement .movement--generalConfiguration {
        margin: var(--padding--insideElements) 0 0;
    }

    /* Contenido
    -------------------------------------------------- */
    .page--movement .movement--body {
        width: 800px; min-height: 300px;
        margin: var(--padding--insideInterfaces) auto var(--padding--insideInterfaces);
    }

        .page--movement .movement--body .body--form {
           padding: var(--padding--insideElements) var(--padding--insideElements);
        }

            .page--movement .movement--body .body--form > .common--label {
                margin-top: var(--padding--insideElements);
            }
            .page--movement .movement--body .body--form .common--label:nth-child(1) {
                margin-top: 0;
            }

            .page--movement .movement--body .body--form .movement--option {
                display: flex; flex-direction: row;
            }

                .page--movement .movement--body .body--form .movement--option .common--checkbox {
                    margin: 0;
                }
                .page--movement .movement--body .body--form .movement--option .common--label {
                    margin: 5px 0 auto var(--padding--insideElements);
                }

                .page--movement[type=Ingreso] .movement--body .body--form input:nth-child(10) {
                    color: var(--colorAlerts--successful);
                    font-weight: bold;
                }
                .page--movement[type=Egreso] .movement--body .body--form input:nth-child(10) {
                    color: var(--colorAlerts--attention);
                    font-weight: bold;
                }

    /* Interfaz visualización de registro eliminada
    -------------------------------------------------- */
    .page--movement[showing="withdeleted"] .movement--deletedAlert {
        display: flex;
    }



/* Dialogo: Movimiento terminado
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page--finishedCreationMovement { }
.page--finishedCreationMovement .dformDialog--body {
    width: 600px; height: 280px;
}



/* Flotante: Opciones adicionales
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

    /* Interfaz visualización de empleado eliminada
    -------------------------------------------------- */   
    .page--additionalOptions[showing=withdeleted] .additionalOptions--menu .additionalOptions--modify {
        display: none;
    }
    .page--additionalOptions[showing=withdeleted] .additionalOptions--menu .additionalOptions--delete {
        display: none;
    } 
    .common--additionalOptions[showing=withdeleted] .additionalOptions--menu .additionalOptions--modify {
        display: none;
    }
    .common--additionalOptions[showing=withdeleted] .additionalOptions--menu .additionalOptions--delete {
        display: none;
    }