73 lines
1.3 KiB
CSS
73 lines
1.3 KiB
CSS
body {
|
|
-webkit-print-color-adjust:exact !important;
|
|
print-color-adjust:exact !important;
|
|
}
|
|
.background-image {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
top: -80px;
|
|
z-index: 1;
|
|
filter: opacity(.1);
|
|
}
|
|
.background-image img{
|
|
width: 200px;
|
|
object-fit: contain;
|
|
}
|
|
.container-report{
|
|
position: relative;
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
padding: 16px 24px;
|
|
z-index: 2;
|
|
}
|
|
.logo-header{
|
|
height: 70px;
|
|
}
|
|
.logo-header img{
|
|
height: 100%;
|
|
}
|
|
.header-desc{
|
|
font-weight: 500;
|
|
}
|
|
.serial-no{
|
|
color: #e21818;
|
|
font-weight: 500;
|
|
}
|
|
.table-report{
|
|
font-size: 13px;
|
|
}
|
|
.table-report td{
|
|
vertical-align: middle;
|
|
height: 46px;
|
|
font-size: 12px;
|
|
}
|
|
.table-report td,.table-report div{
|
|
border-color: #5f5f5f !important;
|
|
background-color: transparent !important;
|
|
-webkit-print-color-adjust:exact !important;
|
|
print-color-adjust:exact !important;
|
|
}
|
|
.table-report-header td{
|
|
background-color: #ccc !important;
|
|
-webkit-print-color-adjust:exact !important;
|
|
print-color-adjust:exact !important;
|
|
}
|
|
.square{
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 1px solid #212529;
|
|
display: inline-flex;
|
|
}
|
|
.no-print{
|
|
display: flex;
|
|
}
|
|
|
|
@media print{
|
|
@page {size: A4 landscape}
|
|
.no-print{
|
|
display: none;
|
|
}
|
|
} |