table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } table caption { font-size: 1.0em; margin: .5em 0 .75em; } table tr { background-color: #fff; border: 1px solid #e1e5e9; padding: .05em; border-radius: 3px; color: #000000; } table thead tr:first-child { border: 1px solid #0f82e6; } table th, table td { padding: 1.025em; text-align: center; color: #000000; font-size: 12px; font-family: Times New Roman; border: 2px solid #e1e5e9; } table td:nth-child(4) { font-size: 12px; } table th { font-size: .80em; letter-spacing: .1em; text-transform: uppercase; background: #0f82e6; color: #FFF; } table tbody tr td .btn-invoice { background: #0f82e6; color: #FFF; font-size: 12px; padding: 10px 20px; border: 0; font-family: Times New Roman; } tbody tr:nth-child(even) { background-color: #eee; } tbody tr:nth-child(odd) { background-color: #fff; } @media screen and (max-width: 600px) { table { border: 0; } table caption { font-size: 1.3em; } table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px; padding: 0; background: #0f82e6; color: #FFF; } table tr { border-bottom: 3px solid #000000; display: block; margin-bottom: .625em; color: #000000; } table th, table td { padding: 0.625em; } table td { border-bottom: 1px solid #000000; display: block; font-size: .8em; text-align: right; color: #000000; border: 1px solid #e1e5e9; } table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; color: #000000; } table td:last-child { border-bottom: 0; } table td:nth-child(4) { font-size: 0.8em; } table thead tr:first-child { border: 1px solid #0f82e6; } table th { font-size: .80em; letter-spacing: .1em; text-transform: uppercase; background: #0f82e6; color: #FFF; }.btn { 	padding: 5px 10px; border-radius: 10px; margin: 10px 0px; display: inline-block; cursor: pointer; color: #ffffff; background-color: brown; border: #23943d 1px solid; 	font-weight:bold; } .btn:hover{ 		background-color:black; 		color:white; 		font-weight:bold; 	.pagep { width: 21cm; min-height: 29.7cm; display:block; padding: 1cm; margin: 0; scale: 90%, border: 1px #D3D3D3 solid; border-radius: 3px; background: white; box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); font: 12pt; } .pagel { width: 29.7cm; min-height: 21cm ; display:block; padding: 1cm; margin: 0; scale: 90%, border: 1px #D3D3D3 solid; border-radius: 3px; background: white; box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); font: 12pt; } @media print { .pagep { margin: initial; border: initial; border-radius: initial; width: initial; min-height: initial; box-shadow: initial; background: initial; page-break-after: always; 	header, footer, editor, views, aside, nav, form, iframe, menu, hero, adslot { display: none; } } .noprint {display:none;} .print {display:block;} .pagel { margin: initial; border: initial; border-radius: initial; width: initial; min-height: initial; box-shadow: initial; background: initial; page-break-after: always; 	header, footer, editor, views, aside, nav, form, iframe, .menu, .hero, .adslot { display: none; } } } .noprint {display:none;}}bx{ padding-left:3px; letter-spacing:8px; font-weight:bold; text-transform:uppercase; border:1px solid black; display:inline; text-border:1px solid black; } cub{ padding-left:3px; font-weight:bold; font:algerian; text-transform:uppercase; text-decoration:underline; } ub{ padding-left:3px; font-weight:bold; text-decoration:underline; } lph{ 	margin-top:1px; 	 margin-left:1px; 	 float:left; 	 width:50px; 	 height:200px; 	 padding:2px; -webkit-print-color-adjust: exact;	 } r{ 	float:right; } l{ 	float:left; } c{ 	padding-left:50%; } p {page-break-before: always; } n{ padding-left:40px; } button { border: 1px solid black; } table { page-break-inside:auto } tr { page-break-inside:avoid; page-break-after:auto } thead { display:table-header-group } tfoot { display:table-footer-group }.btn { 	padding: 5px 10px; border-radius: 10px; margin: 10px 0px; display: inline-block; cursor: pointer; color: #ffffff; background-color: brown; border: #23943d 1px solid; 	font-weight:bold; } .btn:hover{ 		background-color:black; 		color:white; 		font-weight:bold; 	}