.background {
  background-color: rgb(234, 231, 231);
  margin-left: 4%;
  margin-right: 4%;
  overflow-x: hidden;
  width: fit-content;
  padding-top: 4%;
  padding-bottom: 1%;
  margin-bottom: 1%;
}
.upload-background {
  background-color: rgb(234, 231, 231);
  margin-bottom: 3%;
  margin-left: 4%;
  margin-right: 4%;
  margin-top: 4%;
  padding-top: 4%;
  padding-bottom: 5%;
  height: 95vh;
  overflow-x: hidden;
}
.sub-heading {
  padding-bottom: 3%;
  padding-left: 3%;
  padding-right: 3%;
}
.upload {
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 3%;
  text-align: justify;
}
.button {
  display: block;
  width: 100%;
  text-align: center;
  font-size: larger;
  padding-top: 2%;
  padding-bottom: 2%;
}
.submit-button {
  font-size: larger;
  display: block;
  width: 100%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 0%;
  margin-right: 0%;
}
.image {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
.a1 {
  font-size: large;
  text-align: center;
  margin-bottom: 5%;
}
.group {
  margin-left: 3%;
  margin-right: 3%;
  width: 94%;
}
.textbox {
  width: fit-content;
}
.table-heading {
  font-size: smaller;
  width: 100%;
}
.backToClaimButton {
  font-size: larger;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-top: 17%;
}
@media (min-width: 641px) and (max-width: 1007px) {
  .background {
    margin-left: 2%;
    margin-right: 2%;
  }
  .upload-background {
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 3%;
  }
}

@media (min-width: 1008px) {
  .background {
    margin-left: 25%;
    margin-right: 25%;
    overflow-x: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
  }
  .image {
    margin-left: 40%;
  }
  .backToClaimButton {
    padding-top: 2%;
    padding-bottom: 2%;
    margin-top: 17%;
  }
  .table-heading {
    margin-left: 0%;
  }
  .upload-background {
    margin-left: 23%;
    width: 50%;
    margin-bottom: 5%;
  }
}

.btn-outline {
  border-color: #4b0082;
  background-color: #4b0082;
}
.editButton {
  float: none;
}

.editButton a {
  margin-top: -11rem;
  margin-left: 18%;
}

.message {
  font-size: x-small;
  margin-top: -1%;
  margin-bottom: 2%;
}

.reg {
  background: linear-gradient(to bottom, #f8d038 0%, #f5ca2e 100%);
  border-left: 20px solid #063298;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding: 0em 0.5em 0em 0.5em;
  font-weight: bold;
  border-radius: 5px;
  font-family: helvetica, arial, sans-serif;
  color: black;
}
.image-div {
  width: 100%;
  display: block;
}
.table-heading {
  font-size: smaller;
}