.uplot, .uplot *, .uplot :before, .uplot :after {
  box-sizing: border-box;
}

.uplot {
  width: max-content;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
}

.uplot .title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.uplot .wrap {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}

.uplot .over, .uplot .under {
  position: absolute;
  overflow: hidden;
}

.uplot canvas {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.uplot .legend {
  text-align: center;
  margin: auto;
  font-size: 14px;
}

.uplot .legend.inline {
  display: block;
}

.uplot .legend.inline * {
  display: inline-block;
}

.uplot .legend.inline tr {
  margin-right: 16px;
}

.uplot .legend th {
  font-weight: 600;
}

.uplot .legend th > * {
  vertical-align: middle;
  display: inline-block;
}

.uplot .legend .ident {
  width: 1em;
  height: 1em;
  border: 2px solid #0000;
  margin-right: 4px;
}

.uplot .legend.inline th:after {
  content: ":";
  vertical-align: middle;
}

.uplot .legend .series > * {
  padding: 4px;
}

.uplot .legend .series th {
  cursor: pointer;
}

.uplot .legend .off > * {
  opacity: .3;
}

.uplot .select {
  pointer-events: none;
  background: #00000012;
  position: absolute;
}

.uplot .select.off {
  display: none;
}

.uplot .cursor-x, .uplot .cursor-y {
  pointer-events: none;
  will-change: transform;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
}

.uplot .cursor-x {
  height: 100%;
  border-right: 1px dashed #607d8b;
}

.uplot .cursor-y {
  width: 100%;
  border-bottom: 1px dashed #607d8b;
}

.uplot .cursor-pt {
  filter: brightness(85%);
  pointer-events: none;
  will-change: transform;
  z-index: 100;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

@font-face {
  font-family: icomoon;
  src: url("icomoon.f7eef27e.ttf") format("truetype"), url("icomoon.826fedc0.woff") format("woff"), url("icomoon.cb96eb9d.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: icomoon !important;
}

.icon-star:before {
  content: "";
}

.icon-star-o:before {
  content: "";
}

.icon-lock:before {
  content: "";
}

.icon-eye:before {
  content: "";
}

.icon-eye-slash:before {
  content: "";
}

.icon-cogs:before, .icon-gears:before {
  content: "";
}

.icon-globe:before {
  content: "";
}

.icon-code:before {
  content: "";
}

.icon-sort-amount-desc:before {
  content: "";
}

.icon-street-view:before {
  content: "";
}

* {
  margin: 0;
  padding: 0;
}

:root {
  --color-dark-gray: #a3a3a3;
  --color-gold: #cb0ba0;
  --color-dark-purple: #6c5ce7;
  --color-light-purple: #a29bfe;
  --color-dark-blue: #0984e3;
  --color-light-blue: #74b9ff;
  --theme-color-dark: #3b3738;
  --theme-color-light: #ebebeb;
  --border-radius: 1px;
  --color-purple: var(--color-light-purple);
  --color-blue: var(--color-light-blue);
  --color-blue-inverted: var(--color-dark-blue);
  --background-color: var(--theme-color-light);
  --text-decoration-color: var(--theme-color-dark);
  --text-color: #000;
  --text-color-inverted: #fff;
}

body {
  color: #fff;
  min-width: 800px;
  background: #141728;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

html, body {
  height: 100%;
}

a {
  color: var(--color-blue);
  text-decoration: none;
}

a:hover {
  color: var(--background-color);
  cursor: pointer;
}

#push {
  min-height: 100%;
  display: none;
  position: relative;
}

strong {
  font-weight: 700;
}

.logo-text {
  letter-spacing: -3px;
}

header {
  padding: 20px;
  overflow: auto;
}

header .column-left {
  float: left;
}

header .column-right {
  float: right;
}

header .logo-image {
  --fixed-logo-image-size: 36px;
  width: var(--fixed-logo-image-size);
  height: var(--fixed-logo-image-size);
  margin-right: 5px;
  display: inline-block;
}

header .logo-text {
  margin: -6px 0;
  font-size: 48px;
  display: inline-block;
}

header .logo-status {
  font-size: 21px;
}

header .header-button {
  color: var(--text-color);
  width: 83px;
  height: 83px;
  text-align: center;
  margin-left: -5px;
  font-size: 14px;
  line-height: 20px;
}

header .header-button > span:first-of-type {
  margin-top: 10px;
  font-size: 22px;
  display: block;
}

header .header-button-single {
  cursor: pointer;
  border-radius: var(--border-radius);
  display: none;
}

header .header-button-single:hover {
  background: var(--background-color) !important;
}

#status-overlay {
  text-align: center;
  height: auto;
  width: auto;
  color: #fff;
  background: #111322;
  border: 0 solid #00000020;
  border-radius: 1rem;
  margin-top: -95px;
  margin-left: -175px;
  padding: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  box-shadow: 0 2px 2px #00000024, 0 3px 1px -2px #0003, 0 1px 5px #0000001f;
}

#status-text {
  opacity: .6;
}

#tooltip {
  border-radius: var(--border-radius);
  background: var(--background-color);
  color: var(--text-color);
  z-index: 10000;
  padding: 5px 8px;
  display: none;
  position: absolute;
}

#server-list {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  overflow: auto;
}

.server {
  width: 20%;
  margin: 1% 5px;
  padding: 5px 10px;
  display: inline-block;
}

.server .column {
  float: left;
}

.server .column-favicon {
  width: 80px;
}

.server .column-favicon .server-favicon {
  --fixed-server-favicon-size: 64px;
  width: var(--fixed-server-favicon-size);
  height: var(--fixed-server-favicon-size);
  border-radius: var(--border-radius);
  border-radius: 8px;
  margin-top: 5px;
}

.server .column-favicon .server-rank {
  width: 64px;
  text-align: center;
  display: block;
}

.server .column-status {
  width: 282px;
}

.server .column-status .server-name {
  display: inline-block;
}

.server .column-status .server-error {
  color: #e74c3c;
  display: none;
}

.server .column-status .server-label {
  color: var(--color-dark-gray);
  font-size: 16px;
  display: none;
}

.server .column-status .server-value {
  color: var(--color-dark-gray);
  font-size: 16px;
}

.server .column-graph {
  height: 100px;
  width: 400px;
}

.server-is-favorite {
  cursor: pointer;
  color: var(--color-gold);
}

.server-is-favorite:hover:before {
  content: "";
}

.server-is-not-favorite {
  cursor: pointer;
  color: var(--background-color);
  color: var(--color-gold);
}

.server-highlighted-label {
  font-size: 17px;
}

.server-highlighted-value {
  font-size: 17px;
  font-weight: 700;
}

.server-highlighted-label > .fa-solid {
  opacity: .8 !important;
}

.global-stat {
  font-weight: 700;
}

#big-graph {
  padding-right: 65px;
}

#big-graph-checkboxes > table {
  width: 100%;
}

#big-graph {
  margin: 0 auto;
}

.graph-controls-show {
  color: var(--text-color);
}

#big-graph-controls-drawer {
  padding: 0 10% 1%;
  display: none;
  overflow: auto;
}

#big-graph-controls-drawer .graph-controls-setall {
  text-align: center;
  margin: 15px 0;
  display: block;
}

#big-graph-checkboxes {
  margin: 15px auto 0;
}

.button {
  background: var(--color-blue);
  border-radius: var(--border-radius);
  padding: 5px 10px;
  font-size: 16px;
}

.button:hover {
  background: var(--text-color);
  color: var(--text-color-inverted);
}

#perc-bar {
  height: 10px;
  filter: saturate(4);
  position: relative;
  overflow-x: hidden;
}

#perc-bar .perc-bar-part {
  height: 100%;
  display: inline-block;
  position: absolute;
}

@media only screen and (max-width: 1050px) {
  header {
    padding: 0 !important;
  }

  .header-possible-row-break {
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }

  .header-possible-row-break:last-of-type {
    margin-bottom: 20px;
  }
}

.uplot .select {
  background: var(--color-blue);
  opacity: .3;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 400;
  line-height: 1.2;
  color: #fff !important;
}

.h2, h2 {
  letter-spacing: .05rem;
  font-size: 2.25rem;
  line-height: 1.3;
}

h1, .h2, .h3, h1, h2, h3 {
  font-weight: 700;
}

.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
  letter-spacing: -.05rem;
}

p {
  font-weight: 400;
  line-height: 1.625;
}

.p, p {
  font-size: 1rem;
}

.uplot canvas {
  filter: saturate(4);
}

.btn {
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #0000;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  transition: all .15s ease-in;
  font-size: .75rem !important;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #67748e;
}

.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 3px 5px -1px #00000017, 0 2px 3px -1px #00000012;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: .65;
}

.btn-primary {
  color: #fff;
  background-color: #cb0c9f;
  border-color: #cb0c9f;
}

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:hover {
  color: #fff;
  background-color: #ad0a87;
  border-color: #a20a7f;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
  box-shadow: 0 0 0 .2rem #d330ad80;
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #a20a7f;
  border-color: #980977;
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #d330ad80;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #cb0c9f;
  border-color: #cb0c9f;
}

.btn-secondary {
  color: #000;
  background-color: #8392ab;
  border-color: #8392ab;
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus, .btn-secondary:hover {
  color: #000;
  background-color: #96a2b8;
  border-color: #8f9db3;
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  box-shadow: 0 0 0 .2rem #6f7c9180;
}

.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
  color: #000;
  background-color: #9ca8bc;
  border-color: #8f9db3;
}

.btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #6f7c9180;
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #000;
  background-color: #8392ab;
  border-color: #8392ab;
}

.btn-success {
  color: #000;
  background-color: #82d616;
  border-color: #82d616;
}

.btn-check:focus + .btn-success, .btn-success:focus, .btn-success:hover {
  color: #000;
  background-color: #95dc39;
  border-color: #8fda2d;
}

.btn-check:focus + .btn-success, .btn-success:focus {
  box-shadow: 0 0 0 .2rem #6fb61380;
}

.btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
  color: #000;
  background-color: #9bde45;
  border-color: #8fda2d;
}

.btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #6fb61380;
}

.btn-success.disabled, .btn-success:disabled {
  color: #000;
  background-color: #82d616;
  border-color: #82d616;
}

.btn-info {
  color: #000;
  background-color: #17c1e8;
  border-color: #17c1e8;
}

.btn-check:focus + .btn-info, .btn-info:focus, .btn-info:hover {
  color: #000;
  background-color: #3acaeb;
  border-color: #2ec7ea;
}

.btn-check:focus + .btn-info, .btn-info:focus {
  box-shadow: 0 0 0 .2rem #14a4c580;
}

.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #45cded;
  border-color: #2ec7ea;
}

.btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #14a4c580;
}

.btn-info.disabled, .btn-info:disabled {
  color: #000;
  background-color: #17c1e8;
  border-color: #17c1e8;
}

.btn-warning {
  color: #000;
  background-color: #fbcf33;
  border-color: #fbcf33;
}

.btn-check:focus + .btn-warning, .btn-warning:focus, .btn-warning:hover {
  color: #000;
  background-color: #fcd652;
  border-color: #fbd447;
}

.btn-check:focus + .btn-warning, .btn-warning:focus {
  box-shadow: 0 0 0 .2rem #d5b02b80;
}

.btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #fcd95c;
  border-color: #fbd447;
}

.btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #d5b02b80;
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #000;
  background-color: #fbcf33;
  border-color: #fbcf33;
}

.btn-danger {
  color: #fff;
  background-color: #ea0606;
  border-color: #ea0606;
}

.btn-check:focus + .btn-danger, .btn-danger:focus, .btn-danger:hover {
  color: #fff;
  background-color: #c70505;
  border-color: #bb0505;
}

.btn-check:focus + .btn-danger, .btn-danger:focus {
  box-shadow: 0 0 0 .2rem #ed2b2b80;
}

.btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bb0505;
  border-color: #b00505;
}

.btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #ed2b2b80;
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #ea0606;
  border-color: #ea0606;
}

.btn-light {
  color: #000;
  background-color: #e9ecef;
  border-color: #e9ecef;
}

.btn-check:focus + .btn-light, .btn-light:focus, .btn-light:hover {
  color: #000;
  background-color: #eceff1;
  border-color: #ebeef1;
}

.btn-check:focus + .btn-light, .btn-light:focus {
  box-shadow: 0 0 0 .2rem #c7cacc80;
}

.btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #edf0f2;
  border-color: #ebeef1;
}

.btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #c7cacc80;
}

.btn-light.disabled, .btn-light:disabled {
  color: #000;
  background-color: #e9ecef;
  border-color: #e9ecef;
}

.btn-dark {
  color: #fff;
  background-color: #344767;
  border-color: #344767;
}

.btn-check:focus + .btn-dark, .btn-dark:focus, .btn-dark:hover {
  color: #fff;
  background-color: #2c3c58;
  border-color: #2a3952;
}

.btn-check:focus + .btn-dark, .btn-dark:focus {
  box-shadow: 0 0 0 .2rem #52637e80;
}

.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #2a3952;
  border-color: #27354d;
}

.btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #52637e80;
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #344767;
  border-color: #344767;
}

.btn-check:focus + .btn-white, .btn-white, .btn-white:focus, .btn-white:hover {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.btn-check:focus + .btn-white, .btn-white:focus {
  box-shadow: 0 0 0 .2rem #d9d9d980;
}

.btn-check:active + .btn-white, .btn-check:checked + .btn-white, .btn-white.active, .btn-white:active, .show > .btn-white.dropdown-toggle {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.btn-check:active + .btn-white:focus, .btn-check:checked + .btn-white:focus, .btn-white.active:focus, .btn-white:active:focus, .show > .btn-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #d9d9d980;
}

.btn-white.disabled, .btn-white:disabled {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.btn-outline-primary {
  color: #cb0c9f;
  border-color: #cb0c9f;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #cb0c9f;
  border-color: #cb0c9f;
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 .2rem #cb0c9f80;
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
  color: #fff;
  background-color: #cb0c9f;
  border-color: #cb0c9f;
}

.btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
  box-shadow: 0 0 0 .2rem #cb0c9f80;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #cb0c9f;
  background-color: #0000;
}

.btn-outline-secondary {
  color: #8392ab;
  border-color: #8392ab;
}

.btn-outline-secondary:hover {
  color: #000;
  background-color: #8392ab;
  border-color: #8392ab;
}

.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 .2rem #8392ab80;
}

.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {
  color: #000;
  background-color: #8392ab;
  border-color: #8392ab;
}

.btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus {
  box-shadow: 0 0 0 .2rem #8392ab80;
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #8392ab;
  background-color: #0000;
}

.btn-outline-success {
  color: #82d616;
  border-color: #82d616;
}

.btn-outline-success:hover {
  color: #000;
  background-color: #82d616;
  border-color: #82d616;
}

.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 .2rem #82d61680;
}

.btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
  color: #000;
  background-color: #82d616;
  border-color: #82d616;
}

.btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus {
  box-shadow: 0 0 0 .2rem #82d61680;
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #82d616;
  background-color: #0000;
}

.btn-outline-info {
  color: #17c1e8;
  border-color: #17c1e8;
}

.btn-outline-info:hover {
  color: #000;
  background-color: #17c1e8;
  border-color: #17c1e8;
}

.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 .2rem #17c1e880;
}

.btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {
  color: #000;
  background-color: #17c1e8;
  border-color: #17c1e8;
}

.btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus {
  box-shadow: 0 0 0 .2rem #17c1e880;
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17c1e8;
  background-color: #0000;
}

.btn-outline-warning {
  color: #fbcf33;
  border-color: #fbcf33;
}

.btn-outline-warning:hover {
  color: #000;
  background-color: #fbcf33;
  border-color: #fbcf33;
}

.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  box-shadow: 0 0 0 .2rem #fbcf3380;
}

.btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active {
  color: #000;
  background-color: #fbcf33;
  border-color: #fbcf33;
}

.btn-check:active + .btn-outline-warning:focus, .btn-check:checked + .btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus {
  box-shadow: 0 0 0 .2rem #fbcf3380;
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #fbcf33;
  background-color: #0000;
}

.btn-outline-danger {
  color: #ea0606;
  border-color: #ea0606;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #ea0606;
  border-color: #ea0606;
}

.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 .2rem #ea060680;
}

.btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active {
  color: #fff;
  background-color: #ea0606;
  border-color: #ea0606;
}

.btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus {
  box-shadow: 0 0 0 .2rem #ea060680;
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #ea0606;
  background-color: #0000;
}

.btn-outline-light {
  color: #e9ecef;
  border-color: #e9ecef;
}

.btn-outline-light:hover {
  color: #000;
  background-color: #e9ecef;
  border-color: #e9ecef;
}

.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 .2rem #e9ecef80;
}

.btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active {
  color: #000;
  background-color: #e9ecef;
  border-color: #e9ecef;
}

.btn-check:active + .btn-outline-light:focus, .btn-check:checked + .btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus {
  box-shadow: 0 0 0 .2rem #e9ecef80;
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #e9ecef;
  background-color: #0000;
}

.btn-outline-dark {
  color: #344767;
  border-color: #344767;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #344767;
  border-color: #344767;
}

.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 .2rem #34476780;
}

.btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active {
  color: #fff;
  background-color: #344767;
  border-color: #344767;
}

.btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus {
  box-shadow: 0 0 0 .2rem #34476780;
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #344767;
  background-color: #0000;
}

.btn-outline-white {
  color: #fff;
  border-color: #fff;
}

.btn-outline-white:hover {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.btn-check:focus + .btn-outline-white, .btn-outline-white:focus {
  box-shadow: 0 0 0 .2rem #ffffff80;
}

.btn-check:active + .btn-outline-white, .btn-check:checked + .btn-outline-white, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show, .btn-outline-white:active {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.btn-check:active + .btn-outline-white:focus, .btn-check:checked + .btn-outline-white:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus, .btn-outline-white:active:focus {
  box-shadow: 0 0 0 .2rem #ffffff80;
}

.btn-outline-white.disabled, .btn-outline-white:disabled {
  color: #fff;
  background-color: #0000;
}

.btn-link {
  color: #cb0c9f;
  font-weight: 400;
  text-decoration: none;
}

.btn-link:hover {
  color: #830866;
}

.btn-link:focus, .btn-link:hover {
  text-decoration: none;
}

.btn-link.disabled, .btn-link:disabled {
  color: #6c757d;
}

.btn-group-lg > .btn, .btn-lg {
  border-radius: .5rem;
  padding: .875rem 4rem;
  font-size: .875rem;
}

.btn-group-sm > .btn, .btn-sm {
  border-radius: .5rem;
  padding: .5rem 2rem;
  font-size: .75rem;
}

.text-white {
  color: #fff !important;
}

#big-graph {
  background: #121425;
  border-radius: 1.5rem;
  align-items: center;
  padding: 30px 30px 70px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 1px 1px #111322cc, 0 20px 27px #0000000d !important;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
  flex-wrap: wrap;
  display: flex;
}

.row > * {
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
  flex-shrink: 0;
}

.col {
  flex: 1 0;
}

.row-cols-auto > * {
  width: auto;
  flex: none;
}

.row-cols-1 > * {
  width: 100%;
  flex: none;
}

.row-cols-2 > * {
  width: 50%;
  flex: none;
}

.row-cols-3 > * {
  width: 33.3333%;
  flex: none;
}

.row-cols-4 > * {
  width: 25%;
  flex: none;
}

.row-cols-5 > * {
  width: 20%;
  flex: none;
}

.row-cols-6 > * {
  width: 16.6667%;
  flex: none;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0;
  }

  .row-cols-sm-auto > * {
    width: auto;
    flex: none;
  }

  .row-cols-sm-1 > * {
    width: 100%;
    flex: none;
  }

  .row-cols-sm-2 > * {
    width: 50%;
    flex: none;
  }

  .row-cols-sm-3 > * {
    width: 33.3333%;
    flex: none;
  }

  .row-cols-sm-4 > * {
    width: 25%;
    flex: none;
  }

  .row-cols-sm-5 > * {
    width: 20%;
    flex: none;
  }

  .row-cols-sm-6 > * {
    width: 16.6667%;
    flex: none;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0;
  }

  .row-cols-md-auto > * {
    width: auto;
    flex: none;
  }

  .row-cols-md-1 > * {
    width: 100%;
    flex: none;
  }

  .row-cols-md-2 > * {
    width: 50%;
    flex: none;
  }

  .row-cols-md-3 > * {
    width: 33.3333%;
    flex: none;
  }

  .row-cols-md-4 > * {
    width: 25%;
    flex: none;
  }

  .row-cols-md-5 > * {
    width: 20%;
    flex: none;
  }

  .row-cols-md-6 > * {
    width: 16.6667%;
    flex: none;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0;
  }

  .row-cols-lg-auto > * {
    width: auto;
    flex: none;
  }

  .row-cols-lg-1 > * {
    width: 100%;
    flex: none;
  }

  .row-cols-lg-2 > * {
    width: 50%;
    flex: none;
  }

  .row-cols-lg-3 > * {
    width: 33.3333%;
    flex: none;
  }

  .row-cols-lg-4 > * {
    width: 25%;
    flex: none;
  }

  .row-cols-lg-5 > * {
    width: 20%;
    flex: none;
  }

  .row-cols-lg-6 > * {
    width: 16.6667%;
    flex: none;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0;
  }

  .row-cols-xl-auto > * {
    width: auto;
    flex: none;
  }

  .row-cols-xl-1 > * {
    width: 100%;
    flex: none;
  }

  .row-cols-xl-2 > * {
    width: 50%;
    flex: none;
  }

  .row-cols-xl-3 > * {
    width: 33.3333%;
    flex: none;
  }

  .row-cols-xl-4 > * {
    width: 25%;
    flex: none;
  }

  .row-cols-xl-5 > * {
    width: 20%;
    flex: none;
  }

  .row-cols-xl-6 > * {
    width: 16.6667%;
    flex: none;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0;
  }

  .row-cols-xxl-auto > * {
    width: auto;
    flex: none;
  }

  .row-cols-xxl-1 > * {
    width: 100%;
    flex: none;
  }

  .row-cols-xxl-2 > * {
    width: 50%;
    flex: none;
  }

  .row-cols-xxl-3 > * {
    width: 33.3333%;
    flex: none;
  }

  .row-cols-xxl-4 > * {
    width: 25%;
    flex: none;
  }

  .row-cols-xxl-5 > * {
    width: 20%;
    flex: none;
  }

  .row-cols-xxl-6 > * {
    width: 16.6667%;
    flex: none;
  }
}

.col-auto {
  width: auto;
  flex: none;
}

.col-1 {
  width: 8.33333%;
  flex: none;
}

.col-2 {
  width: 16.6667%;
  flex: none;
}

.col-3 {
  width: 25%;
  flex: none;
}

.col-4 {
  width: 33.3333%;
  flex: none;
}

.col-5 {
  width: 41.6667%;
  flex: none;
}

.col-6 {
  width: 50%;
  flex: none;
}

.col-7 {
  width: 58.3333%;
  flex: none;
}

.col-8 {
  width: 66.6667%;
  flex: none;
}

.col-9 {
  width: 75%;
  flex: none;
}

.col-10 {
  width: 83.3333%;
  flex: none;
}

.col-11 {
  width: 91.6667%;
  flex: none;
}

.col-12 {
  width: 100%;
  flex: none;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.6667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333%;
}

.offset-5 {
  margin-left: 41.6667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333%;
}

.offset-8 {
  margin-left: 66.6667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333%;
}

.offset-11 {
  margin-left: 91.6667%;
}

.g-0, .gx-0 {
  --bs-gutter-x: 0;
}

.g-0, .gy-0 {
  --bs-gutter-y: 0;
}

.g-1, .gx-1 {
  --bs-gutter-x: .25rem;
}

.g-1, .gy-1 {
  --bs-gutter-y: .25rem;
}

.g-2, .gx-2 {
  --bs-gutter-x: .5rem;
}

.g-2, .gy-2 {
  --bs-gutter-y: .5rem;
}

.g-3, .gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5, .gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5, .gy-5 {
  --bs-gutter-y: 3rem;
}

.g-6, .gx-6 {
  --bs-gutter-x: 4rem;
}

.g-6, .gy-6 {
  --bs-gutter-y: 4rem;
}

.g-7, .gx-7 {
  --bs-gutter-x: 6rem;
}

.g-7, .gy-7 {
  --bs-gutter-y: 6rem;
}

.g-8, .gx-8 {
  --bs-gutter-x: 8rem;
}

.g-8, .gy-8 {
  --bs-gutter-y: 8rem;
}

.g-9, .gx-9 {
  --bs-gutter-x: 10rem;
}

.g-9, .gy-9 {
  --bs-gutter-y: 10rem;
}

.g-10, .gx-10 {
  --bs-gutter-x: 12rem;
}

.g-10, .gy-10 {
  --bs-gutter-y: 12rem;
}

.g-11, .gx-11 {
  --bs-gutter-x: 14rem;
}

.g-11, .gy-11 {
  --bs-gutter-y: 14rem;
}

.g-12, .gx-12 {
  --bs-gutter-x: 16rem;
}

.g-12, .gy-12 {
  --bs-gutter-y: 16rem;
}

@media (min-width: 576px) {
  .col-sm-auto {
    width: auto;
    flex: none;
  }

  .col-sm-1 {
    width: 8.33333%;
    flex: none;
  }

  .col-sm-2 {
    width: 16.6667%;
    flex: none;
  }

  .col-sm-3 {
    width: 25%;
    flex: none;
  }

  .col-sm-4 {
    width: 33.3333%;
    flex: none;
  }

  .col-sm-5 {
    width: 41.6667%;
    flex: none;
  }

  .col-sm-6 {
    width: 50%;
    flex: none;
  }

  .col-sm-7 {
    width: 58.3333%;
    flex: none;
  }

  .col-sm-8 {
    width: 66.6667%;
    flex: none;
  }

  .col-sm-9 {
    width: 75%;
    flex: none;
  }

  .col-sm-10 {
    width: 83.3333%;
    flex: none;
  }

  .col-sm-11 {
    width: 91.6667%;
    flex: none;
  }

  .col-sm-12 {
    width: 100%;
    flex: none;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2 {
    margin-left: 16.6667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333%;
  }

  .offset-sm-5 {
    margin-left: 41.6667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333%;
  }

  .offset-sm-8 {
    margin-left: 66.6667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333%;
  }

  .offset-sm-11 {
    margin-left: 91.6667%;
  }

  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x: .25rem;
  }

  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y: .25rem;
  }

  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x: .5rem;
  }

  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: .5rem;
  }

  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }

  .g-sm-6, .gx-sm-6 {
    --bs-gutter-x: 4rem;
  }

  .g-sm-6, .gy-sm-6 {
    --bs-gutter-y: 4rem;
  }

  .g-sm-7, .gx-sm-7 {
    --bs-gutter-x: 6rem;
  }

  .g-sm-7, .gy-sm-7 {
    --bs-gutter-y: 6rem;
  }

  .g-sm-8, .gx-sm-8 {
    --bs-gutter-x: 8rem;
  }

  .g-sm-8, .gy-sm-8 {
    --bs-gutter-y: 8rem;
  }

  .g-sm-9, .gx-sm-9 {
    --bs-gutter-x: 10rem;
  }

  .g-sm-9, .gy-sm-9 {
    --bs-gutter-y: 10rem;
  }

  .g-sm-10, .gx-sm-10 {
    --bs-gutter-x: 12rem;
  }

  .g-sm-10, .gy-sm-10 {
    --bs-gutter-y: 12rem;
  }

  .g-sm-11, .gx-sm-11 {
    --bs-gutter-x: 14rem;
  }

  .g-sm-11, .gy-sm-11 {
    --bs-gutter-y: 14rem;
  }

  .g-sm-12, .gx-sm-12 {
    --bs-gutter-x: 16rem;
  }

  .g-sm-12, .gy-sm-12 {
    --bs-gutter-y: 16rem;
  }
}

@media (min-width: 768px) {
  .col-md-auto {
    width: auto;
    flex: none;
  }

  .col-md-1 {
    width: 8.33333%;
    flex: none;
  }

  .col-md-2 {
    width: 16.6667%;
    flex: none;
  }

  .col-md-3 {
    width: 25%;
    flex: none;
  }

  .col-md-4 {
    width: 33.3333%;
    flex: none;
  }

  .col-md-5 {
    width: 41.6667%;
    flex: none;
  }

  .col-md-6 {
    width: 50%;
    flex: none;
  }

  .col-md-7 {
    width: 58.3333%;
    flex: none;
  }

  .col-md-8 {
    width: 66.6667%;
    flex: none;
  }

  .col-md-9 {
    width: 75%;
    flex: none;
  }

  .col-md-10 {
    width: 83.3333%;
    flex: none;
  }

  .col-md-11 {
    width: 91.6667%;
    flex: none;
  }

  .col-md-12 {
    width: 100%;
    flex: none;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2 {
    margin-left: 16.6667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333%;
  }

  .offset-md-5 {
    margin-left: 41.6667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333%;
  }

  .offset-md-8 {
    margin-left: 66.6667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333%;
  }

  .offset-md-11 {
    margin-left: 91.6667%;
  }

  .g-md-0, .gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0, .gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1, .gx-md-1 {
    --bs-gutter-x: .25rem;
  }

  .g-md-1, .gy-md-1 {
    --bs-gutter-y: .25rem;
  }

  .g-md-2, .gx-md-2 {
    --bs-gutter-x: .5rem;
  }

  .g-md-2, .gy-md-2 {
    --bs-gutter-y: .5rem;
  }

  .g-md-3, .gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3, .gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4, .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4, .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5, .gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5, .gy-md-5 {
    --bs-gutter-y: 3rem;
  }

  .g-md-6, .gx-md-6 {
    --bs-gutter-x: 4rem;
  }

  .g-md-6, .gy-md-6 {
    --bs-gutter-y: 4rem;
  }

  .g-md-7, .gx-md-7 {
    --bs-gutter-x: 6rem;
  }

  .g-md-7, .gy-md-7 {
    --bs-gutter-y: 6rem;
  }

  .g-md-8, .gx-md-8 {
    --bs-gutter-x: 8rem;
  }

  .g-md-8, .gy-md-8 {
    --bs-gutter-y: 8rem;
  }

  .g-md-9, .gx-md-9 {
    --bs-gutter-x: 10rem;
  }

  .g-md-9, .gy-md-9 {
    --bs-gutter-y: 10rem;
  }

  .g-md-10, .gx-md-10 {
    --bs-gutter-x: 12rem;
  }

  .g-md-10, .gy-md-10 {
    --bs-gutter-y: 12rem;
  }

  .g-md-11, .gx-md-11 {
    --bs-gutter-x: 14rem;
  }

  .g-md-11, .gy-md-11 {
    --bs-gutter-y: 14rem;
  }

  .g-md-12, .gx-md-12 {
    --bs-gutter-x: 16rem;
  }

  .g-md-12, .gy-md-12 {
    --bs-gutter-y: 16rem;
  }
}

@media (min-width: 992px) {
  .col-lg-auto {
    width: auto;
    flex: none;
  }

  .col-lg-1 {
    width: 8.33333%;
    flex: none;
  }

  .col-lg-2 {
    width: 16.6667%;
    flex: none;
  }

  .col-lg-3 {
    width: 25%;
    flex: none;
  }

  .col-lg-4 {
    width: 33.3333%;
    flex: none;
  }

  .col-lg-5 {
    width: 41.6667%;
    flex: none;
  }

  .col-lg-6 {
    width: 50%;
    flex: none;
  }

  .col-lg-7 {
    width: 58.3333%;
    flex: none;
  }

  .col-lg-8 {
    width: 66.6667%;
    flex: none;
  }

  .col-lg-9 {
    width: 75%;
    flex: none;
  }

  .col-lg-10 {
    width: 83.3333%;
    flex: none;
  }

  .col-lg-11 {
    width: 91.6667%;
    flex: none;
  }

  .col-lg-12 {
    width: 100%;
    flex: none;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.6667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333%;
  }

  .offset-lg-5 {
    margin-left: 41.6667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333%;
  }

  .offset-lg-8 {
    margin-left: 66.6667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333%;
  }

  .offset-lg-11 {
    margin-left: 91.6667%;
  }

  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: .25rem;
  }

  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: .25rem;
  }

  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: .5rem;
  }

  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: .5rem;
  }

  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }

  .g-lg-6, .gx-lg-6 {
    --bs-gutter-x: 4rem;
  }

  .g-lg-6, .gy-lg-6 {
    --bs-gutter-y: 4rem;
  }

  .g-lg-7, .gx-lg-7 {
    --bs-gutter-x: 6rem;
  }

  .g-lg-7, .gy-lg-7 {
    --bs-gutter-y: 6rem;
  }

  .g-lg-8, .gx-lg-8 {
    --bs-gutter-x: 8rem;
  }

  .g-lg-8, .gy-lg-8 {
    --bs-gutter-y: 8rem;
  }

  .g-lg-9, .gx-lg-9 {
    --bs-gutter-x: 10rem;
  }

  .g-lg-9, .gy-lg-9 {
    --bs-gutter-y: 10rem;
  }

  .g-lg-10, .gx-lg-10 {
    --bs-gutter-x: 12rem;
  }

  .g-lg-10, .gy-lg-10 {
    --bs-gutter-y: 12rem;
  }

  .g-lg-11, .gx-lg-11 {
    --bs-gutter-x: 14rem;
  }

  .g-lg-11, .gy-lg-11 {
    --bs-gutter-y: 14rem;
  }

  .g-lg-12, .gx-lg-12 {
    --bs-gutter-x: 16rem;
  }

  .g-lg-12, .gy-lg-12 {
    --bs-gutter-y: 16rem;
  }
}

@media (min-width: 1200px) {
  .col-xl-auto {
    width: auto;
    flex: none;
  }

  .col-xl-1 {
    width: 8.33333%;
    flex: none;
  }

  .col-xl-2 {
    width: 16.6667%;
    flex: none;
  }

  .col-xl-3 {
    width: 25%;
    flex: none;
  }

  .col-xl-4 {
    width: 33.3333%;
    flex: none;
  }

  .col-xl-5 {
    width: 41.6667%;
    flex: none;
  }

  .col-xl-6 {
    width: 50%;
    flex: none;
  }

  .col-xl-7 {
    width: 58.3333%;
    flex: none;
  }

  .col-xl-8 {
    width: 66.6667%;
    flex: none;
  }

  .col-xl-9 {
    width: 75%;
    flex: none;
  }

  .col-xl-10 {
    width: 83.3333%;
    flex: none;
  }

  .col-xl-11 {
    width: 91.6667%;
    flex: none;
  }

  .col-xl-12 {
    width: 100%;
    flex: none;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333%;
  }

  .offset-xl-2 {
    margin-left: 16.6667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333%;
  }

  .offset-xl-5 {
    margin-left: 41.6667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333%;
  }

  .offset-xl-8 {
    margin-left: 66.6667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333%;
  }

  .offset-xl-11 {
    margin-left: 91.6667%;
  }

  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x: .25rem;
  }

  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y: .25rem;
  }

  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x: .5rem;
  }

  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: .5rem;
  }

  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }

  .g-xl-6, .gx-xl-6 {
    --bs-gutter-x: 4rem;
  }

  .g-xl-6, .gy-xl-6 {
    --bs-gutter-y: 4rem;
  }

  .g-xl-7, .gx-xl-7 {
    --bs-gutter-x: 6rem;
  }

  .g-xl-7, .gy-xl-7 {
    --bs-gutter-y: 6rem;
  }

  .g-xl-8, .gx-xl-8 {
    --bs-gutter-x: 8rem;
  }

  .g-xl-8, .gy-xl-8 {
    --bs-gutter-y: 8rem;
  }

  .g-xl-9, .gx-xl-9 {
    --bs-gutter-x: 10rem;
  }

  .g-xl-9, .gy-xl-9 {
    --bs-gutter-y: 10rem;
  }

  .g-xl-10, .gx-xl-10 {
    --bs-gutter-x: 12rem;
  }

  .g-xl-10, .gy-xl-10 {
    --bs-gutter-y: 12rem;
  }

  .g-xl-11, .gx-xl-11 {
    --bs-gutter-x: 14rem;
  }

  .g-xl-11, .gy-xl-11 {
    --bs-gutter-y: 14rem;
  }

  .g-xl-12, .gx-xl-12 {
    --bs-gutter-x: 16rem;
  }

  .g-xl-12, .gy-xl-12 {
    --bs-gutter-y: 16rem;
  }
}

@media (min-width: 1400px) {
  .col-xxl-auto {
    width: auto;
    flex: none;
  }

  .col-xxl-1 {
    width: 8.33333%;
    flex: none;
  }

  .col-xxl-2 {
    width: 16.6667%;
    flex: none;
  }

  .col-xxl-3 {
    width: 25%;
    flex: none;
  }

  .col-xxl-4 {
    width: 33.3333%;
    flex: none;
  }

  .col-xxl-5 {
    width: 41.6667%;
    flex: none;
  }

  .col-xxl-6 {
    width: 50%;
    flex: none;
  }

  .col-xxl-7 {
    width: 58.3333%;
    flex: none;
  }

  .col-xxl-8 {
    width: 66.6667%;
    flex: none;
  }

  .col-xxl-9 {
    width: 75%;
    flex: none;
  }

  .col-xxl-10 {
    width: 83.3333%;
    flex: none;
  }

  .col-xxl-11 {
    width: 91.6667%;
    flex: none;
  }

  .col-xxl-12 {
    width: 100%;
    flex: none;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333%;
  }

  .offset-xxl-2 {
    margin-left: 16.6667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.3333%;
  }

  .offset-xxl-5 {
    margin-left: 41.6667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.3333%;
  }

  .offset-xxl-8 {
    margin-left: 66.6667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.3333%;
  }

  .offset-xxl-11 {
    margin-left: 91.6667%;
  }

  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x: .25rem;
  }

  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y: .25rem;
  }

  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x: .5rem;
  }

  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: .5rem;
  }

  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }

  .g-xxl-6, .gx-xxl-6 {
    --bs-gutter-x: 4rem;
  }

  .g-xxl-6, .gy-xxl-6 {
    --bs-gutter-y: 4rem;
  }

  .g-xxl-7, .gx-xxl-7 {
    --bs-gutter-x: 6rem;
  }

  .g-xxl-7, .gy-xxl-7 {
    --bs-gutter-y: 6rem;
  }

  .g-xxl-8, .gx-xxl-8 {
    --bs-gutter-x: 8rem;
  }

  .g-xxl-8, .gy-xxl-8 {
    --bs-gutter-y: 8rem;
  }

  .g-xxl-9, .gx-xxl-9 {
    --bs-gutter-x: 10rem;
  }

  .g-xxl-9, .gy-xxl-9 {
    --bs-gutter-y: 10rem;
  }

  .g-xxl-10, .gx-xxl-10 {
    --bs-gutter-x: 12rem;
  }

  .g-xxl-10, .gy-xxl-10 {
    --bs-gutter-y: 12rem;
  }

  .g-xxl-11, .gx-xxl-11 {
    --bs-gutter-x: 14rem;
  }

  .g-xxl-11, .gy-xxl-11 {
    --bs-gutter-y: 14rem;
  }

  .g-xxl-12, .gx-xxl-12 {
    --bs-gutter-x: 16rem;
  }

  .g-xxl-12, .gy-xxl-12 {
    --bs-gutter-y: 16rem;
  }
}

#push {
  padding-bottom: 3%;
}

#big-graph {
  margin-top: 2%;
}

#settings {
  position: inherit;
  border-radius: 1rem;
  margin: -40px 40px 40px;
  background: #111322cc !important;
  margin-left: 10.5rem !important;
  margin-right: 10.5rem !important;
  box-shadow: inset 0 0 1px 1px #111322cc, 0 20px 27px #0000000d !important;
}

#ad {
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-image: linear-gradient(310deg, #7928ca, #ff0080);
  background-clip: border-box;
  border: 0 solid #00000020;
  border-radius: 1rem;
  flex-direction: column;
  display: flex;
  position: relative;
  box-shadow: 0 20px 27px #0000000d;
  z-index: 3 !important;
  margin-top: 1rem !important;
  margin-left: 10% !important;
  margin-right: 10% !important;
  overflow: hidden !important;
}

#server-list {
  margin-bottom: 2%;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"], .form-check:not(.form-switch) .form-check-input[type="radio"] {
  border: 1px solid #cbd3da;
  margin-top: .25rem;
  position: relative;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, .form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
  border: 0;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after {
  content: "";
  width: 100%;
  height: 100%;
  color: #fff;
  opacity: 0;
  justify-content: center;
  align-items: center;
  font-family: "Font Awesome 7 Pro";
  font-size: .67rem;
  transition: opacity .25s ease-in-out;
  display: flex;
  position: absolute;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after {
  opacity: 1;
}

.form-check:not(.form-switch) .form-check-input[type="radio"] {
  transition: border;
}

.form-check:not(.form-switch) .form-check-input[type="radio"]:after {
  content: "";
  width: .4375rem;
  height: .4375rem;
  opacity: 0;
  background-color: #fff;
  border-radius: 50%;
  transition: opacity .25s ease-in-out;
  position: absolute;
}

.form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
  padding: 6px;
}

.form-check:not(.form-switch) .form-check-input[type="radio"]:checked:after {
  opacity: 1;
}

.form-check-input[type="checkbox"], .form-check-label {
  cursor: pointer;
}

.form-check-label {
  font-size: .875rem;
  font-weight: 400;
}

.form-check-input {
  -webkit-appearance: none;
  appearance: none;
}

.form-switch .form-check-input {
  height: 1.25em;
  background-color: #3a416f1a;
  border: 1px solid #e9ecef;
  position: relative;
}

.form-switch .form-check-input:after {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  border-radius: 50%;
  transition: transform .25s ease-in-out, background-color .25s ease-in-out;
  position: absolute;
  top: 1px;
  transform: translateX(1px);
  box-shadow: 0 .25rem .375rem -.0625rem #1414141f, 0 .125rem .25rem -.0625rem #14141412;
}

.form-switch .form-check-input:checked:after {
  transform: translateX(21px);
}

.form-switch .form-check-input:checked {
  background-color: #82d616;
  border-color: #82d616;
}

.form-select {
  transition: box-shadow .15s, border-color .15s;
}

.form-label, label {
  color: #344767;
  margin-bottom: .5rem;
  margin-left: .25rem;
  font-size: .75rem;
  font-weight: 700;
}

.form-control.is-invalid:focus {
  box-shadow: 0 0 0 2px #fd5c7099;
}

.form-control.is-valid:focus {
  box-shadow: 0 0 0 2px #66d432a6;
}

.server-name > .fa-bookmark {
  width: 20px;
  text-align: center;
  vertical-align: 1px;
  margin-right: 3px;
  font-size: 17px;
}

#tooltip {
  max-width: 350px;
  color: #fff;
  text-align: left;
  -webkit-backdrop-filter: saturate(200%) blur(30px);
  -webkit-backdrop-filter: saturate(200%) blur(30px);
  backdrop-filter: saturate(200%) blur(30px);
  border-radius: .5rem;
  padding: .25rem .5rem;
  background-color: #11132280 !important;
}

/*# sourceMappingURL=index.129caf10.css.map */