main {
    padding-bottom: 2em;
}

.mainmatter {
    margin-bottom: 5em;
}

.languages {
    display: block;
    margin: 0.5em 0;
}

.languages label {
    color: #999;
    vertical-align: baseline;
}

.languages :checked + label {
    color: #070;
    font-weight: bold;
}

.names {
    display: flex;
    flex-flow: wrap;
/*    width: 80%*/
    margin-left: 2em;
}

.names li {
    box-sizing: border-box;
    flex: 1 1 auto;
    margin: 0;
    padding: 0.2em;
    width: 50%;
}

.names li::before {
    background-image: none;
/*    left: -1.5em;*/
    left: auto;
    right: 102%;
/*    content: "sk";*/
    font-style: italic;
/*    display: none;*/
}

.en::before {
    content: "en";
}

.de::before {
    content: "de";
}

.sk::before {
    content: "sk";
}
.la::before {
    content: "la";
}

p.radio-line {
    width: 100%;
    margin-top: 0.5em;
text-align: left;
}

.radio-line label {
    display: inline-block;
    margin-left: 0.5em;
}

.reference ul {
    font-size: 85%;
}

.menu-left a {
    cursor: pointer;
}

a + ul {
    display: none;
}

a.actual + ul {
    display: block;
}

.letter {
    display: inline-block;
    padding: 0.3em;
    cursor: pointer;
}

.letter:hover {
    outline: 1px dotted #ddd;
    background-color: #dfd;
}

.foundlist {
    margin-top: 1em;
/*
    border: 1px solid #ada;
    padding: 0.5em;
*/
/*    background-color: #dfd;*/
}

.foundlist h2 {
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 0.4em;
}

.foundlist h2::before {
    display: none;
}

.foundlist ol {
    width: 101%;
    margin-left: 0;
    display: flex;
/*    flex-flow: column;*/
    flex-wrap: wrap;
    flex-grow: 0;
/*    flex-shrink: 0.6;*/
    justify-content: flex-start;

/*
    max-height: 22em;
    overflow: auto;
*/
    padding-left: 0;
    margin-top: 0;
/*    margin-right: 0.5em;
    background-color: #efe;*/
}

.foundlist li {
    position: relative;
    box-sizing: border-box;
    margin: 0;
    margin-right: 0.8em;
    margin-bottom: 0.3em;
    list-style: none;
    flex: 1 0 auto;
    flex-grow: 0;
/*     max-width: 100%;*/
    width: 23%;
    width: 209px;
    background-color: #fff;
    padding: 0.4em 1em 1em 2em;
    
    
    border-radius: 15px 15px 0 0;
    
    border: 2px solid #dbe7cf;
    color: #666;
    cursor: pointer;
    z-index: 10;
  }

.foundlist li.item2 {
    margin-right: 0;
}

.foundlist li::after {
    box-sizing: border-box;
    z-index: 5;
    position: absolute;
    bottom: -20px; left: -2px;    
    content: " ";
    background: linear-gradient(to bottom, #e6f2de 0, #fff 100%);
/*    border: 2px solid #e6f2de;*/
    width: 210px;
    height: 25px;
}

.foundlist li:hover {
/*    outline: 1px dotted #bbb;*/
    background-color: #dfd;
}

li.active {
    color: #fff;
    background-color: #73bd44;
    border-color: #73bd44;
    font-weight: bold;
}
li.active:hover {
    
    background-color: #73bd44;
    
}
.foundlist li.active::after {
    content: " ";
    background: linear-gradient(to bottom, #9edc79 0, #fff 100%);

}

.single {
    margin-top: 1.5em;
    padding-top: 1em;
    border-top: 2px solid #ada;
}

.substance {
    font-style: normal;
    color: green;
    text-decoration: underline;
    cursor: pointer;
}

/*****  editacni formular *********/

.editor label {
    display: inline-block;
    margin-right: 0.5em;
}


#edit-names label {
    display: inline-block;
    width: 9em;
}
#edit-names input {
    display: inline-block;
    padding: 0.2em;
    width: 35em;
}

.mainlist input {
    display: none;
}

.mainlist label {
    color: #777;
    cursor: pointer;
}

.mainlist :checked + label {
    font-weight: bold;
    color: #800;
}

.sublist {
    padding-left: 0;
    margin-top: 0;
}

.sublist li {
    display: inline-block;
    margin: 0;
    padding: 0.2em 0.4em;
}

.sublist li::before {
    display: none;
}

p.chapter, p.sect1 {
    margin-bottom: 0;
}

.part .remover, .question .remover, .biblioitem .remover {
    position: absolute; 
    top: -25px; right: 0px;
}

.biblioitem {
   position: relative; 
}
.biblio-content {
    
    min-height: 1.5em;
    background: #def;
    margin: 0.2em 1em;
    padding: 0.5em;
}

.story {
    
    min-height: 1.5em;
    background: #ffd;
    margin: 0.2em 1em;
    padding: 0.5em;
    border: 1px solid #bbb;
}

.story p {
    text-indent: 0;
}

.toolbar {
    margin: 1em 0;
}

.toolbar input {
    display: inline-block;
    padding: 0.2em;
    margin-right: 0.5em;
}

.addnew {
    margin-top: 1.5em;
}

.addnew input {
    padding: 0.2em;
}

#report {
    background-color: #eee;
    padding: 0.5em;
    font-style: italic;
    font-size: smaller;
}

.pics {
    list-style: none;
    display: flex;
    flex-flow: wrap;
    /*width: 800px;*/
    background-color: #fff;
    padding: 0.5em;
    margin-bottom: 0;
}

.pics li {
    padding: 0;
    margin: 0;
    flex: 1 0 auto;
    width: 20%;
}

.pics li::before {
   display: none !important;
}

#gallery figure {
    margin: 0;
margin-bottom: 0.5em;
padding: 0.2em;
    text-align: center;
border: 1px solid transparent;
cursor: pointer;

}

#gallery figure:hover {
   background-color: #f0f0f0;
   border-color: #eee;
}
#gallery figure.actual {
   border-color: #800;
}
/*
#gallery img {
    max-width: 90%;
}
*/
#gallery figcaption {
    font-size: 80%;
}
#selImgResult {
    height: 1.5em;
    overflow: hidden;
    visibility: hidden;
}

#selImgResult img {
   max-width: auto;
}

section + p {
  margin-top: 1.5em;
}

nav.series {
    background: #fff;
}

.page.actual {
    color: #800;
    font-weight: bold;
}
.series .page {
    display: inline-block;
    padding: 0.3em;
    cursor: pointer;
}


li.img-item {
    display: flex;
    align-items: flex-start;
flex-flow: wrap;
}

li.img-item + .img-item {
    margin-top: 1.5em;
}

.img-meta {
    flex-grow: 1;
    border: 0px none;
    padding-left: 1em;
    padding-right: 1em;
}

.img-meta label {
   width: 4em
}

.img-meta input {
   flex-grow: 1;
  padding: 0.2em;
}

.img-line {
    display: flex;
}

.img-line + .img-line {
    margin-top: 0.3em;
}

fieldset.img-movers {
    border: 0 none;
   width: 3.5em;
}

.img-move-up, .img-move-down {
     cursor: pointer;
    padding: 0.3em;
}

.current-images li:first-child .img-move-up, .current-images li:last-child .img-move-down {
    /* visibility: hidden; */
    display: none;
}

.img-remover, .img-remover input { border: 0px none }