.dev_ribbon {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-top: 4px solid;
    color: #baca21;
    z-index: 100;

    .bubble {
        position: absolute;
        top: -5px;
        border-radius: 5px;
        background-color: #baca21;
        color: #fff;
        font: bold 11px/1em sans-serif;
        padding: 5px 8px 2px 5px;

        &.sim {
            color: #9c27b0!important;           
        }
    }

    .chain {
        right: -4px;
    }

    .wrongnet {
        right: 60px;
        color: red !important;
    }

    .db_off {
        right: 160px;
        color: red !important;
    }

    .connected {
        right: 60px;
    }

    .signedin {
        right: 60px;
        color: yellow !important;
    }

    &.rinkeby {
        color: #ffeb3b;

        .bubble {
            color: #2f2f2f;
            background-color: #ffeb3b;
        }
    }
}