Android_Retail/src/Pages/Reports/PurchaseReport/PurchaseOrderReport.scss

.ItemWiseReport-table .ant-table table {
  // height:60vh;
  // overflow:scroll;
  overflow: scroll;
  // height: clamp(30vh , 85vh,95vh);
  border-spacing: 0 0.3rem;
}

.ItemWiseReport-table .ant-table-thead {
  position: sticky;
  top: 0 !important;
  background-color: #bad4f9;
  z-index: 1;
  border-spacing: 0 0 !important;
}

.ItemWiseReport-table .ant-table-wrapper .ant-table-thead > tr > th,
.ant-table-wrapper .ant-table-thead > tr > td {
  color: #000000;
  font-size: 12px;
  font-weight: 600;
  border-spacing: 0 0.3rem;
}

.ItemWiseReport-table .ant-table-row > td {
  color: black !important;
  font-weight: 500 !important;
  font-size: 16px;
}

.ItemWiseReport-search {
  display: flex;
  justify-content: end;
  column-gap: 1rem;
  margin-bottom: 10px;
}

.ItemWiseReport-search-button {
  border: none;
  background-color: #e167ff;
  padding: 1rem 1.5rem;
  border-radius: 6px;
}

.ItemWiseReport-Date-from-heading {
  width: 7rem;
}

.ItemWiseReport-container {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  // padding: 10px 15px;
  height: 88vh;
  // overflow: hidden;
  overflow: auto;
  width: 100%;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 12px;
}

.ItemWiseReport-table .ant-pagination {
  position: sticky;
  bottom: 0;
  margin: 0 !important;
  padding: 0.5rem;
  background-color: #fafafa;
}

.ItemWiseReport-header {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
}

.ItemWiseReport-heading {
  font-size: 20px;
  font-weight: 500;
}

.search-purchase {
  input,
  .ant-input {
    border-start-end-radius: 6px !important;
    border-end-end-radius: 6px !important;
    padding-top: 6px !important;
  }

  .ant-input {
    height: 40px;
  }

  .searchDiv {
    height: 42px;
  }
}

.ItemWiseReport-submit-btn-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: max-content;
  margin-left: 20px;
}

.ItemWiseReport-PrinttAndSubmit {
  display: flex;
  column-gap: 3vw;
  align-items: center;
  // width: 100%;
  justify-content: space-between;
  margin-left: 30px;
}

.ItemWiseReport-dateaAnd-buttons {
  display: flex;
  column-gap: 2rem;
  row-gap: 1rem;
  // align-items: center;
  // flex-wrap: wrap;
}

.ItemWiseReport-Date-picker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 2rem;

  // row-gap: 1rem;
  .ant-form-item {
    margin-bottom: 0 !important;
  }
}

.ItemWiseReport-Date .ant-picker {
  width: 20rem;
}

.ItemWiseReport-submit-btn {
  padding: 0.6rem 1rem;
  border: none;
  background-color: var(--PRIMARY_BUTTON_BG_COLOR) !important;
  margin-bottom: 2px;
  font-size: 16px;
  font-family: "Gilroy";
  color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
}

// .ItemWiseReport-submit-btn:hover {
//   background-color: #a8a8a8;
// }
.ItemWiseReport-PrinterIcon-Container {
  cursor: pointer;
  // position: absolute;
  // top: 6rem;
  // right: 5rem;
}

.ItemWiseReport-printerIcon {
  font-size: 25px;
  cursor: pointer;
}

.ItemWiseReport-printerIcon:hover {
  color: #414141;
}

.ItemWiseReport-Date {
  display: flex;
  column-gap: 1rem;
  align-items: center;
}

.ItemWiseReport-Details-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 2rem;
  column-gap: 1rem;
  flex-wrap: wrap;
}

.ItemWiseReport-Details {
  margin-left: 0.7rem;
  display: flex;
  column-gap: 1rem;
  row-gap: 0.5rem;
  flex-wrap: wrap;
}

.ItemWiseReport-Details-buttons {
  border: none;
  padding: 0.6rem 1rem;
  width: max-content;
  background-color: #006aff;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.ItemWiseReport-printerIcon {
  font-size: 30px;
}

.ItemWiseReport-table-container {
  margin: 1rem 1rem;
}

.ItemWiseReport-Date p {
  font-size: 11px;
  color: #5a5a5a;
  margin-left: 5px;
  margin-top: 2px;
}

.ItemWiseReport-table {
  overflow: auto;
  height: clamp(50vh, 30vh, 95vh);
  scrollbar-width: thin;

  tr:nth-child(even) {
    background-color: #e9e8e8 !important;
    border: none;
  }

  //dhana
  // height: clamp(30vh, 50vh, 95vh);
}

// writed by sree
.ItemWiseReport-table1 {
  overflow: auto;
  height: clamp(40vh, 30vh, 95vh);
  width: 79vw !important;
}

.ItemWiseReport-table .ant-table-thead tr .ant-table-cell {
  font-size: 25px;
  font-weight: 800;
}

.ItemWiseReport-Amount-Collected-table {
  display: flex;
  justify-content: flex-end;
}

.ItemWiseReport-netAmount {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}

.ItemWiseReport-search .ant-input {
  border-radius: 10px !important;
  padding: 0.35rem 0.5rem !important;
}

.BSitemwise-Search-icon {
  font-size: 25px;
  color: #1292ee;
}

.dropDownandsumit {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;

  .ant-form-item {
    margin-bottom: 0 !important;
  }
}

.Submit_Print {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media only screen and (max-width: 950px) {
  .ItemWiseReport-PrinttAndSubmit {
    display: flex;
    column-gap: 3vw;
    align-items: center;
    justify-content: space-between;
    // margin-left: 30px;
    // margin-bottom: 23px;
  }

  .ItemWiseReport-PrinterIcon-Container {
    margin-left: 30px;

    cursor: pointer;
    // position: absolute;
    // top: 5rem;
    // right: 1rem;
  }

  .ItemWiseReport-table {
    overflow: scroll;
    height: 40vh;
  }

  .ItemWiseReport-container {
    padding: 15px 15px;
  }

  .ItemWiseReport-dateaAnd-buttons {
    column-gap: 0.5rem;
  }

  .ItemWiseReport-netAmount {
    justify-content: flex-start !important;
    padding-top: 10px;
  }

  .dropdownUserid {
    margin-top: 0 !important;
  }

  // .ItemWiseReport-dateaAnd-buttons {
  //   // flex-wrap: wrap;
  // }

  .ItemWiseReport-submit-btn-container {
    margin-left: 4.5rem;
    justify-content: flex-start !important;
    flex-direction: row;
    column-gap: 0.5rem;
    margin-bottom: 24px;
    width: 83px;
  }

  .ItemWiseReport-Date p {
    padding: 0;
  }

  .ItemWiseReport-table .ant-table-wrapper .ant-table-thead > tr > th,
  .ant-table-wrapper .ant-table-thead > tr > td {
    font-size: 10px !important;
  }
}

@media only screen and (max-width: 768px) {
  .ItemWiseReport-submit-btn-container {
    margin-left: 5px;
  }

  .ItemWiseReport-table {
    width: 80vw;
  }
}

@media only screen and (max-width: 499px) {
  .ItemWiseReport-submit-btn-container {
    font-size: 12px !important;
  }

  .centerPageSub {
    margin: 0;
  }

  .ItemWiseReport-table {
    overflow-x: scroll;
    height: 26vh;
  }
}

@media only screen and (max-width: 280px) {
  //   .ItemWiseReport-PrinttAndSubmit {

  //     position: absolute !important;
  //     top: 18rem !important;
  // }
  .ItemWiseReport-PrinterIcon-Container {
    position: absolute;
    top: 290px !important;
    left: 200px !important;
  }

  .Submit_Print {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    margin-left: 20px;
  }

  .ItemWiseReport-Date {
    width: 3rem !important;
  }

  .ItemWiseReport-Date p {
    font-size: 12px !important;
  }

  .dropDownandsumit {
    margin-top: 30px !important;
    height: 160px;
  }

  .ItemWiseReport-search {
    display: flex;
    justify-content: start;
    column-gap: 1rem;
    width: 4rem !important;
  }

  .ItemWiseReport-heading {
    font-size: 13px;
    font-weight: 500;
  }

  .ItemWiseReport-submit-btn-container {
    margin-top: 20px;
  }

  .ItemWiseReport-dateaAnd-buttons {
    column-gap: 0.5rem;
    width: 75vw !important;
    overflow: auto !important;
  }

  .ItemWiseReport-table {
    overflow: scroll;
    height: 30vh;
  }
}

.ItemWiseReport-table .ant-table-thead th.ant-table-column-has-sorters:hover {
  background-color: #bad4f9;
}

.ItemWiseReport-table .ant-table-wrapper .ant-table-thead > tr > th,
.ant-table-wrapper .ant-table-thead > tr > td {
  background-color: #bad4f9;
}

.ItemWiseReport-printerIcon-disabled {
  opacity: 0.5;
  /* You can adjust the opacity to visually indicate it's disabled */
  pointer-events: none;
  /* Disable pointer events so it won't respond to clicks */
  cursor: not-allowed;
  /* Change cursor to indicate it's not clickable */
  font-size: 30px;
}

.dropdownUserid {
  margin-top: 10px;
}

.itemwiseDropdown {
  width: 9rem !important;
}

.ItemWiseReport-Date {
  width: 8rem;
}

.ItemWiseReport-table .ant-table-content table {
  table-layout: unset !important;
}

.toggle {
  display: flex;
  width: inherit;
  height: 2vw;
  flex-direction: row-reverse;
  z-index: 1;
  // padding-right: 93px;
  padding-bottom: 25px;
}

// .ant-switch:hover:not(.ant-switch-disabled) {
//   background:var(--SELECTED_COLOR) ;
// }
//nk
@media only screen and (max-width: 499px) {
  .ItemWiseReport-Amount-Collected-table tr {
    justify-content: flex-start;
    column-gap: 5rem;
  }

  .ItemWiseReport-border-dashed {
    width: 10rem;
  }

  .ItemWiseReport-Amount-Collected-table {
    justify-content: flex-start;
  }

  .centerPageSub {
    margin: 0 !important;
  }

  .ItemWiseReport-border-dashed {
    font-size: 15px;
  }

  .ItemWiseReport-border-dashed {
    width: 10rem;
  }
}

@media only screen and (max-width: 768px) {
  .overalTotal {
    width: 7rem;
    font-size: 20px;
  }
}

.ItemWiseReport-Amount-Collected-table {
  display: flex;
  justify-content: flex-end;
}

.ItemWiseReport-Amount-Collected-table tr {
  display: flex;
  // width: 15rem;
  justify-content: space-between;
}

.ItemWiseReport-border-dashed {
  border-bottom: 1px dashed rgb(46, 46, 46);
  width: 17rem;
}

.ItemWiseReport-border-dashed {
  font-size: 23px;
  font-weight: 600;
}

.custom-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #909090;
  font-family: "Poppins", sans-serif;

  > thead {
    position: sticky;
    top: -1px;
  }
}

.custom-table th {
  background-color: #a4c5f4;
  color: #1e1e1e;
  padding: 6px;
  text-align: left;
  border: 1px solid #909090;
  -webkit-text-stroke-width: 0.2px;
  font-size: 12px;
  font-weight: 500;
  font-family: VAR(--HEADING_FONT_FAMILY);
  // text-transform: uppercase;
  text-transform: capitalize;
  letter-spacing: 0.2px;
}

.centerDivList {
  display: flex;
  flex-direction: column;
  gap: 4px;
  // width: 100%;
  // height: 43vh;
  overflow: scroll;
  padding-bottom: 2rem;
}

.custom-table td {
  padding: 4px 6px;
  border: 1px solid #909090;
  text-align: left;
  font-size: 12px !important;
}

.custom-table tbody tr td {
  text-align: left;

  .ant-select.ant-select-in-form-item {
    width: 190px !important;
  }
}

.custom-table tbody tr td[colspan="7"] {
  padding: 20px;
}

.custom-table tbody tr.additionalCharges-selected {
  background-color: #dddddd;
}

.custom-table tbody tr.setAsDefault-selected {
  background-color: #cceaf0;
}

.custom-table {
  .ant-form-item {
    margin-bottom: 0 !important;
  }

  .float-label {
    margin-bottom: 8px !important;
  }
}

.ChargesAddAndCancel {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;

  > div {
    border-radius: 6px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600 !important;
    cursor: pointer;
  }

  > div:nth-child(1) {
    background-color: #28aa3a;
  }

  > div:nth-child(2) {
    background-color: #ff0000;
  }
}

.custom-table {
  Button:disabled,
  Button[disabled] {
    width: unset !important;
    height: unset !important;
    border-radius: 50px !important;
  }
}