.openingStock-ignoreProductBTN { width: max-content; white-space: nowrap; height: max-content; padding: 10px 16px; color: #fff; border-radius: 8px; cursor: pointer; border: none; background-color: #e42006; font-size: 14px; font-weight: 400; font-family: "Poppins"; margin-left: 6px; } .openingStock-submitButton { display: flex; align-items: center; justify-content: flex-end; width: 100%; } .openingStock-table-cell { border: 1px solid #d9d9d9; padding: 4px 12px; text-align: center; // height: 40px; vertical-align: middle; } .openingStock-add-icon { cursor: pointer; color: #289ce9ff; font-size: 20px; } .opeingStock-form-header { display: flex; align-items: center; width: 100%; gap: 1rem; justify-content: space-between; flex-wrap: wrap; } .openingStock-modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .openingStock-add-new-btn { display: flex; align-items: center; gap: 5px; padding: 8px 16px; background-color: #059645; color: white; border: none; border-radius: 4px; cursor: pointer; } .openingStock-editable-form-item { margin: 0; } .openingStock-editable-cell-value-wrap { padding-right: 24px; } .openingStock-sno-link { color: black; } .openingStock-product-name-link { color: black; } .openingStock-additional-info-icon { color: #161718ff; cursor: pointer; } .openingStock-search-input { padding: 0; width: 250px; .ant-input { padding: 4px 4px 4px 4px !important; } } .openingStock-search-input-field { width: 300px; } .openingStock-product-table { max-width: 100%; overflow-x: auto; max-height: 500px; overflow-y: auto; scrollbar-width: thin; width: 100%; .ant-input { padding: 6px 6px !important; text-align: center; } input { background-color: #fff !important; } } .openingStock-table-wrapper { width: 100%; border-collapse: collapse; border: 1px solid #d9d9d9; margin-top: 3px; } .openingStock-table-header { position: sticky; top: 0; z-index: 10; } .openingStock-table-header-row { background-color: #2c88ee; } .openingStock-table-header-cell { border: 1px solid #d9d9d9; padding: 6px 12px; text-align: center; font-size: 12px; font-weight: 500; color: #ffffff; text-transform: uppercase; font-family: "Gilroy"; } .openingStock-table-header-cell-left { border: 1px solid #d9d9d9; text-transform: uppercase; font-family: "Gilroy"; padding: 8px 8px; text-align: left; font-size: 12px; font-weight: 600; color: #ffffff; } .openingStock-table-row { cursor: default; font-family: "Poppins"; &:hover { background-color: #d8d8d8; } } .openingStock-table-row:nth-child(even) { background-color: #e9e9e9; &:hover { background-color: #d8d8d8; } } .openingStock-table-cell-left { border: 1px solid #d9d9d9; padding: 4px 8px; vertical-align: middle; } .openingStock-table-cell-input { border: 1px solid #d9d9d9; padding: 4px 12px; text-align: center; height: 40px; vertical-align: middle; overflow: hidden; position: relative; } .openingStock-input-field { height: 32px; } .openingStock-entries-table { margin-bottom: 16px; } .openingStock-entries-table-actions { display: flex; gap: 8px; } .openingStock-edit-icon { color: #1292ee; } .openingStock-delete-icon { color: #ff4d4f; } .openingStock-modal-section { margin-bottom: 16px; } .openingStock-modal-label { font-weight: 500; margin-bottom: 8px; display: block; } .openingStock-select-full-width { width: 100%; } .openingStock-ignored-products-section { margin-top: 16px; } .openingStock-ignored-products-container { display: flex; flex-wrap: wrap; gap: 6px; border: 1px solid #d9d9d9; border-radius: 4px; padding: 8px; min-height: 40px; } .openingStock-ignored-product-tag { display: inline-flex; align-items: center; background-color: #f0f0f0; border: 1px solid #d9d9d9; border-radius: 16px; padding: 4px 8px; font-size: 12px; max-width: 200px; } .openingStock-ignored-product-name { margin-right: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .openingStock-ignored-product-remove { cursor: pointer; color: #ff4d4f; font-weight: bold; font-size: 14px; line-height: 1; } .openingStock-modal-footer { margin-top: 16px; text-align: right; } .openingStock-close-btn { padding: 8px 16px; background-color: #1890ff; color: white; border: none; border-radius: 4px; cursor: pointer; } .handleInstrction { font-family: "Poppins"; font-weight: 500; cursor: pointer; margin-bottom: 10px; color: #1292ee; text-decoration: underline; } .purchase-entry-fh { @media (max-width: 600px) { padding-top: 0; } .formName { display: flex; } .header-buttons { display: flex; align-items: center; justify-content: flex-end; flex-direction: row; width: 100%; gap: 10px; } } .purchase-entry-form { width: 100%; } .otpInput { width: 2.5rem !important; height: 2.5rem; margin: 0 0.14rem; font-size: 1rem; text-align: center; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.3); }