.readme-title{font-size:2rem;font-weight:700}.readme-list{font-size:1rem;line-height:1.8}.readme-warning{font-size:1.5rem;color:red;font-weight:700}.react-calendar{border-radius:var(--radius-lg);font-family:Noto Sans Thai,sans-serif;font-size:16px}.scroll-to-top:active{background-color:var(--color-danger)}.radioButton input[type=radio]{width:18px;height:18px;border:solid var(--color-primary);border-radius:50%;outline:none;margin-inline-start:auto;margin:3px 5px 0 3px;cursor:pointer;transition:background .2s,border-color .2s}.small-text{font-size:.85rem;margin-bottom:.5rem}.extra-small-text{font-size:.75rem;color:#6c757d}.compact-card .mb-1{margin-bottom:4px}.responsive-label-menu{font-size:16px;text-align:start;min-height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:0}.responsive-label-menu-form{font-size:16px;text-align:center;min-height:40px;display:flex;align-items:start;justify-content:center;margin-bottom:0;padding:0 10px}.popover-calendar{max-width:70%;width:auto;padding:5px;box-shadow:0 4px 8px #0000001a;border-radius:var(--radius-md)}.popover-calendar img{max-width:100%;height:auto;margin-bottom:10px}.calendar-content{width:fit-content}.custom-prev-btn,.custom-next-btn{background-color:var(--color-primary);border-radius:var(--radius-lg);height:30px;width:30px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer;font-family:Noto Sans Thai,sans-serif}.custom-month-btn,.custom-year-btn{text-align:center;border-radius:var(--radius-sm);font-family:Noto Sans Thai,sans-serif;display:flex;justify-content:center;align-items:center}.custom-month-btn option,.custom-year-btn option{display:flex;justify-content:center;align-items:center}.custom-calender{text-align:center;border-radius:var(--radius-sm);font-family:Noto Sans Thai,sans-serif;display:flex;justify-content:center;align-items:center}.custom-prev-btn:hover,.custom-next-btn:hover{background-color:var(--color-primary-hover)}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:var(--color-primary)!important;color:#fff!important;border-radius:50%}.react-datepicker__day--selected:hover{background-color:var(--color-primary-hover)!important}.react-datepicker__day--highlight-green{background-color:var(--color-primary-light)!important;color:var(--color-primary)!important;border-radius:50%}.react-datepicker__input-container input{border-radius:var(--radius-md);border:1px solid var(--color-primary);padding:10px}.dropdown-dateInput{padding:5px;border-radius:var(--radius-md);z-index:1150}.sidebar-container{padding:10px;position:fixed;top:0;left:-145px;width:250px;height:100%;background-color:#fff;z-index:1000;transition:left .3s ease-in-out;box-shadow:2px 0 5px #0003}@media (min-width: 768px) and (max-width: 1023px){body{font-size:16px;line-height:1.6}h1{font-size:2rem}h2,h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}p{font-size:.95rem}.react-calendar,.responsive-label,.responsive-label-menu,.responsive-label-menu-form{font-size:15px}input[type=text],input[type=number],input[type=tel],input[type=file],input[type=numeric],select,textarea{font-size:15px;padding:7px 10px}}@media (max-width: 767px){.readme-title{font-size:1.75rem}.readme-list{font-size:.9rem}.readme-warning{font-size:1.25rem}body{font-size:14px;line-height:1.4}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4,h5{font-size:1rem}p{font-size:.9rem}.form-container{padding:15px}.form-group{margin-bottom:10px}.modal-body-scroll{max-height:50vh}.form-button{width:100%;font-size:14px;padding:10px}.custom-date-picker .ant-picker-input>input{font-size:14px}.react-calendar{font-size:15px}.responsive-label,.responsive-label-menu,.responsive-label-menu-form{font-size:14px}.radioButton input[type=radio]{width:14px;height:14px}input[type=text],input[type=number],input[type=tel],input[type=file],input[type=numeric],select,textarea{font-size:14px;padding:8px 10px}.popover-calendar{max-width:90%;max-height:90%}.sidebar-container{left:-250px}.menu-icon-container{position:fixed;left:-17px;top:10px}.menu-image-form{width:90px}}@media (max-width: 575px){.responsive-label-menu,.responsive-label-menu-form{font-size:12px}.popover-calendar img{max-width:50%;height:auto;margin-bottom:10px}}.modal-body-scroll{max-height:60vh;overflow-y:auto;padding-right:1rem}.form-container{width:100%;overflow-y:auto;overflow-x:hidden;margin:20px auto;padding:20px;background-color:#fff;border-radius:var(--radius-md);box-shadow:0 0 10px #00000080}.app-container{width:100%;margin:0 auto;padding:0 10px 10px;overflow-x:hidden}.form{font-size:16px}.card{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:350px;transition:border .1s ease,box-shadow .1s ease}.card-body{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.card-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:auto}.responsive-container{display:flex;flex-wrap:wrap;justify-content:start}.card:hover{border:1px solid var(--color-primary);box-shadow:0 4px 8px #0000001a;border-radius:var(--radius-md);cursor:pointer}.card:active{background-color:#f1f1f1;transition:background .5s}.radioButton{display:flex;flex-direction:row;justify-content:start;align-items:center;width:100%}.radioButton input[type=radio]:checked{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary);transition:background .1s}.radioButton label{display:flex;margin-left:5px;cursor:pointer}.custom-checkbox .form-check-input{width:20px;height:20px;border:2px solid #ddd;border-radius:var(--radius-sm);cursor:pointer;transition:all .1s ease-in-out;margin:0 0 0 3px}.custom-checkbox .form-check-input:checked{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary)}.form-button-container{display:flex;flex-direction:row;justify-content:end;align-items:end;width:100%}.form-button{width:50%;min-width:100px;max-width:190px;font-size:16px}.menu-image-form{max-width:100%;height:100px;padding:5px;align-items:center;justify-content:center;margin:0 auto;object-fit:contain;border-radius:var(--radius-sm)}@media (max-width: 768px){.noCar-tel,.dateTax{display:flex;flex-direction:column;width:100%}.date-idNo-carType-Input{display:flex;flex-direction:column;margin-left:0}}@media (max-width: 553px){.radioButton{margin-left:15px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.register-and-contract-number{display:flex;flex-direction:column;width:100%}.form-button-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.form-button{width:100%;min-width:100px;max-width:200px;margin-bottom:20px;font-size:14px;padding:10px}}@media (max-width: 400px){.address-Input{display:flex;flex-direction:column;width:100%}}.custom-checkbox-pdpa input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary)}.custom-checkbox-pdpa input[type=checkbox]{display:flex;align-items:center}select{appearance:none;-moz-appearance:none;-webkit-appearance:none;position:relative;z-index:2}.browser-warning-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background:#fff;padding:20px;border-radius:var(--radius-lg);text-align:center;max-width:400px}.custom-input:focus{border-color:var(--color-primary)!important;box-shadow:var(--shadow-focus-primary)!important;outline:none}.react-select__control--is-focused{border-color:var(--color-primary)!important;box-shadow:var(--shadow-focus-primary)!important}input[type=file]:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary)}.custom-date-picker.ant-picker-focused{border-color:var(--color-primary)!important;box-shadow:var(--shadow-focus-primary)!important}.react-calendar__tile--active{background:var(--color-primary)!important;color:#fff!important;border-radius:10%}.react-calendar__tile:hover{background:var(--color-primary-light)!important;border-radius:15%}.react-calendar__tile--now{background:transparent!important;color:inherit!important}.react-select-container.is-invalid .react-select__control{border-color:var(--color-danger)!important}.react-select-container.is-invalid .react-select__control--is-focused{border-color:var(--color-danger)!important;box-shadow:var(--shadow-focus-danger)!important}.custom-file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 80px)}.custom-file-input.is-invalid{border-color:var(--color-danger)!important}.custom-file-input.is-invalid:hover{box-shadow:var(--shadow-focus-danger)!important}.custom-pagination .page-item.active .page-link{background-color:var(--color-primary-hover)!important;border-color:var(--color-primary)!important;color:#fff!important}.custom-pagination .page-link{color:var(--color-primary)}.sidebar-admin{position:fixed;top:0;left:-320px;width:320px;height:100%;background-color:#f8f9fa;border-radius:var(--radius-md);box-shadow:2px 0 5px #0003;transition:left .3s ease-in-out;z-index:999;overflow-y:auto}.sidebar-admin.open{left:0}.nav-link{color:#333}.image-container{aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background-color:#f8faf9;box-shadow:0 4px 8px #0000001a;flex-direction:column}.image-container img{width:100%;height:70%;object-fit:cover;object-position:center;border-radius:var(--radius-sm)}.image-container-print{width:70%;max-width:300px;margin:0 auto;border-radius:var(--radius-md);overflow:hidden;background-color:#f9f9f9;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center;padding:10px}.image-container-print img,.image-container-print .pdf-thumbnail{width:100%;height:auto;border-radius:var(--radius-sm);object-fit:contain}.image-container-print .pdf-thumbnail{background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#555}.pdf-thumbnail{background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:16px;color:#555;font-weight:700;padding:15px;cursor:pointer;transition:background-color .3s ease}.pdf-thumbnail:hover{background-color:#d6d6d6}.menuIcon:hover{background-color:#f8faf9}.modal .btn-secondary{background-color:#000000b3;color:#fff;border:none;padding:10px 15px;border-radius:var(--radius-sm);font-size:14px}.modal .btn-secondary:hover{background-color:#000000e6}.custom-carousel .carousel-control-prev-icon,.custom-carousel .carousel-control-next-icon{filter:brightness(1) invert(1);border-width:5px;background-color:#000000b3;border-radius:var(--radius-lg)}.custom-carousel img{position:relative;z-index:1}.compact-card{padding:8px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;height:auto;min-height:100px}.compact-card-menu{padding:0 auto;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0003;min-height:70px;max-width:300px;display:flex;flex-direction:row;justify-content:end;align-items:center;cursor:pointer}.compact-card-menu-form{padding:0;border-radius:var(--radius-sm);min-height:0px;max-width:300px;display:flex;flex-direction:column;justify-content:start;align-items:center;cursor:pointer}.menu-image{max-width:50%;height:70px;padding:5px 0;align-items:end;justify-content:end;object-fit:contain;border-radius:var(--radius-sm)}.sidebar-menu-image{max-width:100%;min-height:50px;max-height:60px;align-items:center;object-fit:contain;border-radius:var(--radius-sm);margin-bottom:5px}.popover-sidebar{max-width:300px;max-height:500px;overflow-y:auto;padding:10px;box-shadow:0 4px 8px #0000001a;border-radius:var(--radius-md);font-family:Noto Sans Thai,sans-serif}.popover-sidebar-user{max-width:450px;max-height:560px;overflow-y:auto;padding:10px;box-shadow:0 4px 8px #0000001a;border-radius:var(--radius-md);font-family:Noto Sans Thai,sans-serif}.menu-icon-container{background-color:#fff;border-radius:10%;padding:10px;box-shadow:0 2px 5px #0003;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease-in-out;z-index:1000}.menu-icon-container:hover{background-color:#e9ecef}.menu-icon-container:active{background-color:#a9a9a9}.dashboard-list-dashboards,.dashboard-list-functions{overflow:hidden;max-height:0;transition:max-height .5s ease-out,opacity .5s ease-out;opacity:0}.dashboard-list-dashboards.show,.dashboard-list-functions.show{max-height:fit-content!important;overflow:visible!important;opacity:1!important}.dashboard-list-dashboards.hide,.dashboard-list-functions.hide{height:0!important;opacity:0!important;overflow-y:hidden!important}.sidebar-container.open{left:0}.sidebar-header{padding:0 10px}.custom-checkbox-pdpa label{word-wrap:break-word!important;word-break:break-word!important;white-space:normal!important;line-height:1.5!important;max-width:calc(100% - 30px)!important;display:block!important}.custom-checkbox-pdpa .form-check{display:flex!important;align-items:flex-start!important}.custom-checkbox-pdpa .form-check-input{margin-top:2px!important;margin-right:8px!important;flex-shrink:0!important}:root{--color-primary: #28a745;--color-primary-hover: #218838;--color-primary-light: #d4edda;--color-line-brand: #06c755;--color-danger: #dc3545;--shadow-focus-primary: 0 0 0 .2rem rgba(40, 167, 69, .25);--shadow-focus-danger: 0 0 0 .2rem rgba(220, 53, 69, .25);--shadow-glow-primary: 0 0 4px rgba(40, 167, 69, .8);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px}*{margin:0;padding:0;box-sizing:border-box;border-color:#333}body{color:#333;background-color:#f8f9fa;font-family:Noto Sans Thai,sans-serif}.container{margin:0 auto;padding:0 10px}