.textField {
    background: #ffffff;
    padding: 6px;
}

#page-content{
    min-height: 500px;
}

.invoiceTable .invoiceHeadingTd {
    border-bottom: 1px solid #9c9c9c;
  }

  .invoiceTable .invoiceHeadingLeft {
    text-align: center;
    margin-bottom: 10px;
    float: left;
  }

  .invoiceTable .invoiceHeadingRight {
    text-align: center;
    margin-bottom: 10px;
    float: right;
  }

  .invoiceTable .logo-td {
    text-align: center;
  }

  .invoiceTable {
    font-size: 16px;
    width: 100%;
  }

  .invoiceTable td {
    vertical-align: top;
  }

  .invoiceTable .totalAmount {
    font-size: 1.5em;
  }

  .invoiceTable .companyName {
    font-size: 1.5em;
  }

  .invoiceTable addressTd {
    vertical-align: middle;
  }

  .invoiceTable .headingRow {
    font-weight: bold;
    font-size: 1.5em;
  }

  .invoiceTable .amountCol {
    text-align: right;
  }

  .invoiceTable .amountDue {
    font-size: 1.5em;
    font-weight: bold;
  }

  .invoiceTable .amountDueLabel {
    font-size: 1.5em;
    font-weight: bold;
    text-align: right;
  }

  .invoiceTable .subtotal {
    font-size: 1.2em;
    font-weight: bold;
  }


  .invoiceTable .subTotalLabel {
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
  }

  .invoiceTable .taxAmount {
    font-size: 1.0em;
    font-weight: bold;
  }

  .invoiceTable .taxAmountLabel {
    font-size: 1.0em;
    font-weight: bold;
    text-align: right;
  }

  .invoiceTable .amountPaidLabel {
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
  }

  .invoiceTable .itemRow {
    border-bottom: 1px solid #ccc;
    padding: 5px;
  }

  .invoiceTable .amountHeadingRowLabel {
    text-align: right;
  }

  .invoiceTable .emailWebSec {
    font-size: 0.9em;
    border-top: 1px solid #9c9c9c;
    padding-top: 5px;
    margin-top: 5px;
  }

  .invoiceTable .websiteLabel .emailLabel {
    font-weight: bold !important;
  }

  .invoiceTable .terms {
    padding: 6px;
    font-style: italic;
    margin-top: 5px;
  }

  .invoiceTable .termsLabel {
    font-weight: bold;
    font-style: normal;

  }

  .accounting-buttons-section {
    padding: 10px;
    text-align: right;
  }



  .loaderContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
    background-color: #ededed;
  }

  .loader {
    max-width: 15rem;
    width: 100%;
    height: auto;
    stroke-linecap: round;
  }

  circle {
    fill: none;
    stroke-width: 3.5;
    -webkit-animation-name: preloader;
    animation-name: preloader;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform-origin: 170px 170px;
    transform-origin: 170px 170px;
    will-change: transform;
  }

  circle:nth-of-type(1) {
    stroke-dasharray: 550;
  }

  circle:nth-of-type(2) {
    stroke-dasharray: 500;
  }

  circle:nth-of-type(3) {
    stroke-dasharray: 450;
  }

  circle:nth-of-type(4) {
    stroke-dasharray: 300;
  }

  circle:nth-of-type(1) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
  }

  circle:nth-of-type(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
  }

  circle:nth-of-type(3) {
    -webkit-animation-delay: -0.45s;
    -moz-animation-delay: -0.45s;
    animation-delay: -0.45s;
  }

  circle:nth-of-type(4) {
    -webkit-animation-delay: -0.6s;
    -moz-animation-delay: -0.6s;
    animation-delay: -0.6s;
  }

  @-webkit-keyframes preloader {
    50% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @keyframes preloader {
    50% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }