@import url(https://fonts.googleapis.com/css2?family=Lobster&family=Lobster+Two:ital@0;1&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500&family=Quicksand:wght@300&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Tapestry&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-style:normal;font-weight:400;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.frame-item::-webkit-scrollbar{width:8px!important}.frame-item::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.frame-item::-webkit-scrollbar-thumb:hover{background-color:#0000004d!important}.frame-orderlist::-webkit-scrollbar{width:8px}.frame-orderlist::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.frame-orderlist::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.frame-display-bill::-webkit-scrollbar{width:8px}.frame-display-bill::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.frame-display-bill::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.frame-room{display:flex;height:87.5vh;width:100%}@media only screen and (max-width:1024px){.frame-room{display:block;height:100%}}@media only screen and (max-width:600px){.frame-room{display:block}}.frame-room .frame-left-item-room{height:100%;width:70%}@media only screen and (max-width:1024px){.frame-room .frame-left-item-room{height:46vh;justify-content:center;margin:80px auto auto;width:100%}}@media only screen and (max-width:600px){.frame-room .frame-left-item-room{height:100%;justify-content:center;margin:80px auto 20px;width:100%}}.frame-room .frame-left-item-room .frame-button-action-left .stopwatch-payment{display:flex}.frame-room .frame-right-item-room{width:30%}@media only screen and (max-width:1024px){.frame-room .frame-right-item-room{margin-bottom:50px!important;margin:40px auto auto;width:60%}}@media only screen and (max-width:600px){.frame-room .frame-right-item-room{margin:0 auto auto;width:80%}}.frame-room .frame-right-item-room .frame-top-right-item-room{align-items:center;height:100px;justify-content:center;margin-bottom:51px}@media only screen and (max-width:600px){.frame-room .frame-right-item-room .frame-top-right-item-room{height:75px;margin-bottom:0;margin-top:0}}.frame-room .frame-right-item-room .frame-top-right-item-room .frame-input-debt{height:30px;margin:40px auto auto;width:80%}.frame-room .frame-right-item-room .frame-top-right-item-room input{align-items:center;border:2px solid gray;border-radius:4px;font-size:20px;height:35px;text-align:center;width:100%}@media only screen and (max-width:600px){.frame-room .frame-right-item-room .frame-top-right-item-room input{font-size:14px;height:25px}}.frame-room .frame-right-item-room .frame-top-right-item-room input::placeholder{color:#adadad;font-weight:400}.frame-room .frame-right-item-room .frame-display-bill{border:2px solid gray;border-radius:10px;box-shadow:0 4px 12px #0000001a;height:64vh;margin-top:30px;overflow-y:scroll;width:100%}@media only screen and (max-width:1024px){.frame-room .frame-right-item-room .frame-display-bill{height:45vh}}.frame-room .frame-right-item-room .frame-button-print-bill{display:flex;height:20px;justify-content:center;margin-top:10px!important;margin:auto}@media only screen and (max-width:600px){.stopwatch .frame-button-start-reset{width:210px}}.stopwatch .countime{align-items:center;display:flex;left:28.5%;position:absolute;top:100px}@media only screen and (max-width:1024px){.stopwatch .countime{top:135px}}@media only screen and (max-width:600px){.stopwatch .countime{justify-content:center;left:0;margin:0;top:165px;width:100%}}.stopwatch .countime span{font-size:24px}@media only screen and (max-width:600px){.stopwatch .countime span{font-size:15px}}.stopwatch .countime .frame-input-time-error{display:block}.stopwatch .countime .frame-input-time-error .inputTime{border:2px solid gray;border-radius:5px;font-size:30px;height:38px;line-height:78px;margin:0 40px 0 14px;width:90px}@media only screen and (max-width:600px){.stopwatch .countime .frame-input-time-error .inputTime{font-size:25px;height:30px;margin:0 0 0 14px;width:60px}}.stopwatch .countime .frame-input-time-error .inputTime::placeholder{align-items:center;text-align:center}.stopwatch .countime .frame-input-time-error .error{border:2px solid red;border-radius:5px;font-size:30px;height:38px;line-height:78px;margin:0 40px 0 14px;width:90px}@media only screen and (max-width:600px){.stopwatch .countime .frame-input-time-error .error{font-size:25px;height:30px;margin:0 0 0 14px;width:60px}}.stopwatch .countime .frame-input-time-error .error:focus{border:2px solid red;outline:none}.stopwatch .countime .frame-input-time-error .errror-text{color:red;font-size:15px;font-weight:600;margin-left:33px;padding-top:5px;position:absolute}@media only screen and (max-width:1024px){.stopwatch .countime .frame-input-time-error .errror-text{font-size:12px;margin-left:38px;padding-top:0}}@media only screen and (max-width:600px){.stopwatch .countime .frame-input-time-error .errror-text{font-size:12px;margin-left:22.5px}}.stopwatch .countime .frame-elapsedTime{align-items:center;text-align:center;width:120px}@media only screen and (max-width:600px){.stopwatch .countime .frame-elapsedTime{width:90px}}.stopwatch .countime .frame-elapsedTime span{align-items:center;color:#47f147;display:flex;font-size:40px;justify-content:center}@media only screen and (max-width:600px){.stopwatch .countime .frame-elapsedTime span{font-size:25px}}.button-add,button{cursor:pointer}.dark-screen{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.frame-menu{background-color:#fff;border:5px solid #d2d2e1;border-radius:4px;height:85%;margin-left:9%;position:absolute;top:10%;width:60%;z-index:4000}@media only screen and (max-width:1024px){.frame-menu{height:65vh;margin-left:9%;width:80%}}@media only screen and (max-width:600px){.frame-menu{height:55vh;margin-left:4%;top:16%;width:90%}}.frame-menu .fram-top-menu{height:30%}@media only screen and (max-width:1024px){.frame-menu .fram-top-menu{height:25%}}@media only screen and (max-width:600px){.frame-menu .fram-top-menu{height:130px}}.frame-menu .fram-top-menu .frame-button-close{background-color:#f3f4f4;display:flex;justify-content:space-between;width:100%}.frame-menu .fram-top-menu .frame-button-close span{font-size:medium;font-weight:600;padding-left:10px}.frame-menu .fram-top-menu .frame-button-close button{background-color:red;border-color:red;color:#fff;cursor:pointer}.frame-menu .fram-top-menu .frame-action-menu{margin-bottom:20px;width:100%}.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add{display:flex}.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-name-action{align-items:center;display:flex;justify-content:center;margin-top:20px}.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-name-action h3{padding-left:50px}@media only screen and (max-width:1024px){.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-name-action h3{padding-left:10px}}@media only screen and (max-width:600px){.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-name-action h3{font-size:10px;padding-left:10px}}.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-name-action .frame-name{align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;height:40px;justify-content:center;margin-left:20px;width:200px}@media only screen and (max-width:600px){.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-name-action .frame-name{height:30px;margin-left:10px;width:80px}}.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-name-action .frame-name h3{padding-left:0}.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-inputnumber-additem{align-items:center;display:flex;justify-content:center;margin-left:10%;margin-top:20px;width:30%}.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-inputnumber-additem input{border:1px solid #ccc;border-radius:5px;padding:10px;width:50px}@media only screen and (max-width:600px){.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-inputnumber-additem input{height:10px;width:40px}}.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-inputnumber-additem input[type=number]{font-size:16px}.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-inputnumber-additem input[type=number]::-webkit-inner-spin-button,.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-inputnumber-additem input[type=number]::-webkit-outer-spin-button{cursor:pointer;height:40px;margin-right:-10px;width:50px}@media only screen and (max-width:600px){.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-inputnumber-additem input[type=number]::-webkit-inner-spin-button,.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-inputnumber-additem input[type=number]::-webkit-outer-spin-button{display:none}}.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-inputnumber-additem .button-add-item{background-color:#67be67;border-color:#e6e6e6;border-radius:5px;color:#fff;height:40px;margin-left:10%}@media only screen and (max-width:600px){.frame-menu .fram-top-menu .frame-action-menu .frame-name-number-add .frame-inputnumber-additem .button-add-item{height:32px}}.frame-menu .fram-top-menu .frame-action-menu .frame-newPrice{display:flex}@media only screen and (max-width:600px){.frame-menu .fram-top-menu .frame-action-menu .frame-newPrice{margin-top:10px}}.frame-menu .fram-top-menu .frame-action-menu .frame-newPrice h3{padding-left:50px}@media only screen and (max-width:1024px){.frame-menu .fram-top-menu .frame-action-menu .frame-newPrice h3{padding-left:10px}}@media only screen and (max-width:600px){.frame-menu .fram-top-menu .frame-action-menu .frame-newPrice h3{font-size:10px;padding-left:10px}}.frame-menu .fram-top-menu .frame-action-menu .frame-newPrice .frame-input{align-items:center;display:flex;justify-content:center;margin-left:75px;width:203px}.frame-menu .fram-top-menu .frame-action-menu .frame-newPrice .frame-input .input-new-price::-webkit-inner-spin-button,.frame-menu .fram-top-menu .frame-action-menu .frame-newPrice .frame-input .input-new-price::-webkit-outer-spin-button{display:none}@media only screen and (max-width:600px){.frame-menu .fram-top-menu .frame-action-menu .frame-newPrice .frame-input{margin-left:40px;width:80px}}.frame-menu .fram-top-menu .frame-action-menu .frame-newPrice .frame-input input{border:1px solid #ccc;border-radius:5px;font-size:20px;font-weight:600;height:20px;padding:10px;text-align:center;width:100%}@media only screen and (max-width:600px){.frame-menu .fram-top-menu .frame-action-menu .frame-newPrice .frame-input input{font-size:13px;height:8px}}.frame-menu .fram-top-menu .frame-action-menu .frame-newPrice .frame-input input::placeholder{color:#e6e6e6;font-weight:400}.frame-item{background-color:#7382a5;border-top:2px solid gray;height:70%;overflow-y:scroll;width:100%}@media only screen and (max-width:1024px){.frame-item{height:74.8%}}@media only screen and (max-width:600px){.frame-item{height:calc(55vh - 131px)}}.frame-item .frame-item-map{grid-column-gap:15px;grid-row-gap:15px;align-items:center;display:grid;grid-template-columns:repeat(7,1fr);justify-content:center;margin:5px auto auto;row-gap:15px;width:98%}@media only screen and (max-width:1024px){.frame-item .frame-item-map{grid-column-gap:15px;grid-template-columns:repeat(5,1fr);row-gap:15px}}@media only screen and (max-width:600px){.frame-item .frame-item-map{grid-column-gap:5px;grid-template-columns:repeat(5,1fr);margin:5px auto auto;row-gap:10px;width:97%}}.frame-item .item-map{cursor:pointer;height:100px}@media only screen and (max-width:600px){.frame-item .item-map{height:50px;width:55px}}.frame-item img{border:2px solid #fff;border-radius:10px;height:100%;width:100%}.frame-orderlist{border:2px solid gray;border-radius:10px;box-shadow:0 4px 12px #0000001a;height:70vh;overflow-y:scroll;text-align:center;width:95%}@media only screen and (max-width:1024px){.frame-orderlist{height:35vh;width:99.5%}}.frame-orderlist table{border-collapse:collapse;width:100%}.frame-orderlist thead th{background-color:#fff;color:#333;font-weight:700;padding:10px;position:-webkit-sticky;position:sticky;text-align:left;text-align:center;top:0;width:150px!important;z-index:1}.frame-orderlist tbody{background:linear-gradient(0deg,#e6e9f0 0,#eef1f5);height:calc(100% - 40px);overflow-y:scroll}.frame-orderlist th{font-size:20px}@media only screen and (max-width:600px){.frame-orderlist th{font-size:12px}}.frame-orderlist tbody td{font-size:20px;padding:10px;text-align:center;width:150px!important}@media only screen and (max-width:600px){.frame-orderlist tbody td{font-size:12px}}.frame-orderlist tbody tr:nth-child(2n){background-color:#fff}.frame-orderlist tbody tr:hover{background:linear-gradient(120deg,#a1c4fd,#c2e9fb)}.frame-orderlist button .iconDelete{font-size:20px;margin-top:4.5px}@media only screen and (max-width:600px){.frame-orderlist button .iconDelete{font-size:15px;margin-top:.5px}}.frame-orderlist button:hover{background-color:#f66}.frame-clock{border:3px solid gray;height:57.5px;margin:-30px auto 10px;text-align:center;width:70%}.frame-clock,.frame-clock span{align-items:center;justify-content:center}.frame-clock span{font-size:50px;font-weight:700}@media only screen and (max-width:1024px){.frame-clock{margin-top:0}}@media only screen and (max-width:600px){.frame-clock{height:23px;margin-top:0}.frame-clock span{font-size:20px}}.frame-layout-bill{justify-content:center}.frame-layout-bill h1{font-size:40px;line-height:1;margin:0;padding-top:25px;text-align:center}@media only screen and (max-width:600px){.frame-layout-bill h1{font-size:22px}}.frame-layout-bill h4{font-weight:400;padding-top:10px}@media only screen and (max-width:600px){.frame-layout-bill h4{font-size:11px}}.frame-layout-bill h3{font-size:25px;padding-bottom:30px;padding-top:10px}.frame-layout-bill h3,.frame-layout-bill h4,.frame-layout-bill h5{margin:0;text-align:center}.frame-layout-bill h5{font-size:14px;font-weight:400;padding-bottom:5px}@media only screen and (max-width:600px){.frame-layout-bill h5{font-size:11px}}.frame-layout-bill h6{font-size:12px;font-weight:500;margin:0;padding-bottom:4px;text-align:center}.frame-layout-bill table{border-collapse:collapse;cursor:pointer;margin:auto;width:90%}.frame-layout-bill td,.frame-layout-bill th{border:1px solid #ddd;padding:8px;text-align:left}@media only screen and (max-width:600px){.frame-layout-bill td,.frame-layout-bill th{font-size:11px}}.frame-layout-bill th,.frame-layout-bill tr:nth-child(2n){background-color:#f2f2f2}.frame-layout-bill tr:hover{background-color:#ddd}.frame-layout-bill .frame-qr-total-bill{align-items:center;display:flex;justify-content:space-around;margin-bottom:20px!important;margin-top:20px!important;margin:auto;padding-left:21px;padding-right:20px}.frame-layout-bill .frame-qr-total-bill .frame-qr{height:100px;width:100px}.frame-layout-bill .frame-qr-total-bill .frame-qr img{height:100%;width:100%}.frame-layout-bill .frame-square-total-payment-billDetails{border:1.5px solid #000;border-radius:5px;min-height:50px;padding:10px;width:200px}.frame-layout-bill .frame-square-total-payment-billDetails .front-total-price-billDetails{font-size:15px;font-weight:500;margin:0;padding-bottom:7px;padding-top:7px}.main-layout-bill{justify-content:center;margin:auto auto auto -7px;text-align:center;width:302px}.main-layout-bill .font-brand{font-size:26px;line-height:1.5;margin-bottom:0}.main-layout-bill .font-sub-infor{font-size:12px;font-weight:400;line-height:1.5;margin:0 0 0 -10px}.main-layout-bill .font-sub-infor-bye{font-size:11.3px;font-weight:400;line-height:1.5;margin:0 0 0 -10px}.main-layout-bill .font-sub-infor-2{font-size:13px;font-weight:400;margin:0;padding-bottom:3px}.main-layout-bill .front-line-star{font-weight:400;line-height:1;margin-bottom:0;margin-left:-10px;margin-top:8px}.main-layout-bill .front-bill-name{font-size:22px;margin:0;padding-top:10px}.main-layout-bill .table-bill{border-collapse:initial;border-spacing:6px;font-size:15px;margin:15px auto auto;text-align:left}.main-layout-bill .table-bill .font-head-table{font-weight:400}.main-layout-bill .table-bill .custome-width-name{width:200px}.main-layout-bill .table-bill .custome-width-quantity{width:100px}.main-layout-bill .table-bill .custome-width-price{width:60px}.main-layout-bill .table-bill td{font-size:13px!important;padding-top:10px}.main-layout-bill .table-bill .custome-center{text-align:center}.main-layout-bill .table-bill .custome-right{text-align:right}.main-layout-bill .frame-qr-total-bill{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:20px!important;margin-top:20px!important;margin:auto;padding-left:6px!important;padding-right:5px;width:100%}.main-layout-bill .frame-qr-total-bill .frame-qr{height:100px;width:100px}.main-layout-bill .frame-qr-total-bill .frame-qr img{height:100%;width:100%}.main-layout-bill .frame-square-total-payment-billDetails{border:1.5px solid #000;border-radius:5px;max-height:100px;padding-bottom:5px;padding-top:5px;width:200px}.main-layout-bill .frame-square-total-payment-billDetails .front-total-price-billDetails{font-size:15px;font-weight:500;margin:0;padding-bottom:7px;padding-top:7px}.main-layout-bill .frame-square-total-payment-billDetails h4{margin-top:8px}.main-layout-bill .frame-square-total-payment-billDetails h6{font-size:13px;margin:0 0 7px}.Title-room{display:flex;font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:700;justify-content:center;margin-top:10px;text-align:center}@media only screen and (max-width:1024px){.Title-room{font-size:30px}}@media only screen and (max-width:600px){.Title-room{font-size:30px}}.parent-container{height:100vh}.frame-loading,.parent-container{align-items:center;display:flex;justify-content:center}.frame-loading{border-radius:5px;height:100px;margin:auto;width:150px}@media only screen and (max-width:1024px){.frame-loading{margin-top:55%}}@media only screen and (max-width:600px){.frame-loading{margin-top:75%}.frame-button-room{align-items:center;justify-content:center;margin:auto;width:312px}}.frame-button-room button{margin-right:2px;width:147px}@media only screen and (max-width:1024px){.frame-button-room button{margin-bottom:5px}}@media only screen and (max-width:600px){.frame-button-room button{font-size:12px;margin:auto auto 5px 5px;width:98px}}.frame-button-room .active-room{color:#ffdf2d}.layout-room{padding-left:20px;padding-right:20px}.frame-circularProgress{display:flex;justify-content:center;margin:auto auto 20px}.button-app{background-color:#4e72f2;border:1px solid #fff;border-radius:4px;color:#fff;font-size:20px;font-weight:500;height:40px;margin-bottom:20px;margin-right:20px;width:110px}@media only screen and (max-width:600px){.button-app{font-size:12px;width:80px}}.button-app-remove{background-color:#ff2f2f;border:1px solid #fff;border-radius:4px;color:#fff;font-size:20px;font-weight:500;height:40px;margin-right:20px}@media only screen and (max-width:600px){.button-app-remove{font-size:12px;width:90px}}.button-app-payment{background-color:#06b85f;border:1px solid #fff;border-radius:4px;color:#fff;font-size:20px;font-weight:500;height:40px;margin-right:20px}@media only screen and (max-width:600px){.button-app-payment{font-size:12px;width:90px}}.button-app-inbill{margin-right:0!important}@media only screen and (max-width:600px){.button-app-inbill{width:40%!important}}.button-remove-item{align-items:center;background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:6px 12px}@media only screen and (max-width:600px){.button-remove-item{font-size:1px;padding:6px}}.button-tab-room{align-items:center;background-color:#03a3a8;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;padding:4px 12px;width:100%}
/*# sourceMappingURL=main.38bc0405.css.map*/