/* ARGMS v2.29.2 - doorlopende professionele header voor de designproef */

body.argms-design-v21164 .topbar{
  color:#eef4fd;
  background:linear-gradient(100deg,#0d1a30 0%,#11213c 48%,#172f51 100%);
  border-bottom:1px solid #263c5c;
  box-shadow:0 5px 20px rgba(7,18,34,.2);
}

body.argms-design-v21164 .topbar .brand{
  width:var(--design-nav-width21164)!important;
  min-width:var(--design-nav-width21164)!important;
  max-width:var(--design-nav-width21164)!important;
  flex:0 0 var(--design-nav-width21164)!important;
  padding:0 15px;
  background:transparent;
  border-right:1px solid rgba(255,255,255,.1);
}

body.argms-design-v21164 .design-nav-toggle21164,
body.argms-design-v21164 .icon-btn{
  color:#dce8f8;
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);
}

body.argms-design-v21164 .design-nav-toggle21164:hover,
body.argms-design-v21164 .icon-btn:hover{
  color:#fff;
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.13);
}

body.argms-design-v21164 .global-search::before{color:#afbed2}

body.argms-design-v21164 .global-search input{
  color:#fff;
  border-color:rgba(255,255,255,.15);
  background:rgba(255,255,255,.075);
}

body.argms-design-v21164 .global-search input::placeholder{color:#bdc9da}

body.argms-design-v21164 .global-search input:hover,
body.argms-design-v21164 .global-search input:focus{
  color:#fff;
  border-color:rgba(255,255,255,.29);
  background:rgba(255,255,255,.12);
  box-shadow:0 0 0 3px rgba(112,164,243,.14);
}

body.argms-design-v21164 .design-preview-toggle21164{
  color:#edf4ff;
  border-color:rgba(255,255,255,.17);
  background:rgba(255,255,255,.075);
}

body.argms-design-v21164 .design-preview-toggle21164:hover{
  color:#fff;
  border-color:rgba(255,255,255,.29);
  background:rgba(255,255,255,.13);
}

body.argms-design-v21164 .user-chip{color:#f2f6fc}
body.argms-design-v21164 .user-chip:hover{background:rgba(255,255,255,.1)}
body.argms-design-v21164 .user-chip #headerUserRole{color:#acbbcf!important}
body.argms-design-v21164 .user-caret{color:#b7c5d8}
body.argms-design-v21164 .avatar{background:#dceaff;color:#1858b5}

body.argms-design-v21164.argms-sidebar-collapsed .topbar .brand{
  width:76px!important;
  min-width:76px!important;
  max-width:76px!important;
  flex-basis:76px!important;
  border-right-color:rgba(255,255,255,.08);
}

body.argms-design-v21164.argms-sidebar-collapsed .topbar .brand::before{
  box-shadow:0 7px 18px rgba(0,0,0,.24);
}

@media(max-width:900px){
  body.argms-design-v21164 .topbar .brand{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    flex-basis:40px!important;
    padding:0;
    border-right:0;
  }

  body.argms-design-v21164 .brand-logo{
    display:grid!important;
    width:40px;
    height:40px;
    place-items:center;
    padding:0;
    border:0;
    color:#fff;
    background:#3478ea;
    box-shadow:0 7px 18px rgba(0,0,0,.22);
    font-size:0;
  }

  body.argms-design-v21164 .brand-logo img{display:none}
  body.argms-design-v21164 .brand-logo::after{content:"A";font-size:16px;font-weight:700}
}

@media(max-width:620px){
  body.argms-design-v21164 .topbar{gap:8px}
}