ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / costbloc.com / public / dist / css

.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;
    }
  }

[-] product.css [edit]
[-] task-design.min.css [edit]
[-] role-permission.css [edit]
[-] custom-category.css [edit]
[-] invoice_details.css [edit]
[-] invoice_details.min.css [edit]
[-] vendor-responsiveness.min.css [edit]
[-] task-list.min.css [edit]
[-] admin-order.min.css [edit]
[-] invoice-style.min.css [edit]
[-] slider.min.css [edit]
[+] ..
[-] slider.css [edit]
[-] project.min.css [edit]
[-] user-activity-list.css [edit]
[-] product.min.css [edit]
[+] minimal
[-] menu-builder.css [edit]
[+] square
[-] custom-badges.min.css [edit]
[-] custom.css [edit]
[+] pos
[-] pdf-invoice.min.css [edit]
[-] task-list.css [edit]
[-] marketing.css [edit]
[-] admin-order.css [edit]
[-] installer.min.css [edit]
[+] img
[-] role.min.css [edit]
[-] user-list.css [edit]
[-] project-files-list.css [edit]
[+] line
[-] site_custom.css [edit]
[-] site_custom.min.css [edit]
[-] materialize.min.css [edit]
[-] role.css [edit]
[-] invoice-style.css [edit]
[-] pdf_style.css [edit]
[-] project.css [edit]
[-] pdf_style.min.css [edit]
[-] project-files-list.min.css [edit]
[+] skins_
[-] task-design.css [edit]
[-] custom-badges.css [edit]
[+] futurico
[-] summer-note-modal.css [edit]
[-] custom-category.min.css [edit]
[-] custom.min.css [edit]
[-] fileupload.css [edit]
[-] ticket-edit.css [edit]
[-] bootstrap-select.min.css [edit]
[-] customer-panel.min.css [edit]
[+] skins
[+] pdf
[+] flat
[+] error-page
[+] polaris
[-] marketing.min.css [edit]
[-] summer-note-modal.min.css [edit]
[-] bootstrap-select.css.map [edit]
[-] user-activity-list.min.css [edit]
[-] role-permission.min.css [edit]
[-] ticket-reply.css [edit]
[-] pdf-invoice.css [edit]
[-] menu-builder.min.css [edit]
[-] vendor-responsiveness.css [edit]
[-] user-list.min.css [edit]
[-] installer.css [edit]
[-] ticket-edit.min.css [edit]
[-] ticket-reply.min.css [edit]
[-] customer-panel.css [edit]