@page {
        margin: 0;
        size: letter;
        /*or width then height 150mm 50mm*/
}
div.tab-content-print {
        width: 70% !important;
        margin: 0 auto;
}
.qc_main_cls{display: none!important;}
.only_print{display: none !important;}

@media print {
        body {
                height: auto !important;
                overflow: visible !important;
                -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
        }

        * {
                overflow: visible !important;
                overflow-y: visible !important;
                color: #000000;
                transition: none !important;
                -moz-transition: none !important;
                -webkit-transition: none !important;
        }
        div:not([class="apex_main_cls"]) , div:not([class="apex_main_cls"]) div {
                height: auto !important;
        }
        .fade {
                transition: none!important;
                -moz-transition: none!important;
                -webkit-transition: none!important;
                opacity: 1 !important;
        }

        #pdfHere {
                height: auto !important;
                overflow: visible !important;
                overflow-y: visible !important;
        }

        .btn,
        .nav.nav-tabs {
                visibility: hidden;
                display: none;
        }

        .tab-content > .tab-pane {
                display: block !important;
                opacity: 1!important;
                visibility: visible !important;
        }

        .tab-content > .fade {
                opacity: 1 !important;
        }

        .col-sm-1,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12 {
                float: left;
        }

        .col-sm-12 {
                width: 100%;
        }

        .col-sm-11 {
                width: 91.66666667%;
        }

        .col-sm-10 {
                width: 83.33333333%;
        }

        .col-sm-9 {
                width: 75%;
        }

        .col-sm-8 {
                width: 66.66666667%;
        }

        .col-sm-7 {
                width: 58.33333333%;
        }

        .col-sm-6 {
                width: 50%;
        }

        .col-sm-5 {
                width: 41.66666667%;
        }

        .col-sm-4 {
                width: 33.33333333%;
        }

        .col-sm-3 {
                width: 25%;
        }

        .col-sm-2 {
                width: 16.66666667%;
        }

        .col-sm-1 {
                width: 8.33333333%;
        }

        canvas {
                width: 80% !important;
        }

        svg {
                /* width: 80% !important; */
                transform: scale(0.8,0.8);
                -ms-transform: scale(0.8,0.8); /* IE 9 */
                -webkit-transform: scale(0.8,0.8); /* Safari and Chrome */
                -o-transform: scale(0.8,0.8); /* Opera */
                -moz-transform: scale(0.8,0.8); /* Firefox */
        }
        /* .qc_main_cls{display: block!important;}
        .apex_main_cls{display: none!important;} */
        .apexcharts-toolbar{display: none !important;}
        .page-break { display: block; page-break-before: always; }
        .chart-bar {
                width: 70% !important;
        }
        #downtimeChartContainer canvas , #occurrenceChartContainer canvas{
                width:450px !important;
                height:450px !important; 
                text-align: center;
                margin: 0 auto;
        }
        .only_print{display: block !important;}
}