/* Media Query CSS for pnl reports */

@media print {

    header, footer, aside, nav, form, iframe, .menu, .hero, .adslot {
        display: none;
    }

    img, svg {
        display: none !important;
    }
    
    img.print, svg.print {
        display: block;
        max-width: 100%;
    }

    img.dark {
        filter: invert(100%) hue-rotate(180deg) brightness(120%) contrast(150%);
    }

    body {
        margin: 0;
        color: #000;
        background-color: #fff;
    }

    #filter-box, #kt_aside, #kt_footer, #kt_header, #kt_header_mobile {
        display: none !important;
    }

    #kt_footer div, #kt_header div, #kt_aside div, #kt_header_mobile div{
        display: none !important;
    }

    #action-box{
        display: none !important;
    }

    #kt_content .card-header {
        display: block;
    }

    #kt_content .card-title {
        display: block;
        text-align: center;
    }

    #kt_content h2.card-label {
        font-size: 30pt !important;
    }

    #kt_content h2.card-label > span {
        font-size: 17pt !important;
    }

    #pnlContainer {
        max-width: 100%;
        flex: 0 0 100%;
    }

    table, img, svg {
        break-inside: avoid;
    }

    h1 {
        break-before: always;
    }

    #kt_content a {
        color: black !important;
        text-decoration: none !important;
    }

    #kt_content table th, #kt_content table td, #kt_content table td a {
        font-size: 15pt !important;
    }

    .not-printable {
        display: none !important;
    }

    /* :not(.printable) {
        display: none;
    } */

    /* Modal Detailed View */

    .modal-header, .modal-footer{
        display: none;
    }
    i.fa{
        display: none;
    }
    #{
        padding: 0;
        margin: 0;
        width: 100% !important;
    }
    .modal-dialog{
        margin: 0;
        padding: 0;
        max-height: 100vh;
        height: 100vh;
        max-width: 100%;
        width: 100%;
    }
}