html {
    scroll-behavior: smooth;
}

.closed-sidebar .logo {
    display: none;
}

.closed-sidebar .logo-small {
    visibility: inherit;
    margin-right: 10px;
}

.logo {
    height: 45px;
}

.logo-small {
    height: 25px;
    visibility: hidden;
}
.vertical-nav-menu .mm-active i.metismenu-state-icon,
.vertical-nav-menu .mm-active i.metismenu-state-icon,
.vertical-nav-menu .mm-active i.metismenu-icon {
    opacity: 1;
}


/* Notifications */
.notification{
    position:relative;
}
.notification .icon {
    position: relative;
}
    .notification .number  {
        position: absolute;
        top:0;
        right:0;
        visibility:hidden;
    }
    .notification.show-noti .number {
        visibility: visible;
    }
    .notification .noti-item:visited {
        background-color: #6c757d;
    }
    @keyframes ring {
        0% {
        transform: rotate(35deg);
    }

    12.5% {
        transform: rotate(-30deg);
    }

    25% {
        transform: rotate(25deg);
    }

    37.5% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(15deg);
    }

    62.5% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

[role="button"] {
    cursor: pointer;
  }

  .ThreeDots{
    display: inline-block;
    width:350px;
    white-space: nowrap;
    overflow: hidden !important; 
    text-overflow: ellipsis;
  }