/* ARGMS v2.29.7 - grotere merkzone en exact uitgelijnde menukolommen */
body.argms-design-v21164 .topbar{
  height:88px!important;
  min-height:88px!important;
}
body.argms-design-v21164 .topbar .brand{
  flex:0 0 var(--design-nav-width21164)!important;
  width:var(--design-nav-width21164)!important;
  height:88px!important;
  min-width:0!important;
  padding:5px 16px 4px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  overflow:hidden!important;
}
body.argms-design-v21164 .topbar .brand-logo{
  width:148px!important;
  height:52px!important;
  flex:0 0 52px!important;
  padding:0!important;
  overflow:visible!important;
}
body.argms-design-v21164 .topbar .brand-logo img{
  display:block!important;
  width:148px!important;
  height:49px!important;
  object-fit:contain!important;
}
body.argms-design-v21164 .topbar .brand>div:last-child{
  display:block!important;
  width:100%!important;
  min-height:16px!important;
  text-align:center!important;
}
body.argms-design-v21164 .topbar .brand-title{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:16px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
body.argms-design-v21164 .layout{min-height:calc(100vh - 88px)!important}
body.argms-design-v21164 .sidebar{
  top:88px!important;
  height:calc(100vh - 88px)!important;
}
body.argms-design-v21164 .sidebar .nav-item{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:11px!important;
}
body.argms-design-v21164 .sidebar .nav-item .nav-icon{
  grid-column:1!important;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  margin:0!important;
  justify-self:center!important;
}
body.argms-design-v21164 .sidebar .nav-item .nav-label21164{
  grid-column:2!important;
  margin:0!important;
  padding:0!important;
  justify-self:start!important;
  text-align:left!important;
}
body.argms-design-v21164 .sidebar .nav-item[data-page="businessMonitor21337"]{
  padding-left:11px!important;
}

@media(max-width:820px){
  body.argms-design-v21164 .topbar{height:68px!important;min-height:68px!important}
  body.argms-design-v21164 .topbar .brand{width:auto!important;height:68px!important;flex-basis:auto!important;padding:0!important}
  body.argms-design-v21164 .topbar .brand-logo{width:48px!important;height:44px!important;flex-basis:44px!important}
  body.argms-design-v21164 .topbar .brand-logo img{width:48px!important;height:40px!important}
  body.argms-design-v21164 .topbar .brand>div:last-child{display:none!important}
  body.argms-design-v21164 .sidebar{top:68px!important;height:calc(100vh - 68px)!important}
}

/* Compact navigation must not inherit the expanded logo column. */
@media(min-width:901px){
 body.argms-design-v21164 #app .topbar .brand{flex-direction:row!important;gap:11px!important;padding:0 15px!important;justify-content:flex-start!important}
 body.argms-design-v21164 #app .topbar .brand-logo{width:76px!important;height:42px!important;flex:0 0 76px!important}
 body.argms-design-v21164 #app .topbar .brand-logo img{width:76px!important;height:29px!important}
 body.argms-design-v21164 #app .topbar .brand>div:last-child{width:auto!important;min-width:0!important;flex:1}
 body.argms-design-v21164 #app .topbar .brand-title{text-align:left!important;overflow:hidden;text-overflow:ellipsis}
 body.argms-design-v21164.argms-sidebar-collapsed #app .topbar .brand{justify-content:center!important;padding:0 9px!important;gap:0!important}
 body.argms-design-v21164.argms-sidebar-collapsed #app .topbar .brand-logo{width:54px!important;height:34px!important;flex:0 0 54px!important}
 body.argms-design-v21164.argms-sidebar-collapsed #app .topbar .brand-logo img{width:54px!important;height:26px!important}
 body.argms-design-v21164.argms-sidebar-collapsed #app .topbar .brand>div:last-child{display:none!important}
 body.argms-design-v21164.argms-sidebar-collapsed #app .sidebar .nav-item{display:flex!important;justify-content:center!important;column-gap:0!important}
}