.ck-content {
    height: 200px;
  }
  .panel-title {
    display: inline;
    font-weight: bold;
  }
  .display-table {
    display: table;
  }
  .display-tr {
    display: table-row;
  }
  .display-td {
    display: table-cell;
    vertical-align: middle;
    width: 61%;
  }
  .print_background {
    background: #f4f7fa !important;
  }
  .invoice_form {
    width: 100%;
    overflow: hidden;
  }
  .float-left {
    float: left!important;
    width: 38%;
  }
  .left_print {
    float: right;
    padding: 12px 12px 12px 14px;
  }
  .right_payment {
    float: left;
    padding: 11px 20px 12px 11px;
  }
  .right_payment button {
    margin: 0;
  }
  .left_print a {
    margin: 0;
  }
  .formDesign {
    float: right;
    margin: 0 0 0 4px;
  }
  /* ----------- iPhone 4 and 4S ----------- */

  /* Portrait and Landscape */
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .btn-unpaid, .btn-declined {
      margin: 0px !important;
    }
    .left_print {
      padding: 0px !important;
    }
    .right_payment {
      padding: 0px !important;
    }
    .right_payment button {
      width: 100% !important;
      margin: 5px 0 5px 0 !important;
    }
    .main_from {
      width: 100% !important;
    }
  }

  /* Portrait */
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

  /* Landscape */
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

  /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

  /* Portrait and Landscape */
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    .btn-unpaid, .btn-declined {
      margin: 0px !important;
    }
    .left_print {
      padding: 0px !important;
    }
    .right_payment {
      padding: 0px !important;
    }
    .right_payment button {
      width: 100% !important;
      margin: 5px 0 5px 0 !important;
    }
    .right_payment button {
      margin: 8px 0 0px 0 !important;
    }
    .main_from {
      width: 100% !important;
    }
  }

  /* Portrait */
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

  /* Landscape */
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

  /* ----------- iPhone 6, 6S, 7 and 8 ----------- */

  /* Portrait and Landscape */
  @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .btn-unpaid, .btn-declined {
      margin: 0px !important;
    }
    .left_print {
      padding: 0px !important;
    }
    .right_payment {
      padding: 0px !important;
    }
    .right_payment button {
      width: 100% !important;
      margin: 5px 0 5px 0 !important;
    }
    .right_payment button {
      margin: 8px 0 0px 0 !important;
    }
    .main_from {
      width: 100% !important;
    }
  }

  /* Portrait */
  @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

  /* Landscape */
  @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

  /* ----------- iPhone 6+, 7+ and 8+ ----------- */

  /* Portrait and Landscape */
  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    .btn-unpaid, .btn-declined {
      margin: 0px !important;
    }
    .left_print {
      padding: 0px !important;
    }
    .right_payment {
      padding: 0px !important;
    }
    .right_payment button {
      width: 100% !important;
      margin: 5px 0 5px 0 !important;
    }
    .main_from {
      width: 100% !important;
    }
  }

  /* Portrait */
  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

  /* Landscape */
  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

  /* ----------- iPhone X ----------- */

  /* Portrait and Landscape */
  @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    .btn-unpaid, .btn-declined {
      margin: 0px !important;
    }
    .left_print {
      padding: 0px !important;
    }
    .right_payment {
      padding: 0px !important;
    }
    .right_payment button {
      width: 100% !important;
      margin: 5px 0 5px 0 !important;
    }
    .main_from {
      width: 100% !important;
    }
  }

  /* Portrait */
  @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

  /* Landscape */
  @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

  /* ----------- iPad 1, 2, Mini and Air ----------- */

  /* Portrait and Landscape */
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .float-left {
      width: 15% !important;
    }
    .btn-unpaid, .btn-declined {
      margin: 0px !important;
      padding: 6px 15px !important;
    }
    .right_payment {
      padding: 0px !important;
    }
    .left_print {
      padding: 0px !important;
    }
  }

  /* Portrait */
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {}

  /* Landscape */
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {}

  /* ----------- iPad 3, 4 and Pro 9.7" ----------- */

  /* Portrait and Landscape */
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {}

  /* Portrait */
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

  /* Landscape */
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

  /* ----------- iPad Pro 10.5" ----------- */

  /* Portrait and Landscape */
  @media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {}

  /* Portrait */

  /* Declare the same value for min- and max-width to avoid colliding with desktops */

  /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

  @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

  /* Landscape */

  /* Declare the same value for min- and max-width to avoid colliding with desktops */

  /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

  @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

  /* ----------- iPad Pro 12.9" ----------- */

  /* Portrait and Landscape */

  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    .btn-unpaid, .btn-declined {
      margin: 0px !important;
    }
  }

  /* Portrait */

  /* Declare the same value for min- and max-width to avoid colliding with desktops */

  /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

  /* Landscape */

  /* Declare the same value for min- and max-width to avoid colliding with desktops */

  /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}
  @media only screen and (min-width: 768px) {
    .pay-with-bank, .pay-with-stripe, .pay-with-paypal {
      margin-right: 10px !important;
    }
    .pay-with-paypal {
      margin-top: -5% !important;
    }
  }
  @media only screen and (max-width: 425px) {
    .pay-with-bank, .pay-with-stripe, .pay-with-paypal {
      float: right;
    }
    .pay-with-bank {
      margin-left: 5px !important;
      margin-right: -4% !important;
    }
    .pay-with-paypal {
      margin-right: -9% !important;
    }
    .print-buttons {
      padding-top: 0px !important;
    }
  }
  @media only screen and (max-width: 320px) {
    .pay-with-stripe {
      margin: 8px -8px 0 0 !important;
    }
    .pay-with-paypal {
      margin: 5px -9px 0 0 !important;
    }
  }