/*!
 * p2pool-go-VTC Dark Slate Dashboard Stylesheet
 * License: MIT
 */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
       url("../fonts/fontawesome-webfont.woff2") format("woff2"),
       url("../fonts/fontawesome-webfont.woff") format("woff"),
       url("../fonts/fontawesome-webfont.ttf") format("truetype"),
       url("../fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.fa-download:before { content: "\f019"; }
.fa-check:before { content: "\f00c"; }
.fa-link:before { content: "\f0c1"; }
.fa-reddit-alien:before { content: "\f281"; }
.fa-twitter:before { content: "\f099"; }
.fa-comments:before { content: "\f086"; }
.fa-bell-o:before { content: "\f0a2"; }
.fa-question-circle:before { content: "\f059"; cursor: pointer; color: #7f8fa4; margin-left: 4px; }

*, *::before, *::after { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px; line-height: 1.5; color: #ffffff; background-color: #1d2531;
}
a { color: #2ea1f8; text-decoration: none; }
a:hover { color: #5ec0ff; text-decoration: underline; }

.o-page { display: flex; min-height: 100vh; }
.o-page__sidebar {
  width: 240px; flex-shrink: 0; background-color: #222c3c; color: #b7c0cd;
  border-right: 1px solid #313d4f; transition: margin-left 0.25s ease;
}
.o-page.is-sidebar-collapsed .o-page__sidebar { margin-left: -240px; }
.o-page__content { flex: 1; min-width: 0; display: flex; flex-direction: column; background-color: #1d2531; }

.c-sidebar { padding-bottom: 24px; }
.c-sidebar__brand {
  display: flex; align-items: center; height: 70px; padding: 0 20px; color: #fff;
  font-size: 16px; font-weight: 400; border-bottom: 1px solid #313d4f;
  text-decoration: none !important;
}
.c-sidebar__brand-img { width: 32px; height: 32px; margin-right: 12px; }
.c-sidebar__title {
  margin: 24px 20px 10px; font-size: 11px; text-transform: uppercase;
  letter-spacing: 0.8px; color: #7f8fa4; font-weight: 600;
}
.c-sidebar__list { list-style: none; margin: 0; padding: 0; }
.c-sidebar__item { margin: 0; }
.c-sidebar__link {
  display: flex; align-items: center; padding: 11px 20px; color: #b7c0cd;
  font-size: 14px; transition: background 0.15s, color 0.15s; text-decoration: none !important;
}
.c-sidebar__link i { color: #7f8fa4; width: 20px; }
.c-sidebar__link:hover { background-color: #1b2431; color: #fff; }
.c-sidebar__link:hover i { color: #fff; }
.c-navbar {
  display: flex; align-items: center; height: 70px; padding: 0 30px;
  background-color: #273142; border-bottom: 1px solid #313d4f;
}
.c-navbar__title { margin: 0; font-size: 20px; font-weight: 400; color: #ffffff; }
.c-sidebar-toggle {
  display: none; background: transparent; border: none; cursor: pointer;
  padding: 8px; flex-direction: column; justify-content: space-between; width: 34px; height: 28px;
}
.c-sidebar-toggle__bar { display: block; height: 2px; width: 100%; background-color: #7f8fa4; }

.c-dropdown { position: relative; }
.c-notification {
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; color: #7f8fa4; font-size: 16px; text-decoration: none !important;
}
.c-notification:hover { color: #ffffff; }
.c-dropdown__menu {
  display: none; position: absolute; right: 0; top: 44px; width: 340px;
  background: #273142; border: 1px solid #313d4f; border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35); padding: 16px; z-index: 1000;
}
.c-dropdown.show .c-dropdown__menu, .c-dropdown__menu.show { display: block; }
.c-dropdown__item { color: #ffffff; display: block; text-decoration: none !important; }
.c-dropdown__item h6 { margin: 0 0 8px; font-size: 15px; color: #ffffff; }

.c-toolbar {
  background-color: #273142; border-bottom: 1px solid #313d4f;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07);
  padding: 20px 30px; display: flex; align-items: center;
}
.c-toolbar__state { text-align: center; padding: 6px 12px; border-right: 1px solid #313d4f; }
.c-toolbar__state:last-child { border-right: none; }
.c-toolbar__state-number { margin: 0 0 6px; font-size: 24px; font-weight: 400; color: #ffffff; }
.c-toolbar__state-title {
  font-size: 11px; text-transform: uppercase; color: #7f8fa4; letter-spacing: 0.6px;
}

.container-fluid { width: 100%; padding: 0 15px 30px; }
.row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
[class*="col-"] { padding-left: 15px; padding-right: 15px; width: 100%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
@media (min-width: 768px) {
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 992px) {
  .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
}
@media (min-width: 1200px) {
  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
  .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
}

.c-card {
  background: #273142; border: 1px solid #313d4f; border-radius: 4px;
}
.c-card--responsive {
  width: 100%; overflow-x: auto;
}
.c-table {
  width: 100%; border-collapse: collapse; background-color: #273142;
  border: 1px solid #313d4f; border-radius: 0 0 4px 4px;
}
.c-table__title {
  caption-side: top; text-align: left; padding: 25px 30px; font-size: 24px;
  font-weight: 400; color: #ffffff; background-color: #313d4f;
  border: 1px solid #313d4f; border-bottom: none; border-radius: 4px 4px 0 0;
}
.c-table__title small {
  margin-left: 10px; padding-left: 10px; border-left: 1px solid #7f8fa4;
  font-size: 13px; color: #7f8fa4; font-weight: 400;
}
.c-table__head { background-color: #273142; border-bottom: 1px solid #313d4f; }
.c-table__row { border-bottom: 1px solid #313d4f; }
.c-table__row:last-child { border-bottom: none; }
.c-table__cell {
  padding: 15px 25px; text-align: left; font-size: 14px; font-weight: 400; color: #ffffff; white-space: nowrap;
}
.c-table__cell--head {
  padding: 12px 25px; font-size: 13px; font-weight: 400; color: #7f8fa4;
}
.c-modal {
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(18, 23, 31, 0.75); z-index: 2000;
  align-items: center; justify-content: center; padding: 16px;
}
.c-modal.show { display: flex !important; }
.c-btn {
  display: inline-block; padding: 8px 18px; border-radius: 4px; border: none;
  font-size: 14px; font-weight: 600; cursor: pointer;
}
.c-btn--info { background-color: #2ea1f8; color: #fff; }
.c-btn--info:hover { background-color: #1b8fe6; }
.u-mr-xsmall { margin-right: 10px; }
.u-mr-small { margin-right: 15px; }
.u-mr-medium { margin-right: 25px; }
.u-ml-small { margin-left: 15px; }
.u-mr-auto { margin-right: auto; }
.u-mh-auto { margin-left: auto; margin-right: auto; }
.u-mb-zero { margin-bottom: 0; }
.u-mb-small { margin-bottom: 15px; }
.u-mb-medium { margin-bottom: 30px; }
.u-mb-large { margin-bottom: 40px; }
.u-p-medium { padding: 25px; }
.u-justify-center { justify-content: center; }
.u-text-mute { color: #7f8fa4; }
.u-text-bold { font-weight: 600; color: #fff; }
.u-border-zero { border: none; }
.u-hidden-visually { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
@media (max-width: 767px) {
  .c-sidebar-toggle { display: flex; }
  .o-page__sidebar { margin-left: -240px; position: fixed; height: 100vh; z-index: 1500; }
  .o-page__sidebar.is-visible { margin-left: 0; }
  .c-toolbar__state { border-right: none; border-bottom: 1px solid #313d4f; }
}