/* NorthC Datacenters Alice-LG theme v5
   Change request: move logo to top-left. */
:root {
  --ncdc-black: #1d1d1b;
  --ncdc-gray-700: #606060;
  --ncdc-white: #ffffff;
  --ncdc-orange: #f28c00;
  --ncdc-yellow: #ffc400;
  --ncdc-green: #64a70b;
}

html, body {
  background: radial-gradient(circle at 12% 0%, #fff8e9 0%, #f6f2ea 35%, #efebe3 100%) !important;
  color: var(--ncdc-black) !important;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
}

/* Hide original sidebar/navigation. */
#root > div > div:first-child,
#root > div > aside,
#root aside,
aside,
.sidebar,
.side-bar,
.sideNav,
.sidenav,
[class*="sidebar" i],
[class*="side-bar" i],
[class*="sidenav" i],
[class*="routeServer"],
[class*="RouteServer"],
[class*="routeserver"],
[class*="route-server"],
nav,
nav[aria-label],
[role="navigation"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  flex: 0 0 0 !important;
  overflow: hidden !important;
}

a[href*="/routeservers"],
a[href*="/neighbors"],
a[href*="/routes/received"],
a[href*="/routes/filtered"],
a[href*="/routes/not-exported"],
a[href*="/routes/noexport"] {
  display: none !important;
  visibility: hidden !important;
}

#root > div,
#root > div > div,
main,
.main,
.content,
.page,
[class*="content" i],
[class*="main" i] {
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

main > *,
.content > *,
.page > * {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Logo fixed at the top-left of the viewport. No wide brand bar. */
.ncdc-topbar {
  position: fixed !important;
  top: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 99999 !important;
  background: rgba(255, 255, 255, .92) !important;
  color: var(--ncdc-black) !important;
  border: 1px solid rgba(29,29,27,.10) !important;
  border-radius: 18px !important;
  padding: 10px 14px !important;
  box-shadow: 0 12px 36px rgba(29, 29, 27, .10) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: auto !important;
  max-width: none !important;
  backdrop-filter: blur(8px) !important;
}

.ncdc-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.ncdc-logo img {
  display: block !important;
  height: 38px !important;
  width: auto !important;
  max-width: 210px !important;
}

.ncdc-kicker {
  color: var(--ncdc-gray-700) !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  max-width: 220px !important;
  line-height: 1.25 !important;
}

.ncdc-pill {
  display: none !important;
  visibility: hidden !important;
}

header,
.app-header,
.navbar,
.topbar {
  background: var(--ncdc-white) !important;
  color: var(--ncdc-black) !important;
  border-bottom: 1px solid rgba(29,29,27,.12) !important;
}

input[type="search"],
input[placeholder*="Search"],
input[placeholder*="search"],
input[placeholder*="prefix"],
input[placeholder*="Prefix"],
.lookup input,
.search input {
  background: #fff !important;
  color: var(--ncdc-black) !important;
  border: 2px solid rgba(242, 140, 0, .34) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 45px rgba(29, 29, 27, .10) !important;
  min-height: 56px !important;
  font-size: 1.08rem !important;
}

input:focus,
input[type="search"]:focus {
  outline: none !important;
  border-color: var(--ncdc-orange) !important;
  box-shadow: 0 0 0 4px rgba(242, 140, 0, .16), 0 18px 45px rgba(29, 29, 27, .12) !important;
}

button,
.btn,
button[type="submit"] {
  border-radius: 999px !important;
  background: var(--ncdc-orange) !important;
  border-color: var(--ncdc-orange) !important;
  color: var(--ncdc-black) !important;
  font-weight: 750 !important;
}

button:hover,
.btn:hover,
button[type="submit"]:hover {
  background: var(--ncdc-yellow) !important;
  border-color: var(--ncdc-yellow) !important;
}

.card,
.panel,
.box,
[class*="Card"] {
  background: var(--ncdc-white) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 58px rgba(29, 29, 27, .09) !important;
  border: 1px solid rgba(29, 29, 27, .08) !important;
}

[class*="accepted" i],
[class*="success" i],
.text-success {
  color: var(--ncdc-green) !important;
}

.ncdc-brand-note {
  margin: 30px auto 10px auto;
  text-align: center;
  color: rgba(29,29,27,.62);
  font-size: .88rem;
}
.ncdc-brand-note strong { color: var(--ncdc-black); }

@media (max-width: 760px) {
  .ncdc-topbar {
    top: 12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-radius: 14px !important;
    padding: 8px 10px !important;
  }
  .ncdc-logo img { height: 32px !important; max-width: 175px !important; }
  .ncdc-kicker { display: none !important; }
}