@page {
    size: A4;
    padding: .5cm;
    margin: 0 .12cm;
}

@media print {
    *{
        word-break: break-all;
    }
    div.no-internet-message,
    main .content > button.lock-btn,
    button.help-btn.ms-bgColor-themeDark.text-white.px-3.pb-5,
    div ~ button.help-btn.ms-bgColor-themeDark.text-white.px-3.pb-5,
    .sidebar,
    .top-row,
    #toast-container,
    .content > h1,
    .content > p,
    .content > div.border-bottom.border-secondary,
    .content > .row{
        display: none !important;
        visibility: none !important;
    }
    div.print-wrapper.d-none{
        display: flex !important;
    }
    .content{
        width: 100% !important;
        height: auto;
        max-width: unset !important;
        /* max-width: calc(100% - .24cm) !important; */
        /* overflow: visible; */
        /* padding: .25cm; */
    }
    .content.ms-bgColor-themeLighterAlt, .page{
        background-color: white !important;
        border: none !important;
    }
    main{
        background-color: white !important;
    }
    .print-footer {
        position: fixed;
        bottom: .5cm;
        left: .66cm;
        /* right: .5cm; */
        width: calc(100vw - 1.35cm);
    }
    .print-footer tr div{
        /* display: table-footer-group; */
    }
    .page-break {
        page-break-after: always;
        page-break-before: always;
        height: 1.85cm;
    }
    .content .print-wrapper table thead{
        /* display: table-header-group; */
        margin-top: .5cm !important;
    }
    /* .content .print-wrapper table thead{
        display: table-row-group;
    } */
    .print-wrapper td, .print-wrapper th , .print-wrapper .badge{
        padding: .1cm !important;
        word-break: keep-all !important;
    }
    .payslip{
        height: calc(50vh - .75cm);
        margin-bottom: .25cm;
    }
    .payslip:nth-child(2n){
        page-break-after: always;
        margin-bottom: 1.25cm;
    }
    .payslip:last-child{
        page-break-after: unset;
        margin-bottom: 0cm;
        height: calc(50vh - .8cm);
    }
}
@media print and (max-width: 15cm) {
    button.help-btn.ms-bgColor-themeDark.text-white.px-3.pb-5{
        display: none !important;
        visibility: none !important;
    }
    .print-wrapper *{
        font-size: 11px !important;
    }
    tbody .w-50{
        /* width: 100% !important; */
    }
    .print-wrapper small b {
        float: inline-end;
    }
    .print-wrapper .invoice-type b{
        display: block;
        width: 100% !important;
        text-align: center !important;
    }
    .print-wrapper .invoice-type{
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}
@media print and (max-width: 10cm) {
    .content{
        padding: 0 !important;
        padding-right: 1cm !important;
    }
    .print-wrapper td, .print-wrapper th{
        padding: 0 !important;
    }
    .print-wrapper *{
        font-size: 10px !important;
        color: black !important;
        font-weight: 500;
    }
    .print-wrapper b{
        font-weight: 700;
    }
    .print-wrapper .badge{
        padding: 0 !important;
        background-color: transparent !important;
    }
    .print-wrapper .content {
        padding: 0.25cm !important;
    }
    .print-wrapper small b{
        float: inline-end;
    }
    .print-wrapper table table thead th{
        /* color: white !important; */
        font-weight: 800;
    }
    .print-wrapper table table thead.ms-bgColor-themeDark, .print-wrapper table table thead.ms-bgColor-tealLight {
        background-color: #e1e1e1 !important;
    }
    .print-wrapper table table thead tr th {
        border: 1px solid black !important;
        text-align: center !important;
    }
    .print-wrapper table table tbody tr td {
        border: 1px solid black !important;
        text-align: center !important;
    }
    .print-wrapper table tbody tr td .border.border-secondary{
        border: 1px solid black !important;
    }
    .print-wrapper table tbody tr td .border-bottom.border-secondary{
        border-bottom: 1px solid black !important;
    }
}