Android_Retail/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingTable4/BSBillingTable4.scss

825 lines
13 KiB
SCSS

.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;
}
}