/* SDA_PORTAL_V9_2_THREE_ROW_PROGRAM_ITEM_REPAIR_7 */
@media (min-width: 981px) {
  .workflow-item.item-row {
    display: grid !important;
    grid-template-columns: 34px 92px repeat(4, minmax(110px, 1fr)) 86px !important;
    grid-template-rows: auto auto auto !important;
    gap: 8px 10px !important;
    align-items: end !important;
    padding: 11px 12px !important;
    overflow: visible !important;
  }

  .workflow-item > .workflow-seq { grid-column: 1 !important; grid-row: 1 !important; align-self: center !important; }
  .workflow-item > .workflow-required {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 6px !important;
  }
  .workflow-item > label:nth-of-type(2) { grid-column: 3 !important; grid-row: 1 !important; }
  .workflow-item > label:nth-of-type(3) { grid-column: 4 !important; grid-row: 1 !important; }
  .workflow-item > label:nth-of-type(4) { grid-column: 5 !important; grid-row: 1 !important; }
  .workflow-item > label:nth-of-type(5) { grid-column: 6 !important; grid-row: 1 !important; }
  .workflow-item > label:nth-of-type(6) { grid-column: 3 / 7 !important; grid-row: 2 !important; }

  .workflow-item > .workflow-row-actions { display: contents !important; }
  .workflow-item > .workflow-row-actions > .item-remove {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    justify-self: stretch !important;
  }
  .workflow-item > .workflow-row-actions > .item-up,
  .workflow-item > .workflow-row-actions > .item-down {
    grid-column: 7 !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    justify-self: stretch !important;
  }
  .workflow-item > .workflow-row-actions > .item-up { grid-row: 1 !important; }
  .workflow-item > .workflow-row-actions > .item-down { grid-row: 2 !important; }

  .workflow-item > .workflow-row-actions > .item-scripture,
  .workflow-item > .workflow-row-actions > .item-hymn,
  .workflow-item > .workflow-row-actions > .item-worship-resource {
    grid-column: 3 / 5 !important;
    grid-row: 3 !important;
    justify-self: start !important;
  }
  .workflow-item > .workflow-row-actions > .v8-open-report { grid-column: 3 / 5 !important; grid-row: 3 !important; justify-self: start !important; }
  .workflow-item > .workflow-row-actions > .v82-read-report { grid-column: 5 / 7 !important; grid-row: 3 !important; justify-self: start !important; }

  .workflow-item > .scripture-picker,
  .workflow-item > .hymn-picker,
  .workflow-item > .worship-resource-picker,
  .workflow-item > .saved-scripture-summary,
  .workflow-item > .saved-hymn-summary,
  .workflow-item > .saved-worship-resource-summary {
    grid-column: 3 / 7 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 980px) {
  .workflow-item > .workflow-row-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
  }
  .workflow-item > .workflow-row-actions > .item-up,
  .workflow-item > .workflow-row-actions > .item-down {
    width: 100% !important;
    max-width: none !important;
  }
}