.right-sidebar-container {
    width: 80px;
    border-radius: 50px;
    cursor: pointer;
}
div.custom-menu {
    box-sizing: border-box;
    border-radius: 40px 0px 0px 40px;
}
.fadeInDown {
    opacity: 1 !important;
}
#menu__panel {
     position: fixed;
     top: 0;
     bottom: 0;
     right: 0;
     width: 300px;
     z-index: 9999;
     box-shadow: -2px 2px 20px rgba(0, 0, 0, 0.5);
     user-select: none;
     transform: translateX(320px);
     transition: transform 0.5s;
}
.menu {
     position: absolute;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-content: center;
     top: 65px;
     bottom: 0;
     left: 0;
     width: 100%;
     margin: 0;
     padding: 0;
     list-style: none;
}
.menu-item {
     width: 100%;
     height: 40px;
     transition: all 0.3s;
     display: flex;
     align-items: center;
}
.menu-item:hover {
     background-color: #29435c;
}
.menu-item:hover a {
    color: #fff !important;
}
.menu-item i {
     margin: 0 10px;
}
.menu-item a {
     display: inline-block;
     width: 100%;
     padding-left: 50px;
}
.menu__close {
     position: absolute;
     top: 10px;
     left: 10px;
     padding: 5px 10px;
     transition: transform 0.5s;
}
.menu__close:hover {
     cursor: pointer;
}
.sidebar-logout {
    position: absolute;
    bottom: 18px;
    right: 0;
    left: 0;
    width: fit-content;
    border-radius: 10px;
}