@charset "UTF-8";

/*===============================================
  H. Invoice.html
================================================= */
body.invoice-page #invoice-info {
  margin-bottom: 0px;
  border: 0 !important;
}
body.invoice-page .table-condensed tbody tr td:last-child {
  text-align: right;
  padding-right: 15px;
}
body.invoice-page #invoice-summary {
  margin: 0;
}
body.invoice-page #invoice-summary thead th:first-child {
  text-align: right;
  width: 200px;
  padding-right: 55px;
}
body.invoice-page #invoice-summary thead th:last-child {
  width: 50px;
  font-weight: 400;
}
body.invoice-page #invoice-summary tbody tr td {
  border-top: 0;
}
body.invoice-page #invoice-summary tbody tr td:first-child {
  text-align: right;
  width: 200px;
  padding-right: 55px;
}
body.invoice-page #invoice-summary tbody tr:last-child td {
  background: #fafafa;
  border-top: 0px solid #EEE;
  border-bottom: 0px solid #EEE;
  height: 24px;
  line-height: 24px;
}
body.invoice-page .invoice-buttons {
  position: absolute;
  left: 15px;
  bottom: 0px;
}


/*===================================================
   PRINT STYLES - Designed soley for Invoice Page
   Problems will arise if you attempt to use
   these styles globally
=====================================================*/
@media print {
  .invoice-page {
    /* Reset + Hide Primary Page Components */
    /* Modify Primary Container */
    /* Shorten and center page */
    /* Remove all Panel Borders */
    /* Hide Image Logo and reveal Text logo */
    /* Modify Invoice Container */
    /* Modify Invoice Panels */
    /* Modify Invoice Panels */
  }
  .invoice-page header.navbar,
  .invoice-page header.dropdown,
  .invoice-page #sidebar_left,
  .invoice-page #sidebar_right,
  .invoice-page #topbar,
  .totop,
  .invoice-page #skin-toolbox,
  .invoice-page .invoice-buttons {
    display: none !important;
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    outline: 0;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
  }

    .invoice-page{
    border: 0;
    bottom: -10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }


    .invoice-page .panel-heading {
    border: 0;
    border-bottom: 0px dashed #ddd;
  }



  .invoice-page #content_wrapper {
    background: 0;
    margin: 0 auto !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    transition: none;
  }
  .invoice-page #content {
    padding: 0;
    background: none;
  }
  .invoice-page #content_wrapper:after {
    margin: 0;
    display: none;
  }
  .invoice-page #main {
    width: 1100px !important;
    margin: 0 auto !important;
  }
  .invoice-page .panel,
  .invoice-page .panel-body {
    border: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
  .invoice-page .invoice-logo {
    display: none !important;
  }

  .invoice-page .invoice-a {
    display: none !important;
  }

  .invoice-page .invoice-img img{
    max-height: 250px;
    border-radius: 1px;
    transform: rotate(-90deg);
 
  }

  .invoice-page .invoice-img{
    display: block !important;
    visibility: visible !important;
    border-radius: 1px;
    transform: rotate(-90deg); 
    max-height: 200px;  
    max-width: 450px; 
  }



  .invoice-page .invoice-logo-text {
    display: block !important;
    visibility: visible !important;
  }
  .invoice-page .table-layout > .col-md-10 {
    width: 50% !important;
    padding: 0 !important;
  }
  .invoice-page #invoice-info {
    border-top: 0px dashed #ddd;
    border-bottom: 0px dashed #ddd;
    margin-top: 0px !important;
    margin-bottom: -10px !important;
  }
  .invoice-page #invoice-info > .col-md-6 {
    float: none;
    display: inline-block;
    width: 48%;
    padding-right: 10px;
  }


  .invoice-page #invoice-info > .col-md-4:nth-child(2) {
    text-align: left;
    padding-right: 10px;
  }
  .invoice-page #invoice-info > .col-md-4:last-child {
    text-align: right;
    top: 8px;
    padding: 0;
  }



  .invoice-page #invoice-info > .col-md-4 .panel-body {
    padding: 0px;
  }
}