.toc {
    display: none;
}

.search {
    float: right;
    width: 200px;
    height: 500px;
}

.display {
    margin-right: 220px;
    margin-top: 2em;
}

.toc ul {
    display: inline-block; 
    vertical-align: top;
}

.toc li::before {
    display: none
}

.part /*+ .part*/ {
    margin-top: 1.8em;
}

.biblio {
    font-size: 80%;
    border: 1px solid #f63;
    border-left-width: 10px;
/*    padding: 0.5em;*/
}

.question {
    padding: 0.5em;
    padding-left: 30px;
/*    color: #999;*/
}

.question + .question {
    margin-top: 1em;
}

.question h3 {
    margin-left: 0;
    padding-left: 0;
}
.question p {
    padding-left: 0;
    text-indent: 0;
}

.task {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.5em;
    position: relative;
/*    padding-right: 40px;*/
    
}

.notes, .answer-toggler, .answer {
    display: inline-block;
    vertical-align: top;
}
.notes {
    width: 45%;
    min-height: 3em;
    background: #ffd;
    border: 1px solid #bbb;
    padding: 0.5em;
}

.notes:empty::before {
    content: "Vaše odpověď";
    color: #bbb;
        
}
.answer {
    width: 45%;
/*    margin-left: 2em;*/
    display: none;
}
.answer-toggler {
   margin: 0.5em 1em;
    width: 20px; height: 20px;
}

.toolbar {
    margin-top: 1em;
}

.toolbar input {
    display: inline-block;
    margin-right: 1em;
    padding: 0.3em;
}

.repeater {
    margin-top: 1.5em;
}