.toolbar {
    width: 100%;
    border: 1px solid #ccc;
    display: inline-block;
    background: #f0f9ff; /* Old browsers */
    background: -moz-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
}

.left-align {
    float: left;
    display: flex;
}

.right-align {
    float: right;
    display: flex;
}

.tb-btn-txt {
    height: 25px;
    margin: 3px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: flex;
}

    .tb-btn-txt:hover {
        border: 1px solid #888;
    }

    .tb-btn-txt p {
        pointer-events: none;
        font-size: 10pt;
        padding: 6px;
        vertical-align: middle;
        text-align: center;
    }

    .tb-btn-txt i {
        pointer-events: none;
        padding: 2px;
        margin: 2px;
    }

    .tb-btn-txt b {
        pointer-events: none;
        width: 15px;
        height: 15px;
        padding: 2px;
        margin: 2px;
        border: 1px solid #ccc;
    }

.tb-btn-icon {
    width: 25px;
    height: 25px;
    margin: 3px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.right {
    float: right;
}

.small i {
    padding: 8px;
    font-size: 7pt;
}

.large i {
    padding: 4px;
}

.active {
    border: 2px solid #000;
}