@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400&family=Open+Sans:wght@300&display=swap);.rdt_TableLoading{background-color:initial!important;background-color:#242526!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.g-color-red-gardin-brc,.g-color-text-brc{background:linear-gradient(90deg,#00aeef,#8dc63f,#fff200,#fff200,#ec008c);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.g-color-red-gardin{background:linear-gradient(90deg,#f32170,#ff6b08,#cf23cf,#ed4);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.bg-brc{background:-moz-linear-gradient(left,#00aeef 0,#8dc63f 25%,#fff200 50%,#fff200 50%,#ec008c 100%)}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-control-feedback{width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.text-color-link{color:#4154f1;text-decoration:none}.cursor-pointer,.mouse-pointer{cursor:pointer}.text-end{text-align:end}.g-font-size-10{font-size:10px}.g-font-size-11{font-size:11px}.g-font-size-12{font-size:12px}.g-font-size-13{font-size:13px}.g-font-size-14{font-size:14px}.g-font-size-15{font-size:15px}.g-font-size-16{font-size:16px!important}.g-font-size-18{font-size:18px}.g-font-size-20{font-size:20px}.g-font-size-24{font-size:24px}.g-font-size-28{font-size:28px!important}.nav-link{color:#2c384e}.g-pt-10{padding-top:10px}.g-pt-20{padding-top:20px}.g-pt-50{padding-top:50px}.text-left{text-align:left!important}.w-50{width:50%!important}.w-20{width:20%!important}*,.card-title,h1,h2,h3,h4,h5{font-family:"Noto Sans Thai",sans-serif!important}.text-gray{color:grey}.text-dark-blue{color:#4154f1}.text-light-blue{color:#899bbd}.g-text-cursor{cursor:pointer}.text-right{text-align:right}.dropzone{border:2px dashed #ccc;border-radius:4px;background:#f7f7f7;padding:20px;text-align:center}.trHover:hover{text-decoration:underline;color:#4154f1;font-weight:600}.dark-mode div:where(.swal2-container) div:where(.swal2-popup){background:#2c2c2c!important;color:#fff!important}.dark-mode .swal2-html-container,.dark-mode .swal2-title{color:#fff!important}.dark-mode .swal2-cancel,.dark-mode .swal2-confirm{background-color:#4a4a4a!important;color:#fff!important;border:none}.dark-mode .swal2-cancel:hover,.dark-mode .swal2-confirm:hover{background-color:#666!important}.darkmode-icon{font-size:2.2rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease;display:inline-block;margin:.5rem;&:hover{transform:scale(1.2)}}.g-font-weight-400{font-weight:400!important}.g-font-weight-600,.g-font-weight-800{font-weight:600!important}#toggle{width:50px;padding:5px;background-color:#18191a;border-radius:1000px;cursor:pointer;box-shadow:0 5px 20px -10px #000;transition:background-color .4s ease}.toggle-inner{width:20px;height:15px;background-color:#fff;border-radius:1000px;transition:margin-left .4s ease,background-color .4s ease}.toggle-active{margin-left:20px}.dark-mode,body{transition:background-color .8s ease,color .8s ease}:root{--dark:#18191a;--dark-light:#242526;--dark-light-v2:#464646}.dark-mode{background-color:var(--dark);color:#f5f5f5;transition:background-color .8s ease,color .8s ease}.dark-mode .breadcrumb .active,.dark-mode .text-color-link{color:#f5f5f5;transition:color .8s ease;font-weight:600}.dark-mode .sidebar-nav .nav-link i{transition:color .8s ease;color:#f5f5f5}.dark-mode .sidebar-nav .nav-content a{color:#f5f5f5;transition:.3}.dark-mode .bg-light,.dark-mode .dropzone{background-color:var(--dark-light)!important;transition:background-color .8s ease}.dark-mode .myselect__control,.dark-mode .myselect__input,.dark-mode .myselect__menu,.dark-mode .myselect__option,.dark-mode .myselect__option--is-focused,.dark-mode .myselect__placeholder,.dark-mode .myselect__single-value{transition:background-color .8s ease,color .8s ease}.dark-mode .myselect__control{border-color:#555!important}.dark-mode .myselect__control,.dark-mode .myselect__menu,.dark-mode .myselect__option{background-color:#222!important;color:#fff!important}.dark-mode .myselect__option{cursor:pointer}.dark-mode .myselect__option--is-focused{background-color:#0d6efd!important;color:#fff!important}.dark-mode .myselect__input,.dark-mode .myselect__single-value{color:#fff!important}.dark-mode .myselect__placeholder{color:grey!important}.dark-mode div:where(.swal2-container) div:where(.swal2-popup){background:#fff;color:#545454}.dark-mode .form-control:disabled{background-color:var(--dark-light-v2)!important;opacity:1;transition:background-color .8s ease}.dark-mode .bg-menu,.dark-mode .sidebar-nav .nav-link{background-color:var(--dark-light-v2)!important;color:#fff!important;transition:background-color .8s ease,color .8s ease}.dark-mode .rdrEndEdge,.dark-mode .rdrInRange,.dark-mode .rdrSelected,.dark-mode .rdrStartEdge{background:#0d6efd;position:absolute;top:5px;left:0;right:0;bottom:5px;transition:background-color .8s ease}.dark-mode .rdrDateDisplayItem{border-radius:4px;background-color:#242526;box-shadow:0 1px 2px 0 rgba(35,57,66,.21);border:1px solid transparent;transition:background-color .8s ease}.dark-mode .text-comment{background-color:grey;border-radius:20px;padding:10px;transition:background-color .8s ease}.dark-mode .card-print,.dark-mode .list-group-item{background-color:var(--dark-light)!important;color:#fff!important;transition:background-color .8s ease,color .8s ease}.dark-mode #header,.dark-mode #sidebar,.dark-mode .accordion,.dark-mode .card,.dark-mode .nav-link.collapsed,.dark-mode .sidebar-nav{background-color:var(--dark-light);color:#fff;transition:background-color .8s ease,color .8s ease}.dark-mode .inpSearch{color:#e1e1e1!important;width:30%;padding:9px 4px 9px 40px;border-color:transparent;border-bottom:1px solid #a9a9a9;background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 10-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 001.415-1.414l-3.85-3.85a1.007 1.007 0 00-.115-.1zM12 6.5a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z'/%3E%3C/svg%3E") no-repeat 10px;outline:none;transition:color .8s ease,background-color .8s ease}.dark-mode .iconslist .icon{background-color:var(--dark-light);border-radius:.25rem;text-align:center;color:#fff;padding:15px 0;transition:background-color .8s ease,color .8s ease}.dark-mode .accordion-button,.dark-mode .card-title,.dark-mode .header .toggle-sidebar-btn,.dark-mode .modal-title .dashboard .info-card,.dark-mode .nav-link,.dark-mode .nav-link.collapsed,.dark-mode .profile .profile-card h2,.dark-mode .profile .profile-overview .label,.dark-mode .sidebar-nav,.dark-mode .text-blue,.dark-mode .text-dark,.dark-mode .text-mute,.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4.h5,.dark-mode h6,.dark-mode label,.dark-mode small,.dark-mode span{color:#e1e1e1!important;transition:color .8s ease}.dark-mode span.rdrDayNumber>span{color:#fff!important;transition:color .8s ease}.dark-mode .rdrDateDisplayWrapper,.dark-mode .rdrDateRangeWrapper,.dark-mode .rdrDefinedRangesWrapper{background-color:var(--dark-light);color:#fff;transition:background-color .8s ease,color .8s ease}.dark-mode .rdrStaticRangeSelected{background-color:var(--dark-light);transition:background-color .8s ease}.dark-mode span.rdrStaticRangeLabel:hover{background-color:#fff;color:#050505!important;transition:background-color .8s ease,color .8s ease}.dark-mode .accordion{--bs-accordion-bg:var(--dark-light);transition:background-color .8s ease}.dark-mode .dropdown-menu,.dark-mode .modal-content{background-color:var(--dark-light);transition:background-color .8s ease}.dark-mode .table{color:#fff;transition:color .8s ease}.dark-mode .form-control,.dark-mode .form-select{background-color:var(--dark);color:#f5f5f5;transition:background-color .8s ease,color .8s ease}.dark-mode .nav-tabs .nav-item.show .nav-link,.dark-mode .nav-tabs .nav-link.active{background-color:transparent;transition:background-color .8s ease}.dark-mode .gauge .mask{position:absolute;left:20%;right:20%;bottom:0;top:40%;background-color:var(--dark-light);border-radius:50%/100% 100% 0 0;transition:background-color .8s ease}.dark-mode #toggle{background-color:#fff;transition:background-color .8s ease}.dark-mode .toggle-inner{background-color:var(--dark-light);transition:background-color .8s ease}@media (min-width:1200px){.loginDiv{margin-left:-300px}}.logo-login img{max-height:80px;margin-right:6px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999}.loader{border:8px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton-item{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;height:20px;margin-bottom:10px}.dark-mode .skeleton-item{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.bg-menu{background-color:#cfe2ff;border-radius:10px}.custom-image300x200{width:300px;object-position:center}.dropzone{cursor:pointer;transition:.3s ease}.dropzone:hover{background-color:#f0f0f0}.custom-image300x200{width:100%;height:200px;object-fit:cover}.card-body h6{margin-bottom:.5rem}
/*# sourceMappingURL=main.748ae9f4.chunk.css.map */