.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    color: #fff !important;
}

.ui-widget-content {
    color: #fff !important;
}

.ui-widget-content a {
    color: #0000FF !important;
}

.ui-widget-content a:hover {
    color: #0000FF !important;
}

.ui-widget-content a:active {
    color: #FF0000 !important;
}

.ui-widget-content a:visited {
    color: #800080 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #fff !important;
    box-shadow: -9px 10px 5px 0 rgba(0, 0, 0, 0.25) !important;
    -webkit-box-shadow: -9px 10px 5px 0 rgba(0, 0, 0, 0.25) !important;
    -moz-box-shadow: -9px 10px 5px 0px rgba(0, 0, 0, 0.25) !important;
    background: #7996A3 !important;
    font-weight: bold !important;
}

.white-text {
    color: #fff !important;
}

.nv-legend-text {
    color: #fff !important;
}

/* Style the collapse header to include text */
.collapse-toggle::before {
    content: "Mostrar";
}

.collapsed .collapse-toggle::before {
    content: "Esconder";
}

/* Optional: adjust spacing */
.collapse-toggle {
    margin-right: 5px;
}

/* Optional: adjust font style */
.collapse-toggle {
    font-weight: bold;
}

details > summary:first-of-type::before {
    content: "Mostrar / Esconder"
}

.summary::before {
    content: "Mostrar/Esconder"
}

.logout-btn {
    background-color: rgba(255, 255, 255, 0); /* Button background color */
    color: var(--header-link-color); /* Text color */
    padding: 1px; /* Space inside the button */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove the default hyperlink underline */
    display: inline-block; /* Allows padding and margin to work correctly */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer; /* Changes cursor to a hand icon on hover */
    font-family: inherit; /* Inherit font from the body */
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    transition: color 0.15s, background 0.15s;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-top: 3px;
}

/* Add hover and active states for better user experience */
.logout-btn:hover {
    text-decoration: none;
    border-bottom-color: var(--primary);
    color: var(--primary);
}

.logout-btn:active {
    background-color: #004494; /* Color when the button is clicked */
}