.clickedRow {
    background-color: #E9E9E9 !important;
}

.editor {
    display: table
}

.loadingBar {
    display: flex
}

.toggleGroup.is-error .toggleGroup__style {
    border: 0.1rem solid #d40000 !important;
}
:root {
    --officer-button-display : inline;
}
.officer-button {
    display: var(--officer-button-display);
}

.tab__pane {
    display: none;
}

.tab__pane.is-active {
    display: block;
}

/* 티켓상품관리 - 티켓유형코드/수령방법 */
.ticketPatternCode-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.ticketPatternCode-table td {
    border: 0px;
    padding: 10px;
    text-align: center;
    word-wrap: break-word;
}

/* 티켓상품관리 - 상품좌석등급 색상선택 팝업 */
.color-popup {
    display: none;
    position: absolute;
    margin-left: 0.3rem;
    width: 150px;
    border: 1px solid #ccc;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.color-box {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
    box-sizing: border-box;
}

.selected-color-box {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.grid-color-box {
    width: 3rem;
    height: 3rem;
    margin-left: 3rem;
}

.turnPriceGroup-scrollable-td {
    border: 1px solid #000 !important; /* 테두리 설정 */
    padding: 8px !important;
    vertical-align: top !important; /* 내용이 위쪽에 정렬되도록 설정 */
    height: 100px !important; /* 고정된 높이 설정 */
    overflow-y: auto !important; /* 세로 스크롤 활성화 */
    width: 50% !important; /* 테이블 너비의 50%씩 차지하도록 설정 (필요시 수정) */
    box-sizing: border-box !important; /* 테두리를 포함한 너비 계산 */
}


/* ====== END ======== */

/*.cell-content {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
/*.cell-content input[type="checkbox"] {*/
/*    display: inline-block;*/
/*    margin-right: 5px; !* 체크박스와 텍스트 사이 간격 *!*/
/*}*/