smart-tree.smart-element[theme=custom], smart-tree-item.smart-element[theme=custom], smart-tree-items-group.smart-element[theme=custom] {
    --smart-item-border-top-left-radius: 4px;
    --smart-item-border-bottom-left-radius: 4px;
    --smart-item-border-top-right-radius: 4px;
    --smart-item-border-bottom-right-radius: 4px;
}

smart-tree.smart-element[theme=custom], smart-tree-item.smart-element[theme=custom], smart-tree-items-group.smart-element[theme=custom] {
    --smart-primary: rgba(0, 92, 153, 1);
    --smart-ui-state-active: rgba(0, 92, 153, 1);
    --smart-ui-state-border-active: rgba(0, 92, 153, 1);
    --smart-primary-color: rgba(255, 255, 255, 1);
    --smart-ui-state-color-active: rgba(255, 255, 255, 1);
    --smart-background-color: white; /* rgba(90, 90, 90, 1); color del angulo del menu de las opciones principales.*/
    --smart-background: rgba(254, 254, 254, 1);
    --smart-background: transparent;
    --smart-surface-color: rgba(50, 50, 50, 1);
    --smart-surface: rgba(245, 245, 245, 1);
    --smart-border: rgba(224, 224, 224, 1);
    --smart-border-radius: 4px;
    --smart-border-top-left-radius: 4px;
    --smart-border-top-right-radius: 4px;
    --smart-border-bottom-left-radius: 4px;
    --smart-border-bottom-right-radius: 4px;
    --smart-ui-state-color-hover: rgba(51, 51, 51, 1);
    --smart-ui-state-hover: rgba(235, 235, 235, 1);
    --smart-ui-state-border-hover: rgba(235, 235, 235, 1);
    --smart-ui-state-color-selected: rgba(0, 92, 153, 1);
    --smart-ui-state-selected: rgba(0, 92, 153, .1);
    --smart-ui-state-color-focus: rgba(0, 0, 0, 1);
    --smart-ui-state-focus: rgba(224, 224, 224, 1);
    --smart-outline: rgba(224, 224, 224, 1);
}
.smart-tree:not([selection-display-mode=label]) smart-tree-item[selected] {
    border-color: #dc3545;
    background-color: #dc3545;
    color:black;
}
.smart-tree:not([selection-display-mode=label]) smart-tree-items-group[selected] > .smart-tree-item-label-container {
    border-color: #dc3545;
    background-color: #dc3545;
    color: black;
}
.smart-element {
    font-size: 12px;
}

.navv {
    display: block; /*Ocupa todo el ancho disponible */
    /*padding: .5em 380px .5em .5em;*/ /* Espaciado para hacerlo más grande */
    color: #25D366; /* Cambia este valor al color que prefieras */
    outline: none; /* Opcional: quita el contorno predeterminado para enfocar */
}
.tooltip {
    color: #007bff; /* Cambia este valor al color que prefieras */
}