.print-preview-header { height: 50px; width: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 100; text-align: center; } .print-preview-header .presult-pagination { float: left; color: white; margin-top: 12px; margin-left: 20px; } .print-preview-header ul { list-style: none; margin: 0; padding: 0; } .print-preview-header .close-preview-return { display: block; width: 65px; height: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: white; position: absolute; right: 45px; top: 15px; cursor: pointer; } .print-preview-header .close-preview { display: block; width: 20px; height: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: white; position: absolute; right: 20px; top: 15px; cursor: pointer; } #print_preview_modal .modal-dialog.A4-portrait { width: 21cm; } .print-preview-header .presult-pagination .page-number { width: 40px; border-radius: 2px; background: #333131; border: none; text-align: center; padding: 4px; box-shadow: inset 0 0 2px black; } #print_preview_modal button.previous { left: 40px; } #print_preview_modal button.previous, #print_preview_modal button.next { position: fixed; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; border: none; width: 40px; height: 40px; text-align: center; background: #131313; color: white; } #print_preview_modal button.next { right: 10px; } #print_preview_modal button.previous, #print_preview_modal button.next { position: fixed; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; border: none; width: 40px; height: 40px; text-align: center; background: #131313; color: white; } .print-preview-header ul li a { display: inline-block; text-decoration: none; color: white; padding: 15px 20px; } #print_invoice_modal .table-inv th, .table-inv td { border: 1px solid black; border-collapse: collapse; }