:root{--bs-font-sans-serif:"Sarabun",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-kanit:'Kanit',Helvetica,Arial,sans-serif;--font-family-secondary:"Noto Sans Thai",Helvetica,Arial,sans-serif;--pg-font-color-slate:#202731;--pg-font-color-data:#39404b;--pg-bg-header:rgb(249, 250, 253);--bs-primary-rgb:9,116,223!important;--bs-danger-text:#D32F2F!important;--bs-alert-color:#D32F2F!important;--bs-danger-bg-subtle:#fce8ea!important;--bs-info-rgb:23,162,184!important;--bs-form-valid-border-color:#28a745}.font-sans{font-family:var(--font-family-secondary)}.font-kanit{font-family:var(--font-family-kanit)}.fs-5-5{font-size:1.05rem!important}.font-kanit.fs-5-5,.font-sans.fs-5-5{font-size:1.1rem!important}.font-kanit.fs-6,.font-sans.fs-6{font-size:1.05rem!important}.fs-7{font-size:.95rem!important}.fs-8{font-size:.9rem!important}.font-sans b{font-weight:500!important}.font-kanit b{font-weight:500!important}.nav-pills{--bs-nav-pills-link-active-bg:#2196f3}.nav-pills .nav-link{color:#6d8591;font-family:var(--font-family-secondary);font-size:1.02rem;font-weight:500}.nav-pills .nav-link.disabled{opacity:.6}.nav-pills.nav-pills-purple{--bs-nav-pills-link-active-bg:#7367f0}.nav-pills.nav-pills-purple .nav-link.active,.nav-pills.nav-pills-purple .show>.nav-link{-webkit-box-shadow:0 3px 5px -3px rgb(115 103 240 / 65%);box-shadow:0 3px 5px -3px rgb(115 103 240 / 65%)}.nav-pills-purple-100 .nav-link{background:#f1f5f9;margin-right:10px;color:#64748b}.nav-pills-purple-100 .nav-link.active{color:#6d28d9;background-color:#ede9fe}.nav-pills-purple-100>.nav-item{margin-bottom:.6rem}.btn{--bs-btn-font-family:var(--font-family-secondary);--bs-btn-font-size:1.05rem}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#2196f3;--bs-btn-border-color:#2196f3;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#1e88e5;--bs-btn-hover-border-color:#1e88e5;--bs-btn-active-color:#fff;--bs-btn-active-bg:#1b7fd6;--bs-btn-active-border-color:#1b7fd6;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#2196f3;--bs-btn-disabled-border-color:#2196f3}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#4CAF50;--bs-btn-border-color:#4CAF50;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#43A047;--bs-btn-hover-border-color:#43A047;--bs-btn-active-color:#fff;--bs-btn-active-bg:#3f9642;--bs-btn-active-border-color:#3f9642;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#4CAF50;--bs-btn-disabled-border-color:#4CAF50}.text-bg-success{background-color:#4caf50!important}.btn-info{--bs-btn-color:#fff;--bs-btn-bg:#26A69A;--bs-btn-border-color:#26A69A;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#009688;--bs-btn-hover-border-color:#009688;--bs-btn-active-color:#fff;--bs-btn-active-bg:#01887b;--bs-btn-active-border-color:#01887b;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#009688;--bs-btn-disabled-border-color:#009688}.btn-warning{--bs-btn-color:#594406;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#E53935;--bs-btn-border-color:#E53935;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#D32F2F;--bs-btn-hover-border-color:#D32F2F;--bs-btn-active-color:#fff;--bs-btn-active-bg:#c72c2c;--bs-btn-active-border-color:#c72c2c;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#E53935;--bs-btn-disabled-border-color:#E53935}.btn-purple{--bs-btn-color:#fff;--bs-btn-bg:#7367f0;--bs-btn-border-color:#7367f0;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6a5fe1;--bs-btn-hover-border-color:#6a5fe1;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6458e0;--bs-btn-active-border-color:#6458e0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#7367f0;--bs-btn-disabled-border-color:#7367f0}.btn-outline-primary{--bs-btn-color:#0974df;--bs-btn-border-color:#2196f3;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#2196f3;--bs-btn-hover-border-color:#2196f3;--bs-btn-active-color:#fff;--bs-btn-active-bg:#1b7fd6;--bs-btn-active-border-color:#1b7fd6;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#2196f3;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#2196f3;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#419d44;--bs-btn-border-color:#4CAF50;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#43A047;--bs-btn-hover-border-color:#43A047;--bs-btn-active-color:#fff;--bs-btn-active-bg:#3f9642;--bs-btn-active-border-color:#3f9642;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#4CAF50;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#4CAF50;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#26A69A;--bs-btn-border-color:#26A69A;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#009688;--bs-btn-hover-border-color:#009688;--bs-btn-active-color:#fff;--bs-btn-active-bg:#01887b;--bs-btn-active-border-color:#01887b;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#009688;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#009688;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#df8f03;--bs-btn-border-color:#F59E0B;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#E53935;--bs-btn-border-color:#E53935;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#E53935;--bs-btn-hover-border-color:#E53935;--bs-btn-active-color:#fff;--bs-btn-active-bg:#d72c29;--bs-btn-active-border-color:#d72c29;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#e5393599;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#e5393599;--bs-gradient:none}.btn-outline-purple{--bs-btn-color:#6b60e7;--bs-btn-border-color:#7367f0;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#7367f0;--bs-btn-hover-border-color:#7367f0;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6458e0;--bs-btn-active-border-color:#6458e0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#7367f0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#7367f0;--bs-gradient:none}.btn-light:hover{background-color:#e2e6ea;border-color:#dae0e5}.popover{max-width:400px!important}.alert-primary{--bs-alert-bg:#DDF0FF;--bs-alert-border-color:#90CAF9}.alert-info{--bs-alert-color:#0c5460;--bs-alert-bg:#e6f7fb;--bs-alert-border-color:#8DC6C1}.alert-warning{--bs-alert-border-color:#f0d27b}.alert-danger-soft{--bs-alert-color:#721c24;--bs-alert-bg:rgb(255, 235, 238);--bs-alert-border-color:#f5c6cb}.alert-success{--bs-alert-color:#0F5C2E;--bs-alert-bg:#e8f9ec;--bs-alert-border-color:#9ace9d}.alert-success .col-form-label{color:#0f5c2e!important}.alert-danger{--bs-alert-color:#d32f2f;--bs-alert-bg:#ffedee}.alert-danger .col-form-label{color:#d32f2f!important}.alert-lh{line-height:1.75}.text-success{color:#017a47!important}.card-main.alert-warning{border-color:#e3d0b4!important}.card-main.alert-primary{border-color:#64b5f6!important}.card-main.alert-top.alert-warning{border-color:#ffc107!important;background-color:#fffaea!important}.card-main.alert-top.alert-info{border-color:#40beb1!important}.card-main.alert-top.alert-success{border-color:#71c875!important}.card-main.alert-top.alert-danger{border-color:#ea7a7a!important}.form-control::placeholder{color:#6c757d;opacity:.7}.form-control[readonly]{background-color:#f9fafb;opacity:1}@media (min-width:768px){.form-control[size='10'],.form-control[size='15']{width:170px!important;min-width:auto!important}.form-control[size='30']{width:248px!important;min-width:auto!important}.form-control[size='70']{width:613px!important;min-width:auto!important}}.dropdown-item.active,.dropdown-item:active{background-color:#2196f3}.spinner-border-md{width:1.5rem;height:1.5rem}.progress-bar.bg-warning{color:#000}.modal-body input[type=text][size="60"],.modal-body textarea[cols="60"]{width:100%!important}.modal-header{border-bottom-color:rgba(222,226,230,.55)}.modal-footer{border-top-color:rgba(222,226,230,.55)}@media (min-width:992px){.modal-xxl{--bs-modal-width:97%}}@media (min-width:1200px){.modal-xxl{--bs-modal-width:95%}}.datetimepicker.dropdown-menu{display:block;min-width:19rem;padding:7px}hr{color:#94a3b8}.text-warning-2{color:#ea580c!important}.rounded-3{border-radius:.7rem!important}