<!DOCTYPE html>
<html>
<head>
<style>
.fondo_imagen{
background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.8)), url("@{dataUri(outputs('Get_file_content_Fondo')?['body'])}");
height: 99%;
background-repeat: no-repeat;
background-size: 100% 100%;
font-family: 'Ropa Sans', sans-serif;
}
table{
width: 100%;
table-layout: fixed;
align-self: center;
page-break-inside: auto;
margin: auto;
}
table.center {
width: 100%;
table-layout: fixed;
align-self: center;
page-break-inside: auto;
margin: auto;
}
th, td {
padding: 1px 4px;
}
th {
font-size: 12px;
color: white;
font-weight: bold;
background-color:#006414;
text-align: center;
border-radius: 10px;
}
td {
border:1px solid #000000;
font-size: 10px;
color: black;
border-radius: 5px;
text-align: center;
}
tbody>tr>*:nth-last-child(3)~*{ width:33.3%}
tbody>tr>*:nth-last-child(4)~*{ width:25%}
tbody>tr>*:nth-last-child(6)~*{ width:15%}
#footer {
text-align: center;
position: fixed;
bottom: 0;
width: 100%;
font-size: 6px;
height: 10px;/* Height of the footer */
}
@media all {
.page-break { display: none; }
}
@media print {
html, body {
border: 1px solid white;
height: 99%;
page-break-after: avoid;
page-break-before: avoid;
};
.page-break { display: block; page-break-before: always; };
}
h2{
font-weight: bold;
text-align: center;
font-size: 20px;
page-break-after: auto;
}
h6{
font-weight: bold;
text-align: right;
font-size: 10px;
}
.cuerpo3{
border-right:none;
border-left:none;
border-top:none;
border-bottom:none;
font-size:12px;
text-align:left;
}
.parrafo{
font-size: 10px;
text-align: justify;
font-weight: normal;
}
</style>
</head>
<body>
<div class="fondo_imagen">
<h2>NOTA</h2>
<h6> Fecha: @{formatDateTime(outputs('Get_item')?['body/Fecha_x0020_de_x0020_Atenci_x00f'], 'dd-MM-yyyy')}</h6>
<hr />
<hr/>
<h3 class="cuerpo3">TITLE1</h3>
<p class="parrafo">@{outputs('Get_item')?['body/1']}</p>
<h3 class="cuerpo3">TITLE2</h3>
<p class="parrafo">@{outputs('Get_item')?['body/2']}</p>
<h3 class="cuerpo3">TITLE3</h3>
<p class="parrafo"> @{outputs('Get_item')?['body/3']}</p>
<h3 class="cuerpo3">TITLE4</h3>
<p class="parrafo">@{outputs('Get_item')?['body/4']}</p>
<hr/>
</p>
</body>
<div id="footer">--</div>
</div>
<div class="page-break"></div>
</html>