.approaching-due-upload-legend {
      align-items: center;
      background: #fff1e6;
      border: 1px solid #fb923c;
      border-left: 4px solid #ff5a1f;
      color: #8a2c0d;
      display: flex;
      gap: 8px;
      margin: 0 0 12px 0;
      padding: 8px 12px;
}

.approaching-due-upload-legend-marker {
      background: #ff5a1f;
      display: inline-block;
      flex: 0 0 auto;
      height: 12px;
      width: 12px;
}

body .ui-datatable .ui-datatable-data > tr.approaching-due-upload-request > td {
      background-color: #fff1e6;
      border-bottom: 2px solid #fb923c;
      border-top: 2px solid #fb923c;
      box-shadow: inset 0 1px 0 #fb923c, inset 0 -1px 0 #fb923c;
}

body .ui-datatable .ui-datatable-data > tr.approaching-due-upload-request > td:first-child {
      border-left: 4px solid #ff5a1f;
}

body .ui-datatable .ui-datatable-data > tr.approaching-due-upload-request > td:last-child {
      border-right: 2px solid #fb923c;
}

body .ui-datatable .ui-datatable-data > tr.approaching-due-upload-request:hover > td {
      background-color: #ffe1cc;
}

.approaching-due-upload-detail {
      background: #fff1e6;
      border: 1px solid #fb923c;
      border-left: 4px solid #ff5a1f;
      color: #8a2c0d;
      margin-bottom: 12px;
      padding: 10px 12px;
}

.approaching-due-upload-detail-message {
      color: #8a2c0d;
      font-weight: 600;
      margin-bottom: 8px;
}