.import-modal {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 1000px;
    max-height: 1080px;
    margin: 20px auto;
}

.import-modal-content{
    display: flex;
    flex-direction: column;
}

.import-modal-content-waiting {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    height: 300px;
}

.footer-modal {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 20px;
}

.footer-modal button {
    background: #7e57c5;
    border: 1px solid;
    color: #fff;
    padding: 10px 30px;
    cursor: pointer;
}

/* button disabled */
.footer-modal button[disabled] {
    background: #ccc;
    color: #000;
    cursor: not-allowed;
}

#modal-step-2{
    display: none;
}

#modal-waiting{
    display: none;
    height: 300px;
    align-items: center;
    justify-content: center;
}

.mfp-bg {
    display: block !important;
}

#excel-info {
    width: 100% !important;
}

#excel-info tbody {
    height: 300px;
    overflow: auto;
}

/* Set a fixed scrollable wrapper */
.data-table {
    height: 450px;
    border: 2px solid black;
    overflow: auto;
  }
  /* Set header to stick to the top of the container. */
  #excel-info thead tr th {
    position: sticky;
    top: 0;
  }
  
  /* If we use border,
  we must use table-collapse to avoid
  a slight movement of the header row */
  #excel-info {
   border-collapse: collapse;
  }
  
  /* Because we must set sticky on th,
   we have to apply background styles here
   rather than on thead */
   #excel-info th {
    padding: 16px;
    padding-left: 15px;
    border-left: 1px dotted rgba(200, 209, 224, 0.6);
    border-bottom: 1px solid #e8e8e8;
    background: #7e57c5;
    color: #fff;
    text-align: left;
    /* With border-collapse, we must use box-shadow or psuedo elements
    for the header borders */
    box-shadow: 0px 0px 0 2px #e8e8e8;
  }
  
  /* Basic Demo styling */
  #excel-info {
    width: 100%;
    font-family: sans-serif;
  }
  #excel-info table td {
    padding: 16px;
  }
  #excel-info tbody tr {
    border-bottom: 2px solid #e8e8e8;
  }
  #excel-info thead {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
  }
  #excel-info tbody tr:hover {
    background: #e6f7ff;
  }

  #excel-info .error {
    color: red !important;
  }

  .quantity-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
  }

  .quantity-div i{
    cursor: pointer;
  }

  .quantity-div input {
    width: 70px;
    text-align: center;
    border: none;
    margin-bottom: 0px;
  }

  .help_text_1 {
    margin-bottom: 20px !important;
  }

  .footer-modal-step-1 {
    justify-content: space-between !important;
    padding: 20px 0px !important;
  }