.Bosphorus-Toolbar {
    background-color: #fff;
    width: 100%;
    display: table;
    padding:4px;
    border-bottom:solid 1px #efefef;
}

.hidden {
    display:none;
}

.toolbar-button {
    padding: 3px;
    margin: 3px;
    float: left;
    display: inline-flex;
    cursor: pointer;
}
.toolbar-button: {
background-color:#ccc;
}
.toolbar-button-right-bordered {
    border-right: solid 1px #ccc;
    padding-right:15px;
}

.toolbar-img-div {

}

    .toolbar-img-div img {
        float: left;
        width: 24px !important;
        height: 24px !important;
    }

.toolbar-text-div {
    margin-top: 4px;
    margin-left: 6px;
    color:#121212;
}
.toolbar-menu-container {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 2;
    width: 200px;
    border: solid 1px #ededed;
    padding: 4px;
    border-radius: 4px;
    margin-top: 35px;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}
.toolbar-button-menu-item {
    padding: 5px;
    cursor: pointer;
}
@media(max-width: 1024px) {
    .Bosphorus-Toolbar {
        padding:3px
    }
    .toolbar-text-div {
        display: none;
    }
}
@media(max-width: 768px) {
    .Bosphorus-Toolbar {
        padding:2px
    }
    .toolbar-text-div {
        display:none;
    }
    .toolbar-button {
        padding: 0px;
        margin: 5px;
        float: left;
        display: inline-flex;
    }
    .toolbar-img-div img {
        width: 22px;
        height: 22px;
        margin: 1.5px;
    }
    .toolbar-button {
        margin: 0px;
    }
}