536 lines
8.6 KiB
SCSS
536 lines
8.6 KiB
SCSS
.BSBilling7div {
|
|
width: 100%;
|
|
flex-shrink: 0;
|
|
background-color: white;
|
|
position: relative;
|
|
}
|
|
|
|
.BSBilling7-tablediv {
|
|
display: block;
|
|
height: max-content;
|
|
overflow-y: scroll;
|
|
max-height: 59vh;
|
|
// height: 90%;
|
|
}
|
|
.BSTable3_overall-6 {
|
|
height: 71vh;
|
|
}
|
|
|
|
.BSBill-Table7 {
|
|
width: 100%;
|
|
border-spacing: 0;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.Table7-tbody {
|
|
width: 100%;
|
|
// height: 60vh;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.BSBill-Table7-throw {
|
|
background-color: white;
|
|
color: black;
|
|
border-spacing: 1vh;
|
|
height: 3rem;
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
|
|
.summery-div {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.BSBill-Table7 th {
|
|
position: sticky;
|
|
border-spacing: 0;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: normal;
|
|
}
|
|
|
|
.BSBill-Table7-content {
|
|
background-color: rgba(235, 235, 236, 1);
|
|
height: 3rem;
|
|
font-size: 13px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.BSBill-Table7-content-disabled {
|
|
background-color: rgba(235, 235, 236, 1);
|
|
height: 3rem;
|
|
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.Table7-items {
|
|
text-align: left;
|
|
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.Table7-item-price {
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.BSBilling7-down-content {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
background-color: white;
|
|
}
|
|
|
|
.BSBilling7-view-summary {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
width: 90%;
|
|
}
|
|
|
|
.BSBilling7-price-full {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
.BSBilling7-customer {
|
|
display: flex;
|
|
width: 50%;
|
|
flex-wrap: wrap;
|
|
background-color: white;
|
|
justify-content: center;
|
|
}
|
|
|
|
.BSBilling7-customer-subdiv {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
height: fit-content;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.Table7-price {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 45%;
|
|
justify-content: flex-end;
|
|
background-color: white;
|
|
}
|
|
|
|
.Table7-price-fullflex {
|
|
width: auto;
|
|
}
|
|
|
|
.BSBill7-Btn-select-customer {
|
|
width: 13rem;
|
|
height: 3rem;
|
|
border-radius: 4.982px;
|
|
background: rgba(51, 55, 58, 0.1);
|
|
border: none;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
}
|
|
|
|
.Add-new-customer {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 1vh;
|
|
}
|
|
|
|
.Table7-payment-mode {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.Table7-cash {
|
|
display: flex;
|
|
width: 60px;
|
|
margin: 10px 10px;
|
|
}
|
|
|
|
.Table7-customer .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
|
width: 10rem;
|
|
height: 3rem;
|
|
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;
|
|
}
|
|
|
|
.Table7-customer .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
|
|
color: #000;
|
|
padding-inline-end: 0px !important;
|
|
}
|
|
|
|
.Table7-customer {
|
|
.ant-select-selection-placeholder {
|
|
padding-inline-end: 0px;
|
|
}
|
|
}
|
|
|
|
.Table7-Btn-payment-mode {
|
|
height: 3rem;
|
|
width: 10rem;
|
|
border-radius: 6.216px;
|
|
border: 0px;
|
|
background: #e0e0e0;
|
|
color: black;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
padding: 10px 10px;
|
|
margin: 10px 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.Table7-paymentmode-active {
|
|
height: 3rem;
|
|
width: 10rem;
|
|
border-radius: 6.216px;
|
|
border: 0px;
|
|
background: #33373a;
|
|
color: #e0e0e0;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
padding: 10px 10px;
|
|
margin: 10px 10px;
|
|
}
|
|
|
|
.Table7-vertical-line {
|
|
border: 0.83px solid rgb(175, 173, 173);
|
|
}
|
|
|
|
.Table7-total-price {
|
|
width: 90%;
|
|
margin: 1vw;
|
|
text-align: right;
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
.BSBill-Table7 th {
|
|
padding: 2px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 500px) {
|
|
.BSBilling7-tablediv {
|
|
height: 85% !important;
|
|
}
|
|
|
|
.Table7-td-names {
|
|
text-align: right;
|
|
font-size: 8px !important;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.Table7-td-values {
|
|
font-size: 9px !important;
|
|
}
|
|
|
|
.Table7-rate {
|
|
font-size: 14px !important;
|
|
}
|
|
|
|
.Table7-price {
|
|
display: revert;
|
|
}
|
|
|
|
.Table4-hand-icon {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.Table7-total-price {
|
|
width: 70%;
|
|
}
|
|
|
|
.Table7-rate-arrow {
|
|
width: 20px !important;
|
|
height: 20px !important;
|
|
border-radius: 20px !important;
|
|
}
|
|
|
|
.BSBill-Table7 th {
|
|
padding: 2px;
|
|
}
|
|
|
|
.BSBill-Table7-content {
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
}
|
|
|
|
.Table7-items {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.Table7-item-price {
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
.Table7-totalprice-row {
|
|
height: 50px;
|
|
}
|
|
|
|
.Table7-td-names {
|
|
text-align: right;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.Table7-td-values {
|
|
text-align: right;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.Table7-Price-div {
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
}
|
|
|
|
.Table7-Btn-final-price {
|
|
width: 15rem;
|
|
height: 4rem;
|
|
border-radius: 4.982px;
|
|
background: #6df38b;
|
|
text-align: center;
|
|
border: 0;
|
|
margin: 1vw;
|
|
}
|
|
|
|
.Table7-rate {
|
|
display: flex;
|
|
font-family: "Poppins", sans-serif;
|
|
font-size: 32.203px;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
align-items: center;
|
|
}
|
|
|
|
.BSBilling7-summary {
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.Table7-pencil {
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
|
|
.icon-button {
|
|
height: 30px;
|
|
border-radius: 30px;
|
|
padding: 0px;
|
|
margin: 6px 6px;
|
|
}
|
|
|
|
.BSBilling-customer-subdiv {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
height: fit-content;
|
|
}
|
|
|
|
.Table7-fullrate {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
column-gap: 1rem;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.Table7-rate-arrow {
|
|
display: flex;
|
|
height: 30px;
|
|
width: 30px;
|
|
border-radius: 30px;
|
|
background-color: #6df38b;
|
|
align-items: center;
|
|
}
|
|
|
|
.Table7-arrow {
|
|
font-size: 40px;
|
|
text-align: center;
|
|
margin: 4px 4px;
|
|
}
|
|
|
|
.Table7-finalprice {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
//icon bar design
|
|
.BSBilling7-Iconbar {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
height: 60px;
|
|
width: 100%;
|
|
background-color: black;
|
|
}
|
|
|
|
.BSBilling7-icon-flex {
|
|
display: flex;
|
|
align-items: center;
|
|
div {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
svg {
|
|
margin-top: -7px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.BSBilling7-icon {
|
|
height: 30px;
|
|
width: 30px;
|
|
color: white;
|
|
}
|
|
|
|
.BSBilling7-vertical-line {
|
|
width: 1px;
|
|
height: 100%;
|
|
background-color: #000;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
hr.Table7-Dotted-Line1 {
|
|
border-top: 1px dashed black;
|
|
width: 100%;
|
|
text-align: center;
|
|
border-left: 0px;
|
|
}
|
|
|
|
.Table7-horizondal-line {
|
|
width: 100%;
|
|
height: 1px;
|
|
}
|
|
|
|
.Table7-hand-icon {
|
|
font-size: 40px;
|
|
}
|
|
|
|
.BSBilling7TableCont {
|
|
height: 100vh;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
.BSBilling7-down-content {
|
|
display: flex;
|
|
width: 100%;
|
|
position: fixed;
|
|
bottom: 0px;
|
|
height: fit-content;
|
|
}
|
|
}
|
|
|
|
.edit-btn-table {
|
|
width: max-content;
|
|
padding: 0.2rem 0.5rem;
|
|
font-weight: 600;
|
|
background-color: var(--SELECTED_COLOR);
|
|
border-radius: 3px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
color: #f3f3f3 !important;
|
|
border: solid 1px var(--SELECTED_COLOR);
|
|
}
|
|
|
|
.edit-btn-table:hover:focus:active {
|
|
background-color: none !important;
|
|
color: #000000 !important;
|
|
}
|
|
|
|
.edit-btn-table:focus {
|
|
background-color: #fff;
|
|
color: var(--SELECTED_COLOR) !important;
|
|
border: solid 1px var(--SELECTED_COLOR);
|
|
}
|
|
|
|
.del-btn-table {
|
|
width: max-content;
|
|
padding: 0.2rem 0.5rem;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background-color: var(--ERROR_COLOR);
|
|
border-radius: 3px;
|
|
text-align: center;
|
|
border: solid 1px var(--ERROR_COLOR);
|
|
cursor: pointer;
|
|
color: #f3f3f3 !important;
|
|
}
|
|
|
|
.del-btn-table:hover {
|
|
background-color: var(--ERROR_COLOR);
|
|
color: #fff !important;
|
|
}
|
|
|
|
.del-btn-table:focus {
|
|
background-color: #fff;
|
|
border: solid 1px var(--ERROR_COLOR) !important;
|
|
color: var(--ERROR_COLOR) !important;
|
|
}
|
|
|
|
.radio-button-group {
|
|
display: flex;
|
|
gap: 0.3rem;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.radio-button-group .radio-button {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
opacity: 0;
|
|
}
|
|
|
|
.radio-button-group .radio-button + label {
|
|
padding: 4px 10px;
|
|
cursor: pointer;
|
|
border: none;
|
|
margin-right: -2px;
|
|
color: #ffffff;
|
|
background-color: var(--DEFAULT_SELECTED_COLOR);
|
|
font-family: "gilroy";
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.radio-button-group .item:first-of-type .radio-button + label {
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
|
|
.radio-button-group .item:last-of-type .radio-button + label {
|
|
border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
}
|
|
|
|
.radio-button-group .radio-button:checked + label {
|
|
background-color: var(--SELECTED_COLOR);
|
|
color: #fff;
|
|
}
|