html {
    --antpool: url('/https/bitaps.com/static/img/pool_icons/antpool.png');
    --slushpool: url('/https/bitaps.com/static/img/pool_icons/slush_pool.png');
    --huobipool: url('/https/bitaps.com/static/img/pool_icons/huobi.ico');
    --tigerpool: url('/https/bitaps.com/static/img/pool_icons/tigerpool.ico');
    --bitfury: url('/https/bitaps.com/static/img/pool_icons/bitfury.svg');
    --sigma: url('/https/bitaps.com/static/img/pool_icons/sigma.svg');
    --foundryusa: url('/https/bitaps.com/static/img/pool_icons/foundryusa.png');
    --sbicrypto: url('/https/bitaps.com/static/img/pool_icons/sbicrypto.png');
    --unknown: url('/https/bitaps.com/static/img/pool_icons/incognito.png');
    --segwit-chart-segwit: #50B432;
    --segwit-chart-legacy: #3e4952;
}

html[data-theme='dark'] {
    --antpool: url('/https/bitaps.com/static/img/pool_icons/antpool_white.png');
        --slushpool: url('/https/bitaps.com/static/img/pool_icons/slush_pool_white.png');
        --huobipool: url('/https/bitaps.com/static/img/pool_icons/huobi_white.ico');
        --tigerpool: url('/https/bitaps.com/static/img/pool_icons/tigerpool.ico');
        --bitfury: url('/https/bitaps.com/static/img/pool_icons/bitfury_white.svg');
        --sigma: url('/https/bitaps.com/static/img/pool_icons/sigma.svg');
        --foundryusa: url('/https/bitaps.com/static/img/pool_icons/foundryusa_white.png');
        --sbicrypto: url('/https/bitaps.com/static/img/pool_icons/sbicrypto.png');
        --unknown: url('/https/bitaps.com/static/img/pool_icons/incognito_white.png');
        --segwit-chart-segwit: #50B432;
    --segwit-chart-legacy: #3e4952;
}


.height a {
    color: #1565C0 !important;

}


.cbrow {

}
.cbtag {

    color: #009688;
}
.cbwrap {
    font-family: 'Roboto', sans-serif!important;
    display: inline-block!important;
    color: var(--value-color) !important;
        overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}



.miner {
    width: 7em;
    margin-left: 1em;
    text-align: center;
}

.verbose  {
    background-color: var(--block-verbose-background);
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 1.4em;
}

#blocks-timeline
{
    font-size: 1.1em;
}
.coinbase-timeline
{
    color:var(--card-text-color);
    font-weight: bold!important;
}


.timeline-line {
    position: relative;
    border-left: 0.2em solid var(--timeline-color);
    margin-left: 1em;
    margin-right: 1em;

}

.timeline .time-date {
    position: absolute;
    left: -12.5em;
    top:0.3em;
    text-align: right;
     font-size: 1.1em!important;
}



.transactions {
     width: 7em;
    margin-left: 1em;
    text-align: center;
}

.fee {
     width: 7em;
    margin-left: 1em;
    text-align: center;
}

.size {
     width: 7.5em;
    margin-left: 1em;
    text-align: center;
}

.stripped-size {
     width: 7em;
    margin-left: 0.5em;
    text-align: center;
}

.age {

 width: 7em;
    margin-left: 1em;
    text-align: center;
}

.version {
     width: 7em;

    margin-left: 1em;
    text-align: center;
}

.time {
    flex: 0 0 8em;

    margin-left: 1em;
    text-align: center;
}

.block-brief {
    padding-top: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-bottom:1px solid var(--card-line-color);
    padding-bottom: 1em;
}
.block-brief:hover {
  background-color:var(--card-element-hover);
}
.reward {
    flex: 0 0 7em;
    margin-left: 1em;
    text-align: center;
}

.tml-table-wrap{
    margin-top:1em;
}
.hash {
    font-family: 'Roboto', sans-serif;
    font-size: 0.95em;
    color: #888;
    margin-left: 0.4em;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 58em;
}

.coinbase {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tx-data {
    margin-top: -0.7em;
    padding-top: 0;
    font-size: 0.7em;
    color: #444;
}



.iSlush-icon {
    background-image: url(/https/bitaps.com/static/img/slush.png);
}
.icon-pool {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    width: 1em;
    /*margin-left: 0.5em;*/
    /*margin-right: 0.9em;*/
    display: inline-block;
    /*margin-right: 0.357em;*/
    /*margin-top: 0.843em;*/
    padding-left: 0em;
}
.iukrpool-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/ukr.png');}
.ilubian_com-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/lbn.png');}
.ispiderpool-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/spider.png');}
.ibinance-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/binance.png');}
.ibinance_com-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/binance.png');}
.ibuffett-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/buffet.png');}
.iokex-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/okex.png');}
.ipoolin-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/poolin.png');}
.inovablock-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/nb.png');}
.ibitfury-icon {background-image: var(--bitfury);}
.ibtc_top-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/btctop.png');}
.ibixin-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/bixin.png');}
.iantpool-icon {background-image: var(--antpool);}
.if2pool-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/f2pool.png');}
.ibitclub-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/BitClub.png');}
.ikncminer-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/knclogo.png');}
.islush-icon {background-image: var(--slushpool);}
.ikano_ck-icon {background-image: url('data:image/gif;base64,R0lGODlhEAAQAIQQAAgFCBoSFyEVGzAgLEYvPk44TF9DWXNQaIBXdpNmiKZzl7V+qMSHtdiVxeei1/+y7QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEKAAUALAAAAAAQABAAAAVDYCGOT/mMKGmuqbi+JwrD6vy6Q57bxQvYLwNC4QCWBsVHw/A4OJ2LVQCgePxmvUNJwKjSeo8EwZD8go0pdIvXqsVQIQA7')}
.inicehash-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/NiceHash_Solo.png');}
.ibtcc-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/BTCC.png');}
.ibw_com-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/BW_COM.png');}
.i21_inc.-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/21_Inc.png');}
.i1hash-icon {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABBklEQVR42mMwtff+TwlmoKoBPZNm/p8wbc7/CVPn/O+eOP2/lUvAf3NH3/99k2fBxUFqcBqQW1L7f++BI/+PnTzzv6iyCazZzMHnf05xzf83b9/933fw6P/8snr8XohOzv3/7PmL/xcuX/3v6BUKFgMZ8O79h//x6QWEwyAureD/v3///r96/ea/s084WOzjp8//QSApq5h4A16+QhjwHmg7ZQZ8oNiAj6Qb8Pfv3/8/f/4C4p9gPskGgEK9uqnzf0F5w/8vX76SZgDIdnQvgAxNzCwibEBxVRPWMACJldW24jcAlALfvnv//zPQyU+ePvvv5A0x4MXL12AxkNzxU2dpmJnIwQCJoznullk50QAAAABJRU5ErkJggg==')}
.ighash_io-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/GHash_IO.png');}
.ibitminter-icon {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACmlBMVEUAAADtx2OskEfRp0PXrkfAn0ztx2Ptx2Ptx2PhvF3jvl7tx2PAoE6sjUHUpT3SoDiylEa4lkTtx2Pkv17ivV3tx2Ptx2OxkUPOnDnRnzmxkUHkqTXfoCzhnSvmsTvot0niqTHhs0vw25niqz/567LcnivmsDnpuk3ns0Dqtz/jpCvhsk3tz3XepCn245PXlCLqu0LntT/nsjfot0PmtUTquUHu15Pr05Dv2prz3IHku0T245XaqjjZrE7puDzrv0XmrDXouEflrjTpszjhvWfjukTwzlXow0rXoTLXpTzsxU3z1mnZrlHsuz7swUjhpS7ot0jpt0Lrv0fwzFPgtkLxz1jdrDnpuTfsvz3VnDPx0Frx0VvVlSXuwkvlrTbmszzpuULswU7z2Wzkvlj134Hcrz3lry7ptjTjvmH345rcsU3enirtw0vsvUjmsz3krTPquUDuxlXz1mTjvFX134PsxU7pxVn6777677324IzNkzbkpi/qukbuxE/lrjXkqjHvx1Px0VzhuVP134fkuUnOjSzJiy7aqkf02Hf13oXYqU7qtUDvxFHkqjLmszvpt0Htwk7wy1Pftk/24Y3er0bipCvnrzfinifmxG7kwmroszrot0fotD3rv0jrvT3dsEv24ZLdsEnflyTjoyvhqT/26cH456Lct2HntTzqu0bnsTbotT3kxHD57L7z1m3z3If789L79db68MTr1YXUmi3txE/iqDHot0bkqDLetFnSoUbftVDw03PZr1T345LTpU3Snj3doiztwEvkrTXpukrkqzrjpi/otDbfrUHs0YHcnTD566rYmiTrukXtxFDkrDblrTvouEriqTLdqj3UqVPhqzjgv3TeqDDkrDPqvlHmrjjipi7ioi3///+mhIcYAAAAG3RSTlMAGErX000PMys2OxJWQNXWR08eQjg2FUvV0kHhUFJtAAAAAWJLR0TdcGezIQAAAAd0SU1FB+ADHREIOMJ8v2EAAAEUSURBVBhXY2BgYGBkYpaWkZVjYWVjAAN2eQVFJWUVVTUFdQ4Qn1NDU0tbR1dP38DQyJiLgYHbxNTM3MLSytrG1s7ewZGRgcfJ2cXVzd3D08vbx9fPn5chIDAoOCQ0LDwiMio6JjaOjyE+ITEpOSU1LT0jMys7JzePIb+gsKi4pLSsvKKyqrqmto6h3rShsam5pbWtvaOzq7unl6Gvf8LESZOnTJ02fcbkmbMm5DHMnjN33vwFCxctXrJ02fIVK/kZBFatXrM2c936DRs3bd6ydZsgg9D2HTt37d6zd9/+AwcPHT7CzcAgfPTY8RMnT50+c/bc+QsiYM9dvHT5ytVr11feuCkK8a6YuMSt23fkJKUYgRwAtIdiIdiw7dEAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMDMtMjlUMTc6MDg6NTcrMDI6MDB2fEJEAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE2LTAzLTI5VDE3OjA4OjU2KzAyOjAwoVbxTAAAAABJRU5ErkJggg==')}
.ieligius-icon {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAByFBMVEUAAADJs3nIrGLHp07IqlfFrGvGrXHgwWf84Yr+5I784o3u0Xm4l0TEpl322oTivFzYtF3FmDLXs1riulz424XJqU+rlmP23IX01nzCky20gxvjzI6vijTlz5LRo0PqvVr+5ZG5mT+6qoPewmvImDW9kzjDoVHr1pjq1ZfJpVHovl3uwFqMahXPu4bpxWzPnj7OqFXlzov96qzSuXLgyIPStmvpvFG0o3rOs2nesVTWpUbVtWeshi3DmDbw3Jzex4HcrULmtU/63YXavGKQdTXNsFris1HktFHis1XcvG7Xvnjo0Y29n1HUozjdq0XlyXF+XhHNr1rnuFPwwl/lxXWxk0W8nEvjzYr65qjAlDfWoz/22oF6WQvLr2fuxGDsvFPgwXK2kjzKokTdwnq/mUDRs1qIbCjNuor11Hjjs0rQsWL24qLv2pn86avQtW3RoTrsw2Sphy6nlGXNrVXnvlrFnD2xjjqzlUvm0JS5jzPpznZ9Wgfoy3PrxGPPoj/jyom9mkjky4vpu1npvmL53omdeiOfiVXCqm/mynTlwGfkwWv+6Jf13oulhS6LcS/EplXr0Hvz2oazmlyjgzSUcx+WeDKok2H///+SpcJgAAAAAXRSTlMAQObYZgAAAAFiS0dEl+ZuG68AAAAHdElNRQfgAxwSBR9oIq17AAAA80lEQVQYV2NgAAFGJmYWVgY4YGPn4OTi4uTmgfJ5+Tj4BQSFhEU4RcXAysUlJKWkZWTl5CUUFJWAAspcKqpq6kwamlrafOI6DAy6Cnr6BoZGxiZGpmZanIrmDBYKllZW1kY2tnb2Do5Ozi4Mrgpu7h6eRl7eRj6+fhL+AQyBCu5BwSFGoWHhEZFR0f4xDLEKcfHyCUaJSclGKVacqWkM6eIZmVnZRjnZuXn5BQqFRQwMxVwlpWWy5RWVvu5OVdVAd6TXcNTW1Tc0NjW3tLS2gZza3qHAp9fZJdLd09sH9U3/BAWF7ompOm0ID0+aPGXqNDALAAw8NV6GaaHKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTAzLTI4VDE4OjA1OjMxKzAyOjAwryWx7QAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wMy0yOFQxODowNTozMSswMjowMN54CVEAAAAASUVORK5CYII=')}
.itelco_214-icon {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACnklEQVR42oVTWUiUURidh57qKYierJesIB8SrOg52pAhiqIQjBDJcAODtFySsmzEhpketIkc0gx0tpoR2hynxsot0tkcW6WFFnRQo7Fx/rn//ed073U2COqHj3vhv+fc851zP1U8HgcvRVFEyZSCkBgiMQnu2e+48taHWr8L7T4ngqFpEFlmRcRZjlMJcFxJE7ADUwtL2DZgwhpXO3JGhrDR9QCb3H6s0hWhxK7DbykCyi5KE2SAw9Eoch33seKmGllWLba6HmGX5wP2e78iq0OLdcYWNDpvMaUyw9BMAooYIfD/jGKt0YDV+lPIqy5Goc2GqtdfUPQtgpwuI1aW7sSOS/sEAVehSoIFgRzDnBTDbn0nDh8tgLriNPIdw1C/WUS+dwEbrmmwXluPCnszIyCgSoKAM/G112wRwBMlpSg4ex7Z5/Zic10+8jpbsH0ihC0jYRT75jEf4R4kTOTgQGBSALu67yAYnEKMJfAkFEWF9x2yHYXI7apB+fAnjM0tiQQIkdMpeH1+NF5oEgZySXH2418fvzCpWBCYzFZBYLbY/lv9zgFBInxLtSArMFmsfx02MT96TRb09JrRYzKLPb+ovLIK4fBiSoUqycaLErpc8rJM/ipFazwytsqs9wZGMu4JsD1Jx8gjURTuAUFEkvA5FMGPmRkE/H64B58JBTW19cJoe99DZiJhxKy4An5DaDaEu08n0WR8jmbbGFoNbThTW40Dh47gZEkZWq/q8Wrcw1RSkYKcOQsyldBuMGBsZBB91g6M9mvwwtWGhrpKaHQ3xPCIdtiA0YTs5YeXIJBYX33Ol2i9fhtll7ux5/hFHDuoRnOLDh7vVCo2StNeJWcn9ZD4DAxNTOPe41EE33/Er8VoQir3RU4BUsAMgj8LdmMYRxi4ggAAAABJRU5ErkJggg==')}
.ihaobtc-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/haobtc.png');}
.i1thash-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/1thash.png');}
.ihuobi-icon {background-image: var(--huobipool);}
.iviabtc-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/viabtc.svg');}
.ibcmonster-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/bcmonster.png');}
.iunknown-icon {background-image: var(--unknown);}
.ibtc_com-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/btccom.svg');}
.ibitcoin_com-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/bitcoin_com.png');}
.igbminers-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/gbminers.png');}
.itiger_pool-icon {background-image: var(--tigerpool);}
.isigmapool-icon {background-image: var(--sigma);}
.ifoundry_usa-icon {
    background-image: var(--foundryusa);
}
.isbi_crypto-icon {background-image: var(--sbicrypto);}
.idpool-icon {background-image: url('/https/bitaps.com/static/img/pool_icons/dpool.ico');}



    #blocks-list .miner {
        font-size: 1.2em !important;
        margin-left: 3em;
        width: 5em!important;
    }
.timeline{

    max-width: 55em;}

@media (max-width: 1050px) {
    #miners {
        font-size: 0.8em;

    }
}

@media (max-width: 950px) {
    #blocks-stat-wrapper {
        flex-direction: column !important;
        align-items: center;

    }

    #blocks-stat-wrapper div {
        width: 100% !important;
    }

    #miners {
        font-size: 1em;

    }

    #blocks-count {
        margin-bottom: 2em;
    }
}

@media (max-width: 1300px) {


}

@media (max-width: 1100px) {

    .stripped-size {
        display: none;
    }


}

@media (max-width: 950px) {

    .version {
        display: none;
    }



}

@media (max-width: 850px) {

    .fee {
        display: none;
    }

    .reward {
       display: none;
    }
    .block-hash {
        font-size: 1.1em !important;
    }
}
@media (max-width: 740px) {

    .tml-table-wrap {
        flex-direction: column!important;
        padding-left: 1em;
        padding-right: 1em;
    }

    .tml-table
    {
    margin: 0!important;}
}




@media (max-width: 620px) {
       .size {
       display: none;
    }
    .block-hash {
        font-size: 0.9em !important;
    }
     #blocks-timeline {
    /*font-size: 0.8em;*/
}
     html[data-theme='dark'] {
         --timeline-width: 0.25em;
     }
         .coinbase-timeline { display: none;}
       .label {
             display: block;
         }
       .transactions, .miner {
           margin-top: 0.2em;
       font-size: 1.2em;
    }

}


@media (max-width: 550px) {
    #blocks-day, #blocks-list-wrapper {
        padding: 0px;
    }

    .card-title {
        margin-left: 1em;
    }
       .size {
       display: none;
    }


    .time   {
        display: none;
    }
     .age { display: none;}

}

@media (max-width: 470px) {
         .miner {
             text-align: center;
           margin-top: 0.3em;
       font-size: 1.4em;
    }
    #blocks-list .miner {
        font-size: 1.4em !important;
        margin-left: 3em;
        width: 5em!important;
    }
    .transactions {
        margin-left: 0em;
        width: 5em;
    }
    .timeline .blocks {
        font-size: 0.85em;
    }
    .timeline {
        padding-left: 8em;
    }
    .timeline .time-date {
        left: -9.5em;
    }
.timeline li::after {
    left: -2.65em;
}
.timeline::before {

    left: 6.35em;
}
}