.auto-none {
  padding: 0;
  margin: 0;
}

.text-align-start {
  /* text-align: start; */
  text-align: justify
}

th {
  border: 1px solid black;
  width: 50%;
  text-align: start;
  font-size: 12px;
}

tr {
  display: flex;
}

.full-width {
  width: 100%;

}

.border-red {
  border: 2px solid rgb(255, 0, 0);
  border-block: dashed red 2px;
}



@media screen and (max-width: 768px) {

  p,
  a {
    font-size: 9px;

  }

  li {
    font-size: 9px;
  }

  h2,
  h3 {
    font-size: 14px;
    text-align: start;
  }

  .font-size-11 {
    font-size: 9px;

  }

  th {
    font-size: 8px;
  }

  .margin-for-initial-btn, .margin-for-pdf-download {
    width: 10px !important;
    display: none;
  }
  .margin-for-sm{
    height: 110px;
  }
  .navbar-brand{
    font-size: 14px;
  }
  .container-page-break{
    font-size: 9px;
    padding-top: 5px;
    width: 100%;
  }

   
}


/* .page-break-none {
  padding-right: 15%;
} */
@media print {

  /* Styles for printing go here */

  p,
  a {
    font-size: 11px;

  }

  li {
    font-size: 13px;
  }

  h2,
  h3 {
    font-size: 16px;
  }

  .font-size-11 {
    font-size: 9px;

  }

  th {
    font-size: 8px;
  }

  .addsignbutton {
    /* display: none; */
    color: white;
    height: 50px;
    /* border-color: white; */
  }

  .page-break-none {
    display: none;
  }

  .margin-for-pdf-download,
  .margin-for-initial-btn {
    display: none;
  }

}

.bg-color {
  background-color: rgb(199, 199, 199);
}

.page-break {

  height: 25px;
  width: 100%;
  background-color: rgb(199, 199, 199);
  /* transform: translate(-16%, 0px); */
  text-align: right;
  /* z-index: 0; */
  /* position:relative; */
  /* border: 1px solid black; */
}

 
.container-page-break {
  display: flex;
  justify-content: space-between; /* Adjust as needed: flex-start, center, flex-end, space-around, space-evenly */
}
.box-page-break {
  width: 100%;
  margin-bottom: 5px;
}

.action-button {
  background-color: rgb(199, 199, 199);
  height: 43px;
  width: 500px;
  border: none;
  border-right: 1px solid gray;
  border-left: 1px solid gray;

}



.custom-spinner {
  width: 9rem;
  height: 9rem;
}

input,
select {
  background-color: rgb(255, 252, 237);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

.custom-cursor-pointer {
  cursor: pointer;
}

.page-container{
  padding-left: 5%;
  padding-right: 5%;
  background-color: white;

}

.future-payment-btn{
  font-size:smaller;
}