/*
 * Additive classic StudiVZ interface layer.
 * The previous interface remains underneath this file. Removing this stylesheet
 * link and the svz-classic body classes restores the pre-redesign presentation.
 */

body.svz-classic {
  --svz-classic-red: #c20d19;
  --svz-classic-red-dark: #990711;
  --svz-classic-blue: #466981;
  --svz-classic-border: #bfc7cc;
  --svz-classic-border-soft: #d8dde0;
  --svz-classic-panel: #fff;
  --svz-classic-panel-muted: #f3f5f6;
  --svz-classic-page: #e8ecef;
  background: var(--svz-classic-page);
  color: #222;
  font-family: Poppins, Helvetica, sans-serif;
  font-size: 13px;
}

body.svz-classic .container {
  max-width: 1120px;
}

/* Give the symmetrical three-column member layout enough room to breathe. */
body.svz-classic-member .container {
  max-width: 1320px;
}

@media (min-width: 768px) {
  body.svz-classic-member .container {
    width: calc(100% - 30px);
  }
}

body.svz-classic-member {
  padding-top: 70px;
}

body.svz-classic-member.n_activated,
body.svz-classic-member.n_live {
  padding-top: 120px;
}

body.svz-classic .main-header {
  border-bottom: 1px solid #aeb6bc;
  box-shadow: none;
}

body.svz-classic .main-header .logo .svz-logo-mark {
  width: 190px;
}

body.svz-classic .main-header .search-wrapper .form-control {
  height: 34px;
  margin-top: 18px;
  margin-bottom: 18px;
  border-color: #bfc7cc;
  border-radius: 2px;
  background: #fff;
  font-family: Poppins, Helvetica, sans-serif;
  font-size: 13px;
}

body.svz-classic .main-header .search-input-icon {
  top: 50%;
  line-height: 0;
  transform: translateY(-50%);
}

body.svz-classic .navbar-wrapper > ul > li > a,
body.svz-classic .dropdown-menu,
body.svz-classic .form-control,
body.svz-classic .form-select,
body.svz-classic .input-group-text,
body.svz-classic .btn {
  border-radius: 2px;
}

body.svz-classic .card,
body.svz-classic .modal-content,
body.svz-classic .content-tabs,
body.svz-classic .posts-filter,
body.svz-classic .post,
body.svz-classic .publisher {
  border-color: var(--svz-classic-border);
  border-radius: 2px;
  box-shadow: none;
}

body.svz-classic .card-header {
  min-height: 35px;
  padding: 9px 12px;
  border-bottom-color: var(--svz-classic-border);
  background: linear-gradient(#fafafa, #edf0f2) !important;
  color: var(--svz-classic-red);
}

body.svz-classic .main-side-nav-card {
  margin-top: 12px;
}

body.svz-classic .svz-side-identity {
  padding: 9px 12px;
  border-top: 4px solid var(--svz-classic-red);
  border-bottom: 1px solid var(--svz-classic-border);
  background: linear-gradient(#fff, #edf0f2);
}

body.svz-classic .main-side-nav-card .card-body {
  padding: 6px;
}

body.svz-classic .main-side-nav > li > a,
body.svz-classic .main-side-nav ul > li > a {
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 1px;
  font-size: 13px;
}

body.svz-classic .main-side-nav svg {
  width: 18px !important;
  height: 18px !important;
}

body.svz-classic .main-side-nav > li.active > a,
body.svz-classic .main-side-nav > li > a:hover,
body.svz-classic .main-side-nav ul > li.active > a {
  background: #f4dfe1;
}

body.svz-classic .main-side-nav .svz-campus-subnav {
  margin: -1px 0 5px 18px;
}

body.svz-classic .main-side-nav .svz-campus-subnav > li > a {
  min-height: 26px;
  margin-left: 0;
  padding: 4px 8px 4px 13px;
  border-left: 2px solid var(--svz-classic-border-soft);
  font-size: 12px;
}

body.svz-classic .main-side-nav .svz-campus-subnav > li.active > a,
body.svz-classic .main-side-nav .svz-campus-subnav > li > a:hover {
  border-left-color: var(--svz-classic-red);
  color: var(--svz-classic-red);
}

body.svz-classic .svz-campus-section-label {
  padding: 9px 8px 2px !important;
  letter-spacing: .06em;
}

body.svz-classic .svz-campus-section-label small {
  font-size: 10px;
  font-weight: 700;
}

body.svz-classic .svz-radio-dropdown {
  top: 5px;
}

body.svz-classic .svz-campus-menu-dropdown {
  width: 270px;
  max-height: calc(100vh - 82px);
  padding: 0 0 5px;
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-red);
  overflow-y: auto;
}

body.svz-classic .svz-campus-menu-head {
  display: flex;
  align-items: baseline;
  gap: 7px;
  padding: 8px 11px;
  border-bottom: 1px solid var(--svz-classic-border);
  background: linear-gradient(#fff, #edf0f2);
}

body.svz-classic .svz-campus-menu-head strong {
  color: var(--svz-classic-red);
  font-size: 14px;
}

body.svz-classic .svz-campus-menu-head span {
  color: #69757c;
  font-size: 10px;
  text-transform: uppercase;
}

body.svz-classic .svz-campus-menu-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  min-height: 31px;
  padding: 5px 11px;
  border-radius: 0;
  color: #333;
  font-size: 12px;
}

body.svz-classic .svz-campus-menu-dropdown .dropdown-item.active,
body.svz-classic .svz-campus-menu-dropdown .dropdown-item:hover,
body.svz-classic .svz-campus-menu-dropdown .dropdown-item:focus {
  background: #f4dfe1;
  color: var(--svz-classic-red);
}

body.svz-classic .svz-campus-menu-dropdown .svz-campus-menu-root {
  font-weight: 700;
}

body.svz-classic .svz-campus-menu-dropdown .svz-campus-menu-child {
  width: calc(100% - 20px);
  min-height: 25px;
  margin-left: 20px;
  padding: 3px 11px 3px 15px;
  border-left: 2px solid var(--svz-classic-border-soft);
  font-size: 11px;
}

body.svz-classic .svz-campus-menu-section,
.svz-account-content-label {
  padding: 9px 11px 3px;
  color: #7a858c;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
}

body.svz-classic .svz-buschfunk-hero {
  padding: 10px 12px;
  border-left-width: 4px;
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
}

body.svz-classic .svz-buschfunk-hero h1 {
  font-size: 21px;
}

body.svz-classic .svz-buschfunk-stamp,
body.svz-classic .svz-publisher-heading,
body.svz-classic .publisher-tools-tab,
body.svz-classic .post-body,
body.svz-classic .post-header,
body.svz-classic .post-footer,
body.svz-classic .post-actions .action-btn {
  border-radius: 1px;
}

body.svz-classic .post-text {
  font-size: 13px;
  line-height: 1.45;
}

body.svz-classic .page-header.svz-groups-directory-header,
body.svz-classic .page-header.svz-events-directory-header {
  padding-top: 24px;
  padding-bottom: 48px;
  border-bottom: 1px solid var(--svz-classic-border);
  background: #f6f7f8;
  color: #222;
  text-align: left;
}

body.svz-classic .svz-groups-directory-header h2,
body.svz-classic .svz-events-directory-header h2 {
  color: var(--svz-classic-red);
  font-size: 24px;
}

body.svz-classic .svz-groups-directory-header .text-xlg,
body.svz-classic .svz-events-directory-header .text-xlg {
  color: #555;
  font-size: 14px;
}

body.svz-classic .svz-groups-directory-header .row,
body.svz-classic .svz-events-directory-header .row {
  margin-left: 0;
}

body.svz-classic .svz-groups-directory-header .mx-sm-auto,
body.svz-classic .svz-events-directory-header .mx-sm-auto {
  margin-left: 0 !important;
}

body.svz-classic .svz-directory-section-head {
  border-left-width: 4px;
  border-radius: 2px;
  box-shadow: none;
}

@media (max-width: 767.98px) {
  body.svz-classic-member,
  body.svz-classic-member.n_activated,
  body.svz-classic-member.n_live {
    padding-top: 70px;
  }

  body.svz-classic-member.n_activated,
  body.svz-classic-member.n_live {
    padding-top: 120px;
  }

  body.svz-classic .container {
    max-width: 100%;
  }
}

body.night-mode.svz-classic {
  --svz-classic-border: #43505a;
  --svz-classic-border-soft: #36434d;
  --svz-classic-panel: #262d34;
  --svz-classic-panel-muted: #20272d;
  --svz-classic-page: #1e252b;
}

body.night-mode.svz-classic .card-header,
body.night-mode.svz-classic .svz-side-identity,
body.night-mode.svz-classic .svz-campus-menu-head {
  background: #2b353d !important;
}

body.night-mode.svz-classic .svz-campus-menu-dropdown .dropdown-item {
  color: #d6e0e8;
}

body.night-mode.svz-classic .page-header.svz-groups-directory-header,
body.night-mode.svz-classic .page-header.svz-events-directory-header,
body.night-mode.svz-classic .svz-buschfunk-hero {
  background: #262d34;
  color: #d6e0e8;
}

/* Classic member profile -------------------------------------------------- */

body.svz-classic .profile-header {
  margin-top: 14px;
  margin-bottom: 12px;
  border: 1px solid var(--svz-classic-border);
  border-top: 5px solid var(--svz-classic-red);
  border-radius: 2px;
  background: var(--svz-classic-panel);
  box-shadow: none;
  overflow: visible;
}

body.svz-classic .profile-cover-wrapper {
  height: 140px;
  border-radius: 0;
  background: #d7dfe3;
}

body.svz-classic .profile-cover-wrapper:after {
  display: none;
}

body.svz-classic .profile-cover-wrapper img.js_position-cover-cropped {
  filter: saturate(0.82) contrast(0.94);
}

body.svz-classic .profile-avatar-wrapper {
  top: 88px;
  padding: 3px;
  border: 1px solid #aeb7bd;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

body.svz-classic .profile-avatar-wrapper img,
body.svz-classic .profile-avatar-change-loader {
  width: 92px;
  height: 92px;
  border-radius: 1px;
}

body.svz-classic .profile-name-wrapper {
  padding-top: 42px;
  padding-bottom: 8px;
  background: var(--svz-classic-panel);
  font-family: Poppins, Helvetica, sans-serif;
  font-size: 18px;
}

body.svz-classic .profile-name-wrapper a {
  color: var(--svz-classic-red);
}

body.svz-classic .svz-profile-kicker {
  margin-bottom: 1px;
  color: #68747c;
  font-size: 10px;
  text-shadow: none;
}

body.svz-classic .profile-buttons-wrapper {
  padding: 5px 10px 10px;
  border-radius: 0;
  background: var(--svz-classic-panel);
}

body.svz-classic .profile-buttons-wrapper .btn {
  margin: 2px;
  padding: 7px 10px;
  border-radius: 2px !important;
  box-shadow: none;
  font-size: 12px;
}

.svz-classic-action-label {
  display: none;
  margin-left: 5px;
  vertical-align: middle;
}

body.svz-classic .svz-classic-action-label {
  display: inline-block;
}

body.svz-classic .profile-buttons-wrapper .svz-classic-message {
  width: auto;
  padding: 7px 10px;
}

body.svz-classic .svz-poke-menu-item {
  display: none;
}

body.svz-classic .profile-tabs-wrapper {
  justify-content: flex-start !important;
  margin-bottom: 12px;
  padding: 0;
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-red);
  border-radius: 2px;
  background: linear-gradient(#fff, #edf0f2);
  box-shadow: none;
  overflow-x: auto;
}

body.svz-classic .profile-tabs-wrapper a {
  flex: 0 0 auto;
  padding: 8px 15px;
  border-right: 1px solid var(--svz-classic-border-soft);
  color: #37434b;
  font-size: 12px;
  line-height: 18px;
}

body.svz-classic .profile-tabs-wrapper a:hover {
  background: #f8e7e8;
}

body.svz-classic .profile-tabs-wrapper a.active,
body.night-mode.svz-classic .profile-tabs-wrapper a.active {
  border-bottom: 3px solid var(--svz-classic-red);
  background: #fff;
  color: var(--svz-classic-red);
}

body.svz-classic .profile-tabs-wrapper svg {
  width: 17px !important;
  height: 17px !important;
}

body.svz-classic .svz-profile-card dl > div {
  grid-template-columns: 76px 1fr;
  gap: 7px;
  padding: 6px 0;
}

body.svz-classic .svz-profile-card dt {
  font-size: 10px;
}

body.svz-classic .svz-profile-switch {
  margin-bottom: 10px;
  border-radius: 2px;
}

body.svz-classic .svz-profile-switch-item {
  padding: 9px 12px;
}

body.svz-classic .svz-profile-switch-item strong {
  font-size: 17px;
}

body.svz-classic .panel-photos img,
body.svz-classic .circled-user-box img {
  border-radius: 2px;
}

@media (min-width: 992px) {
  body.svz-classic .profile-header {
    padding-bottom: 58px;
  }

  body.svz-classic .profile-cover-wrapper {
    height: 118px;
  }

  body.svz-classic .profile-avatar-wrapper:not(.static) {
    top: auto;
    bottom: 12px;
    left: 16px;
    padding: 3px;
    transform: none;
  }

  body.svz-classic .profile-avatar-wrapper img,
  body.svz-classic .profile-avatar-change-loader {
    width: 112px;
    height: 112px;
  }

  body.svz-classic .profile-name-wrapper {
    right: auto;
    bottom: 22px;
    left: 146px;
    padding: 0;
    background: transparent !important;
    font-size: 21px;
    text-shadow: none;
  }

  body.svz-classic .profile-name-wrapper a {
    color: var(--svz-classic-red);
  }

  body.svz-classic .svz-profile-kicker {
    color: #68747c;
    text-shadow: none;
  }

  body.svz-classic .profile-buttons-wrapper {
    right: 10px;
    bottom: 13px;
    padding: 0;
    background: transparent !important;
  }

  body.svz-classic .profile-tabs-wrapper .d-xxl-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767.98px) {
  body.svz-classic .profile-header {
    margin-top: 10px;
  }

  body.svz-classic .profile-cover-wrapper {
    height: 120px;
  }

  body.svz-classic .profile-avatar-wrapper {
    top: 76px;
  }

  body.svz-classic .profile-avatar-wrapper img,
  body.svz-classic .profile-avatar-change-loader {
    width: 82px;
    height: 82px;
  }

  body.svz-classic .profile-name-wrapper {
    padding-top: 38px;
    font-size: 17px;
  }

  body.svz-classic .profile-tabs-wrapper {
    justify-content: space-around !important;
  }

  body.svz-classic .profile-tabs-wrapper a {
    flex: 1 0 42px;
    padding: 8px 7px;
    text-align: center;
  }

  body.svz-classic .svz-classic-action-label {
    display: none;
  }
}

body.night-mode.svz-classic .profile-header,
body.night-mode.svz-classic .profile-name-wrapper,
body.night-mode.svz-classic .profile-buttons-wrapper,
body.night-mode.svz-classic .profile-tabs-wrapper {
  background: #262d34;
}

body.night-mode.svz-classic .profile-tabs-wrapper a {
  color: #c8d5df;
}

body.night-mode.svz-classic .profile-tabs-wrapper a.active {
  background: #20272d;
}

/* Classic Buschfunk ------------------------------------------------------- */

body.svz-classic .svz-buschfunk-column,
body.svz-classic .svz-buschfunk-aside {
  min-width: 0;
}

@media (min-width: 992px) {
  body.svz-classic .svz-buschfunk-campus {
    width: 23%;
  }

  body.svz-classic .svz-buschfunk-main {
    width: 77%;
  }

  body.svz-classic .svz-buschfunk-column {
    width: 70.13%;
  }

  body.svz-classic .svz-buschfunk-aside {
    width: 29.87%;
  }
}

body.svz-classic .svz-buschfunk-column .svz-buschfunk-hero {
  margin-bottom: 9px;
  padding: 8px 11px;
}

body.svz-classic .svz-buschfunk-column .svz-buschfunk-hero h1 {
  font-size: 20px;
}

body.svz-classic .svz-buschfunk-column .svz-buschfunk-stamp {
  min-width: 94px;
  padding: 5px 8px;
}

body.svz-classic .svz-buschfunk-column .publisher {
  margin-bottom: 10px;
  border-top: 0;
}

body.svz-classic .svz-buschfunk-column .svz-publisher-heading {
  padding: 7px 11px;
  border-top-width: 3px;
  border-radius: 1px 1px 0 0;
}

body.svz-classic .svz-buschfunk-column .svz-publisher-heading strong {
  font-size: 14px;
}

body.svz-classic .svz-buschfunk-column .publisher-message {
  min-height: 54px;
  padding: 11px 38px 9px 57px;
}

body.svz-classic .svz-buschfunk-column .publisher-avatar {
  top: 9px;
  left: 11px;
  width: 36px;
  height: 36px;
  padding: 1px;
  border-radius: 2px;
}

body.svz-classic .svz-buschfunk-column .publisher textarea:not(.form-control) {
  margin-top: 2px;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
}

body.svz-classic .svz-buschfunk-column .publisher-tools-tabs {
  margin: 0 10px;
  padding-top: 8px;
}

body.svz-classic .svz-buschfunk-column .publisher-tools-tabs .row {
  --bs-gutter-x: 8px;
}

body.svz-classic .svz-buschfunk-column .publisher-tools-tab {
  margin-bottom: 8px;
  padding: 7px 9px;
  border-radius: 2px;
  font-size: 12px;
}

body.svz-classic .svz-buschfunk-column .publisher-tools-tab svg,
body.svz-classic .svz-buschfunk-column .publisher-tools-tab img {
  width: 18px !important;
  height: 18px !important;
}

body.svz-classic .svz-buschfunk-column .publisher-footer {
  padding: 9px 10px;
}

body.svz-classic .svz-buschfunk-column .publisher-footer-options {
  margin-bottom: 10px;
}

body.svz-classic .svz-buschfunk-column .publisher-footer-buttons .btn {
  padding: 7px 13px;
  font-size: 12px;
}

body.svz-classic .svz-buschfunk-column .posts-filter {
  min-height: 40px;
  margin-bottom: 9px;
  padding: 7px 10px;
}

body.svz-classic .svz-buschfunk-column .posts-filter-title span {
  font-size: 13px;
}

body.svz-classic .svz-buschfunk-column .posts-filter-title small {
  font-size: 10px;
}

body.svz-classic .svz-buschfunk-column .post {
  margin-bottom: 11px;
  border-top: 3px solid #d8dde0;
  border-radius: 2px;
}

body.svz-classic .svz-buschfunk-column .post-header {
  margin-bottom: 7px;
  padding: 10px 11px 0;
  border-top: 0;
}

body.svz-classic .svz-buschfunk-column .post-avatar {
  padding-right: 8px;
}

body.svz-classic .svz-buschfunk-column .post-avatar-picture {
  min-width: 42px;
  min-height: 42px;
  border-radius: 2px;
}

body.svz-classic .svz-buschfunk-column .post-author {
  font-size: 13px;
  line-height: 18px;
}

body.svz-classic .svz-buschfunk-column .post-time {
  font-size: 10px;
  line-height: 14px;
}

body.svz-classic .svz-buschfunk-column .post-text {
  margin-bottom: 8px;
  padding: 0 11px;
  font-size: 13px;
  line-height: 1.45;
}

body.svz-classic .svz-buschfunk-column .post-replace {
  font-size: 13px;
  line-height: 1.45;
}

body.svz-classic .svz-buschfunk-column .post-replace > a[data-readmore-toggle] {
  margin-left: 11px;
}

body.svz-classic .svz-buschfunk-column .post-stats {
  margin-top: 8px;
  margin-bottom: 6px;
  padding: 0 11px;
  font-size: 10px;
}

body.svz-classic .svz-buschfunk-column .post-actions {
  margin-top: 6px;
  padding: 3px 7px;
}

body.svz-classic .svz-buschfunk-column .post-actions .action-btn {
  padding: 7px 5px;
  border-radius: 1px;
  font-size: 11px;
}

body.svz-classic .svz-buschfunk-column .post-actions svg {
  width: 18px !important;
  height: 18px !important;
}

body.svz-classic .svz-buschfunk-column .post-footer {
  padding: 0 10px;
  border-radius: 0 0 1px 1px;
}

body.svz-classic .svz-buschfunk-column .post-comments {
  padding-top: 7px;
}

body.svz-classic .svz-buschfunk-column .pg_1x {
  padding: 0 11px;
  background: #f3f5f6;
}

body.svz-classic .svz-buschfunk-column .pg_1x img {
  width: auto;
  max-width: 100%;
  max-height: 480px;
  object-fit: contain;
}

body.svz-classic .svz-buschfunk-column .post-media,
body.svz-classic .svz-buschfunk-column .post-media-image > div,
body.svz-classic .svz-buschfunk-column .post-media-image .image,
body.svz-classic .svz-buschfunk-column .post-snippet {
  border-radius: 2px;
}

body.svz-classic .svz-buschfunk-column .post-media-meta {
  padding: 10px 11px;
}

body.svz-classic .svz-buschfunk-column .post-media-meta .title {
  font-size: 14px;
  line-height: 19px;
}

body.night-mode.svz-classic .svz-buschfunk-column .post {
  border-top-color: #43505a;
}

body.night-mode.svz-classic .svz-buschfunk-column .pg_1x {
  background: #20272d;
}

@media (max-width: 767.98px) {
  body.svz-classic .svz-buschfunk-column .svz-buschfunk-hero {
    padding: 8px 9px;
  }

  body.svz-classic .svz-buschfunk-column .pg_1x {
    padding-right: 0;
    padding-left: 0;
  }

  body.svz-classic .svz-buschfunk-column .pg_1x img {
    max-height: 430px;
  }
}

/* Classic groups directory ------------------------------------------------ */

body.svz-classic .svz-groups-directory-header {
  padding-top: 18px;
  padding-bottom: 40px;
}

body.svz-classic .svz-groups-directory-header h2 {
  font-size: 22px;
}

body.svz-classic .svz-groups-directory-header .row {
  margin-top: 14px !important;
}

body.svz-classic .svz-groups-directory-header .input-group {
  max-width: 530px;
}

body.svz-classic .svz-groups-directory-header .form-control,
body.svz-classic .svz-groups-directory-header .btn {
  min-height: 40px;
  border-radius: 1px;
  font-size: 13px;
}

body.svz-classic .svz-groups-directory-table {
  overflow: hidden;
  border: 1px solid var(--svz-classic-border);
  border-top: 3px solid var(--svz-classic-red);
  border-radius: 2px;
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-groups-directory-labels {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px 112px;
  gap: 14px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--svz-classic-border);
  background: var(--svz-classic-panel-muted);
  color: #6a737b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}

body.svz-classic .svz-groups-directory-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.svz-classic .svz-group-directory-item + .svz-group-directory-item {
  border-top: 1px solid var(--svz-classic-border-soft);
}

body.svz-classic .svz-group-directory-row {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 180px 112px;
  align-items: center;
  gap: 14px;
  min-height: 82px;
  padding: 10px 12px;
  transition: background-color .15s ease;
}

body.svz-classic .svz-group-directory-row:hover {
  background: #f8f9fa;
}

body.svz-classic .svz-group-directory-avatar {
  display: block;
  width: 58px;
  height: 58px;
  padding: 2px;
  border: 1px solid var(--svz-classic-border);
  border-radius: 2px;
  background: #fff;
}

body.svz-classic .svz-group-directory-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 1px;
  object-fit: cover;
}

body.svz-classic .svz-group-directory-main,
body.svz-classic .svz-group-directory-details {
  min-width: 0;
}

body.svz-classic .svz-group-directory-name {
  display: block;
  overflow: hidden;
  color: var(--svz-classic-red);
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.svz-classic .svz-group-directory-main > span {
  color: #7b848b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.svz-classic .svz-group-directory-details {
  display: flex;
  flex-direction: column;
  gap: 3px;
  color: #3f474d;
  font-size: 11px;
}

body.svz-classic .svz-group-directory-details span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.svz-classic .svz-group-directory-details i {
  width: 16px;
  margin-right: 4px;
  color: var(--svz-classic-red);
  text-align: center;
}

body.svz-classic .svz-group-directory-action {
  text-align: right;
}

body.svz-classic .svz-group-directory-action .btn {
  min-width: 100px;
  border-radius: 2px;
  font-size: 11px;
}

body.svz-classic .svz-group-content .pg_1x {
  padding: 0 11px;
  background: #f3f5f6;
}

body.svz-classic .svz-group-content .pg_1x img {
  width: auto;
  max-width: 100%;
  max-height: 480px;
  object-fit: contain;
}

body.night-mode.svz-classic .svz-group-directory-row:hover {
  background: #2b353d;
}

body.night-mode.svz-classic .svz-group-directory-labels,
body.night-mode.svz-classic .svz-group-directory-main > span {
  color: #aab5bd;
}

body.night-mode.svz-classic .svz-group-directory-details {
  color: #d2dbe2;
}

body.night-mode.svz-classic .svz-group-content .pg_1x {
  background: #20272d;
}

@media (max-width: 767.98px) {
  body.svz-classic .svz-groups-directory-header {
    padding-top: 20px;
    padding-bottom: 38px;
  }

  body.svz-classic .svz-groups-directory-header h2 {
    font-size: 22px;
  }

  body.svz-classic .svz-group-directory-row {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 6px 11px;
    min-height: 0;
    padding: 10px;
  }

  body.svz-classic .svz-group-directory-avatar {
    grid-row: 1 / span 2;
    width: 52px;
    height: 52px;
  }

  body.svz-classic .svz-group-directory-details {
    grid-column: 2;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3px 12px;
  }

  body.svz-classic .svz-group-directory-action {
    grid-column: 1 / -1;
    padding-top: 3px;
    text-align: left;
  }

  body.svz-classic .svz-group-directory-action .btn {
    width: 100%;
  }

  body.svz-classic .svz-group-content .pg_1x {
    padding-right: 0;
    padding-left: 0;
  }

  body.svz-classic .svz-group-content .pg_1x img {
    max-height: 430px;
  }
}

/* Classic messages and Plauderkasten ------------------------------------- */

body.svz-classic .svz-messages-heading {
  margin-bottom: 10px;
  padding: 9px 11px;
  border: 1px solid var(--svz-classic-border);
  border-left: 4px solid var(--svz-classic-red);
  border-radius: 2px;
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-messages-heading h1 {
  font-size: 20px;
}

body.svz-classic .svz-messages-heading p {
  margin-top: 3px;
  font-size: 11px;
}

body.svz-classic .svz-messages-heading > i {
  font-size: 21px;
}

body.svz-classic .svz-messages-workspace {
  grid-template-columns: minmax(250px, 290px) minmax(0, 1fr);
  gap: 10px;
}

body.svz-classic .svz-messages-thread-panel,
body.svz-classic .svz-conversation-card,
body.svz-classic .svz-messages-no-selection {
  border-color: var(--svz-classic-border);
  border-top: 3px solid var(--svz-classic-red);
  border-radius: 2px;
  box-shadow: none;
}

body.svz-classic .svz-messages-thread-head,
body.svz-classic .svz-conversation-head {
  min-height: 50px;
  padding: 7px 9px;
  border-color: var(--svz-classic-border);
  background: var(--svz-classic-panel-muted);
}

body.svz-classic .svz-messages-thread-head strong,
body.svz-classic .svz-conversation-title strong {
  font-size: 13px;
}

body.svz-classic .svz-messages-thread-head .btn,
body.svz-classic .svz-conversation-actions .btn,
body.svz-classic .svz-messages-back {
  width: 30px;
  height: 30px;
  border-radius: 2px;
}

body.svz-classic .svz-message-thread > a {
  grid-template-columns: 40px minmax(0, 1fr) 7px;
  gap: 8px;
  min-height: 60px;
  padding: 7px 8px;
}

body.svz-classic .svz-message-thread-avatar {
  width: 40px;
  height: 40px;
  border-color: var(--svz-classic-border);
  border-radius: 2px;
}

body.svz-classic .svz-message-thread-avatar > img,
body.svz-classic .svz-conversation-avatar > img,
body.svz-classic .svz-message-thread-avatar .left-avatar,
body.svz-classic .svz-message-thread-avatar .right-avatar,
body.svz-classic .svz-conversation-avatar .left-avatar,
body.svz-classic .svz-conversation-avatar .right-avatar {
  border-radius: 1px;
}

body.svz-classic .svz-message-thread > a:hover,
body.svz-classic .svz-message-thread.is-active > a {
  background: #f2f4f5;
}

body.svz-classic .svz-message-thread.is-unread > a {
  background: #fff5f5;
}

body.svz-classic .svz-message-thread.is-active > a {
  box-shadow: inset 3px 0 0 var(--svz-classic-red);
}

body.svz-classic .svz-message-thread-topline strong {
  font-size: 11px;
}

body.svz-classic .svz-message-thread-preview {
  margin-top: 2px;
  font-size: 10px;
}

body.svz-classic .svz-message-thread-topline time {
  font-size: 8px;
}

body.svz-classic .svz-conversation-card,
body.svz-classic .svz-messages-no-selection {
  min-height: 580px;
}

body.svz-classic .svz-conversation-avatar {
  width: 34px;
  height: 34px;
  border-color: var(--svz-classic-border);
  border-radius: 2px;
}

body.svz-classic .svz-conversation-card .chat-conversations {
  min-height: 400px;
  padding: 8px;
  background: #fafbfb;
}

body.svz-classic .svz-conversation-card .conversation {
  margin-bottom: 18px;
  padding-top: 7px;
}

body.svz-classic .svz-conversation-card .conversation-user,
body.svz-classic .svz-conversation-card .conversation-user img {
  width: 38px;
  height: 38px;
  border-radius: 2px;
}

body.svz-classic .svz-conversation-card .conversation-body {
  max-width: calc(100% - 48px);
}

body.svz-classic .svz-conversation-card .conversation-body .text {
  padding: 7px 9px;
  border: 1px solid #dce1e4;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1.45;
}

body.svz-classic .svz-conversation-card .conversation.right .conversation-body .text {
  border-color: rgba(120, 0, 4, .18);
  border-radius: 2px;
}

body.svz-classic .svz-message-composer {
  padding: 8px;
  border-color: var(--svz-classic-border);
}

body.svz-classic .svz-message-composer .chat-form-message {
  padding: 9px 10px;
  border-color: var(--svz-classic-border);
  border-radius: 2px;
  background: #fff;
}

body.svz-classic .svz-message-composer .chat-form-message textarea {
  font-size: 13px;
  line-height: 21px;
  height: 21px;
}

body.svz-classic .svz-message-composer .x-form-tools > li {
  border-radius: 2px;
}

body.svz-classic .svz-node-plauderkasten {
  border: 1px solid var(--svz-classic-border);
  border-top: 3px solid var(--svz-classic-red);
  border-radius: 2px;
  box-shadow: none;
}

body.svz-classic .svz-node-plauderkasten > .card-header {
  padding: 8px 10px;
  border-color: var(--svz-classic-border);
  background: var(--svz-classic-panel-muted);
  color: var(--svz-classic-red);
  font-size: 12px;
}

@media (min-width: 1200px) {
  body.svz-classic-member .svz-plauderkasten-rail {
    top: 111px;
    right: 7px;
    bottom: 7px;
    width: 68px;
    padding-top: 6px;
    border: 1px solid var(--svz-classic-border);
    border-top: 3px solid var(--svz-classic-red);
    border-radius: 2px;
    background: var(--svz-classic-panel);
  }

  body.svz-classic-member.n_activated .svz-plauderkasten-rail,
  body.svz-classic-member.n_live .svz-plauderkasten-rail {
    top: 161px;
  }

  body.svz-classic-member .svz-plauderkasten-rail .chat-avatar {
    width: 44px;
    height: 44px;
  }

  body.svz-classic-member .svz-plauderkasten-rail .chat-avatar img {
    padding: 1px;
    border: 1px solid var(--svz-classic-border);
    border-radius: 2px;
    background: #fff;
  }

  body.svz-classic-member .svz-plauderkasten-rail .chat-sidebar-footer {
    padding: 7px 0;
    border-top: 1px solid var(--svz-classic-border);
    background: var(--svz-classic-panel-muted);
    text-align: center;
  }

  body.svz-classic-member .svz-plauderkasten-rail .btn-chat {
    width: 34px;
    height: 34px;
    padding: 6px;
    border: 1px solid var(--svz-classic-border);
    border-radius: 2px !important;
    background: #fff;
  }
}

body.svz-classic-member .chat-widget {
  width: 330px;
  border: 1px solid var(--svz-classic-border);
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  box-shadow: 0 4px 14px rgba(20, 30, 38, .18);
}

body.svz-classic-member .chat-widget-head {
  min-height: 49px;
  padding: 7px 9px;
  border-top: 3px solid var(--svz-classic-red);
  border-bottom-color: var(--svz-classic-border);
  border-radius: 1px 1px 0 0;
  background: var(--svz-classic-panel-muted);
}

body.svz-classic-member .chat-user-card .avatar {
  width: 34px;
  height: 34px;
  margin-right: 8px;
  border-radius: 2px;
}

body.svz-classic-member .chat-user-card .avatar img {
  border-radius: 2px;
}

body.svz-classic-member .chat-user-card .name {
  font-size: 12px;
}

body.svz-classic-member .chat-head-btn {
  padding: 3px;
  border: 1px solid var(--svz-classic-border);
  border-radius: 2px;
}

body.svz-classic-member .chat-widget-content {
  border-right: 0;
  border-left: 0;
}

body.svz-classic-member .chat-widget .conversation-body .text,
body.svz-classic-member .chat-widget .chat-form,
body.svz-classic-member .chat-widget .chat-form-message,
body.svz-classic-member .chat-widget .chat-to {
  border-radius: 2px;
}

body.svz-classic-member .chat-widget .chat-form {
  padding: 8px;
}

body.svz-classic-member .chat-widget .chat-form-message {
  padding: 9px 10px;
}

body.night-mode.svz-classic .svz-messages-thread-head,
body.night-mode.svz-classic .svz-conversation-head,
body.night-mode.svz-classic .svz-node-plauderkasten > .card-header,
body.night-mode.svz-classic-member .svz-plauderkasten-rail,
body.night-mode.svz-classic-member .svz-plauderkasten-rail .chat-sidebar-footer,
body.night-mode.svz-classic-member .chat-widget-head {
  background: #2b353d;
}

body.night-mode.svz-classic .svz-message-thread > a:hover,
body.night-mode.svz-classic .svz-message-thread.is-active > a,
body.night-mode.svz-classic .svz-message-thread.is-unread > a {
  background: #2a3239;
}

body.night-mode.svz-classic .svz-conversation-card .chat-conversations,
body.night-mode.svz-classic .svz-message-composer .chat-form-message {
  background: #20272d;
}

@media (max-width: 767.98px) {
  body.svz-classic .svz-messages-heading {
    padding: 8px 9px;
  }

  body.svz-classic .svz-messages-heading p {
    display: block;
  }

  body.svz-classic .svz-messages-thread-panel,
  body.svz-classic .svz-conversation-card,
  body.svz-classic .svz-messages-no-selection {
    border-radius: 2px;
  }

  body.svz-classic .svz-message-composer .chat-form-message textarea {
    font-size: 16px;
  }
}

/* Personal campus reminders --------------------------------------------- */

body.svz-classic .svz-personal-dashboard {
  overflow: hidden;
  border: 1px solid var(--svz-classic-border);
  border-top: 3px solid var(--svz-classic-red);
  border-radius: 2px;
  box-shadow: none;
}

body.svz-classic .svz-personal-dashboard > .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 7px 10px;
  border-color: var(--svz-classic-border);
  background: var(--svz-classic-panel-muted);
}

body.svz-classic .svz-personal-dashboard > .card-header span {
  display: block;
  color: #778087;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1.2;
  text-transform: uppercase;
}

body.svz-classic .svz-personal-dashboard > .card-header strong {
  display: block;
  margin-top: 2px;
  color: var(--svz-classic-red);
  font-size: 13px;
}

body.svz-classic .svz-personal-dashboard > .card-header > i {
  color: var(--svz-classic-red);
  font-size: 18px;
}

body.svz-classic .svz-personal-dashboard > .card-body {
  padding: 0;
}

body.svz-classic .svz-personal-section + .svz-personal-section {
  border-top: 1px solid var(--svz-classic-border);
}

body.svz-classic .svz-personal-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 34px;
  padding: 7px 9px;
  border-bottom: 1px solid var(--svz-classic-border-soft);
  background: #fafbfb;
}

body.svz-classic .svz-personal-section-head h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #343b40;
  font-size: 11px;
  font-weight: 700;
}

body.svz-classic .svz-personal-section-head h3 i {
  width: 14px;
  color: var(--svz-classic-red);
  text-align: center;
}

body.svz-classic .svz-personal-section-head > span,
body.svz-classic .svz-personal-section-head > a {
  color: #808990;
  font-size: 9px;
  white-space: nowrap;
}

body.svz-classic .svz-personal-section-head > a:hover {
  color: var(--svz-classic-red);
}

body.svz-classic .svz-personal-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.svz-classic .svz-personal-list li {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 51px;
  padding: 6px 9px;
}

body.svz-classic .svz-personal-list li + li {
  border-top: 1px solid var(--svz-classic-border-soft);
}

body.svz-classic .svz-personal-avatar {
  display: block;
  width: 38px;
  height: 38px;
  padding: 1px;
  border: 1px solid var(--svz-classic-border);
  border-radius: 2px;
  background: #fff;
}

body.svz-classic .svz-personal-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 1px;
  object-fit: cover;
}

body.svz-classic .svz-personal-list li > div {
  min-width: 0;
}

body.svz-classic .svz-personal-list li > div > a {
  display: block;
  overflow: hidden;
  color: var(--svz-classic-red);
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.svz-classic .svz-personal-list li > div > span {
  display: block;
  overflow: hidden;
  color: #7d868d;
  font-size: 9px;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.svz-classic .svz-personal-empty {
  margin: 0;
  padding: 11px 10px;
  color: #7d868d;
  font-size: 10px;
  line-height: 1.45;
}

body.night-mode.svz-classic .svz-personal-dashboard > .card-header,
body.night-mode.svz-classic .svz-personal-section-head {
  background: #2b353d;
}

body.night-mode.svz-classic .svz-personal-dashboard > .card-header span,
body.night-mode.svz-classic .svz-personal-section-head > span,
body.night-mode.svz-classic .svz-personal-section-head > a,
body.night-mode.svz-classic .svz-personal-list li > div > span,
body.night-mode.svz-classic .svz-personal-empty {
  color: #aab5bd;
}

body.night-mode.svz-classic .svz-personal-section-head h3 {
  color: #e2e8ed;
}

/* Classic member directory */
body.svz-classic .svz-people-page .svz-people-heading {
  min-height: 74px;
  margin: 0 0 10px;
  padding: 11px 15px;
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-red);
  border-radius: 2px;
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-people-page .svz-people-heading span {
  color: #7a858d;
  font-size: 10px;
  letter-spacing: .04em;
}

body.svz-classic .svz-people-page .svz-people-heading h1 {
  margin-top: 1px;
  color: var(--svz-classic-red);
  font-size: 20px;
  line-height: 1.15;
}

body.svz-classic .svz-people-page .svz-people-heading p {
  margin-top: 3px;
  color: #646f77;
  font-size: 11px;
}

body.svz-classic .svz-people-page .svz-people-heading > i {
  color: #aeb7bd;
  font-size: 23px;
}

body.svz-classic .svz-people-page .svz-people-tabs {
  min-height: 40px;
  margin-bottom: 12px;
  border: 1px solid var(--svz-classic-border);
  border-radius: 2px !important;
  box-shadow: none !important;
  background: #eef1f3;
}

body.svz-classic .svz-people-page .svz-people-tabs > ul > li > a {
  min-height: 39px;
  padding: 10px 14px 8px;
  border-right: 1px solid var(--svz-classic-border-soft);
  color: #4f5b63;
  font-size: 11px;
  font-weight: 700;
}

body.svz-classic .svz-people-page .svz-people-tabs > ul > li.active > a,
body.svz-classic .svz-people-page .svz-people-tabs > ul > li > a:hover {
  border-bottom: 3px solid var(--svz-classic-red);
  background: #fff;
  color: var(--svz-classic-red);
}

body.svz-classic .svz-people-page .svz-tab-count {
  min-width: 17px;
  min-height: 17px;
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 9px;
}

body.svz-classic .svz-people-page .svz-people-results-card,
body.svz-classic .svz-people-page .svz-people-search-card {
  border: 1px solid var(--svz-classic-border);
  border-radius: 2px;
  box-shadow: none;
  overflow: hidden;
}

body.svz-classic .svz-people-page .svz-people-results-card {
  border-top: 4px solid var(--svz-classic-red);
}

body.svz-classic .svz-people-page .svz-people-results-card .card-header {
  min-height: 50px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--svz-classic-border);
  background: #f1f3f4;
}

body.svz-classic .svz-people-page .svz-people-results-card .card-header span {
  color: #7a858d;
  font-size: 9px;
  letter-spacing: .04em;
}

body.svz-classic .svz-people-page .svz-people-results-card .card-header strong {
  color: var(--svz-classic-red);
  font-size: 13px;
}

body.svz-classic .svz-people-page .svz-member-directory {
  border: 0;
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-people-page .svz-member-row {
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 74px;
  padding: 9px 10px;
  border: 0;
  border-bottom: 1px solid var(--svz-classic-border-soft);
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-people-page .svz-member-row:last-child {
  border-bottom: 0;
}

body.svz-classic .svz-people-page .svz-member-row:hover {
  background: #f7f8f9;
}

body.svz-classic .svz-people-page .svz-member-avatar {
  width: 52px;
  height: 52px;
  padding: 1px;
  border: 1px solid var(--svz-classic-border);
  border-radius: 2px;
  background: #fff;
}

body.svz-classic .svz-people-page .svz-member-avatar img {
  border-radius: 1px;
}

body.svz-classic .svz-people-page .svz-member-name > a {
  color: var(--svz-classic-red);
  font-size: 12px;
  font-weight: 700;
}

body.svz-classic .svz-people-page .svz-member-meta {
  gap: 2px 8px;
  margin-top: 3px;
  color: #747f87;
  font-size: 9px;
  line-height: 1.4;
}

body.svz-classic .svz-people-page .svz-member-meta-link {
  color: var(--svz-classic-blue);
}

body.svz-classic .svz-people-page .svz-member-actions .btn {
  min-height: 27px;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 9px;
  line-height: 1.2;
}

body.svz-classic .svz-people-page .svz-member-actions .svz-member-star {
  width: 29px;
}

body.svz-classic .svz-people-page .svz-people-results-body > .see-more {
  margin: 10px;
}

body.svz-classic .svz-people-page .svz-people-search-card {
  border-top: 4px solid var(--svz-classic-blue);
}

body.svz-classic .svz-people-page .svz-people-search-card .card-header {
  min-height: 40px;
  padding: 9px 11px;
  border-bottom: 1px solid var(--svz-classic-border);
  background: #f1f3f4;
  color: #3f4c54;
  font-size: 12px;
}

body.svz-classic .svz-people-page .svz-people-search-card .card-header i {
  color: var(--svz-classic-blue);
}

body.svz-classic .svz-people-page .svz-people-search-card .card-body {
  padding: 11px;
}

body.svz-classic .svz-people-page .svz-people-search-card .form-group {
  margin-bottom: 10px;
}

body.svz-classic .svz-people-page .svz-people-search-card .form-label {
  margin-bottom: 3px;
  color: #65717a;
  font-size: 9px;
  letter-spacing: .03em;
}

body.svz-classic .svz-people-page .svz-people-search-card .form-control,
body.svz-classic .svz-people-page .svz-people-search-card .form-select,
body.svz-classic .svz-people-page .svz-people-search-card .input-group-text {
  min-height: 33px;
  border-radius: 2px;
  font-size: 10px;
}

body.svz-classic .svz-people-page .svz-people-search-card .btn {
  border-radius: 2px;
  font-size: 10px;
}

body.night-mode.svz-classic .svz-people-page .svz-people-heading,
body.night-mode.svz-classic .svz-people-page .svz-people-tabs > ul > li.active > a,
body.night-mode.svz-classic .svz-people-page .svz-people-tabs > ul > li > a:hover,
body.night-mode.svz-classic .svz-people-page .svz-people-results-card .card-header,
body.night-mode.svz-classic .svz-people-page .svz-people-search-card .card-header {
  background: #2b353d;
}

body.night-mode.svz-classic .svz-people-page .svz-people-tabs {
  background: #20282f;
}

body.night-mode.svz-classic .svz-people-page .svz-member-row:hover {
  background: #303941;
}

body.night-mode.svz-classic .svz-people-page .svz-people-heading p,
body.night-mode.svz-classic .svz-people-page .svz-people-heading span,
body.night-mode.svz-classic .svz-people-page .svz-people-results-card .card-header span,
body.night-mode.svz-classic .svz-people-page .svz-member-meta,
body.night-mode.svz-classic .svz-people-page .svz-people-search-card .form-label {
  color: #aab5bd;
}

@media (max-width: 767.98px) {
  body.svz-classic .svz-people-page .svz-people-heading {
    min-height: 0;
    padding: 9px 11px;
  }

  body.svz-classic .svz-people-page .svz-people-heading h1 {
    font-size: 18px;
  }

  body.svz-classic .svz-people-page .svz-member-row {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 8px;
    min-height: 70px;
    padding: 8px;
  }

  body.svz-classic .svz-people-page .svz-member-avatar {
    width: 46px;
    height: 46px;
  }

  body.svz-classic .svz-people-page .svz-member-actions {
    grid-column: 2;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* Classic notifications */
body.svz-classic .svz-notifications-page .svz-notifications-heading {
  min-height: 74px;
  margin: 0 0 10px;
  padding: 11px 15px;
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-red);
  border-radius: 2px;
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-notifications-page .svz-notifications-heading span {
  color: #7a858d;
  font-size: 10px;
  letter-spacing: .04em;
}

body.svz-classic .svz-notifications-page .svz-notifications-heading h1 {
  margin-top: 1px;
  color: var(--svz-classic-red);
  font-size: 20px;
  line-height: 1.15;
}

body.svz-classic .svz-notifications-page .svz-notifications-heading p {
  margin-top: 3px;
  color: #646f77;
  font-size: 11px;
}

body.svz-classic .svz-notifications-page .svz-notifications-heading > i {
  color: #aeb7bd;
  font-size: 23px;
}

body.svz-classic .svz-notifications-page .svz-notifications-panel {
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-red);
  border-radius: 2px;
  box-shadow: none;
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-notifications-page .svz-notifications-panel-head {
  min-height: 50px;
  padding: 8px 11px;
  border-bottom: 1px solid var(--svz-classic-border);
  background: #f1f3f4;
}

body.svz-classic .svz-notifications-page .svz-notifications-panel-head > div > span {
  color: #7a858d;
  font-size: 9px;
  letter-spacing: .04em;
}

body.svz-classic .svz-notifications-page .svz-notifications-panel-head h2 {
  margin-top: 1px;
  color: var(--svz-classic-red);
  font-size: 13px;
}

body.svz-classic .svz-notifications-page .svz-notifications-panel-head .btn {
  min-height: 28px;
  padding: 4px 8px;
  border-color: var(--svz-classic-border);
  border-radius: 2px;
  background: #fff;
  color: #5f6b73;
  font-size: 9px;
}

body.svz-classic .svz-notifications-page .svz-notifications-panel-head .btn:not(:disabled):hover {
  border-color: var(--svz-classic-red);
  background: #fff;
  color: var(--svz-classic-red);
}

body.svz-classic .svz-notifications-page .svz-notification-row {
  border-bottom: 1px solid var(--svz-classic-border-soft);
}

body.svz-classic .svz-notifications-page .svz-notification-link {
  grid-template-columns: 46px minmax(0, 1fr) 7px;
  gap: 10px;
  min-height: 66px;
  padding: 8px 10px;
  color: #3e494f;
  text-decoration: none;
}

body.svz-classic .svz-notifications-page .svz-notification-link:hover {
  background: #f7f8f9;
  color: #3e494f;
}

body.svz-classic .svz-notifications-page .svz-notification-row.is-unread .svz-notification-link {
  background: #fff7f7;
  box-shadow: inset 3px 0 0 var(--svz-classic-red);
}

body.svz-classic .svz-notifications-page .svz-notification-row.is-unread .svz-notification-link:hover {
  background: #fff1f1;
}

body.svz-classic .svz-notifications-page .svz-notification-avatar {
  width: 46px;
  height: 46px;
  padding: 1px;
  border: 1px solid var(--svz-classic-border);
  border-radius: 2px;
  background: #fff;
}

body.svz-classic .svz-notifications-page .svz-notification-avatar > img {
  border-radius: 1px;
}

body.svz-classic .svz-notifications-page .svz-notification-kind {
  right: -4px;
  bottom: -3px;
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-color: var(--svz-classic-panel);
  background: var(--svz-classic-blue);
  font-size: 8px;
}

body.svz-classic .svz-notifications-page .svz-notification-kind .inline-emoji,
body.svz-classic .svz-notifications-page .svz-notification-kind .inline-emoji img {
  width: 15px;
  height: 15px;
}

body.svz-classic .svz-notifications-page .svz-notification-message {
  color: #3e494f;
  font-size: 11px;
  line-height: 1.4;
}

body.svz-classic .svz-notifications-page .svz-notification-message strong {
  color: var(--svz-classic-red);
  font-weight: 700;
}

body.svz-classic .svz-notifications-page .svz-notification-meta {
  gap: 4px 8px;
  margin-top: 3px;
  color: #7a858d;
  font-size: 9px;
}

body.svz-classic .svz-notifications-page .svz-notification-meta > span {
  position: relative;
  padding: 0 0 0 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-weight: 600;
}

body.svz-classic .svz-notifications-page .svz-notification-meta > span::before {
  position: absolute;
  top: 50%;
  left: 1px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #aab2b8;
  content: "";
  transform: translateY(-50%);
}

body.svz-classic .svz-notifications-page .svz-notification-unread {
  width: 7px;
  height: 7px;
  background: var(--svz-classic-red);
}

body.svz-classic .svz-notifications-page .svz-notifications-empty {
  min-height: 190px;
  padding: 24px 18px;
  color: #7a858d;
}

body.svz-classic .svz-notifications-page .svz-notifications-empty > i {
  margin-bottom: 8px;
  color: #aeb7bd;
  font-size: 25px;
}

body.svz-classic .svz-notifications-page .svz-notifications-empty strong {
  color: #3e494f;
  font-size: 13px;
}

body.svz-classic .svz-notifications-page .svz-notifications-empty p {
  margin-top: 3px;
  font-size: 10px;
}

body.svz-classic .svz-notifications-page .see-more {
  margin: 10px;
}

body.night-mode.svz-classic .svz-notifications-page .svz-notifications-heading,
body.night-mode.svz-classic .svz-notifications-page .svz-notifications-panel-head {
  background: #2b353d;
}

body.night-mode.svz-classic .svz-notifications-page .svz-notifications-panel-head .btn,
body.night-mode.svz-classic .svz-notifications-page .svz-notifications-panel-head .btn:not(:disabled):hover {
  background: #20282f;
}

body.night-mode.svz-classic .svz-notifications-page .svz-notification-link,
body.night-mode.svz-classic .svz-notifications-page .svz-notification-link:hover {
  background: var(--svz-classic-panel);
}

body.night-mode.svz-classic .svz-notifications-page .svz-notification-row.is-unread .svz-notification-link,
body.night-mode.svz-classic .svz-notifications-page .svz-notification-row.is-unread .svz-notification-link:hover {
  background: #322a2d;
}

body.night-mode.svz-classic .svz-notifications-page .svz-notifications-heading p,
body.night-mode.svz-classic .svz-notifications-page .svz-notifications-heading span,
body.night-mode.svz-classic .svz-notifications-page .svz-notifications-panel-head > div > span,
body.night-mode.svz-classic .svz-notifications-page .svz-notification-meta,
body.night-mode.svz-classic .svz-notifications-page .svz-notifications-empty {
  color: #aab5bd;
}

body.night-mode.svz-classic .svz-notifications-page .svz-notification-message,
body.night-mode.svz-classic .svz-notifications-page .svz-notifications-empty strong {
  color: #e2e8ed;
}

@media (max-width: 767.98px) {
  body.svz-classic .svz-notifications-page .svz-notifications-heading {
    min-height: 0;
    padding: 9px 11px;
  }

  body.svz-classic .svz-notifications-page .svz-notifications-heading h1 {
    font-size: 18px;
  }

  body.svz-classic .svz-notifications-page .svz-notifications-panel-head {
    gap: 7px;
    padding: 8px;
  }

  body.svz-classic .svz-notifications-page .svz-notifications-panel-head .btn {
    min-height: 30px;
  }

  body.svz-classic .svz-notifications-page .svz-notification-link {
    grid-template-columns: 42px minmax(0, 1fr) 7px;
    gap: 8px;
    min-height: 62px;
    padding: 8px;
  }

  body.svz-classic .svz-notifications-page .svz-notification-avatar {
    width: 42px;
    height: 42px;
  }
}

/* Classic global search */
body.svz-classic .svz-search-page .svz-search-heading {
  min-height: 74px;
  margin: 0 0 10px;
  padding: 11px 15px;
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-red);
  border-radius: 2px;
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-search-page .svz-search-heading span,
body.svz-classic .svz-search-page .svz-search-results-head span {
  color: #7a858d;
  font-size: 10px;
  letter-spacing: .04em;
}

body.svz-classic .svz-search-page .svz-search-heading h1 {
  margin-top: 1px;
  color: var(--svz-classic-red);
  font-size: 20px;
}

body.svz-classic .svz-search-page .svz-search-heading p {
  margin-top: 3px;
  color: #646f77;
  font-size: 11px;
}

body.svz-classic .svz-search-page .svz-search-heading > i {
  color: #aeb7bd;
  font-size: 23px;
}

body.svz-classic .svz-search-page .svz-search-form {
  margin-bottom: 10px;
  padding: 9px 11px 11px;
  border: 1px solid var(--svz-classic-border);
  border-radius: 2px;
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-search-page .svz-search-form > label {
  margin-bottom: 3px;
  color: #65717a;
  font-size: 9px;
  letter-spacing: .03em;
}

body.svz-classic .svz-search-page .svz-search-form .form-control,
body.svz-classic .svz-search-page .svz-search-form .input-group-text,
body.svz-classic .svz-search-page .svz-search-form .btn {
  min-height: 34px;
  border-radius: 2px;
  font-size: 10px;
}

body.svz-classic .svz-search-page .svz-search-tabs {
  min-height: 40px;
  margin-bottom: 10px;
  border: 1px solid var(--svz-classic-border);
  border-radius: 2px !important;
  box-shadow: none !important;
  background: #eef1f3;
}

body.svz-classic .svz-search-page .svz-search-tabs > ul > li > a {
  min-height: 39px;
  padding: 10px 14px 8px;
  border-right: 1px solid var(--svz-classic-border-soft);
  color: #4f5b63;
  font-size: 11px;
  font-weight: 700;
}

body.svz-classic .svz-search-page .svz-search-tabs > ul > li.active > a,
body.svz-classic .svz-search-page .svz-search-tabs > ul > li > a:hover {
  border-bottom: 3px solid var(--svz-classic-red);
  background: #fff;
  color: var(--svz-classic-red);
}

body.svz-classic .svz-search-page .svz-search-results-head {
  margin-bottom: 8px;
  padding: 8px 11px;
  border: 1px solid var(--svz-classic-border);
  border-left: 4px solid var(--svz-classic-red);
  border-radius: 2px;
  background: #f1f3f4;
}

body.svz-classic .svz-search-page .svz-search-results-head h2 {
  margin-top: 1px;
  color: var(--svz-classic-red);
  font-size: 14px;
}

body.svz-classic .svz-search-page .svz-search-entity-list {
  margin-bottom: 10px;
  border: 1px solid var(--svz-classic-border);
  border-radius: 2px;
  box-shadow: none;
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-search-page .svz-search-entity-row {
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 72px;
  padding: 9px 10px;
  border-bottom-color: var(--svz-classic-border-soft);
}

body.svz-classic .svz-search-page .svz-search-entity-row:hover {
  background: #f7f8f9;
}

body.svz-classic .svz-search-page .svz-search-entity-avatar {
  width: 52px;
  height: 52px;
  padding: 1px;
  border-color: var(--svz-classic-border);
  border-radius: 2px;
  background: #fff;
}

body.svz-classic .svz-search-page .svz-search-entity-avatar img {
  border-radius: 1px;
}

body.svz-classic .svz-search-page .svz-search-entity-name > a {
  color: var(--svz-classic-red);
  font-size: 12px;
  font-weight: 700;
}

body.svz-classic .svz-search-page .svz-search-entity-meta {
  gap: 3px 9px;
  margin-top: 3px;
  color: #747f87;
  font-size: 9px;
}

body.svz-classic .svz-search-page .svz-search-entity-meta > span > i,
body.svz-classic .svz-search-page .svz-search-entity-meta > button > i {
  color: var(--svz-classic-blue);
}

body.svz-classic .svz-search-page .svz-search-entity-action .btn {
  min-height: 27px;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 9px;
}

body.svz-classic .svz-search-page .svz-search-post-list .post {
  margin-bottom: 8px;
  border-radius: 2px;
  box-shadow: none;
}

body.svz-classic .svz-search-page .see-more {
  margin-bottom: 10px !important;
}

body.night-mode.svz-classic .svz-search-page .svz-search-heading,
body.night-mode.svz-classic .svz-search-page .svz-search-results-head,
body.night-mode.svz-classic .svz-search-page .svz-search-tabs > ul > li.active > a,
body.night-mode.svz-classic .svz-search-page .svz-search-tabs > ul > li > a:hover {
  background: #2b353d;
}

body.night-mode.svz-classic .svz-search-page .svz-search-tabs {
  background: #20282f;
}

body.night-mode.svz-classic .svz-search-page .svz-search-entity-row:hover {
  background: #303941;
}

body.night-mode.svz-classic .svz-search-page .svz-search-heading span,
body.night-mode.svz-classic .svz-search-page .svz-search-heading p,
body.night-mode.svz-classic .svz-search-page .svz-search-results-head span,
body.night-mode.svz-classic .svz-search-page .svz-search-entity-meta,
body.night-mode.svz-classic .svz-search-page .svz-search-form > label {
  color: #aab5bd;
}

@media (max-width: 767.98px) {
  body.svz-classic .svz-search-page .svz-search-heading {
    min-height: 0;
    padding: 9px 11px;
  }

  body.svz-classic .svz-search-page .svz-search-heading h1 {
    font-size: 18px;
  }

  body.svz-classic .svz-search-page .svz-search-form {
    padding: 8px;
  }

  body.svz-classic .svz-search-page .svz-search-entity-row {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 8px;
    min-height: 68px;
    padding: 8px;
  }

  body.svz-classic .svz-search-page .svz-search-entity-avatar {
    width: 46px;
    height: 46px;
  }

  body.svz-classic .svz-search-page .svz-search-entity-action {
    grid-column: 2;
    justify-content: flex-start;
  }
}

/* Classic account settings */
body.svz-classic .svz-settings-page .svz-settings-heading {
  min-height: 74px;
  margin: 0 0 10px;
  padding: 11px 15px;
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-red);
  border-radius: 2px;
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-settings-page .svz-settings-heading span {
  color: #7a858d;
  font-size: 10px;
  letter-spacing: .04em;
}

body.svz-classic .svz-settings-page .svz-settings-heading h1 {
  margin-top: 1px;
  color: var(--svz-classic-red);
  font-size: 20px;
}

body.svz-classic .svz-settings-page .svz-settings-heading p {
  margin-top: 3px;
  color: #646f77;
  font-size: 11px;
}

body.svz-classic .svz-settings-page .svz-settings-heading > i {
  color: #aeb7bd;
  font-size: 23px;
}

body.svz-classic .svz-settings-page .svz-settings-navigation {
  margin-bottom: 10px;
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-blue);
  border-radius: 2px;
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-settings-page .svz-settings-primary-nav > a,
body.svz-classic .svz-settings-page .svz-settings-more > button {
  gap: 2px;
  min-height: 46px;
  padding: 5px 4px 6px;
  border-right-color: var(--svz-classic-border-soft);
  color: #68747c;
  font-size: 9px;
}

body.svz-classic .svz-settings-page .svz-settings-primary-nav > a:first-child,
body.svz-classic .svz-settings-page .svz-settings-more > button {
  border-radius: 0;
}

body.svz-classic .svz-settings-page .svz-settings-primary-nav > a > i,
body.svz-classic .svz-settings-page .svz-settings-more > button > i {
  font-size: 13px;
}

body.svz-classic .svz-settings-page .svz-settings-primary-nav > a:hover,
body.svz-classic .svz-settings-page .svz-settings-more > button:hover {
  background: #f5f6f7;
  color: var(--svz-classic-red);
}

body.svz-classic .svz-settings-page .svz-settings-primary-nav > a.active,
body.svz-classic .svz-settings-page .svz-settings-more > button.active {
  background: #fff;
  color: var(--svz-classic-red);
}

body.svz-classic .svz-settings-page .svz-settings-primary-nav > a.active::after,
body.svz-classic .svz-settings-page .svz-settings-more > button.active::after {
  right: 5px;
  left: 5px;
  height: 3px;
  background: var(--svz-classic-red);
}

body.svz-classic .svz-settings-page .svz-settings-more .dropdown-menu {
  padding: 4px;
  border-color: var(--svz-classic-border);
  border-top-color: var(--svz-classic-red);
  border-radius: 2px;
}

body.svz-classic .svz-settings-page .svz-settings-more .dropdown-item {
  min-height: 31px;
  padding: 5px 7px;
  border-radius: 1px;
  color: #414d55;
  font-size: 10px;
}

body.svz-classic .svz-settings-page .svz-settings-more .dropdown-item:hover,
body.svz-classic .svz-settings-page .svz-settings-more .dropdown-item.active {
  background: #fff1f1;
  color: var(--svz-classic-red);
}

body.svz-classic .svz-settings-page .svz-settings-subnav {
  gap: 0;
  padding: 5px;
  border-top-color: var(--svz-classic-border);
  background: #f1f3f4;
}

body.svz-classic .svz-settings-page .svz-settings-subnav > a {
  padding: 6px 8px;
  border-right: 1px solid var(--svz-classic-border-soft);
  border-radius: 0;
  color: #68747c;
  font-size: 9px;
}

body.svz-classic .svz-settings-page .svz-settings-subnav > a:hover,
body.svz-classic .svz-settings-page .svz-settings-subnav > a.active {
  background: #fff;
  color: var(--svz-classic-red);
}

body.svz-classic .svz-settings-page .svz-settings-content {
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-red);
  border-radius: 2px;
  box-shadow: none;
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-settings-page .svz-settings-content-head {
  min-height: 56px;
  padding: 8px 11px;
  border-bottom-color: var(--svz-classic-border);
  background: #f1f3f4;
}

body.svz-classic .svz-settings-page .svz-settings-content-icon {
  flex-basis: 34px;
  width: 34px;
  height: 34px;
  border-color: #d6a9ac;
  border-radius: 2px;
  background: #fff;
  color: var(--svz-classic-red);
  font-size: 14px;
}

body.svz-classic .svz-settings-page .svz-settings-content-head > div > span {
  color: #7a858d;
  font-size: 9px;
  letter-spacing: .04em;
}

body.svz-classic .svz-settings-page .svz-settings-content-head h2 {
  margin-top: 1px;
  color: var(--svz-classic-red);
  font-size: 14px;
}

body.svz-classic .svz-settings-page .svz-settings-content-head p {
  margin-top: 2px;
  color: #707b83;
  font-size: 9px;
}

body.svz-classic .svz-settings-page .svz-settings-content-head-action > .btn {
  border-radius: 2px;
  font-size: 9px;
}

body.svz-classic .svz-settings-page .svz-settings-content > form > .card-body,
body.svz-classic .svz-settings-page .svz-settings-content > .card-body {
  padding: 14px;
}

body.svz-classic .svz-settings-page .svz-settings-content .heading-small {
  margin-bottom: 10px !important;
  padding-bottom: 6px;
  border-bottom-color: var(--svz-classic-border-soft);
  color: var(--svz-classic-red);
  font-size: 9px;
  letter-spacing: .04em;
}

body.svz-classic .svz-settings-page .svz-settings-content .divider {
  border-color: var(--svz-classic-border-soft);
}

body.svz-classic .svz-settings-page .svz-settings-form-section,
body.svz-classic .svz-settings-page .svz-settings-content .pl-md-4 {
  max-width: 760px;
  padding-left: 12px;
}

body.svz-classic .svz-settings-page .svz-settings-content .form-group {
  margin-bottom: 12px;
}

body.svz-classic .svz-settings-page .svz-settings-content .form-label {
  margin-bottom: 4px;
  color: #3f4b53;
  font-size: 10px;
  font-weight: 700;
}

body.svz-classic .svz-settings-page .svz-settings-content .form-control,
body.svz-classic .svz-settings-page .svz-settings-content .form-select,
body.svz-classic .svz-settings-page .svz-settings-content .input-group-text {
  min-height: 34px;
  border-color: var(--svz-classic-border);
  border-radius: 2px;
  font-size: 10px;
}

body.svz-classic .svz-settings-page .svz-settings-content textarea.form-control {
  min-height: 92px;
}

body.svz-classic .svz-settings-page .svz-settings-content .form-control:focus,
body.svz-classic .svz-settings-page .svz-settings-content .form-select:focus {
  border-color: #c96a70;
  box-shadow: 0 0 0 2px rgba(183, 28, 36, .08);
}

body.svz-classic .svz-settings-page .svz-settings-content .input-group-text {
  min-width: 34px;
  background: #f1f3f4;
  color: #68747c;
}

body.svz-classic .svz-settings-page .svz-settings-content .form-text {
  margin-top: 3px;
  color: #7a858d;
  font-size: 9px;
}

body.svz-classic .svz-settings-page .svz-settings-content .alert {
  border-radius: 2px;
  font-size: 10px;
}

body.svz-classic .svz-settings-page .svz-settings-content .form-table-row {
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 9px;
  min-height: 56px;
  padding: 7px 0;
  border-bottom-color: var(--svz-classic-border-soft);
}

body.svz-classic .svz-settings-page .svz-settings-content .form-table-row .avatar {
  width: 36px;
  height: 36px;
  border-color: var(--svz-classic-border);
  border-radius: 2px;
  background: #f1f3f4;
}

body.svz-classic .svz-settings-page .svz-settings-content .form-table-row .avatar .main-icon {
  width: 21px !important;
  height: 21px !important;
}

body.svz-classic .svz-settings-page .svz-settings-check-list {
  gap: 0 12px;
}

body.svz-classic .svz-settings-page .svz-settings-check-list .form-check {
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom-color: var(--svz-classic-border-soft);
}

body.svz-classic .svz-settings-page .svz-settings-check-list .form-check-label {
  font-size: 9px;
}

body.svz-classic .svz-settings-page .svz-settings-content .card-footer {
  padding: 8px 11px;
  border-top-color: var(--svz-classic-border);
  border-radius: 0;
  background: #f1f3f4;
}

body.svz-classic .svz-settings-page .svz-settings-content .card-footer .btn-primary,
body.svz-classic .svz-settings-page .svz-settings-content .js_delete-user {
  min-height: 31px;
  border-radius: 2px;
  font-size: 10px;
}

body.svz-classic .svz-settings-page .svz-settings-content .table {
  font-size: 9px;
}

body.svz-classic .svz-settings-page .svz-settings-content .table > :not(caption) > * > * {
  padding: 7px 6px;
  border-color: var(--svz-classic-border-soft);
}

body.svz-classic .svz-settings-page .svz-settings-content .table thead th {
  background: #f1f3f4;
  color: #68747c;
  font-size: 9px;
}

body.night-mode.svz-classic .svz-settings-page .svz-settings-heading,
body.night-mode.svz-classic .svz-settings-page .svz-settings-navigation,
body.night-mode.svz-classic .svz-settings-page .svz-settings-content-head,
body.night-mode.svz-classic .svz-settings-page .svz-settings-content .card-footer,
body.night-mode.svz-classic .svz-settings-page .svz-settings-subnav {
  background: #2b353d;
}

body.night-mode.svz-classic .svz-settings-page .svz-settings-primary-nav > a,
body.night-mode.svz-classic .svz-settings-page .svz-settings-more > button,
body.night-mode.svz-classic .svz-settings-page .svz-settings-primary-nav > a.active,
body.night-mode.svz-classic .svz-settings-page .svz-settings-more > button.active,
body.night-mode.svz-classic .svz-settings-page .svz-settings-primary-nav > a:hover,
body.night-mode.svz-classic .svz-settings-page .svz-settings-more > button:hover,
body.night-mode.svz-classic .svz-settings-page .svz-settings-subnav > a.active,
body.night-mode.svz-classic .svz-settings-page .svz-settings-subnav > a:hover {
  background: #20282f;
}

body.night-mode.svz-classic .svz-settings-page .svz-settings-content-icon,
body.night-mode.svz-classic .svz-settings-page .svz-settings-content .form-table-row .avatar,
body.night-mode.svz-classic .svz-settings-page .svz-settings-content .input-group-text,
body.night-mode.svz-classic .svz-settings-page .svz-settings-content .table thead th {
  background: #20282f;
}

body.night-mode.svz-classic .svz-settings-page .svz-settings-heading span,
body.night-mode.svz-classic .svz-settings-page .svz-settings-heading p,
body.night-mode.svz-classic .svz-settings-page .svz-settings-content-head > div > span,
body.night-mode.svz-classic .svz-settings-page .svz-settings-content-head p,
body.night-mode.svz-classic .svz-settings-page .svz-settings-content .form-text {
  color: #aab5bd;
}

body.night-mode.svz-classic .svz-settings-page .svz-settings-content .form-label {
  color: #e2e8ed;
}

@media (max-width: 767.98px) {
  body.svz-classic .svz-settings-page .svz-settings-heading {
    min-height: 0;
    padding: 9px 11px;
  }

  body.svz-classic .svz-settings-page .svz-settings-heading h1 {
    font-size: 18px;
  }

  body.svz-classic .svz-settings-page .svz-settings-primary-nav > a,
  body.svz-classic .svz-settings-page .svz-settings-more > button {
    min-height: 44px;
  }

  body.svz-classic .svz-settings-page .svz-settings-content-head {
    min-height: 54px;
    padding: 8px;
  }

  body.svz-classic .svz-settings-page .svz-settings-content > form > .card-body,
  body.svz-classic .svz-settings-page .svz-settings-content > .card-body {
    padding: 11px 9px;
  }

  body.svz-classic .svz-settings-page .svz-settings-form-section,
  body.svz-classic .svz-settings-page .svz-settings-content .pl-md-4 {
    padding-left: 0;
  }

  body.svz-classic .svz-settings-page .svz-settings-content .card-footer {
    padding: 8px 9px;
  }
}

/* Classic group rooms */
body.svz-classic .svz-group-page .svz-group-profile {
  border-top-color: var(--svz-classic-red);
}

body.svz-classic .svz-group-page .svz-group-profile .profile-cover-wrapper:not(:has(img)) {
  background: linear-gradient(135deg, #d7dfe3, #edf1f3);
}

body.svz-classic .svz-group-page .svz-group-tabs {
  margin-bottom: 10px;
}

body.svz-classic .svz-group-page .svz-group-tabs a {
  padding: 8px 13px;
  font-size: 11px;
}

body.svz-classic .svz-group-page .svz-group-content > div > .card,
body.svz-classic .svz-group-page .svz-group-content > div > div > .card {
  border-color: var(--svz-classic-border);
  border-radius: 2px;
  box-shadow: none;
}

body.svz-classic .svz-group-page .svz-group-content .card-header {
  min-height: 40px;
  padding: 8px 11px;
  border-bottom-color: var(--svz-classic-border);
  background: #f1f3f4 !important;
  color: var(--svz-classic-red);
  font-size: 11px;
}

body.svz-classic .svz-group-page .svz-group-content .card-header .main-icon {
  width: 18px !important;
  height: 18px !important;
}

body.svz-classic .svz-group-page .svz-group-content .card-body {
  padding: 11px;
  font-size: 10px;
}

body.svz-classic .svz-group-page .svz-group-card {
  border-top: 4px solid var(--svz-classic-red);
}

body.svz-classic .svz-group-page .svz-group-card .card-header::after {
  display: none;
}

body.svz-classic .svz-group-page .svz-group-card dl > div {
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 7px;
  padding: 5px 0;
  border-bottom-color: var(--svz-classic-border-soft);
}

body.svz-classic .svz-group-page .svz-group-card dt {
  color: #6d7880;
  font-size: 9px;
}

body.svz-classic .svz-group-page .about-list > li {
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom-color: var(--svz-classic-border-soft);
}

body.svz-classic .svz-group-page .about-list-item {
  font-size: 10px;
}

body.svz-classic .svz-group-page .about-list-item .main-icon {
  width: 18px !important;
  height: 18px !important;
}

body.svz-classic .svz-group-page .svz-member-directory-card {
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-red);
  border-radius: 2px;
  box-shadow: none;
  overflow: hidden;
}

body.svz-classic .svz-group-page .svz-member-directory-card .card-header {
  padding: 9px 11px 0;
}

body.svz-classic .svz-group-page .svz-member-directory-card .card-header > div:first-child {
  margin-bottom: 8px !important;
  color: var(--svz-classic-red);
  font-size: 12px;
  font-weight: 700;
}

body.svz-classic .svz-group-page .svz-member-directory-card .nav-tabs {
  border-bottom: 0;
}

body.svz-classic .svz-group-page .svz-member-directory-card .nav-tabs .nav-link {
  padding: 7px 9px;
  border-radius: 0;
  color: #647078;
  font-size: 9px;
}

body.svz-classic .svz-group-page .svz-member-directory-card .nav-tabs .nav-link.active {
  border-bottom: 3px solid var(--svz-classic-red);
  background: #fff;
  color: var(--svz-classic-red);
}

body.svz-classic .svz-group-page .svz-member-directory-card .card-body {
  padding: 0;
}

body.svz-classic .svz-group-page .svz-member-directory {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-color: var(--svz-classic-border-soft);
}

body.svz-classic .svz-group-page .svz-member-row {
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 8px;
  min-height: 66px;
  padding: 8px;
  border-color: var(--svz-classic-border-soft);
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-group-page .svz-member-row:hover {
  background: #f7f8f9;
}

body.svz-classic .svz-group-page .svz-member-avatar {
  width: 46px;
  height: 46px;
  padding: 1px;
  border-color: var(--svz-classic-border);
  border-radius: 2px;
  background: #fff;
}

body.svz-classic .svz-group-page .svz-member-avatar img {
  border-radius: 1px;
}

body.svz-classic .svz-group-page .svz-member-name > a {
  color: var(--svz-classic-red);
  font-size: 11px;
  font-weight: 700;
}

body.svz-classic .svz-group-page .svz-member-meta {
  gap: 2px 7px;
  margin-top: 3px;
  font-size: 9px;
}

body.svz-classic .svz-group-page .svz-member-actions .btn {
  min-height: 27px;
  padding: 4px 7px;
  border-radius: 2px;
  font-size: 9px;
}

body.svz-classic .svz-group-page .svz-member-directory-card .see-more {
  margin: 10px;
}

body.svz-classic .svz-group-page .svz-module-settings-card {
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-red);
  border-radius: 2px;
  box-shadow: none;
}

body.svz-classic .svz-group-page .svz-module-settings-head {
  min-height: 56px;
  padding: 8px 11px;
}

body.svz-classic .svz-group-page .svz-module-settings-head > span {
  flex-basis: 34px;
  width: 34px;
  height: 34px;
  border-radius: 2px;
  font-size: 14px;
}

body.svz-classic .svz-group-page .svz-module-settings-head h2 {
  color: var(--svz-classic-red);
  font-size: 14px;
}

body.svz-classic .svz-group-page .svz-module-settings-head small,
body.svz-classic .svz-group-page .svz-module-settings-head p {
  font-size: 9px;
}

body.svz-classic .svz-group-page .svz-module-settings-form .form-group {
  margin-bottom: 12px;
}

body.svz-classic .svz-group-page .svz-module-settings-form .form-label {
  font-size: 10px;
}

body.svz-classic .svz-group-page .svz-module-settings-form .form-control,
body.svz-classic .svz-group-page .svz-module-settings-form .form-select,
body.svz-classic .svz-group-page .svz-module-settings-form .input-group-text {
  min-height: 34px;
  border-radius: 2px;
  font-size: 10px;
}

body.svz-classic .svz-group-page .svz-privacy-options > label > span {
  border-radius: 2px;
}

body.night-mode.svz-classic .svz-group-page .svz-group-content .card-header,
body.night-mode.svz-classic .svz-group-page .svz-member-directory-card .nav-tabs .nav-link.active {
  background: #2b353d !important;
}

body.night-mode.svz-classic .svz-group-page .svz-member-row:hover {
  background: #303941;
}

body.night-mode.svz-classic .svz-group-page .svz-group-card dt,
body.night-mode.svz-classic .svz-group-page .svz-member-meta,
body.night-mode.svz-classic .svz-group-page .svz-module-settings-head small,
body.night-mode.svz-classic .svz-group-page .svz-module-settings-head p {
  color: #aab5bd;
}

@media (max-width: 991.98px) {
  body.svz-classic .svz-group-page .svz-member-directory {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767.98px) {
  body.svz-classic .svz-group-page .svz-group-tabs a {
    min-width: 46px;
    padding: 8px 7px;
  }

  body.svz-classic .svz-group-page .svz-member-row {
    grid-template-columns: 44px minmax(0, 1fr);
    min-height: 64px;
  }

  body.svz-classic .svz-group-page .svz-member-avatar {
    width: 44px;
    height: 44px;
  }

  body.svz-classic .svz-group-page .svz-member-actions {
    grid-column: 2;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* Classic events directory and meeting rooms */
body.svz-classic .svz-events-directory-header .form-control,
body.svz-classic .svz-events-directory-header .btn {
  min-height: 34px;
  border: 1px solid var(--svz-classic-border);
  border-radius: 2px;
  font-size: 10px;
}

body.svz-classic .svz-events-page .svz-events-tabs {
  min-height: 42px;
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-red);
  border-radius: 2px !important;
  box-shadow: none !important;
  background: #eef1f3;
}

body.svz-classic .svz-events-page .svz-events-tabs > ul > li > a {
  min-height: 38px;
  padding: 9px 12px 8px;
  border-right: 1px solid var(--svz-classic-border-soft);
  color: #4f5b63;
  font-size: 10px;
  font-weight: 700;
}

body.svz-classic .svz-events-page .svz-events-tabs > ul > li.active > a,
body.svz-classic .svz-events-page .svz-events-tabs > ul > li > a:hover {
  border-bottom: 3px solid var(--svz-classic-red);
  background: #fff;
  color: var(--svz-classic-red);
}

body.svz-classic .svz-events-page .svz-events-tabs > .float-end {
  margin: 5px 7px 5px 8px !important;
}

body.svz-classic .svz-events-page .svz-events-tabs > .float-end .btn {
  min-height: 28px;
  border-radius: 2px;
  font-size: 9px;
}

body.svz-classic .svz-events-page .svz-directory-section-head {
  min-height: 58px;
  margin-bottom: 10px;
  padding: 8px 11px;
  border: 1px solid var(--svz-classic-border);
  border-left: 4px solid var(--svz-classic-red);
  background: #f1f3f4;
}

body.svz-classic .svz-events-page .svz-directory-section-head > div > span {
  color: #7a858d;
  font-size: 9px;
  letter-spacing: .04em;
}

body.svz-classic .svz-events-page .svz-directory-section-head h2 {
  margin-top: 1px;
  color: var(--svz-classic-red);
  font-size: 15px;
}

body.svz-classic .svz-events-page .svz-directory-category-filter label {
  color: #68747c;
  font-size: 9px;
}

body.svz-classic .svz-events-page .svz-directory-category-filter .form-select {
  min-height: 32px;
  border-radius: 2px;
  font-size: 10px;
}

@media (min-width: 768px) {
  body.svz-classic .svz-events-page .svz-event-directory-grid > li {
    width: 50%;
  }
}

body.svz-classic .svz-events-page .svz-directory-event-card {
  margin-bottom: 12px;
  border-color: var(--svz-classic-border);
  border-top-color: var(--svz-classic-red);
  border-radius: 2px;
  box-shadow: none;
}

body.svz-classic .svz-events-page .svz-directory-event-card .img {
  border-bottom-color: var(--svz-classic-border);
}

body.svz-classic .svz-events-page .svz-event-card-content {
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 9px;
  padding: 10px;
}

body.svz-classic .svz-events-page .svz-event-date {
  min-height: 45px;
  padding-right: 8px;
  border-right-color: var(--svz-classic-border-soft);
}

body.svz-classic .svz-events-page .svz-event-date strong {
  font-size: 19px;
}

body.svz-classic .svz-events-page .svz-event-date span {
  font-size: 9px;
}

body.svz-classic .svz-events-page .svz-directory-event-card .h6 {
  color: var(--svz-classic-red);
  font-size: 12px;
  font-weight: 700;
}

body.svz-classic .svz-events-page .svz-event-card-meta {
  gap: 3px;
  margin-top: 5px;
  color: #747f87;
  font-size: 9px;
}

body.svz-classic .svz-events-page .svz-event-card-action {
  padding: 0 10px 10px 61px;
}

body.svz-classic .svz-events-page .svz-event-card-action .btn {
  min-height: 27px;
  border-radius: 2px;
  font-size: 9px;
}

body.svz-classic .svz-event-page .svz-event-profile {
  padding-bottom: 68px;
  border-top-color: var(--svz-classic-red);
}

body.svz-classic .svz-event-page .svz-event-profile .profile-cover-wrapper {
  height: 118px;
  background: linear-gradient(135deg, #d7dfe3, #edf1f3);
}

body.svz-classic .svz-event-page .svz-event-profile .profile-name-wrapper {
  right: 410px;
  bottom: 40px;
  left: 80px;
  width: auto;
  padding: 0;
  color: #3e494f;
  font-size: 18px;
  text-shadow: none;
}

body.svz-classic .svz-event-page .svz-event-profile .profile-name-wrapper > a,
body.svz-classic .svz-event-page .svz-event-profile.has-cover .profile-name-wrapper > a {
  color: var(--svz-classic-red);
}

body.svz-classic .svz-event-page .svz-event-profile-kicker,
body.svz-classic .svz-event-page .svz-event-profile.has-cover .svz-event-profile-kicker {
  margin-bottom: 2px;
  color: #68747c;
  font-size: 9px;
  text-shadow: none;
}

body.svz-classic .svz-event-page .svz-event-profile .profle-date-wrapper {
  bottom: 12px;
  left: 16px;
  width: 48px;
  padding: 5px 4px;
  border-radius: 2px;
  background: var(--svz-classic-red);
}

body.svz-classic .svz-event-page .svz-event-profile .profle-date-wrapper span {
  font-size: 8px;
}

body.svz-classic .svz-event-page .svz-event-profile .profle-date-wrapper strong {
  font-size: 18px;
}

body.svz-classic .svz-event-page .svz-event-profile .profle-meta-wrapper {
  top: auto;
  right: 410px;
  bottom: 13px;
  left: 80px;
  gap: 5px 12px;
  color: #556169;
  font-size: 10px;
  text-shadow: none;
}

body.svz-classic .svz-event-page .svz-event-profile.has-cover .profle-meta-wrapper {
  color: #556169;
}

body.svz-classic .svz-event-page .svz-event-tabs {
  margin-bottom: 10px;
}

body.svz-classic .svz-event-page .svz-event-tabs > a {
  padding: 8px 13px;
  font-size: 11px;
}

body.svz-classic .svz-event-page .svz-event-content > div > .card,
body.svz-classic .svz-event-page .svz-event-content > div > div > .card {
  border-color: var(--svz-classic-border);
  border-radius: 2px;
  box-shadow: none;
}

body.svz-classic .svz-event-page .svz-event-content .card-header {
  min-height: 40px;
  padding: 8px 11px;
  border-bottom-color: var(--svz-classic-border);
  background: #f1f3f4 !important;
  color: var(--svz-classic-red);
  font-size: 11px;
}

body.svz-classic .svz-event-page .svz-event-content .card-body {
  padding: 11px;
  font-size: 10px;
}

body.svz-classic .svz-event-page .svz-event-info-card {
  border-top-color: var(--svz-classic-red);
  border-radius: 2px;
}

body.svz-classic .svz-event-page .svz-event-info-card .card-header span {
  color: #7a858d;
  font-size: 9px;
}

body.svz-classic .svz-event-page .svz-event-info-card .card-header strong {
  color: var(--svz-classic-red);
  font-size: 12px;
}

body.svz-classic .svz-event-page .about-list > li:not(.divider) {
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom-color: var(--svz-classic-border-soft);
}

body.svz-classic .svz-event-page .about-list-item {
  font-size: 10px;
}

body.svz-classic .svz-event-page .about-list-item .main-icon {
  width: 18px !important;
  height: 18px !important;
}

body.svz-classic .svz-event-page .svz-member-directory-card,
body.svz-classic .svz-event-page .svz-module-settings-card {
  border: 1px solid var(--svz-classic-border);
  border-top: 4px solid var(--svz-classic-red);
  border-radius: 2px;
  box-shadow: none;
  overflow: hidden;
}

body.svz-classic .svz-event-page .svz-member-directory-card .card-header {
  padding: 9px 11px 0;
}

body.svz-classic .svz-event-page .svz-member-directory-card .card-header > div:first-child {
  margin-bottom: 8px !important;
  color: var(--svz-classic-red);
  font-size: 12px;
  font-weight: 700;
}

body.svz-classic .svz-event-page .svz-member-directory-card .nav-tabs {
  border-bottom: 0;
}

body.svz-classic .svz-event-page .svz-member-directory-card .nav-link {
  padding: 7px 9px;
  border-radius: 0;
  color: #647078;
  font-size: 9px;
}

body.svz-classic .svz-event-page .svz-member-directory-card .nav-link.active {
  border-bottom: 3px solid var(--svz-classic-red);
  background: #fff;
  color: var(--svz-classic-red);
}

body.svz-classic .svz-event-page .svz-member-directory-card .card-body {
  padding: 0;
}

body.svz-classic .svz-event-page .svz-member-directory {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.svz-classic .svz-event-page .svz-member-row {
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 8px;
  min-height: 66px;
  padding: 8px;
  border-color: var(--svz-classic-border-soft);
  background: var(--svz-classic-panel);
}

body.svz-classic .svz-event-page .svz-member-avatar {
  width: 46px;
  height: 46px;
  padding: 1px;
  border-color: var(--svz-classic-border);
  border-radius: 2px;
  background: #fff;
}

body.svz-classic .svz-event-page .svz-member-name > a {
  color: var(--svz-classic-red);
  font-size: 11px;
  font-weight: 700;
}

body.svz-classic .svz-event-page .svz-member-meta {
  margin-top: 3px;
  font-size: 9px;
}

body.svz-classic .svz-event-page .svz-member-actions .btn {
  min-height: 27px;
  padding: 4px 7px;
  border-radius: 2px;
  font-size: 9px;
}

body.svz-classic .svz-event-page .svz-module-settings-head {
  min-height: 56px;
  padding: 8px 11px;
}

body.svz-classic .svz-event-page .svz-module-settings-head > span {
  flex-basis: 34px;
  width: 34px;
  height: 34px;
  border-radius: 2px;
  font-size: 14px;
}

body.svz-classic .svz-event-page .svz-module-settings-head h2 {
  color: var(--svz-classic-red);
  font-size: 14px;
}

body.svz-classic .svz-event-page .svz-module-settings-form .form-control,
body.svz-classic .svz-event-page .svz-module-settings-form .form-select,
body.svz-classic .svz-event-page .svz-module-settings-form .input-group-text {
  min-height: 34px;
  border-radius: 2px;
  font-size: 10px;
}

body.night-mode.svz-classic .svz-events-page .svz-events-tabs,
body.night-mode.svz-classic .svz-events-page .svz-directory-section-head,
body.night-mode.svz-classic .svz-event-page .svz-event-content .card-header,
body.night-mode.svz-classic .svz-event-page .svz-member-directory-card .nav-link.active {
  background: #2b353d !important;
}

body.night-mode.svz-classic .svz-events-page .svz-events-tabs > ul > li.active > a,
body.night-mode.svz-classic .svz-events-page .svz-events-tabs > ul > li > a:hover {
  background: #20282f;
}

body.night-mode.svz-classic .svz-event-page .svz-event-profile .profle-meta-wrapper,
body.night-mode.svz-classic .svz-event-page .svz-event-profile.has-cover .profle-meta-wrapper,
body.night-mode.svz-classic .svz-event-page .svz-event-profile-kicker,
body.night-mode.svz-classic .svz-event-page .svz-event-profile.has-cover .svz-event-profile-kicker {
  color: #aab5bd;
}

@media (max-width: 991.98px) {
  body.svz-classic .svz-event-page .svz-event-profile {
    padding-bottom: 0;
  }

  body.svz-classic .svz-event-page .svz-event-profile .profile-cover-wrapper {
    height: 170px;
  }

  body.svz-classic .svz-event-page .svz-event-profile .profile-name-wrapper {
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    padding: 9px 10px 5px;
    font-size: 17px;
    text-align: center;
  }

  body.svz-classic .svz-event-page .svz-event-profile .profle-meta-wrapper {
    right: 10px;
    bottom: 10px;
    left: 72px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
  }

  body.svz-classic .svz-event-page .svz-event-profile.has-cover .profle-meta-wrapper {
    color: #fff;
  }

  body.svz-classic .svz-event-page .svz-event-profile.no-cover .profle-meta-wrapper {
    color: #556169;
    text-shadow: none;
  }

  body.svz-classic .svz-event-page .svz-member-directory {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767.98px) {
  body.svz-classic .svz-events-directory-header {
    padding-top: 17px;
    padding-bottom: 40px;
  }

  body.svz-classic .svz-events-directory-header h2 {
    font-size: 20px;
  }

  body.svz-classic .svz-events-page .svz-event-directory-grid > li {
    width: 100%;
  }

  body.svz-classic .svz-event-page .svz-event-tabs > a {
    min-width: 46px;
    padding: 8px 7px;
  }

  body.svz-classic .svz-event-page .svz-event-profile .profile-cover-wrapper {
    height: 150px;
  }

  body.svz-classic .svz-event-page .svz-event-profile .profile-name-wrapper {
    padding-top: 8px;
  }

  body.svz-classic .svz-event-page .svz-event-profile .profile-name-wrapper > a {
    display: -webkit-box;
    max-width: 100%;
    line-height: 1.25;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.svz-classic .svz-event-page .svz-event-profile .profle-meta-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    font-size: 9px;
  }

  body.svz-classic .svz-event-page .svz-member-row {
    grid-template-columns: 44px minmax(0, 1fr);
    min-height: 64px;
  }

  body.svz-classic .svz-event-page .svz-member-avatar {
    width: 44px;
    height: 44px;
  }

  body.svz-classic .svz-event-page .svz-member-actions {
    grid-column: 2;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}