@media print{
    *{ color: Black !important; background-color: White !important; }
    html,body{ color: Black !important; background-color: White !important; font-family: "Times New Roman", Times, serif; font-size: 11pt; }
    a{ color: Black !important; background-color: White !important; }

    @page{ margin: 2cm; } 

    #nav, #menu, #left, .zapati, .potvrzeni,  #top, #right, div#submenu,.banner, .ban-top, .ban2, #login, #topnav, #supernav, #drobky, object, #flash, .zapati, .search, #pata, #search, .drobky, #mutace, .mutace, .submenu, #submenu, form, .noprint, .banner, #banner-top, .banner-top
    { display: none; }
    #head{ margin-bottom: 1cm;  font-size: 1.5em; font-weight: bold;
    }
    #head a{ text-decoration: none; }

    div#head .hidden{ position: static; top: auto; left: auto; font-size: 20pt; font-weight: bold;  display: block;}
    table.tab{ border-collapse: collapse; font-size: 1em; }
    table.tab td{ border: 1px solid black; }
    input, textarea, select{ font-size: 1em; }

    .obr{ float: left; margin: 0px 2em .5em 0; border-width: 0px; display: block; }
    .obr2{ float: right; margin: 0px 0px .5em 2em; border-width: 0px; display: block; }
    .obr3{ border: 1px solid black; }
    img{ float: left; margin: 0 2em .5em 0; }


    a img{ border: 0; }

    div#plocha, div#main, div#stred{ margin: 0; padding: 0; }

    h1,h2{ clear: both; }
    h1,h2,h3,h4,h5,h6{page-break-after:avoid; font-family: inherit; font-weight:bold;margin:.4em 0; }

    h1{font-size:15pt; margin:15pt 0 3pt 0;}
    h2{font-size:14pt; margin:15pt 0 6pt 0;}
    h3{font-size:13pt; margin:15pt 0 4pt 0;}
    h4{font-size:12pt; margin:15pt 0 3pt 0;}
    h5{font-size:11pt; margin:15pt 0 2pt 0;}
    h6{font-size:10pt; margin:15pt 0 2pt 0;}


    hr{ height: 1px; color: gray; background: gray; clear: both; margin: 0; padding: 0; border: 0; }

    img, ul, ol{page-break-inside:avoid;}
    .progress-bar {
        display: none;
    }

    .obr, .obr-left{ float: left; margin: 0px 10px 5px 0; display: inline; }
    .obr2, .obr-right{ float: right; margin: 0px 0px 5px 10px; display: inline; }
    .obr3, .obr-center{ float: none; margin: 0px auto 12px auto; display: block; }
    .obr-text{ vertical-align: text-bottom; }
    .ecllipse {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 20px;
        width: 80%;
    }
    #header { display: none; }
    #headerLogoPrint { display: block; max-height: 140px; }

    .testTitle { margin-top: 20px; }
    .testHeader>h2 { display: none; }

    #plocha { display: flex; flex-direction: column; }

    .questionScore { order: 0; }

    .questionScore>h1 { display: none; }

    .questionResultItem { clear: both; }

    .questionResultItem>.chart { float: right; width: 19%; margin: 0 1%;}
    .questionResultItem>.chart>h2 { font-weight: 700; font-size: 100%; }

    .questionResultItem>.questionText { float: left; width: 26%; margin: 0 2%; }

    .questionResultItem>.answer { float: left; width: 45%; margin: 0 2%; }

    .questionResultItem .questionComment { display: none; }

    .overallScore { order: 1; }

    .overallScore>h1{ display: none; }

    .overallResults.chart:before,
    .overallResults.chart:after { display: none; }
}