:root {
    /************************************
     Barra superior (Azul Profundo: Confianza / Texto)
    *************************************/
    --topbar-bg: #03144C;   
    --topbar-text: #FFFFFF;     

    /************************************
     Barra lateral
    *************************************/
    --sidebar-bg: #03144C;  
    --navbar-hover: #060BF4;  
    --icons-color: #FFFFFF;
    --sidebar-text: #FFFFFF;      

    /************************************
     Body & Contenido
    *************************************/    
    --form-labels: #03144C;                 
    --datatable-color: #03144C;             
    --datatable-header: #060BF4;           
    --datatable-hover: #ECEEFE;             
    --datatable-text-color: #FFFFFF; 
    --input-boxshadow-color: 6, 11, 244;

    /************************************
    Alertas y notificaciones
    *************************************/
    --info-message: #060BF4;       
    --color-text-info-message: #FFFFFF; 

    --success-message: #060BF4;     
    --color-text-succes-message: #FFFFFF; 
    
    --warning-message: #FFC857;    
    --color-text-warning-message: #03144C; 
    
    --error-message: #E53935;
    --color-text-error-message: #FFFFFF;

    /************************************
        Botones
    *************************************/
    /* Primary - Acciones principales (Azul WiseTech: Acento / Acción) */
    --btn-primary-bg: #060BF4;          
    --btn-primary-text: #FFFFFF;        
    --btn-primary-hover-bg: #0408C2;    

    /* Inverse - Acciones secundarias */
    --btn-inverse-bg: #EAEFFC;          
    --btn-inverse-text: #03144C; 
    --btn-inverse-hover-bg: #D5DFF9; 

    /* Secondary - Menos importantes */
    --btn-secondary-bg: #F2F5FD;
    --btn-secondary-text: #03144C;
    --btn-secondary-hover-bg: #E3E9FA; 

    /* Success - Para confirmaciones (Azul Profundo: Confianza) */
    --btn-success-bg: #03144C;          
    --btn-success-text: #FFFFFF;
    --btn-success-hover-bg: #020E36;   
    --box-shadow-success: 0 4px 8px rgba(3, 20, 76, 0.25);

    /* Danger - Para acciones destructivas */
    --btn-danger-bg: #E53935;
    --btn-danger-text: #FFFFFF;
    --btn-danger-hover-bg: #C62828;

    /* Warning - Para advertencias */
    --btn-warning-bg: #FFC857;
    --btn-warning-text: #03144C;
    --btn-warning-hover-bg: #E5B246;

    /* Info - Para información */
    --btn-info-bg: #060BF4;
    --btn-info-text: #FFFFFF;
    --btn-info-hover-bg: #0408C2;

    /************************************
    Login (aliases de variables)
    *************************************/

    /* fondo */
    --login-bg-start: var(--sidebar-bg);
    --login-bg-end: #020C2D;

    /* panel izquierdo */
    --login-left-start: var(--sidebar-bg);
    --login-left-mid: #020E36;
    --login-left-end: var(--navbar-hover);
    --login-left-text: #FFFFFF;

    /* decoraciones */
    --login-circle-1: rgba(255,255,255,0.08);
    --login-circle-2: rgba(255,255,255,0.12);

    /* panel derecho */
    --login-card-bg: #FFFFFF;

    /* botón (aliases a tu sistema) */
    --login-btn-bg: var(--btn-primary-bg);
    --login-btn-hover: var(--btn-primary-hover-bg);
    --login-btn-text: var(--btn-primary-text);


}


.capitalize{
    text-transform: capitalize;
}

#encabezado_sistema{
    display: inline-block;
    margin-top: 1em;
    color: black;
    font-size: 1.5em;
    font-family: monospace;
}

.table td, .table th {
    padding: .25rem !important;
}

.dt-button{
    display: none;
}

.pull-left{
    float: left;
}

.pull-right{
    float: right;
}

.dataTables_filter{
    float: left;
}


.header-titulo {
    background-color: var(--btn-primary-bg, #060BF4); 
    color: #FFFFFF;
    width: 100%;
    padding: 12px 16px;
    font-weight: bold;
}

.margen-formulario{
    padding: 20px;
}