@charset "UTF-8";.App{text-align:center}.App-logo{animation:App-logo-spin infinite 20s linear;height:40vmin}.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(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 768px){#root div.header-icon{right:40px;font-size:1rem}#root div.header-icon div{width:30px!important;height:30px!important}}.content-container{width:98%!important}.wrap-body{min-height:100%!important}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.MuiFormHelperText-root.Mui-error{display:none}.bg-gray .wrap-body .content-container{background:#fafafa;box-shadow:none;padding-bottom:90px}@media (min-width: 768px){.wrap-body .content-container{padding-bottom:20px}}.MuiInputBase-root{width:100%}.not-avaliable button.MuiPickersDay-day,.not-avaliable button.MuiPickersDay-daySelected,.not-avaliable button.MuiPickersDay-day:hover,.not-avaliable button.MuiPickersDay-daySelected:hover{color:#4a4a4a;background-color:#f0f0f0;cursor:default}.date-picker-calendar{width:-moz-fit-content;width:fit-content}.detailCancel{font-size:16px}.popup .title{font-size:20px}.detailCancel div{margin-bottom:10px}@media (min-width: 768px){.date-picker .MuiFormControl-root{min-width:420px}.popup{min-width:450px}}.MuiPickersDay-current span p{font-weight:700;color:#1a9480}.isbooked button.MuiPickersDay-day,.isbooked button.MuiPickersDay-daySelected,.isbooked button.MuiPickersDay-day:hover,.isbooked button.MuiPickersDay-daySelected:hover{color:#4a4a4a;background-color:#a1f2bc}button.MuiPickersDay-daySelected{color:#4a4a4a;background:none;border:2px solid #40c1ac}button.MuiPickersDay-daySelected:hover{color:#4a4a4a;background:none}.section-date-picker{width:calc(100% - 40px);display:flex;justify-content:center;padding:20px 0;margin:20px;border-radius:10px;box-shadow:0 0 4px #00000040}button.MuiPickersCalendarHeader-iconButton{z-index:0}button.MuiPickersCalendarHeader-iconButton .MuiIconButton-label{color:#0000a0}button.MuiPickersDay-dayDisabled{background:#f0f0f0}.date-picker-calendar{width:-moz-fit-content;width:fit-content;margin:0 auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}table,tbody,tfoot,thead,tr,th,td{margin:0;font-size:100%;font:inherit;vertical-align:baseline}html{height:100%;font-size:18px}body{font-size:18px;min-height:100%;background:#fafafa}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{cursor:pointer}input[type=button],input[type=submit],input[type=reset],input[type=text],input[type=password],input[type=email],textarea,button,select{cursor:pointer;font-size:1rem;border:1px solid #4a4a4a;-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,textarea:focus,input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus,button,button[type=button]:focus,button[type=submit]:focus,select:focus{outline:0}input[type=text],input[type=password],textarea{cursor:text}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,table,tbody,tfoot,thead,tr,th,td,input,select,button,textarea{color:#4a4a4a;font-family:Noto Sans Thai,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%}body{height:85vh;overflow-y:scroll;-webkit-overflow-scrolling:touch}.tw-fixed{position:fixed}.tw-inset-0{top:0;right:0;bottom:0;left:0}.tw-z-50{z-index:50}.tw-col-span-1{grid-column:span 1 / span 1}.tw-col-span-2{grid-column:span 2 / span 2}.tw-col-span-3{grid-column:span 3 / span 3}.tw-mx-auto{margin-left:auto;margin-right:auto}.tw-my-2\.5{margin-top:.625rem;margin-bottom:.625rem}.tw-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.tw-mb-2{margin-bottom:.5rem}.tw-mb-2\.5{margin-bottom:.625rem}.tw-mb-3{margin-bottom:.75rem}.tw-mb-4{margin-bottom:1rem}.tw-mr-2{margin-right:.5rem}.tw-mt-0{margin-top:0}.tw-mt-2{margin-top:.5rem}.tw-mt-4{margin-top:1rem}.tw-flex{display:flex}.tw-grid{display:grid}.tw-h-\[60px\]{height:60px}.tw-max-h-\[130px\]{max-height:130px}.tw-w-\[500px\]{width:500px}.tw-w-\[60px\]{width:60px}.tw-w-\[90\%\]{width:90%}.tw-w-\[calc\(100\%_-_20px\)\]{width:calc(100% - 20px)}.tw-w-full{width:100%}.tw-min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.tw-max-w-\[200px\]{max-width:200px}.tw-max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.tw-cursor-pointer{cursor:pointer}.tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tw-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}.tw-flex-nowrap{flex-wrap:nowrap}.tw-items-start{align-items:flex-start}.tw-items-end{align-items:flex-end}.tw-items-center{align-items:center}.tw-justify-start{justify-content:flex-start}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-gap-1{gap:.25rem}.tw-gap-2{gap:.5rem}.tw-gap-2\.5{gap:.625rem}.tw-gap-4{gap:1rem}.tw-self-start{align-self:flex-start}.tw-rounded-lg{border-radius:.5rem}.tw-rounded-md{border-radius:.375rem}.tw-border{border-width:1px}.tw-border-t{border-top-width:1px}.tw-border-solid{border-style:solid}.tw-border-\[\#D9D9D9\]{--tw-border-opacity: 1;border-color:rgb(217 217 217 / var(--tw-border-opacity, 1))}.tw-border-\[\#e0e0e0\]{--tw-border-opacity: 1;border-color:rgb(224 224 224 / var(--tw-border-opacity, 1))}.tw-border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.tw-bg-\[\#40c1ac\]{--tw-bg-opacity: 1;background-color:rgb(64 193 172 / var(--tw-bg-opacity, 1))}.tw-bg-\[\#f4f4f4\]{--tw-bg-opacity: 1;background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1))}.tw-bg-\[rgba\(64\,193\,172\,0\.05\)\]{background-color:#40c1ac0d}.tw-bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.tw-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.tw-bg-opacity-50{--tw-bg-opacity: .5}.tw-object-cover{-o-object-fit:cover;object-fit:cover}.tw-p-2\.5{padding:.625rem}.tw-p-4{padding:1rem}.tw-p-5{padding:1.25rem}.tw-p-6{padding:1.5rem}.\!tw-px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}.tw-px-5{padding-left:1.25rem;padding-right:1.25rem}.tw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.tw-pt-4{padding-top:1rem}.\!tw-text-left{text-align:left!important}.tw-text-left{text-align:left}.tw-text-center{text-align:center}.tw-text-right{text-align:right}.tw-indent-8{text-indent:2rem}.\!tw-text-sm{font-size:.875rem!important;line-height:1.25rem!important}.\!tw-text-xs{font-size:.75rem!important;line-height:1rem!important}.tw-text-\[12px\]{font-size:12px}.tw-text-base{font-size:1rem;line-height:1.5rem}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-xl{font-size:1.25rem;line-height:1.75rem}.tw-text-xs{font-size:.75rem;line-height:1rem}.tw-font-bold{font-weight:700}.tw-font-normal{font-weight:400}.tw-font-semibold{font-weight:600}.tw-text-\[\#40c1ac\]{--tw-text-opacity: 1;color:rgb(64 193 172 / var(--tw-text-opacity, 1))}.tw-text-\[\#eb2f06\]{--tw-text-opacity: 1;color:rgb(235 47 6 / var(--tw-text-opacity, 1))}.tw-text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tw-text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.tw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tw-accent-\[\#009d83\]{accent-color:#009d83}.tw-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-outline-none{outline:2px solid transparent;outline-offset:2px}.react-datepicker-wrapper,.react-datepicker__input-container,.react-datepicker__input-container input{width:120px;height:40px;border-radius:5px;text-align:center;font-size:16px}.react-datepicker__input-container{border:.5px solid;border-color:#afb6ca}.react-datepicker__input-container input{border:unset}.pop-up{scrollbar-width:thin}.MuiInputAdornment-root{display:none!important}.MuiInput-underline:before{border:0!important}.MuiInputBase-input.Mui-disabled{opacity:1!important;color:#4a4a4a!important}.thin-scroll{scrollbar-width:1px;scrollbar-color:#94979b;scroll-behavior:smooth}.thin-scroll::-webkit-scrollbar{width:5px;scroll-behavior:smooth}.thin-scroll::-webkit-scrollbar-thumb{background:#94979b;-webkit-border-radius:1ex;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.75)}.thin-scroll::-webkit-scrollbar-thumb:hover{background:#84878b}.thin-scroll::-webkit-scrollbar-corner{background:transparent}.hover\:tw-bg-\[\#40c1ac\]:hover{--tw-bg-opacity: 1;background-color:rgb(64 193 172 / var(--tw-bg-opacity, 1))}.hover\:tw-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.md\:tw-max-h-\[277px\]{max-height:277px}.md\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:tw-flex-row{flex-direction:row}.md\:tw-text-\[16px\]{font-size:16px}}@media (min-width: 1024px){.lg\:tw-max-w-full{max-width:100%}}.ppi{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:currentColor;width:1.5em;height:100%}.ppi.ppi-sample{-webkit-mask-image:url(/assets/images/icon-logo.svg);mask-image:url(/assets/images/icon-logo.svg)}.ppi.ppi-logo{-webkit-mask-image:url(/assets/images/icon-logo.svg);mask-image:url(/assets/images/icon-logo.svg)}.ppi.ppi-logo-circle{-webkit-mask-image:url(/assets/images/icon-logo-circle.png);mask-image:url(/assets/images/icon-logo-circle.png)}.ppi.ppi-expand{-webkit-mask-image:url(/assets/images/icon-expand.svg);mask-image:url(/assets/images/icon-expand.svg)}.ppi.ppi-contract{-webkit-mask-image:url(/assets/images/icon-contract.svg);mask-image:url(/assets/images/icon-contract.svg)}.ppi.ppi-search{-webkit-mask-image:url(/assets/images/icon-search.svg);mask-image:url(/assets/images/icon-search.svg)}.ppi.ppi-cross{-webkit-mask-image:url(/assets/images/icon-cross.svg);mask-image:url(/assets/images/icon-cross.svg)}.ppi.ppi-edit{-webkit-mask-image:url(/assets/images/icon-edit.svg);mask-image:url(/assets/images/icon-edit.svg)}.ppi.ppi-trash{-webkit-mask-image:url(/assets/images/icon-trash.svg);mask-image:url(/assets/images/icon-trash.svg)}.ppi.ppi-add-success{-webkit-mask-image:url(/assets/images/icon-add-success.svg);mask-image:url(/assets/images/icon-add-success.svg)}.ppi.ppi-setting{-webkit-mask-image:url(/assets/images/icon-setting.svg);mask-image:url(/assets/images/icon-setting.svg)}.ppi.ppi-setting-grey{-webkit-mask-image:url(/assets/images/icon-setting-grey.svg);mask-image:url(/assets/images/icon-setting-grey.svg)}.ppi.ppi-logout{-webkit-mask-image:url(/assets/images/icon-logout.svg);mask-image:url(/assets/images/icon-logout.svg)}.ppi.ppi-market{-webkit-mask-image:url(/assets/images/icon-market.svg);mask-image:url(/assets/images/icon-market.svg)}.ppi.ppi-shopping-cart{-webkit-mask-image:url(/assets/images/icon-shopping-cart.svg);mask-image:url(/assets/images/icon-shopping-cart.svg)}.ppi.ppi-home{-webkit-mask-image:url(/assets/images/icon-home.svg);mask-image:url(/assets/images/icon-home.svg)}.ppi.ppi-customers{-webkit-mask-image:url(/assets/images/icon-customers.svg);mask-image:url(/assets/images/icon-customers.svg)}.ppi.ppi-orders{-webkit-mask-image:url(/assets/images/icon-orders.svg);mask-image:url(/assets/images/icon-orders.svg)}.ppi.ppi-payment{-webkit-mask-image:url(/assets/images/icon-payment.svg);mask-image:url(/assets/images/icon-payment.svg)}.ppi.ppi-plus{-webkit-mask-image:url(/assets/images/icon-plus.svg);mask-image:url(/assets/images/icon-plus.svg)}.ppi.ppi-add{-webkit-mask-image:url(/assets/images/icon-add.svg);mask-image:url(/assets/images/icon-add.svg)}.ppi.ppi-delivery{-webkit-mask-image:url(/assets/images/icon-delivery.svg);mask-image:url(/assets/images/icon-delivery.svg)}.ppi.ppi-admin{-webkit-mask-image:url(/assets/images/icon-admin.svg);mask-image:url(/assets/images/icon-admin.svg)}.ppi.ppi-products{-webkit-mask-image:url(/assets/images/icon-products.svg);mask-image:url(/assets/images/icon-products.svg)}.ppi.ppi-show-pass{-webkit-mask-image:url(/assets/images/icon-show-pass.svg);mask-image:url(/assets/images/icon-show-pass.svg)}.ppi.ppi-hide-pass{-webkit-mask-image:url(/assets/images/icon-hide-pass.svg);mask-image:url(/assets/images/icon-hide-pass.svg)}.ppi.ppi-printer{-webkit-mask-image:url(/assets/images/icon-printer.svg);mask-image:url(/assets/images/icon-printer.svg)}.ppi.ppi-receipt{-webkit-mask-image:url(/assets/images/icon-receipt.svg);mask-image:url(/assets/images/icon-receipt.svg)}.ppi.ppi-file{-webkit-mask-image:url(/assets/images/icon-file.svg);mask-image:url(/assets/images/icon-file.svg)}.ppi.ppi-caret-up{-webkit-mask-image:url(/assets/images/caret-up-solid.svg);mask-image:url(/assets/images/caret-up-solid.svg)}.ppi.ppi-caret-down{-webkit-mask-image:url(/assets/images/caret-down-solid.svg);mask-image:url(/assets/images/caret-down-solid.svg)}.ppi.ppi-financial{-webkit-mask-image:url(/assets/images/give-money.svg);mask-image:url(/assets/images/give-money.svg)}.ppi.ppi-tax{-webkit-mask-image:url(/assets/images/tax.svg);mask-image:url(/assets/images/tax.svg)}.ppi.ppi-cross-error{-webkit-mask-image:url(/assets/images/error.svg);mask-image:url(/assets/images/error.svg)}.ppi.ppi-barcode{-webkit-mask-image:url(/assets/images/barcode.svg);mask-image:url(/assets/images/barcode.svg)}.ppi.ppi-download-outline{-webkit-mask-image:url(/assets/images/icon-download.svg);mask-image:url(/assets/images/icon-download.svg)}.ppi.ppi-calendar{-webkit-mask-image:url(/assets/images/calendar-alt-solid.svg);mask-image:url(/assets/images/calendar-alt-solid.svg)}.ppi.ppi-notes-medical{-webkit-mask-image:url(/assets/images/notes-medical.svg);mask-image:url(/assets/images/notes-medical.svg)}.ppi.ppi-large{-webkit-mask-image:url(/assets/images/th-large.svg);mask-image:url(/assets/images/th-large.svg)}.ppi.ppi-search-pet{-webkit-mask-image:url(/assets/images/search-pet.png);mask-image:url(/assets/images/search-pet.png)}.ppi.ppi-vet{-webkit-mask-image:url(/assets/images/vet.png);mask-image:url(/assets/images/vet.png)}.ppi.ppi-user-circle{-webkit-mask-image:url(/assets/images/user-circle.svg);mask-image:url(/assets/images/user-circle.svg)}.ppi.ppi-zoom-meeting{-webkit-mask-image:url(/assets/images/icon-zoom.svg);mask-image:url(/assets/images/icon-zoom.svg)}.ppi.ppi-cat{-webkit-mask-image:url(/assets/images/cat.svg);mask-image:url(/assets/images/cat.svg)}.ppi.ppi-dog{-webkit-mask-image:url(/assets/images/dog.svg);mask-image:url(/assets/images/dog.svg)}.ppi.ppi-copy-files{-webkit-mask-image:url(/assets/images/copy-files.svg);mask-image:url(/assets/images/copy-files.svg)}.ppi.ppi-link{-webkit-mask-image:url(/assets/images/link.svg);mask-image:url(/assets/images/link.svg)}.ppi.ppi-redo{-webkit-mask-image:url(/assets/images/redo.svg);mask-image:url(/assets/images/redo.svg)}.ppi.ppi-megaphonne{-webkit-mask-image:url(/assets/images/megaphonne1.png);mask-image:url(/assets/images/megaphonne1.png)}.ppi.ppi-phone{-webkit-mask-image:url(/assets/images/phone_icon.svg);mask-image:url(/assets/images/phone_icon.svg)}.ppi.ppi-any-pet{-webkit-mask-image:url(/assets/images/any-pet.svg);mask-image:url(/assets/images/any-pet.svg)}.ppi.ppi-pet-house{-webkit-mask-image:url(/assets/images/pet-house.png);mask-image:url(/assets/images/pet-house.png)}.ppi.ppi-beauty-saloon{-webkit-mask-image:url(/assets/images/beauty-saloon.png);mask-image:url(/assets/images/beauty-saloon.png)}.ppi.ppi-opd{-webkit-mask-image:url(/assets/images/opd.png);mask-image:url(/assets/images/opd.png)}.ppi.ppi-menu{-webkit-mask-image:url(/assets/images/menu.png);mask-image:url(/assets/images/menu.png)}.ppi.ppi-telemed{-webkit-mask-image:url(/assets/images/telemed.png);mask-image:url(/assets/images/telemed.png)}.ppi.ppi-medical-report{-webkit-mask-image:url(/assets/images/medical-report.svg);mask-image:url(/assets/images/medical-report.svg)}.ppi.ppi-001-appointment{-webkit-mask-image:url(/assets/images/001-appointment.svg);mask-image:url(/assets/images/001-appointment.svg)}.ppi.ppi-002-beauty-saloon{-webkit-mask-image:url(/assets/images/002-beauty-saloon.svg);mask-image:url(/assets/images/002-beauty-saloon.svg)}.ppi.ppi-003-veterinary{-webkit-mask-image:url(/assets/images/003-veterinary.svg);mask-image:url(/assets/images/003-veterinary.svg)}.ppi.ppi-004-medical{-webkit-mask-image:url(/assets/images/004-medical.svg);mask-image:url(/assets/images/004-medical.svg)}.ppi.ppi-005-medical-team{-webkit-mask-image:url(/assets/images/005-medical-team.svg);mask-image:url(/assets/images/005-medical-team.svg)}.ppi.ppi-006-owner{-webkit-mask-image:url(/assets/images/006-owner.svg);mask-image:url(/assets/images/006-owner.svg)}.ppi.ppi-007-pet{-webkit-mask-image:url(/assets/images/007-pet.svg);mask-image:url(/assets/images/007-pet.svg)}.ppi.ppi-008-medical-report{-webkit-mask-image:url(/assets/images/008-medical-report.svg);mask-image:url(/assets/images/008-medical-report.svg)}.ppi.ppi-dog-opd{-webkit-mask-image:url(/assets/images/dog-opd.svg);mask-image:url(/assets/images/dog-opd.svg)}.ppi.ppi-arrow-left{-webkit-mask-image:url(/assets/images/circle-arrow-left-solid.svg);mask-image:url(/assets/images/circle-arrow-left-solid.svg)}.ppi.ppi-arrow-right{-webkit-mask-image:url(/assets/images/circle-arrow-right-solid.svg);mask-image:url(/assets/images/circle-arrow-right-solid.svg)}.ppi.ppi-couch-solid{-webkit-mask-image:url(/assets/images/couch-solid.svg);mask-image:url(/assets/images/couch-solid.svg)}.ppi.ppi-obc{-webkit-mask-image:url(/assets/images/obc.svg);mask-image:url(/assets/images/obc.svg)}.ppi.ppi-checkin{-webkit-mask-image:url(/assets/images/icon/ic_checkin.svg);mask-image:url(/assets/images/icon/ic_checkin.svg)}.ppi.ppi-dianosis{-webkit-mask-image:url(/assets/images/icon/ic_dianosis.svg);mask-image:url(/assets/images/icon/ic_dianosis.svg)}.ppi.ppi-discharge{-webkit-mask-image:url(/assets/images/icon/ic_discharge.svg);mask-image:url(/assets/images/icon/ic_discharge.svg)}.ppi.ppi-paid{-webkit-mask-image:url(/assets/images/icon/ic_paid.svg);mask-image:url(/assets/images/icon/ic_paid.svg)}.ppi.ppi-manual-book{-webkit-mask-image:url(/assets/images/icon/manual-book.svg);mask-image:url(/assets/images/icon/manual-book.svg)}.ppi.ppi-ai{-webkit-mask-image:url(/assets/images/ai.svg);mask-image:url(/assets/images/ai.svg)}.ppi.ppi-pet-shower{-webkit-mask-image:url(/assets/images/icon/pet-shower.svg);mask-image:url(/assets/images/icon/pet-shower.svg)}.ppi.ppi-opd-vet{-webkit-mask-image:url(/assets/images/icon/opd-vet.svg);mask-image:url(/assets/images/icon/opd-vet.svg)}.ppi.ppi-clock{-webkit-mask-image:url(/assets/images/icon/clock.svg);mask-image:url(/assets/images/icon/clock.svg)}.ppi.ppi-ic_calendar{-webkit-mask-image:url(/assets/images/icon/ic_calendar.svg);mask-image:url(/assets/images/icon/ic_calendar.svg)}.ppi.ppi-expire{-webkit-mask-image:url(/assets/images/icon/expire.svg);mask-image:url(/assets/images/icon/expire.svg)}.ppi.ppi-ordered{-webkit-mask-image:url(/assets/images/icon/ordered.svg);mask-image:url(/assets/images/icon/ordered.svg)}.ppi.ppi-ordered-error{-webkit-mask-image:url(/assets/images/icon/ordered-error.svg);mask-image:url(/assets/images/icon/ordered-error.svg)}.ppi.ppi-image-plus{-webkit-mask-image:url(/assets/images/icon/image-plus.svg);mask-image:url(/assets/images/icon/image-plus.svg)}.ppi.ppi-xmark-solid{-webkit-mask-image:url(/assets/images/icon/xmark-solid.svg);mask-image:url(/assets/images/icon/xmark-solid.svg)}.ppi.ppi-home-line{-webkit-mask-image:url(/assets/images/icon/home-line.svg);mask-image:url(/assets/images/icon/home-line.svg)}.ppi.ppi-petborn{-webkit-mask-image:url(/assets/images/icon/petborn.svg);mask-image:url(/assets/images/icon/petborn.svg)}.ppi.ppi-more2{-webkit-mask-image:url(/assets/images/icon/more2.png);mask-image:url(/assets/images/icon/more2.png)}.ppi.ppi-clock2{-webkit-mask-image:url(/assets/images/icon/clock2.png);mask-image:url(/assets/images/icon/clock2.png)}