/*
Author: neXus
File: Custom Css File
*/

[class^="brand-"], [class*=" brand-"] {
    display: inline-block;
    width: 1em;   /* Se ajusta al tamaño de la fuente actual */
    height: 1em;
    vertical-align: middle;
    background-color: currentColor; /* Permite cambiar el color con 'color' */
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

/* Íconos Personalizados */

.brand-icon-dashboard {
    mask-image: url('./app/icono-app-dashboard-fill.svg');
    -webkit-mask-image: url('./app/icono-app-dashboard-fill.svg');
}   

.brand-icon-finanzas {
    mask-image: url('./app/icono-app-finanzas-simple.svg');
    -webkit-mask-image: url('./app/icono-app-finanzas-simple.svg');
}
.brand-icon-finanzas-circle {
    mask-image: url('./app/icono-app-finanzas-circle.svg');
    -webkit-mask-image: url('./app/icono-app-finanzas-circle.svg');
}
.brand-icon-seguros {
    mask-image: url('./app/icono-app-seguros-simple.svg');
    -webkit-mask-image: url('./app/icono-app-seguros-simple.svg');
}
.brand-icon-seguros-circle {
    mask-image: url('./app/icono-app-seguros-circle.svg');
    -webkit-mask-image: url('./app/icono-app-seguros-circle.svg');
}


.ancgvw-color {
    color: var(--vz-vertical-menu-bg);
}

/* Backgrounds Personalizados */
.bg-seguros {
    background-color: var(--vz-secondary-border-subtle);
}
.bg-finanzas {
    background-color: var(--vz-warning-border-subtle);
}