blockchain-log .bc-wrapper {
    height: 60px;
    background: #181C22;
    color: #646B73;
    width: 100%;
    padding: 15px 30px 15px 50px;
}

blockchain-log .blckLegend {
    font-size: 16px
}

blockchain-log #bc-wrapper-block {
    position: relative;
    min-height: 30px;
}
blockchain-log #bc-wrapper-block .material-icons {
    position: relative;
    left: -32px;
    top: 4px;
}

blockchain-log .block {
    line-height: 30px;
    color: #2EB9D6;
    position: absolute;
    top: 0;
    left: 100%;
    height: 30px;
    width: 30px;
    border-radius: 4px;
    opacity: 5;
    border: 1px solid #2EB9D6;

    cursor: default;

    text-align: center;
    font-size: 12px;
    font-weight: 700;
    transition: background-color .5s ease;

    user-select: none;
}

blockchain-log .block:last-child{
    transition: background-color 1s ease;
    background: #2EB9D6;
    color: #222832;
    border-color: #2EB9D6
}

blockchain-log .block:hover {
    transition: color 0.2s ease, border 0.2s ease;

    border: 1px solid #22697A;
    color: #22697A
}

blockchain-log #details {
    background: #222832;
    color: #646B73;
    /*display: none;*/
    position: relative;
    top: 40px;
    width: 400px;
    border-radius: 10px;
    padding: 15px 30px;
    word-break: break-all;
    font-size: 12px;
    z-index: +1;
}