/*# sourceMappingURL=custom.css.map */
#header { padding: 0; margin: 0; }
#header a.logo h1 { margin-top: 0em; margin-bottom: 0em; }
#header a.logo span.slogan { clear: both; font-size: 1em;  }
#sidebar { flex-shrink: 0; }

#title { margin: -20px 0 0; }
#subtitle { font-size: 1em; margin: 10px 0 30px -5px; }
#error_messages { display: none; margin: 20px; background-color: pink; border: 2px solid red; }

table#paragraphs th { font-size: 1.2em; }
table#paragraphs td.lat { width: 40%;  }
table#paragraphs td.bg { width: 40%;  }

div#notes { }
div#notes .noteText { display: none;  width: 25%; background-color: #FFFF66; min-height: 150px; border-radius: 10px; position:absolute; border:1px solid #dedede; padding:15px; }
a.note { margin: -3px 0 0 -3px; padding: 5px; font-size: 1.2em; font-weight: bold; text-decoration: none; border: none; }

ul.translationsList { list-style: none; padding: 5px 0 0 0px; margin: 10px 0 0 -10px; }
.booksList { color: #dedede; }
.activeBook { background-color: #dedede; color: #f56a6a; padding: 1px 7px; }
.reset-this-root {
    all: initial;
    * {
        all: unset;
    }
}

table#paragraphs span.editable-container { width: 100%; min-width: 320px; vertical-align: top; }
table#paragraphs div.editable-input { display: block; width: 100%; min-width: 320px; margin: 0px; padding: 0px; }
table#paragraphs div.editable-input textarea.form-control-lg { width: 100%; min-width: 320px; }

#editors-menu { margin: 0px; padding: 10px; background-color: brown;  color: white; }
.fixedElement { position:fixed; top:0; width:100%; z-index:100; }
ul#editors-menu-list { margin: 10px; float: left; list-style: none; }
ul#editors-menu-list li { float: left; margin-left: 10px; }
ul#editors-menu-list li a { color: white; text-decoration: none; }

#tooltip { display: none; position: absolute; top:0; left: 0; width: 250px; height: 150px; background-color: #efefef; }
#tooltip .content { position: relative; top: 0px; left: 75px; opacity: 1; transition: opacity .5s ease-in; }
#tooltip .content h1, .content p { margin: 0; }
/* .editable:hover + #tooltip .content { opacity: 1; } */

.form-label { display: none; }
.login-form { margin: 20px 0; }

.iframe-container {display: flex; width: 100%; height: 100%; flex-direction: column; background-color: white; overflow: hidden;}
.iframe-style { flex-grow: 1; border: none; margin: 0; padding: 0; width: 100%; height: 70vh; }