pm-controls/source/app/controls/components/toolbar/toolbar.css

ProModel Controls

.toolbar-container {    
    /* border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9; */
    height: 35px;
    min-height: 35px;
    /* -webkit-box-shadow: inset 0 1px 0 0 #fff;
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff; 
    background-color: rgb(250, 250, 250);*/
    background-color: rgba(0,0,0,.03);
    
    /*background-color: #f5f5f5;
     background-image: -webkit-linear-gradient(top,#f5f5f5,#eee);
    background-image: -moz-linear-gradient(top,#f5f5f5,#eee);
    background-image: -ms-linear-gradient(top,#f5f5f5,#eee);
    background-image: -o-linear-gradient(top,#f5f5f5,#eee);
    background-image: linear-gradient(top,#f5f5f5,#eee); */

    /* color: rgba(0,0,0,.7);
    color: rgba(0,0,0,.5); */
    color: #555555;
    font-weight: bold;
    position: relative;

    display: flex;
}

.toolbar-default-border {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

.toolbar-bottom-border {
    border-bottom: 1px solid #c0c0c0;
}

.toolbar-top-border {
    border-top: 1px solid #c0c0c0;
}

.toolbar-left-border {
    border-left: 1px solid #c0c0c0;
}

.toolbar-right-border {
    border-right: 1px solid #c0c0c0;
}

.toolbar-left {
    padding-left: 4px;
    display: flex;
    align-items: center;
}

.toolbar-right {
    display: flex;
    margin-left: auto;
    align-items: center;
    border-left: 1px solid #c0c0c0;
}

.toolbar-divider {
    border-right: 1px solid #c0c0c0;
    height: 100%;
    padding-left: 4px; 
}

.toolbar-button-container {
    display: flex;
    padding-left: 4px;
}

.toolbar-header-font {
    font-size: 1.2em;
    font-weight: bold;
}