/*=================================================== 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 */ header.navbar, #sidebar_left, #sidebar_right, #topbar, #skin-toolbox, .panel-heading, .invoice-buttons { display: none !important; visibility: hidden; width: 0 !important; height: 0 !important; outline: 0; padding: 0 !important; margin: 0 !important; overflow: hidden; } /* Modify Primary Container */ #content_wrapper { background: 0; margin: 0 auto !important; padding: 0 !important; left: auto !important; right: auto !important; transition: none; } #content { padding: 0; background: none; } #content_wrapper:after {margin: 0;display: none;} /* Shorten and center page */ #main { width: 1100px !important; margin: 0 auto !important; } /* Remove all Panel Borders */ .panel, .panel-body { border: 0 !important; margin: 0 !important; box-shadow: none !important; } /* Hide Image Logo and reveal Text logo */ .invoice-logo { display: none !important; } .invoice-logo-text { display: block !important; visibility: visible !important; } /* Modify Invoice Container */ .table-layout > .col-md-10 { width: 100% !important; padding: 0 !important; } /* Modify Invoice Panels */ #invoice-info { border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 20px !important; margin-bottom: 40px !important; background-color: #ddd; } /* Modify Invoice Panels */ #invoice-info > .col-md-4 { float: none; display: inline-block; width: 32%; padding: 0; margin: 0; } #invoice-info > .col-md-4:nth-child(2) { text-align: center; } #invoice-info > .col-md-4:last-child { text-align: right; position: relative; top: 8px; } #invoice-info > .col-md-4 .panel-body { padding: 10px; } } }