/* 자재 출고 페이지 전용 CSS입니다. 이 파일을 수정하면 자재 출고 화면에만 적용됩니다. */
/* 선택자 주석은 어느 화면 요소인지, 속성 주석은 어떤 값을 바꾸는지 설명합니다. */

/* 자재 출고: .material-outbound-page .search-panel 선택자의 조회조건 영역에 적용됩니다. */
.material-outbound-page .search-panel,
/* 자재 출고: .material-outbound-filter 선택자의 조회조건 영역에 적용됩니다. */
.material-outbound-filter {
  /* 세로 정렬을 flex-end로 맞춥니다. */
  align-items: flex-end;
}

/* 자재 출고: .material-outbound-paste 선택자의 화면 요소에 적용됩니다. */
.material-outbound-paste,
/* 자재 출고: .material-outbound-table-wrap 선택자의 표에 적용됩니다. */
.material-outbound-table-wrap {
  /* 이 값보다 커지지 않도록 최대 너비를 100%로 지정합니다. */
  max-width: 100%;
  /* 넘치는 내용 처리 방식을 auto로 설정합니다. */
  overflow: auto;
}

/* 출고 이력: 출고번호 */
.outbound-history-table th:nth-child(1),
.outbound-history-table td:nth-child(1) {
  width: 100px !important;
  min-width: 80px !important;
  max-width: 150px !important;
}

/* 출고 이력: 출고일자 */
.outbound-history-table th:nth-child(2),
.outbound-history-table td:nth-child(2) {
  width: 90px !important;
  min-width: 80px !important;
  max-width: 100px !important;
}

/* 출고 이력: 고객사 */
.outbound-history-table th:nth-child(3),
.outbound-history-table td:nth-child(3) {
  width: 100px !important;
  min-width: 80px !important;
  max-width: 120px !important;
}

/* 출고 이력: 적용제품 */
.outbound-history-table th:nth-child(4),
.outbound-history-table td:nth-child(4) {
  width: 220px !important;
  min-width: 180px !important;
  max-width: 320px !important;
}

/* 출고 이력: 품목수 */
.outbound-history-table th:nth-child(5),
.outbound-history-table td:nth-child(5) {
  width: 75px !important;
  min-width: 70px !important;
  max-width: 80px !important;
}

/* 출고 이력: 총출고수량 */
.outbound-history-table th:nth-child(6),
.outbound-history-table td:nth-child(6) {
  width: 75px !important;
  min-width: 70px !important;
  max-width: 100px !important;
}

/* 출고 이력: 담당자 */
.outbound-history-table th:nth-child(7),
.outbound-history-table td:nth-child(7) {
  width: 100px !important;
  min-width: 80px !important;
  max-width: 110px !important;
}

/* 출고 이력: 상태 */
.outbound-history-table th:nth-child(8),
.outbound-history-table td:nth-child(8) {
  width: 100px !important;
  min-width: 80px !important;
  max-width: 110px !important;
}

/* 출고 이력: 관리 */
.outbound-history-table th:nth-child(9),
.outbound-history-table td:nth-child(9) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 160px !important;
}