1434 lines
24 KiB
SCSS
1434 lines
24 KiB
SCSS
.body {
|
|
font-family: "Poppins", sans-serif;
|
|
}
|
|
|
|
.BSBilling3PayMaster {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
height: inherit;
|
|
background-color: #fff;
|
|
padding: 0.3rem 0.3rem;
|
|
border-top: 1px solid #b5b5b5;
|
|
gap: 4px;
|
|
border-radius: 0 0 10px 10px;
|
|
@media (max-width: 768px) {
|
|
flex-direction: column;
|
|
width: 100% !important;
|
|
padding: 0 6px;
|
|
border-top: none;
|
|
}
|
|
}
|
|
|
|
.BSBill-Table3 {
|
|
width: 100%;
|
|
border-spacing: 0 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.BSBill-Table3-throw {
|
|
color: #545454;
|
|
position: sticky;
|
|
background-color: white;
|
|
top: 0;
|
|
height: 3rem;
|
|
z-index: 9;
|
|
}
|
|
|
|
.summery-div {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.BSBill-Table3-content {
|
|
background-color: rgba(235, 235, 236, 1);
|
|
font-family: "Poppins", sans-serif;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
border-radius: 5px;
|
|
width: 170px;
|
|
height: 45px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.BSBilling3-price-full {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
|
|
.BSBilling3-customer {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
gap: 0.3rem;
|
|
column-gap: 1rem;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
.tooltip .tooltiptext {
|
|
top: 35px !important;
|
|
height: 100px;
|
|
}
|
|
@media (max-width: 768px) {
|
|
flex-direction: row !important;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
|
|
.BSBilling3-customer-subdiv {
|
|
display: flex;
|
|
column-gap: 0.5rem;
|
|
}
|
|
|
|
.Btn-select-customer3 {
|
|
display: flex;
|
|
width: 11rem;
|
|
height: 2.5rem;
|
|
border-radius: 8px;
|
|
background: rgba(51, 55, 58, 0.1);
|
|
border: none;
|
|
font-size: 15px;
|
|
margin-left: 1rem;
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.Add-new-customer3 {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.Table3-payment-mode {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 6px;
|
|
padding: 0.5rem 0rem;
|
|
width: 100%;
|
|
}
|
|
|
|
.Btn-payment-mode {
|
|
background-color: var(--SELECTED_COLOR);
|
|
color: #ffffff;
|
|
outline: none;
|
|
border: none;
|
|
font-size: 12px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
font-weight: 600;
|
|
column-gap: 0.3rem;
|
|
border: none;
|
|
border-radius: 4.982px;
|
|
padding: 5px 6px;
|
|
height: 2rem;
|
|
width: max-content;
|
|
}
|
|
|
|
.Btn-payment-mode-sel {
|
|
background-color: var(--DEFAULT_SELECTED_COLOR);
|
|
color: rgb(255, 255, 255);
|
|
font-size: 12px;
|
|
outline: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
border: none;
|
|
column-gap: 0rem;
|
|
width: max-content;
|
|
height: 2rem;
|
|
border-radius: 4.982px;
|
|
padding: 5px 6px;
|
|
height: 2rem;
|
|
}
|
|
|
|
.Btn-payment-mode-notupisel {
|
|
background-color: rgb(255, 52, 52);
|
|
color: rgb(255, 255, 255);
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
border: none;
|
|
column-gap: 0rem;
|
|
border-radius: 4.982px;
|
|
padding: 5px 6px;
|
|
height: 2rem;
|
|
}
|
|
|
|
.Table3-totalprice-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
column-gap: 1rem;
|
|
}
|
|
|
|
.Table3-vertical-line {
|
|
border: 0.83px solid rgb(175, 173, 173);
|
|
margin: 1px 4px;
|
|
}
|
|
|
|
.Table3-Price-div {
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
flex-direction: row;
|
|
@media (max-width: 768px) {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.Dinein-order-btn {
|
|
height: 35px;
|
|
width: 30px;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
color: var(--SELECTED_COLOR);
|
|
}
|
|
|
|
.Dinein-order-btn-disabled {
|
|
height: 35px;
|
|
width: 30px;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
color: var(--SELECTED_COLOR);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.Table3-Btn-final-price {
|
|
display: flex;
|
|
align-items: center;
|
|
border: 0;
|
|
}
|
|
|
|
.Table3-rate {
|
|
font-family: "Gilroy-SemiBold";
|
|
font-size: 30px;
|
|
font-weight: 600;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.BSBill3-items {
|
|
color: var(--SELECTED_COLOR);
|
|
text-align: right;
|
|
font-family: "Gilroy-SemiBold";
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.Table3-pencil {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.icon-button3 {
|
|
height: 30px;
|
|
border-radius: 30px;
|
|
padding: 0px;
|
|
margin: 6px 6px;
|
|
}
|
|
|
|
.BSBilling-customer-subdiv {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
height: fit-content;
|
|
}
|
|
|
|
.BSBilling3-view-summary {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.Table3-price {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
width: 80%;
|
|
font-weight: 600;
|
|
align-items: start;
|
|
}
|
|
|
|
.Table3-fullrate {
|
|
display: flex;
|
|
align-items: center;
|
|
column-gap: 1rem;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
background-color: #f3f3f3;
|
|
}
|
|
|
|
.Table3-items {
|
|
text-align: center;
|
|
font-size: 14px;
|
|
font-family: "Gilroy-Medium";
|
|
align-items: right;
|
|
text-align: left;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.Table3-item-price {
|
|
text-align: center;
|
|
font-family: "Gilroy-Medium";
|
|
font-size: 14px;
|
|
text-align: right;
|
|
padding-right: 8px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.BSBill-item-extraprice {
|
|
color: var(--SELECTED_COLOR);
|
|
font-family: "Gilroy-SemiBold";
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
}
|
|
|
|
.customerBSBilling3- {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
row-gap: 1rem;
|
|
}
|
|
|
|
.Table3-customer {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
.lstamount {
|
|
text-align: right;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
font-family: "Poppins";
|
|
}
|
|
|
|
.BSC1-Master .BSBilling3-tablediv {
|
|
height: 99%;
|
|
overflow: auto;
|
|
padding-bottom: 3rem;
|
|
}
|
|
|
|
.BSTable3_overall {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
overflow: auto;
|
|
scrollbar-width: none;
|
|
width: inherit;
|
|
height: 85vh !important;
|
|
gap: 4px;
|
|
border-radius: 10px;
|
|
@media (max-width: 768px) {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
.BSTable3_overall-6 {
|
|
height: 71vh;
|
|
}
|
|
|
|
.BSTable3 {
|
|
overflow-y: auto;
|
|
scrollbar-width: none;
|
|
height: 70vh;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.Cust-tag {
|
|
display: flex;
|
|
padding: 0rem 1rem;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: #00377e;
|
|
text-transform: uppercase;
|
|
background-color: #ffffff;
|
|
align-items: center;
|
|
}
|
|
|
|
.shine {
|
|
color: rgb(0, 0, 0);
|
|
font-size: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
display: inline-block;
|
|
position: relative;
|
|
animation: shine 0.5s linear infinite;
|
|
}
|
|
|
|
@keyframes shine {
|
|
from {
|
|
-webkit-mask-position: 150%;
|
|
}
|
|
|
|
to {
|
|
-webkit-mask-position: -50%;
|
|
}
|
|
}
|
|
|
|
.BSTable3_payroll {
|
|
background-color: #fff;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
flex-direction: column;
|
|
bottom: 0;
|
|
width: inherit;
|
|
z-index: 1;
|
|
height: 160px;
|
|
border-radius: 0 0 10px 10px;
|
|
@media (max-width: 768px) {
|
|
height: unset;
|
|
.BSBill-Table3 {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
.BSTable3_hold {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 30px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.Table3-editicon {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.Table-3-mrp_price {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.Table-3_qty {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.Table3-Dis {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.Totalpay {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.Discountpay {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.BS3hold-sum {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: row;
|
|
column-gap: 1rem;
|
|
color: var(--DEFAULT_SELECTED_COLOR);
|
|
}
|
|
|
|
.BSBillingTable3-paybtn {
|
|
display: flex;
|
|
width: 90%;
|
|
height: 50px;
|
|
justify-content: space-evenly;
|
|
background-color: #f3f3f3;
|
|
border: #545454 solid 1px;
|
|
color: rgb(0, 0, 0);
|
|
align-items: center;
|
|
font-family: var(--HEADING_FONT_FAMILY);
|
|
cursor: pointer;
|
|
border-radius: 8px;
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
margin: 0.5rem;
|
|
}
|
|
|
|
.BSBillingTable3-paybtn-deactive {
|
|
display: flex;
|
|
width: 90%;
|
|
height: 50px;
|
|
justify-content: space-evenly;
|
|
background-color: #f3f3f3;
|
|
border: #545454 solid 1px;
|
|
color: rgb(0, 0, 0);
|
|
align-items: center;
|
|
cursor: pointer;
|
|
border-radius: 8px;
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
margin: 0.5rem;
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.BSBillingTable3-paybtn:hover {
|
|
display: flex;
|
|
width: 90%;
|
|
height: 50px;
|
|
justify-content: space-evenly;
|
|
background-color: var(--SELECTED_COLOR);
|
|
border: none !important;
|
|
color: rgb(255, 255, 255);
|
|
align-items: center;
|
|
cursor: pointer;
|
|
border-radius: 8px;
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
margin: 0.5rem;
|
|
|
|
.BSBillingTable3-pay {
|
|
width: 40px;
|
|
height: 40px;
|
|
background-color: #fff;
|
|
color: #000;
|
|
border-radius: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
|
|
.BSBillingTable3-pay {
|
|
width: 40px;
|
|
height: 40px;
|
|
background-color: var(--DEFAULT_SELECTED_COLOR);
|
|
color: #fff;
|
|
border-radius: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.Table3-Price-div-table {
|
|
display: none;
|
|
}
|
|
|
|
.BSTable3_payroll .Cust-tag {
|
|
display: none;
|
|
}
|
|
|
|
.BSBill-Table3-content-Disabled {
|
|
pointer-events: none;
|
|
background-color: rgb(243, 248, 213);
|
|
font-family: "Poppins", sans-serif;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
border-radius: 5px;
|
|
width: 170px;
|
|
height: 50px;
|
|
}
|
|
|
|
.Table3-Price-summarypopfullscrn {
|
|
display: none;
|
|
}
|
|
|
|
.del-all-btn {
|
|
border: #fff solid 1px;
|
|
cursor: pointer;
|
|
padding: 0.5rem 0rem;
|
|
transform: scale(0.9);
|
|
transition-duration: 0.2s;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.del-all-btn:hover {
|
|
border: #fff solid 1px;
|
|
transform: scale(0.92);
|
|
cursor: pointer;
|
|
color: var(--ERROR_COLOR);
|
|
background-color: #fff;
|
|
transition-duration: 0.2s;
|
|
}
|
|
|
|
.BSBilling3PayMaster .field-DropDown {
|
|
width: 180px !important;
|
|
}
|
|
|
|
.CustomerAddSrch {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: row;
|
|
column-gap: 0.5rem;
|
|
}
|
|
|
|
.shine {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
padding: 12px 48px;
|
|
color: #fff;
|
|
background: linear-gradient(to right, #4d4d4d 0, #fff 10%, #4d4d4d 20%);
|
|
background-position: 0;
|
|
-webkit-text-fill-color: transparent;
|
|
animation: shine 3s infinite linear;
|
|
animation-fill-mode: forwards;
|
|
-webkit-text-size-adjust: none;
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
@-moz-keyframes shine {
|
|
0% {
|
|
background-position: 0;
|
|
}
|
|
|
|
60% {
|
|
background-position: 180px;
|
|
}
|
|
|
|
100% {
|
|
background-position: 180px;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes shine {
|
|
0% {
|
|
background-position: 0;
|
|
}
|
|
|
|
60% {
|
|
background-position: 180px;
|
|
}
|
|
|
|
100% {
|
|
background-position: 180px;
|
|
}
|
|
}
|
|
|
|
@-o-keyframes shine {
|
|
0% {
|
|
background-position: 0;
|
|
}
|
|
|
|
60% {
|
|
background-position: 180px;
|
|
}
|
|
|
|
100% {
|
|
background-position: 180px;
|
|
}
|
|
}
|
|
|
|
@keyframes shine {
|
|
0% {
|
|
background-position: 0;
|
|
}
|
|
|
|
60% {
|
|
background-position: 180px;
|
|
}
|
|
|
|
100% {
|
|
background-position: 180px;
|
|
}
|
|
}
|
|
|
|
// new input style ************
|
|
|
|
.custom-dropdown {
|
|
position: relative;
|
|
width: 200px;
|
|
}
|
|
|
|
.input-container {
|
|
border: 1px solid #ccc;
|
|
padding: 8px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
.arrow {
|
|
position: absolute;
|
|
top: 44%;
|
|
right: -2.5rem;
|
|
transform: translateY(-50%);
|
|
border: 1px solid #000;
|
|
border-radius: 3px;
|
|
width: 50px;
|
|
height: 25px;
|
|
align-items: center;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
font-family: "Gilroy";
|
|
padding: 0rem 1rem;
|
|
display: inline-block;
|
|
padding: 2px;
|
|
}
|
|
|
|
.arrow:hover {
|
|
border: var(--DEFAULT_SELECTED_COLOR) solid 1px;
|
|
}
|
|
|
|
.options-container {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
border: 1px solid #ccc;
|
|
background-color: #fff;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-height: 150px;
|
|
font-family: "Gilroy";
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.options-container div {
|
|
padding: 8px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.options-container div:hover {
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.Table3-Price-div {
|
|
flex-direction: row !important;
|
|
width: 100%;
|
|
}
|
|
|
|
.Table3-price {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 500px) and (max-width: 768px) {
|
|
.billtable3th {
|
|
padding: 5px !important;
|
|
}
|
|
|
|
.BSTable3_payroll {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
flex-direction: column;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: inherit;
|
|
z-index: 2;
|
|
}
|
|
|
|
.Table3-Price-div-table {
|
|
display: block;
|
|
height: max-content;
|
|
max-height: 25vh;
|
|
overflow: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.BS3hold-sum {
|
|
column-gap: 1.5rem !important;
|
|
}
|
|
|
|
.Table3-payment-mode {
|
|
column-gap: 0.5rem !important;
|
|
}
|
|
|
|
.Cust-tag {
|
|
position: absolute;
|
|
bottom: 114px;
|
|
width: 100vw;
|
|
}
|
|
|
|
.BSTable3_payroll .Cust-tag {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
@media all and (max-width: 499px) {
|
|
.billtable3th {
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.Table3-items {
|
|
padding: 2px !important;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.BSBill-Table3 {
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.BS3hold-sum {
|
|
justify-content: space-around !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.Btn-select-customer3 {
|
|
height: 2rem;
|
|
font-size: 9px;
|
|
width: 8rem;
|
|
}
|
|
|
|
.Table3-total-price {
|
|
display: none;
|
|
}
|
|
|
|
.Table3-Price-div-table {
|
|
display: block;
|
|
width: 100%;
|
|
max-height: 23vh;
|
|
height: max-content;
|
|
overflow: auto;
|
|
}
|
|
|
|
.Summery-component {
|
|
margin: auto;
|
|
height: auto;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.BSBillingTable3-paybtn {
|
|
width: 90%;
|
|
position: sticky;
|
|
bottom: 0rem;
|
|
}
|
|
|
|
.BSTable4_payroll {
|
|
position: fixed;
|
|
left: 0;
|
|
}
|
|
|
|
.Table3-Price-div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
.BSBilling3-customer {
|
|
flex-direction: row !important;
|
|
}
|
|
|
|
.Table3-Price-summarypopfullscrn {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 280px) and (max-width: 499px) {
|
|
.Cust-tag {
|
|
position: absolute;
|
|
bottom: 129px !important;
|
|
width: 100vw !important;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.BSTable3_payroll .Cust-tag {
|
|
display: flex;
|
|
}
|
|
|
|
.BSBillingTable3-paybtn {
|
|
width: 90%;
|
|
position: sticky;
|
|
bottom: 0rem;
|
|
}
|
|
|
|
.BSTable3_payroll {
|
|
position: fixed;
|
|
left: 0;
|
|
}
|
|
|
|
.BS3hold-sum {
|
|
justify-content: space-between !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.Table3-Price-div {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
.BSBilling3-customer {
|
|
flex-direction: row !important;
|
|
column-gap: 0rem !important;
|
|
row-gap: 0.6rem;
|
|
}
|
|
|
|
.Table3-payment-mode {
|
|
padding: 0rem 0.8rem;
|
|
column-gap: 0.5rem;
|
|
}
|
|
}
|
|
|
|
.CustMob-Name {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: "row";
|
|
column-gap: 2rem;
|
|
}
|
|
|
|
.Hover {
|
|
height: 35px;
|
|
width: 30px;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* AutoSuggestInput.css */
|
|
.react-autosuggest__input {
|
|
width: 100%;
|
|
padding: 10px;
|
|
font-size: 16px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.react-autosuggest__suggestions-container {
|
|
display: none;
|
|
position: absolute;
|
|
max-height: 200px;
|
|
overflow-y: auto;
|
|
border: 1px solid #ccc;
|
|
background-color: #fff;
|
|
z-index: 1;
|
|
}
|
|
|
|
.react-autosuggest__suggestions-container--open {
|
|
display: block;
|
|
}
|
|
|
|
.react-autosuggest__suggestion {
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.react-autosuggest__suggestion--highlighted {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
.Tbl3-Variant {
|
|
font-size: 10px;
|
|
}
|
|
.Tbl3VariantActve {
|
|
color: #000;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.css-w9q2zk-Input2 {
|
|
color: black !important;
|
|
}
|
|
|
|
.css-vexeg3-placeholder {
|
|
color: black !important;
|
|
}
|
|
|
|
.css-1980uo7-placeholder {
|
|
color: black !important;
|
|
}
|
|
|
|
.billtable3th {
|
|
padding: 10px;
|
|
}
|
|
|
|
.bodtd {
|
|
position: absolute;
|
|
width: max-content;
|
|
content: attr(name);
|
|
background-color: black;
|
|
color: white;
|
|
font-weight: 400;
|
|
padding: 0 3px;
|
|
border-radius: 4px;
|
|
z-index: 100;
|
|
right: 92%;
|
|
}
|
|
|
|
.Order {
|
|
background-color: var(--SELECTED_COLOR);
|
|
}
|
|
|
|
.ChairClrRed {
|
|
color: red;
|
|
}
|
|
|
|
.ChairClrGreen {
|
|
color: var(--SELECTED_COLOR);
|
|
}
|
|
|
|
// Payment gateway selection
|
|
.selectedpayment {
|
|
border: none;
|
|
margin: 0 5px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
text-align: center;
|
|
background-color: #52c41a;
|
|
width: 80px;
|
|
align-items: center;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.defaultpayment {
|
|
border: none;
|
|
margin: 0 5px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
text-align: center;
|
|
align-items: center;
|
|
width: 80px;
|
|
}
|
|
|
|
@keyframes blink-animation {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
|
|
.Table3-payment-mode-tooltip {
|
|
display: flex !important;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
|
|
@media screen and (max-width: 768px) {
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
|
|
.offermessageTag {
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
color: black;
|
|
padding: 2px 6px;
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
|
|
.offermessageTag.desktop {
|
|
animation: blinkText 1.5s infinite;
|
|
}
|
|
|
|
@keyframes blinkText {
|
|
0%,
|
|
100% {
|
|
color: black;
|
|
}
|
|
|
|
50% {
|
|
color: #fff9c4;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
.Table3-Price-summarypopT3 {
|
|
display: none;
|
|
}
|
|
.Table3-vertical-line {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
// Vicky
|
|
.Bill8-ShopCart-Header {
|
|
font-family: "Poppins", sans-serif;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
width: 100%;
|
|
background-color: #2563eb;
|
|
color: #fff;
|
|
font-weight: 500;
|
|
padding: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
p {
|
|
background-color: #dbe7ff;
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
display: flex;
|
|
color: #2563eb;
|
|
padding: 0px 6px;
|
|
border-radius: 2px;
|
|
}
|
|
}
|
|
|
|
.BSCategory2New {
|
|
width: 425px;
|
|
}
|
|
|
|
.BSBilling3-tablediv {
|
|
height: 60vh !important;
|
|
overflow: auto;
|
|
scrollbar-width: none;
|
|
@media (max-width: 768px) {
|
|
padding-bottom: 10rem;
|
|
}
|
|
@media (max-width: 500px) {
|
|
padding-bottom: 15rem;
|
|
}
|
|
}
|
|
|
|
.TableStandardPay {
|
|
padding: 4px;
|
|
background-color: #fff;
|
|
@media (max-width: 768px) {
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: #ffffff;
|
|
position: fixed;
|
|
width: 100%;
|
|
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
|
|
}
|
|
.BSBillingTable1-summeryTable {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.BillTable-carticon {
|
|
display: none;
|
|
svg {
|
|
font-size: 25px;
|
|
cursor: pointer;
|
|
}
|
|
@media (max-width: 768px) {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 4px;
|
|
font-family: "Popins";
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
@keyframes cartFadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(10px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes cartFadeOut {
|
|
from {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
transform: translateY(10px);
|
|
}
|
|
}
|
|
|
|
.BSTaleforSales-common {
|
|
overflow-y: auto;
|
|
scrollbar-width: none;
|
|
background-color: #ffffff;
|
|
animation: cartFadeIn 0.3s ease forwards;
|
|
@media (max-width: 768px) {
|
|
position: fixed;
|
|
left: 0;
|
|
width: 100%;
|
|
padding: 4px;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
/* Default Table Alignment for Bill Table Dont Change this */
|
|
|
|
.headBilltable-sino,
|
|
.headBilltable-MRP,
|
|
.headBilltable-Discount,
|
|
.headBilltable-Qty,
|
|
.BodyBillTable-SINO,
|
|
.BodyBillTable-MRP,
|
|
.BodyBillTable-Dis,
|
|
.BodyBillTable-Qty,
|
|
.BodyBillTable-Action {
|
|
text-align: center;
|
|
}
|
|
.headBilltable-Item,
|
|
.BodyBillTable-Item {
|
|
text-align: left;
|
|
}
|
|
.headBilltable-Rate,
|
|
.headBilltable-Amt,
|
|
.BodyBillTable-Rate,
|
|
.BodyBillTable-Amt {
|
|
text-align: right;
|
|
}
|
|
.del-all-btn {
|
|
svg {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
.table5-QtyAddMin {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-top: 10px;
|
|
gap: 2px;
|
|
.BodyBillTable-Qty {
|
|
padding: 2px !important;
|
|
width: 20px !important;
|
|
}
|
|
}
|
|
|
|
/* Standard BillTable Style Start Here */
|
|
|
|
.SalesBillTable-Standard {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
tr,
|
|
thead {
|
|
width: 100%;
|
|
}
|
|
th,
|
|
td {
|
|
font-family: "Inter", sans-serif !important;
|
|
}
|
|
.BSBill-Table3-throw {
|
|
height: 2.3rem !important;
|
|
background-color: rgb(255, 255, 255) !important;
|
|
border-bottom: 1px solid #e5e7e7;
|
|
th {
|
|
padding: 4px 6px !important;
|
|
font-size: 11px !important;
|
|
font-weight: 500;
|
|
color: #555 !important;
|
|
text-transform: uppercase;
|
|
background-color: #eef3ff;
|
|
}
|
|
}
|
|
.del-all-btn {
|
|
padding: 0;
|
|
}
|
|
tbody td {
|
|
padding: 4px 6px !important;
|
|
font-size: 12px !important;
|
|
font-weight: 500;
|
|
color: #000 !important;
|
|
}
|
|
tbody tr {
|
|
&:nth-child(even) {
|
|
background-color: #d6d6d6 !important;
|
|
}
|
|
}
|
|
|
|
// For Header Text Align
|
|
.headBilltable-Item {
|
|
text-align: left;
|
|
}
|
|
.headBilltable-Rate,
|
|
.headBilltable-Amt {
|
|
text-align: right;
|
|
}
|
|
.headBilltable-Action,
|
|
.headBilltable-sino,
|
|
.headBilltable-Discount {
|
|
text-align: center;
|
|
}
|
|
// For Body Text align
|
|
.BodyBillTable-SINO,
|
|
.BodyBillTable-Dis,
|
|
.BodyBillTable-Qty {
|
|
text-align: center;
|
|
}
|
|
.BodyBillTable-Item {
|
|
text-align: left;
|
|
}
|
|
.BodyBillTable-Rate,
|
|
.BodyBillTable-Amt {
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
/* BillTable - 1 Style Start Here */
|
|
|
|
.Billingtable1-Main {
|
|
border: none;
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
|
|
.BSBill-Table3-throw {
|
|
height: 2.7rem;
|
|
width: 100%;
|
|
}
|
|
thead th {
|
|
padding: 4px 5px;
|
|
font-size: 15px !important;
|
|
font-weight: 600 !important;
|
|
font-family: "Gilroy" !important;
|
|
@media (max-width: 500px) {
|
|
font-size: 13px !important;
|
|
}
|
|
}
|
|
.table3body {
|
|
position: relative;
|
|
td {
|
|
padding: 4px 5px;
|
|
font-size: 13px !important;
|
|
font-weight: 500 !important;
|
|
font-family: "Poppins" !important;
|
|
@media (max-width: 500px) {
|
|
font-size: 12px !important;
|
|
}
|
|
}
|
|
}
|
|
.BSBill-Table3-content {
|
|
border-bottom: 1px dashed #000;
|
|
}
|
|
}
|
|
|
|
/* BillTable - 3 Style Start Here */
|
|
|
|
.BSBill-Table3 {
|
|
.BSBill-Table3-throw {
|
|
width: 100%;
|
|
}
|
|
thead th {
|
|
padding: 4px 5px;
|
|
font-size: 15px !important;
|
|
font-weight: 600 !important;
|
|
font-family: "Gilroy" !important;
|
|
@media (max-width: 500px) {
|
|
font-size: 13px !important;
|
|
}
|
|
}
|
|
|
|
.table3body {
|
|
position: relative;
|
|
td {
|
|
padding: 4px 5px;
|
|
font-size: 13px !important;
|
|
font-weight: 500 !important;
|
|
font-family: "Poppins" !important;
|
|
@media (max-width: 500px) {
|
|
font-size: 12px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* BillTable - 6 Style Start Here */
|
|
.BillingLayout-table6 {
|
|
.BSBill-Table3 thead th,
|
|
.BSBill-Table3 .table3body td {
|
|
border: 1px solid #eeeeee;
|
|
}
|
|
}
|
|
|
|
.BSBill-Table6 {
|
|
width: 100%;
|
|
text-align: center;
|
|
border-collapse: collapse;
|
|
th {
|
|
border: 1px solid #b8b8b8 !important;
|
|
}
|
|
td {
|
|
border: 1px solid #b8b8b8 !important;
|
|
}
|
|
|
|
thead th {
|
|
padding: 4px 5px;
|
|
font-size: 15px !important;
|
|
font-weight: 600 !important;
|
|
font-family: "Gilroy" !important;
|
|
@media (max-width: 500px) {
|
|
font-size: 13px !important;
|
|
}
|
|
}
|
|
td {
|
|
padding: 4px 5px;
|
|
font-size: 13px !important;
|
|
font-weight: 500 !important;
|
|
font-family: "Poppins" !important;
|
|
}
|
|
}
|
|
.BSBillingTable5-table-count-min-btn {
|
|
width: 25px;
|
|
height: 25px;
|
|
background-color: rgb(207, 207, 207);
|
|
border-radius: 25px;
|
|
color: #000000;
|
|
cursor: pointer;
|
|
border: none;
|
|
}
|
|
|
|
.BSBillingTable5-table-count-max-btn {
|
|
width: 25px;
|
|
height: 25px;
|
|
background-color: #ff4d4f;
|
|
border-radius: 25px;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
border: none;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.radio-button-group .radio-button {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
opacity: 0;
|
|
}
|
|
.radio-button-group {
|
|
display: flex;
|
|
gap: 0.3rem;
|
|
justify-content: flex-end;
|
|
}
|