@media print {
    .modal td, .modal .bottom-info-wrapper{
    break-inside: avoid;
    }

    body{
        -webkit-print-color-adjust:exact !important;
        print-color-adjust:exact !important;
        color-adjust:exact !important;
    }
}

.modal .about-wrapper p, table p, .modal .bottom-info-wrapper p{
    margin: 0;
    padding: 0;
}

.modal .about-wrapper, .modal .company-info-wrapper {
    font-size: 1.1rem;
}

.modal .about-wrapper p, .modal .company-info-wrapper p{
    padding: 3px 0;
}

.modal table th p{
    line-height: 1.25;
}

.modal table{
    width: 100%;
    border-color: #000 !important;
}

.modal table .text-wrapper, tr th{
    font-size: .9rem;
}

.modal table p{
    font-size: .9rem;
    padding: 7px 0;
}

.modal .header-row p {
    padding: 0;
}

.modal table td{
    padding:  2px .75rem !important;
}

.modal table th {
    padding: 8px 0.75rem!important;
}

.modal tr td, .modal tr th{
    text-align: end;
    height: auto!important;
}

.modal tr td:nth-child(-n+4), .modal tr th:nth-child(-n+4){
    text-align: start;
}

.modal tr td:nth-child(4) .text-wrapper{
    font-size: 0.65rem;
}

.modal .bordered {
    border-top: 1px solid #000;
}

.modal .reciept-info-wrapper p, .modal .company-info-wrapper p{
    padding: 0;
    margin: 0;
}

.modal .translated {
    font-size: 0.65rem;
    text-transform: uppercase;
}

.modal .logo-wrapper{
    width: 250px;
}

.modal .reciept-info-wrapper p{
    font-size: 1.25rem;
}

.modal .reciept-info-wrapper .translated{
    font-size: 0.65rem;
}

.modal .bottom-info-wrapper{
    font-size: 0.65rem;
}

.modal .total-ammount{
    font-size: 0.875rem;
    margin-bottom: 0;
}

.modal .lower-table p {
    text-align: center;
    font-size: .9rem;
}

.modal .title {
    font-size: 1.25rem;
    font-weight: bold;
}

.modal .title span {
    padding: 2px 10px 4px;
    background: #000;
    color: #fff;
}

.modal .invoice {
    font-size: .9rem;
}

.modal .header-row{
    background:#000;
    color: #fff;
    text-transform: uppercase;
}

.modal .total-wrapper{
    border: 2px solid #000;
}

.modal .total-wrapper .cro-info{
    margin-left: 12px;
}

.modal .about-wrapper.total {
    padding-top: 10px;
}

.modal .about-wrapper.total p{
    border-bottom: 1px solid #000;
}

.modal .about-wrapper.first{
    padding: 0 20px 0 20px;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}

.modal .buyer{
    font-size: 0.875rem;
    font-weight: bold;
}

.modal .second-table td:nth-child(n+2), .modal .second-table th:nth-child(n+2) {
    text-align: end;
}

.modal .second-table{
    margin-bottom: 0 !important;
}

.modal .eng-info{
    font-size: .9rem;
}

.modal .cro-info{
    font-size: 0.65rem;
    line-height: 0.75;
}