/*Estilos para el grid para poner dos columnas*/
    .sitec-green-backcolor {
        background-color: rgb(155, 190, 40);
        height: 100%;
    }

    div.sitec-white-backcolor {
        background-color: white;
        width: 35%;
        border-radius: 20%;
    }
    
    .sitec-white-color{
        color: white;
    }

    .sitec-green-color {
        color: rgb(155, 190, 40);
    }

    .sitec-blue-color {
        color: rgb(46, 87, 166);
    }

    .border-input_green {
        border: 1px solid rgb(155, 190, 40);
        border-radius: 0% !important;
    }

    .border-input_blue {
        border: 1px solid rgb(46, 87, 166);
        border-radius: 0% !important;
    }

    .border-input_black {
        border: 1px solid rgb(0, 0, 0);
    }

    .sitec-blue-color-header {
        color: rgb(46, 87, 166);
        font-size: 2.3rem;
    }

    .sitec-white-color-header {
        color: white;
        font-size: 2rem;
    }

    .sitec-green-color-header {
        color: rgb(155, 190, 40);
        font-size: 1.5rem;
    }

    .sitec-blue-button{
        background-color: rgb(46, 87, 166);
        color: white;
        font-size: 1.25rem;

    }

    .sitec-blue-button:hover{
        background-color: rgb(14, 43, 100);
        color: white;
    }

    .sitec-white-button {
        background-color: white;
        color: rgb(46, 87, 166);
        font-size: 1.25rem;
        border: 2px solid rgb(46, 87, 166);
    }

    .sitec-white-button:hover {
        background-color: rgb(46, 87, 166);
        color: white;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .sitec-blue-border {
        border: 1px solid rgb(46, 87, 166);
    }

    .sitec-pw-reminder-text{
        color:white;
        font-size: 1rem;
    }
    
    .sitec-pw-reminder-text:hover {
        color: rgb(46, 87, 166);
        font-size: 1rem;
    }
    .sitec-white-color-label {
        color: white;
        font-size: 1.25rem;
    }
    .sitec-blue-color-label {
        color: rgb(46, 87, 166);
        font-size: 1.25rem;
    }

    .sitec-header-logo{
        background-color: white;
        border-radius: 20%;
        margin-top: 0.5rem;
        margin-left: 0.5rem;
    }
    .barra-superior-color {
        background-color: rgb(155, 190, 40);
        color: black;
        height: 60px;
    }

    /* Estilos para el loader */
    #loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        display: none; /* Lo ocultamos inicialmente */
        justify-content: center;
        align-items: center;
        z-index: 1000;
    }

    #loader-content {
        text-align: center;
        color: white;
    }

    #loader img {
        width: 50px; /* Tamaño del icono de carga */
    }

    tr .ki-outline {
        color: black;
    }
    
    .tabla-encabezado tr th .ki-outline { color: white !important; }