*{margin:0;padding:0;color:#4a4a4a;font-family:Prompt,"sans-serif"}.center{display:block;margin:auto}.reset{margin:0;padding:0}.pointer{cursor:pointer}.opacity{opacity:.6}.flex-container-horizontal{display:flex;flex-direction:row}.flex-container-vertical{display:flex;flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-1{flex-grow:1}.flex-order-table{border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:hsla(0,0%,96.1%,.9607843137254902)}.flex-order-table,.flex-order-table-item{display:flex;flex-direction:row;padding:16px 0;border-bottom:1px solid #ddd}.flex-order-table-item{width:unset}.flex-card-list{flex-wrap:wrap;display:flex;flex-direction:row}.flex-card-list div{min-width:400px;margin:auto 0}@media only screen and (max-width:768px){#vertical .flex-container-horizontal{flex-direction:column}#card-item h4{min-width:250px;padding:0 16px}}@media only screen and (min-width:480px){.flex-card-list div{min-width:300px;max-width:300px;margin:auto 0}}@media only screen and (min-width:1407px){.flex-order-table,.flex-order-table-item{display:none}}.bg-blue{background-image:linear-gradient(270deg,#4696ec,#3878bd)}.bg-green{background-color:#67ac5b}.bg-white{background-color:#fff}.bg-dark{background-image:radial-gradient(circle farthest-corner at 10% 20%,#5a5c6a 0,#202d3a 81.3%)}.bg-soft{background-color:#f5f5f5}.bg-gray{background-color:rgba(0,0,0,.54)}input{padding:8px 16px;font-size:14px;border:1px solid #ddd;border-radius:5px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.floating-form{width:100%;max-width:400px}.floating-label{position:relative;margin-bottom:20px}.floating-input,.floating-select{font-size:14px;padding:22px 16px 8px;display:block;background-color:initial;border:1px solid #fff;border-radius:3px;width:100%;font-weight:600}.floating-input:focus,.floating-select:focus{outline:none;border:1px solid #fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.1)}.floating-input:focus~label,.floating-input:not(:placeholder-shown)~label{top:3px;font-size:13px}.floating-select:focus~label,.floating-select:not([value=""]):valid~label{top:3px;font-size:13px}.floating-input:focus~.bar:after,.floating-input:focus~.bar:before,.floating-select:focus~.bar:after,.floating-select:focus~.bar:before{width:50%}*,:after,:before{box-sizing:border-box}.floating-textarea{min-height:30px;max-height:260px;overflow:hidden;overflow-x:hidden}.floating-credit{position:fixed;bottom:10px;right:10px;color:#aaa;font-size:13px;font-family:arial,sans-serif}.floating-credit a{text-decoration:none;color:#000;font-weight:700}.floating-credit a:hover{border-bottom:1px dotted #f8f8f8}.floating-heading{position:fixed;color:#aaa;font-size:20px;font-family:arial,sans-serif}.input-search{padding:12px 28px;border-radius:25px;width:60%;font-size:16px;border:none;margin:16px auto;display:block}button:focus,input:focus,select:focus,textarea:focus{outline:none}.checkmark{width:18px;height:18px}@media only screen and (max-width:768px){.input-search{width:70%}}.cl-white{color:#fff}.cl-green{color:#67ac5b}.cl-red{color:red}.cl-blue{color:#3878bd}label{color:#fff;font-size:14px;font-weight:400;position:absolute;pointer-events:none;left:16px;top:30%;transition:all .2s ease;-moz-transition:.2s ease all;-webkit-transition:all .2s ease}.btn-confirm{background-color:#67ac5b;border:none;color:#fff;width:100%;padding:16px 0;border-radius:10px;margin:24px 0;max-width:400px}.btn-confirm,.btn-export{font-size:14px;font-weight:bolder;cursor:pointer}.btn-export{background-color:#fff;border:1px solid #67ac5b;color:#67ac5b;padding:8px 24px;border-radius:25px}.btn{border:none;color:#fff;width:100%;padding:12px 0;border-radius:25px;font-size:14px;margin:0 8px;font-weight:bolder;cursor:pointer}#confirm{background-color:#67ac5b}#reject{background-color:salmon}.img-logo{width:350px;margin-left:48px}#logo-word{margin-top:24px;margin-left:48px}.img-avatar{padding:2px;border-radius:50%;border:1px solid #ddd}@media only screen and (max-width:768px){.img-logo{width:200px;display:block;margin:24px auto}#logo-word{text-align:center;margin-top:0;margin-bottom:16px;margin-left:0}}.toolbar{background-color:#f5f5f5;padding:16px 36px}@media only screen and (max-width:768px){.toolbar{padding:8px}}.material-icons.md-light{color:#fff}.material-icons.md-light.md-inactive{color:hsla(0,0%,100%,.3)}.material-icons.md-dark{color:rgba(0,0,0,.54)}.material-icons.md-dark.md-inactive{color:rgba(0,0,0,.26)}.material-icons.md-green,.material-icons.md-green.md-inactive{color:#67ac5b}.material-icons.md-blue,.material-icons.md-blue.md-inactive{color:#4696ec}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.card{box-shadow:0 2px 8px rgba(0,0,0,.1);transition:.3s;background:#fff;padding:1rem;border-radius:5px}.card:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.grid-container-order-list{display:grid;grid-template-columns:5% 8% 8% 8% 8% 8% 15% 10% 15% 15%;padding:16px 0;border-bottom:1px solid #ddd;background-color:hsla(0,0%,96.1%,.9607843137254902);border-radius:5px}#header div{text-align:center!important;font-weight:bolder;cursor:pointer}#item div{text-align:center;font-weight:lighter}.grid-container-order-item{display:grid;grid-template-columns:5% 8% 8% 8% 8% 8% 15% 10% 15% 15%;padding:20px 0;border-bottom:1px solid #ddd}.grid-container-customer-detail-three{display:grid;grid-template-columns:33.3% 33.3% 33.3%;padding:16px 0;border-bottom:1px solid #ddd}.grid-container-customer-detail{display:grid;grid-template-columns:50% 50%;padding:16px 0;border-bottom:1px solid #ddd}.grid-container-survey{display:grid;grid-template-columns:50% 50%;word-break:break-all}@media only screen and (max-width:768px){.grid-container-customer-detail{grid-template-columns:50% 50%}}.p-8{padding:8px}.p-16{padding:16px}.p-24{padding:24px}.p-32{padding:32px}.p-48{padding:48px}.pl-8{padding-left:8px}.pl-16{padding-left:16px}.pl-24{padding-left:24px}.pl-32{padding-left:32px}.pl-48{padding-left:48px}.pr-8{padding-right:8px}.pr-16{padding-right:16px}.pr-24{padding-right:24px}.pr-32{padding-right:32px}.pr-48{padding-right:48px}.pt-8{padding-top:8px}.pt-16{padding-top:16px}.pt-24{padding-top:24px}.pt-32{padding-top:32px}.pt-48{padding-top:48px}.pb-8{padding-bottom:8px}.pb-16{padding-bottom:16px}.pb-24{padding-bottom:24px}.pb-32{padding-bottom:32px}.pb-48{padding-bottom:48px}.ph-8{padding:8px 0}.ph-16{padding:16px 0}.ph-24{padding:24px 0}.ph-32{padding:32px 0}.ph-48{padding:48px 0}.pv-8{padding:0 8px}.pv-16{padding:0 16px}.pv-24{padding:0 24px}.pv-32{padding:0 32px}.pv-48{padding:0 48px}.m-8{margin:8px}.m-16{margin:16px}.m-24{margin:24px}.m-32{margin:32px}.m-48{margin:48px}.ml-8{margin-left:8px}.ml-16{margin-left:16px}.ml-24{margin-left:24px}.ml-32{margin-left:32px}.ml-48{margin-left:48px}.mr-8{margin-right:8px}.mr-16{margin-right:16px}.mr-24{margin-right:24px}.mr-32{margin-right:32px}.mr-48{margin-right:48px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-48{margin-bottom:48px}.mh-8{margin:8px 0}.mh-16{margin:16px 0}.mh-24{margin:24px 0}.mh-32{margin:32px 0}.mh-48{margin:48px 0}.mv-8{margin:0 8px}.mv-16{margin:0 16px}.mv-24{margin:0 24px}.mv-32{margin:0 32px}.mv-48{margin:0 48px}.scroll-h,.scroll-v{overflow-y:scroll}#visible,#visible-flex{display:none}.media-l{display:flex}.media-xl{display:none}@media only screen and (max-width:768px){#invisible{display:none}#visible{display:block}#reset{margin:0}#detail-text{padding-bottom:32px}#visible-flex{display:flex}}@media only screen and (min-width:1407px){.media-l{display:none}.media-xl{display:flex}}h1{font-size:40px}h2{font-size:32px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}p{font-size:12px}a{text-decoration:none;font-size:18px}@media only screen and (max-width:768px){h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}h4{font-size:14px}h5{font-size:12px}p{font-size:9px}a{font-size:14px}}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:12px 16px;z-index:1;border-radius:8px}.dropdown:hover .dropdown-content{display:block}.dropdown-content div:hover{color:green;cursor:pointer}.select-css{display:block;font-size:16px;color:#444;line-height:1.3;padding:.6em 1.4em .5em .8em;box-sizing:border-box;margin:0;outline:none;border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:.5em;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff 0,#e5e5e5);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.select-css::-ms-expand{display:none}.select-css:hover{border-color:#888}.select-css:focus{border-color:#aaa;box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.select-css option{font-weight:400}.select-survey{font-size:14px;border:1px solid #f5f5f5;padding:8px 16px;width:100%}.logo{margin-right:48px;width:20%}@media only screen and (max-width:768px){.logo{width:30%}#menu-icon,.logo{margin:0 8px}.avatar{width:35px!important;margin-right:8px}.avatar-name{font-size:12px;white-space:nowrap;margin-right:16px}}.w-100{width:100vw}.h-100{height:100vh}.oval{width:12px;height:12px;border:none;border-radius:50px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}hr{border:none;border-top:1px dotted #ddd;color:#fff;background-color:#fff;height:1px;width:100px}.spinner{text-align:center}.spinner>div.dark{background-color:grey}.spinner>div,.spinner>div.light{background-color:#fff}.spinner>div{width:18px;height:18px;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.ml-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.modal-wrapper{background:#fff;border:1px solid #d0cccc;box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);margin:100px auto 0;transition:all .8s;width:60%}.modal-header{background:#263238;height:40px;line-height:40px;padding:5px 20px;text-align:right}.modal-header h3{color:#fff;float:left;margin:0;padding:0}.modal-body{padding:10px 15px;text-align:center}.modal-footer{background:#263238;height:35px;padding:15px}.close-modal-btn{color:#fff;cursor:pointer;float:right;font-size:30px;margin:0}.close-modal-btn:hover{color:#000}.btn-cancel,.btn-continue{background:coral;border:none;color:#fff;cursor:pointer;font-weight:700;outline:none;padding:10px}.btn-cancel{background-color:#b71c1c;float:left}.btn-continue{background-color:#1b5e20;float:right}.back-drop{background-color:rgba(48,49,48,.42);height:100%;position:fixed;transition:all 1.3s;width:100%}.open-modal-btn{margin:15px;padding:10px;font-weight:700}.datepicker{background-color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:25px}.react-daterange-picker__wrapper{border:none;padding:8px 16px}.datepicker-container{padding:24px 24px 0 48px;justify-content:space-between;align-items:center}@media only screen and (max-width:768px){.datepicker-container{padding:24px 0 0;justify-content:center}}textarea{border:1px solid #ddd;border-radius:10px;resize:none;padding:16px;width:100%;font-size:14px}.round{position:relative}.round label{background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;height:28px;left:0;position:absolute;top:0;width:28px}.round label:after{border:2px solid #fff;border-top:none;border-right:none;content:"";height:6px;left:7px;opacity:0;position:absolute;top:8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:12px}.round input[type=checkbox]{visibility:hidden}.round input[type=checkbox]:checked+label{background-color:#66bb6a;border-color:#66bb6a}.round input[type=checkbox]:checked+label:after{opacity:1}.radio{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;user-select:none}.radio input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%}.radio:hover input~.checkmark{background-color:#ccc}.radio input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.radio input:checked~.checkmark:after{display:block}.radio .checkmark:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#fff}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}
/*# sourceMappingURL=main.01a1a08b.chunk.css.map */