.w-100p { width: 100% !important; }

.h-100p { height: 100% !important; }

.input-readOnly {
    color: gray !important; /* 텍스트 색상 회색 */
    pointer-events: none; /* 입력을 막음 */
}

.btn-readOnly {
    pointer-events: none;
}

/* 애니메이션 정의 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}

/* 초기 상태 */
#factoryInfo table,
#factoryRcvStatus table,
#factoryDetail table {
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* 애니메이션이 적용될 때 */
#factoryInfo table.fade-in,
#factoryRcvStatus table.fade-in,
#factoryDetail table.fade-in {
    animation: fadeIn 0.5s ease forwards;
}

/* fade-out 애니메이션이 적용될 때 */
#factoryInfo table.fade-out,
#factoryRcvStatus table.fade-out,
#factoryDetail table.fade-out {
    animation: fadeOut 0.5s ease forwards;
}

.tag-group .icon-dot-connect{
    background-image: url(../images/icon-12-dot-connect-blue.svg);
    vertical-align: middle; /* 텍스트와 아이콘 정렬 */
}

.light-theme .tag-group .icon-dot-connect{
    background-image: url(../images/icon-12-dot-connect-green.svg);
    vertical-align: middle; /* 텍스트와 아이콘 정렬 */
}


/* dhx-grid css */

.dhx_widget.dhx_grid .dhx_grid-header {
    background-color: #080F15; /* 헤더 배경 검정색 */
    color: #ffffff;           /* 헤더 텍스트 흰색 */
}

.dhx_widget.dhx_grid .dhx_grid-header-cell {
    background-color: #080F15; /* 헤더 셀 배경 검정색 */
    color: #FFFFFF66;           /* 헤더 셀 텍스트 흰색 */
    text-align: center;       /* 헤더 셀 텍스트 중앙 정렬 */
    font-size: 13px;
}

/* 셀의 배경 및 텍스트 색상 */
.dhx_widget.dhx_grid .dhx_grid-cell {
    background-color: #080F15; /* 셀 배경 검정색 */
    color: #ffffff;           /* 셀 텍스트 흰색 */
    text-align: center;       /* 셀 텍스트 중앙 정렬 */
    font-size: 13px;
}
.dhx_widget.dhx_grid .dhx_grid-body {
    background-color: #080F15; /* 바디 배경 검정색 */
}

.dhx_grid-content {
    border: 1px solid #080F15 !important; /* 그리드 테두리 색상 */
}

.dhx_grid-less-height .dhx_footer-row:last-child .dhx_grid-footer-cell, .dhx_grid-less-height .dhx_grid-row:last-of-type {
    border-bottom: 1px solid #080F15 !important; /* 그리드 테두리 색상 */
}

/* 선택된 셀의 배경 색상 */
.dhx_widget.dhx_grid .dhx_grid-cell--selected {
    background-color: #3280FEB2; /* 선택된 셀의 배경 */
}

/* DHX Grid 모든 테두리 제거 */
.dhx_widget.dhx_grid .dhx_grid-header,
.dhx_widget.dhx_grid .dhx_grid-header-cell,
.dhx_widget.dhx_grid .dhx_grid-body,
.dhx_widget.dhx_grid .dhx_grid-cell {
    border: none; /* 모든 테두리 제거 */
    box-shadow: none; /* 그림자 효과 제거 */
}

/* 선택된 셀 테두리 제거 */
.dhx_widget.dhx_grid .dhx_grid-cell--selected {
    border: none;
    outline: none;
}