@import 'default-style.css';

@import 'dashboard-style.css';





/* ---------------- */


/* Menu sticky link dot effect */
.menu-item-dot {
    transition: all 0.3s ease;
}

.menu-item-dot:hover {
    color: #161616 !important;
}

.menu-item-dot::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    width: 6px;
    height: 6px;
    background-color: black;
    border-radius: 50%;
    transition: all 0.3s ease;
    z-index: 99;
    pointer-events: none;
    display: block !important;
}

.menu-item-dot:hover::before {
    transform: translateX(-50%) scale(1);
}