/** ###########################
 ** ##  TABLE-Einstellungen  ##
 ** ########################### */
#content .opSmpl .tblCntr-Spl1 {
  table {
    width: 320px;
  }

  table, td {
    border: 1px solid #000000;
    border-collapse: collapse;
  }

  td {
    text-align: center;
  }
}


#content .tblCntr-Spl2 {
  .flexrow {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin-bottom: 2.5em;
  }

  .flexrow table {
    width: 28%;
  }

  .flexrow table span {
    color: #e72d2d;
  }

  .smallTbl {
    width: 248px;
    border-collapse: collapse;
    padding-bottom: 1em;
    margin: 1em auto;
  }

  .smallTbl td, .smallTbl th {
    border: 1px solid silver;
    padding: 1ex;
    text-align: center;
  }


  @media screen and (max-width: 520px) {
    .flexrow {
      display: block;
    }

    .flexrow table {
      width: 67%;
    }
  }
}


#content .opSmpl .tblCntr-Spl3 {
  .bgHead     { background: #cccccc; }
  .bgSender   { background: #e5f3d8; }
  .bgCustomer { background: #fed9b4; }
  .bgDate     { background: #ffffff; }
  .bgItem     { background: #ffff90; }
  .bgPrice    { background: #dddd60; }
  .bgTotal    { background: #00dd00; }
  .bgVAT      { background: #eeeeee; }

  table, th, td {
    border: 1px solid #000000;
    border-collapse: collapse;
  }

  td, th {
    padding: 0.25em 0.5em;
  }

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