@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap);@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);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}*,body,html{color:#363d4d;font-family:"Ubuntu",sans-serif;letter-spacing:.9px;line-height:1.7;box-sizing:border-box}body{background-color:#edeef0}img{max-width:100%;max-height:auto;vertical-align:middle}.show{display:block}.hide{display:none!important}.content{width:100%;max-width:95%;padding:60px 15px;margin:auto}@media screen and (min-width:960px){.content{padding-left:265px}}.btn{background-color:#000;color:#fff;font-size:13px;text-transform:uppercase;text-decoration:none;text-align:center;padding:10px 20px;border:1px solid #000;outline:none;transition:background-color .3s;cursor:pointer}.btn:disabled{background-color:#ccc}.btn:not(:disabled):hover{cursor:pointer;background-color:#353e4d;border-color:#353e4d;transition:all .3s}.btn.link{background-color:#fff;color:#000;position:relative}.btn.link:hover{color:#fff}.btn.go{padding-right:30px}.btn.go:after{content:"";width:5px;height:5px;border-left:1px solid #000;border-top:1px solid #000;position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(135deg)}.btn.go:hover:after{right:10px;border-color:#fff;transition:all .3s}.btn.back{padding-left:30px}.btn.back:before{content:"";width:5px;height:5px;border-left:1px solid #000;border-top:1px solid #000;position:absolute;top:50%;left:20px;transform:translateY(-50%) rotate(-45deg)}.btn.back:hover:before{left:10px;border-color:#fff;transition:all .3s}.loading.mask{background:hsla(0,0%,100%,.5);position:fixed;top:0;bottom:0;left:0;right:0;z-index:30;display:block;cursor:wait}.loading.mask .loading-ring{display:inline-block;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px}.loading.mask .loading-ring:after{content:"";position:absolute;width:40px;height:40px;border:5px solid transparent;border-top-color:#357edd;border-radius:50%;margin:2px;animation:loading-ring 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading.mask .loading-ring:after:first-child{animation-delay:-.45s}.loading.mask .loading-ring:after:nth-child(2){animation-delay:-.3s}.loading.mask .loading-ring:after:nth-child(3){animation-delay:-.15s}@keyframes loading-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no_copy{-webkit-user-select:none;-ms-user-select:none;user-select:none}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.react-confirm-alert .react-confirm-alert-body{width:80vw;max-width:500px}.react-confirm-alert .react-confirm-alert-body .react-confirm-alert-content{word-break:break-word}.title{font-size:20px}.no_change_line{white-space:nowrap}.change_line{word-break:break-word}.navbar{display:flex;justify-content:flex-end;align-items:center;top:0;width:100%;padding:12px 24px;background-color:#edeef0;position:fixed;z-index:10}.navbar>*{margin-left:10px}.popup{width:95%;max-width:1024px;margin:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:none}@media screen and (max-width:960px){.popup{top:42%}}.popup.active{display:flex;z-index:20}.popup.active>.mask{z-index:-1;position:fixed}.popup.loading .mask{z-index:10;cursor:wait;background-color:hsla(0,0%,100%,.2)}.popup .btn-close{width:40px;height:40px;border-radius:50%;position:absolute;top:5px;right:20px;cursor:pointer}.popup .btn-close:after,.popup .btn-close:before{content:"";width:25px;height:2px;background-color:#000;border-radius:2px;position:absolute;top:50%;left:50%}.popup .btn-close:before{transform:translate(-50%,-50%) rotate(45deg)}.popup .btn-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.popup .btn-close:hover:after,.popup .btn-close:hover:before{background-color:#353e4d}.popup>.mask{background-color:hsla(0,0%,100%,.8);top:-1000px;bottom:-1000px;left:-3000px;right:-3000px}.popup .popup-wrapper{display:flex;flex-direction:column;width:100%;max-height:75vh;background-color:#fff;padding:0 10px 20px;border:1px solid #ccc;box-shadow:0 0 5px rgba(64,64,64,.5);overflow-x:hidden;overflow-y:scroll}.popup .popup-wrapper>div{background-color:#fff}@media screen and (min-width:960px){.popup .popup-wrapper{padding:0 40px 20px}}.popup .popup-wrapper h4{font-size:24px;font-weight:700;text-align:center;margin-bottom:20px;background-color:#fff}.popup .popup-wrapper .popup-msg{display:flex;width:100%;align-items:center;flex-direction:column;height:calc(100% - 80px)}.popup .popup-wrapper .popup-content{width:100%;overflow:auto}.popup .popup-wrapper .notice-list li{font-size:12px;padding-left:12px;margin-top:3px}.popup .popup-wrapper .notice-list li:before{content:"";display:inline-block;width:6px;height:6px;background-color:#000;border-radius:50%;margin-right:6px;margin-left:-12px;transform:translateY(-25%)}.popup .popup-wrapper .form-group{margin-bottom:10px}.popup .popup-wrapper .form-group+ul{margin-top:15px}.popup .popup-wrapper .form-group input,.popup .popup-wrapper .form-group p{font-size:12px}.popup .popup-wrapper .btns-wrapper{display:flex;width:100%;justify-content:space-between;padding:15px 0 0;margin:30px auto 0;position:relative}.popup .popup-wrapper .btns-wrapper:before{content:"";height:1px;background-color:#ccc;position:absolute;top:0;left:0;right:0}.popup .popup-wrapper .btns-wrapper>.btn{margin:0!important;width:auto;flex-grow:unset}.popup #brand-result{flex-flow:column nowrap}.popup #brand-result li{width:auto}.pagination-container{width:100%;max-width:100%;display:flex;justify-content:center;padding:15px 0}@media screen and (min-width:768px){.pagination-container{padding:15px}}.pagination-container .page{padding:5px 10px;font-size:12px;background-color:#fff;border:1px solid #ddd;cursor:pointer}.pagination-container .page:hover{background-color:#c3c6cc}.pagination-container .page.active{color:#fff;background-color:#353e4d}.pagination-container .page.disable{cursor:not-allowed;background-color:#fff}.pagination-container .page.loading{cursor:not-allowed;background-color:#404040;border:1px solid #404040;position:relative}.pagination-container .page.loading:after{content:"";position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px;width:15px;height:15px;border-radius:50px;border:3px solid #ccc;border-top-color:#000;animation:loading 2s linear infinite}@media screen and (max-width:768px){.pagination-container .page{padding:3px}}@media screen and (max-width:540px){.pagination-container .page{padding:1px}}.app{display:flex;justify-content:center;align-items:center;height:100%;min-height:100vh}.change_password{width:100%;min-height:100vh;background-repeat:no-repeat;background-position:50%;background-size:cover;background-attachment:fixed}.change_password .content{width:100%;max-width:95%;padding:72px 15px;margin:auto}.change_password .form-wrapper{width:100%;max-width:768px;background-color:hsla(0,0%,100%,.95);padding:30px;margin:auto;box-shadow:0 0 10px hsla(0,0%,80%,.8),0 0 2px rgba(64,64,64,.6)}.change_password .form-wrapper .form-group{margin-bottom:20px;position:relative}.change_password .form-wrapper .form-group label{font-weight:500;text-transform:uppercase;word-break:break-all;margin-bottom:5px;display:block;width:100%}.change_password .form-wrapper .form-group label+div{width:100%}.change_password .form-wrapper .form-group label+div>input{padding:0 10px}@media screen and (min-width:768px){.change_password .form-wrapper{padding:45px}}.change_password .form-wrapper h1{text-align:center}.change_password .form-wrapper h1+p{color:#404040;font-size:15px;font-weight:700;text-transform:uppercase;text-align:center;margin-bottom:30px;cursor:default}.change_password .form-wrapper h1+p:after,.change_password .form-wrapper h1+p:before{content:"";display:inline-block;width:8px;height:12px;background-color:#404040}.change_password .form-wrapper h1+p:before{margin-right:8px}.change_password .form-wrapper h1+p:after{margin-left:8px}.change_password button.btn{margin-top:30px;width:100%}.summary{display:flex;flex:1 1;min-height:80vh;height:100%;padding:10px}.search_options_wrapper{display:flex;flex-wrap:wrap}.search_options_wrapper>div{margin:0 8px 9px 0}.search-form{display:flex}.search-form .search-text{position:relative}.search-form .search-text .search-btn{position:absolute;right:0}.datepicker-wrapper{position:relative}.datepicker-wrapper .datepicker{border:1px solid #d3dde6;border-radius:6px}@media screen and (max-width:1000px){.datepicker-wrapper .DayPicker_wrapper{max-height:80vh;position:absolute;z-index:99;width:100%;height:500px}}.datepicker-wrapper .DayPicker_wrapper .DayPicker{position:absolute;top:48px;z-index:99}@media screen and (max-width:1000px){.datepicker-wrapper .DayPicker_wrapper .DayPicker{position:relative;top:0}}.datepicker-wrapper .DayPicker_wrapper .DayPicker .DayPickerNavigation_button__horizontalDefault{top:23px}.datepicker-wrapper .DayPicker_wrapper .DayPicker .DayPickerNavigation__verticalScrollableDefault{display:none}.datepicker-wrapper .DayPicker_wrapper .DayPicker .CalendarMonthGrid_month__horizontal .renderMonthElement_wrapper{display:flex;justify-content:space-between;width:85%}.datepicker-wrapper .DayPicker_wrapper .DayPicker .CalendarMonthGrid_month__horizontal:nth-of-type(2) .renderMonthElement_wrapper{padding-left:10px;margin-left:40px}.datepicker-wrapper .DayPicker_wrapper .DayPicker .CalendarMonthGrid_month__horizontal:nth-of-type(3) .renderMonthElement_wrapper{padding-right:10px;margin-right:40px}.transaction_view_page{width:100%;height:100vh;display:flex;justify-content:space-around;flex-direction:column;padding:84px 24px 24px}.transaction_view_page .transaction_summary{margin-bottom:15px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;background-color:#fff;border-radius:10px}.transaction_view_page .transaction_summary .summary_wrap{display:flex;width:14.28571%;min-width:170px;padding:5px;flex-direction:column}.transaction_view_page .transaction_summary .summary_wrap>span:first-child{font-weight:700}.transaction_view_page .transaction_summary .summary_wrap .MuiSkeleton-root{width:100px}@media screen and (max-width:960px){.transaction_view_page .transaction_summary .summary_wrap{display:flex;padding-bottom:10px}}@media screen and (max-width:768px){.transaction_view_page .transaction_summary .summary_wrap{width:25%}}@media screen and (max-width:540px){.transaction_view_page .transaction_summary .summary_wrap{width:50%}}@media screen and (max-width:540px){.transaction_view_page{height:calc(100% - 84px);min-height:100vh;padding-top:84px;justify-content:unset}}.transaction_detail_page{width:100%;height:100vh;display:flex;flex-direction:column;padding:84px 24px 24px}.transaction_detail_page>div{padding-bottom:30px}.transaction_detail_page .title{padding-top:16px}.transaction_detail_page .title_wrapper{display:flex;flex-direction:row;justify-content:space-between;width:calc(100% - 10px)}.edit_transaction_detail_wrapper .price_wrapper{display:flex;flex-wrap:wrap;border-bottom:1px solid #ccc;padding-bottom:1rem}.edit_transaction_detail_wrapper .price_wrapper>div{width:calc(33.33333% - 20px);margin:5px 10px}@media screen and (max-width:540px){.edit_transaction_detail_wrapper .price_wrapper>div{width:calc(50% - 20px)}}.edit_transaction_detail_wrapper .content_wrapper{margin:0 10px}.edit_transaction_detail_wrapper .content_wrapper>div{width:100%}.products_drawer_wrapper{padding:24px 24px 66px;max-height:80vh;display:flex;flex-direction:column}.products_drawer_wrapper>div{max-width:1024px}.edit_product_detail_wrapper{height:100%}.edit_product_detail_wrapper .productWrap,.products_drawer_wrapper .productWrap{display:flex;align-items:center;max-width:300px}.edit_product_detail_wrapper .productWrap img,.products_drawer_wrapper .productWrap img{max-width:100px;box-sizing:content-box;padding-right:10px}.edit_product_detail_wrapper .productWrap>div,.products_drawer_wrapper .productWrap>div{word-break:break-word}.edit_product_detail_wrapper .productWrap .variationName,.products_drawer_wrapper .productWrap .variationName{color:#596480}@media screen and (max-width:768px){.edit_product_detail_wrapper .productWrap img,.products_drawer_wrapper .productWrap img{max-width:80px}}.search-form .MuiIconButton-root,.search-form .MuiInputBase-root{border-radius:0 6px 6px 0!important}.search-form .MuiInput-root{border-radius:6px 0 0 6px!important}.search-form .MuiButtonBase-root{padding:0 5px!important}.search-form .search-text input.MuiInputBase-input{min-width:185px;padding:0 40px 0 5px}@media screen and (max-width:540px){.search-form .search-text input.MuiInputBase-input{min-width:unset}}.search-text:focus .MuiInputBase-root,.search-text:hover .MuiInputBase-root{border:1px solid #5087e6!important;background-color:#fff!important;border-radius:0 6px 6px 0!important}.search-text:focus .MuiButtonBase-root,.search-text:hover .MuiButtonBase-root{border:1px solid #5087e6!important;border-color:#5087e6;background-color:unset!important;border-radius:0 6px 6px 0!important}.navbar .MuiButton-root{margin-left:10px;background-color:#fff;box-shadow:unset;border:1px solid #d3dde6!important;border-radius:6px}.navbar .MuiButton-root:hover{background-color:#fff;box-shadow:unset;border:1px solid #5087e6!important}.MuiInputBase-select div[class*=-control]{width:120px;border-radius:6px}.MuiInputBase-select div[class*=-control] [class*=-indicatorSeparator]{width:0}.MuiInputBase-select div[class*=-control] [class*=-indicatorContainer]{color:#596480}.MuiInputBase-select [class*=-menu]{width:unset;z-index:9}.MuiInputBase-select [class*=-menu] [class*=-option]{white-space:nowrap}.MuiIconButton-root,.MuiInputBase-root,.MuiInputBase-select div[class*=-control]{height:38px;border:1px solid #d3dde6!important;background-color:#fff}.MuiIconButton-root:focus,.MuiIconButton-root:hover,.MuiInputBase-root:focus,.MuiInputBase-root:hover,.MuiInputBase-select div[class*=-control]:focus,.MuiInputBase-select div[class*=-control]:hover{border:1px solid #5087e6!important;background-color:#fff!important}.MuiIconButton-root:focus .MuiInputBase-input,.MuiIconButton-root:focus .MuiSelect-icon,.MuiIconButton-root:focus .MuiSvgIcon-root,.MuiIconButton-root:focus div [class*=-indicatorContainer],.MuiIconButton-root:focus div [class*=-singleValue],.MuiIconButton-root:hover .MuiInputBase-input,.MuiIconButton-root:hover .MuiSelect-icon,.MuiIconButton-root:hover .MuiSvgIcon-root,.MuiIconButton-root:hover div [class*=-indicatorContainer],.MuiIconButton-root:hover div [class*=-singleValue],.MuiInputBase-root:focus .MuiInputBase-input,.MuiInputBase-root:focus .MuiSelect-icon,.MuiInputBase-root:focus .MuiSvgIcon-root,.MuiInputBase-root:focus div [class*=-indicatorContainer],.MuiInputBase-root:focus div [class*=-singleValue],.MuiInputBase-root:hover .MuiInputBase-input,.MuiInputBase-root:hover .MuiSelect-icon,.MuiInputBase-root:hover .MuiSvgIcon-root,.MuiInputBase-root:hover div [class*=-indicatorContainer],.MuiInputBase-root:hover div [class*=-singleValue],.MuiInputBase-select div[class*=-control]:focus .MuiInputBase-input,.MuiInputBase-select div[class*=-control]:focus .MuiSelect-icon,.MuiInputBase-select div[class*=-control]:focus .MuiSvgIcon-root,.MuiInputBase-select div[class*=-control]:focus div [class*=-indicatorContainer],.MuiInputBase-select div[class*=-control]:focus div [class*=-singleValue],.MuiInputBase-select div[class*=-control]:hover .MuiInputBase-input,.MuiInputBase-select div[class*=-control]:hover .MuiSelect-icon,.MuiInputBase-select div[class*=-control]:hover .MuiSvgIcon-root,.MuiInputBase-select div[class*=-control]:hover div [class*=-indicatorContainer],.MuiInputBase-select div[class*=-control]:hover div [class*=-singleValue]{color:#5087e6!important}.MuiIconButton-root:focus+.MuiIconButton-root,.MuiIconButton-root:hover+.MuiIconButton-root,.MuiInputBase-root:focus+.MuiIconButton-root,.MuiInputBase-root:hover+.MuiIconButton-root,.MuiInputBase-select div[class*=-control]:focus+.MuiIconButton-root,.MuiInputBase-select div[class*=-control]:hover+.MuiIconButton-root{border:1px solid #5087e6!important}.MuiIconButton-root:focus div [class*=-singleValue],.MuiInputBase-root:focus div [class*=-singleValue],.MuiInputBase-select div[class*=-control]:focus div [class*=-singleValue]{color:#a5a5a5!important}.MuiIconButton-root.Mui-focused,.MuiInputBase-root.Mui-focused,.MuiInputBase-select div[class*=-control].Mui-focused{border:1px solid #5087e6!important}.MuiOutlinedInput-notchedOutline{border:unset!important}.MuiTextField-root{position:relative;padding-top:30px!important}.MuiTextField-root .MuiFormLabel-root{color:#363d4d!important}.MuiTextField-root .MuiInputLabel-outlined{position:absolute;top:-10px;left:-10px}.MuiTextField-root .MuiOutlinedInput-root.Mui-error{border:1px solid #e68173!important}.MuiTextField-root .MuiInputBase-input:focus,.MuiTextField-root .MuiInputBase-input:hover,.MuiTextField-root .MuiInputBase-root:focus,.MuiTextField-root .MuiInputBase-root:hover{color:unset!important}.MuiTextField-root .MuiInputBase-input.Mui-focused,.MuiTextField-root .MuiInputBase-root.Mui-focused{border:1px solid #5087e6!important}.MuiTextField-root .MuiInputBase-input.Mui-focused.Mui-error,.MuiTextField-root .MuiInputBase-root.Mui-focused.Mui-error{border:1px solid #cc6152!important}.MuiTextField-root fieldset{top:-14px!important}.MuiTextField-root fieldset:focus{border:unset!important}.MuiSelect-select.MuiSelect-select{position:relative;width:120px;box-sizing:border-box;padding:0 .25rem 0 .75rem;border-radius:6px 0 0 6px}.MuiSelect-select:focus{background-color:unset!important}.MuiMenu-paper{margin-top:15px}@media screen and (max-width:540px){.MuiMenu-paper{max-height:50vh!important}}.MuiListItem-button:hover{background-color:#fafcff!important;color:#363d4d}.MuiListItem-root .MuiSvgIcon-root{width:22.4px;height:22.4px}.MuiListItem-root:hover .MuiSvgIcon-root{color:#5087e6!important}.MuiListItem-root.Mui-selected{background-color:#f2f7ff!important}.MuiListItem-root .MuiCheckbox-root{border:none!important;padding:unset}.MuiListItem-root .MuiCheckbox-root.Mui-checked{color:#5087e6!important}.MuiListItem-root .MuiListItemText-root{padding-left:1rem}.MuiInputBase-root{border-radius:8px!important}.MuiInputBase-root.cost_input{max-width:120px}.MuiInputBase-root.cost_input>input{text-align:right;padding:0 5px}.MuiInputBase-root.cost_input>input::-webkit-inner-spin-button,.MuiInputBase-root.cost_input>input::-webkit-outer-spin-button{margin-left:5px}.MuiInputBase-root.cost_input>input[type=number]{margin-left:5px}.datepicker{height:38px;position:relative;display:flex;align-items:center;background-color:#fff}.datepicker .MuiInputBase-root{width:120px;padding:0 10px;border:none!important;height:100%}.datepicker .MuiSvgIcon-root.calendar{color:#596480;margin-right:10px}.datepicker .MuiSvgIcon-root.calendar:before{content:"123";position:absolute;width:50px;height:50px;top:0;right:0}.renderMonthElement.MuiInputBase-root{height:30px}.renderMonthElement .MuiSelect-select.MuiSelect-select{width:105px}.MuiTableContainer-root{height:100%;border-radius:10px}.MuiTableContainer-root .MuiTable-root{border-collapse:collapse}.MuiTableContainer-root .MuiTable-root .MuiTableRow-hover>td,.MuiTableContainer-root .MuiTable-root .MuiTableRow-hover>th{color:#363d4d;background-color:#fff}.MuiTableContainer-root .MuiTable-root .MuiTableRow-hover:hover{cursor:pointer}.MuiTableContainer-root .MuiTable-root .MuiTableRow-hover:hover>td{background-color:#f6f6f6}.MuiTableContainer-root .MuiTable-root .MuiTableRow-hover:hover .fixColumn{background-color:#f6f6f6!important}.MuiTableContainer-root .MuiTable-root .MuiTableCell-stickyHeader{left:unset}.MuiTableContainer-root .MuiTable-root .fixHeader{position:-webkit-sticky;position:sticky;z-index:3;left:0;top:0}.MuiTableContainer-root .MuiTable-root .fixColumn{position:-webkit-sticky;position:sticky;left:0;background-color:#fff;z-index:1}.MuiFab-root{position:fixed!important;right:10px;bottom:10px;z-index:99}.MuiFab-root path{color:#fff}.MuiSvgIcon-root{cursor:pointer}.navbar .MuiSvgIcon-root{width:1.8rem;height:1.8rem}.navbar .MuiSvgIcon-root path{opacity:.7}.navbar .MuiSvgIcon-root:hover path{opacity:1!important}.title_wrapper .MuiSvgIcon-root{padding:8px;margin:-10px;border:1px solid #3f51b5;border-radius:100%;background-color:#3f51b5;box-sizing:content-box}.title_wrapper .MuiSvgIcon-root path{color:#fff}.title_wrapper .MuiSvgIcon-root:hover{background-color:#303f9f}.MuiButton-root.link:hover .MuiButton-label,.MuiButton-root.MuiButton-containedPrimary .MuiButton-label{color:#fff}.MuiBreadcrumbs-root a,.MuiBreadcrumbs-root span{text-decoration:unset;font-size:14px}.MuiBreadcrumbs-root .MuiBreadcrumbs-separator,.MuiBreadcrumbs-root a{color:#7a8499}.MuiBreadcrumbs-root a:hover{color:#5084e6}
/*# sourceMappingURL=main.7eff711b.chunk.css.map */