.container {
  max-width: 1450px;
}
.navbar-brand {
  font-size: 1.4rem;
}

body,
html {
  height: 100%;
}
#page-content {
  flex: 1 0 auto;
}
#sticky-footer {
  flex-shrink: none;
}


::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.95rem;
  overflow-y: hidden;
}
.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.bg-black-kp{
  background-color: #1e2123;
}

.bg-twitch{
  background-color: #9147FF;
}

.bg-twitch:hover{
  background-color: #812dff;
}

.bg-instagram{
  background-color: #C13584;
}

.bg-instagram:hover{
  background-color: #b80d6e;
}

.bg-twitter{
  background-color: #1A91DA;
}

.bg-twitter:hover{
  background-color: #007bc7;
}

.bg-stripped-color{
  background-color: #F2F2F2;
}

.bg-navbar-grad{
  background: rgb(209,209,209);
  background: radial-gradient(circle, rgba(209,209,209,1) 0%, rgba(210,210,210,1) 50%, rgba(255,255,255,1) 100%);
}

.server-list-status{
  padding-top: 4px;
  padding-left: 4px;
  opacity: 0.88;
}
.server-list-status:hover{
  opacity: 1;
}
.social-button:hover{
  opacity: 0.95;
}

.modal-open{
  padding-right: 0 !important;
  overflow-y: auto;
 }

.table > :not(:first-child) { border-color: var(--bs-gray-300); }