.actionButton{border-radius:8px;color:#fff;font-size:20px;font-style:normal;font-weight:400;height:56px;width:100%}.ant-input-affix-wrapper>input.ant-input{background:none;border:none;border-radius:0;font-size:inherit;outline:none;padding:0}.background-color{background:#f3f6f9}.klok-forgot{color:#1e2022;font-size:32px;font-weight:700;line-height:normal}.klok-forgot,.klok-forgot-text{font-style:normal;text-align:center}.klok-forgot-text{color:#687980;font-size:14px;font-weight:400;line-height:25px;margin-left:67px;width:329px}.anticon-close{color:red}.authRightPanel{background:linear-gradient(155deg,#2f57ff 6.16%,#00197c 92.32%);height:930px;width:850px;z-index:1}.klok-logo{height:57px!important;left:60px;margin:auto;position:absolute;text-align:center;top:35px;width:60px!important}.title{font-size:40px;font-weight:700;letter-spacing:.8px;line-height:normal;position:relative;top:110px}.carousel-text,.title{color:#fff;font-style:normal}.carousel-text{font-size:16px;font-weight:500;line-height:30px;position:absolute;top:160px}.de{background:#829aff80;border-top-left-radius:10px;bottom:0;height:600px;left:52px;position:absolute;width:798px}.login-dashboard{height:585px;margin-left:15px;margin-top:15px;width:783px}.ant-form-vertical .ant-form-item-label>label{color:#222;font-size:16px}.lock-icon.focused{color:#4079fc}.lock-icon.error{color:#ea4335}.mail-icon.focused{color:#4079fc}.mail-icon.error{color:#ea4335}.groups{margin-left:670px;margin-top:130px}.groups2{margin-left:10px;margin-top:270px}@media (max-width:1265px){.authRightPanel{width:800px}.groups{margin-left:620px}.de{width:749px}.login-dashboard{width:734px}.form-logo{margin-left:50px}}@media (max-width:1185px){.authRightPanel{width:750px}.groups{margin-left:570px}.de{width:698px}.login-dashboard{width:684px}.klok-form-title{font-size:20px}}@media (max-width:1115px){.authRightPanel{width:710px}.groups{margin-left:530px}.de{width:658px}.login-dashboard{width:644px}.title{font-size:35px}}@media (min-width:1410px){.authRightPanel{width:880px}.groups{margin-left:700px}.de{width:828px}.login-dashboard{width:814px}.title{font-size:40px}.form-logo{margin-left:95px}}@media (min-width:1480px){.authRightPanel{width:930px}.groups{margin-left:750px}.de{width:878px}.login-dashboard{width:864px}.title{font-size:40px}.form-logo{margin-left:100px}}@media (min-width:1580px){.authRightPanel{width:980px}.groups{margin-left:800px}.de{width:928px}.login-dashboard{width:914px}.title{font-size:40px}.form-logo{margin-left:130px}}@media (min-width:1680px){.authRightPanel{width:1020px}.groups{margin-left:840px}.de{width:968px}.login-dashboard{width:954px}.title{font-size:40px}.form-logo{margin-left:160px}}.klok-form-background{background:#fff;border-radius:15px;margin:5vh auto auto;padding:2vw;width:35%}.klok-form-title{color:#222;font-size:32px;font-style:normal;font-weight:700;line-height:normal;text-align:center}#receipt .ant-card-body{padding:0}.modifier{font-size:20px!important;margin-left:auto;width:75%}.item-remarks{margin-right:auto}.item-remarks,.item-replaced{margin-left:auto;width:80%}.item-replaced-text{border:.5px solid var(--color-light-orange)}.kds-state{height:40px;margin-left:auto;margin-right:auto;padding-top:8px;text-align:center;width:90%}.void{text-decoration:line-through;text-decoration-color:var(--color-tomato)}.combo-item{margin-left:auto;width:90%}.scroll-btn{box-shadow:0 4px 8px #0000001a;cursor:pointer;height:48px;width:48px}.next-btn{right:100}.next-btn,.prev-btn{bottom:100;position:fixed}.prev-btn{left:100}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.animate-div{animation:pulse 1s infinite;font-weight:700}.menu{background-color:#fff!important}.header{background:#fff;color:#222;font-size:16px;padding:0 16px}.header-nav{align-items:center;display:flex;height:64px;justify-content:space-between;padding-left:16px;padding-right:16px;width:100%}.header-nav img{height:42px}.cursor{cursor:pointer}.gap-8{gap:8px}.bg-white{background:#fff}.menu-item{align-items:center;display:flex;font-size:16px;justify-content:space-between;width:100%}.w-33{text-align:center;width:33.33%}.w-70{width:70%}.m-auto{margin:auto}.text-center{text-align:center}.gap-16{gap:16px}.footer{height:64px}#kds-footer{bottom:0;padding:0;position:fixed;width:100%;z-index:999}.h-100{height:100%}.px-24{padding-left:24px;padding-right:24px}.w-15{width:15%}.w-85{width:85%}.w-100{width:100%}.right-container{border-bottom-left-radius:8px;border-top-left-radius:8px;box-shadow:-2px 0 4px #0000001a;overflow-y:scroll;z-index:9}.ant-collapse{border:none}.ant-collapse>.ant-collapse-item>.ant-collapse-header{align-items:center;display:flex!important;padding:8px 16px!important}.ant-collapse-arrow svg{font-size:14px}.sidebar-title-bottom-line{border-bottom:1px solid var(--color-light-grey);margin-left:auto;margin-top:2px;width:85%}.pointer{cursor:pointer}.right-container::-webkit-scrollbar{width:10px}.right-container::-webkit-scrollbar-thumb{background-color:#888;border:2px solid #fff;border-radius:10px}.right-container::-webkit-scrollbar-thumb:hover{background-color:#555}.right-container::-webkit-scrollbar-track{background:#e0e0e0;border-radius:10px}:root{--font-family-primary:"Thicccboi",sans-serif;--font-size-xs:8px;--font-size-sm:10px;--font-size-md:12px;--font-size-lg:14px;--font-size-xl:16px;--font-size-xxl:18px;--font-weight-light:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--color-tomato:#ee534f;--color-tomato-dark:#e5332f;--color-light-green:#06bb6e;--color-dark-green:#048c52;--color-light-orange:#fe9704;--color-dark-orange:#bb7200;--color-yellow:#f4ee02;--color-light-blue:#1857aa;--color-dark-blue:#003d8d;--color-red:#e70006;--color-grey:#6d6d6d;--color-light-grey:#d9d9d9;--color-white:#fff;--color-light-teal:#014d4e;--color-dark-teal:#1f4d4e;--p-2:2px;--p-4:4px;--p-6:6px;--p-8:8px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--m-4:4px;--m-6:6px;--m-8:8px;--m-12:12px;--m-16:16px;--m-20:20px;--m-24:24px;--m-32:32px;--m-40:40px}.bg-light-tomato{background-color:#ee534f;background-color:var(--color-tomato)}.bg-dark-tomato{background-color:#e5332f;background-color:var(--color-tomato-dark)}.bg-light-green{background-color:#06bb6e;background-color:var(--color-light-green)}.bg-dark-green{background-color:#048c52;background-color:var(--color-dark-green)}.bg-light-orange{background-color:#fe9704;background-color:var(--color-light-orange)}.bg-dark-orange{background-color:#bb7200;background-color:var(--color-dark-orange)}.bg-yellow{background-color:#f4ee02;background-color:var(--color-yellow)}.bg-light-blue{background-color:#1857aa;background-color:var(--color-light-blue)}.bg-dark-blue{background-color:#003d8d;background-color:var(--color-dark-blue)}.bg-red{background-color:#e70006;background-color:var(--color-red)}.bg-dark-grey,.bg-grey{background-color:#6d6d6d;background-color:var(--color-grey)}.bg-light-grey{background-color:#d9d9d9;background-color:var(--color-light-grey)}.bg-light-teal{background-color:#014d4e;background-color:var(--color-light-teal)}.bg-dark-teal{background-color:#1f4d4e;background-color:var(--color-dark-teal)}.text-tomato{color:#ee534f;color:var(--color-tomato)}.text-tomato-dark{color:#e5332f;color:var(--color-tomato-dark)}.text-light-green{color:#06bb6e;color:var(--color-light-green)}.text-dark-green{color:#048c52;color:var(--color-dark-green)}.text-light-orange{color:#fe9704;color:var(--color-light-orange)}.text-dark-orange{color:#bb7200;color:var(--color-dark-orange)}.text-yellow{color:#f4ee02;color:var(--color-yellow)}.text-light-blue{color:#1857aa;color:var(--color-light-blue)}.text-dark-blue{color:#003d8d;color:var(--color-dark-blue)}.text-red{color:#e70006;color:var(--color-red)}.text-grey{color:#6d6d6d;color:var(--color-grey)}.text-white{color:#fff;color:var(--color-white)}.text-xs{font-size:8px;font-size:var(--font-size-xs)}.text-sm{font-size:10px;font-size:var(--font-size-sm)}.text-md{font-size:12px;font-size:var(--font-size-md)}.text-lg{font-size:14px;font-size:var(--font-size-lg)}.text-xl{font-size:16px;font-size:var(--font-size-xl)}.text-xxl{font-size:18px;font-size:var(--font-size-xxl)}.font-light{font-weight:400;font-weight:var(--font-weight-light)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.font-primary{font-family:Thicccboi,sans-serif;font-family:var(--font-family-primary)}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}#D9D9D9 .justify-around{justify-content:space-around}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.flex-no-grow{flex-grow:0}.flex-no-shrink{flex-shrink:0}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.order-first{order:-1}.order-last{order:999}.order-none{order:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.p-4{padding:4px;padding:var(--p-4)}.p-2{padding:2px;padding:var(--p-2)}.p-6{padding:6px;padding:var(--p-6)}.p-8{padding:8px;padding:var(--p-8)}.pt-4{padding-top:4px;padding-top:var(--p-4)}.pr-4{padding-right:4px;padding-right:var(--p-4)}.pb-4{padding-bottom:4px;padding-bottom:var(--p-4)}.pl-4{padding-left:4px;padding-left:var(--p-4)}.pt-6{padding-top:6px;padding-top:var(--p-6)}.pr-6{padding-right:6px;padding-right:var(--p-6)}.pb-6{padding-bottom:6px;padding-bottom:var(--p-6)}.pl-6{padding-left:6px;padding-left:var(--p-6)}.pt-8{padding-top:8px;padding-top:var(--p-8)}.pr-8{padding-right:8px;padding-right:var(--p-8)}.pb-8{padding-bottom:8px;padding-bottom:var(--p-8)}.pl-8{padding-left:8px;padding-left:var(--p-8)}.px-4{padding-left:4px;padding-left:var(--p-4);padding-right:4px;padding-right:var(--p-4)}.px-6{padding-left:6px;padding-left:var(--p-6);padding-right:6px;padding-right:var(--p-6)}.px-8{padding-left:8px;padding-left:var(--p-8);padding-right:8px;padding-right:var(--p-8)}.py-4{padding-bottom:4px;padding-bottom:var(--p-4);padding-top:4px;padding-top:var(--p-4)}.py-6{padding-bottom:6px;padding-bottom:var(--p-6);padding-top:6px;padding-top:var(--p-6)}.py-8{padding-bottom:8px;padding-bottom:var(--p-8);padding-top:8px;padding-top:var(--p-8)}.rounded-4{border-radius:4px;border-radius:var(--radius-4)}.rounded-6{border-radius:6px;border-radius:var(--radius-6)}.rounded-8{border-radius:8px;border-radius:var(--radius-8)}.rounded-tl-4{border-top-left-radius:4px;border-top-left-radius:var(--radius-4)}.rounded-tr-4{border-top-right-radius:4px;border-top-right-radius:var(--radius-4)}.rounded-bl-4{border-bottom-left-radius:4px;border-bottom-left-radius:var(--radius-4)}.rounded-br-4{border-bottom-right-radius:4px;border-bottom-right-radius:var(--radius-4)}.rounded-tl-6{border-top-left-radius:6px;border-top-left-radius:var(--radius-6)}.rounded-tr-6{border-top-right-radius:6px;border-top-right-radius:var(--radius-6)}.rounded-bl-6{border-bottom-left-radius:6px;border-bottom-left-radius:var(--radius-6)}.rounded-br-6{border-bottom-right-radius:6px;border-bottom-right-radius:var(--radius-6)}.rounded-tl-8{border-top-left-radius:8px;border-top-left-radius:var(--radius-8)}.rounded-tr-8{border-top-right-radius:8px;border-top-right-radius:var(--radius-8)}.rounded-bl-8{border-bottom-left-radius:8px;border-bottom-left-radius:var(--radius-8)}.rounded-br-8{border-bottom-right-radius:8px;border-bottom-right-radius:var(--radius-8)}.rounded-full{border-radius:50%}.rounded-pill{border-radius:9999px}.m-4{margin:4px;margin:var(--m-4)}.m-6{margin:6px;margin:var(--m-6)}.m-8{margin:8px;margin:var(--m-8)}.m-12{margin:12px;margin:var(--m-12)}.m-16{margin:16px;margin:var(--m-16)}.m-20{margin:20px;margin:var(--m-20)}.m-24{margin:24px;margin:var(--m-24)}.m-32{margin:32px;margin:var(--m-32)}.m-40{margin:40px;margin:var(--m-40)}.mt-4{margin-top:4px;margin-top:var(--m-4)}.mt-6{margin-top:6px;margin-top:var(--m-6)}.mt-8{margin-top:8px;margin-top:var(--m-8)}.mt-12{margin-top:12px;margin-top:var(--m-12)}.mt-16{margin-top:16px;margin-top:var(--m-16)}.mt-20{margin-top:20px;margin-top:var(--m-20)}.mt-24{margin-top:24px;margin-top:var(--m-24)}.mt-32{margin-top:32px;margin-top:var(--m-32)}.mt-40{margin-top:40px;margin-top:var(--m-40)}.mr-4{margin-right:4px;margin-right:var(--m-4)}.mr-6{margin-right:6px;margin-right:var(--m-6)}.mr-8{margin-right:8px;margin-right:var(--m-8)}.mr-12{margin-right:12px;margin-right:var(--m-12)}.mr-16{margin-right:16px;margin-right:var(--m-16)}.mr-20{margin-right:20px;margin-right:var(--m-20)}.mr-24{margin-right:24px;margin-right:var(--m-24)}.mr-32{margin-right:32px;margin-right:var(--m-32)}.mr-40{margin-right:40px;margin-right:var(--m-40)}.mb-4{margin-bottom:4px;margin-bottom:var(--m-4)}.mb-6{margin-bottom:6px;margin-bottom:var(--m-6)}.mb-8{margin-bottom:8px;margin-bottom:var(--m-8)}.mb-12{margin-bottom:12px;margin-bottom:var(--m-12)}.mb-16{margin-bottom:16px;margin-bottom:var(--m-16)}.mb-20{margin-bottom:20px;margin-bottom:var(--m-20)}.mb-24{margin-bottom:24px;margin-bottom:var(--m-24)}.ml-4{margin-left:4px;margin-left:var(--m-4)}.ml-6{margin-left:6px;margin-left:var(--m-6)}.ml-8{margin-left:8px;margin-left:var(--m-8)}.ml-12{margin-left:12px;margin-left:var(--m-12)}.ml-16{margin-left:16px;margin-left:var(--m-16)}.ml-20{margin-left:20px;margin-left:var(--m-20)}.ml-24{margin-left:24px;margin-left:var(--m-24)}.mx-4{margin-left:4px;margin-left:var(--m-4);margin-right:4px;margin-right:var(--m-4)}.mx-6{margin-left:6px;margin-left:var(--m-6);margin-right:6px;margin-right:var(--m-6)}.mx-8{margin-left:8px;margin-left:var(--m-8);margin-right:8px;margin-right:var(--m-8)}.mx-12{margin-left:12px;margin-left:var(--m-12);margin-right:12px;margin-right:var(--m-12)}.mx-16{margin-left:16px;margin-left:var(--m-16);margin-right:16px;margin-right:var(--m-16)}.mx-20{margin-left:20px;margin-left:var(--m-20);margin-right:20px;margin-right:var(--m-20)}.mx-24{margin-left:24px;margin-left:var(--m-24);margin-right:24px;margin-right:var(--m-24)}.my-4{margin-bottom:4px;margin-bottom:var(--m-4);margin-top:4px;margin-top:var(--m-4)}.my-6{margin-bottom:6px;margin-bottom:var(--m-6);margin-top:6px;margin-top:var(--m-6)}.my-8{margin-bottom:8px;margin-bottom:var(--m-8);margin-top:8px;margin-top:var(--m-8)}.my-12{margin-bottom:12px;margin-bottom:var(--m-12);margin-top:12px;margin-top:var(--m-12)}.my-16{margin-bottom:16px;margin-bottom:var(--m-16);margin-top:16px;margin-top:var(--m-16)}.my-20{margin-bottom:20px;margin-bottom:var(--m-20);margin-top:20px;margin-top:var(--m-20)}.my-24{margin-bottom:24px;margin-bottom:var(--m-24);margin-top:24px;margin-top:var(--m-24)}.border-white{border:1px solid #fff;border:1px solid var(--color-white)}.border-gray{border:1px solid #d9d9d9;border:1px solid var(--color-light-grey)}.border-bottom-gray{border-bottom:1px solid #d9d9d9;border-bottom:1px solid var(--color-light-grey)}.tdsorder{background:#fff;border-radius:10px;box-shadow:15px 15px 54px -32px #000000bf;margin-bottom:10px}