/* FINAL MENU + LOGIN LOGO FIX */

aside,.sidebar,.webzar-sidebar{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#061d3d 0%,#05142c 100%)!important;
  z-index:9999!important;
}

aside::before,aside::after,.sidebar::before,.sidebar::after{
  display:none!important;
  content:none!important;
}

.webzar-new-logo{
  display:flex!important;
  flex:0 0 auto!important;
  padding:24px 20px 16px 20px!important;
}

.webzar-new-logo img{
  width:190px!important;
  height:auto!important;
  display:block!important;
}

.webzar-main-menu{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:calc(100vh - 105px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:8px 10px 34px 10px!important;
  margin:0!important;
  scrollbar-width:thin!important;
}

.webzar-main-menu a{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-height:48px!important;
  padding:12px 16px!important;
  margin:4px 0!important;
  color:#eaf3ff!important;
  text-decoration:none!important;
  border-radius:16px!important;
  font-size:16px!important;
  font-weight:500!important;
  visibility:visible!important;
  opacity:1!important;
}

.webzar-main-menu a span{
  width:22px!important;
  min-width:22px!important;
  display:inline-flex!important;
  justify-content:center!important;
}

.webzar-main-menu a.active{
  background:linear-gradient(135deg,#3478ff,#2563eb)!important;
  color:#fff!important;
}

.webzar-logout-link{
  margin-top:auto!important;
  margin-bottom:16px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

.webzar-logout-link:hover{
  background:rgba(239,68,68,.18)!important;
}

main,.content,.app-main,.main-content,.page-content,.wrapper{
  margin-left:270px!important;
}

/* login logo */
.webzar-login-logo{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0 auto 28px auto!important;
}

.webzar-login-logo img{
  width:230px!important;
  height:auto!important;
  display:block!important;
}

.login-page .logo,
.login-page .brand,
.login-page h1.old-logo,
body.login .logo,
body.login .brand{
  display:none!important;
}