.sidebar_container{width:250px;height:calc(100vh - 40px);position:fixed;border-radius:15px;left:20px;top:20px;z-index:200;background-color:#fff;transition:all .4s;border-right:1px solid transparent;box-shadow:0 2px 6px rgba(37,83,185,.1)}body.dark .sidebar_container{background-color:#111c2d;box-shadow:0 0 2px 0 rgb(145 158 171/30%),0 12px 24px -4px rgb(145 158 171/2%)}.sidebar_toggle .sidebar_toggle_btn{right:-36px;margin-right:-55px;background-color:#cfeaff}.sidebar_toggle_btn{position:relative;border-radius:20px;z-index:100;color:#25aae1;padding:3px 5px 5px;background-color:transparent;outline:unset;border:unset;transition:all .4s;margin-top:10px}body.drak .sidebar_toggle_btn:hover{color:#fff!important}.sidebar_toggle_btn:hover{color:#000}body.dark.sidebar_toggle .sidebar_toggle_btn{background-color:#3378b9}body.dark .sidebar_toggle_btn{color:#fff}.sidebar_toggle .sidebar_container{left:-250px}.main_logo{height:70px;gap:10px;padding:0 10px}.main_logo,.main_logo a{width:100%;display:flex;align-items:center}.main_logo a{height:100%;justify-content:center}body.dark .main_logo a img{filter:invert(0)}.main_logo a img{filter:invert(1)}.menu_wrapper{position:relative}.menu_wrapper:after{width:3px;height:18px;position:absolute;content:"";right:0;top:50%;transform:translateY(-50%);background-color:red;border-top-left-radius:5px;border-bottom-left-radius:5px;opacity:0;transition:all .4s}.userbtn{width:100%;color:#Fff}.language_select .dropdown-toggle:active{background:transparent;color:#000}.language_select{position:absolute;bottom:120px;width:100%}body.dark .language_select .dropdown-toggle{color:#fff}.language_select .dropdown-toggle{width:100%;color:#000;padding:5px 20px;display:flex;align-items:center;gap:10px;font-size:15px;justify-content:space-between;background:transparent;border:unset}.language_select .dropdown-menu.show{display:flex;flex-direction:column}.language_select .dropdown-menu button{width:100%;background-color:transparent;border:unset;padding:5px;display:flex;gap:10px;line-height:1;align-items:center;border-radius:5px}.language_select .dropdown-menu button span{padding-bottom:3px}.language_select .dropdown-menu button:hover{background-color:#6ac5ea24}.language_select .dropdown-menu{min-width:88%;border-radius:10px;border-color:#ebebeb;padding:5px}body.dark .language_select .dropdown-menu button{color:#fff}body.dark .language_select .dropdown-menu{background-color:#1b2e3f;border-color:#47caeb3d}.dropdown-toggle:after{display:none}.bothbox{justify-content:space-between;bottom:60px;width:100%;padding:10px 20px;background-color:#0085da0f}.bothbox,.logoutbtn{display:flex;align-items:center;position:absolute}.logoutbtn{gap:10px;width:90%;justify-content:center;padding:8px 20px;line-height:1.5;bottom:15px;color:#fff!important;font-weight:600;left:50%;border-radius:100px;transform:translateX(-50%);background:linear-gradient(90deg,#25aae1,#ffffff,#00BCD4,#25aae1);background-size:800% 10%;border:unset;font-size:15px;outline:unset}.logoutbtn:hover{background-position:100% 0;moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.menu_wrapper.active:after{opacity:1}.menu_wrapper.active{background-color:rgba(52,54,62,.8);opacity:1}.menu_wrapper:hover{background-color:#27282f}.navlist{margin-top:25px;height:calc(100vh - 325px);overflow:auto}.navlist::-webkit-scrollbar{width:5px}.navlist ul{margin-bottom:0}.navlist ul li{list-style:none}.navlist ul li button{border:unset;background-color:transparent;width:100%}.navlist ul li a,.navlist ul li button{padding:8px 20px;display:flex;align-items:center;gap:10px;color:#111c2d;margin-bottom:5px;text-decoration:none;font-size:14px;position:relative;border-radius:10px;transition:all .4s}body.dark .navlist ul li a,body.dark .navlist ul li button{color:#fff}.navlist ul li a svg,.navlist ul li button svg{opacity:.5}body.dark .navlist ul li a svg,body.dark .navlist ul li button svg{opacity:1}.navlist ul li a:after,.navlist ul li button:after{transition:all .4s;position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:0;height:100%;background-color:rgb(229,243,251);z-index:-1;border-top-right-radius:30px;border-bottom-right-radius:30px;content:""}.navlist ul li:first-child a,.navlist ul li:nth-child(16) a{&:after{background-color:rgb(229,243,251)}&.active,&:hover{color:#0085db}}.navlist ul li:nth-child(15) a,.navlist ul li:nth-child(2) a{&:after{background-color:#e7ecf0}&.active,&:hover{color:#707A82}}.navlist ul li:nth-child(18) button,.navlist ul li:nth-child(3) a{&:after{background-color:#ffede9}&.active,&:hover{color:rgb(251,151,125)}}.navlist ul li:nth-child(13) a,.navlist ul li:nth-child(4) a{&:after{background-color:#dffff3}&.active,&:hover{color:#4bd08b}}.navlist ul li:nth-child(14) a,.navlist ul li:nth-child(18) a,.navlist ul li:nth-child(5) a{&:after{background-color:rgb(255,246,234)}&.active,&:hover{color:#f8c076}}.navlist ul li:nth-child(19) a,.navlist ul li:nth-child(6) a{&:after{background-color:#e7ecf0}&.active,&:hover{color:#707A82}}.navlist ul li:nth-child(7) a{&:after{background-color:#ffede9}&.active,&:hover{color:rgb(251,151,125)}}.navlist ul li:nth-child(17) a,.navlist ul li:nth-child(17) button,.navlist ul li:nth-child(8) a{&:after{background-color:#dffff3}&.active,&:hover{color:#4bd08b}}.navlist ul li:nth-child(9) a{&:after{background-color:rgb(255,246,234)}&.active,&:hover{color:#f8c076}}.navlist ul li:nth-child(10) a{&:after{background-color:#e7ecf0}&.active,&:hover{color:#707A82}}.navlist ul li:nth-child(11) a{&.active,&:hover{color:rgb(0,133,219)}}.navlist ul li:nth-child(12) a{&:after{background-color:#ffede9}&.active,&:hover{color:rgb(251,151,125)}}body.dark .navlist ul li:first-child a:after,body.dark .navlist ul li:nth-child(16) a:after{background-color:#253662}body.dark .navlist ul li:nth-child(15) a,body.dark .navlist ul li:nth-child(2) a{&:after{background-color:#213744}&.active,&:hover{color:#6cb2da}}body.dark .navlist ul li:nth-child(18) button:after,body.dark .navlist ul li:nth-child(3) a:after{background-color:#4b313d}body.dark .navlist ul li:nth-child(13) a:after,body.dark .navlist ul li:nth-child(4) a:after{background-color:#1b3c48}body.dark .navlist ul li:nth-child(14) a:after,body.dark .navlist ul li:nth-child(18) a:after,body.dark .navlist ul li:nth-child(5) a:after{background-color:#4d3a2a}body.dark .navlist ul li:nth-child(19) a,body.dark .navlist ul li:nth-child(6) a{&:after{background-color:#213744}&.active,&:hover{color:#6cb2da}}body.dark .navlist ul li:nth-child(7) a:after{background-color:#4b313d}body.dark .navlist ul li:nth-child(17) a:after,body.dark .navlist ul li:nth-child(17) button:after,body.dark .navlist ul li:nth-child(8) a:after{background-color:#1b3c48}body.dark .navlist ul li:nth-child(9) a:after{background-color:#4d3a2a}body.dark .navlist ul li:nth-child(10) a{&:after{background-color:#213744}&.active,&:hover{color:#6cb2da}}body.dark .navlist ul li:nth-child(11) a:after{background-color:#253662}body.dark .navlist ul li:nth-child(12) a:after{background-color:#4b313d}.navlist ul li a.active:after,.navlist ul li a:hover:after,.navlist ul li button.active:after,.navlist ul li button:hover:after{width:100%}@media(max-width:991px){.sidebar_toggle_btn{right:-20px;transform:rotate(180deg);margin-right:-45px}body.dark .sidebar_container{border-right:1px solid rgba(100,107,128,.329)}.sidebar_container{left:-250px;top:0;border-right:1px solid #eff2f5;border-radius:0;height:100%}.sidebar_toggle .sidebar_container{left:0}.sidebar_toggle .sidebar_toggle_btn{right:0;margin-right:0}body.dark .sidebar_toggle_btn{background-color:#3378b9}}@media(max-width:575px){.sidebar_toggle .sidebar_toggle_btn,body.dark .sidebar_toggle_btn,body.dark.sidebar_toggle .sidebar_toggle_btn{background-color:transparent}.sidebar_toggle_btn svg{width:20px}.navlist ul li a,.navlist ul li button{font-size:12px;padding:5px 15px}.sidebar_container{width:215px;left:-215px}.navlist ul li a svg,.navlist ul li button svg{width:18px}.sidebar_toggle .sidebar_toggle_btn{top:0}.sidebar_toggle_btn{width:20px;background-color:transparent;height:20px;display:flex;padding:0;align-items:center;justify-content:center;right:-10px;top:-10px}.main_logo a{justify-content:flex-start}.main_logo{height:50px}.main_logo a img{max-width:130px;height:-moz-fit-content;height:fit-content}.navlist{margin-top:15px;height:calc(100svh - 240px)}}@media(max-width:450px){.main_logo a img{max-width:110px}.logoutbtn svg{width:15px}.logoutbtn{padding:4px}.language_select .dropdown-toggle,.logoutbtn{font-size:12px}.language_select{bottom:110px}.language_select .dropdown-menu button span{font-size:12px}.language_select .dropdown-menu button img,.language_select .dropdown-toggle img{width:20px}.language_select .dropdown-menu button{padding:2px 5px;gap:5px}}.userbtn{overflow:hidden;padding:0;border:unset;display:flex;background-color:transparent;color:#000;text-decoration:unset}.userinfo{margin-left:10px;display:flex;flex-direction:column;justify-content:center}.userinfo h6{margin:0;font-weight:600;font-size:14px;text-overflow:ellipsis;width:125px;overflow:hidden}.userinfo p{font-size:11px;margin:0;text-align:left;line-height:1}.userbtn .usericon{width:40px;min-width:40px;border-radius:50px;height:40px;overflow:hidden}.userbtn img{width:100%;height:100%}.userbtn_wrapper{margin-left:auto;position:relative}.userbtn_wrapper:hover .userdropdown{opacity:1;visibility:visible}.userdropdown:after{content:"";width:10px;height:10px;border:1px solid #ccc;right:15px;border-right:0;border-bottom:0;top:-5.5px;transform:rotate(45deg)}.userdropdown,.userdropdown:after{position:absolute;background-color:#fff}.userdropdown{transition:all .2s;right:0;width:100%;z-index:1000;margin-top:10px;opacity:0;visibility:hidden;min-width:200px;border:1px solid #ccc;display:flex;padding:8px;border-radius:10px;box-shadow:3px 3px 7px rgba(0,0,0,.1)}.form-check-label,.list{cursor:pointer}.list{width:100%;justify-content:space-between;display:flex;align-items:center;gap:10px;padding:5px 10px;border-radius:7px;margin-bottom:5px}.list:hover{background-color:#e1f5fa}.userdropdown_inner{display:flex;flex-direction:column;width:100%}.list .logoutbtn{width:100%;display:flex;padding:0;color:#000;align-items:center;gap:10px;border:unset;justify-content:flex-start}.list .logoutbtn:active{color:#000}.username_block{color:#000;padding:8px 10px;border-radius:7px;display:flex;background-color:rgb(0 170 205/13%);gap:10px;align-items:center;margin-bottom:5px}body.dark .username_block{background-color:rgb(143 143 143/37%)}.username_block p{color:#000;margin:0}body.dark .list:hover{background-color:rgb(235 235 235/14%)}body.dark .form-check-label,body.dark .list .logoutbtn,body.dark .username_block,body.dark .username_block p{color:#fff}body.dark .userdropdown,body.dark .userdropdown:after{border-color:#3a3a3a;background-color:#000}body.dark .userbtn{background-color:transparent;color:#fff;border-color:#afafaf}@media(max-width:575px){.userinfo h6{width:100px}}@media(max-width:450px){.userbtn .usericon{width:30px;min-width:30px;height:30px}.userinfo p{font-size:10px}.userinfo h6{font-size:12px}}