:root {
    --gs1-orange: #F26334;
    --gs1-blue: #002C6C;
    --gs1-sky: #00BDEB;
    --gs1-link: #00BBDD;
    --gs1-slate: #89AADB;
    --gs1-rasp: #F05587;
    --gs1-purple: #BF83B9;
    --gs1-dark-gray: #454545;
    --gs1-light-med-gray: #B1B3B3;
    --gs1-lm-gray: #B1B3B3;
    --gs1-l-gray: #F4F4F4;
    --gs1-white: #fff;
}

/* ตัวเลือกกราเดียนต์ยอดนิยม */
.gs1-grad-gray {
    background: linear-gradient(135deg,var(--gs1-blue),var(--gs1-dark-gray));
}

.gs1-grad-hero {
    background: linear-gradient(135deg,var(--gs1-orange),var(--gs1-white));
}

.gs1-grad-fresh {
    background: linear-gradient(135deg,var(--gs1-orange),var(--gs1-sky));
}

.gs1-grad-link {
    background: linear-gradient(135deg,var(--gs1-orange),var(--gs1-link));
}

.gs1-grad-pro {
    background: linear-gradient(135deg,var(--gs1-orange),var(--gs1-slate));
}

/*ใช้แล้ว*/
.gs1-grad-warm {
    background: linear-gradient(135deg,var(--gs1-orange),var(--gs1-rasp));
}

.gs1-grad-muted {
    background: linear-gradient(135deg,var(--gs1-orange),var(--gs1-dark-gray));
}

.gs1-card {
    border: 0;
    overflow: hidden;
}
.gs1-header {
    color: #fff;
    border-bottom: 0;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
}

body {
    margin: 0;
    font-family: "Noto Sans Thai", sans-serif;
    font-size: 16px;
    color: #1a1a1a;
}

.title-heading {
    font-size: 23px;
    font-weight: bold;
    color: #002f6c;
    margin-bottom: 10px;
}

.title-underline {
    width: 60%;
    height: 5px;
    background-color: #f15a29;
    border: none;
    margin: 5px 0px 5px 0px;
    margin-bottom: 16px;
}

.title-underline-light {
    width: 60%;
    height: 2px;
    background-color: #f15a29;
    border: none;
    margin: 5px 0px 5px 0px;
    margin-bottom: 10px;
}

.row {
    margin: 10px 0px 10px 0px;
}

.text-title-info {
    font-weight: bold;
    color: #002f6c;
}

.text-highlight {
    background: linear-gradient(90deg, #002C6C, #F26334);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-blue {
    color: #002f6c !important;
}

.text-orange {
    color: #f15a29;
}

.text-red {
    color: #EE2C2C;
}

.text-green {
    color: #228B22;
}

.dotted-line {
    border-top: 1px dotted #999;
    height: 1px;
    width: 100%;
    margin: 20px 0;
}

.form-select {
    color: #363636 !important;
}

.text-primary {
    color: #F26334 !important;
}

.icon-big {
    font-size: 38px;
}

.readonly-tab {
    pointer-events: none;
    user-select: text;
    color: #212529 !important;
}

    .readonly-tab input,
    .readonly-tab textarea {
        pointer-events: none;
        user-select: text;
        color: #363636 !important;
        border-color: #ced4da !important;
    }


hr.dotted-line {
    border-top: 1px dotted #bbb !important;
    margin: 1rem 0;
}

hr.divider-dotted-bold {
    border-top: 3px dotted #999; /* ความหนา 3px */
    margin: 2rem 0; /* ระยะห่างด้านบน/ล่าง */
}

.bg-primary {
    background-color: #F26334 !important;
}

.bg-gs1blue {
    color: white;
    background: #89AADB;
}


.card[disabled],
label.card input:disabled + div {
    cursor: not-allowed;
    opacity: 0.5;
    filter: grayscale(100%);
}

@media print {
    /* ปรับขนาดตัวอักษร */
    body {
        font-size: 12pt;
        color: black;
    }

    /* ปรับ container ให้เต็มหน้ากระดาษ */
    .container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ซ่อนสิ่งที่ไม่ควรพิมพ์ เช่น ปุ่ม */
    .no-print {
        display: none !important;
    }

    /* ซ่อน navbar หรือส่วนที่ไม่ต้องการพิมพ์ */
    .navbar,
    .no-print,
    header,
    footer {
        display: none !important;
    }

    .shadow,
    .shadow-sm,
    .shadow-lg,
    .shadow-md {
        box-shadow: none !important;
    }

    /* ปรับขนาดและ margin ของกระดาษ */
    @page {
        size: A4 landscape;
        margin: 0.5cm;
    }

    /* ซ่อน scrollbar */
    html, body {
        overflow: visible !important;
    }

    /* ล้าง background ที่ browser ไม่พิมพ์ */
    * {
        background: transparent !important;
        box-shadow: none !important;
        /*color-adjust: exact;*/ /* สำหรับ Chrome */
        -webkit-print-color-adjust: exact;
    }

    /* บังคับให้บาง section ขึ้นหน้าใหม่ */
    .page-break {
        page-break-before: always;
    }

    /* เส้นขอบสีเทาให้อ่านง่ายตอนพิมพ์ */
    table, th, td {
        border-color: #ccc !important;
    }

    /*validateform*/
    .error-summary {
        padding: 1rem;
        border: 1px solid #dc3545;
        border-radius: 0.5rem;
        background-color: #fff0f0;
        color: #a00000;
    }

    .error-group {
        margin-bottom: 1rem;
    }

        .error-group strong {
            font-size: 1.1rem;
            display: block;
            margin-bottom: 0.5rem;
        }

        .error-group ul {
            margin: 0;
            padding-left: 1.25rem;
        }
}


/*step-progress start*/

.card-green {
    border-radius: 1rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid #d9dfdf;
    box-shadow: 0 8px 8px rgba(0,0,0,.08);
}

    .card-green:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0,0,0,.08);
    }

.card-green-header {
    background: linear-gradient(90deg, #0d6efd, #20c997);
    color: #fff;
    border-radius: 1rem 1rem 0 0 !important;
    padding: 1rem 1.25rem;
}

.form-label {
    font-size: 0.95rem;
}

.alert {
    border-radius: 0.6rem;
    font-size: 0.95rem;
}

.badge {
    font-size: 0.85rem;
}