body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (min-width:900px){.Main{display:flex}}@media screen and (max-width:1280px){.coverboxOrder{width:100%}.RootBox{display:flex}.FindBox,.RootBox{flex-direction:column}.FindBox{justify-content:flex-start}.DivTable{height:90px}.ButtonDiv{justify-content:flex-end}}@media screen and (min-width:1280px){.coverboxOrder{width:100%}.Number,.RootBox{display:flex}.RootBox{flex-direction:column}.Number div{flex:1 1}.Money{display:flex}.Money div{flex:2 1}}@media screen and (max-width:1760px){.root_box{width:93%}}@media screen and (min-width:1650px){.coverboxOrder{width:calc(75vw + 150px)}}@media screen and (min-width:1400px){.RootBox{display:flex;flex-direction:row}}.react-datepicker-popper{z-index:1000}.titlee{align-self:center}@media screen and (min-width:320px){.loginsheet{width:280px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media screen and (min-width:480px){.loginsheet{width:300px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media screen and (min-width:768px){.loginsheet{width:400px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media screen and (min-width:1024px){.loginsheet{width:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media screen and (max-width:768px){.coverbox{width:95%}.RootBox{display:flex}.FindBox,.RootBox{flex-direction:column}.FindBox{justify-content:flex-start}.DivTable{height:90px}.ButtonDiv{justify-content:flex-end}}@media screen and (min-width:1280px){.coverboxs{width:100%}}@media screen and (min-width:1400px){.coverboxs{width:100%}}@media screen and (min-width:1600px){.coverboxs{width:85%}}.MuiTabs-root{overflow:auto}.MuiTabList-root{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;width:100%;z-index:1000}.react-datepicker-popper{z-index:10000}.ListService th{background:linear-gradient(90deg,#007bff,#0056b3);color:#fff;padding:0}.ListService td,.ListService th{text-align:center;vertical-align:middle!important;border-bottom-right-radius:unset!important;border-bottom-left-radius:unset!important}.ListService td{padding:2px;background-color:initial!important}.updatePackage td,.updatePackage th{padding-bottom:0;padding-top:0}.InputForm{min-width:350px}@media screen and (max-width:768px){.coverboxs{width:95%}.FindBox{flex-direction:column;justify-content:flex-start}.DivTable{height:90px}.ButtonDiv{justify-content:flex-end}}@media screen and (min-width:768px){.coverboxs{width:95%}}@media screen and (min-width:1280px){.coverboxs{width:90%}}@media screen and (min-width:1400px){.coverboxs{width:95%}}@media screen and (max-width:768px){.coverbox{width:95%}.RootBoxs{display:flex}.FindBox,.RootBoxs{flex-direction:column}.FindBox{justify-content:flex-start}.DivTable{height:90px}.ButtonDiv{justify-content:flex-end}}@media screen and (min-width:768px){.coverbox{width:95%}}@media screen and (min-width:1280px){.coverbox{width:100%}}@media screen and (max-width:1280px){.RootBoxs{flex-direction:column}}.InputForm{min-width:220px}@font-face{font-family:DongHo;src:local(""),url("/static/media/Uni Thuphap (30).7ec8c258.ttf") format("truetype")}.cssTitle{font-family:DongHo;font-size:70px}@media only screen and (max-width:768px){.cssTitle{font-size:50px}}.cssHomePageTitle{font-family:DongHo;font-size:35px}.sweet-alert .icon.success{border-color:#1f7a1f}.sweet-alert .icon.success .line{position:absolute;height:5px;background-color:#1f7a1f}.sweet-alert .icon.success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:2}.sweet-alert .icon.success .line.long{width:47px;top:38px;right:8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:2}.sweet-alert .icon.success:after,.sweet-alert .icon.success:before{content:"";position:absolute;height:120px;width:60px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .icon.success:before{left:-33px;top:-7px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px;border-radius:120px 0 0 120px}.sweet-alert .icon.success:after{top:-11px;left:30px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;border-radius:0 120px 120px 0}.sweet-alert .icon.success .placeholder{width:80px;height:80px;border:4px solid rgba(164,219,132,.2);position:absolute;left:-4px;top:-4px;box-sizing:initial;border-radius:50%;z-index:2}.sweet-alert .icon.success .fix{position:absolute;left:28px;top:8px;width:5px;height:90px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}@-webkit-keyframes animateSuccessTip{0%,54%{left:1px;top:19px;width:0}70%{left:-8px;top:37px;width:50px}84%{left:21px;top:48px;width:17px}to{left:14px;top:45px;width:25px}}@keyframes animateSuccessTip{0%,54%{left:1px;top:19px;width:0}70%{left:-8px;top:37px;width:50px}84%{left:21px;top:48px;width:17px}to{left:14px;top:45px;width:25px}}.animateSuccessTip{-webkit-animation:animateSuccessTip 2s infinite;animation:animateSuccessTip 2s infinite}@-webkit-keyframes animateSuccessLong{0%,65%{right:46px;top:54px;width:0}84%{right:0;top:35px;width:55px}to{right:8px;top:38px;width:47px}}@keyframes animateSuccessLong{0%,65%{right:46px;top:54px;width:0}84%{right:0;top:35px;width:55px}to{right:8px;top:38px;width:47px}}.animateSuccessLong{-webkit-animation:animateSuccessLong 2s infinite;animation:animateSuccessLong 2s infinite}@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%,to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%,to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.sweet-alert .icon.success.animate:after{-webkit-animation:rotatePlaceholder 12s ease-in infinite;animation:rotatePlaceholder 12s ease-in infinite}.sweet-alert .icon{width:80px;height:80px;border:4px solid grey;border-radius:50%;margin:20px auto;box-sizing:initial;position:relative}.sweet-alert .icon.error{border-color:#c04000}.sweet-alert .icon.error .line{position:absolute;top:37px;width:47px;height:5px;background:#c04000;display:block}.sweet-alert .icon.error .line.left{left:17px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .icon.error .line.right{right:16px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@-webkit-keyframes animateXMark{0%,50%{margin-top:26px;opacity:0;-webkit-transform:scale(.4);transform:scale(.4)}80%{margin-top:-6px;-webkit-transform:scale(1.15);transform:scale(1.15)}to{margin-top:0;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes animateXMark{0%,50%{margin-top:26px;opacity:0;-webkit-transform:scale(.4);transform:scale(.4)}80%{margin-top:-6px;-webkit-transform:scale(1.15);transform:scale(1.15)}to{margin-top:0;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes animateErrorIcon{0%{opacity:0;-webkit-transform:rotateX(100deg);transform:rotateX(100deg)}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes animateErrorIcon{0%{opacity:0;-webkit-transform:rotateX(100deg);transform:rotateX(100deg)}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}
/*# sourceMappingURL=main.ffbae078.chunk.css.map */