@media screen {
    #previewcetak_form .modal-dialog {display: block; width: 95%;}
    #cetak_container {padding: 0; margin: 0; background-color: #eee; overflow: auto;}
    #previewcetak_form .close { position: fixed; top: 20px; right: 25px; color: #555;}
}
@media print {
    .nonprintable,
    .toast-title, .toast-message {
        display: none !important;
    }
    body, html {visibility: hidden !important; width: 100%; height: auto; position: relative; top: 0; left: 0; bottom: auto; right: auto; margin: 0; padding: 0; overflow: visible; display: table; background: white;}
    #previewcetak_form {visibility: hidden !important; width: 100%; height: auto; position: relative; top: 0; left: 0; bottom: auto; right: auto; margin: 0; padding: 0; overflow: visible; display: table; background: transparent;}
    #previewcetak_form .modal-dialog {visibility: hidden !important; width: 100%; height: auto; position: relative; top: 0; left: 0; bottom: auto; right: auto; margin: 0; padding: 0; overflow: visible; display: table; background: transparent;}
    #previewcetak_form .modal-content {visibility: hidden !important; width: 100%; height: auto; position: relative; top: 0; left: 0; bottom: auto; right: auto; margin: 0; padding: 0; overflow: visible; display: table; background: transparent;}
    #previewcetak_form .modal-body {visibility: hidden !important; width: 100%; height: auto; position: relative; top: 0; left: 0; bottom: auto; right: auto; margin: 0; padding: 0; overflow: visible; display: table; background: transparent;}
    #previewcetak_form .close {visibility: hidden !important; background: transparent;}
    #cetak_container {visibility: hidden !important; width: 100%; height: auto; position: relative; top: 0; left: 0; bottom: auto; right: auto; margin: 0; padding: 0; overflow: visible; display: table; background: transparent;}
}

.cetak-content,
.cetak-laporan {
    margin: 0px; padding: 0px; 
    /*width: 100%;*/
    font-family: cursive;
    /*font-family: monospace;*/
    font-size: 12pt; line-height: 100%;
    font-weight: lighter;
    border: 1px dotted #000000;
    display: table;
}
.cetak-content>*,
.cetak-laporan>* {
    visibility: visible !important;
}
.cetak-laporan > table {
    border-left: 1px solid black;
    border-top: 1px solid black;
}
.cetak-laporan > table > thead > tr > th {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding: 5px;
}
.cetak-laporan > table > tbody > tr > td {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding: 5px;
}
.cetak-laporan > table > tfoot > tr > td {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding: 5px;
}
.cetak-laporan .text-left {
  text-align: left;
}
.cetak-laporan .text-right {
  text-align: right;
}
.cetak-laporan > .text-center {
  text-align: center;
}
/*custom*/
.cetak-laporan > table > thead > tr > .namaprshn_mscustomer,
.cetak-laporan > table > thead > tr > .nama_brg {
    min-width: 200px;
}
/*end - custom*/


.cetak-content div, .cetak-content table, .cetak-content tr, .cetak-content td, 
.cetak-content th, .cetak-content span, .cetak-content p {
    margin: 0px; padding: 0px; font-size: inherit; line-height: inherit; font-weight: inherit;
}
.cetak-content .title {font-size: 140%; line-height: 140%;}
.cetak-content .subtitle {font-size: 110%; line-height: 110%;}
.cetak-content .footnote {font-size: 90%; line-height: 90%;}
.cetak-content .userinfo {font-size: 80%; line-height: 90%;}
.cetak-content .quantity, .nominal {text-align: right;}
.cetak-content .center {text-align: center;}
.cetak-content .right {text-align: right;}
.cetak-content .bold {font-weight: bold;}


.cetak-content .tabelrincian {
    clear: both; float: none; width: 100%;
    /*border-left: 1px solid #000000;*/
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    margin-top: 5px; margin-bottom: 5px;
}
.cetak-content .tabelrincian > thead tr:last-child td {
    border-bottom: 2px solid #000000;
    font-weight: bold;
}
.cetak-content .tabelrincian thead {
    text-align: center;
}
.cetak-content .tabelrincian > .table_content tr:last-child td {
    border-bottom: 2px solid #000000;
}
.cetak-content .tabelrincian {
    border-bottom: 1px solid #000000;
}
.cetak-content .tabelrincian td {
    /*border-right: 1px solid #000000;*/
    border-right: 2px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 2px 5px 2px 5px; margin: 0px;
}

.cetak-content td {vertical-align: top;}

.cetak-content .col10 {width: 10%;}
.cetak-content .col20 {width: 20%;}
.cetak-content .col30 {width: 30%;}
.cetak-content .col40 {width: 40%;}
.cetak-content .col60 {width: 60%;}
.cetak-content .col80 {width: 80%;}

.cetak-content .tabelborderless {clear: both; float: none; width: 100%;}
.cetak-content .tabelborderless th {border: none;}
.cetak-content .tabelborderless > tr > td {border: none; padding: 0px; margin: 0px;}

.cetak-content .BKCTK_LOGO {
    display: block;
    margin: 0; padding: 0;
    height: 110px;
}
.cetak-content .BKCTK_LOGOTEXT {
    display: block;
    margin: 0; padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 450px;
}
.cetak-content .BKCTK_TITLE {
    margin: 0; padding: 0;
    font-family: Tahoma; font-size: 14pt; font-weight: bold; 
    line-height: 1;
}
.cetak-content .BKCTK_NAMAUSAHA {
    margin: 0; padding: 0;
    font-family: Tahoma; font-size: 12pt; font-weight: bold; 
    line-height: 1;
}
.cetak-content .BKCTK_ALMTUSAHA {
    margin: 5px; padding: 0;
    font-family: Tahoma; font-size: 11pt; 
    line-height: 1;
}

@media print {
    #cetak_button {display: none !important;}
    .cetak-content {border: none;}
    .cetak-content {visibility: visible !important; width: 100%; height: auto; position: relative; top: 0; left: 0; bottom: auto; right: auto; margin: 0; padding: 0; overflow: visible; display: table;}
}