Android_Retail/src/Pages/DeliveryChallan/DeliveryChallan.scss

.DeliveryChellanDetails {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;

  .ant-input-affix-wrapper > input.ant-input {
    padding: 4px 1px !important;
    padding-top: 1rem !important;
  }

  .Transport-Details {
    div {
      display: flex;
      align-items: center;
      gap: 1rem !important;
      background-color: #cacaca !important;
      padding: 13px 12px;
      cursor: pointer;
      border-radius: 5px;
      width: 100%;
      // height: 85%;
      margin-bottom: 10px;
      font-size: 14px;
      font-weight: 500;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
  }
}

.Deliverychallan-table {
  width: 95%;
  height: 45vh;
  // overflow: scroll;
}

.DeliveryChellanDetails {
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: wrap;

  & .field-DropDown {
    width: 230px !important;
  }

  & .ant-form-item {
    margin-bottom: 10px !important;
  }
}

.invoiceDetails .ant-select-selector {
  width: 15rem !important;
  height: 3rem !important;
}

.Deliverychallan-table::-webkit-scrollbar {
  display: block !important;
}

.DeliveryChallan-inputForm .ant-table-content {
  width: 70vw;
}
.DeliveryChallan-inputForm .ant-table-thead tr {
  background-color: #2c88ee !important;

 }

.DeliveryChallan-inputForm {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  column-gap: 2rem;
}

.Deliverychallan-table .ant-input {
  width: 5rem !important;
}

.Deliverychallan-table .ant-picker {
  width: 5rem !important;
}

.Quo-Summary {
  display: flex;
  justify-content: flex-end;
  width: 85%;
}

.Quo-formDiv {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3rem;
  padding-top: 0.2rem;
  height: 78vh;
  overflow: scroll;
  row-gap: 1.5rem;

  @media (max-width: 768px) {
    padding-bottom: 4rem;
  }
}

.QuosubmitButton {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  width: 100%;
  //  position: fixed;
  // bottom: 10px;
  // right: 100px;
}

.ant-table-wrapper .ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-wrapper .ant-table-tbody > tr > th.ant-table-cell-row-hover > td.ant-table-cell-row-hover {
  background: rgb(224, 223, 223) !important;
  font-size: unset !important;
  transition-duration: 0.4s !important;
}

.ant-table-cell-row-hover {
  font-weight: 500 !important;
}

.DeliveryChallanDropDown .ant-select-selector {
  padding: 0px !important;
}

.DeliveryChallanDropDown {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.Deliverychallan-table {
  // width: 70px;
  .ant-table table {
    border-spacing: 0px;
  }

  .ant-table-wrapper table {
    width: 84% !important;
  }
}
.product-scan .sales-quotation{
  display: flex;
  
}