.app-layout .roster-assignment-panel > .roster-assignment-grid,
.app-layout .roster-assignment-panel > .field-help,
.app-layout .roster-assignment-panel > .roster-worker-toolbar,
.app-layout .roster-assignment-panel > .roster-worker-options,
.app-layout .roster-assignment-panel > .roster-worker-empty,
.app-layout .roster-assignment-panel > .roster-assignment-actions,
.app-layout .roster-assignment-panel > .inline-error {
  margin-left: 26px;
  margin-right: 26px;
}

.app-layout .roster-filter-panel .roster-list-filters,
.app-layout .roster-filter-panel .roster-shift-tabs {
  padding-left: 26px;
  padding-right: 26px;
}

.app-layout .roster-assignment-panel > .roster-assignment-actions {
  margin-bottom: 16px;
}

@media (min-width: 601px) and (max-width: 900px) {
  .app-layout .roster-assignment-panel .roster-assignment-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 780px) {
  .app-layout .roster-assignment-panel > .roster-assignment-grid,
  .app-layout .roster-assignment-panel > .field-help,
  .app-layout .roster-assignment-panel > .roster-worker-toolbar,
  .app-layout .roster-assignment-panel > .roster-worker-options,
  .app-layout .roster-assignment-panel > .roster-worker-empty,
  .app-layout .roster-assignment-panel > .roster-assignment-actions,
  .app-layout .roster-assignment-panel > .inline-error {
    margin-left: 16px;
    margin-right: 16px;
  }

  .app-layout .roster-filter-panel .roster-list-filters {
    margin-top: 0;
    padding: 16px;
  }

  .app-layout .roster-filter-panel .roster-shift-tabs {
    padding-left: 16px;
    padding-right: 16px;
  }
}