/* COLORES
    EEEEEE : Gris claro xs
    E0E0E0 : Gris claro sm 
    FAFAFA : Gris claro 
    FFFFFF : Blanco
    red    :
    green  :
    goldenrod :
    e8eaf6 : Azul claro sm
    ffffcf : Amarillo claro
*/


/**
 * GENERAL
 */


body {
    /* No permitir seleccionar */
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    /* No permitir recargar la pagina */
    overflow-y: hidden;
}

    /* Eliminar publicidad web */
    body div a[title*="000webhost"] {
        display: none;
    }



/* GOOGLE-CHARS */

.dialog-full-screen .google-charts {
    height: calc(100vh - 82px) /*toolbar+margins+borders 56+(12+12)+(1+1)*/
}

    .dialog-full-screen .google-charts .google-charts-body .google-charts-chart {
        width: calc(100% - 16px);
        height: calc(100vh - 106px); /*toolbar+margins+borders+title//*56+(12+12)+(1+1)+22*/ /*calc(100vh - 56px);*/
    }

/* TABLE */

.table .table-body .table-row .table-col.tc-aumento {
    color: red;
}

.table .table-body .table-row .table-col.tc-decremento {
    color: green;
}

.table .table-body .table-row .table-col.tc-igual {
    color: goldenrod;
}

@media (max-width: 360px) {
    .table .table-body .table-row .table-col {
        font-size: 13px;
    }
}

/* LINEA */

.line {
    height: 1px;
    width: 100%;
    background-color: #eae9e6;
}

/**
 * LOGIN
 */
.login {
}

    .login .content-body {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        padding-top: 10px;
    }

@media (min-width: 720px) {
    .login .content-body {
        justify-content: center;
    }
}

.login .card-form-login {
    width: calc(100% - 20px);
}
/*
@media (max-width: 720px) {
    .login .card-form-login {
        border: none;
        box-shadow: none;
    }
}*/

@media (min-width: 720px) {
    .login .card-form-login {
        width: 700px;
    }
}

/*
 * REGISTRO
 */
.registro {
}

    .registro .content-body {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        padding-top: 10px;
    }

@media (min-width: 720px) {
    .registro .content-body {
        justify-content: center;
    }
}

.registro .card-form-registro {
    width: calc(100% - 20px);
}

@media (max-width: 720px) {
    .registro .card-form-registro {
        border: none;
        box-shadow: none;
    }
}

@media (min-width: 720px) {
    .registro .card-form-registro {
        width: 700px;
    }
}

/*
 * CONFIRMACIONREGISTRO
 */
.confirmacionregistro {
}

    .confirmacionregistro .content-body {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        padding-top: 10px;
    }

@media (min-width: 720px) {
    .confirmacionregistro .content-body {
        justify-content: center;
    }
}

.confirmacionregistro .card-form-confirmacionregistro {
    width: calc(100% - 20px);
}

@media (max-width: 720px) {
    .confirmacionregistro .card-form-confirmacionregistro {
        border: none;
        box-shadow: none;
    }
}

@media (min-width: 720px) {
    .confirmacionregistro .card-form-confirmacionregistro {
        width: 700px;
    }
}

/**
 * INICIO
 */

/* CONTENT-BODY */

.inicio {
    background-color: #FAFAFA;
}

    .inicio .content-body {
        max-width: 1024px;
        margin: auto;
    }

/* SALDO CARD */

.saldo {
    min-height: 100px !important;
    padding-top: 50px;
}

    .saldo .saldoimporte {
        text-align: center;
        font-size: 300%;
        font-weight: bold;
    }

    .saldo .saldofecha {
        text-align: center;
        font-size: 80%;
    }

/**
 * MOVIMIENTOSCATEGORIAS
 */

/* TABLE-MOVIMIENTOSCATEGORIAS */

.movimientoscategorias .table-movimientoscategorias .table-row.tr-detalle {
    font-style: oblique;
    background-color: #FAFAFA;
}

.movimientoscategorias .table-movimientoscategorias .table-row .table-col.tc-descripcion {
    width: 100%;
}

/* FORM-MOVIMIENTOSCATEGORIAS*/

.movimientoscategorias .form-movimientoscategorias {
    padding: 0px 16px;
}

/**
 * CUENTAS
 */

/* TABLE-CUENTAS */

.cuentas .table-cuentas .table-row.tr-detalle {
    font-style: oblique;
    background-color: #FAFAFA;
}

.cuentas .table-cuentas .table-row .table-col.tc-descripcion {
    width: 100%;
}

/* FORM-CUENTAS*/

.cuentas .form-cuenta {
    padding: 0px 16px;
}

/**
 * MOVIMIENTOS
 */

/* CARD MOVIMIENTO */

.cards-movimientos {
}

    .cards-movimientos .card {
        margin: 8px;
    }

        .cards-movimientos .card.card-movimiento-selected {
            background-color: #c2dbff;
        }

        /*
.cards-movimientos .card .card-body .card-movimiento {
    border-left: 2px;
    border-left-color: #303F9F;
    border-left-style: solid;
    padding-left: 8px;
}

.cards-movimientos .card.card-movimiento-detalle .card-body .card-movimiento {
    border-left-color: #ffffcf;
}*/
        /*
.cards-movimientos .card.card-movimiento-presupuestado .card-body .card-movimiento {
    border-left-color: #E0E0E0;
}*/

        .cards-movimientos .card.card-movimiento-detalle {
            background-color: #ffffcf;
        }

            .cards-movimientos .card.card-movimiento-detalle.card-movimiento-selected {
                background-color: #c2dbff;
            }

        .cards-movimientos .card.card-movimiento-presupuestado {
            background-color: #EEEEEE;
        }

            .cards-movimientos .card.card-movimiento-presupuestado.card-movimiento-selected {
                background-color: #c2dbff;
            }

        .cards-movimientos .card .card-movimiento {
        }

            .cards-movimientos .card .card-movimiento .card-movimiento-row {
                display: flow-root;
                margin: 4px 0px;
            }

                .cards-movimientos .card .card-movimiento .card-movimiento-row .card-movimiento-concepto {
                    display: inline;
                    font-weight: bold;
                }

                .cards-movimientos .card .card-movimiento .card-movimiento-row .card-movimiento-fechavalor {
                    font-size: xx-small;
                    float: right;
                }

                .cards-movimientos .card .card-movimiento .card-movimiento-row .card-movimiento-categoria {
                    display: inline;
                    font-size: small;
                    font-style: italic;
                }

                .cards-movimientos .card .card-movimiento .card-movimiento-row .card-movimiento-importe {
                    display: inline;
                    float: right;
                    font-size: x-large;
                }

                .cards-movimientos .card .card-movimiento .card-movimiento-row .card-movimiento-saldo {
                    font-size: xx-small;
                }

/*
@media (max-width: 960px) {
    .cards-movimientos {
        display: none;
    }

    .table-movimientos {
        display: block;
    }
}*/

/* DIALOG-FULL-SCREEN GRAFICOS */

.movimientos.dialog-full-screen.graficos {
    background-color: #FAFAFA;
}

/* CONTENT-DETAIL */
/*
.contentdetail.movimientos .contentdetail-left {
    width: 80%;
}

.contentdetail.movimientos .contentdetail-right {
    width: 20%;
}*/

/* TABLE-MOVIMIENTOS */

.movimientos .table-movimientos .table-row.tr-detalle {
    /*font-style: oblique;
    background-color: #e8eaf6;*/
    background-color: #ffffcf;
}

    .movimientos .table-movimientos .table-row.tr-detalle.table-row-selected,
    .movimientos .table-movimientos .table-row.tr-presupuestado.table-row-selected {
        background-color: #c2dbff;
    }

.movimientos .table-movimientos .table-row.tr-presupuestado {
    /*font-style: oblique;
    font-weight: bold;
    color: #718792;*/
    background-color: #EEEEEE;
}


.movimientos .table-movimientos .table-row .table-col.tc-check {
    min-width: 32px;
    text-align: center;
}

.movimientos .table-movimientos .table-row .table-col.tc-tipo {
    width: 2px;
    margin: 4px;
    padding: 1px;
}

.movimientos .table-movimientos .table-body .table-row .table-col.tc-tipo {
    background-color: #303F9F;
}

.movimientos .table-movimientos .table-body .table-row.tr-detalle .table-col.tc-tipo {
    background-color: #ffffff;
}

.movimientos .table-movimientos .table-body .table-row.tr-presupuestado .table-col.tc-tipo {
    background-color: #E0E0E0;
}

.movimientos .table-movimientos .table-body .table-row.tr-total .table-col.tc-tipo {
    background-color: #ffffff;
}

.movimientos .table-movimientos .table-row .table-col.tc-fecha {
    min-width: 74px;
}

.movimientos .table-movimientos .table-row .table-col.tc-concepto {
    width: 100%;
}

.movimientos .table-movimientos .table-row .table-col.tc-operacion {
    display: none;
    width: 150px;
    text-align: right;
}

.movimientos .table-movimientos .table-row .table-col.tc-importe {
    width: 150px;
    text-align: right;
}

.movimientos .table-movimientos .table-row .table-col.tc-categoria {
    display: none;
    width: 250px;
}

@media (min-width: 720px) {
    .movimientos .table-movimientos .table-header .table-row .table-col.tc-operacion,
    .movimientos .table-movimientos .table-header .table-row .table-col.tc-categoria {
        display: flex;
    }

    .movimientos .table-movimientos .table-body .table-row .table-col.tc-operacion,
    .movimientos .table-movimientos .table-body .table-row .table-col.tc-categoria {
        display: block;
    }
}

/* FORM-MOVIMIENTOS*/

.movimientos .form-movimiento {
    padding: 0px 16px;
}

    .movimientos .form-movimiento #cmbMovimentoCategoria,
    .movimientos .form-movimiento #txtMovimientoSaldo,
    .movimientos .form-movimiento #txtMovimientoImporte,
    .movimientos .form-movimiento #txtMovimientoFechaOperacion,
    .movimientos .form-movimiento #txtMovimientoFechaValor {
        display: none;
    }

@media (min-width: 960px) {
    .movimientos .form-movimiento #cmbMovimentoCategoria,
    .movimientos .form-movimiento #txtMovimientoSaldo,
    .movimientos .form-movimiento #txtMovimientoImporte,
    .movimientos .form-movimiento #txtMovimientoFechaOperacion,
    .movimientos .form-movimiento #txtMovimientoFechaValor {
        display: block;
    }

    .movimientos .form-movimiento #lblMovimientoCategoria,
    .movimientos .form-movimiento #numMovimientoSaldo,
    .movimientos .form-movimiento #numMovimientoImporte,
    .movimientos .form-movimiento #dtMovimientoFechaOperacion,
    .movimientos .form-movimiento #dtMovimientoFechaValor {
        display: none;
    }
}

/**
 * BALANCE ANUAL
 */

/* TABLE-BALANCEANUAL */

.balanceanual .table-balanceanual .tc-categoria {
    width: 100%;
}

.balanceanual .table-balanceanual .table-row .table-col.tc-year {
    min-width: 96px;
    text-align: right;
}

.balanceanual .table-balanceanual .table-row .table-col.tc-importe {
    min-width: 96px;
    text-align: right;
    cursor: pointer;
    background-color: #EEEEEE;
}

/**
 * BALANCE MES
 */

.balancemes .content-header {
    z-index: 3;
}

/* DIALOG-FULL-SCREEN GRAFICOS */

.balances.dialog-full-screen.graficos {
    background-color: #FAFAFA;
}

/* TABLE-BALANCEMES */

/*.balancemes .content-body{
    margin:auto;
    max-width:1334px;
}*/

.balancemes .table-wrapper {
    /*width: calc(100vw - 1px);*/
    width: 100%;
    overflow-x: auto;
}

.balancemes .table-balancemes {
    overflow-x: auto;
    height: calc(100vh - 56px);
    max-width: 100%;
}

    .balancemes .table-balancemes .table-header {
        /*z-index: 2;*/
    }
    /*
    .balancemes .table-balancemes .table-header .table-row .table-col.tc-categoria {
        z-index: 7;
    }*/

    .balancemes .table-balancemes .table-body .table-row .table-col.tc-categoria {
        /*z-index: -1;*/
    }


    .balancemes .table-balancemes .table-header,
    .balancemes .table-balancemes .table-body {
        width: fit-content;
        /*min-width: 100%;
        max-width: 100%;*/
    }

        .balancemes .table-balancemes .table-header .tc-check,
        .balancemes .table-balancemes .table-body .tc-check {
            min-width: 32px;
            text-align: center;
            /*
            position: sticky;
            left: 0;
            background-color: white;*/
        }

    .balancemes .table-balancemes .tc-categoria {
        /*
        min-width: 115px;
        max-width: 115px;*/
        min-width: 96px;
        /*
        width: calc(100vw - 1189px);*/
        width: 100%;
        /*
        position: sticky;
        left: 48px;
        background-color: white;*/
    }

    .balancemes .table-balancemes .table-header {
        z-index: 2;
    }

        .balancemes .table-balancemes .table-header .tc-check,
        .balancemes .table-balancemes .table-body .tc-check {
            position: sticky;
            left: 0;
            background-color: white;
        }

        .balancemes .table-balancemes .table-header .tc-categoria,
        .balancemes .table-balancemes .table-body .tc-categoria {
            position: sticky;
            left: 48px;
            background-color: white;
            width: calc(100vw - 1200px);
        }

        .balancemes .table-balancemes .table-header .tc-mes, .balancemes .table-balancemes .table-body .tc-mes {
            /*display: none;*/
            min-width: 57px;
            text-align: right;
        }

            .balancemes .table-balancemes .table-header .tc-mes.tc-mes-actual {
                display: flex;
            }

            .balancemes .table-balancemes .table-body .tc-mes.tc-mes-actual {
                display: block;
                cursor: pointer;
            }

        .balancemes .table-balancemes .table-header .tc-anterior,
        .balancemes .table-balancemes .table-header .tc-actual,
        .balancemes .table-balancemes .table-body .tc-anterior,
        .balancemes .table-balancemes .table-body .tc-actual {
            display: none;
        }

    .balancemes .table-balancemes .tc-total {
        /*position: sticky;
        right: 0;
        z-index: -1;*/
    }

    .balancemes .table-balancemes .tc-anterior,
    .balancemes .table-balancemes .tc-actual,
    .balancemes .table-balancemes .tc-total {
        min-width: 65px;
        background-color: #EEEEEE;
        text-align: right;
    }


@media (min-width: 720px) {
    .balancemes .table-balancemes .table-header .tc-anterior,
    .balancemes .table-balancemes .table-header .tc-actual {
        display: flex;
    }

    .balancemes .table-balancemes .table-body .tc-anterior,
    .balancemes .table-balancemes .table-body .tc-actual {
        display: block;
    }
}

@media (min-width: 1280px) {
    .balancemes .table-balancemes .table-header .tc-mes {
        display: flex;
    }

    .balancemes .table-balancemes .table-body .tc-mes {
        display: block;
    }
}

.balancemes .table-balancemes .table-body .table-row.tr-presupuestado {
    font-style: oblique;
    color: #E0E0E0;
}

/**
 * EVOLUCION MENSUAL
 */

/* DIALOG-FULL-SCREEN GRAFICOS */

.evolucion.dialog-full-screen.graficos {
    background-color: #FAFAFA;
}

/* TABLA-EVOLUCION */

.evolucion .content-header {
    z-index: 3;
}

.evolucion .table-wrapper {
    width: 100%;
    overflow-x: auto;
}

.evolucion .table-evolucion {
    overflow-x: auto;
    height: calc(100vh - 56px);
    max-width: 100%;
}

    .evolucion .table-evolucion .table-header,
    .evolucion .table-evolucion .table-body {
        width: fit-content;
        /*width: 100%;*/
    }

    .evolucion .table-evolucion .table-header {
        z-index: 2;
    }

    .evolucion .table-evolucion.table-body-scrollable {
        overflow-y: auto;
    }

        .evolucion .table-evolucion.table-body-scrollable .table-header {
            top: 0px;
        }

            .evolucion .table-evolucion.table-body-scrollable .table-header .table-row .table-col {
                background-color: #ffffff;
            }

                .evolucion .table-evolucion.table-body-scrollable .table-header .table-row .table-col.tc-categoria {
                    background-color: #ffffff;
                }

                .evolucion .table-evolucion.table-body-scrollable .table-header .table-row .table-col.tc-mes {
                    min-width: 57px;
                }

        .evolucion .table-evolucion.table-body-scrollable .table-row {
            border-bottom: none;
        }

            .evolucion .table-evolucion.table-body-scrollable .table-row .table-col {
                min-width: 100px;
                border-bottom: 1px solid #E0E0E0;
            }

                .evolucion .table-evolucion.table-body-scrollable .table-row .table-col.tc-categoria {
                    width: 100%;
                    min-width: 128px;
                    /*max-width: 125px;*/
                    width: calc(100vw - 1141px);
                    /*
                    min-width: 60px;*/
                    position: sticky;
                    left: 0;
                    
                }

    .evolucion .table-evolucion .table-header .tc-categoria,
    .evolucion .table-evolucion .table-body .tc-categoria {
        background-color: white;
    }

    .evolucion .table-evolucion.table-body-scrollable .table-row .table-col.tc-mes {
        text-align: right;
        cursor: pointer;
        min-width: 57px;
    }

    .evolucion .table-evolucion.table-body-scrollable .table-row .table-col.tc-porcentaje {
        text-align: right;
        background-color: #EEEEEE;
    }

    .evolucion .table-evolucion.table-body-scrollable .table-row .table-col.tc-total {
        text-align: right;
        background-color: #EEEEEE;
    }

/* COMPARACION */

.comparacion .content-body {
    max-width: 1024px;
    margin: auto;
}

/* SALDOS */

.saldos .content-body {
    max-width: 1024px;
    margin: auto;
}