.title {
    padding-top: 3rem !important;
    color: #aaa;
    padding-bottom: 1.5rem !important
}

.title .logo {
    font-size: 3.5rem;
    font-weight: 300;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 1.2
}
.title img {
    max-width: 200px;
}

a {
    color: #03a678
}

a:hover {
    color: #025b42
}

body {
    font-size: 14px;
    line-height: 1.428571429;
    color: #6f6e6e;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    margin-top: 5px
}

.h3, h3 {
    font-size: 32px;
    margin-bottom: 10px
}

.navbar-inverse {
    background-color: #2d5768;
    border-color: #f9f9f8;
    border-width: 0
}

.navbar-inverse .container {
    background-color: rgba(0, 0, 0, 0)
}

.navbar-inverse .navbar-brand {
    color: #fff
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0)
}

.navbar-inverse .navbar-text {
    color: #cee3e4
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #03a678
}

.stats > div:not(#addressError):not(div.tab) {
    color: #7c7c7c;
    padding: 10px 0
}

.stats > div:not(#addressError):not(div.tab).marketFooter {
    padding: 5px 0
}

.stats > div:not(#addressError) > span:not(.input-group-btn):first-of-type {
    font-weight: 500;
    padding: 0 2px;
    color: #336a80
}

.table th {
    font-weight: 500
}

code {
    padding: 2px 10px;
    color: #db2b24;
    background-color: #fdecf1;
    border-radius: 0
}

.table > thead > tr > th {
    color: #336a80;
    border-bottom-color: #336a80
}

.table > tbody > tr > td {
    border-top-color: #c9e0e9
}

@media (max-width: 1000px) {
    .container > .navbar-collapse, .container > .navbar-header {
        margin-right: -15px;
        margin-left: -15px
    }

    .navbar > .container .navbar-brand {
        margin-left: 0
    }

    .navbar-header {
        float: none
    }

    .navbar-toggle {
        display: block
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px
    }

    .navbar-collapse.collapse.in {
        display: block !important
    }
}

b {
    font-weight: 500
}

.navbar {
    font-size: 1.1em
}

.navbar-collapse.in {
    overflow-y: auto;
    overflow-x: hidden
}

a {
    color: #3ab34d
}

a:hover {
    color: #34a045
}

.navbar-inverse {
    background-color: #003000
}

.navbar-inverse .container {
    background-color: rgba(0, 0, 0, 0)
}

.navbar-inverse .navbar-brand {
    color: #fff
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0)
}

.navbar-inverse .navbar-text {
    color: #cee3e4
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #336a00
}

.stats > div:not(#addressError) {
    color: #e2e2e2
}

.stats > div:not(#addressError) > span:not(.input-group-btn):first-of-type {
    color: #ddd500
}

code {
    color: #fff500;
    background-color: #3d3d3d
}

.table > thead > tr > th {
    color: #c2c2c2;
    border-bottom-color: #c2c2c2
}

.table > tbody > tr > td {
    border-top-color: #c9e0e9
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #000
}

.favIcon {
    margin-top: -4px;
    height: 22px;
    width: 22px
}

.stats:last-child {
    width: auto
}

.stats > h3 > i {
    font-size: .8em;
    width: 21px
}

.stats > div {
    padding: 3px 0
}

.stats > div > span:first-of-type {
    font-weight: 700
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 6px
}

table#pools thead th:not([nosort]) {
    cursor: pointer
}

table#pools tr .algo, table#pools tr .blocks, table#pools tr .height, table#pools tr .miners, table#pools tr .network, table#pools tr .payments, table#pools tr .pool, table#pools tr .workers {
    text-align: center
}
table#pools .name,
table#pools .network,
table#pools .payments
{
    width: 12%;
}
table#pools .algo,
table#pools .blocks,
table#pools .miners,
table#pools .workers,
table#pools .height,
table#pools .join
{
    width: 8%;
}
table#pools .pool {
    width: 16%;
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.width200 {
    width: 195px
}

.hidden {
    display: none
}

.nav_bg {
    background: #343a40;
    border-bottom-color: #000
}

.table > thead > tr > th {
    color: #fff;
    border-bottom-color: #fff
}

.highlight {
    background: #131518
}

.table > tbody > tr > td {
    border-top-color: #a0a0a0
}

.table > thead > tr > th {
    border-bottom-color: #343a40
}

body {
    color: #e5e5e5;
    background-color: #272b30
}

a {
    color: #9ecfff
}

a:hover {
    color: #1e90ff
}

.table > tbody > tr:hover td, .table > tbody > tr:hover th {
    background: #292e33
}

@media only screen and (min-width: 150px) {
    .navbar-brand, .navbar-collapse, .navbar-inverse {
        font-size: 4px
    }

    .favIcon {
        height: 12px;
        width: 12px
    }
}

@media only screen and (min-width: 170px) {
    .navbar-brand, .navbar-collapse, .navbar-inverse {
        font-size: 6px
    }

    .favIcon {
        height: 12px;
        width: 12px
    }
}

@media only screen and (min-width: 190px) {
    .navbar-brand, .navbar-collapse, .navbar-inverse {
        font-size: 6px
    }

    .favIcon {
        height: 12px;
        width: 12px
    }
}

@media only screen and (min-width: 240px) {
    .navbar-brand, .navbar-collapse, .navbar-inverse {
        font-size: 10px
    }

    .favIcon {
        height: 16px;
        width: 16px
    }
}

@media only screen and (min-width: 255px) {
    .navbar-brand, .navbar-collapse, .navbar-inverse {
        font-size: 12px
    }

    .favIcon {
        height: 16px;
        width: 16px
    }
}

@media only screen and (min-width: 260px) {
    .navbar-brand, .navbar-collapse, .navbar-inverse {
        font-size: 12px
    }

    .favIcon {
        height: 16px;
        width: 16px
    }
}

@media only screen and (min-width: 320px) {
    .navbar-brand, .navbar-collapse, .navbar-inverse {
        font-size: 14px
    }

    .favIcon {
        height: 24px;
        width: 24px
    }
}

@media only screen and (min-width: 480px) {
    .navbar-brand, .navbar-collapse, .navbar-inverse {
        font-size: 14px
    }
}

@media only screen and (min-width: 768px) {
    .navbar-collapse, .navbar-inverse {
        font-size: 12px
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .navbar-collapse, .navbar-inverse {
        font-size: 14px
    }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
    .navbar-brand {
        font-size: 14px
    }
}

@media only screen and (min-width: 1200px) {
    .navbar-brand, .navbar-collapse, .navbar-inverse {
        font-size: 14px
    }
}

@media only screen and (min-width: 1900px) {
    .navbar-brand, .navbar-collapse, .navbar-inverse {
        font-size: 15px
    }
}

table#pools .btn-primary {
  border-color:   #10122d;
  background-color:   #10122d;
}


table#pools .increase {
    background-color: #28a745
}

table#pools .decrease {
    background-color: #dc3545
}