.wrapper{display:flex;align-items:stretch}#sidebar{min-width:12rem;max-width:12rem;background:white;color:#f1faee;transition:all .4s}#sidebar a,#sidebar a:hover,#sidebar a:focus{text-decoration:none;transition:all .4s}#sidebar .navbar-nav{margin-left:.5rem;margin-right:.5rem;margin-top:1rem}#sidebar .navbar-nav .nav-item a.nav-link{border-radius:.5rem;color:#848484;margin-bottom:.75rem;padding:.5rem .75rem}#sidebar .navbar-nav .nav-item a.nav-link img.user{max-width:2.2rem}#sidebar .navbar-nav .nav-item.active a.nav-link{color:#000}#sidebar .navbar-nav .nav-item a.nav-link:hover{background:#E6E6E6;color:#000}#sidebar #sidebarCollapse{background:#E6E6E6;margin-left:auto}#sidebar .sidebar-header{padding:.5rem;text-align:center}#sidebar .sidebar-header img{border-radius:var(--bs-border-radius-xl);max-width:100%}#sidebar .sidebar-header p{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:0}#sidebar div.sidebarCollapse{text-align:right}#sidebar ul.bottom{max-width:12rem;min-width:12rem}#sidebar.active{min-width:5rem;max-width:5rem;text-align:center}#sidebar.active .navbar-nav .nav-item a.nav-link{font-size:.8rem}#sidebar.active .navbar-nav .nav-item a.nav-link img.user{border-radius:100%;max-width:100%}#sidebar.active .navbar-nav li.dropdown a.dropdown-toggle{display:grid!important}#sidebar.active #sidebarCollapse{rotate:180deg}#sidebar.active .sidebar-header img{border-radius:var(--bs-border-radius)}#sidebar.active .sidebar-header p{display:none}#sidebar.active div.sidebarCollapse{text-align:center}#sidebar.active ul.bottom{max-width:5rem;min-width:5rem}#sidebar.active .dropdown-toggle:after{top:auto;bottom:10px;right:50%;transform:translate(50%)}#sidebar ul li.active>a,a[aria-expanded=true]{background:#E6E6E6}.dropdown-toggle:after{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}#content{width:100%;min-height:100vh;transition:all .3s}@media (max-width: 768px){#sidebar{min-width:5rem;max-width:5rem;text-align:center;margin-left:-5rem!important}#sidebar div.sidebarCollapse{display:none}#sidebar ul.bottom{max-width:5rem;min-width:5rem}.dropdown-toggle:after{top:auto;bottom:10px;right:50%;transform:translate(50%)}#sidebar.active{margin-left:0!important}#sidebar{margin-left:0}}