@media print{
    @page {
        size: legal landscape;
        /* margin: 20mm 20mm 20mm 20mm;
        padding: 20mm 20mm 20mm 20mm; */
    }
    #header-section{
        page-break-inside: avoid !important;
        page-break-after: always;
    }
    #header-section{
        padding: 10mm 10mm 10mm 15mm;
    }
    .terms, #report-printer, #report-start, #chart-container-12-temp, #trends, #chart-17-pdf-chart, #chart-01-pdf-chart, #chart-16-pdf-chart, #chart-14-pdf-chart, #chart-02-pdf-chart,#chart-03-pdf-chart,#chart-05-pdf-chart,#chart-06-pdf-chart,#chart-07-pdf-chart,#chart-08-pdf-chart,#chart-09-pdf-chart,#chart-12-pdf-chart, #chart-11-pdf-chart,#chart-13-pdf-chart,#chart-15-pdf-chart{
        display: none;
    }
    
    #chart-container-17{
        page-break-after: always;
        padding: 10mm 10mm 10mm 15mm;
        width: 100%;
    }
    #text-container-01{
        padding: 10mm 10mm 0mm 10mm;
    }
    #text-container-02{
        padding: 0mm 10mm 0mm 10mm;
        page-break-after: always;
    }
    #chart-container-01{
        page-break-after: always;
        padding: 0mm 10mm 10mm 15mm;
        width: 100%;
    }
    #chart-container-02{
        page-break-after: always;
        padding: 10mm 10mm 10mm 15mm;
        width: 100%;
    }
    #chart-container-03{
        page-break-after: always;
        padding: 10mm 10mm 10mm 15mm;
        width: 100%;
    }
    #chart-container-13{
        page-break-after: always;
        padding: 10mm 10mm 0mm 15mm;
        width: 100%;
    }
    #chart-container-14{
        page-break-after: always;
        padding: 10mm 10mm 10mm 15mm;
        width: 100%;
    }
    #chart-container-05{
        page-break-after: always;
        padding: 10mm 10mm 10mm 15mm;
        width: 100%;
    }
    #chart-06{
        page-break-after: always;
        padding: 20mm 10mm 10mm 15mm;
        width: 100%;
    }
    #chart-06_2{
        page-break-after: always;
        padding: 20mm 10mm 10mm 15mm;
        width: 100%;
    }
    #chart-container-07{
        page-break-after: always;
        padding: 10mm 10mm 10mm 15mm;
        width: 100%;
    }
    #chart-container-08{
        page-break-after: always;
        padding: 10mm 10mm 10mm 15mm;
        width: 100%;
    }
    #chart-container-09{
        page-break-after: always;
        padding: 10mm 10mm 10mm 10mm;
        width: 100%;
    }
    #chart-container-10{
        display: none;
    }
    #chart-container-11{
        page-break-after: always;
        padding: 10mm 10mm 10mm 15mm;
        width: 100%;
    }
    #chart-container-12{
        page-break-after: always;
        width: 100%;
    }
    #map{
        page-break-inside: avoid;
        /* page-break-after: always; */
    } 
    /*heatmaps are next*/
    #chart-15-title1{
        page-break-before: avoid;
        margin-top: 0px;
    }

    #map-2{
        page-break-inside: avoid;
        page-break-after: always;
        /* page-break-before: always; */
        
    }
    #map-3{
        page-break-inside: avoid;
        page-break-after: always;
       
    }
    #map-4{
        page-break-inside: avoid;
        page-break-after: always;
    }
    #map-5{
        page-break-inside: avoid;
        page-break-after: always;
    } 
    
    #chart-container-16{
        page-break-after: always;
        padding: 0mm 10mm 0mm 10mm;
    }
    /* #methodology{
        padding: 0mm 10mm 0mm 10mm;
        page-break-inside: auto;
    } */
    #hpa-break{
        page-break-before:always;
        padding: 10mm 10mm 0mm 10mm;
    }
    #table-break{
        page-break-before: always;
        page-break-after:always;
        padding: 10mm 10mm 0mm 10mm;
    }
    .gradient-fill{
        background-color: linear-gradient(to right, #ffffff, #5e280c)!important;
    }
    #chart12-title{
        margin: none !important;
    }
    a{
        color :blue;
    }
    
}