.highlights:hover,
.highlights:active {
    background-color: rgb(255, 255, 255);
    color: #962067;
}

.app-btn {
    background-color: #962067 !important;
    color: #ffffff !important;
    border-color: #962067 !important;
}

.app-btn:hover {
    color: #7a1453 !important;
    /* Slightly darker shade on hover */
    background-color: #ffffff !important;
}

.app-dark-btn {
    background-color: #302b2e !important;
    color: #ffffff !important;
    border-color: #302b2e !important;
}

.app-dark-btn:hover {
    color: #302b2e !important;
    background-color: #ffffff !important;
}

.app-secondary-btn {
    background-color: #7e797c !important;
    color: #ffffff !important;
    border-color: #7e797c !important;
}

.app-secondary-btn:hover {
    color: #7e797c !important;
    background-color: #ffffff !important;
}

.app-danger-btn {
    background-color: #b10b0b !important;
    color: #ffffff !important;
    border-color:#b10b0b !important;
}

.app-danger-btn:hover {
    color:#b10b0b !important;
    background-color: #ffffff !important;
}

.tooltip-inner {
    color: #962067 !important;
    background-color: #ffffff !important;
    border: 1px solid #962067 !important;
    border-radius: 2px;
    padding: 4px;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before,
.tooltip.bs-tooltip-left .tooltip-arrow::before,
.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-color: #962067 !important;
}

.highlights:hover {
    background-color: rgb(231, 231, 231);
    color: #962067;
}

.app-btn {
    background-color: #962067 !important;
    color: #ffffff !important;
    border: 1px solid #962067 !important;
    box-sizing: border-box;
}

.app-btn:hover {
    color: #7a1453 !important;
    background-color: #ffffff !important;
}


.layout-menu {
    background-color: #962067 !important;
    color: #ffffff;
}

.menu-link {
    color: #161616 !important;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    
}

.menu-icon {
    color: #161616 !important;
}

.menu-link:hover {
    background-color: #7a1453 !important;
    color: #ffffff !important;
}

.menu-link:hover .menu-icon {
    color: #ffffff !important;
}

.menu-item.active .menu-link {
    background-color: #ffffff !important;
    color: #7a1453 !important;
    /* border-right: 4px solid #962067; */
}

.menu-item.active .menu-icon {
    color: #7a1453 !important;
}

.menu-item.active .menu-link:hover {
    background-color: #ffffff !important;
    color: #7a1453 !important;

}

.footer-link,
.menu-header-text,
.menu-header small {
    color: #962067 !important;
}

.menu-header-text {
    font-weight: bold;
    font-size: 1rem;
}