button, .button, a.button, .standard, a.standard,
.standard_alt, a.standard_alt,
.standard_dark, a.standard_dark,
.standard_light, a.standard_light,
.standard_trans, a.standard_trans,
.standard_negative, a.standard_negative,
.standard_positive, a.standard_positive,
.standard_grey, a.standard_grey,
.standard_cancel, a.standard_cancel,
.standard_ok, a.standard_ok {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
  font-family: Arial;
  font-size: 0.875rem;
  line-height: 0.875rem;
  display: inline-flex;
  /*inline-block;*/
  align-items: center;
  background: #cccccc;
  color: choose-contrast-color(#cccccc);
  border: none;
  padding: 0.675rem 1rem;
  border-radius: 0.1875rem;
  margin: 1rem;
  overflow: visible;
  text-align: center;
  justify-content: center;
  text-decoration: none;
  transition: background 0.13s ease-in 0.02s; }
  button.icon, .button.icon, a.button.icon, .standard.icon, a.standard.icon,
  .standard_alt.icon, a.standard_alt.icon,
  .standard_dark.icon, a.standard_dark.icon,
  .standard_light.icon, a.standard_light.icon,
  .standard_trans.icon, a.standard_trans.icon,
  .standard_negative.icon, a.standard_negative.icon,
  .standard_positive.icon, a.standard_positive.icon,
  .standard_grey.icon, a.standard_grey.icon,
  .standard_cancel.icon, a.standard_cancel.icon,
  .standard_ok.icon, a.standard_ok.icon {
    display: flex;
    line-height: 1.2rem;
    /*for icon*/
    align-items: center; }
    button.icon i, .button.icon i, a.button.icon i, .standard.icon i, a.standard.icon i,
    .standard_alt.icon i, a.standard_alt.icon i,
    .standard_dark.icon i, a.standard_dark.icon i,
    .standard_light.icon i, a.standard_light.icon i,
    .standard_trans.icon i, a.standard_trans.icon i,
    .standard_negative.icon i, a.standard_negative.icon i,
    .standard_positive.icon i, a.standard_positive.icon i,
    .standard_grey.icon i, a.standard_grey.icon i,
    .standard_cancel.icon i, a.standard_cancel.icon i,
    .standard_ok.icon i, a.standard_ok.icon i {
      margin-right: 0.5rem; }
  button:hover, .button:hover, a.button:hover, .standard:hover, a.standard:hover,
  .standard_alt:hover, a.standard_alt:hover,
  .standard_dark:hover, a.standard_dark:hover,
  .standard_light:hover, a.standard_light:hover,
  .standard_trans:hover, a.standard_trans:hover,
  .standard_negative:hover, a.standard_negative:hover,
  .standard_positive:hover, a.standard_positive:hover,
  .standard_grey:hover, a.standard_grey:hover,
  .standard_cancel:hover, a.standard_cancel:hover,
  .standard_ok:hover, a.standard_ok:hover {
    background: #b3b3b3;
    cursor: pointer;
    transition: background 0.13s ease-in 0.02s; }
  button.nowrap, .button.nowrap, a.button.nowrap, .standard.nowrap, a.standard.nowrap,
  .standard_alt.nowrap, a.standard_alt.nowrap,
  .standard_dark.nowrap, a.standard_dark.nowrap,
  .standard_light.nowrap, a.standard_light.nowrap,
  .standard_trans.nowrap, a.standard_trans.nowrap,
  .standard_negative.nowrap, a.standard_negative.nowrap,
  .standard_positive.nowrap, a.standard_positive.nowrap,
  .standard_grey.nowrap, a.standard_grey.nowrap,
  .standard_cancel.nowrap, a.standard_cancel.nowrap,
  .standard_ok.nowrap, a.standard_ok.nowrap {
    white-space: nowrap; }
  button[disabled], button.disabled, .button[disabled], .button.disabled, a.button[disabled], a.button.disabled, .standard[disabled], .standard.disabled, a.standard[disabled], a.standard.disabled,
  .standard_alt[disabled],
  .standard_alt.disabled, a.standard_alt[disabled], a.standard_alt.disabled,
  .standard_dark[disabled],
  .standard_dark.disabled, a.standard_dark[disabled], a.standard_dark.disabled,
  .standard_light[disabled],
  .standard_light.disabled, a.standard_light[disabled], a.standard_light.disabled,
  .standard_trans[disabled],
  .standard_trans.disabled, a.standard_trans[disabled], a.standard_trans.disabled,
  .standard_negative[disabled],
  .standard_negative.disabled, a.standard_negative[disabled], a.standard_negative.disabled,
  .standard_positive[disabled],
  .standard_positive.disabled, a.standard_positive[disabled], a.standard_positive.disabled,
  .standard_grey[disabled],
  .standard_grey.disabled, a.standard_grey[disabled], a.standard_grey.disabled,
  .standard_cancel[disabled],
  .standard_cancel.disabled, a.standard_cancel[disabled], a.standard_cancel.disabled,
  .standard_ok[disabled],
  .standard_ok.disabled, a.standard_ok[disabled], a.standard_ok.disabled {
    cursor: not-allowed;
    background: #bbb;
    border-color: #aaa;
    color: #fff; }
    button[disabled]:hover, button.disabled:hover, .button[disabled]:hover, .button.disabled:hover, a.button[disabled]:hover, a.button.disabled:hover, .standard[disabled]:hover, .standard.disabled:hover, a.standard[disabled]:hover, a.standard.disabled:hover,
    .standard_alt[disabled]:hover,
    .standard_alt.disabled:hover, a.standard_alt[disabled]:hover, a.standard_alt.disabled:hover,
    .standard_dark[disabled]:hover,
    .standard_dark.disabled:hover, a.standard_dark[disabled]:hover, a.standard_dark.disabled:hover,
    .standard_light[disabled]:hover,
    .standard_light.disabled:hover, a.standard_light[disabled]:hover, a.standard_light.disabled:hover,
    .standard_trans[disabled]:hover,
    .standard_trans.disabled:hover, a.standard_trans[disabled]:hover, a.standard_trans.disabled:hover,
    .standard_negative[disabled]:hover,
    .standard_negative.disabled:hover, a.standard_negative[disabled]:hover, a.standard_negative.disabled:hover,
    .standard_positive[disabled]:hover,
    .standard_positive.disabled:hover, a.standard_positive[disabled]:hover, a.standard_positive.disabled:hover,
    .standard_grey[disabled]:hover,
    .standard_grey.disabled:hover, a.standard_grey[disabled]:hover, a.standard_grey.disabled:hover,
    .standard_cancel[disabled]:hover,
    .standard_cancel.disabled:hover, a.standard_cancel[disabled]:hover, a.standard_cancel.disabled:hover,
    .standard_ok[disabled]:hover,
    .standard_ok.disabled:hover, a.standard_ok[disabled]:hover, a.standard_ok.disabled:hover {
      background: #bbb;
      border-color: #aaa;
      color: #fff; }

* {
  box-sizing: border-box; }

html, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, fieldset, embed, object, applet {
  margin: 0;
  padding: 0;
  border: 0; }

html {
  width: 100%;
  height: 100%;
  font-size: 100%;
  /*default for REMMING*/ }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25 / 1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
    html {
      font-size: 70%;
      /*hd 1:1.25*/ } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.35), only screen and (min--moz-device-pixel-ratio: 1.35), only screen and (-o-min-device-pixel-ratio: 1.35 / 1), only screen and (min-device-pixel-ratio: 1.35), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.35dppx) {
    html {
      font-size: 50%;
      /*hd 1:1.25*/ } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi), only screen and (min-resolution: 1.5dppx) {
    html {
      font-size: 90%;
      /*hd 1:1.5*/ } }

p {
  line-height: 130%; }

b, strong {
  font-weight: 500; }

a, b, p, span, input, textarea, div, h1, h2, h3, h4, h5, h6, form {
  font-family: 'Mulish', Arial, Helvetica, sans-serif; }

h2 {
  font-size: 3rem;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    h2 {
      font-size: 2rem; } }

body {
  font-family: 'Mulish', Arial, Helvetica, sans-serif;
  font-weight: 200;
  background: #000000;
  color: #ffffff;
  overflow-x: hidden; }
  body .app_title {
    display: flex;
    margin-left: 2rem;
    flex-direction: row;
    align-items: center; }
    body .app_title button {
      margin-left: 1rem; }
    body .app_title #total_hash .pill {
      margin-left: 2rem; }
  body h1 {
    font-size: 2rem; }
  body .miner_container {
    width: calc(100% - 2rem);
    padding: 1rem;
    margin: 1rem;
    border: 4px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-evenly; }
    body .miner_container .miner_outer {
      margin: 1rem;
      display: flex;
      flex-direction: column;
      background: rgba(0, 128, 0, 0.5);
      min-height: 100%; }
      body .miner_container .miner_outer .miner_title {
        text-align: center; }
      body .miner_container .miner_outer .miner_content {
        background: rgba(255, 255, 255, 0.2);
        display: flex;
        flex-direction: column;
        flex: 1; }
        body .miner_container .miner_outer .miner_content .miner_head {
          display: flex;
          flex-direction: row;
          justify-content: space-between; }
          body .miner_container .miner_outer .miner_content .miner_head > div {
            flex: 0 0 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0.5rem;
            border-right: 2px solid rgba(0, 0, 0, 0.2); }
            body .miner_container .miner_outer .miner_content .miner_head > div .val {
              font-size: 1.5rem; }
            body .miner_container .miner_outer .miner_content .miner_head > div .desc {
              font-size: 0.875rem; }
            body .miner_container .miner_outer .miner_content .miner_head > div:last-child {
              border: 0; }
        body .miner_container .miner_outer .miner_content .miner_foot {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          padding: 1rem; }
          body .miner_container .miner_outer .miner_content .miner_foot .power_usage {
            font-size: 1.5rem; }
          body .miner_container .miner_outer .miner_content .miner_foot .efficiency {
            font-size: 1.5rem; }
        body .miner_container .miner_outer .miner_content .miner_row {
          font-size: 0.875rem;
          display: flex;
          flex-direction: row;
          align-items: center;
          background: #333;
          border-bottom: 2px solid rgba(0, 0, 0, 0.2); }
          body .miner_container .miner_outer .miner_content .miner_row.fake {
            flex: 0 1 100%; }
          body .miner_container .miner_outer .miner_content .miner_row > div {
            padding: 0.3rem 0.5rem; }
          body .miner_container .miner_outer .miner_content .miner_row .device_name {
            flex: 1; }
          body .miner_container .miner_outer .miner_content .miner_row .device_temp .pill {
            min-width: 4rem;
            text-align: center;
            padding: 0.3rem 0rem;
            justify-content: center; }
          body .miner_container .miner_outer .miner_content .miner_row .device_speed .pill {
            min-width: 5rem;
            text-align: center;
            justify-content: center;
            padding: 0.3rem 0rem; }
          body .miner_container .miner_outer .miner_content .miner_row .device_power .pill {
            min-width: 3rem;
            text-align: center;
            justify-content: center;
            padding: 0.3rem 0rem; }
          body .miner_container .miner_outer .miner_content .miner_row .device_eff {
            width: 3rem; }
            body .miner_container .miner_outer .miner_content .miner_row .device_eff span.negative {
              color: #cc0000;
              font-weight: bold; }
            body .miner_container .miner_outer .miner_content .miner_row .device_eff span.positive {
              color: #00cc00; }
          body .miner_container .miner_outer .miner_content .miner_row .device_shares {
            width: 6rem; }
            body .miner_container .miner_outer .miner_content .miner_row .device_shares span.sep {
              margin-left: 0.3rem;
              margin-right: 0.3rem; }
            body .miner_container .miner_outer .miner_content .miner_row .device_shares span.accepted {
              font-weight: 500;
              color: #00cc00; }
            body .miner_container .miner_outer .miner_content .miner_row .device_shares span.rejected {
              font-weight: 500;
              color: #cc0000; }
            body .miner_container .miner_outer .miner_content .miner_row .device_shares span.stale {
              font-weight: 500;
              color: #727226; }
  body .pill {
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.9375rem;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3%/40%;
    border-radius: 1.25rem;
    font-weight: 400;
    line-height: initial;
    white-space: nowrap;
    color: #ffffff; }
    body .pill.col {
      flex-direction: column; }
    body .pill.left {
      align-items: flex-start;
      justify-content: flex-start; }
    body .pill > [class*="fa"] {
      margin-right: 0.3rem; }
    body .pill.icr > [class*="fa"] {
      margin-right: 0;
      margin-left: 0.3rem; }
    body .pill[data-state="hidden"] {
      display: none; }
    body .pill[data-state="visible"] {
      display: inline-flex; }
    body .pill.positive {
      background: #A7FFAD;
      color: #000; }
      body .pill.positive.hard {
        background: #55ff55;
        color: #000; }
    body .pill.medium {
      background: #E8E4A8;
      color: #000; }
      body .pill.medium.hard {
        background: #aaaa00;
        color: #fff; }
    body .pill.negative {
      background: #ffcccc;
      color: #000; }
      body .pill.negative.hard {
        background: #ff5555;
        color: #000; }
    body .pill.none {
      background: #eeeeee;
      color: #000; }
      body .pill.none.hard {
        background: #cccccc;
        color: #000; }
    body .pill.trans {
      background: transparent; }
      body .pill.trans.border {
        border: 1px solid rgba(0, 0, 0, 0.1); }
    body .pill.wrap {
      white-space: normal; }
    body .pill.sm {
      font-weight: 500;
      padding: 0.2rem 0.6rem;
      font-size: 0.8rem; }
    body .pill.icon {
      padding: 0.25rem 0.5rem; }
      body .pill.icon i {
        margin: 0 !important; }
  body .pillbox {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    body .pillbox .pill {
      margin-left: 0;
      margin-right: 0.5rem;
      margin-bottom: 0.5rem; }