@import url("btns_and_icons.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css");
@import url("template_se_default.css");
@import url("custom.css");

:root {
    --se_blue: rgb(61, 132, 185);
    --se_green: rgb(106, 160, 57);
    --se_gray: rgb(160, 161, 162);
    --se_darkgray: rgb(76, 76, 78);
}

.footer {
    background-color: #4a4a49;
    display: block;
    color: #ffffff;
    text-align: center;
}

.footer-content {
    font-size: 0.8em;
    line-height: 2.25em;
    letter-spacing: 0.075em;
    font-weight: 300;
}

.footer-content a {
    color: #ffffff;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.footer > .container-fluid {
    /* margin: 20px; */
    width: 100%;
    box-sizing: border-box;
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.ftr-separator {
    color: darkgrey;
    font-size: 1.5em;
    font-weight: 100;
}

html,
body {
    position: relative;
    display: flex;
    flex-flow: column;
    overflow: auto;
    font-family: Arial, sans-serif;
}

body {
    min-height: 100%;
    min-height: 100vh;
}

.page-content {
    overflow: auto;
    overflow-x: hidden;
    margin-top: 5em;
    padding-bottom: 30px;
}

.plus {
    color: var(--se_gray);
    font-size: 2rem;
}

.edit-border.container-fluid {
    padding-left: 15px;
}

.edit-heading,
.edit-text {
    background-color: whitesmoke;
}

.edit-heading {
    border-top-color: black;
    border-top-style: dashed;
    border-top-width: thin;
}

.edit-text {
    border-bottom-color: black;
    border-bottom-style: dashed;
    border-bottom-width: thin;
}

.edit-note {
    display: inline-flex;
    width: inherit;
}

.node-edit-buttons {
    min-width: max-content;
    margin-left: 20px;
}

.node-add-button {
    text-align: center;
}

.node-add-button .btn {
    padding: 0;
}

.edit-field {
    background-color: transparent;
    border-style: hidden;
}

#site-wrapper {
    flex: 1 1 auto;
    margin-bottom: 37px;
    /* overflow: clip; */
}

footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-top: -50px; /* negative value of footer height */
    clear: both;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    width: 100%;
    display: block;
}

.pull-right {
    float: right !important;
    box-sizing: border-box;
}

.pull-left {
    box-sizing: border-box;
    float: left !important;
}

.navbar-dist {
    justify-content: space-between;
}

.navbar-right {
    float: right !important;
}

.navbar {
    /* overflow: auto; */
    z-index: 1000;
    flex: 0 1 auto;
    padding-left: 0;
    background: white;
    font-size: 0.875em;
    line-height: 2.25em;
    letter-spacing: 0.075em;
    font-weight: 300;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.11);
}

.display_tiny_content {
    min-width: 100px;
    min-height: 1em;
}

div.part {
    font-size: 2em;
}

div.display_tiny_content h1,
div.display_tiny_content h2,
div.display_tiny_content h3,
div.display_tiny_content h4,
div.display_tiny_content h5,
div.display_tiny_content h6 {
    margin-top: 0;
    margin-bottom: 0;
}

pre.highlight {
    max-width: 900px;
    white-space: pre-line;
}

del,
ins {
    color: #000;
    text-decoration: none;
}

del {
    background-color: #fdb8c0;
}

ins {
    background-color: #acf2bd;
}

sup.follow {
    color: #5555ff;
}

.diff-line {
    display: inline-block;
    width: 100%;
    margin-left: -1em;
    padding-left: 0.5em;
    background-color: #f6f6f6;
    color: #222;
}

.diff-line.diff-ins {
    border-left: 0.5em solid #bef5cb;
    background-color: #e6ffed;
}

.diff-line.diff-del {
    border-left: 0.5em solid #fdaeb7;
    background-color: #ffeef0;
}

.diff-line.diff-ins.diff-del {
    border-left: 0.5em solid #bef5cb;
    background-color: #e6ffed;
}

.seecon_comments,
.seecon_footnotes {
    position: relative;
    display: inline-block;
}

.seecon_comments .comment,
.seecon_footnotes .seecon_footnote {
    visibility: hidden;
    width: 800px;
    background-color: black;
    text-align: left;
    color: #fff;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    font-family: Arial, Helvetica, sans-serif;
}

/* .seecon_comments:hover .comment, .seecon_footnotes:hover .seecon_footnote {
  visibility: visible;
} */

.document-body {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    margin-left: 160px;
    padding: 0px 10px;
}

/* does not work because the focus jumps too much when folding/unfolding */
/* .document-body.toggled {
  padding-left: 235px;
} */

/* .list-of-headings {
    font-weight: 700;
    text-align: center;
    color: #757e89;
    padding-bottom: 10px;
}

.ihv {
    background: #f9f9f9 none repeat scroll 0 0;
    font-size: 0.8em;
    padding: 10px 20px 10px 10px;
    margin-top: 90px;
    margin-bottom: 20px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    padding-top: 20px;
    font-size: 12px;
}
 
.ihv a:hover{
    color:#0a0909;
}	

.ihv-h1, 
.ihv-h2,
.ihv-h3,
.ihv-h4,
.ihv-h5,
.ihv-h6 {
    line-height: 1;
    font-size: 12px;
    margin-left: 5px;
    max-width: 120px;
    display: inline-block;
}

*/

.text-danger {
    color: #dc3545 !important;
}

* {
    box-sizing: border-box;
}

.menu-tab {
    position: fixed;
    z-index: 100;
    top: 4em;
    left: 0px;
    cursor: pointer;
    transition: all 0.6s ease-in-out;
    /*end of div*/
}
.menu-tab div {
    width: 33px;
    height: 4px;
    background-color: var(--se_gray);
    display: block;
    margin: 5px 28px;
    transition: all 0.6s ease-in-out;
}
.menu-tab div:nth-child(1) {
    margin-top: 20px;
}

/*end of menu-tab*/
.menu-tab.active {
    margin-left: -15px;
    transition: all 600ms ease-in-out;
    background-color: transparent;
    position: unset;
}
.menu-tab.active #one {
    transform: translateY(9px) rotate(-135deg);
    transition: all 0.6s ease-in-out;
    background-color: var(--se_gray);
}
.menu-tab.active #two {
    opacity: 0;
    transition: 0.4s ease;
}
.menu-tab.active #three {
    transform: translateY(-9px) rotate(-45deg);
    transition: all 0.6s ease-in-out;
    background-color: var(--se_gray);
}

.menu-hide {
    width: 345px;
    left: -345px;
    height: 100vh;
    position: fixed;
    z-index: 10;
    top: 0px;
    transition: all 0.6s ease-in-out;
    /*end of nav*/
}

/*end of menu-hide*/
.menu-hide.show {
    left: 0px;
    background-color: rgba(255, 255, 255, 0.9);
    transition: all 0.6s ease-in-out;
}

.ui-tabs {
    position: fixed;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: var(--se_blue);
}

#tabs {
    max-height: 100vh;
    overflow: auto;
    margin-top: 4em;
    z-index: unset;
    padding-bottom: 7em;
}

#tabs-1 div,
#tabs-1 a,
#tabs-2 div,
#tabs-2 a,
#tabs-3 div,
#tabs-3 a {
    color: var(--se_blue);
    text-decoration: none;
    font-size: small;
    padding-bottom: 0.3em;
}

#tabs-1 div:before {
    margin-right: 0.5em;
}

#list-of-comments,
#tabs-3 div:nth-child(1) {
    margin-top: 1em;
}

#list-of-comments .user {
    font-weight: bold;
}

#list-of-comments .time {
    font-style: italic;
}

#list-of-comments .text {
    display: block;
}

span.underline {
    text-decoration: underline;
}

span.line-through {
    text-decoration: line-through;
}

span.tab {
    padding-left: 1em;
}

ol {
    counter-reset: item;
}

ol li {
    display: block;
}

ol li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}

ol[style*="list-style-type: lower-alpha;"] li:before {
    content: counters(item, ".", lower-alpha) ". ";
    counter-increment: item;
}

.edit-metadata {
    margin-bottom: 0.5em;
}

/* -- Finder JS */
.finder {
    position: fixed;
    top: -50px;
    right: 0;
    left: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 50px;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 5px;
    transition: top 0.15s ease-out;
}

.finder.active {
    top: 0;
}

.finder-input {
    flex-grow: 1;
    width: 0;
    height: 40px;
    border: none;
    padding: 8px;
    outline: none !important;
}

.finder-input.not-found {
    color: #e7353f;
}

.btn-finder {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 0;
}

.finder-input,
.btn-finder:not(:last-child) {
    margin-right: 5px;
}

.finder-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #888;
    border-right: 1px solid #e5e5e5;
    margin-right: 5px;
    padding-right: 20px;
    white-space: nowrap;
}

.btn-finder,
.finder-count {
    flex-shrink: 0;
    flex-grow: 0;
}

.highlight {
    background: #ff8;
}

.highlight.active {
    background: #ffd71b;
}

span.new-text {
    color: rgb(106, 160, 57);
}

p.hangindent {
    text-indent: 3em;
}

.ct-add-new {
    background-color: lightgreen;
}

.ct-remove-new {
    background-color: #ffcccb;
}

.ct-remove {
    background-color: #ffcccb;
}

.ct-add-1 {
    background-color: #d5f2bb;
}

.ct-add-2 {
    background-color: lightgreen;
}

/* Finder JS end */
.reqstate-1 {
    color: #0077bb;
}

.reqstate-2 {
    color: #007c2e;
}

/* ERHALT */
.loss-1 {
    color: #bfe2ca;
}

/* VITALITAET */
.loss-2 {
    color: #a6daef;
}

/* GEFAELLT */
.loss-3 {
    color: #68300a;
}

/* NEUBAUVORHABEN */
.loss-4 {
    color: #fed88f;
}

/* FEUERWEHR */
.loss-5 {
    color: #de6868;
}

/* VERKEHRSFLAECHE */
.loss-6 {
    color: #d9d9d9;
}

/* TIEFGARAGE */
.loss-7 {
    color: #777777;
}

.chopped {
    color: #ffcccb;
}

.legend {
    background-color: rgba(255, 255, 255, 0.7);
}
.legend i {
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

.dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}

th.vertical {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}
.scrollme {
    overflow-x: auto;
}

.primary,
.text-primary,
.btn-link {
    color: var(--se_blue) !important;
}

.btn-primary,
.btn-primary:hover,
.bg-primary {
    background-color: var(--se_blue);
}

.btn-primary:hover,
.btn-link:hover {
    color: var(--se_gray) !important;
}

.btn-group > .btn.active {
    z-index: unset;
}

thead th a {
    color: var(--se_blue);
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.5px;
}

h1 {
    text-transform: uppercase;
    font-size: 1.5em;
    letter-spacing: 0.5px;
}

h2 {
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 0.5px;
}

.dropdown-item:active {
    background-color: var(--se_blue);
}

.list-group-item.active {
    background-color: var(--se_blue);
}

.badge-primary {
    background-color: var(--se_blue);
}

.list-group-item.active > .badge-primary {
    background-color: var(--se_gray);
}

.tox-tinymce--toolbar-sticky-on .tox-editor-header {
    top: 3.9em !important;
}

div div.tox-menu:nth-child(2) {
    margin-top: 4em !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

.bw-image-hover {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    cursor: pointer;
    background-size: cover;
    background-position: center;
    opacity: 0.5;
}

.bw-image-hover:hover {
    -webkit-filter: none;
    filter: none;
}

div.structured_reference {
    display: none;
}

.leaflet-top,
.leaflet-bottom {
    z-index: 500 !important;
}