#header_memo_logo {
    height: 100%;
    min-height: 18px;
}

.helptext {
    font-size: 85%;
    margin: 0.5em 1em 1.5em 1em;
    color: var(--memo-color-blue);
    display: block;
}

.page_title {
    margin: .1em 0 .5em 0;
}
.page_title small {
    display: block;
    font-size: 45%;
}
.page_subtitle {
    margin: -1em 0 1em 0;
}

.external-resource-page {
    display: inline-block;
    height: 2.5em;
    padding: .5em;
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    margin-right: 5px;
    margin-top: 5px;
    white-space: nowrap;
}
.external-resource-page img {
    height: 1.5em;
    margin: -2px 0 auto .5em;
}

.external-resource-page button {
    color: #999;
    font-size: 1.1em;
}

#pages_container.external-drop-target {
    outline: 2px dashed #0d6efd;
    outline-offset: 4px;
}

.image-border {
    padding: 5px;
    border: solid 1px #efefef;
}

.stick-on-top {
    height: 50vh !important;
    width: 100% !important;
    position: fixed !important;
    top: 42px;
    left: 0;
    z-index: 98;
}
.stick-on-top img {
    margin-bottom: 150vh !important;
}

.input-group-text.bi-eye, .input-group-text.bi-eye-slash {
    cursor: pointer;
}