/**
 * CSS for displaying an icon on the Workbench toolbar tab.
 *
 * Each of the toolbar tray items uses the same icon as the toolbar tab, but
 * they're broken out so that this is ready to add a custom icon for each.
 */

/**
 * Tray item: My Workbench
 */
.toolbar-icon-osce-workbench-content::before {
  background-image: url(../images/icons/787878/barchart.svg);
}
.toolbar-icon-osce-workbench-content.is-active::before,
.toolbar-icon-osce-workbench-content.is-active::before {
  background-image: url(../images/icons/000000/barchart.svg);
}

/**
 * Tray item: Create content
 */
.toolbar-icon-osce-workbench-create-content::before {
  background-image: url(../images/icons/787878/file.svg);
}
.toolbar-icon-osce-workbench-create-content.is-active::before,
.toolbar-icon-osce-workbench-create-content.is-active::before {
  background-image: url(../images/icons/000000/file.svg);
}

/**
 * Tray item: Draft content
 */
.toolbar-icon-osce-workbench-drafts::before {
  background-image: url(../images/icons/787878/workbench.svg);
}
.toolbar-icon-osce-workbench-drafts.is-active::before,
.toolbar-icon-osce-workbench-drafts.is-active::before {
  background-image: url(../images/icons/000000/workbench.svg);
}

/**
 * Tray item: All content
 */
.toolbar-icon-osce-workbench-all-content::before {
  background-image: url(../images/icons/787878/orgchart.svg);
}
.toolbar-icon-osce-workbench-all-content.is-active::before,
.toolbar-icon-osce-workbench-all-content.is-active::before {
  background-image: url(../images/icons/000000/orgchart.svg);
}