:root {
    --primary: #0C2E8A;
    --primary-light: #4f57bb;
    --secondary: #66bb6a;
    --secondary-btn-back: #98a6ad;
    
    --success: #71b76d;
    --info: #2767c1;
    --warning: #fccd46;
    --danger: #ef5350;
        
    --border-primary: #dee2e6;
    --border-secondary: #cccccc;
    
    --gold: #b8860b;
    --silver: #c0c0c0;
    --bronze: #CD7F32;
    
    /*Steps-colors*/
    --steps-selection-details: #9dc8e2;
    --steps-success: #c5e1a5;
    --steps-resumen: #797979;
    --steps-info: #f2f2f254;
    
    /*Select2*/
    --has-error-bg: #fbe3e4;
    --has-error-border: #f5707a;
    
    /*Multiselect.js*/
    --hover-color: #eeeeee;
        
        
    /*Navbar*/
    --navbar-bg: white;
    --navbar-text-color: var(--primary);
    --navbar-text-color-hover: var(--secondary); 
    --topnav-menu-bg: var(--primary);
    --topnav-menu-text-color: white;
    --menu-seleccionado-color: #66bb6a;
    
    /*Footer*/
    --footer-bg: var(--primary);
    --footer-text-color: white; 
        
    /*tables*/
    --table-thead-bg: #f2f2f254;
    
    /*progress*/
    --progress-bar-bg: var(--secondary)
}