1715 lines
28 KiB
SCSS
1715 lines
28 KiB
SCSS
.productListBrowseImageButton {
|
||
width: 65px;
|
||
background-color: #dbd1d1;
|
||
border: 0.5px solid gray;
|
||
border-radius: 3px;
|
||
font-size: 10px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.productListBrowseImageButton2 {
|
||
width: 65px;
|
||
background-color: #dbd1d1;
|
||
border: 0.5px solid #808080;
|
||
border-radius: 3px;
|
||
font-size: 10px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.product_primary_Button {
|
||
background-color: var(--ERROR_COLOR);
|
||
color: #fff;
|
||
padding: 15px;
|
||
|
||
border: 1px solid;
|
||
overflow: hidden;
|
||
|
||
width: 170px;
|
||
height: 45px;
|
||
background-color: var(--PRIMARY_BUTTON_BG_COLOR) !important;
|
||
color: #fff;
|
||
font-family: var(--HEADING_FONT_FAMILY);
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
font-size: 14px;
|
||
border-radius: 8px;
|
||
display: flex;
|
||
letter-spacing: 0.5px;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
z-index: 2;
|
||
}
|
||
|
||
.Counter-Category-mapping {
|
||
border-collapse: collapse;
|
||
border: 1px solid red;
|
||
margin: 0 0 1rem 0;
|
||
}
|
||
|
||
.product-delete-input {
|
||
.example {
|
||
width: 80px !important;
|
||
}
|
||
}
|
||
|
||
.delete-bulk-icon {
|
||
display: flex;
|
||
gap: 10px;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 100%;
|
||
|
||
svg {
|
||
margin-bottom: 0 !important;
|
||
}
|
||
}
|
||
|
||
.userPageCustMaster {
|
||
height: 100vh !important;
|
||
|
||
.formDiv {
|
||
height: 85% !important;
|
||
}
|
||
}
|
||
|
||
.samplereportTableButton {
|
||
justify-content: flex-end;
|
||
margin: 10px 0;
|
||
align-items: center;
|
||
display: flex;
|
||
width: 100%;
|
||
}
|
||
|
||
.uploadexcelBtn {
|
||
.primary_Button {
|
||
background-color: #000 !important;
|
||
|
||
&:focus {
|
||
color: #000000 !important;
|
||
border-color: #000 !important;
|
||
}
|
||
}
|
||
}
|
||
|
||
.productMaster-input {
|
||
.tertiary_Button {
|
||
font-size: 13px;
|
||
background-color: #d37305 !important;
|
||
}
|
||
}
|
||
|
||
// Customer Address Details List Styles
|
||
.customer-address-details-list {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr 1fr;
|
||
gap: 1rem;
|
||
|
||
@media (max-width: 768px) {
|
||
grid-template-columns: 1fr 1fr;
|
||
}
|
||
|
||
@media (max-width: 500px) {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
|
||
.address-card {
|
||
margin-bottom: 20px;
|
||
padding: 16px;
|
||
border: 1px solid #e1e5e9;
|
||
border-radius: 12px;
|
||
background-color: #ffffff;
|
||
transition: all 0.3s ease;
|
||
position: relative;
|
||
overflow: auto;
|
||
height: 245px;
|
||
max-height: 300px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
justify-content: center;
|
||
|
||
@media (max-width: 768px) {
|
||
height: max-content;
|
||
}
|
||
|
||
@media (max-width: 500px) {
|
||
height: max-content;
|
||
margin-bottom: 0;
|
||
}
|
||
}
|
||
|
||
.address-header {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-bottom: 16px;
|
||
padding: 6px 12px;
|
||
border-radius: 8px 8px 0px 0;
|
||
margin: -20px -20px 0px -20px;
|
||
|
||
.header-left {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
|
||
.address-number {
|
||
width: 32px;
|
||
height: 32px;
|
||
border-radius: 50%;
|
||
background-color: #b5a8ff;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
color: #23378a;
|
||
}
|
||
|
||
h4 {
|
||
color: #23378a;
|
||
margin: 0;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
letter-spacing: 0.5px;
|
||
}
|
||
}
|
||
}
|
||
|
||
.header-actions {
|
||
display: flex;
|
||
gap: 0px;
|
||
align-items: flex-end;
|
||
justify-content: flex-end;
|
||
margin-top: 6px;
|
||
width: 100%;
|
||
|
||
svg {
|
||
display: flex;
|
||
}
|
||
|
||
.edit-btn,
|
||
.remove-btn {
|
||
border: none;
|
||
font-family: "Poppins";
|
||
padding: 4px 10px;
|
||
border-radius: 6px;
|
||
cursor: pointer;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
transition: all 0.2s ease;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
height: max-content;
|
||
}
|
||
|
||
.remove-btn {
|
||
background: unset;
|
||
color: #cf0b0fe6;
|
||
}
|
||
|
||
.edit-btn {
|
||
background: unset;
|
||
color: #0ea021;
|
||
}
|
||
}
|
||
|
||
.address-type-section {
|
||
.ant-checkbox-inner {
|
||
height: 14px;
|
||
width: 14px;
|
||
}
|
||
|
||
.ant-checkbox-label {
|
||
font-size: 12px;
|
||
}
|
||
|
||
label {
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
color: #4a5568;
|
||
margin-bottom: 8px;
|
||
display: block;
|
||
}
|
||
|
||
.ant-checkbox-group {
|
||
display: flex;
|
||
gap: 0;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.ant-checkbox-wrapper {
|
||
display: flex;
|
||
}
|
||
}
|
||
|
||
.address-details-grid {
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: wrap;
|
||
gap: 4px;
|
||
margin-top: 10px;
|
||
|
||
.address-detail-item {
|
||
padding: 2px 2px;
|
||
border-radius: 4px;
|
||
line-height: 1.3;
|
||
|
||
.labelCoordinates {
|
||
font-size: 10px;
|
||
color: #3b424d;
|
||
font-weight: 500;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.5px;
|
||
}
|
||
|
||
.value {
|
||
font-size: 13px;
|
||
color: #000000;
|
||
font-weight: 500;
|
||
|
||
&.coordinates {
|
||
font-size: 13px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
margin-top: 4px;
|
||
|
||
svg {
|
||
color: #3182ce;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.empty-state {
|
||
text-align: center;
|
||
padding: 40px 20px;
|
||
background-color: #f8fafc;
|
||
border-radius: 12px;
|
||
border: 2px dashed #cbd5e0;
|
||
color: #718096;
|
||
|
||
svg {
|
||
font-size: 48px;
|
||
margin-bottom: 16px;
|
||
color: #cbd5e0;
|
||
}
|
||
|
||
h3 {
|
||
margin: 0 0 8px 0;
|
||
color: #4a5568;
|
||
}
|
||
|
||
p {
|
||
margin: 0;
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
}
|
||
|
||
@media (max-width: 499px) {
|
||
.commonMaster-btn {
|
||
.tertiary_Button {
|
||
width: 40vw !important;
|
||
}
|
||
|
||
.primary_Button {
|
||
width: 35vw !important;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.productMaster-input .primary_Button {
|
||
width: 33.33vw !important;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.subRowFlex {
|
||
.product-add-iconMargin {
|
||
margin-top: 15px !important;
|
||
}
|
||
}
|
||
}
|
||
|
||
// for all mobile screen no issue
|
||
.searchDiv {
|
||
width: 215px !important;
|
||
}
|
||
|
||
.searchAddDiv {
|
||
font-size: 11px;
|
||
|
||
.searchDiv {
|
||
width: 76.39vw !important;
|
||
}
|
||
}
|
||
|
||
.ant-table table {
|
||
width: 800px;
|
||
}
|
||
|
||
.subinputForm {
|
||
display: flex;
|
||
flex-direction: row !important;
|
||
}
|
||
|
||
.Counter-Category-mapping {
|
||
width: 80vw;
|
||
}
|
||
|
||
.MapDiv {
|
||
width: var(--INPUT_FIELD_WIDTH);
|
||
overflow: hidden;
|
||
border: none;
|
||
}
|
||
|
||
.CustmasterForm-RadiaSelect .CustmasterForm-RadiaSelect-flex {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.samplereportTableButton {
|
||
position: unset !important;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.commonMaster-btn {
|
||
flex-wrap: wrap;
|
||
height: unset !important;
|
||
|
||
button {
|
||
width: 250px !important;
|
||
}
|
||
|
||
.productMaster-input {
|
||
.tertiary_Button {
|
||
position: unset !important;
|
||
left: unset !important;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.customerMaster-Form-percentage {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 10px;
|
||
}
|
||
|
||
.customerMaster-Form-percentage.field-DropDown {
|
||
width: 200px !important;
|
||
}
|
||
|
||
.bulkuploadmodal {
|
||
.ant-modal-content {
|
||
padding: 16px 32px;
|
||
}
|
||
}
|
||
|
||
.producttablepagination {
|
||
z-index: 50;
|
||
position: sticky !important;
|
||
bottom: 0;
|
||
margin: 0 !important;
|
||
padding: 0.5rem;
|
||
background-color: #fafafa;
|
||
}
|
||
|
||
.productlistgetnoinput {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
|
||
input {
|
||
width: 40px;
|
||
height: 25px;
|
||
padding: 10px;
|
||
border: none;
|
||
font-size: 14px;
|
||
border: 1px solid #c0c0c0;
|
||
background-color: #fff;
|
||
border-radius: 6px;
|
||
outline: none;
|
||
}
|
||
}
|
||
|
||
.reportTableProduct {
|
||
.ant-table-thead {
|
||
z-index: 150 !important;
|
||
}
|
||
|
||
.ant-table-cell {
|
||
padding: 4px !important;
|
||
}
|
||
}
|
||
|
||
.PricePrice-input {
|
||
.ant-select-selection-item {
|
||
padding-top: 2px !important;
|
||
}
|
||
}
|
||
|
||
.MapDiv1 {
|
||
width: 502px;
|
||
height: 400px !important;
|
||
}
|
||
|
||
.customerMaster-Form-Form-details {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 10px;
|
||
column-gap: 2rem;
|
||
width: 100%;
|
||
}
|
||
|
||
.subinputFormInput {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
flex-wrap: wrap;
|
||
width: 100%;
|
||
gap: 1rem;
|
||
column-gap: 2rem;
|
||
}
|
||
|
||
.Credits-percentage {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 30px;
|
||
background-color: yellow;
|
||
width: max-content;
|
||
height: max-content;
|
||
padding: 6px 12px;
|
||
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
text-align: center;
|
||
|
||
border: 1px solid #f1c40f;
|
||
transition: all 0.3s ease;
|
||
|
||
:hover {
|
||
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
|
||
transform: translateY(-2px);
|
||
}
|
||
}
|
||
|
||
.productNameDDAuto {
|
||
.ant-select-selector {
|
||
width: 250px !important;
|
||
}
|
||
}
|
||
|
||
.product-name-scan {
|
||
position: relative;
|
||
|
||
.product-scan-Icon {
|
||
position: absolute;
|
||
right: 10px;
|
||
top: 35%;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.IsmoBileBarcode {
|
||
position: absolute;
|
||
right: 10px;
|
||
top: 35%;
|
||
.BarCodeScanMaster {
|
||
padding: 0 !important;
|
||
svg {
|
||
font-size: 25px !important;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.Bulkuploadpost {
|
||
width: 100vw;
|
||
height: 99vh;
|
||
background-color: #00000052;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
position: fixed;
|
||
top: 0;
|
||
right: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
backdrop-filter: blur(2px);
|
||
z-index: 499;
|
||
}
|
||
|
||
.update-and-cancel {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 10px;
|
||
|
||
button {
|
||
padding: 14px 18px;
|
||
border: none;
|
||
font-family: "Poppins", sans-serif;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
cursor: pointer;
|
||
border-radius: 8px;
|
||
outline: none;
|
||
}
|
||
|
||
> button:nth-child(1) {
|
||
background-color: #daecfd;
|
||
color: #1292ee;
|
||
}
|
||
|
||
> button:nth-child(2) {
|
||
background-color: #ffdcdc;
|
||
color: #ee3333;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 500px) {
|
||
.ant-breadcrumb {
|
||
font-size: 12px !important;
|
||
}
|
||
|
||
.breadCrumbClass {
|
||
padding: 0.1rem 0.5rem 0.1rem 0.7rem;
|
||
}
|
||
|
||
.formName {
|
||
flex-direction: column;
|
||
margin-bottom: 5px;
|
||
|
||
> div:nth-child(2) {
|
||
width: max-content;
|
||
font-size: 12px !important;
|
||
height: max-content;
|
||
}
|
||
}
|
||
}
|
||
|
||
.lowStock-SaveButton {
|
||
width: 4rem;
|
||
background-color: #0ea021;
|
||
border-radius: 1rem;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 8px;
|
||
color: white;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.lowStock-SaveButton:hover {
|
||
background-color: #13c12a;
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
|
||
}
|
||
|
||
.lowStock-button {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
background-color: #eab308;
|
||
color: #000000;
|
||
padding: 8px 14px;
|
||
border-radius: 6px;
|
||
font-weight: 500;
|
||
cursor: pointer;
|
||
transition: all 0.3s ease;
|
||
height: max-content;
|
||
font-family: "Poppins";
|
||
}
|
||
|
||
/* Hover effect */
|
||
.lowStock-button:hover {
|
||
background-color: #f7c530;
|
||
transform: translateY(-2px);
|
||
}
|
||
|
||
/* Active (click) effect */
|
||
.lowStock-button:active {
|
||
transform: translateY(0);
|
||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||
}
|
||
|
||
// deilivery Address
|
||
|
||
.Address-button {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
background-color: #0ea5e9;
|
||
color: #ffffff;
|
||
padding: 8px 14px;
|
||
border-radius: 6px;
|
||
font-weight: 500;
|
||
cursor: pointer;
|
||
transition: all 0.3s ease;
|
||
height: max-content;
|
||
font-family: "Poppins";
|
||
}
|
||
|
||
/* Hover effect */
|
||
.Address-button:hover {
|
||
background-color: #0cabf4;
|
||
transform: translateY(-2px);
|
||
}
|
||
|
||
/* Active (click) effect */
|
||
.Address-button:active {
|
||
transform: translateY(0);
|
||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||
}
|
||
|
||
.deliveryaddress {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
flex-direction: column;
|
||
background-color: #fff3f3;
|
||
padding: 10px;
|
||
border-radius: 4px;
|
||
height: max-content;
|
||
.deliveryaddress_edit {
|
||
color: #0cabf4;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 5px;
|
||
cursor: pointer;
|
||
}
|
||
}
|
||
|
||
.add-slot-header {
|
||
font-size: 25px;
|
||
font-weight: 600;
|
||
font-family: "Gilroy";
|
||
padding-bottom: 6px;
|
||
}
|
||
|
||
.ModalPaymentGatewayEmbedded {
|
||
.ant-modal-content {
|
||
overflow: hidden !important;
|
||
}
|
||
}
|
||
|
||
.addTaxinputDrawer {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
flex-direction: column;
|
||
gap: 2rem;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.productlistSearchDiv {
|
||
flex-direction: column;
|
||
}
|
||
}
|
||
|
||
.swicthCardScanToggle {
|
||
button {
|
||
background-color: #1292ee !important;
|
||
font-family: "Poppins";
|
||
font-weight: 500;
|
||
}
|
||
}
|
||
|
||
.BSC1NavBar-location {
|
||
&.scan {
|
||
padding: 2px 3px !important;
|
||
}
|
||
}
|
||
|
||
.searched-value {
|
||
font-family: "Poppins";
|
||
font-weight: 500;
|
||
}
|
||
|
||
.StorekitchenlistTable {
|
||
scrollbar-width: thin;
|
||
padding-right: 8px;
|
||
margin-top: 10px;
|
||
|
||
@media (max-width: 600px) {
|
||
}
|
||
|
||
.ant-table-thead {
|
||
&:hover {
|
||
background-color: #bad4f9 !important;
|
||
}
|
||
|
||
tr:hover {
|
||
background-color: #bad4f9 !important;
|
||
}
|
||
|
||
.ant-table-cell {
|
||
color: #ffffff;
|
||
font-weight: 500;
|
||
font-size: 12px;
|
||
}
|
||
}
|
||
|
||
.ant-table-cell {
|
||
&:hover {
|
||
background-color: #bad4f9 !important;
|
||
}
|
||
}
|
||
}
|
||
|
||
.StoreRecipeinputForm {
|
||
.ant-form-item-explain-error {
|
||
top: 16px;
|
||
}
|
||
}
|
||
|
||
.incenbtivepayBTN {
|
||
.ant-btn {
|
||
font-size: 16px !important;
|
||
padding: 8px 16px !important;
|
||
height: max-content;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
}
|
||
}
|
||
|
||
.commonMaster-btn {
|
||
.SmartScanBTN {
|
||
button {
|
||
background-color: #0bad77 !important;
|
||
|
||
&:focus {
|
||
color: #fff !important;
|
||
border-color: #fff !important;
|
||
}
|
||
}
|
||
}
|
||
|
||
.tertiary_Button {
|
||
position: unset !important;
|
||
left: unset !important;
|
||
height: 45px !important;
|
||
width: 180px !important;
|
||
font-size: 14px !important;
|
||
|
||
&:hover {
|
||
background-color: #d37305 !important;
|
||
}
|
||
}
|
||
|
||
.smart_scan_Button {
|
||
position: unset !important;
|
||
left: unset !important;
|
||
height: 45px !important;
|
||
width: 180px !important;
|
||
font-size: 14px !important;
|
||
background-color: #28a745 !important;
|
||
|
||
&:hover {
|
||
background-color: #218838 !important;
|
||
}
|
||
}
|
||
}
|
||
|
||
.StoreKitchen-tables {
|
||
.ant-form-item {
|
||
margin-bottom: 0 !important;
|
||
}
|
||
|
||
.ant-input {
|
||
padding: 6px 14px 6px 11px !important;
|
||
text-align: center;
|
||
}
|
||
|
||
.ant-table table {
|
||
border-spacing: 0 !important;
|
||
}
|
||
}
|
||
|
||
.pricechangeTable {
|
||
.ant-input {
|
||
padding: 4px 11px 4px 11px !important;
|
||
width: 80px !important;
|
||
text-align: center;
|
||
border-color: #1292ee;
|
||
|
||
&:hover {
|
||
background-color: #c2e6ff;
|
||
border-color: #fff;
|
||
}
|
||
}
|
||
|
||
.ant-table-cell {
|
||
padding: 2px 6px !important;
|
||
}
|
||
}
|
||
|
||
.editable-cell-value-wrap {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: flex-end;
|
||
|
||
.ant-input {
|
||
position: relative;
|
||
}
|
||
}
|
||
|
||
.price-change-modal {
|
||
.ant-modal-content {
|
||
padding: 24px !important;
|
||
}
|
||
}
|
||
|
||
.price-change-table {
|
||
.ant-table-thead tr {
|
||
background-color: #2c88ee !important;
|
||
}
|
||
.ant-form-item {
|
||
margin-bottom: 0 !important;
|
||
}
|
||
|
||
.ant-input {
|
||
padding: 6px 14px 6px 11px !important;
|
||
text-align: center;
|
||
width: 100px !important;
|
||
border-color: #1292ee;
|
||
}
|
||
|
||
.ant-input:hover {
|
||
background-color: #cfcfcf;
|
||
border-color: #fff;
|
||
}
|
||
|
||
.example {
|
||
width: 100px !important;
|
||
}
|
||
|
||
.table-notes {
|
||
font-family: "Poppins";
|
||
font-style: italic;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.ant-table table {
|
||
border-spacing: 0 !important;
|
||
font-family: "Poppins";
|
||
}
|
||
}
|
||
|
||
.formFields {
|
||
display: flex;
|
||
flex-direction: row;
|
||
gap: 1rem;
|
||
.ant-form-item {
|
||
margin-bottom: 0 !important;
|
||
}
|
||
}
|
||
|
||
.CommmasterPageHeader {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: flex-start;
|
||
gap: 1rem;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.comboProductList {
|
||
width: 100%;
|
||
|
||
.ant-table-thead,
|
||
.ant-table-cell {
|
||
white-space: nowrap;
|
||
|
||
th {
|
||
white-space: nowrap;
|
||
}
|
||
}
|
||
}
|
||
|
||
table {
|
||
thead {
|
||
th {
|
||
font-family: "Gilroy" !important;
|
||
}
|
||
}
|
||
|
||
tbody {
|
||
td {
|
||
font-family: "Poppins" !important;
|
||
font-weight: 500;
|
||
font-size: 13px;
|
||
}
|
||
}
|
||
}
|
||
|
||
.radio-sidebar-container {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 4px;
|
||
height: 30vh;
|
||
overflow-y: auto;
|
||
overflow-x: hidden;
|
||
scrollbar-width: thin;
|
||
width: 340px;
|
||
}
|
||
|
||
.radio-sidebar-item {
|
||
padding: 8px 12px;
|
||
border: 1px solid #d9d9d9;
|
||
border-radius: 8px;
|
||
cursor: pointer;
|
||
background-color: #fff;
|
||
transition: all 0.3s ease;
|
||
width: 220px;
|
||
|
||
&.selected {
|
||
border-color: #901d77;
|
||
background-color: #f6f0ff;
|
||
}
|
||
}
|
||
|
||
.radio-sidebar-title {
|
||
font-weight: 500;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.radio-sidebar-desc {
|
||
font-size: 12px;
|
||
color: #666;
|
||
}
|
||
|
||
.barcode-qr-preview {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 50px;
|
||
justify-content: space-between;
|
||
width: 100%;
|
||
border: 1px solid #b1b1b1;
|
||
padding: 10px;
|
||
border-radius: 4px;
|
||
height: 300px;
|
||
}
|
||
|
||
.labelGrid15 {
|
||
width: 92mm;
|
||
}
|
||
|
||
@media print {
|
||
body {
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
}
|
||
}
|
||
|
||
.label15 {
|
||
width: 15mm;
|
||
height: 15mm;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.BarQrprint2details {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
gap: 1mm;
|
||
font-size: 6px;
|
||
font-weight: 600;
|
||
text-align: center;
|
||
padding: 3px;
|
||
|
||
.productNameBQ,
|
||
.MRPBQ {
|
||
line-height: 1;
|
||
}
|
||
}
|
||
|
||
.preview-15x15-6cross {
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
}
|
||
|
||
.size-selection {
|
||
width: 100%;
|
||
}
|
||
|
||
.default-15x15-6cross {
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
display: grid;
|
||
grid-template-columns: repeat(6, 1fr);
|
||
gap: 1.5mm;
|
||
}
|
||
|
||
.Sticker0 {
|
||
padding: 1.4mm;
|
||
width: 15mm;
|
||
height: 15mm;
|
||
text-align: center;
|
||
font-size: 6px;
|
||
font-weight: bold;
|
||
background-color: #fff;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border: 1px solid #dadada;
|
||
border-radius: 4px;
|
||
|
||
> img {
|
||
max-width: 100%;
|
||
max-height: 100%;
|
||
object-fit: contain;
|
||
}
|
||
}
|
||
|
||
.text-ellipsis {
|
||
width: 90%;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.grid22x35_3cross {
|
||
width: 105mm;
|
||
/* 35 × 3 */
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 35mm);
|
||
column-gap: 2mm;
|
||
}
|
||
|
||
.Sticker1 {
|
||
width: 35mm;
|
||
height: 22mm;
|
||
padding-left: 2mm;
|
||
box-sizing: border-box;
|
||
padding-right: 2mm;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
|
||
font-size: 9px;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.bg-white {
|
||
background: #fff;
|
||
border: 1px solid #dadada;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.grid25x25_4cross {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 25mm);
|
||
width: 101.6mm;
|
||
column-gap: 3mm;
|
||
padding: 0px 10px;
|
||
}
|
||
|
||
.sticker25x25 {
|
||
width: 25mm;
|
||
height: 25mm;
|
||
box-sizing: border-box;
|
||
padding: 3mm;
|
||
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.sticker25-img {
|
||
width: 13mm;
|
||
height: 13mm;
|
||
object-fit: contain;
|
||
}
|
||
|
||
.sticker25x25-name {
|
||
text-align: center;
|
||
line-height: 1;
|
||
margin: 0;
|
||
font-size: 8px;
|
||
}
|
||
|
||
.product-id2 {
|
||
word-wrap: break-word;
|
||
word-break: break-word;
|
||
overflow-wrap: break-word;
|
||
white-space: normal;
|
||
font-size: 8px;
|
||
}
|
||
|
||
.grid25x50_2cross {
|
||
justify-content: center;
|
||
align-items: center;
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 50mm);
|
||
width: 106mm;
|
||
column-gap: 6mm;
|
||
}
|
||
|
||
.Sticker3 {
|
||
padding: 5px;
|
||
width: 50mm;
|
||
height: 25mm;
|
||
text-align: center;
|
||
font-size: 12px;
|
||
display: flex;
|
||
flex-direction: row;
|
||
font-weight: bold;
|
||
align-items: center;
|
||
background: #fff;
|
||
}
|
||
|
||
.grid50x30_1cross {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
|
||
.Sticker4 {
|
||
width: 50mm;
|
||
height: 30mm;
|
||
padding: 6px;
|
||
box-sizing: border-box;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
background: #fff;
|
||
display: flex;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
|
||
> img {
|
||
max-width: 100%;
|
||
max-height: 100%;
|
||
object-fit: contain;
|
||
}
|
||
}
|
||
}
|
||
|
||
.grid50x25_1cross {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
|
||
.Sticker5 {
|
||
width: 50mm;
|
||
height: 25mm;
|
||
padding: 4px;
|
||
box-sizing: border-box;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
background: #fff;
|
||
display: flex;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
|
||
> img {
|
||
max-width: 100%;
|
||
max-height: 100%;
|
||
object-fit: contain;
|
||
}
|
||
}
|
||
|
||
.Sticker5-name {
|
||
font-size: 10px;
|
||
display: flex;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
.grid100x13_1cross {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
|
||
.Sticker6 {
|
||
width: 100mm;
|
||
height: 13mm;
|
||
padding: 4px 4px;
|
||
box-sizing: border-box;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
background: #fff;
|
||
display: flex;
|
||
align-items: center;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
|
||
> img {
|
||
max-width: 100%;
|
||
max-height: 100%;
|
||
object-fit: contain;
|
||
}
|
||
}
|
||
}
|
||
|
||
.grid100x15_1cross {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
|
||
.Sticker7 {
|
||
width: 100mm;
|
||
height: 15mm;
|
||
padding: 4px 4px;
|
||
box-sizing: border-box;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
background: #fff;
|
||
display: flex;
|
||
align-items: center;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
|
||
> img {
|
||
max-width: 100%;
|
||
max-height: 100%;
|
||
object-fit: contain;
|
||
}
|
||
}
|
||
}
|
||
|
||
.grid100x150_1cross {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
padding: 8px 8px;
|
||
|
||
.OverAllSticker8 {
|
||
width: 100mm;
|
||
height: 150mm;
|
||
padding: 4px 4px;
|
||
box-sizing: border-box;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
background: #fff;
|
||
display: flex;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
|
||
> img {
|
||
max-width: 100%;
|
||
max-height: 100%;
|
||
object-fit: contain;
|
||
}
|
||
}
|
||
|
||
.Sticker8 {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
width: 100mm;
|
||
height: 149mm;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.text-section8 {
|
||
flex: 1;
|
||
text-align: left;
|
||
width: 50%;
|
||
}
|
||
|
||
.StikerBr8 {
|
||
text-align: center;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 100%;
|
||
}
|
||
|
||
.text-section8 .field-value {
|
||
flex: 1;
|
||
text-align: right;
|
||
word-wrap: break-word;
|
||
word-break: break-word;
|
||
overflow-wrap: break-word;
|
||
}
|
||
}
|
||
|
||
.height-max {
|
||
height: max-content !important;
|
||
}
|
||
|
||
.Sticker4-name {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 100%;
|
||
}
|
||
|
||
.ProductList-pwiseQrcode {
|
||
height: max-content !important;
|
||
max-height: 70vh;
|
||
overflow: auto;
|
||
scrollbar-width: thin !important;
|
||
}
|
||
|
||
.inputpwiseQR {
|
||
width: 150px;
|
||
height: 40px;
|
||
border-radius: 6px;
|
||
border: 1px solid #e0e0e0;
|
||
background-color: #ffffff;
|
||
font-family: "Poppins";
|
||
font-weight: 500;
|
||
text-align: center;
|
||
padding: 10px;
|
||
outline: none !important;
|
||
}
|
||
|
||
.indicationInfo {
|
||
font-size: 12px;
|
||
color: #555555;
|
||
margin: 12px 0 6px 0;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
|
||
p {
|
||
width: 15px;
|
||
height: 15px;
|
||
background-color: #c00000;
|
||
}
|
||
|
||
span {
|
||
font-size: 12px;
|
||
color: #333;
|
||
font-family: "Poppins";
|
||
font-weight: 500;
|
||
font-size: 13px;
|
||
}
|
||
}
|
||
|
||
.AddStockMinatain {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
background-color: #1292ee;
|
||
color: #fff;
|
||
font-family: "Poppins";
|
||
font-weight: 500;
|
||
padding: 2px 4px;
|
||
border-radius: 4px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.printtabs {
|
||
display: flex;
|
||
border-bottom: 2px solid #f0f0f0;
|
||
margin-bottom: 1rem;
|
||
gap: 0;
|
||
|
||
.tab-item {
|
||
padding: 6px 12px !important;
|
||
}
|
||
|
||
.print-tabs {
|
||
display: flex;
|
||
border-bottom: 2px solid #f0f0f0;
|
||
margin-bottom: 1rem;
|
||
gap: 0;
|
||
}
|
||
|
||
.count {
|
||
margin-left: 6px;
|
||
font-weight: 600;
|
||
color: #555;
|
||
}
|
||
|
||
.tab-item {
|
||
display: flex;
|
||
padding: 12px 24px;
|
||
cursor: pointer;
|
||
border: 1px solid #d9d9d9;
|
||
border-bottom: none;
|
||
background: #fafafa;
|
||
color: #666;
|
||
font-weight: 500;
|
||
transition: all 0.3s ease;
|
||
position: relative;
|
||
border-radius: 6px 6px 0 0;
|
||
align-items: center;
|
||
gap: 10px;
|
||
}
|
||
|
||
.tab-item:first-child {
|
||
border-right: none;
|
||
}
|
||
|
||
.tab-item:hover {
|
||
background: #f5f5f5;
|
||
color: #901d77;
|
||
}
|
||
|
||
.tab-item.active {
|
||
display: flex;
|
||
background: #fff;
|
||
color: #901d77;
|
||
border-color: #901d77;
|
||
border-bottom: 2px solid #fff;
|
||
margin-bottom: -2px;
|
||
z-index: 1;
|
||
align-items: center;
|
||
gap: 10px;
|
||
}
|
||
|
||
.tab-item.active::after {
|
||
content: "";
|
||
position: absolute;
|
||
bottom: -2px;
|
||
left: 0;
|
||
right: 0;
|
||
height: 2px;
|
||
background: #fff;
|
||
}
|
||
|
||
.ProductList-pwiseQrcode {
|
||
height: 70vh;
|
||
overflow-y: auto;
|
||
scrollbar-width: thin;
|
||
scroll-behavior: auto;
|
||
}
|
||
|
||
.row-red {
|
||
background-color: #ffe6e6 !important;
|
||
}
|
||
|
||
.row-red td {
|
||
color: #c00000;
|
||
font-weight: 500;
|
||
}
|
||
}
|
||
|
||
.bulkChangePriceTable {
|
||
width: 83vw;
|
||
overflow: auto;
|
||
scrollbar-width: thin;
|
||
height: 60vh;
|
||
position: relative;
|
||
|
||
.ant-table-cell {
|
||
padding: 2px 6px !important;
|
||
}
|
||
.ant-table-tbody {
|
||
height: 60vh !important;
|
||
}
|
||
.ant-input {
|
||
padding: 3px 14px 4px 11px !important;
|
||
text-align: center;
|
||
}
|
||
.ant-table-thead tr {
|
||
background-color: #2c88ee !important;
|
||
}
|
||
}
|
||
.PriChangeUpper {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
gap: 10px;
|
||
|
||
.btnbtninfo {
|
||
background: #8f1e78;
|
||
color: #fff;
|
||
vertical-align: top;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 42px;
|
||
border-radius: 4px;
|
||
height: 42px;
|
||
|
||
&:hover {
|
||
background: #d333b3;
|
||
}
|
||
}
|
||
}
|
||
|
||
.pruchaseCatBTN {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 7px;
|
||
padding: 8px 16px;
|
||
background-color: #0bad77;
|
||
border-radius: 7px;
|
||
color: white;
|
||
cursor: pointer;
|
||
font-family: "Poppins";
|
||
font-weight: 400;
|
||
white-space: nowrap;
|
||
font-size: 13.5px;
|
||
transition: all 0.2s;
|
||
&:hover {
|
||
background-color: #069666;
|
||
}
|
||
}
|
||
|
||
.scan-receipt-btn {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 7px;
|
||
padding: 8px 16px;
|
||
background-color: #1292ee;
|
||
border-radius: 7px;
|
||
color: white;
|
||
cursor: pointer;
|
||
font-family: "Poppins";
|
||
font-weight: 400;
|
||
white-space: nowrap;
|
||
font-size: 13.5px;
|
||
transition: all 0.2s;
|
||
&:hover {
|
||
background-color: #0985be;
|
||
}
|
||
}
|
||
.CustomerForm-Master {
|
||
width: 100%;
|
||
}
|
||
|
||
// Sree
|
||
.component-table-purchae {
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex-wrap: wrap;
|
||
height: max-content;
|
||
max-height: 300px;
|
||
width: 100%;
|
||
overflow-y: auto;
|
||
& .ant-table-wrapper table {
|
||
width: 80%;
|
||
}
|
||
}
|
||
|
||
.component-table-new {
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex-wrap: wrap;
|
||
height: 400px;
|
||
width: 100%;
|
||
overflow-y: auto;
|
||
& .ant-table-wrapper table {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
.component-table-new .ant-pagination {
|
||
position: sticky;
|
||
bottom: 0;
|
||
margin: 0 !important;
|
||
padding: 0.5rem;
|
||
background-color: #fafafa;
|
||
}
|
||
|
||
.userPageContent {
|
||
.wspreorder-input1 {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 1rem;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.ant-form-item-control-input-content {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 10px;
|
||
}
|
||
|
||
.submitButton1 {
|
||
width: 90%;
|
||
|
||
.primary_Button {
|
||
float: inline-end;
|
||
color: white;
|
||
}
|
||
}
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.ClassExtraChargesList {
|
||
.searchAddDiv {
|
||
flex-wrap: wrap !important;
|
||
}
|
||
}
|
||
}
|
||
.LowStockAlterModal {
|
||
.ant-input-affix-wrapper {
|
||
width: 300px !important;
|
||
}
|
||
.ant-input {
|
||
padding: 5px 14px 6px 11px !important;
|
||
}
|
||
}
|
||
.LowStockAlterModalTable {
|
||
margin-top: 1rem;
|
||
.ant-table-thead tr {
|
||
background-color: #2c88ee !important;
|
||
}
|
||
}
|
||
|
||
.addFiledInProRec {
|
||
padding: 12px;
|
||
height: max-content;
|
||
max-height: 70vh;
|
||
overflow: auto;
|
||
scrollbar-width: thin;
|
||
background-color: #f4f4f4;
|
||
border-radius: 8px;
|
||
.Customized_QuickAdd {
|
||
margin-bottom: 6px;
|
||
font-family: "Poppins";
|
||
font-weight: 400;
|
||
label {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
}
|
||
input {
|
||
width: 18px !important;
|
||
height: 20px !important;
|
||
}
|
||
}
|
||
|
||
.Shot-KeyBoard {
|
||
.KBwithKey,
|
||
.ant-typography {
|
||
font-family: "Poppins" !important ;
|
||
font-weight: 400 !important;
|
||
strong {
|
||
font-weight: 500 !important;
|
||
}
|
||
}
|
||
.ant-list-item {
|
||
padding: 10px 0 !important;
|
||
}
|
||
}
|
||
|
||
.CusAddressAddBtn {
|
||
background-color: #1677ff;
|
||
color: #fff;
|
||
padding: 6px 10px;
|
||
border: none;
|
||
border-radius: 6px;
|
||
cursor: pointer;
|
||
font-size: 12px;
|
||
margin-top: 8px;
|
||
font-weight: 400;
|
||
font-family: "Poppins";
|
||
}
|