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


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

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

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

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

            /* Registros saldados
            -------------------------------------------------- */
            .page--facturacionIndex .facturacionIndex--negativeSales .notasVenta--content .js-facturacionIndex--rowNotaVenta[refund=true] td > input {
                color: blue;
                font-weight: bold;
            }

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



.page--facturacion {
    z-index: 400;
}
.page--facturacion .formDialog--body {
    width: 800px;
}
    .page--facturacion .formDialog--body .body--content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .facturacion--businessEntity {
            width: 100%;
            display: flex; flex-direction: row;
        }
        .facturacion--changeBusinessEntity, .facturacion--createBusinessEntity {
            width: 38px; height: 38px;
            border: none; border-radius: 50%;
            margin: auto 0 auto 5px;
            box-shadow: -2px 2px 0px 0px var(--colorShadow--color);

            font-size: 15px;
            color: #fff;
        }
        .facturacion--changeBusinessEntity i, .facturacion--createBusinessEntity i {
            font-size: 15px;
            color: #fff;
        }
        .facturacion--changeBusinessEntity { }
        .facturacion--createBusinessEntity { }

        .page--facturacion .formDialog--body .body--content > p {
            width: 100%;
        }
        .page--facturacion .formDialog--body .body--content > label {
            width: 100%;
            margin-top: var(--padding--insideInterfaces);

            font-size: var(--textSize--title);
        }
        .page--facturacion .formDialog--body .body--content .common--form {
            width: 48%;
            margin-top: var(--padding--insideElements); margin-right: auto;
        }
        .page--facturacion .formDialog--body .body--content .common--form label {
            margin-left: 3px;
        }

        .form--channelValuePhone {
            display: flex; flex-direction: row; flex-wrap: wrap;
        }
        .form--channelValuePhone label {
            width: 100%;
        }
        .form--channelValuePhone select {
            width: 100px;
            margin-top: -51px; margin-right: auto;
        }
        .form--channelValuePhone input {
            width: calc(100% - 110px);
            margin-top: -51px;
        }

        .form--channelValueEmail {
            display: flex; flex-direction: row; flex-wrap: wrap;
            height: 130px;
        }
        .form--channelValueEmail label {
            width: 100%;
        }
        .form--channelValueEmail select {
            width: 100px;
            margin-top: -10px; margin-right: auto;
        }
        .form--channelValueEmail input {
            width: calc(100% - 110px);
            margin-top: -10px;
        }
        .form--channelValueEmail input:last-child {
            margin-top: -10px;
            width: 100%;
        }

        #js-facturacion--continue {
            margin-bottom: var(--padding--insideElements);
        }

    .page--facturacion .formDialog--body .body--footer button:first-child {
        margin-bottom: var(--padding--insideElements);
    }