.text-right { text-align: right; }
.display_hidden { display: none; }
.ms_tp_0 { color: red; }
.ms_tp_1 { color: blue; }

.synthesis_1 { color: red; }
.synthesis_2 { color: blue; }

/* smart tracking */
.iframeContainer { position: relative; width: 100%; height: 0; height: 70vh; width: 100%; overflow-x: hidden; }

/* 16:9 */
.iframe16To9 { padding-top: 56.25%; }

/* 4:3 */
.iframe4To3 { padding-top: 75%; }

.iframeContainer iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.iframeContainer_err { border: 1px solid red; width: 100%; height: 110px; position: absolute; bottom: 0px; text-align: center; color: red; font-weight: bold; padding-top: 20px; }

.shipping_checkbox { transform: scale(2); }
.shipping_checkbox_sub { transform: scale(2.5); }
.shipping_checkbox_container { display: flex; justify-content: center; /* 수평 중앙 정렬 */ align-items: center; /* 수직 중앙 정렬 */ }

td.negative { color: red; font-weight: bold; }

.ad_hide { display: none; }

.shipping_status_10 { font-weight: bold; }
.shipping_status_11 { font-weight: bold; }
.shipping_status_12 { font-weight: bold; }
.shipping_status_13 { font-weight: bold; }
.shipping_status_14 { font-weight: bold; }
.shipping_status_15 { font-weight: bold; }
.shipping_status_16 { font-weight: bold; }
.shipping_status_17 { font-weight: bold; }
.shipping_status_18 { font-weight: bold; }
.shipping_status_19 { font-weight: bold; }
.shipping_status_20 { font-weight: bold; }
.shipping_status_21 { font-weight: bold; }
.shipping_status_22 { font-weight: bold; }
.shipping_status_23 { font-weight: bold; }
.shipping_status_24 { font-weight: bold; }
.shipping_status_25 { font-weight: bold; background-color: #eea9ee; }
.shipping_status_26 { font-weight: bold; }
.shipping_status_27 { font-weight: bold; }
.shipping_status_28 { font-weight: bold; background-color: #514c4d; }
.shipping_status_29 { font-weight: bold; background-color: #514c4d; }

.table td.table-inner {
    padding: 0 !important;
    vertical-align: top !important;
}

.table td.table-inner .table {
    margin: 0;
    border-top:none;
}
.table td.table-inner .table td{
    padding:2px 0px;
    text-align:center;
    font-size:0.8rem !important;
}

.table td.table-inner .table .tr-input td{
    padding: 0 !important;
}
.table td.table-inner .table .tr-input td input{
    border-radius:0;
    border:none;
    font-size:0.8rem !important;
    padding-left:1px !important;
    padding-right:1px !important;
}

td.sortable-cell {
    cursor: move !important;
}

.prdrecom-image { }

.prdrecom-image div {
    position: relative;
    display: inline-block;
}

    .prdrecom-image img {
        width: 80px;
        cursor: pointer;
    }
.prdrecom-image-container { }
    .prdrecom-image-container::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5); /* 반투명 검은색 */
        pointer-events: none; /* 클릭 이벤트 통과 */
    }



/* Analysis */
.thead-fixed {
    position: sticky;
    top: 0;
    z-index: 10;
}

    .thead-fixed th {
        color: #fff !important;
    }

.tfoot-fixed {
    position: sticky;
    bottom: 0;
    z-index: 10;
}

.thick-left {
    border-left: 3px solid #198754 !important;
    background-color: #f0faf5 !important
}

.thick-center {
    background-color: #f0faf5 !important
}

.thick-right {
    border-right: 3px solid #198754 !important;
    background-color: #f0faf5 !important
}

table.table-fixed {
    table-layout: fixed;
}

table.table-fixed td {
    word-wrap: break-word;
    color: #484646;
}

.selectbox-readonly {
    background-color: #eceef1;
    pointer-events: none;
}

/* 결산페이지 테이블 상단하단 고정 */
.table-container {
    /* max-height: 600px; /* 원하는 높이로 조정 */
    height: calc(100vh - 300px);
    overflow-y: auto;
    position: relative;
}

    .table-container table {
        margin-bottom: 0;
    }

    .table-container thead th {
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: #343a40; /* table-dark 색상 */
    }

    /* tfoot도 고정하고 싶다면 */
    .table-container tfoot {
        position: sticky;
        bottom: 0;
        z-index: 10;
    }

        .table-container tfoot td {
            background-color: #343a40; /* table-dark 색상 */
        }

    /* 스크롤바 스타일링 (선택사항) */
    .table-container::-webkit-scrollbar {
        width: 8px;
    }

    .table-container::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .table-container::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }

        .table-container::-webkit-scrollbar-thumb:hover {
            background: #555;
        }