@import url(https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css);
.sidebar .logo-details .icon{opacity:0;transition:all .5s ease}.sidebar .logo-details #btn{cursor:pointer;font-size:23px;position:absolute;right:12px;text-align:center;top:50%;transform:translateY(-50%);transition:all .5s ease}.sidebar .icons{color:#fff;font-size:28px;height:30px;line-height:20px;text-align:center}.sidebar .nav-list{height:calc(100% - 140px);scrollbar-width:none}.sidebar .scroll{overflow-y:auto;scrollbar-width:0}.sidebar .scroll::-webkit-scrollbar{width:0}.sidebar .scroll::-webkit-scrollbar,.sidebar .scroll::-webkit-scrollbar-thumb{background:#40444f;border-radius:5px}.sidebar .scroll::-webkit-scrollbar-track{background:#40444f;border-radius:5px}.sidebar li .tooltip{background:#fff;border-radius:4px;box-shadow:0 5px 10px rgba(0,0,0,.3);font-size:15px;font-weight:400;left:calc(100% + 15px);opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:-20px;transition:0s;white-space:nowrap;z-index:3}.sidebar li:hover .tooltip{opacity:1;pointer-events:auto;top:50%;transform:translateY(-50%);transition:all .4s ease}.sidebar li .icons{border-radius:12px;height:50px;line-height:50px}.sidebar .logo-details .logo_name{opacity:0}.sidebar.open{width:250px}.sidebar.open .logo-details .icon,.sidebar.open .logo-details .logo_name,.sidebar.open .logo-details img{opacity:1;transition-delay:.4s}.sidebar.open .logo-details #btn{text-align:right}.sidebar.open li .tooltip{display:none}.sidebar.open li a .links_name{opacity:1;pointer-events:auto}.sidebar.open input{padding:0 20px 0 50px;width:100%}.sidebar.open~.body,.sidebar.open~.topbar{left:250px;width:calc(100% - 250px)}.down-arrow{display:none}.sidebar.open .down-arrow{display:block}.body{left:78px;min-height:calc(100vh - 61px);padding:0 20px;position:relative;top:61px;transition:all .5s ease;width:calc(100% - 78px);z-index:2}.bx{padding-right:4px}.dropdown{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.dropdown.open{max-height:1000px;opacity:1}.dropdown-item{background:#2a2a2a;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s}.down-arrow{transition:transform .5s ease}.down-arrow.rotate{transform:rotate(180deg)}.sidebar:hover{z-index:50}