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

137 lines
2.1 KiB
SCSS

.BillingTable1-Structure {
width: 100%;
height: inherit;
position: relative;
display: flex;
flex-direction: column;
row-gap: 2rem;
flex-grow: 1;
}
.Billing-Table1 {
width: 100%;
height: 60px;
flex-shrink: 0;
border-spacing: 0px;
}
.overall-bscombo-container .Billing-Table1 {
width: 100%;
height: 60px;
flex-shrink: 0;
border-spacing: 0px;
padding-bottom: 5rem;
}
.Billing-Table1-head {
text-align: center;
position: sticky;
top: 0;
}
.Billing-Table1-row {
border: 2px solid #a5a4a4;
background-color: #fff;
}
.Billing-Table1-row-disabled {
border: 2px solid #a5a4a4;
pointer-events: none;
background-color: rgb(243, 248, 213);
}
.BillingTable1-table-td {
text-align: center;
font-weight: 600;
font-size: 12px;
padding: 10px;
border-bottom: 1.5px dashed black;
}
.BillingTable1-table-th {
padding: 2vh 1vh 2vh 1vh;
}
.BSBillingTable1-summery-div {
display: flex;
justify-content: center;
align-items: center;
gap: 0.3rem;
}
.BillingTable1-table-div {
width: 100%;
overflow: auto;
height: 100%;
}
.icon-button {
border-radius: 50%;
border: none;
padding: 1px 9px;
}
.BSBillingTable1-summary-close {
position: absolute;
top: 6px;
right: 9rem;
border: none;
}
.Billing-Table1-body {
width: 100%;
}
.Billing-Table1-body-div {
overflow-y: scroll;
height: 20vh;
}
@media all and (max-width: 769px) {
.BillingTable1-table-div {
height: max-content !important;
max-height: 25vh;
}
.BillingTable1-table-th {
padding: 1vh 0.4vh 1vh 0.3vh;
}
.BillingTable1-table-td {
padding: 5px;
}
.icon-button {
border-radius: 50%;
border: none;
padding: 1px 9px;
font-size: 12px;
}
}
.payment-div-subdiv .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
height: 40px !important;
}
.payment-div-subdiv .ant-select-selector {
width: 5rem !important;
}
.Tbl1-Variant {
font-size: 10px;
}
.delallbtn {
color: rgb(226, 0, 0);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border: 1px solid #fff;
height: 20px;
width: 20px;
border-radius: 2px;
svg {
display: flex;
}
}