.elementor-180 .elementor-element.elementor-element-327f3587{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-2d370ced{--display:flex;}.elementor-180 .elementor-element.elementor-element-2d370ced:not(.elementor-motion-effects-element-type-background), .elementor-180 .elementor-element.elementor-element-2d370ced > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-180 .elementor-element.elementor-element-3316e4fa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-f002ca0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-180 .elementor-element.elementor-element-f002ca0:not(.elementor-motion-effects-element-type-background), .elementor-180 .elementor-element.elementor-element-f002ca0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-180 .elementor-element.elementor-element-46a61b91 img{width:100%;}.elementor-180 .elementor-element.elementor-element-4e5a9c6f img{width:100%;}.elementor-180 .elementor-element.elementor-element-6f255b57 img{width:100%;}.elementor-180 .elementor-element.elementor-element-532c2953{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-180 .elementor-element.elementor-element-532c2953:not(.elementor-motion-effects-element-type-background), .elementor-180 .elementor-element.elementor-element-532c2953 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-180 .elementor-element.elementor-element-2fca6b63 img{width:100%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-180 .elementor-element.elementor-element-5aa227af{text-align:center;}.elementor-180 .elementor-element.elementor-element-5aa227af .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;color:#4E4E4E;}.elementor-180 .elementor-element.elementor-element-6b6559bf{background-color:#FCF0D8;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FAA700;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-180 .elementor-element.elementor-element-6b6559bf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#4E4E4E;}.elementor-180 .elementor-element.elementor-element-33d2dbfb{--display:flex;}.elementor-180 .elementor-element.elementor-element-33d2dbfb:not(.elementor-motion-effects-element-type-background), .elementor-180 .elementor-element.elementor-element-33d2dbfb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C43330;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-180 .elementor-element.elementor-element-9791657{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-180 .elementor-element.elementor-element-6f4e7d2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-180 .elementor-element.elementor-element-6f4e7d2c:not(.elementor-motion-effects-element-type-background), .elementor-180 .elementor-element.elementor-element-6f4e7d2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body.elementor-page-180:not(.elementor-motion-effects-element-type-background), body.elementor-page-180 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C8172B;background-image:url("https://danangv.com/wp-content/uploads/2025/10/download.png");}:root{--page-title-display:none;}@media(min-width:768px){.elementor-180 .elementor-element.elementor-element-f002ca0{--width:15%;}.elementor-180 .elementor-element.elementor-element-532c2953{--width:60%;}.elementor-180 .elementor-element.elementor-element-6f4e7d2c{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-17fb7b2 *//* CONTAINER หลักที่มีขอบอ่อนๆ และยืดหยุ่นตามความกว้างจอ */
.xs-print-container {
    padding: 8px; 
    background-color: #f7f7f7; /* สีพื้นหลังอ่อน */
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    width: 100%; /* ยืดเต็มความกว้างของคอนเทนเนอร์แม่ */
    box-sizing: border-box;
    margin: 10px auto;
}

/* WRAPPER ภายใน (ใช้ Flexbox จัดเรียงแนวนอน) */
.xs-print-wrapper {
    display: flex;
    gap: 8px; /* ระยะห่างระหว่างองค์ประกอบ */
    align-items: center;
    padding: 0 5px;
    white-space: nowrap; /* ป้องกันไม่ให้ขึ้นบรรทัดใหม่ */
    overflow-x: auto; /* จัดการกรณีเมนูยาวเกินจอเล็ก */
}

/* 1. Label "In Vé Dò" */
.xs-print-label {
    background-color: #666;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px;
    border-radius: 4px;
    height: 35px; 
    display: flex;
    align-items: center;
    flex-shrink: 0; 
}

/* 2. Dropdown "Miền Nam" */
.xs-print-dropdown-region {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 35px;
    padding: 0 25px 0 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 500;
    flex-shrink: 0;
}

.xs-dropdown-arrow {
    position: absolute;
    right: 10px;
    width: 0; 
    height: 0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333; 
}

/* 3. ช่องวันที่ (05-10-2025) */
.xs-print-input-date {
    display: flex;
    align-items: center;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 35px;
    padding-right: 5px;
    flex-shrink: 0;
}

.xs-date-field {
    border: none;
    outline: none;
    padding: 0 5px;
    font-size: 14px;
    height: 100%;
    width: 90px;
    box-sizing: border-box;
    text-align: center;
    color: #333;
}

.xs-calendar-icon {
    color: #999;
    font-size: 16px;
    cursor: pointer;
}

/* 4, 5, 6. ปุ่มรูปแบบการพิมพ์ (สีฟ้า) */
.xs-format-button {
    background: linear-gradient(to bottom, #5cb8e0, #4298c4); 
    color: white;
    border: 1px solid #3e8eb5;
    border-radius: 4px;
    height: 37px; 
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
}

.xs-format-button i {
    margin-right: 5px;
    font-size: 16px;
}

/* สไตล์สำหรับปุ่มที่ถูกเลือก (สีเข้มขึ้น) */
.xs-format-button.xs-format-active {
    background: linear-gradient(to bottom, #4f96b5, #3a7a94); 
    border-color: #33667c;
}

/* 7. ปุ่ม Cài đặt (สีส้ม) */
.xs-setting-button {
    background: linear-gradient(to bottom, #ff9933, #e07b00); 
    color: white;
    border: 1px solid #b36300;
    border-radius: 4px;
    height: 37px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    flex-shrink: 0;
}

/* 8. Hotline Section (ใช้รูปภาพจริง) */
.xs-hotline-section {
    display: flex;
    align-items: center;
    margin-left: auto; /* ดันไปชิดขวา */
    gap: 5px;
    flex-shrink: 0;
}

.xs-hotline-text {
    font-weight: bold;
    color: #555;
    font-size: 13px;
    flex-shrink: 0;
}

.xs-hotline-link {
    display: block;
    height: 40px; /* จำกัดความสูงของลิงก์เพื่อให้รูปภาพอยู่ภายใต้การควบคุม */
    flex-shrink: 0;
}

.xs-hotline-image {
    display: block;
    height: 100%; /* ให้ความสูงเท่ากับ parent (40px) */
    width: auto; /* รักษาอัตราส่วนของรูปภาพ */
    max-width: none !important; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9791657 */.lottery-statistics table {				
                width: 100%;	
                background-color: #fff;			
                border-collapse: collapse;				
                font-family: Arial, sans-serif;				
            }				
            .lottery-statistics th, .lottery-statistics td {				
                border: 1px solid #ddd;				
                padding: 8px;				
                text-align: center;				
                font-weight: bold;				
            }				
            .lottery-statistics th {				
                background-color: #f2f2f2;				
                color: #333;				
            }				
            .lottery-statistics .loading {				
                display: inline-block;				
                width: 20px;				
                height: 20px;				
                border: 3px solid #ccc; 
                border-radius: 50%;				
                border-top: 3px solid red; 
                animation: spin 1s linear infinite;				
            }				
            @keyframes spin {				
                0% { transform: rotate(0deg); }				
                100% { transform: rotate(360deg); }				
            }				
            .lottery-statistics .hide-header thead {				
                display: none;				
            }				
            
            /* 🎯 เน้นสีแดง: Giải Nhất (บน) และ Giải เจ็ด (2 ตัวท้าย) */
            #resultG1, 
            #resultG7_1, #resultG7_2, #resultG7_3, #resultG7_4 {				
                color: #e74c3c; /* สีแดงเข้ม */				
                font-weight: 800;				
            }	
            /* 🎯 เน้นสีดำ: Giải ĐB (ล่าง) */
            #resultDB {
                color: #333; /* สีดำ */
                font-weight: 800;
            }

            /* Media Queries for mobile devices */				
            @media (max-width: 600px) {				
                .lottery-statistics td {				
                    padding: 4px;				
                    font-size: 12px;
                }				
            }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4952f4b3 *//* CONTAINER หลัก */
.xs-lotto-da-nang-container {
    font-family: Arial, sans-serif;
    max-width: 100%;
    margin: 20px auto;
}

/* สไตล์พื้นฐานของตารางทั้งหมดใน CONTAINER นี้ */
.xs-lotto-da-nang-container table {
    width: 100% !important; /* บังคับความกว้าง */
    border-collapse: collapse !important;
    margin-bottom: 20px !important;
}

/* สไตล์พื้นฐานของทุกเซลล์ (td) ภายในตารางนี้เท่านั้น */
.xs-lotto-da-nang-container td {
    /* *** สำคัญ: บังคับให้แสดงผลเป็นเซลล์ตาราง เพื่อแก้ปัญหาถูกโค้ดเก่าซ่อน *** */
    display: table-cell !important; 
    border: 1px solid #ccc !important;
    padding: 8px 5px !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}

/* 1. สไตล์ส่วนหัวของตารางหลักสิบ (Bảng Loto) */
.xs-lotto-da-nang-header-top {
    background-color: #f2f2f2 !important;
    font-weight: bold !important;
    font-size: 16px !important;
    text-align: left !important;
    color: #333 !important;
    padding: 10px 8px !important;
    border-bottom: 2px solid #ccc !important;
}

/* สไตล์ตารางหลักสิบ */
.xs-lotto-da-nang-loto-table .xs-lotto-da-nang-col-label {
    background-color: #e6e6e6 !important; /* สีพื้นหลังแถบเลข 0-9 */
    width: 5% !important; 
    font-weight: bold !important;
    color: #555 !important;
    border-right: none !important;
}

.xs-lotto-da-nang-loto-table .xs-lotto-da-nang-col-value {
    width: 45% !important; 
    text-align: left !important; 
    font-weight: bold !important;
    border-left: none !important;
}

/* 2. สไตล์ส่วนหัวของตารางรวมผล (Đà Nẵng) */
.xs-lotto-da-nang-header-bottom {
    background-color: #eee !important;
    font-weight: bold !important;
    font-size: 16px !important;
    text-align: left !important;
    color: #333 !important;
    padding: 10px 8px !important;
    border-bottom: 1px solid #ccc !important;
}

.xs-lotto-da-nang-result-table .xs-lotto-da-nang-header-numbers td {
    background-color: #f2f2ff !important; /* พื้นหลังอ่อนๆ */
    font-weight: bold !important;
    color: #333 !important;
    padding: 5px !important;
}

/* สไตล์ส่วนข้อมูลของตารางรวมผล */
.xs-lotto-da-nang-result-table tbody td {
    vertical-align: top !important; 
    /* หากต้องการให้ตารางปรับความสูงตามเนื้อหา ให้ลบ height ออก */
}

/* สีพิเศษ */
.xs-lotto-da-nang-red-text {
    color: red !important;
}

.xs-lotto-da-nang-blue-text {
    color: blue !important;
}

/* ขีดเส้นใต้ */
.xs-lotto-da-nang-underline-text {
    text-decoration: underline !important;
}

/* กำหนดสไตล์สำหรับตัวเลขในตารางหลักสิบที่มีขีดเส้นใต้ */
.xs-lotto-da-nang-loto-table .xs-lotto-da-nang-underline-text {
    text-decoration: underline !important;
    font-weight: bold !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e158dd8 */.lottery-statistics table {				
    width: 100%;	
    background-color: #fff;			
    border-collapse: collapse;				
    font-family: Arial, sans-serif;				
}				
.lottery-statistics th, .lottery-statistics td {				
    border: 1px solid #ddd;				
    padding: 8px;				
    text-align: center;				
    font-weight: bold;				
}				
.lottery-statistics th {				
    background-color: #f2f2f2;				
    color: #333;				
}				
.lottery-statistics .loading {				
    display: inline-block;				
    width: 20px;				
    height: 20px;				
    border: 3px solid #ccc; 
    border-radius: 50%;				
    border-top: 3px solid red; 
    animation: spin 1s linear infinite;				
}				
@keyframes spin {				
    0% { transform: rotate(0deg); }				
    100% { transform: rotate(360deg); }				
}				
.lottery-statistics .hide-header thead {				
    display: none;				
}				

/* สีสำหรับผลล่าสุดและประวัติ */
/* Giải Nhất (บน) และ Giải เจ็ด (2 ตัวท้าย) */
#resultG1, #resultG1History,
#resultG7_1, #resultG7_2, #resultG7_3, #resultG7_4,
#resultG7_1History, #resultG7_2History, #resultG7_3History, #resultG7_4History {				
    color: #e74c3c; /* สีแดงเข้ม */				
    font-weight: 800;				
}	
/* Giải ĐB (ล่าง) */
#resultDB, #resultDBHistory { 
    color: #333; /* สีดำ */
    font-weight: 800;
}

/* Style for Date Picker Input */
#datePickerHistory {
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 100%;
    max-width: 300px;
    display: block;
    margin-bottom: 15px;
}

/* Media Queries for mobile devices */				
@media (max-width: 600px) {				
    .lottery-statistics td {				
        padding: 4px;				
        font-size: 12px;
    }				
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-648f2300 *//* CONTAINER หลัก */
.xs-dream-lotto-container {
    font-family: Arial, sans-serif;
    max-width: 400px; /* จำกัดความกว้างให้ดูเหมือนในมือถือ */
    margin: 0 auto;
    border: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* แท็บเมนูส่วนบน */
.xs-dream-lotto-tabs {
    display: flex;
    justify-content: space-around;
    background-color: #f1f1f1;
    border-bottom: 2px solid #333;
}

.xs-dream-lotto-tab {
    padding: 10px 5px;
    font-weight: bold;
    font-size: 14px;
    color: #555;
    cursor: pointer;
    text-align: center;
    flex-grow: 1;
    border-right: 1px solid #ddd;
}

.xs-dream-lotto-tab:last-child {
    border-right: none;
}

.xs-dream-lotto-tab.tab-active {
    background-color: #333;
    color: #fff;
}

/* เนื้อหาหลัก */
.xs-dream-lotto-content {
    padding: 10px;
    background-color: #fff;
}

/* รายการแต่ละแถว */
.xs-lotto-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px dashed #eee;
}

.xs-lotto-row:last-child {
    border-bottom: none;
}

/* ส่วนรูปภาพและชื่อสัตว์ */
.xs-lotto-animal {
    display: flex;
    align-items: center;
    width: 60%; /* ให้พื้นที่กว้างสำหรับชื่อสัตว์ */
    text-align: left;
}

.xs-animal-img {
    width: 30px; /* ขนาดรูปภาพ */
    height: 30px;
    margin-right: 8px;
}

.xs-animal-name {
    font-size: 14px;
    color: #333;
    line-height: 1.2;
}

/* ส่วนตัวเลข (ลูกบอล) */
.xs-lotto-numbers {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    width: 40%;
}

.xs-number-ball {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* ทำให้เป็นวงกลม */
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

/* กำหนดสีลูกบอล */
.ball-gray { background-color: #aaa; }
.ball-blue { background-color: #3498db; }
.ball-green { background-color: #2ecc71; }
.ball-red { background-color: #e74c3c; }
.ball-yellow { background-color: #f1c40f; }

/* ข้อความส่วนท้าย */
.xs-lotto-footer {
    text-align: center;
    font-size: 13px;
    color: #555;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.xs-lotto-footer span {
    color: #f1c40f; /* สีเหลืองสำหรับเครื่องหมายคำถาม */
    font-weight: bold;
}/* End custom CSS */