.union-dashboard #content {
  max-width: none;
}

.admin-workspace {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.admin-workspace-main {
  min-width: 0;
}

.dashboard-section-nav {
  position: sticky;
  top: 18px;
  padding: 18px 12px;
  border-radius: 18px;
  background: #071f42;
  box-sizing: border-box;
}

.dashboard-section-nav > a {
  display: grid;
  grid-template-columns: 34px 1fr 12px;
  align-items: center;
  gap: 10px;
  margin: 5px 0;
  padding: 15px 13px;
  border-radius: 11px;
  color: #cbdcf1 !important;
  text-decoration: none;
  transition: 0.18s;
}

.dashboard-section-nav > a:hover,
.dashboard-section-nav > a.active {
  color: #fff !important;
  background: linear-gradient(100deg, #0a5dbd, #147ddb);
}

.dashboard-section-nav i {
  color: #5b8fc7;
  font: 700 16px/1 Georgia;
  font-style: normal;
}

.dashboard-section-nav > a.active i {
  color: #bfe2ff;
}

.dashboard-section-nav span b,
.dashboard-section-nav span small {
  display: block;
}

.dashboard-section-nav span b {
  font-size: 15px;
}

.dashboard-section-nav span small {
  margin-top: 3px;
  color: #7898bd;
  font-size: 10px;
}

.dashboard-section-nav > a.active span small {
  color: #c4e2ff;
}

.dashboard-section-nav em {
  font-size: 21px;
  font-style: normal;
}

@media (max-width: 900px) {
  .admin-workspace {
    grid-template-columns: 210px minmax(0, 1fr);
  }
}

@media (max-width: 700px) {
  .admin-workspace {
    grid-template-columns: 1fr;
  }

  .dashboard-section-nav {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .dashboard-section-nav .side-title {
    grid-column: 1 / -1;
  }
}