.paginate-row {margin-top : 10px;}  // 그리드와 페이지 사이 간격
.col-sm-6 {
  width: 50%;
}

.d-flex {
  display: flex;
}

.justify-content-end {
  justify-content: flex-end;
}

.align-items-center {
  align-items: center;
}

.dt-length select {
  padding: 2px 4px;
  font-size: 14px;
}

.status-summary {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.grid-table td,
.grid-table th {
  vertical-align: middle !important;
}

.left-controls,
.right-controls {
  padding: 0 !important;
  margin: 0 !important;
  flex-grow: 1;
}

.right-controls .dt-buttons {
  margin: 0 !important;
  gap: 0.5rem;
}

/** 그리드 전체(건수) ... 부분 */
.grid-panel-body {
	padding-top:3px;
}

/** 그리드 소계 TR class='subtotal-row' css */
table.grid-table.dataTable tbody tr.subtotal-row {
    background:#f0f0f0;
    font-weight:bold;
}

/* DataTables 테이블 헤더(th)에 테두리 추가 */
table.grid-table.dataTable thead th {
  border: 1px solid #999;
  background-color: #efefef;
  padding: 8px;
  font-weight: bold;
  text-align: center;
}

/* 표시건수 전체 영역 (div.dt-length) 조정 */
.dt-length {
  width: 80px;                /* 전체 너비 */
  height: auto;                /* 자동 높이로 설정 */
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 3px;            /* 위 여백 */
  padding-bottom: 3px;         /* 아래 여백 */
}

/* select 박스 조정 */
.dt-length select.dt-input {
  width: 100%;         /* 부모 너비에 맞게 */
  height: 100%;        /* 부모 높이에 맞춤 */
  padding: 4px 8px;
  font-size: 14px;
}