.BSC1-Master { position: absolute; overflow: hidden !important; display: flex; flex-direction: column; justify-content: space-between; position: absolute; display: flex; position: absolute; overflow: auto !important; display: flex; flex-direction: column; justify-content: space-between; height: max-content; overflow-y: auto; height: 80vh; z-index: -1; } @media (max-height: 1400px) and (min-height: 1100px) { .BSC1-Master { height: 74vh !important; } } @media (max-height: 1099px) and (min-height: 1001px) { .BSC1-Master { height: 71vh !important; } } @media (max-height: 1000px) and (min-height: 901px) { .BSC1-Master { height: 68vh !important; } } @media (max-height: 900px) and (min-height: 791px) { .BSC1-Master { height: 65vh !important; } } @media (max-height: 790px) and (min-height: 690px) { .BSC1-Master { height: 60vh !important; } } @media (max-height: 689px) and (min-height: 620px) { .BSC1-Master { height: 55vh !important; } } @media (max-height: 619px) and (min-height: 560px) { .BSC1-Master { height: 55vh !important; } .BSBilling7-tablediv { height: 46vh !important; } } @media (max-height: 559px) and (min-height: 520px) { .BSC1-Master { height: 45vh !important; } } @media (max-height: 519px) and (min-height: 480px) { .BSC1-Master { height: 40vh !important; } } @media (max-height: 479px) and (min-height: 450px) { .BSC1-Master { height: 35vh !important; } } @media (max-height: 449px) and (min-height: 425px) { .BSC1-Master { height: 35vh !important; } } @media (max-height: 424px) and (min-height: 350px) { .BSC1-Master { height: 27vh !important; } } .BS1ComboTable { height: 80vh; overflow: auto; padding-bottom: 10rem !important; padding: 0 3px; } .BS1ComboTableComboSalesBillTable { height: 100%; overflow: auto; padding-bottom: 1.5rem !important; padding: 0 3px; } .BS1ComboTable { &.BillingTable1-table-th { padding: 2vh 0vh 2vh 0vh; font-size: 14px; } & .BillingTable1-table-td { padding: 2vh 0vh 2vh 0vh; font-size: 16px; } } .BSC1-Master .PCBillingTable6-Table1 td { border: 0.1px solid #a8a8a880 !important; border-collapse: collapse; } .BSC1-Master .PCBillingTable6-Table1 th { border: 0.1px solid #a8a8a880 !important; border-collapse: collapse; } .BSC1-Master .BSBill-Table7 th { border: 0.1px solid #a8a8a880 !important; border-collapse: collapse; } .BSC1-Master .BSBill-Table7 td { border: 0.1px solid #a8a8a880 !important; border-collapse: collapse; } .BSC1-Master .Billing-Table1 th { border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important; border-collapse: collapse; } .BSC1-Master .BSBill-Table3 th { border: 0.1px solid rgba(168, 168, 168, 0.5019607843); border-collapse: collapse; } .BSC1-Master .BSBill-Table3 td { border: 0.1px solid rgba(168, 168, 168, 0.5019607843); border-collapse: collapse; } .BSC1-Master .BillingTable1-table-td { border: 0.1px solid rgba(168, 168, 168, 0.5019607843); border-collapse: collapse; } .BSC1-Master .BSBill-Table4 th { border: 0.1px solid rgba(168, 168, 168, 0.5019607843); border-collapse: collapse; } .BSC1-Master .BSBill-Table4 td { border: 0.1px solid rgba(168, 168, 168, 0.5019607843); border-collapse: collapse; padding: 0 0.5rem; } .BSC1-Master .BSBillingTable5-tablediv th { border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important; border-collapse: collapse !important; } .BSC1-Master .BSBillingTable5-tablediv td { border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important; border-collapse: collapse !important; } .BSC1-Master .BillingTable6-Table1 td { border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important; border-collapse: collapse !important; } .BSC1-Master .BillingTable6-Table1 th { border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important; border-collapse: collapse !important; } .BSC1-Master .Table3-item-price { text-align: center !important; } .BSC1-Master .Table4-item-price { text-align: center !important; } .BSC1-Master .BillingTable1-table-td { text-align: center !important; padding: 0 10px; } .BSC1-Master .Table3-Dis-index { border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important; border-collapse: collapse !important; } .BSC1-Master .forcomboalign { text-align: center !important; } .BSC1-Master .comboAlignCenter { right: 34vw; } @media screen and (min-width: 500px) and (max-width: 768px) { .BSC1-Master .comboAlignCenter { right: 30vw !important; } .BSC1-Master .BSC1Payment-Container { height: 8rem; } } @media screen and (max-width: 768px) { .BSC1Payment-div4 { margin: 0 !important; gap: 1 !important; } .BSC1Payment-div4-button-disable { width: 100% !important; } .BSC1Payment-div4-button { width: 100%; } .BSC1Payment-div4-payment { align-items: center; } .BSC1Payment-div4-payment { gap: 0.6rem !important; } .BSC1-Master .Billing-Table1 td { border: 0.1px solid #a8a8a880 !important; border-collapse: collapse; font-size: 12px !important; } .BSC1-Master .Billing-Table1 th { border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important; border-collapse: collapse; font-size: 12px !important; } .BSC1-Master .BSBill-Table3 th { border: 0.1px solid rgba(168, 168, 168, 0.5019607843); border-collapse: collapse; font-size: 12px !important; } .BSC1-Master .BSBill-Table3 td { border: 0.1px solid rgba(168, 168, 168, 0.5019607843); border-collapse: collapse; font-size: 12px !important; } .BSC1-Master .BSBill-Table4 th { border: 0.1px solid rgba(168, 168, 168, 0.5019607843); border-collapse: collapse; font-size: 12px !important; } .BSC1-Master .BSBill-Table4 td { border: 0.1px solid rgba(168, 168, 168, 0.5019607843); border-collapse: collapse; font-size: 12px !important; } .BSC1-Master .BSBillingTable5-tablediv th { border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important; border-collapse: collapse !important; font-size: 12px !important; } .BSC1-Master .BSBillingTable5-tablediv td { border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important; border-collapse: collapse !important; font-size: 12px !important; } .BSC1-Master .BillingTable6-Table1 td { border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important; border-collapse: collapse !important; font-size: 12px !important; } .BSC1-Master .BillingTable6-Table1 th { border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important; border-collapse: collapse !important; font-size: 12px !important; } .BSC1Payment-div4 { padding-bottom: 1rem !important; } } @media screen and (max-width: 499px) { .BSC1Payment-div4-payment { flex-wrap: wrap; } .BSC1Payment-div4 { padding: 0 !important; gap: 1; } .BSC1Payment-div4-payment { padding: 0 !important; } .BSC1Payment-div4-button-disable { padding: 0; height: 45px !important; } } @media screen and (max-width: 599px) { .BSC1Payment-div4-payment { flex-wrap: wrap; } .BSC1Payment-div4 { padding: 0 !important; } .BSC1Payment-div4-payment { padding: 0 !important; } .BSC1Payment-div4-payment .css-x5j1g7-control { width: 100px !important; } .BSC1NavBar-Container { column-gap: 0.5rem !important; } .BSC1-Master .comboAlignCenter { right: 15vw !important; height: 15rem; } .BSC1-Master .BSBillingNav-icon-table-icon { width: 22px !important; height: 24px; } .BSC1Search-div1 { width: 95vw; } .Combo-BSNavbar1-timer { display: none !important; } } @media screen and (min-width: 768px) and (max-width: 1220px) { .BSC1-Master .BSC1Payment-div4 { display: flex; flex-direction: row; gap: 1rem; justify-content: center; flex-wrap: wrap; } } .BSC1-Master { right: 0; left: 0; } .overall-bscombo-container { overflow: hidden; .BSC1Search-div1 { height: 45px !important; } .ant-select-selection-search { top: 10px !important; } } .BSC1-Master .for-combo { text-align: left !important; } .BSC1-Master .BSC1Payment-Container { height: 8rem; } .overall-bscombo-container .BSC1NavBar-manu-icon { width: 31px; height: 38px; padding-top: 5px; position: absolute !important; bottom: -11px !important; } .Combo-BSNavbar1-timer { width: 8rem; font-family: "Gilroy"; display: flex; justify-content: center; text-wrap: nowrap; font-weight: 600; color: #fff !important; font-size: 1.25rem; text-wrap: nowrap; } .BSC1-Master .BSBill-Table4 { width: 100vw !important; } .BSC1-Master .BSC1Payment-div4-button-disable { height: 50px; } .BSC1-Master .BSBill2-cont { overflow: auto; } .BSC1Search-container .L { width: 100%; display: flex; flex-direction: row; gap: 0.5rem; align-items: center; justify-content: center; padding: 4px 8px; } .overall-bscombo-container .Combosearch { height: 10px; } .overall-bscombo-container.BSC1Search-div1 .ant-select:not(.ant-select-customize-input) .ant-select-selector { width: 100%; } .overall-bscombo-container .Combosearch .custom-input { border: none; } .overall-bscombo-container .Combosearch .ant-select-selector { width: 100%; } .ComboSubNavbar { flex-wrap: nowrap !important; @media (max-width: 1024px) { overflow: auto; padding-bottom: 5px; } .price-change-btn { background-color: #1292ee; color: #fff !important; width: 32px; height: 32px; margin-right: unset !important; outline: none !important; border: none; border-radius: 4px; padding: 2px; cursor: pointer; img { filter: invert(1); width: 25px !important; height: 25px !important; } } .pricing-name-details { font-family: "Poppins"; font-size: 12px; background: var(--SELECTED_COLOR); padding: 3px 5px; border-radius: 5px; color: white; white-space: nowrap; margin-left: 8rem; font-weight: 400; @media (max-width: 500px) { font-size: 10px !important; } } } .comboNavbarSubMain { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 6px; .SalesCountComponent-Master { width: unset; gap: 10px; p { font-size: 13px !important; } } @media (max-width: 1024px) { flex-direction: column; .pricing-name-details { display: flex; margin-left: 10px; margin-right: 10px; } } } .ComboScreenPageTable { .billtable3th { padding: 3px !important; } .del-all-btn { padding: 0.2rem 0.1rem; } .BSBill-Table3-throw { height: 2rem; } .BSBilling3-tablediv { tr { height: 28px; } th > span { font-size: 14px !important; @media (max-width: 500px) { font-size: 12px !important; } } td:nth-child(2) { display: flex; align-items: center; gap: 10px; } td:nth-child(3), th:nth-child(3) { width: 100px !important; text-align: right; } td:nth-child(4), th:nth-child(4) { width: 100px !important; text-align: center; } td:nth-child(5), th:nth-child(5) { width: 100px !important; text-align: center; } td:nth-child(6), th:nth-child(6) { width: 100px !important; text-align: right; } td:nth-child(7), th:nth-child(7) { width: 100px !important; text-align: right; } td:nth-child(8), th:nth-child(8) { width: 40px !important; text-align: center; } } } .BookingCloseCombo { width: 32px; height: 32px; background-color: #1292ee; border-radius: 6px; display: flex; align-items: center; justify-content: center; svg { width: 25px !important; height: 25px !important; color: #fff !important; } } .SearchSubnavbar-combo { @media (max-width: 1024px) { } } .combuSubNavbarRightSide { display: flex; align-items: center; justify-content: center; gap: 10px; .allpageSettingIcon { width: 32px; height: 32px; background-color: #1292ee !important; border-radius: 6px; display: flex; align-items: center; justify-content: center; padding: 5px !important; color: #fff; font-size: 25px !important; svg { height: 30px !important; width: 30px !important; } } .comboPrichangeBTN { width: 32px; height: 32px; // background-color: #1292ee; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #fff; svg { color: #fff !important; display: flex; align-items: center; justify-content: center; } img { width: 20px !important; height: 20px !important; } } .RiVerifiedBadgeFill { width: 32px; height: 32px; background-color: #1292ee; border-radius: 6px; display: flex; align-items: center; justify-content: center; padding: 5px; } } .keyboardShortcut { width: 32px; height: 32px; background-color: #1292ee; border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; } .Layout-bill-Subcontainer { display: flex; width: 100%; justify-content: space-around; font-weight: 600; align-items: center; gap: 2px; padding: 0 6px; scrollbar-width: thin; @media (max-width: 500px) { font-size: 10px; flex-wrap: wrap; } } .pricing-name-details { font-family: "Poppins"; font-size: 12px; background: var(--SELECTED_COLOR); padding: 3px 5px; border-radius: 5px; color: white; white-space: nowrap; margin-left: 8rem; font-weight: 400; @media (max-width: 500px) { font-size: 10px !important; } } .MultiSearchIconDiv { background-color: #1292ee; color: #fff !important; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; width: 35px !important; height: 33px; padding: 6px; svg { font-size: 22px; width: 35px !important; height: 35px; display: flex; } } .AsAmtCombo { svg { height: 25px; } } .SearchNavMutiple { display: flex; align-items: center; gap: 0; width: inherit; position: relative; .MultiSearchIconDiv { position: absolute; left: 8px; z-index: 10; color: #1292ee !important; background-color: unset; } .ant-select-selector { padding: 10px 10px 10px 32px !important; } } .BSC1PAYMENTCOMBO { .BSC1Payment-Container { .BSC1Payment-div2-1 { .Btn-payment-mode, .Btn-payment-mode-sel { width: 98% !important; } } } }