
.print .page{
    clear: both;
    background: none repeat scroll 0 0 #fff;
    /*float: left;*/
    margin: 1.5cm;
    padding: 2cm;
    font-size: 12px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.print .page.A4{
    min-height: 29.7cm;
    width: 21cm;
}

.print .page.letter{
    min-height: 28cm;
    width: 21.6cm;
}

.print .h1-title {
    font-size: 20px;
    font-weight: normal;
    padding: 10px 0 20px;
}

.print .report {
    clear: both;
    border: 1pt solid #d0d3d5;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #f3f4f4;

}

.print .page .print-watermark{ 
    float: left;
    text-align: center;
    width: 100%;
    font-size: 10px;
}

.print-wrapper .print-form { float: left; } 
.print-wrapper .well{float: left; width: 100%;}

.print .report .box-tools{ display: none; }
.print .report .box-header:hover > .box-tools{ display: block; }
.print-wrapper .print-options .seperator{ margin: 0 8px; }
.print-wrapper .print-options button i{
    margin-right: 5px;
}
.print-wrapper .well.print-options{
    position: fixed;
    width: auto;
    z-index: 10;
    margin: 10px 0 0 82px;
}

.print-alerts .dropdown-menu{
    padding: 17px;
}
.print-alerts .dropdown-menu button{
    height: 32px;
    line-height: 0;
    margin: 8px 0;
    width: 100%;
}

.print .page .metric-report{
    width: 50%;
}
.print .metric-report .icon{
    font-size: 65px; 
}
.print .metric-report .more-link{
    display: none;
}

@media print{

    /* #printer is for the phantomjs PDF generator */

    html, body, #printer .page, .page {
        background: none !important;
        margin: 0 0 0 0 !important;
        padding: 0 !important;
    }    
    
    
    .print .page.A4, .print .page.letter{
        width: 16cm !important;
        min-height: 0 !important;
    }


    /* we have to do this for phantom */
   /* *:not(.phantom) {
        overflow: visible;
    }

     //now we make exceptions 
    .phantom * {
        overflow: hidden;    
    }*/

    * {
        overflow: hidden;    
    }

    .page {
        clear: both;
        page-break-after:always;
        /*position:relative;*/
        box-shadow: none !important;
        font-size: 12px;
        overflow: visible;
    }

    .page:last-child{
        page-break-after: avoid;
    }

    #printer .page .metric-report{
        width: 50%;
    }

    #printer .h1-title {
        font-size: 20px;
        font-weight: normal;
        padding: 10px 0 20px;
    }

    .content{ margin-top: 0; background: #FFF; }

    #printer .box { clear: both; overflow: visible;}
    #printer .box-body { overflow: visible; }
    #printer .dataTables_wrapper * { overflow: visible; }
    
    
    #printer .box .box-footer{ border: 0; }



    .report td *{ overflow: visible; }
    #printer .report .leafletmap *{ overflow: visible; }

    #printer .report .linechart svg.nvd3-svg{ height: 230px; }
    #printer .report .barchart svg.nvd3-svg{ height: 230px; }
    #printer .report .stackedarea svg.nvd3-svg{ height: 250px; width:100%; }   

    #printer table.dataTable thead .sorting{ background: none; }

    #printer.content .box{ background: #FFF; box-shadow: none }

    #printer .report .leaflet-top.leaflet-left,
    #printer .report .leaflet-bottom.leaflet-right,
    #printer .nv-point,
    #printer.content .small-box-footer.more-link,
    #printer.content .report .close_help,
    #printer.content .report .box-tools{ display: none; }
    #printer.content .report .dataTables_info,
    #printer.content .report .dataTables_paginate,
    #printer.content .report .dataTables_length{ opacity: 0; }

    #printer.content a[href]:after { content: none; }    
}