/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.work-details-progress-bar-container {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
  .work-details-progress-bar-container .work-details-total-mark {
    background-color: rgba( 0, 0, 0 ,  1 );
    background-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
    left: 100%;
    height: 18px;
    width: 4px;
    z-index: 100; }
  .work-details-progress-bar-container .work-details-progress-bar-fill {
    background-color: rgba(16, 124, 16, 1);
    background-color: var(--status-success-foreground,rgba(16, 124, 16, 1));
    height: 18px; }
    .work-details-progress-bar-container .work-details-progress-bar-fill.over-capacity {
      background-color: rgba(205, 74, 69, 1);
      background-color: var(--status-error-foreground,rgba(205, 74, 69, 1)); }

.work-details-pane-list .bolt-list-cell-content {
  flex-direction: column; }

.work-details-pane-list-item {
  border: 1px solid transparent; }
  .work-details-pane-list-item.highlighted {
    border: 1px solid rgba(0, 120, 212, 1);
    border: 1px solid var(--component-grid-focus-border-color,rgba(0, 120, 212, 1));
    border-radius: 0; }