@page {
    size: letter portrait;

    @frame header_frame {
        -pdf-frame-content: header_content;
        left: 0px; width: 100%; top: 0px; height: 45px;
        -pdf-frame-border: 1;
    }
     @frame kpi-container_frame {
        -pdf-frame-content: kpi-container;
        left: 35px; width: 100px; top: 50px; height: 300px;
        -pdf-frame-border: 1;
    }
    @frame overview_frame {
        -pdf-frame-content: overview;
        left: 145px; width: 640px; top: 50px; height: 600px;
        -pdf-frame-border: 1;
    }
    /*@frame campaign-summary_frame {
        -pdf-frame-content: campaign-summary;
        left: 35px; width: 450px; top: 220px; height: 300px;
        -pdf-frame-border: 1;
    }
    @frame chart-container_frame {
        -pdf-frame-content: chart-container;
        left: 340px; width: 220px; top: 220px; height: 300px;
        -pdf-frame-border: 1;
    }
    @frame department-container_frame {
        -pdf-frame-content: department-container;
        left: 35px; width: 521px; top: 475px; height: 250px;
        -pdf-frame-border: 1;
    } */
    @frame footer_frame {
        -pdf-frame-content: footer_content;
        left: 5px; width: 100%; top: 700px; height: 42px;
        -pdf-frame-border: 1;
    }
}
html{
    font-family: Helvetica;
    display: block;
}
#header_content{
    width:100%;
    height:100%;
    background-color: #000000;
}
h1{
    display: block;
    font-weight:bold;
    font-size: 18pt;
    font-family: Helvetica;
    color: #ffffff;
    width: 100%;
    background-color: #000000;
    text-align: left;
    padding: 3px;
}
h2{
    display: block;
    font-size: 10.5pt;
    font-family: Helvetica;
    color: #000000;
    font-weight: bold;
}

p{
    display: block;
    font-size: 10.5pt;
    font-family: Helvetica;
    color: #000000;
    font-weight: normal;
}

td{
    font-size: 10.5pt;
    font-family: Helvetica;
    color: #000000;
    font-weight: normal;
}

#kpi-container{
    background-color:#00a7e1;
    text-align: left;
    padding: 20px;
    width: 100%;
    height:100%;
}
#kpi-container > h2{
    font-size: 10.5pt;
    color: #ffffff;
}

.kpi-num{
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 18pt;
    font-weight: bold;
}

.kpi-title{
    margin-top: 0;
    padding-top: 0;
    font-size: 12pt;
}

.kpi{
    text-align: left;
}

tr,
th,
td {
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    font-size: 10px;
}

th {
    text-align: center;
    font-weight: bold;
    padding: 10px;
    background-color: red;
}
ul {
    margin-left: 1.5em;
    list-style-type: disc;
}
li{
    display: block;
}
strong{
    font-weight: bold;
}
/*
#legend{
    color:blue;
    table-layout: fixed;
    width: 640px;
    border-width: 4;
}

table{
    border-color: blueviolet;
    color:blue;
    table-layout: auto;
    width: 640px;
    border-width: 4;
}

td{
    border-color: crimson;
    border-width: 5px;
    color:red;
} */