@media (min-width:1199px){.sidebar{position:fixed;top:60px;left:0;right:0;width:100%;height:40px;z-index:8000;transition:.3s;padding-top:10px;box-shadow:0 0 20px rgba(1,41,112,.1);background-color:#fff}@media (max-width:1199px){.sidebar{height:auto}}.sidebar-nav{display:flex;justify-content:space-around;flex-wrap:wrap;padding:0;margin:0}.sidebar-nav li{display:inline-block;position:relative}.sidebar-nav .nav-content{position:absolute;top:100%;left:0;z-index:999;background:#fff;border-radius:0 0 4px 4px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;box-shadow:0 4px 10px rgba(0,0,0,.1)}.sidebar-nav li:focus-within .nav-content,.sidebar-nav li:hover .nav-content{opacity:1;visibility:visible}.sidebar-nav .nav-content a,.sidebar-nav .nav-link{padding:0 20px}.nav-link i{padding-right:2px}.nav-item,.nav-item ul{padding:0;margin:0}.headernav-nav .nav-content a{padding:10px 15px;white-space:nowrap}.nav-item ul{list-style:none}.nav-item ul li{padding:5px;margin:0}.nav-item ul li i,.toggle-sidebar-btn{display:none}.nav-item li a{display:block;white-space:normal!important;min-width:250px}.sidebar .nav-link{margin-bottom:0}.sidebar .nav-content{border-top:5px solid transparent;margin-top:0}#main{margin-left:auto!important;margin-right:auto!important;max-width:1350px;margin-top:140px!important}#progress-bar{position:fixed;top:100px;left:0;width:0%;height:4px;background-color:#3498db;z-index:99}.welcomme{font-size:30px!important}}@media (max-width:1199px){.sidebar{position:fixed;top:60px;left:0;bottom:0;width:300px;z-index:996;transition:.3s;padding:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#aab7cf transparent;box-shadow:0 0 20px rgba(1,41,112,.1);background-color:#fff}.sidebar::-webkit-scrollbar{width:5px;height:8px;background-color:#fff}.sidebar::-webkit-scrollbar-thumb{background-color:#aab7cf}@media (max-width:1199px){.sidebar{left:-300px}.toggle-sidebar .sidebar{left:0}}@media (min-width:1200px){#footer,#main{margin-left:300px}.toggle-sidebar #footer,.toggle-sidebar #main{margin-left:0}.toggle-sidebar .sidebar{left:-300px}}.sidebar-nav,.sidebar-nav li{padding:0;margin:0;list-style:none}.sidebar-nav .nav-item{margin-bottom:5px}.sidebar-nav .nav-heading{font-size:11px;text-transform:uppercase;color:#899bbd;font-weight:600;margin:10px 0 5px 15px}.sidebar-nav .nav-link{display:flex;align-items:center;font-size:15px;font-weight:600;color:#444;background:#f6f9ff;padding:10px 15px;border-radius:4px}.sidebar-nav .nav-link i{font-size:16px;margin-right:10px;color:#444}.sidebar-nav .nav-link.collapsed{color:#444;background:#fff}.sidebar-nav .nav-link.collapsed i{color:#899bbd}.sidebar-nav .nav-link:hover{color:#444;background:#f6f9ff}.sidebar-nav .nav-content a.active,.sidebar-nav .nav-content a:hover,.sidebar-nav .nav-link:hover i{color:#444}.sidebar-nav .nav-link .bi-chevron-down{margin-right:0;transition:transform .2s ease-in-out}.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down{transform:rotate(180deg)}.sidebar-nav .nav-content{padding:5px 0 0;margin:0;list-style:none}.sidebar-nav .nav-content a{display:flex;align-items:center;font-size:14px;font-weight:600;color:#012970;padding:10px 0 10px 40px;transition:.3s}.sidebar-nav .nav-content a i{font-size:6px;margin-right:8px;line-height:0;border-radius:50%}.sidebar-nav .nav-content a.active i{background-color:#444}#progress-bar{position:fixed;top:60px;left:0;width:0%;height:4px;background-color:#3498db;z-index:99}}#stheader{height:50vh;margin-top:10px;left:0;right:0;margin-bottom:30px;box-shadow:0 4px 8px rgba(0,0,0,.2);padding-left:50px;padding-top:50px}