PDF Export - 2 Tables Side-by-side

I have installed PDF Template and looking for a solution to have 2 Tables Side-by-side.
This is the css code snipped i currently have:

/* Tables /
.mytable td {
border-width: 1px;
border-color: #008fd4;
border-collapse: separate;
background-color: #E7F4FB;
padding-top: 10px;
padding-bottom: 10px;
font-family: DB Office;
color: #000000;
font-size: 11px;
}
.mytable th {
font-family: DB Office;
font-size: 10px;
color: #ffffff;
border-width: 1px;
border-color: #008fd4;
border-collapse: separate;
padding-bottom: 10px;
padding-top: 10px;
width: 140px!important;
background-color: #008fd4;
}
.mytable {
float: left;
width: 40%;
padding: 5px;
}
/
Clearfix (clear floats) */
.mytable::after {
content: ā€œā€;
clear: both;
display: table;
}

But the Tables are not Side-by-Side.
What Iā€™m doing wrong?

Many thanks in advanced