.page[name='workstation'] > .content > .publish > .progress > div,
.page[name='workstation'] > .content > .play > .progress > div {
    background-color: #e3e3e3;
}
.page[name='workstation'] > .content > .publish > .button {
    color: #ffffff;
}
.page[name='workstation'] > .content > .publish > .button:not([status]) {
    border: 1px solid #31386c;
}
.page[name='workstation'] > .content > .publish > .button:not([status]):not(:hover) {
    background-color: rgba(23, 34, 87, 0.5);
}
.page[name='workstation'] > .content > .publish > .button:not([status]):hover {
    background-color: rgba(23, 34, 87);
}
.page[name='workstation'] > .content > .publish > .button[status='failed'] {
    background-color: #b00404;
    border: 1px solid #e62e2e;
}
.page[name='workstation'] > .content > .publish > .button[status='succeeded'] {
    background-color: #11b004;
    border: 1px solid #20d10f;
}
.page[name='workstation'] > .content > .play > .button {
    border: 1px solid #49494b;
    color: #ffffff;
}
.page[name='workstation'] > .content > .play > .button:hover {
    background-color: #000000;
}
.page[name='workstation'] > .content > .handles > .button {
    color: #ffffff;
}
.page[name='workstation'] > .content > .handles > .button[key='tree'] {
    background-color: #2434cb;
}
.page[name='workstation'] > .content > .handles > .button[key='devices'] {
    background-color: #147b50;
}
.page[name='workstation'] > .content > .handles > .button[key='ai'] {
    background-color: #830398;
}
/* disabled temporarily
.page[name='workstation'] > .content > .handles > .button[key='team'] {
    background-color: #5a0fc8;
} */