div.answer {margin-left: 2em}
div.task { font-weight: bold; margin-top: 1em;  page-break-after: avoid;}
p {margin-top: 0; margin-bottom: 0.2em;  }
div.answer p {text-indent: 1em}
div.heading p { text-indent: 0}

.question {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 50%;
    padding-right: 2em;
    margin-top: 0.5em;
}
.label, .zadani {
    display: inline;
    font-weight: bold;
}

.zadani::after,
.label + .task:: after {
    content: " ";
    font-size: 0;
    display: block;
}

.label + .task, .task p {
    display: inline;
}

img {
    max-width: 80%;
/*    max-height: 150px; */
}

ul {
        margin-top: 0;
        margin-left: 0;
        padding-left: 1em;
        list-style: none; 
    }
    li {
        margin:0; padding: 0; 
    }
.checked {
    font-weight: bold;
}

input[type="checkbox"] {
    vertical-align: middle;
}

/*
form {display: flex; flex-flow: row wrap;}

.odpo_otazka_text_ {
    flex: 1 0 100%;
}

.odpo_otazka_spravnost_ok, .odpo_otazka_spravnost_partial, .odpo_otazka_spravnost_nok {
margin-top: 1em;
    flex: 1 0 50%;
}
*/

.odpo_otazka_spravnost_ok, .odpo_otazka_spravnost_partial, .odpo_otazka_spravnost_nok {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 50%;
    padding-right: 2em;
    margin-top: 0.5em;
}

@media print {
    body { margin: 0.5em; }
    body, .popisovaci {font-size: 8pt !important}
 
    .popis-m {
        width: 5em !important;
        font-size: 60%;
    }
    
#application { display: none; }
    

header { padding-bottom: 0.2em; border-bottom: 1px solid; margin-bottom: 1em}
.mezitext h1 {font-size: 100%; margin: 0; padding: 0}
    .mezitext br {font-size: 0; }
    
    div.task {page-break-inside: avoid; page-break-after: avoid }
div.answer, .question {page-break-inside: avoid; }
h2 {font-size: 14pt; margin-bottom: 0.2em}
section.student-export { page-break-after: always; margin-bottom: 30pt }

    td, th { padding: 0 0.3em;}
}