/* Create your style on here */
/* Don't display when printing */

@media print {
    .margin-print {
        margin-top:-100px !important;
    }
    .no-print {
        display: none !important;
    }
    .header-content,
    .header-left,
    .header-right,
    .footer-content {
        display: none !important;
    }
    .right-side {
        margin: 0;
    }
}

/* Enhancement for printing */
@media print {
    .invoice {
        width: 100%;
        border: 0;
        margin: -30px 0px 10px 0px;
        padding: 0px 20px 0px 20px;
    }
    .invoice-col {
        float: left;
        width: 33.3333333%;
    }
    .invoice-col-1{
        float: left;
        width: 8.333333333333332%;
    }
    .invoice-col-2{
        float: left;
        width: 16.666666666666664%;
    }

    .invoice-col-3{
        float: left;
        width: 25%;
    }
    .invoice-col-4{
        float: left;
        width: 33.33333333333333%;
    }
    .invoice-col-5{
        float: left;
        width: 41.66666666666667%;
    }
    .invoice-col-7{
        float: left;
        width: 58.333333333333336%;
    }
    .invoice-col-8{
        float: left;
        width: 66.66666666666666%;
    }
    .invoice-col-9{
        float: left;
        width: 75%;
    }
    .invoice-col-10{
        float: left;
        width: 83.33333333333334%;
    }
    .invoice-col-11{
        float: left;
        width: 91.66666666666666%;
    }
    .table-responsive {
        overflow: auto;
    }
    .table-responsive > .table tr th,
    .table-responsive > .table tr td {
        white-space: normal!important;
        height: 1px;
    }

    .table-kk > .table tr th,
    .table-kk > .table tr td {
        white-space: normal!important;
        padding: 0px;
        margin:0px;
    }

}

.content-surat{
    text-indent: 3em !important;
    text-align: justify;
}

.content-default{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}