@media print {
    @page {
        size: A4 Portrait;
        margin: 0;
    }

    .report-content table {
        line-height: 10px;
    }

    table.report-container {
        page-break-after: always;
    }

    .he {
        display: block;
        position: relative;
        height: 100px;
        top: 0px;
        width: 100%;
        color: rgb(65, 61, 61);
        border-bottom: groove 1px rgba(65, 61, 61, 0.3);
        font-weight: normal !important;
    }

    .footer-info {
        display: block;
        position: fixed;
        bottom: 0px;
        height: 30px;
        width: 100%;
        color: rgb(65, 61, 61);
    }

        .footer-info p {
            margin-top: 5px;
            text-align: center;
            font-weight: bold;
            font-size: 9pt;
        }

    .en_info {
        text-align: left;
        font-size: 10pt;
        width: 33%;
    }

    .ar_info {
        text-align: right;
        font-size: 10pt;
        width: 33%;
    }

    table.tot td {
        border-bottom: 1px solid black;
        font-family: serif;
        font-size: 12pt;
    }

    table.tot {
        width: 25%;
        margin-left: 75%;
    }

    tfoot {
        border: 0 !important;
    }
    .customerInfo{
        width:60%;
    }
}

@media screen {
    .report-content table {
        line-height: 10px;
    }

    .he, .footer-info {
        display: none;
    }

    table.tot {
        width: 25%;
        margin-left: 75%;
    }

        table.tot td {
            border-bottom: 1px solid black;
            font-family: serif;
            font-size: 12pt;
        }

    tfoot {
        border: 0 !important;
    }

    .customers, .details {
        display: none;
    }

    .no_body {
        max-width: 300px;
        min-width: 300px;
        width: 300px;
        word-wrap: break-word;
        overflow: auto;
        height: 95%;
    }
    .offer_body {
        max-width: 500px;
        min-width: 500px;
        width: 500px;
        word-wrap: break-word;
        overflow: auto;
        height: 95%;
    }

    .close_ch {
        width: 300px;
        position: fixed;
        bottom: 0px;
    }
    .close_offer {
        width: 500px;
        position: fixed;
        bottom: 0px;
    }
        .close_offer li {
            width: 100%;
        }

    .close_ch li {
        width: 50%;
    }

    .centered {
        position: fixed; /* or absolute */
        top: 50%;
        left: 50%;
    }

    ul.h-menu li a {
        cursor: pointer;
    }

    tbody.culist tr :hover {
        cursor: pointer;
        color: black;
    }
    li img {
        width: 40px;
    }

    table tbody {
        font-size: 11pt;
        font-family: sans-serif;
    }

    .culeft {
        height: calc(100vh - 56px);
        overflow: auto;
    }

    .app-bar-present {
        width: auto;
    }

    .invall {
        width: 100%;
        height: 350px;
        overflow: auto;
    }

    #popNotification {
        position: fixed;
        left: 0px;
        bottom: 10px;
        z-index: 100;
    }
    #popOffer {
        position: fixed;
        right: 0px;
        bottom: 10px;
        z-index: 100;
    }

    .left_info {
        margin-top: -33px;
        width: 60%;
    }
    div.pri {
        display: none;
        height: calc(100vh - 56px);
        overflow: auto;
    }

    .files table td{
        cursor: pointer;
    }
    #newFile {
        display: none;
    }
    .customers table tr:hover {
        cursor: pointer;
        color: black;
    }

    .bills table tr td:first-child:hover {
        cursor: pointer;
    }

    h6 {
        margin-bottom: 0px;
    }
 
    .details input{
        width:50px;
    }
    .restrictSIZ {
        height: calc(100vh - 200px);
        overflow: auto;
    }

    #searchCustomerLeft{
              width:173px !important;
    }

    .info-box {
        width: 600px;
        height: auto;        
        top: 3%;        
        overflow-y: auto;

    }
    #power {
        height: calc(100vh - 100px);            
    }

}