<Box container style={{ paddingRight: "2rem", paddingLeft: "3rem",

paddingTop: "3rem", paddingBottom: "3rem" }}>

<Box style={{ marginTop: "10px" }}>

<Grid style={{ border: "1px solid black" }} container
rowSpacing={1} columnSpacing={{ xs: 0 }}>

<Grid style={{ padding: "5px", border: "1px solid black",

textAlign: "center" }} item xs={3}>
<img style={{ width: "100px" }}
src="/static/images/img/logoLogin.png" alt="Imgen clinica vesalio" />
</Grid>

<Grid style={{ padding: "5px", border: "1px solid black" }}

item xs={5}>
<div style={{ textAlign: "center", marginTop:
"25px" }}><b>EPICRISIS ADULTO</b></div>
</Grid>

<Grid style={{ padding: "5px", border: "1px solid black" }}

item xs={4}>
<Box style={{ marginTop: "10px" }}>
<Grid style={{}} container rowSpacing={1}
columnSpacing={{ xs: 0 }}>
<Grid style={{ padding: "5px", border: "1px
solid black" }} item xs={6}>
<div>Código:</div>
</Grid>
<Grid style={{ padding: "5px", border: "1px
solid black" }} item xs={6}>
<div style={{ fontSize: "10px" }}>FO - DMED
- 04</div>
</Grid>
</Grid>
</Box>
<Box style={{ marginTop: "10px" }}>
<Grid style={{}} container rowSpacing={1}
columnSpacing={{ xs: 0 }}>
<Grid style={{ padding: "5px", border: "1px
solid black" }} item xs={6}>
<div>Versión:</div>
</Grid>
<Grid style={{ padding: "5px", border: "1px
solid black" }} item xs={6}>
<div style={{ textAlign: "center"
}}>02</div>
</Grid>
</Grid>
</Box>
</Grid>

</Grid>
</Box>

<Box style={{ marginTop: "15px", backgroundColor: "#eee" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left" }}>1. Filiación:</div>
 </Grid>
</Grid>
</Box>

<Box style={{ marginTop: "15px" }}>

<Grid style={{}} container columnGap={0} columnSpacing={{ xs: 0
}}>
<Grid style={{ padding: "5px", border: "1px solid black" }}
item xs={8}>
<div style={{ textAlign: "center" }}>Nombres y
Apellidos del Paciente:</div>
</Grid>
<Grid style={{ padding: "5px", border: "1px solid black" }}
item xs={2}>
<div style={{ textAlign: "center" }}>N° de
Paciente</div>
</Grid>
<Grid style={{ padding: "5px", border: "1px solid black" }}
item xs={2}>
<div style={{ textAlign: "center" }}>N° de H.C.:</div>
</Grid>
</Grid>
</Box>
<Box style={{ marginTop: "0" }}>
<Grid style={{ borderTop: "none" }} container columnGap={0}
columnSpacing={{ xs: 0 }}>
<Grid style={{ padding: "5px", border: "1px solid black",
borderTop: "none" }} item xs={8}>
<div style={{ textAlign: "center" }}>Lorem</div>
</Grid>
<Grid style={{ padding: "5px", border: "1px solid black" }}
item xs={2}>
<div style={{ textAlign: "center" }}>Lorem</div>
</Grid>
<Grid style={{ padding: "5px", border: "1px solid black" }}
item xs={2}>
<div style={{ textAlign: "center" }}>Lorem</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "15px" }}>

<Grid style={{}} container columnGap={0} columnSpacing={{ xs: 0
}}>
<Grid style={{ padding: "5px", border: "1px solid black" }}
item xs={4}>
<div style={{ textAlign: "center" }}>Fecha y Hora de
Ingreso:</div>
</Grid>
<Grid style={{ padding: "5px", border: "1px solid black" }}
item xs={4}>
<div style={{ textAlign: "center" }}>Servicio /
Especialidad</div>
</Grid>
<Grid style={{ padding: "5px", border: "1px solid black" }}
item xs={4}>
<div style={{ textAlign: "center" }}>Estadía Total
(días):</div>
</Grid>
 </Grid>
</Box>

<Box style={{ marginTop: "0" }}>

<Grid style={{}} container columnGap={0} columnSpacing={{ xs: 0
}}>
<Grid style={{ padding: "5px", border: "1px solid black",
borderTop: "none" }} item xs={4}>
<div style={{ textAlign: "center" }}>Lorem</div>
</Grid>
<Grid style={{ padding: "5px", border: "1px solid black" }}
item xs={4}>
<div style={{ textAlign: "center" }}>Lorem</div>
</Grid>
<Grid style={{ padding: "5px", border: "1px solid black" }}
item xs={4}>
<div style={{ textAlign: "center" }}>Lorem</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "15px", backgroundColor: "#eee" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left" }}>2. Diagnóstico de
Ingreso:</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "15px" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left", minHeight:
"90px" }}>Lorem</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "20px", backgroundColor: "#eee" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left" }}>3. Resumen de la
Enfermedad Actual:</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "15px" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left", minHeight:
"90px" }}>Lorem</div>
</Grid>
</Grid>
 </Box>

<Box style={{ marginTop: "20px", backgroundColor: "#eee" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left" }}>4. Examen Físico:
(Solo Datos Positivos)</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "15px" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left", minHeight:
"90px" }}>Lorem</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "20px", backgroundColor: "#eee" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left" }}>5. Examenes
Auxiliares: (Solo Datos Positivos)</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "5px" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={3}>
<div style={{ textAlign: "left" }}>Laboratorio:</div>
</Grid>
<Grid style={{ padding: "5px" }} item xs={9}>
<div style={{ textAlign: "left" }}>Lorem</div>
</Grid>
</Grid>
</Box>
<Box style={{ marginTop: "5px" }}>
<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={3}>
<div style={{ textAlign: "left" }}>Imágenes:</div>
</Grid>
<Grid style={{ padding: "5px" }} item xs={9}>
<div style={{ textAlign: "left" }}>Lorem</div>
</Grid>
</Grid>
</Box>
<Box style={{ marginTop: "5px" }}>
<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
 <Grid style={{ padding: "5px" }} item xs={3}>
<div style={{ textAlign: "left" }}>Laboratorio:</div>
</Grid>
<Grid style={{ padding: "5px" }} item xs={9}>
<div style={{ textAlign: "left" }}>Lorem</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "20px", backgroundColor: "#eee" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left" }}>6. Evolución:</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "15px" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left", minHeight:
"90px" }}>Lorem</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "20px", backgroundColor: "#eee" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left" }}>7.
Tratamiento:</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "15px" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left", minHeight:
"90px" }}>Lorem</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "20px", backgroundColor: "#eee" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left" }}>8. Procedimientos
Terapéuticos y/o Diagnósticos realizados:</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "15px" }}>

 <Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left", minHeight:
"90px" }}>Lorem</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "20px", backgroundColor: "#eee" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left" }}>9. Complicaciones
Médicas y/o Quirúrgicas:</div>
</Grid>
</Grid>
</Box>

<Box style={{ marginTop: "15px" }}>

<Grid style={{}} container rowSpacing={1} columnSpacing={{ xs:
0 }}>
<Grid style={{ padding: "5px" }} item xs={12}>
<div style={{ textAlign: "left", minHeight:
"90px" }}>Lorem</div>
</Grid>
</Grid>
</Box>

</Box>