@page {size:209.5mm 297mm; margin:0;}
body {background:#FFF; font-family:"Open Sans", Arial, Verdana; font-size:4.5mm; color:#231F20; margin:0;}
html, body {width:209.5mm; height:297mm; margin:0 auto;}

*, *::before, *::after {box-sizing:border-box;}

.pdfFPage, .pdfPage {float:left; width:209.5mm; position:relative;}
.pdfPage {height:346.25mm; page-break-after:always !important;}

.header {float:left; width:209.5mm; height:25.93mm;}
.logo {float:left; width:59.257mm; height:25.93mm;}
.logo img {float:left;}
.logoTitle {float:left; width:41mm; height:22.22mm; font-family:"Arimo", Arial, Verdana, Helvetica; font-weight:700; color:#FFF; display:table; margin:3.7mm 0 0;}
.logoTitle a {color:#FFF;}
.logoTitle a:hover {color:#FFF; text-decoration:none;}
.logoTitleInt, .logoTitleAl {float:left; width:100%; text-align:center;}
.logoTitleInt {font-size:10px; color:#6A696D;}
.logoTitleAl {font-size:40px; color:#175E32;}

h1, h2, h3, h4, h5, h6 {font-family:"Roboto", Arial, Verdana, Helvetica; font-weight:700;}

.fixturesHeader {float:left; width:150.2mm; height:25.93mm; display:table;}
.logoTitleT, .fixturesHeaderT {display:table-cell; vertical-align:middle; text-align:center;}
.logoTitleT {height:18.52mm;}
.fixturesHeaderT {width:146.2mm; height:25.93mm;}
.fixturesHeaderT p {font-family:"Roboto", Arial, Verdana, Helvetica; font-weight:700; font-size:5mm; color:#175E32; margin:0;}

.main {float:left; width:209.5mm; min-height:313.74mm; padding:3.29mm 0;}
.main h1, .main h2, .main h3 {float:left; width:100%; font-size:6mm; margin:0 0 2mm;}
.main h1 {text-align:center;}

.fixturesWeek {float:left; width:209.5mm;}
.fixturesWeekC {width:101mm;}
.fixturesWeek {margin-bottom:5mm;}
.fixturesGroup {float:left; width:103mm; margin-bottom:3mm;}
.fixturesSingle {float:left; width:209.5mm; margin-bottom:3mm;}
.fixturesGroup:nth-child(2n+0), .fixturesWeekC:nth-child(2n+0) {clear:both; margin-right:3.5mm;}
.weekHeader {float:left; width:100%; font-size:4.5mm; font-weight:600; margin-bottom:1mm;}
.fixturesH {float:left; width:50%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.mlHeader {float:left; width:100%; font-size:4mm; font-weight:600; text-align:left; margin-bottom:1mm;}

.fixturesMatch {float:left; background:#FCFCFC; border:1px solid #F1F2F3; width:103mm; margin-bottom:2mm; position:relative; display:table; padding:0 2mm; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.fixturesLegend {float:left; width:103mm; display:table; padding:0 2mm;}
.fixturesSingle .fixturesMatch, .fixturesSingle .fixturesLegend {margin:0 53.25mm 2mm;}
.homeTeam, .awayTeam {width:45.5mm; height:8.2mm; font-size:3.5mm; display:table-cell; vertical-align:middle;}
.fixturesLegend .homeTeam, .fixturesLegend .awayTeam {font-size:2.5mm !important;}
.fixturesLegend .teamScore, .fixturesLegend .teamRink {font-weight:400 !important;}
.awayTeam {text-align:right;}
.teamName {width:29.5mm; display:table-cell; vertical-align:middle;}
.teamScore, .teamRink {width:8mm; font-weight:600; display:table-cell; vertical-align:middle; text-align:center;}
.fixturesVersus {width:8mm; height:8.2mm; line-height:8.2mm; font-size:3.5mm; font-weight:700; color:#175E32; text-align:center;}

.leagueTable {float:left; width:209.5mm; margin-bottom:15mm; border-collapse:collapse;}
.leagueTable thead {background:#F7F7F5; font-size:3.5mm; height:8mm;}
.leagueTable th {padding-top:3.5mm; border-bottom:1px solid #DBDBDB;}
.leagueTable th, .leagueTable td {text-align:right;}
.leagueTable td.tN {text-align:left; width:69.35mm; padding:0 1mm;}
.leagueTable td {padding:1.5mm 0; border-bottom:1px solid #EDEDED;}
.tS {width:10mm;}
.tM {width:17mm;}
.tL {width:22mm;}
th.tP {padding:3.5mm 1mm 0;}
td.tP {padding:1.5mm 1mm;}


/*
1mm = 3.779575px;
eg:
100px = (100 / 3.779575) = 26.458mm
*/