.capacity-pivot-content {
  flex-grow: 1;
}

.capacity-pivot-content .group-message {
  margin-left: -8px;
}

.capacity-pivot-content .group-message .ms-MessageBar-content {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.capacity-pivot-content .group-message .ms-MessageBar-icon {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.capacity-pivot-content .group-message .ms-MessageBar-innerText {
  min-height: 18px;
}

.capacity-grid {
  overflow: hidden;
}

.capacity-grid .capacity-grid-header {
  padding-top: 5px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.capacity-grid .capacity-grid-header .capacity-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 5px;
}

.capacity-grid .capacity-grid-header .capacity-header .user-header {
  width: 250px;
}

.capacity-grid .capacity-grid-header .capacity-header .daysoff-header {
  width: 100px;
}

.capacity-grid .capacity-grid-header .capacity-header .activity-header {
  width: 175px;
}

.capacity-grid .capacity-grid-header .capacity-header .capacityperday-header {
  width: 175px;
}

.capacity-grid .capacity-grid-body {
  padding-top: 10px;
}

.capacity-grid .capacity-row.team-days-off-row {
  min-height: 0px;
  align-items: flex-end;
}

.capacity-grid .capacity-row {
  display: flex;
  flex-direction: row;
  padding-bottom: 5px;
}

.capacity-grid .capacity-row .user {
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 7px;
}

.capacity-grid .capacity-row .daysoff {
  width: 100px;
  overflow: visible;
  padding-top: 7px;
}

.capacity-grid .capacity-row .activity-row-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.capacity-grid .capacity-row .activity-row-container .activity-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-bottom: 5px;
}

.capacity-grid .capacity-row .activity-row-container .activity-row:hover .capacity-actions-button {
  opacity: 100;
}

.capacity-grid .capacity-row .activity-row-container .activity-row .capacity-actions-button {
  display: block;
  opacity: 0;
}

.capacity-grid .capacity-row .activity-row-container .activity-row .capacity-actions-button.open, .capacity-grid .capacity-row .activity-row-container .activity-row .capacity-actions-button:focus {
  opacity: 100;
}

.capacity-grid .capacity-row .activity-row-container .activity-row .activity {
  width: 165px;
  margin-right: 10px;
}

.capacity-grid .capacity-row .activity-row-container .activity-row .capacityperday {
  width: 165px;
  padding-right: 10px;
}

.capacity-grid .capacity-row .activity-row-container .activity-row .actions {
  width: 30px;
}

.capacity-grid .capacity-row .activity-row.activity-row--focused .capacity-actions-button {
  opacity: 100;
}

.unassigned-capacity-activity-option {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}
