.preview-mode .navbar,
.preview-mode .sidebar,
.preview-mode .btn,
.preview-mode .footer-soft {
    display: none !important;
}

.preview-mode body {
    background: white;
    overflow: hidden;
}
.content {
    height: calc(100vh - 60px);
    overflow-y: auto;
}
    
@media screen {
    #pageHeader{
        display:none;
    }
}

@media print {

    html, body {
        height: auto !important;
        overflow: visible !important;
        
    }

    * {
        overflow: visible !important;
    }

    .content {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;        
    }
 


    table {
        page-break-inside: auto;
    }

    tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }

    .sidebar,
    .header,
    #custom-alert,
    button {
        display: none !important;
    }

     @page {
        size: A4;
        margin: 6mm;

        @top-left {
        content: element(pageHeader);
        }

        @bottom-left {
            content: element(pageFooter);
        }
    }

   #pageHeader{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;

        height: 80px;

        background: white;
        z-index: 9999;
    }

    body,td {
        font-size: 10pt;
        font-family: Arial, Helvetica, sans-serif;
        /* font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */
    }
    .nomor{
        border:1px #009900 dashed;
        color:#009900;
    }
    .opt{
        border:1px #0056cd solid;
        color:#0056cd;
    }
    .optSeparator{
        color:#0056cd;
        border-bottom:1px #0056cd solid;
    }
    .raportSection{
        color:#0056cd;
        border-bottom:1px #0056cd solid;
    }
    #raportPrintTitle{
        font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }

}