.dashboard-content {
    margin-left: var(--dashboardMenuWidth);
    transition: all 0.5s;
}

.dashboard-closed .dashboard-content {
    margin-left: var(--dashboardMenuClosedWidth);
}

@keyframes slideAnimation {
    0% {
        transform: translateX(-100%);
        opacity: 1;
    }
    100% {
        transform: translateX(250%);
        opacity: 0.5;
    }
}

[data-ribbon]::before {
    right: -10px;
}

[data-ribbon]::after {
    padding-left: 20px;
    right: -17px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
}

.hover-effect-button {
    padding-left: 1.2em;
    padding-right: 3.3em;
}

.hover-effect-button .icon {
    margin-left: 1em;
    right: 0.3em;
}

.title-style::before {
    right: 103%;
}

@media screen and (max-width:1000px) {
    .dashboard-content {
        margin-left: var(--dashboardMenuClosedWidth) !important;
    }
}