@media print {
    #drukuj {
        display: none;
    }
    body {
        background: #fff;
        
    }
    .btn {
        display: none;
    }
    .on {
            text-decoration: underline !important;
            display: block;
            color: #000 !important;
             -webkit-print-color-adjust: exact; 
    }
    .boiska label {
        display: none !important;
    }
    .boiska label.on {
        display: block !important;
    }
    #step2 .kolory span {
        -webkit-print-color-adjust: exact; 
    }
    .aktywne, #kolory span {
         -webkit-print-color-adjust: exact; 
    }
    #poprzeczne {
        width: 245px !important;
        background: #EFEFEF !important;
        -webkit-print-color-adjust: exact; 
    }
    #step3 {
        -webkit-print-color-adjust: exact; 
    }
    #step2 {
        border: 1px solid #000;
    }
    #poprzeczne table tbody tr td {
        border-right:  none;
        padding-top: 2px !important;
    }
    @page { size: portrait; }
}