.textmiddle {
    border-top: black;
    padding-left: 2px;
    padding-right: 2px;
    background-color: black;
    color: #fff;
    border-radius: 20px;
    padding-top: 0px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
    font-weight: 700;
  }
  .header input[type="text"] {
  width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 3px dotted black;
    /* border-bottom: 2px dotted rgb(0, 0, 0); */
  }

  .content input[type="text"] {
    width: 100%;
      border: 0;
      outline: 0;
      background: transparent;
      border-bottom: 2px none black;
      /* border-bottom: 2px dotted rgb(0, 0, 0); */
    }

    .contentt input[type="text"] {
      width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        border-bottom: 2px none black;
        /* border-bottom: 2px dotted rgb(0, 0, 0); */
      }

 /* General table styling */
table {
    border-collapse: separate; /* Ensure borders are shared between cells */
    width: 100%;
    border-spacing: 0;
    border-radius: 5px;
}

/* Styling for table cells */
.content td, .content th {
    border: 1px solid #000; /* Apply border around cells */
    /* padding: 10px; */
}

/* Remove border between rows */
.content tr td {
    border-top: none;
    border-bottom: none; /* Remove border between rows */
}

/* Outer borders of the table */
.content tr:first-child td {
    border-top: 1px solid #000; /* Keep top border for first row */
}
.content tr td:first-child {
    border-left: 1px solid #000; /* Left border */
}
.content tr td:last-child {
    border-right: 1px solid #000; /* Right border */
}
.content tr:last-child td {
    border-bottom: 1px solid #000; /* Bottom border */
}

/* Add border-top to "Basic Amount" row */
.tableV tr:nth-last-child(5) td {
    border-top: 2px solid #000; /* Add thick border-top for Basic Amount row */
    border-bottom: 2px solid #000; /* Add thick border-top for Basic Amount row */
    border-bottom-left-radius: 5px;

}

/* Add border-top to the remaining rows (Taxable Amount, Grand Total, etc.) */
.tableV tr:nth-last-child(4) td,
.tableV tr:nth-last-child(3) td,
.tableV tr:nth-last-child(2) td,
.tableV tr:nth-last-child(1) td {
    border-top: 1px solid #000; /* Add normal border-top for other rows */
}

/* Ensure rounded corners */
.tableV thead tr:first-child th:first-child {
    border-top-left-radius: 5px;
}
.tableV thead tr:first-child th:last-child {
    border-top-right-radius: 5px;
}
/* .tableV tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
} */
.tableV tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}


.tableG tr:nth-last-child(3) td {
    border-top: 2px solid #000; /* Add thick border-top for Basic Amount row */
    border-bottom: 2px solid #000; /* Add thick border-top for Basic Amount row */
    border-bottom-left-radius: 5px;

}

.tableG tr:nth-last-child(2) td,
.tableG tr:nth-last-child(1) td {
    border-top: 1px solid #000; /* Add normal border-top for other rows */
}

/* Ensure rounded corners */
.tableG thead tr:first-child th:first-child {
    border-top-left-radius: 5px;
}
.tableG thead tr:first-child th:last-child {
    border-top-right-radius: 5px;
}

.tableG tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

/* quotation */


.tableQ tr:nth-last-child(1) td:first-child {

    border-bottom-left-radius: 5px;

}
.tableQ tr:nth-last-child(1) td {
    border-top: 1px solid #000; /* Add normal border-top for other rows */


}

/* Ensure rounded corners */
.tableQ thead tr:first-child th:first-child {
    border-top-left-radius: 5px;
}
.tableQ thead tr:first-child th:last-child {
    border-top-right-radius: 5px;
}

.tableQ tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

    .align-right{
      text-align: right;
    }
    .align-center{
      text-align: center;
    }

  div .second{
    border: 1px solid #000;
    border-radius: 15px;
    border-bottom: none;
  }

  .colorred, .colorred h1,.colorred h2,.colorred h3,.colorred h4, .colorredh5, .colorred h6{
    color:#be0912;
  }

  h4,h5,h6{
    font-size: small;
  }
  /* table tr:nth-last-child(5) td:first-child {
    border-top: 1px solid #000;
    ;
} */
.receipt-box {
    display: inline-block;
    padding: 5px 15px;
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: black;
    text-align: center;
    border: 3px solid black;
    box-shadow: 5px 5px 0px 0px black;
}
body {
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.receipt-section {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.receipt-label {
    min-width: 200px; /* Ensures labels are aligned */
    font-weight: bold;
}

.dotted-line {
    flex-grow: 1; /* Ensures the line stretches to fit */
    border: 0; /* Remove default border */
    border-bottom: 1px solid black; /* Dotted line at the bottom */
    margin-left: 5px; /* Optional margin */
    outline: none; /* Remove default focus outline */
}

/* Handle focus state */
.dotted-line:focus {
    border: 0; /* Ensure no borders are added on focus */
    border-bottom: 1px solid black; /* Maintain only the bottom line */
    outline: none; /* Remove the outline that appears on focus */
}

.signature {
    margin-top: 30px;
    text-align: right;
}

.extra-text {
    margin-left: 5px;
    font-size: 14px;
}

      @media print  {

          .no-print {
              display: none;
          }
      }