@media screen {
    #printSection {
        display: none;
    }
    svg>rect {
        fill: transparent !important;
    }
    .scoreboardprint{
        visibility:hidden;
        display: none;
    }
    #myChart{
        margin-left: 5% !important;
    }
}
@media print {
   /* body * {
        visibility:hidden;
    }
    */
    .mid-graphic-print{
        max-width: 100% !important;
    }

    .layout-row{
        flex-direction: column !important;
    }
    #printSection, #printSection * {
        visibility:visible;
    }
    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
    #navbar-main{
        visibility:hidden;
        display: none;
    }
    #verticalMenu{
        display: none;
    }
    #myChart{
        margin-left: 5% !important;
    }
    button{
        visibility:hidden;
        display: none;
    }
    md-button{
        visibility:hidden !important;
        display: none !important;
    }

    .hideonprint{
        visibility:hidden !important;
        display: none !important;
    }
    md-chips{
        visibility:hidden;
        display: none;
    }
    #filtereport{
        visibility:hidden;
        display: none;
    }
    #filterText{
        visibility:hidden;
        display: none;
    }
    .btnsreport{
        visibility:hidden;
        display: none;
    }
    #verticalMenu{
        visibility:hidden;
        display: none;
    }
    .boxdataDashboard{
        -webkit-print-color: exact !important; 
    }
    md-toolbar{
        margin-top: 3%;
        background: #455a64 !important; 
        height:60px;
    }
    .md-colorprint-1{
        -webkit-print-color-adjust: exact; 
    }
    p.md-text-light-print{
        color: #fff !important;
    }
    .printtop{
        margin-top: -500px;
    }
    md-content, section, .mid-graphic-print{
        page-break-inside: avoid;
        margin-bottom: 2%;
        position: relative;
    }

    svg>rect {
        fill: transparent !important;
    }
}