html{min-height:100vh;min-width:100%}body,html{margin:0;padding:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}a{cursor:pointer;transition:all .2s ease-in}a:focus{text-decoration:none!important}a:link,a:visited{text-decoration:none}a:hover{text-decoration:none!important}a:active{text-decoration:none}.fixColorTextRed{color:#b73232!important}.justifyContent-end{justify-content:flex-end}.justifyContent-between{justify-content:space-between}.Lpc,.Lpc-tablet{display:block!important}.Lmobile,.Ltablet,.Ltablet-mobile{display:none!important}.Lpc-mobile{display:block!important}.Lmobile-l,.Lmobile-p{display:none!important}.line{background-color:#c3c4c6;height:1px;margin-bottom:10px;margin-top:10px;width:100%}.mgBottom{margin-bottom:20px}.borderBT{border-bottom:1px solid #c3c4c6;padding-bottom:10px}.box-S4{display:flex;width:100%}.box-S3{width:74%}.box-S2,.box-S3{display:flex;flex-direction:column}.box-S2{width:49%}.box-S1-3{width:32.333%}.box-S1,.box-S1-3{display:flex;flex-direction:column}.box-S1{width:23.3%}.box-S05{width:11.65%}.box-S025,.box-S05{display:flex;flex-direction:column}.box-S025{width:5.825%}.flex-evenly-center{align-items:center;display:flex;justify-content:space-evenly}.flex-between-center{align-items:center;display:flex;justify-content:space-between}.flex-center{align-items:center;display:flex;justify-content:center}.flex-between-start{align-items:center;display:flex;justify-content:flex-start}.flex-between-end{align-items:center;display:flex;justify-content:flex-end}.dflex-inline{display:inline-flex}.flex-between{flex-direction:row}.flex-between,.flex-item-warp{display:flex;justify-content:space-between}.flex-item-warp{flex-wrap:wrap}.noPadding{padding:0}.noMargin{margin:0!important}.marginTop{margin-top:10px}.w100{width:100%}.wAuto{width:auto}@media only screen and (min-width:768px) and (max-width:1024px){.Lpc{display:none!important}.Lpc-tablet,.Ltablet,.Ltablet-mobile{display:block!important}.Lmobile,.Lpc-mobile{display:none!important}}@media only screen and (min-width:320px) and (max-width:767px){.Lpc,.Lpc-tablet,.Ltablet{display:none!important}.Lmobile,.Lpc-mobile,.Ltablet-mobile{display:block!important}.box-S1,.box-S1-3,.box-S2,.box-S3,.box-S4{display:block;width:100%}#boxCalender .b-selectData,.B-carddetail .b-tagBtn,.B-formMain .b-row,.warp-destiantionShow{display:block}.mgBottom{margin-bottom:10px}}.pcenter{align-items:center;display:flex;font-size:18px;height:50%;justify-content:center;padding-left:10px;padding-right:10px}.jc-start{justify-content:start}.txt-center{text-align:center}html{background:url(/static/media/bg-main.556cd49581394853d656.jpg) no-repeat bottom #fff;background-size:cover}body{color:#555;font-family:Kanit,sans-serif;font-size:16px;padding-top:69px}@media only screen and (min-width:320px) and (max-width:767px){body{padding-top:61px}}.fixColorTextThemes{color:#3279b7!important}.styleBtn{background-color:#e8e8e8!important;color:#555!important;font-family:Kanit,sans-serif!important;font-size:14px!important;letter-spacing:1px!important;text-align:center;width:100px}.styleBtn.space{margin:0 5px}.styleBtn.w150{width:150px}.styleBtn:hover{background-color:#d0d0d0!important}.styleBtn.blue{background-color:#3279b7!important;color:#fff!important}.styleBtn.blue:hover{background-color:#024d85!important}.styleBtn.green{background-color:#14a725!important;color:#fff!important}.styleBtn.green:hover{background-color:#138921!important}.styleBtn.red{background-color:#b73232!important;color:#fff!important}.styleBtn.red:hover{background-color:#a71b1b!important}.styleBtn.pink{background-color:#ff6262!important;color:#fff!important}.styleBtn.pink:hover{background-color:#ee3939!important}.styleBtn.purple{background-color:#b362ff!important;color:#fff!important}.styleBtn.purple:hover{background-color:#9639ee!important}.styleBtn.yellow{background-color:#a8bd5b!important;color:#fff!important}.styleBtn.yellow:hover{background-color:#b8c97e!important}.styleBtn.orange{background-color:#dc9410!important;color:#fff!important}.styleBtn.orange:hover{background-color:#dba031!important}.styleBtn.lightgreen{background-color:#31d2cc!important;color:#fff!important}.styleBtn.lightgreen:hover{background-color:#2ae9e2!important}.styleBtn.yellowdark{background-color:#6d6e02!important;color:#fff!important}.styleBtn.yellowdark:hover{background-color:#909203!important}.styleBtn.orangedark{background-color:#e4735b!important;color:#fff!important}.styleBtn.orangedark:hover{background-color:#ec826a!important}.styleBtn.darkblue{background-color:#222ca5!important;color:#fff!important}.styleBtn.darkblue:hover{background-color:#2d39c2!important}.styleBtn.lightblue{background-color:#7481fa!important;color:#fff!important}.styleBtn.lightblue:hover{background-color:#5162fc!important}.styleBtn.lightpurple{background-color:#8d2960!important;color:#fff!important}.styleBtn.lightpurple:hover{background-color:#b13479!important}.styleBtn.receipt{background-color:#8d2929!important;color:#fff!important}.styleBtn.receipt:hover{background-color:#b13434!important}.styleBtn.receipt-download{background-color:#b81c1c!important;color:#fff!important}.styleBtn.receipt-download:hover{background-color:#e80f0f!important}.styleBtn.upload{background-color:#31d2cc!important;color:#fff!important;width:150px}.styleBtn.upload:before{align-items:center;background:url(/static/media/upload.e2487c49cf7b5bc11a48.svg) no-repeat 50%;background-size:100% auto;content:"";display:inline-flex;height:13px;margin-left:11px;width:19px}.styleBtn.upload:hover{background-color:#29ccc7!important}.styleBtn.disabled{color:#868585!important;width:150px}.styleBtn.create{background-color:#31d2cc!important;color:#fff!important;width:150px}.styleBtn.create:hover{background-color:#29ccc7!important}.wrapMainLayout{display:flex;min-height:calc(100vh - 69px)}.LayoutMenu{align-items:stretch;background-color:#fff;box-shadow:0 5px 5px #0003;flex-grow:0;width:255px}.LayoutContent{align-items:stretch;flex-grow:1;padding:20px;width:calc(100% - 255px)}.bPageName{background-color:#f6f7f9;border-left:5px solid #024d85;color:#024d85;font-size:20px;font-weight:400;padding:10px 10px 10px 20px}.bContentMain,.bPageName{box-shadow:0 1px 5px #0003;width:100%}.bContentMain{background-color:#fff}.bNameContent{background-color:#f6f7f9;border-left:5px solid #024d85;color:#024d85;padding:10px 20px}.bContent{padding:10px}.text-to{align-items:center;color:#024d85;display:flex;font-weight:500;margin:0 25px}.MuiFormLabel-root,.MuiInputBase-root{font-family:Kanit,sans-serif!important}.MuiFormControl-root{padding:5px 0 0!important}.MuiInputLabel-formControl{left:15px!important;top:3px!important}.MuiInputBase-input{padding:0 15px 13px!important}.MuiInput-underline:before{border-bottom:1px solid #c3c4c6!important}.MuiInput-underline.Mui-disabled:before{border-bottom-style:dotted!important}.MuiInputLabel-shrink{color:#3279b7!important}.MuiTypography-body1{font-family:Kanit,sans-serif!important}.groupRadio{padding:0 15px 13px!important}.MuiFormControlLabel-root{margin-right:30px!important}.MuiFormGroup-row{margin-top:5px}.MuiRadio-colorSecondary.Mui-checked{color:#024d85!important}.MuiIconButton-colorSecondary:hover{background-color:#024d850a!important}.TagStatus{background-color:#f5f5f5;border:1px solid #b3b3b3;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;display:block;line-height:32px;padding:0 10px 0 33px;position:relative;text-transform:capitalize;width:fit-content}.TagStatus:before{background-color:#b3b3b3;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;content:"";display:block;height:16px;left:10px;position:absolute;top:8px;width:16px}.TagStatus.complete{background-color:#e8ffeb;border-color:#14a725}.TagStatus.complete:before{background-color:#14a725}.TagStatus.pending{background-color:#fff4ea;border-color:#ea7c1e}.TagStatus.pending:before{background-color:#ea7c1e}.TagStatus.cancel{background-color:#fff4f4;border-color:#b73232}.TagStatus.cancel:before{background-color:#b73232}.toolbarMain{background-color:#f6f7f9!important}.toolbarMain:after{background-color:#024d85;bottom:-5px;content:"";display:block;height:5px;position:absolute;width:100%}.boxLogoSmall{background:url(/static/media/logo-small.44cf27f147c7a02836df.png) no-repeat 50%;background-size:100% auto;display:block;height:44px;width:180px}.toolbarMain .MuiToolbar-gutters{padding:0 20px}.UserFunction{border:1px solid #eaeaea;padding:20px}.tPosition,.tUsername{letter-spacing:1px;text-align:center}.tPosition{color:#024d85;font-size:14px;margin-bottom:20px}.MainMenuList{padding:0}.MainMenuList .MuiAccordionSummary-root{min-height:inherit}.MainMenuList .MuiPaper-elevation1{box-shadow:none}.MainMenuList .MuiAccordion-root:before{display:none}.MainMenuList .MuiAccordion-root.Mui-expanded,.MainMenuList .MuiAccordion-root.Mui-expanded:first-child{margin:0}.MainMenuList .MuiAccordionSummary-root.Mui-expanded{min-height:inherit}.MainMenuList .MuiAccordionSummary-content.Mui-expanded{color:#3279b7;margin:0}.MainMenuList .MuiAccordionDetails-root{padding-bottom:0;padding-top:0}.MainMenuList .MuiSvgIcon-root{fill:#3279b7}.MenuList li{cursor:pointer;list-style:none;margin-bottom:10px}.MenuList li a{color:#555}.MenuList li a:hover,.MenuList li.active a{color:#024d85}.MenuList li.active a{font-size:18px;font-weight:700}.MenuList li a:before{background-color:#555;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;content:"";display:inline-block;height:8px;margin-right:10px;width:8px}.MenuList li a:hover:before,.MenuList li.active a:before{background-color:#024d85}.tabelData .MuiInputBase-input{padding:6px 24px 7px 8px!important}.tabelData.MuiPaper-elevation1{border:1px solid #d5d5d5;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;box-shadow:none}.tabelData .MuiTableHead-root .MuiTableCell-root{background-color:#f6f7f9!important;color:#024d85;font-size:14px;font-weight:400;line-height:22px}.tabelData .MuiTableCell-root{background:none!important;border-right:1px solid #d5d5d5;color:#333;font-family:Kanit,sans-serif!important;padding:10px}.tabelData .MuiTableBody-root .MuiTableRow-root:nth-child(2n) .MuiTableCell-root{background-color:#fafafa!important}.tabelData .MuiTablePagination-root{background-color:#f6f7f9;border-top:1px solid #d5d5d5}.table-invoice-list .MuiToolbar-root{background-color:#fff;min-height:52px;padding-left:16px;padding-right:8px}.table-invoice-list .MuiToolbar-root .MuiFormControl-root{margin-top:0!important;padding-top:0!important}.table-invoice-list .MuiToolbar-root .MuiInputBase-root{font-size:15px}.table-invoice-list .MuiToolbar-root .MuiInputBase-input{padding:8px 4px 10px 8px!important}.table-invoice-list .MuiToolbar-root .MuiInputBase-input::placeholder{color:#bdbdbd;opacity:1}.table-invoice-list .MuiToolbar-root .MuiInput-underline:before{border-bottom-width:1px!important}.table-invoice-list .MuiToolbar-root .MuiInput-underline:after{border-bottom-width:2px!important}.table-invoice-list .MuiToolbar-root .MuiInputAdornment-positionStart .MuiIcon-root,.table-invoice-list .MuiToolbar-root .MuiInputAdornment-positionStart .MuiSvgIcon-root{color:#0000009e}.table-invoice-list .MuiToolbar-root .MuiInputAdornment-positionEnd .MuiIconButton-root{color:#9e9e9e;padding:6px}.table-invoice-list .MuiToolbar-root .MuiInputAdornment-positionEnd .MuiIconButton-root.Mui-disabled{color:#e0e0e0!important}.table-invoice-list .MuiToolbar-root .MuiIconButton-colorInherit{color:#0000009e}.tabelData .MuiTableRow-root.MuiTableRow-hover:hover,.tabelData .MuiTableRow-root:nth-child(2n).MuiTableRow-hover:hover .MuiTableCell-root{background-color:#eef6ff!important}.ChipPDF .MuiChip-deleteIcon{color:#b73232!important;height:15px!important;width:15px!important}.ChipPDF{font-family:Kanit,sans-serif!important;font-size:14px!important;margin:0 5px}.ChipPDF:before{background:url(/static/media/pdf.4dbbb933e9a53acacf8b.svg) no-repeat 50%;background-size:auto 100%;content:"";display:inline-flex;height:15px;margin-left:13px;width:13px}.ChipPDF .MuiChip-deleteIcon{margin-right:6px!important}.textCondition{color:#939495;font-size:12px;margin-top:10px;text-align:center;width:100%}@media only screen and (min-width:320px) and (max-width:767px){.toolbarMain .MuiToolbar-gutters{padding:0}.LayoutContent{padding:10px}}.bg-loading{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;opacity:.8;position:fixed;top:0;width:100%;z-index:10000}.hidden{display:none}.w-auto{width:auto}.pl-5px{padding-left:5px}.ml-10px{margin-left:5px!important}.d-flex-space-evenly{display:flex;justify-content:space-evenly}.d-flex-ralign-jflexend{display:flex;justify-content:flex-end;text-align:right}body.embed-no-top-padding{padding-top:0!important}.color-primary{color:#024d85}.pointer{cursor:pointer}.d-none{display:none!important}.MuiButton-root{min-width:0!important}@keyframes awn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes awn-fade-out{0%{opacity:1}to{opacity:0}}@keyframes awn-slide-right{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes awn-slide-left{0%{opacity:0;right:100%}to{opacity:1;right:0}}@keyframes awn-bar{0%{right:100%}to{right:0}}.awn-popup-loading-dots,.awn-popup-loading-dots:after,.awn-popup-loading-dots:before{animation-fill-mode:both;animation:awn-loading-dots 1s ease-in-out infinite;background:#fff;border-radius:50%;height:6px;width:6px}.awn-popup-loading-dots{animation-delay:-.16s;color:#fff;display:inline-block;margin-left:24px;position:relative}.awn-popup-loading-dots:after,.awn-popup-loading-dots:before{content:"";position:absolute;top:0}.awn-popup-loading-dots:before{animation-delay:-.32s;left:-16px}.awn-popup-loading-dots:after{left:16px}@keyframes awn-loading-dots{0%,80%,to{box-shadow:0 0 0 0}40%{box-shadow:0 0 0 2px}}#awn-popup-wrapper{align-items:center;animation-fill-mode:both;animation-name:awn-fade-in;animation-timing-function:ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:99999}#awn-popup-wrapper.awn-hiding{animation-name:awn-fade-out}#awn-popup-wrapper .awn-popup-body{background:#fff;border-radius:6px;font-size:14px;max-width:500px;min-width:320px;padding:24px;position:relative;word-break:break-word}#awn-popup-wrapper .awn-popup-body.awn-popup-confirm{align-items:center;display:flex;flex-direction:column}#awn-popup-wrapper .awn-popup-body.awn-popup-confirm .fa{color:#c26700;font-size:44px}#awn-popup-wrapper .awn-popup-body.awn-popup-async-block{background:#0000;color:#fff;font-size:32px;font-weight:700;text-align:center}#awn-popup-wrapper .awn-popup-title{font-size:14px;font-weight:700;margin-top:8px;text-transform:uppercase}#awn-popup-wrapper .awn-buttons{display:flex;justify-content:space-between;margin-top:24px;width:100%}#awn-popup-wrapper .awn-buttons .awn-btn{border:0;border-radius:4px;color:#fff;font-size:14px;font-weight:700;line-height:32px;transition:background .2s linear;width:45%}#awn-popup-wrapper .awn-buttons-1 .awn-btn{width:100%}#awn-popup-wrapper .awn-buttons .awn-btn-success{background:#40871d}#awn-popup-wrapper .awn-buttons .awn-btn-success:hover{background:#367218}#awn-popup-wrapper .awn-buttons .awn-btn-cancel{background:#1c76a6}#awn-popup-wrapper .awn-buttons .awn-btn-cancel:hover{background:#186690}#awn-toast-container{bottom:24px;box-sizing:border-box;position:fixed;right:24px;z-index:99998}#awn-toast-container.awn-top-left,#awn-toast-container.awn-top-right{bottom:auto;top:24px}#awn-toast-container.awn-top-left .awn-toast:first-child,#awn-toast-container.awn-top-right .awn-toast:first-child{margin-top:16px}#awn-toast-container.awn-bottom-left,#awn-toast-container.awn-top-left{left:24px;right:auto}#awn-toast-container.awn-bottom-left .awn-toast,#awn-toast-container.awn-top-left .awn-toast{animation-name:awn-slide-left;right:100%}#awn-toast-container.awn-bottom-left .awn-toast.awn-hiding,#awn-toast-container.awn-top-left .awn-toast.awn-hiding{right:0}#awn-toast-container.awn-bottom-right .awn-toast,#awn-toast-container.awn-top-right .awn-toast{animation-name:awn-slide-right;left:100%}#awn-toast-container.awn-bottom-right .awn-toast.awn-hiding,#awn-toast-container.awn-top-right .awn-toast.awn-hiding{left:0}.awn-toast{animation-fill-mode:both;animation-timing-function:linear;background:#ebebeb;border-radius:6px;color:grey;cursor:pointer;font-size:14px;margin-top:16px;opacity:0;overflow:hidden;position:relative;width:320px}.awn-toast-content{word-break:break-word}.awn-toast-label{color:grey;display:block;font-size:18px;text-transform:uppercase}.awn-toast-icon{align-items:center;bottom:0;display:flex;justify-content:flex-end;position:absolute;right:16px;top:6px}.awn-toast-icon .fa{color:grey;font-size:44px}.awn-toast-wrapper{border:2px solid #d1d1d1;border-radius:6px;padding:22px 88px 16px 16px}.awn-toast-progress-bar{height:6px;left:0;position:absolute;right:0;top:0}.awn-toast-progress-bar:after{animation-duration:inherit;animation-fill-mode:both;animation-name:awn-bar;animation-timing-function:linear;background:grey;content:" ";height:6px;position:absolute;right:100%;top:0;width:100%}.awn-toast.awn-toast-progress-bar-paused .awn-toast-progress-bar:after{animation-play-state:paused}.awn-toast.awn-hiding{animation-name:awn-fade-out!important}.awn-toast.awn-toast-success{background:#dff8d3;color:#40871d}.awn-toast.awn-toast-success .awn-toast-wrapper{border-color:#a7d590}.awn-toast.awn-toast-success .fa,.awn-toast.awn-toast-success b{color:#40871d}.awn-toast.awn-toast-success .awn-toast-progress-bar:after{background:#40871d}.awn-toast.awn-toast-info{background:#d3ebf8;color:#1c76a6}.awn-toast.awn-toast-info .awn-toast-wrapper{border-color:#9fd3ef}.awn-toast.awn-toast-info .fa,.awn-toast.awn-toast-info b{color:#1c76a6}.awn-toast.awn-toast-info .awn-toast-progress-bar:after{background:#1c76a6}.awn-toast.awn-toast-alert{background:#f8d5d3;color:#a92019}.awn-toast.awn-toast-alert .awn-toast-wrapper{border-color:#f0a29d}.awn-toast.awn-toast-alert .fa,.awn-toast.awn-toast-alert b{color:#a92019}.awn-toast.awn-toast-alert .awn-toast-progress-bar:after{background:#a92019}.awn-toast.awn-toast-warning{background:#ffe7cc;color:#c26700}.awn-toast.awn-toast-warning .awn-toast-wrapper{border-color:#ffc480}.awn-toast.awn-toast-warning .fa,.awn-toast.awn-toast-warning b{color:#c26700}.awn-toast.awn-toast-warning .awn-toast-progress-bar:after{background:#c26700}[class^=awn-]{box-sizing:border-box}.awn-toast-icon{font-size:xxx-large}.boxListInvoice{border-bottom:1px solid #c3c4c6;padding:0 20px}.boxListInvoice .textlist{width:100%}.boxListInvoice .textlist-num{color:#3279b7;font-weight:500;text-align:right;width:270px}.boxListInvoice>.bRow{margin-bottom:15px}.boxTotalInvoice{border-bottom:1px solid #c3c4c6;padding:10px 20px 0}.boxTotalInvoice>.bRow{margin-bottom:10px}.boxTotalInvoice .textlist{color:#333;font-size:18px;font-weight:500;padding-right:20px;text-align:right;width:100%}.boxTotalInvoice .textlist-num{color:#024d85;font-size:18px;font-weight:500;text-align:right;width:270px}.boxGrandTotalInvoice{padding:10px 20px 0}.boxGrandTotalInvoice .textlist{color:#333;font-size:24px;font-weight:500;padding-right:20px;text-align:right;width:100%}.boxGrandTotalInvoice .textlist-num{color:#024d85;font-size:24px;font-weight:500;text-align:right;text-decoration:underline;width:270px}.LoginPageMain{align-items:center;background:url(/static/media/bg-login.548e3ad0ec29f3823783.jpg) no-repeat 50% #fff;background-size:cover;display:block;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%}.LoginPageMain:after,.LoginPageMain:before{background-color:#024d85;content:"";height:5px;left:0;position:absolute;width:100%}.LoginPageMain:before{top:0}.LoginPageMain:after{bottom:0}.LoginFormMain{max-width:460px;padding:30px 25px;width:90%}.BoxLogo{display:flex;justify-content:center;margin-bottom:28px}.Logo{background:url(/static/media/logo-main.e39d8ad97c0190ba1ac5.png) no-repeat 50%;background-size:100% auto;display:block;height:232.51px;width:235.06px}.MuiInputBase-input{padding-bottom:5px!important;padding-top:5px!important}.inputUser .MuiInputBase-input{padding-left:45px!important}.inputPass .MuiInputLabel-formControl,.inputUser .MuiInputLabel-formControl{left:45px!important}.inputPass .MuiInputBase-input{padding-left:45px!important;padding-right:45px!important}.inputPass:after,.inputPass:before,.inputUser:before{content:"";display:block;height:24px;position:absolute;top:20px;width:24px}.inputPass:before,.inputUser:before{left:10px}.inputUser:before{background:url(/static/media/user.e61df7db3702a1d48f05.svg) no-repeat 50%;background-size:100% auto}.inputPass:before{background:url(/static/media/pass.02736bf5b3fbb3f6b577.svg) no-repeat 50%;background-size:100% auto}.loginFooter{bottom:0;font-size:12px;left:0;line-height:40px;position:absolute;text-align:center;width:100%}.login-membership-dialog__paper{border:1px solid #024d851f;border-radius:10px!important;box-shadow:0 16px 48px #024d8547!important;margin:16px!important;max-width:440px!important;overflow:hidden;width:calc(100% - 32px)!important}.login-membership-dialog__header{background:linear-gradient(135deg,#024d85,#0d5c96 45%,#3279b7);color:#fff;padding:22px 24px 20px;position:relative}.login-membership-dialog__header:after{background:linear-gradient(90deg,#ffffff59,#fff0 60%);bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.login-membership-dialog__title{font-family:Kanit,sans-serif;font-size:1.28rem;font-weight:600;letter-spacing:.02em;line-height:1.35;margin:0}.login-membership-dialog__subtitle{font-family:Kanit,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;margin:10px 0 0;max-width:36em;opacity:.92}.login-membership-dialog__content{background:#f0f4f8;padding:18px 20px 8px!important}.login-membership-dialog__list{display:flex;flex-direction:column;gap:10px}.login-membership-option{align-items:center;background:#fff;border:1px solid #024d8524;border-radius:8px;box-shadow:0 1px 3px #024d850f;cursor:pointer;display:flex;font-family:Kanit,sans-serif;margin:0;padding:14px 14px 14px 12px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;width:100%}.login-membership-option:hover{border-color:#3279b7;box-shadow:0 4px 14px #024d851f;transform:translateY(-1px)}.login-membership-option:focus{border-color:#024d85;box-shadow:0 0 0 3px #3279b759;outline:none}.login-membership-option:active{box-shadow:0 2px 8px #024d851a;transform:translateY(0)}.login-membership-option__iconWrap{align-items:center;background:linear-gradient(145deg,#3279b724,#024d8514);border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:14px;width:48px}.login-membership-option__icon{color:#024d85;display:block;flex-shrink:0}.login-membership-option__body{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.login-membership-option__primary{color:#1a2d3d;display:block;font-size:1rem;font-weight:600;line-height:1.3}.login-membership-option__meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px}.login-membership-option__chip{align-items:center;background:#3279b71a;border-radius:999px;color:#3d5a73;display:inline-flex;font-size:.8125rem;gap:4px;line-height:1.3;padding:4px 10px 4px 8px}.login-membership-option__chip.muted{background:#0000000d;color:#6b7c8c}.login-membership-option__chipIcon{color:#3279b7;display:inline-block;flex-shrink:0;opacity:.9;vertical-align:-2px}.login-membership-option__chevron{color:#3279b7;display:block;flex-shrink:0;margin-left:6px;opacity:.85}.login-membership-dialog__actions{background:#fff;border-top:1px solid #024d851a;justify-content:flex-end!important;margin:0!important;padding:12px 20px 18px!important}.login-membership-dialog__cancel.styleBtn{min-width:120px;padding-left:20px!important;padding-right:20px!important;width:auto!important}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:first-of-type{background:linear-gradient(90deg,#385c78 0,#325774)}.react-spinner-loader-swing div:nth-of-type(2){background:linear-gradient(90deg,#325774 0,#47536a)}.react-spinner-loader-swing div:nth-of-type(3){background:linear-gradient(90deg,#4a5369 0,#6b4d59)}.react-spinner-loader-swing div:nth-of-type(4){background:linear-gradient(90deg,#744c55 0,#954646)}.react-spinner-loader-swing div:nth-of-type(5){background:linear-gradient(90deg,#9c4543 0,#bb4034)}.react-spinner-loader-swing div:nth-of-type(6){background:linear-gradient(90deg,#c33f31 0,#d83b27)}.react-spinner-loader-swing div:nth-of-type(7){background:linear-gradient(90deg,#da3b26 0,#db412c)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{background:#e3dbd2;border-radius:50%;filter:blur(1px);float:left;height:.25em;width:1em}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@keyframes ball-l{0%,50%{transform:rotate(0) translateX(0)}to{transform:rotate(50deg) translateX(-2.5em)}}@keyframes ball-r{0%{transform:rotate(-50deg) translateX(2.5em)}50%,to{transform:rotate(0) translateX(0)}}@keyframes shadow-l-n{0%,50%{opacity:.5;transform:translateX(0)}to{opacity:.125;transform:translateX(-1.75em)}}@keyframes shadow-r-n{0%{opacity:.125;transform:translateX(1.75em)}50%,to{opacity:.5;transform:translateX(0)}}.react-spinner-loader-swing-l{animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{animation:loader-spin 1.4s linear infinite;-webkit-animation:loader-spin 1.4s linear infinite;height:230px;transform-origin:115px 115px;width:230px}.react-spinner-loader-svg-cal-loader__path{animation:loader-path 1.4s ease-in-out infinite;-webkit-animation:loader-path 1.4s ease-in-out infinite}@keyframes loader-spin{to{transform:rotate(1turn)}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@keyframes dash{to{stroke-dashoffset:136}}@keyframes rotate{to{transform:rotate(1turn)}}.download-receipt-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);bottom:0;left:0;margin:0;min-height:100vh;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;width:100%;z-index:9999}.logo-container{display:flex;justify-content:center;margin-bottom:30px;padding:20px 0}.doa-logo{background:url(/static/media/logo-main.e39d8ad97c0190ba1ac5.png) no-repeat 50%;background-size:100% auto;display:block;height:232.51px;width:235.06px}.download-receipt-header{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:10px 10px 0 0;color:#fff;margin-bottom:0;padding:30px;text-align:center}.header-title{color:#fff!important;font-weight:700}.search-form-paper{border-radius:0 0 10px 10px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:30px}.search-form-paper .MuiInputLabel-outlined{word-wrap:break-word!important;line-height:1.3!important;max-width:calc(100% - 24px)!important;overflow-wrap:break-word!important;transform-origin:top left!important;white-space:normal!important}.search-form-paper .MuiInputLabel-outlined.MuiInputLabel-shrink{line-height:1.2!important;max-width:calc(133% - 24px)!important;transform:translate(14px,-6px) scale(.75)!important;white-space:normal!important}.search-form-paper .MuiOutlinedInput-root{padding-bottom:14px!important;padding-top:14px!important}.captcha-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.captcha-label{color:#333;font-weight:700;margin-bottom:8px}.captcha-instruction{color:#666;margin-bottom:12px}.captcha-input-group{align-items:center;display:flex;gap:15px}.captcha-input{flex:1 1;max-width:200px}.captcha-image-container{align-items:center;display:flex;gap:10px}.captcha-image{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;box-shadow:0 2px 4px #0003;color:#fff;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:3px;min-width:120px;padding:15px 25px;text-align:center;-webkit-user-select:none;user-select:none}.captcha-refresh-btn{min-width:40px}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.search-button{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;box-shadow:0 4px 6px #0000001a!important;color:#fff!important;font-weight:700!important;padding:12px 40px!important}.search-button:hover{box-shadow:0 6px 8px #00000026!important;transform:translateY(-2px);transition:all .3s ease}.clear-button{border-color:#6c757d!important;color:#6c757d!important;padding:12px 40px!important}.results-paper{border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-top:20px;overflow:hidden}.results-paper .MuiTableContainer-root{max-height:600px}.results-paper .MuiTableCell-head{background-color:#f8f9fa;color:#333;font-weight:700}.results-paper .MuiTableRow-root:hover{background-color:#f8f9fa}@media (max-width:768px){.download-receipt-container{padding:10px}.captcha-input-group{align-items:stretch;flex-direction:column}.captcha-input{max-width:100%}.action-buttons{flex-direction:column}.clear-button,.search-button{width:100%}}