.BSBillingDefault-table { height: inherit; flex-grow: 1; overflow: auto; } .BSLayout6-fullbody { height: 99.3vh; overflow: hidden; } .BSLayout6-fullbody .BSBilling4TableCont-default { height: 83vh; } .BSLayout6-fullbody .BSTable3_overall { height: 71vh; } .BSLayout6-fullbody .BsTable2-Master { height: 71vh; } .BSLayout6-fullbody .BSBTOverall1-Default { height: 79vh; } .BSLayout6-fullbody .BSBillingTable5-table-master-div { height: 83vh; } .BSBilling4div { width: 100%; flex-shrink: 0; background-color: white; } .BSC1-Master .BSBilling4-tablediv { height: 100%; overflow: auto; padding-bottom: 3rem; } .BSBilling4-tablediv-mobile { display: block; height: 40vh; overflow-y: auto; } .BSBilling4-tablediv-mobile::-webkit-scrollbar { display: none; } .BSBilling4-tablediv::-webkit-scrollbar { display: none; } .BSBill-Table4 { width: 100%; border-spacing: 0; text-align: center; } .Table4-tbody { width: 100%; } .BsBill-table4-contenttable { width: 100%; border-spacing: 0 10px; text-align: center; height: 70vh; } .BSBill-table4-itemtext-th { padding: 10px; font-size: 16px; } .BSBill-Table4-throw { background-color: #161a1e; color: white; width: 60px; height: 3rem; position: sticky; top: 0; } .BSBill-Table4 th { border-spacing: 0; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .Table4-items { text-align: left; font-size: 14px; font-style: normal; font-weight: 600; padding: 4px; } .BSBill4-item-extraprice { color: #007e1c; font-size: 14px; font-style: normal; font-weight: 600; } .BSBill-Table4-content { background-color: rgba(235, 235, 236, 1); height: 3rem; font-size: 14px; font-style: normal; font-weight: 600; } .BSBill-Table4-content-disabled { pointer-events: none; background-color: rgb(243, 248, 213); height: 3rem; font-size: 14px; font-style: normal; font-weight: 600; } .BSBilling4-down-content { bottom: 0; width: inherit; background-color: white; } .BSBilling4-view-summary { display: flex; justify-content: flex-end; width: 90%; } .BSBilling4-price-full { display: flex; width: 100%; row-gap: 0rem; box-shadow: var(--BOX_SHADOW_LEVEL2); } .BSBilling4-customer { display: flex; width: 50%; flex-wrap: wrap; background-color: white; justify-content: center; } .BSBilling4-customer-subdiv { display: flex; flex-wrap: wrap; width: 100%; height: fit-content; justify-content: center; row-gap: 1rem; } .Table4-price { display: flex; flex-wrap: wrap; margin-right: 26px; } .Table4-price-fullflex { width: 55%; } .Table4-finalprice { display: flex; justify-content: flex-end; width: 100%; } .Table4-customer .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { width: 10rem; height: 2rem; text-align: center; border-radius: 4.982px; background-color: rgba(51, 55, 58, 0.1); border: none; font-size: 14px; font-style: normal; font-weight: 600; } .Table4-customer .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { color: #000; padding-inline-end: 0px !important; } .BSBill4-Add-new-customer { display: flex; align-items: center; padding-left: 10px; } .Table4-payment-mode { display: flex; flex-wrap: nowrap; justify-content: center; flex-direction: row; column-gap: 1rem; } .Table4-cash { display: flex; width: 60px; } .Table4-Btn-payment-mode { height: 2rem; width: 8rem; border-radius: 6.216px; border: 0px; background: #e0e0e0; color: black; font-size: 14px; font-style: normal; font-weight: 600; cursor: pointer; } .Table4-paymentmode-active { height: 2rem; width: 8rem; border-radius: 6.216px; border: 0px; background: #33373a; color: #e0e0e0; font-size: 14px; font-style: normal; font-weight: 600; } .Table4-vertical-line { border: 0.83px solid rgb(175, 173, 173); } .Table4-total-price { width: 70%; font-size: 14px; font-weight: 600; text-align: right; } .Table4-totalprice-row { height: 0px; } .Table4-price-btn-master { display: flex; flex-direction: column; gap: 0px; } .Table4-Price-div { display: flex; width: 100%; align-items: center; justify-content: space-around; } .Table4-Btn-final-price { width: 8.5rem; margin: 0.5rem; height: 3rem; border-radius: 4.982px; background: var(--SELECTED_COLOR); text-align: center; border: 0; color: #fff; cursor: pointer; } .Table4-Btn-final-price-disabled { width: 8.5rem; margin: 0.5rem; height: 3rem; border-radius: 4.982px; background: var(--SELECTED_COLOR); text-align: center; border: 0; pointer-events: none; opacity: 0.5; } .Table4-rate { display: flex; font-family: "Poppins", sans-serif; font-size: 23px; font-style: normal; font-weight: 600; } .Table4-td-names { text-align: left; font-weight: 600; } .Table4-td-values { text-align: right; font-size: 16px; font-weight: 600; } .BSBilling4-price-content { display: flex; justify-content: space-between; flex-direction: column; gap: 4px; } @media (min-width: 280px) and (max-width: 499px) { .Table4-Btn-payment-mode { font-size: 12px !important; padding: 0; } .T4PTable { display: flex; } .Table4-total-price { justify-content: space-between; } .Table4-finalprice { justify-content: center; } .BSBilling4-price-content { row-gap: 0rem; } .Table4-cash { width: 60px !important; } .BSLayout6-fullbody { height: 88vh !important; } } @media (max-width: 500px) { .Table4-td-names { text-align: left; font-weight: 600; } .Table4-td-values { font-size: 12px !important; } .Table4-rate { font-size: 24px !important; } .Table4-price { display: revert; margin-right: 0 !important; } .Table4-hand-icon { font-size: 20px !important; } .Table4-total-price { width: 70px; } .Table4-rate-arrow { width: 20px !important; height: 20px !important; border-radius: 20px !important; } .Table4-customer .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { width: 8rem !important; font-size: 8px !important; } .BSBilling4-price-content { display: flex; flex-direction: column !important; } .Table4-price { justify-content: center; margin-left: 6px !important; margin-right: 0 !important; } } .BSBill4-items { color: #007e1c; text-align: right; font-size: 14px; font-style: normal; font-weight: 600; } .BSBilling4-summary { font-size: 14px; font-style: normal; font-weight: 600; } .Table4-pencil { width: 18px; height: 18px; } .BSBill4-icon-button { height: 30px; width: 30px; border-radius: 30px; padding: 0px; margin: 6px 6px; } .Table4-fullrate { display: flex; justify-content: space-evenly; align-items: center; } .BSBill4-male-usericon { height: 25px; width: 25px; } .Table4-hand-icon { font-size: 23px; } .BSBilling4-vertical-line { width: 1px; height: 100%; background-color: #000; margin: 0 10px; } // MobileScreen design .BSBilling4TableCont-MobileScreen { display: none; } .BSBilling4TableCont-default { width: inherit; display: flex; flex-direction: column; row-gap: 1rem; justify-content: space-between; overflow: auto; height: 80vh; } .BSBilling4TableCont-default-6 { height: 71vh; } @media (min-width: 500px) and (max-width: 768px) { .BSBill-table4-itemtext-th { padding: 5px; font-size: 16px; } .Table4-items { padding: 0; } .BSBill-Table4 { width: 100vw; border-spacing: 0 4px; text-align: center; } .BSBill-Table4 th { border-spacing: 0; text-align: center; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .BSBillingDefault-table { display: none; } .BSBillingMobile-Table { display: block; } .BSBilling4-down-content { display: flex; width: inherit; position: fixed; bottom: 4px; z-index: 2; } .BSBilling4-vertical-line { display: none; } .Table4-Pricetable-content { width: 100% !important; } .BSBilling4-customer { display: flex; width: 100%; flex-wrap: wrap; background-color: white; justify-content: center; align-items: center; } .Table4-payment-mode { display: flex; flex-wrap: nowrap; justify-content: center; flex-direction: row; column-gap: 1rem; padding: 1rem 1rem; } .BSBilling4-price-full { display: flex; flex-direction: column; box-shadow: var(--BOX_SHADOW_LEVEL2); } .Table4-price { display: flex; width: 100%; } .Table4-Btn-final-price { width: max-content !important; padding: 0rem 3rem; height: 3rem !important; } .BSBilling4-view-summary { width: 100%; } .BSBilling4TableCont-default { position: fixed; width: 0px !important; bottom: 0; left: 0; } .BSBilling4-popover-overlay { width: 95% !important; } .BSBilling4-viewtext { display: none !important; } .BSBillingTable4-Icons { width: 95%; justify-content: space-around; } .BSBilling4-price-content { display: flex; flex-direction: column !important; row-gap: 0.3rem !important; align-items: center; background-color: #fff; } .Table4-price { justify-content: center; } } .BSBilling4-popover-overlay { width: 30vw; } .Table4-editicon { font-size: 16px; font-weight: 600; } .Table-4-mrp_price { font-size: 14px; font-weight: 600; } .Table-4_qty { font-size: 14px; font-weight: 600; } .Table4-Dis { font-size: 14px; font-weight: 600; } .Table4-item-price { text-align: center; font-family: "Gilroy-Medium"; font-size: 14px; text-align: right; font-weight: 600; } @media (min-width: 280px) and (max-width: 499px) { .BSBill-Table4 { width: 100vw; border-spacing: 0 4px; text-align: center; } .BSBill-table4-itemtext-th { padding: 1px; font-size: 14px !important; } .BSBilling4-price-full { position: fixed; bottom: 0; box-shadow: var(--BOX_SHADOW_LEVEL2); background-color: #fff; } .Table4-items { padding: 0; } .BSBilling4TableCont-default { position: fixed; bottom: 0; left: 0; height: 0vh !important; } .BSBillingDefault-table { display: none; } .BSBill4-items { font-size: 10px; } .BSBill4-item-extraprice { font-size: 10px; } .BSBilling4-down-conten { display: none !important; } .BSBilling4-down-content { bottom: 0px; width: 100vw; } .Table4-payment-mode { display: flex; flex-wrap: nowrap; justify-content: center; flex-direction: row; column-gap: 0.5rem; padding: 0.4rem 1rem; } .Table4-price-icon-container { row-gap: 0 !important; flex-wrap: wrap !important; flex-direction: row; } .Table7-price-icon-container { row-gap: 0 !important; flex-wrap: wrap !important; flex-direction: row; } .CustomerAddSrch { justify-content: space-around !important; width: 100%; } .BSBilling4-price-content { display: flex; flex-direction: column !important; row-gap: 0rem !important; } .Table4-price { justify-content: center; width: 100vw; } } .BSBillingTable4-Icons { display: flex; flex-direction: row; width: 100%; justify-content: space-evenly; font-size: 23px; align-items: center; } .BSBilling4-price-content { display: flex; flex-direction: row; width: 100vw; @media (max-width: 768px) { width: 100% !important; } } .Table4-price-icon-container { display: flex; flex-direction: row; width: 100%; justify-content: space-evenly; padding: 0px 0px; } //nk .Table7-price-icon-container { display: flex; flex-direction: column; width: 100%; justify-content: space-evenly; padding: 0px 0px; flex-wrap: wrap; } .BSCategory5-tablecont { width: inherit; } .Tbl4-Variant { font-size: 10px; } @media (min-width: 500px) and (max-width: 768px) { .Table4-price-icon-container { width: 100vw; flex-direction: column; } .Table7-price-icon-container { width: 100vw; flex-direction: row; } } .Order { background-color: var(--SELECTED_COLOR); } .ChairClrRed { color: red; } .ChairClrGreen { color: var(--SELECTED_COLOR); } .Table4-Order { font-size: 18px; font-weight: 600; } .billing-in-style-Order4 { font-size: 16px; font-weight: bold; padding: 2px; } .BS7hold-sum { display: flex; justify-content: center; align-items: center; flex-direction: row; column-gap: 1rem; color: var(--DEFAULT_SELECTED_COLOR); } .RowforResposiveBill7 { display: flex; flex-direction: column; width: 100%; } .RowResposiveBill7 { display: flex; align-items: flex-start; gap: 4px; width: 100%; } .bsbilltable7 { padding: 10px; } @media (max-width: 768px) { .BSTable3_payroll { position: absolute; bottom: 0; left: 0; width: 100%; } .bsbilltable7 { padding: 0; } }