.sidebar_container{width:250px;height:calc(100vh - 40px);position:fixed;border-radius:15px;left:20px;top:20px;z-index:200;background-color:#fff;transition:left .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:-44px;background-color:#cfeaff}.sidebar_toggle .sidebar_toggle_btn svg{margin-top:-3px}.sidebar_toggle_btn{position:relative;border-radius:20px;z-index:100;min-width:30px;min-height:30px;color:#25aae1;padding:0;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;justify-content:space-between;padding:0 10px}.main_logo,.main_logo a{width:100%;display:flex;align-items:center}.main_logo a{height:100%;justify-content:center}.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:width .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:first-child button,.navlist ul li:nth-child(16) a,.navlist ul li:nth-child(16) button,.navlist ul li:nth-child(22) a,.navlist ul li:nth-child(22) button{&:after{background-color:rgb(229,243,251)}&.active,&:hover{color:#0085db}}.navlist ul li:nth-child(15) a,.navlist ul li:nth-child(15) button,.navlist ul li:nth-child(19) a,.navlist ul li:nth-child(19) button,.navlist ul li:nth-child(2) a,.navlist ul li:nth-child(2) button,.navlist ul li:nth-child(24) a,.navlist ul li:nth-child(24) button{&:after{background-color:#e7ecf0}&.active,&:hover{color:#707A82}}.navlist ul li:nth-child(18) a,.navlist ul li:nth-child(18) button,.navlist ul li:nth-child(20) a,.navlist ul li:nth-child(20) button,.navlist ul li:nth-child(23) a,.navlist ul li:nth-child(23) button,.navlist ul li:nth-child(3) a,.navlist ul li:nth-child(3) button{&:after{background-color:#ffede9}&.active,&:hover{color:rgb(251,151,125)}}.navlist ul li:nth-child(13) a,.navlist ul li:nth-child(13) button,.navlist ul li:nth-child(21) a,.navlist ul li:nth-child(21) button,.navlist ul li:nth-child(4) a,.navlist ul li:nth-child(4) button{&:after{background-color:#dffff3}&.active,&:hover{color:#4bd08b}}.navlist ul li:nth-child(14) a,.navlist ul li:nth-child(14) button,.navlist ul li:nth-child(18) a,.navlist ul li:nth-child(18) button,.navlist ul li:nth-child(5) a,.navlist ul li:nth-child(5) button{&:after{background-color:rgb(255,246,234)}&.active,&:hover{color:#f8c076}}.navlist ul li:nth-child(10) a,.navlist ul li:nth-child(10) button,.navlist ul li:nth-child(19) a,.navlist ul li:nth-child(19) button,.navlist ul li:nth-child(6) a,.navlist ul li:nth-child(6) button{&:after{background-color:#e7ecf0}&.active,&:hover{color:#707A82}}.navlist ul li:nth-child(12) a,.navlist ul li:nth-child(12) button,.navlist ul li:nth-child(20) a,.navlist ul li:nth-child(20) button,.navlist ul li:nth-child(7) a,.navlist ul li:nth-child(7) button{&: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,.navlist ul li:nth-child(8) button{&:after{background-color:#dffff3}&.active,&:hover{color:#4bd08b}}.navlist ul li:nth-child(9) a,.navlist ul li:nth-child(9) button{&:after{background-color:rgb(255,246,234)}&.active,&:hover{color:#f8c076}}.navlist ul li:nth-child(11) a,.navlist ul li:nth-child(11) button{&.active,&:hover{color:rgb(0,133,219)}}body.dark .navlist ul li:first-child a:after,body.dark .navlist ul li:first-child button:after,body.dark .navlist ul li:nth-child(16) a:after,body.dark .navlist ul li:nth-child(16) button:after,body.dark .navlist ul li:nth-child(22) a:after,body.dark .navlist ul li:nth-child(22) button:after{background-color:#253662}body.dark .navlist ul li:nth-child(15) a,body.dark .navlist ul li:nth-child(15) button,body.dark .navlist ul li:nth-child(19) a,body.dark .navlist ul li:nth-child(19) button,body.dark .navlist ul li:nth-child(2) a,body.dark .navlist ul li:nth-child(2) button,body.dark .navlist ul li:nth-child(24) a,body.dark .navlist ul li:nth-child(24) button{&:after{background-color:#213744}&.active,&:hover{color:#6cb2da}}body.dark .navlist ul li:nth-child(18) a:after,body.dark .navlist ul li:nth-child(18) button:after,body.dark .navlist ul li:nth-child(23) a:after,body.dark .navlist ul li:nth-child(23) button:after,body.dark .navlist ul li:nth-child(3) a:after,body.dark .navlist ul li:nth-child(3) button:after{background-color:#4b313d}body.dark .navlist ul li:nth-child(13) a:after,body.dark .navlist ul li:nth-child(13) button:after,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(21) a:after,body.dark .navlist ul li:nth-child(21) button:after,body.dark .navlist ul li:nth-child(4) a:after,body.dark .navlist ul li:nth-child(4) button:after,body.dark .navlist ul li:nth-child(8) a:after,body.dark .navlist ul li:nth-child(8) button:after{background-color:#1b3c48}body.dark .navlist ul li:nth-child(14) a:after,body.dark .navlist ul li:nth-child(14) button:after,body.dark .navlist ul li:nth-child(18) a:after,body.dark .navlist ul li:nth-child(18) button:after,body.dark .navlist ul li:nth-child(20) a:after,body.dark .navlist ul li:nth-child(20) button:after,body.dark .navlist ul li:nth-child(5) a:after,body.dark .navlist ul li:nth-child(5) button:after{background-color:#4d3a2a}body.dark .navlist ul li:nth-child(10) a,body.dark .navlist ul li:nth-child(10) button,body.dark .navlist ul li:nth-child(19) a,body.dark .navlist ul li:nth-child(19) button,body.dark .navlist ul li:nth-child(6) a,body.dark .navlist ul li:nth-child(6) button{&:after{background-color:#213744}&.active,&:hover{color:#6cb2da}}body.dark .navlist ul li:nth-child(12) a:after,body.dark .navlist ul li:nth-child(12) button:after,body.dark .navlist ul li:nth-child(7) a:after,body.dark .navlist ul li:nth-child(7) button:after{background-color:#4b313d}body.dark .navlist ul li:nth-child(9) a:after,body.dark .navlist ul li:nth-child(9) button:after{background-color:#4d3a2a}body.dark .navlist ul li:nth-child(11) a:after,body.dark .navlist ul li:nth-child(11) button:after{background-color:#253662}.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{transform:rotate(180deg);margin-right:-45px}body.dark .sidebar_container{border-right:1px solid rgba(100,107,128,.329)}.sidebar_toggle:after{background-color:#000;opacity:.1;position:absolute;left:0;top:0;height:100%;width:100%;transition:opacity .5s;content:"";z-index:119}.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:767px){.burger{width:16px;height:2px;background:#25aae1;border-radius:5px;position:absolute;top:25px;left:12px;transition:all .5s ease-in-out}.burger:before{transform:translateY(6px)}.burger:after,.burger:before{content:"";width:16px;height:2px;background:#25aae1;border-radius:5px;position:absolute;transition:all .5s ease-in-out}.burger:after{transform:translateY(-6px)}body.dark .mobile_sidebar_container nav{background-color:#091526}.mobile_sidebar_container nav{height:100%;background:#fff;padding:70px 15px 15px;position:relative}.mobilelogo img{width:100%;height:100%}.mobilelogo{position:absolute;top:5px;left:50px;max-width:100px;display:flex;margin-left:auto}.mobile_sidebar_container ul{list-style-type:none;max-height:calc(100svh - 230px);transform:translateY(100px);transition:all .5s!important;overflow:auto;padding-left:0;margin-bottom:0;opacity:0}.mobile_sidebar_container.open ul{transform:translateY(0);opacity:1}.mobile_sidebar_container ul li{margin-bottom:8px}.mobile_sidebar_container ul li a svg,.mobile_sidebar_container ul li button svg{width:18px;opacity:.5}body.dark .mobile_sidebar_container ul li a,body.dark .mobile_sidebar_container ul li button{color:#fff}.mobile_sidebar_container ul li a.active,.mobile_sidebar_container ul li button.active,body.dark .mobile_sidebar_container ul li a.active,body.dark .mobile_sidebar_container ul li button.active{color:#25aae1}.mobile_sidebar_container ul li a,.mobile_sidebar_container ul li button{background-color:transparent;display:flex;align-items:center;gap:10px;font-size:12px;border:unset;padding:0;text-decoration:none;color:#111c2d;cursor:pointer}.mobile_sidebar_container{-webkit-clip-path:circle(13px at 20px 26px);clip-path:circle(13px at 20px 26px);transition:-webkit-clip-path .5s ease-in-out;transition:clip-path .5s ease-in-out;transition:clip-path .5s ease-in-out,-webkit-clip-path .5s ease-in-out;position:absolute;height:100svh;width:50%;z-index:1000}.open{-webkit-clip-path:circle(100svh at 28px 240px);clip-path:circle(100svh at 28px 240px)}.mobile_sidebar_container.open .burger{transform:translateX(-32px);background:transparent}.mobile_sidebar_container.open .burger:before{transform:rotate(45deg) translate(22.5px,-22.5px)}.mobile_sidebar_container.open .burger:after{transform:rotate(-45deg) translate(22.5px,22.5px)}.menufooter{position:absolute;left:0;bottom:0;width:100%}}@media(max-width:575px){.sidebar_toggle .sidebar_toggle_btn svg{margin-top:0}.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:30px}.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{background-color:transparent;height:20px;display:flex;padding:0;align-items:center;justify-content:center;top:-9px;margin-right:-45px}.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}}