﻿.ActInfoText {
    margin: 0% 3% 0% 0%;
    background-color: #eefaedab;
    padding: 2%;
    border-radius: 15px;
    border: 2px #8fbf8b dashed;
}

.bg-ligntgray {
    background-color: #dbdbdb;
}

.bg-ligntblue {
    background-color: #d9f5ff;
}

.bg-ligntgreen {
    background-color: #dbffe2;
}

.bg-ligntyellow {
    background-color: #fffedb;
}

.bg-ligntred {
    background-color: #ffdbdb;
}

.big-checkbox {
    width: 25px;
    height: 25px;
}

.hidden {
    display: none;
}

.control-label {
    font-weight: 800;
}


.tbody:nth-child(2n) {
    background-color: #effbff;
}

.tbody:nth-child(2n+1) {
    background-color: #e4ecff;
}

.thead {
    background-color: #96e4ff;
}

input:disabled {
    cursor: not-allowed;
}

.not-allowed {
    cursor: not-allowed;
}


/*已取票*/
.OrderSheetDetail_UseStateCode_1 {
    color: black;
}

/*已報到*/
.OrderSheetDetail_UseStateCode_2 {
    color: blue;
}

/*已取消*/
.OrderSheetDetail_UseStateCode_3 {
    color: red;
}

/*未報到*/
.OrderSheetDetail_UseStateCode_4 {
    color: #8018cc;
}

input[type="checkbox"]:disabled {
    opacity: 0.3;
}


/*一般版面*/
.activitykind_name_tag {
    margin-top: 3rem;
}

/*手機版*/
@media (max-width: 767.98px) {
    .activitykind_name_tag {
        margin-top: 0rem;
    }
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4 {
    overflow-wrap: break-word;
}

#ActEvents_seat_table {
    border: solid 1px #ababab;
}

#edit_disabled_seat_table {
    border: solid 1px #ababab;
}

.Ordersheets_Details_Print {
    display: none;
}

img {
    max-width: 100% !important;
}

@media print {
    .back-to-top, .footer, .bg-header, .topbar_print, .navbar_print, .returnLink {
        display: none !important;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.333333%;
        overflow-wrap: break-word;
        visibility: visible !important;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66667%;
        overflow-wrap: break-word;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
        overflow-wrap: break-word;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 30%;
        overflow-wrap: break-word;
    }

    .qrimg {
        width: 95%;
    }

    .print_page {
        margin-top: -2rem; /*抵銷最頂部空白*/
    }

    .Ordersheets_Details_Print {
        display: flex;
    }
}

.未啟用 {
    color:red;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.welcome {
    border: 2px solid #235f2d;
    margin: 1%;
    padding: 1%;
    border-radius: 10px 0px;
    background-color: #d9f9d9;
    color: black;
}

.end {
    border: 2px solid #5f2323;
    margin: 1%;
    padding: 1%;
    border-radius: 10px 0px;
    background-color: #f9dcd9;
    color: black;
}

.noselect {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

.disabledSeat {
    color: purple;
}

/* 捲動容器 */
.seat-scroll {
    overflow: auto;
    max-height: 80vh; /* 你要多高自己調；不要也行 */
}

/* 固定第 1 列 (thead) */
#ActEvents_seat_table thead th {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #fff; /* 避免透明被內容穿透 */
}

/* 固定第 1 欄 (左邊那欄：tbody 的 th + thead 第一個 th) */
#ActEvents_seat_table th:first-child {
    position: sticky;
    left: 0;
    z-index: 6;
    background: #fff;
}

/* 左上角那格 (thead 的第一個 th) 要壓最上面 */
#ActEvents_seat_table thead th:first-child {
    z-index: 7;
}

/* 第 1 列 thead */
#edit_disabled_seat_table thead tr:nth-child(1) th {
    position: sticky;
    top: 0;
    z-index: 5;
}

/* 第 2 列 thead */
#edit_disabled_seat_table thead tr:nth-child(2) th {
    position: sticky;
    top: 42px; /* ← 第 1 列高度 */
    z-index: 5;
}

/* ============================= */
/* 固定第 1 欄（左側） */
/* ============================= */

/* tbody 左側 th */
#edit_disabled_seat_table tbody th:first-child,
#edit_disabled_seat_table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 6;
}

/* ============================= */
/* 左上角交叉區（最上層） */
/* ============================= */

/* 第 1 列 × 第 1 欄 */
#edit_disabled_seat_table thead tr:nth-child(1) th:first-child {
    z-index: 8;
}

/* 第 2 列 × 第 1 欄 */
#edit_disabled_seat_table thead tr:nth-child(2) th:first-child {
    z-index: 7;
    background: #fff;
}



.disabled_icon {
    width: 35px
}



/* 1600px 以上螢幕 */
@media (min-width: 1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1520px;
    }
}

/* 1920px 以上螢幕 (Full HD) */
@media (min-width: 1920px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1880px;
    }
}

/* 2K 螢幕 (2560px) */
@media (min-width: 2560px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 2200px;
    }
}