:root {
    --mui-text-primary: #43474b;
    --mui-background: #fefeff;
    --mui-background-default: #f5f5f6;
    --mui-background-paper: #fff;
    --mui-divider: #e7e8e8;
    --mui-primary-main: #004C94;
    --radius-md: 6px;
    --mui-primary-main: #004C94;
    --mui-primary-contrast-text: #ffffff;
    --mui-primary-dark: #0a68cd;
    --text-2xl: 1.5rem;
    --font-title: "Roboto", sans-serif;
    --mui-text-secondary: #727578;
}

body {
    color: var(--mui-text-primary);
    background-color: var(--mui-background);
}

/* Superposición
 shared/_Asesor*/
.headerbar-center {
    font-family: var(--font-title);
}

/* Superposición
materialadmin1.css */

/* Superposición  */
.card-head {
    font-family: var(--font-title);
}

/* Sustitución
    widgwts del dashboard
*/
.bp-card {
    display: flex;
    flex-direction: column;
    background-color: var(--mui-background-paper);
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 16px;
    margin: 16px;
    border: 1px solid var(--mui-divider);
}

/* Nueva definición - Título de página */
.estilo_subtitulo {
    font-weight: 600;
    font-family: var(--font-title);
}

    .estilo_subtitulo > i.fa {
        background-color: var(--mui-primary-main);
        color: var(--mui-background);
        width: 70px;
        height: 70px;
        border-radius: var(--radius-md);
        padding-left: 22px;
        padding-top: 20px;
    }

    .estilo_subtitulo > i.glyphicon {
        background-color: var(--mui-primary-main);
        color: var(--mui-background);
        width: 70px;
        height: 70px;
        border-radius: var(--radius-md);
        padding-left: 24px;
        padding-top: 20px;
    }

.btn-primary {
    background-color: var(--mui-primary-main);
    color: var(--mui-primary-contrast-text);
}

    .btn-primary:hover, .btn-primary:focus, .open .dropdown-toggle.btn-primary {
        background-color: var(--mui-primary-dark);
    }

[class*="btn"] {
    border: 0px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 6px !important;
    /* Comentario original en archivo materialadmin1.css lin.8097: 
        Se agrego important para que haga caso el tablero de servicio
        Verifcar que no se afecte tablero de servicio    
    */
}

.modal {
    color: var(--mui-text-primary);
}

.menubar-visible #menubar {
    width: 264px;
    padding-left: 12px;
    padding-right: 12px;
}

ul.dropdown-menu.animation-dock {
    text-align: left;
}



.dropdown.open > ul > li > span {
    color: var(--mui-text-primary);
    font-weight: 600;
}

.dropdown.open > ul > li > p {
    color: var(--mui-text-secondary);
}

.text_bold_tablero {
    font-weight: bold;
}