/* IN-1893: 공통 알림/확인 모달(showAlertModal/showConfirmModal)은 다른 bootstrap
   모달(z-index 1055, 예: Raw Material Add 모달) 위에 겹쳐 떠야 하므로 z-index 를 상향.
   (공유 #backdrop 은 addModal/detailsModal 도 사용하므로 건드리지 않는다.) */
#infoModal,
#confirmModal {
  z-index: 1065;
}
#infoModal .modal-content,
#confirmModal .modal-content {
  box-shadow: 0 0.75rem 2.5rem rgba(0, 0, 0, 0.55);
}

.modal .form-control,
.modal .form-select {
  border-color: #c2c2c5;
}

.modal .form-control:focus,
.modal .form-select:focus {
  border-color: #51d28c;
}

@media screen and (max-width: 767px) {
    #companyList_wrapper.dt-container div.dt-layout-row:not(.dt-layout-table) {
        display: flex;
    }

    #companyList_wrapper.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell {
        display: flex;
    }

    #companyList_wrapper.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell>* {
        margin: 0;
    }
}

/* Temperature / Core QC 이미지 캐러셀: modal-dialog-scrollable + carousel-inner 의
   overflow:hidden 으로 가로/세로가 modal 폭에 안 맞을 때 잘려 보였음. 비율은 그대로
   유지하면서 modal 내부에 들어가도록 max-width/max-height + 컨테이너 중앙정렬 처리. */
.qc-img-carousel-item {
    text-align: center;
    background-color: #f5f6f8;
}
.qc-img-carousel-img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
}