Subversion-Projekte lars-tiefland.ci

/* Cubic Bezier Transition */
/***
Invoice page 2
***/
.invoice-content-2 {
  background-color: #fff;
  padding: 80px 70px; }
  .invoice-content-2.bordered {
    border: 1px solid;
    border-color: #e7ecf1; }
  .invoice-content-2 .invoice-head {
    margin-bottom: 50px; }
    .invoice-content-2 .invoice-head .invoice-logo {
      text-align: center; }
      .invoice-content-2 .invoice-head .invoice-logo > img {
        float: left;
        margin-right: 45px; }
      .invoice-content-2 .invoice-head .invoice-logo > h1 {
        float: left;
        font-size: 17px;
        font-weight: 700;
        color: #39424a;
        margin-top: 48px; }
    .invoice-content-2 .invoice-head .company-address {
      text-align: right;
      font-size: 14px;
      color: #7e8691; }
  .invoice-content-2 .invoice-title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #9ea8b7; }
  .invoice-content-2 .invoice-desc {
    font-size: 14px;
    color: #4e5a64;
    font-weight: 600; }
    .invoice-content-2 .invoice-desc.inv-address {
      font-size: 13px;
      color: #7e8691;
      font-weight: 400; }
    .invoice-content-2 .invoice-desc.grand-total {
      font-size: 16px;
      font-weight: 700; }
  .invoice-content-2 .invoice-cust-add {
    margin-bottom: 50px; }
  .invoice-content-2 .invoice-body .text-center {
    text-align: center; }
  .invoice-content-2 .invoice-body tr:last-child {
    border-bottom: 1px solid #e7ecf1; }
  .invoice-content-2 .invoice-body th, .invoice-content-2 .invoice-body td {
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px; }
    .invoice-content-2 .invoice-body th:first-child, .invoice-content-2 .invoice-body td:first-child {
      padding-left: 0; }
    .invoice-content-2 .invoice-body th:last-child, .invoice-content-2 .invoice-body td:last-child {
      padding-right: 0; }
  .invoice-content-2 .invoice-body h3 {
    font-size: 14px;
    font-weight: 600;
    color: #4e5a64;
    margin-bottom: 0; }
  .invoice-content-2 .invoice-body p {
    font-size: 13px;
    color: #7e8691; }
  .invoice-content-2 .print-btn {
    float: right;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px; }

@media (max-width: 1024px) {
  .invoice-content-2 .invoice-head .invoice-logo > img {
    width: 130px;
    margin-top: 26px; } }

@media (max-width: 991px) {
  .invoice-content-2 {
    padding: 40px 30px; } }

@media (max-width: 480px) {
  .invoice-content-2 .invoice-head .invoice-logo > h1 {
    margin-top: 10px; }
  .invoice-content-2 .invoice-head .company-address {
    font-size: 12px; } }