
.InvoiceTmpDiv {
  font-size: 12px;
  width: 100%;
  .title {
    font-size: 26px;
    color: #b16363;
    text-align: center;
    line-height: 56px;
  }
  .extra {
    color: #b15b16;
    padding: 0 0 6px 0;
    div {
      line-height: 18px;
    }
    .content {
      color: #181818;
    }
  }
  .height84 {
    [class*="el-col-"] {
      border-right: 1px solid #b16363;
      &:last-child {
        border-right: 0px;
      }
    }
    ul {
      padding: 15px 0;
      // border-right: 1px solid #b16363;
      li {
        height: 20px;
        line-height: 20px;
      }
    }
    .el-col-15 {
      padding: 5px 10px;
      div {
        line-height: 20px;
      }
    }
    .el-col-7 {
      padding: 5px 10px;
      line-height: 20px;
    }
  }
  .row {
    border: 1px solid #b16363;
    border-bottom: none;
    color: #b15b16;
    &.con {
      padding: 5px 0;
      line-height: 22px;
    }
    .content {
      color: #181818;
    }
    .col_1 {
      width: 4.16%;
    }
    .col_2 {
      width: 8.33%;
    }
    .col_3 {
      width: 12.5%;
    }
    .col_5 {
      width: 20.83%;
    }
    .col_6 {
      width: 25%;
    }
    .col_7 {
      width: 29.16%;
    }
    .col_8 {
      width: 33.33%;
    }
    .col_14 {
      width: 58.33%;
    }
    .col_15 {
      width: 62.5%;
    }
    .col_17 {
      width: 70.83%;
    }
    .col_18 {
      width: 75%;
    }
    .col_24 {
      width: 100%;
    }
    .col_1,
    .col_2,
    .col_3,
    .col_4,
    .col_5,
    .col_6,
    .col_7,
    .col_8,
    .col_14,
    .col_15,
    .col_17,
    .col_18,
    .col_24 {
      display: inline-block;
      padding: 8px;
      box-sizing: border-box;
      vertical-align: middle;
      border-left: 1px solid #b16363;
      height: 100%;
      &.no-border {
        border-left: none;
      }
    }
  }
  .row-div {
    border: 1px solid #b16363;
    // padding:7px 0;
    border-bottom: 0px;
    [class*="el-col-"] {
      padding: 4px 0;
      line-height: 22px;
      border-right: 1px solid #b16363;
      &:last-child {
        border-right: 0px;
      }
    }
    .el-row {
      &:first-child {
        [class*="el-col-"] {
          padding-top: 8px;
        }
      }
      &:last-child {
        [class*="el-col-"] {
          padding-bottom: 10px;
        }
      }
    }
  }

  .last-row {
    padding: 6px 0 0 0;
    .content {
      color: #181818;
    }
    color: #b15b16;
    border-top: 1px solid #b16363;
  }
  .label {
    width: 78px;
    display: inline-block;
    text-align-last: justify;
    text-align: justify;
  }
  .title-label {
    width: 52px;
  }
}


#print-template {
  background: red;
}


