:root {
  --as208824-accent: #16a34a;
  --as208824-ink: #171717;
  --as208824-muted: #667085;
}

body {
  color: var(--as208824-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

a,
.text-primary {
  color: #087c41;
  text-decoration-color: var(--as208824-accent);
}

.page-sidebar {
  background: #171717;
  border-right: 1px solid #2f2f2f;
}

.sidebar-header {
  background: #0f0f0f;
  border-bottom: 1px solid #303030;
}

.sidebar-header .logo-icon {
  color: var(--as208824-accent);
}

.sidebar-header .title h1,
.sidebar-header .title p {
  color: #f5f5f5;
}

.routeservers-list h2 {
  color: #a3a3a3;
}

.routeservers-list a {
  color: #86efac;
}

.page-content {
  background-color: #f5f7f8;
  background-image: none !important;
}

.jumbotron {
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

.jumbotron h1 {
  color: var(--as208824-ink);
  font-size: 42px;
  font-weight: 650;
  letter-spacing: 0;
}

.jumbotron p {
  color: var(--as208824-muted);
  font-size: 17px;
}

table {
  background: #ffffff;
}

th {
  color: #475467;
}

.routeserver-status tr:first-child {
  display: none;
}

.route-link-disabled {
  color: inherit;
  cursor: default;
  text-decoration: none;
}

@media (max-width: 720px) {
  .page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: auto;
  }

  .page-sidebar {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  .sidebar-header {
    flex: 0 0 195px;
  }

  .routeservers-list {
    flex: 1 1 auto;
    width: auto;
    padding: 14px 16px;
  }

  .page-body,
  .page-content {
    width: 100%;
    min-height: 0;
    height: auto;
  }

  .main-content-wrapper {
    overflow-x: auto;
  }

  .jumbotron h1 {
    font-size: 32px;
  }
}