.elementor-32 .elementor-element.elementor-element-5b36f19e{--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-32 .elementor-element.elementor-element-5b36f19e:not(.elementor-motion-effects-element-type-background), .elementor-32 .elementor-element.elementor-element-5b36f19e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FD7E14;}.elementor-32 .elementor-element.elementor-element-44a0eceb{--display:flex;}.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-32 .elementor-element.elementor-element-5c184492{--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-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-32 .elementor-element.elementor-element-37fd3ad1{--divider-border-style:solid;--divider-color:#656060;--divider-border-width:1px;}.elementor-32 .elementor-element.elementor-element-37fd3ad1 .elementor-divider-separator{width:100%;}.elementor-32 .elementor-element.elementor-element-37fd3ad1 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-32 .elementor-element.elementor-element-37fd3ad1 .elementor-divider__text{color:#2E2F30;font-family:"boonhome", Sans-serif;font-size:26px;font-weight:400;}.elementor-32 .elementor-element.elementor-element-418ccfb4{--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-32 .elementor-element.elementor-element-279089f6{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-32 .elementor-element.elementor-element-73fce80f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-7f2d162{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-37a10123{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-32 .elementor-element.elementor-element-279089f6{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-32 .elementor-element.elementor-element-279089f6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-6e75496a */@import url('https://fonts.googleapis.com/css2?family=Boonhome&display=swap');
        
        body {
            font-family: 'Boonhome', sans-serif;
        }

        #history-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
        }

        #history-table th,
        #history-table td {
            border: 1px solid #c9c9c9; /* สีขอบตารางที่อ่อนลง */
            padding: 8px;
            text-align: center;
            color: #000;
        }

        #history-table th {
            background-color: #f2f2f2; /* เปลี่ยนพื้นหลังหัวตารางเป็นสีเทาอ่อน */
            color: #000;
        }
        
        .pagination {
            display: flex;
            justify-content: center;
            margin: 20px 0;
        }

        .pagination button {
            border: none;
            padding: 8px 16px;
            margin: 0 4px;
            cursor: pointer;
            background-color: #f1f1f1;
            color: #333;
        }

        .pagination button.active {
            background: linear-gradient(to bottom, #23262A, #515962);
            color: white;
        }

        .pagination button:hover:not(.active) {
            background-color: #ddd;
        }/* End custom CSS */