div.InvoiceBody {
  margin: 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.5385;
  color: #333;
  text-align: left;
  background-color: darkgrey;
  padding-top:20px;
  padding-bottom:20px;
  height:100%;

  .container{
    padding:0;

    kendo-chip {
      margin-left: 10px;
    }
    span.k-avatar-image.invoice-chip{
      display:inline-block;
      width:20px;
      height:20px;
      vertical-align:bottom;
      border-radius: 50%;
    }

    .card {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, .125);
      border-radius: .1875rem
    }

    .card-img-actions {
      position: relative
    }

    .card-body {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 1.25rem;
      text-align: center;

      h6.left {
        text-align:left;
      }

      h5.amount{
        color:red;
      }
    }

    .card-title {
      margin-top: 10px;
      font-size: 17px
    }

    .invoice-color {
      color: #ca974d !important
    }

    table.invoice-to-details {
      display:inline-block;
      max-width: 400px;
      td.left {
        text-align: right;
      }
      td.middle{
        width:15px;
        text-align:center;
      }
      td.right{
        text-align: right;
      }
    }

    .card-header {
      padding: .9375rem 1.25rem;
      margin-bottom: 0;
      background-color: rgba(0, 0, 0, .02);
      border-bottom: 1px solid rgba(0, 0, 0, .125)
    }

    a {
      text-decoration: none !important
    }

    .btn-light {
      color: #333;
      background-color: #fafafa;
      border-color: #ddd
    }

    .header-elements-inline {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
    }

    @media (min-width: 768px) {
      .wmin-md-400 {
        min-width: 400px !important
      }
    }

    .btn-primary {
      color: #fff;
      background-color: #ca974d;
      border-color:white;
    }

    .btn-labeled>b {
      position: absolute;
      top: -1px;
      background-color: #ca974d;
      display: block;
      line-height: 1;
      padding: .62503rem
    }
  }
}

