.sidebar-expandbar position absolute left 0 display none border 1px solid darkBlue border-top-width 2px padding 11px 15px background-color blue z-index 2 &__icon font-size 18px text-align center cursor pointer &:hover color white .sidebar min-height 100% background-color secondColor z-index 1 sidebar-width = 300px sidebar-animate-speed = 0.5s leftside() flex-grow 0 height 100% font-size 18px background-color rgba(253, 253, 253, 0.3) .sidebar position relative transition all sidebar-animate-speed width sidebar-width &.sidebarclose width 0 .sidebar__expand border-bottom-right-radius 0 &__expand position absolute top 1px right -44px padding 5px 8px border 3px solid transparent border-bottom-right-radius 15px cursor pointer background-color blue color white transition all sidebar-animate-speed &__btnnewworkspace margin-top 50px overflow hidden &__btn display block margin 0 auto padding 15px 30px &__navigation padding 0 overflow hidden &__workspace padding-left 0 list-style none &__item &__wrapper display flex align-items center border-bottom 1px solid darkBlue width 100% height 100% background-color blue cursor pointer &__number leftside() padding 12px min-width 50px letter-spacing 2px &__name flex-grow 2 padding 10px font-size 20px color off-white white-space nowrap overflow hidden text-overflow ellipsis &__icon flex-grow 0 padding 10px color white &__submenu margin 0 padding 0 width 100% background-color fourthColor overflow hidden &__dropdown display flex align-items center border-top 1px solid darkBlue cursor pointer &:nth-last-child(1) border-bottom 1px solid darkBlue &:hover background-color lightBlue &__showdropdown display flex justify-content space-between align-items center padding 0 10px width 100% .dropdown__icon padding 10px 15px min-width 50px leftside() &.activeFilter .dropdown__icon background-color rgba(253, 253, 253, 0.8)