section {
    padding: 0 100px;
}

body {
    line-height: 1.6em;
}

.entry-content {
    line-height: unset;
}

#main .entry-content a {
    color: var(--main-color)!important;
}

#main .entry-content a:hover {
    color: var(--main-color-hover)!important;
}

/* --- Navbar --- */
#projects:hover .sub-menu,
#account-menu:hover .sub-menu {
    display: block!important;
    opacity: unset!important;
}

#nav-avatar {
    display: inline-block;
    height: 30px;
    border-radius: 100%;
    margin-left: 5px;
}

/* --- Image Slider ---*/
#img-slider {
    height: 275px;
    margin-bottom: 10px;
    position: relative;
}

#slider-container {
    height: 270px;
    padding-top: 20px;
    background-color: var(--bg-main-color);
    position: relative;
}

.prev-slide {
    font-size: 40px;
    position: absolute;
    left: 10px;
    width: 40px;
    height: 70%;
    padding: 5px;
    color: #fff;
    background: transparent;
    z-index: 99;
    border: none;
    border-radius: 0!important;
    text-align: start;
}

.prev-slide i,
.next-slide i {
    color: var(--main-color);
    transform: translateY(10px);
}

.prev-slide:focus i,
.next-slide:focus i,
.prev-slide:active i,
.next-slide:active i {
    color: var(--main-color-hover);
}

.next-slide:focus,
.prev-slide:focus,
.next-slide:active,
.prev-slide:active {
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.next-slide i {
    position: relative;
    right: 4px;
}

.next-slide {
    font-size: 40px;
    position: absolute;
    right: 10px;
    width: 40px;
    height: 70%;
    padding: 5px;
    color: #fff;
    background: transparent;
    z-index: 99;
    border: none;
    border-radius: 0!important;
    text-align: end;
}

#inner-slider {
    width: 95vw;
    margin: 0 auto;
    height: inherit;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    justify-content: center;
    position: relative;
    left: -2.5px;
}

.slide-sticker {
    width: 200px;
    height: 90%;
    display: inline-block;
    position: relative;
    margin: 0 1px;
}

.slide-img-wrap {
    position: relative;
    border: 2.5px solid transparent;
    margin: 0 2px;
}

.slide-img-wrap:hover,
.slide-img-wrap.active {
    border: 1px solid var(--main-color);
    outline: 4px solid var(--main-color);
    position: relative;
    top: 5px;
}

.image-completion-status {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    right: -3px;
}

.slide-img-wrap:hover .image-completion-status,
.slide-img-wrap.active .image-completion-status {
    right: 0;
}

.slide-number-wrap {
    position: relative;
    font-family: var(--h-font-family);
    color: var(--main-color);
    font-weight: 700;
    text-align: center;
    margin-top: 2px;
}

#dot-indicators {
    display: inline-flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
}

.slider-dot {
    height: 10px;
    width: 10px;
    margin: 5px 4px;
    border-radius: 50%;
    background-color: #c4c4c4;
    cursor: pointer;
}

.slider-dot.current {
    background-color: #7e7e7e;
}

.slider-image {
    width: 194px!important;
    height: 195px!important;
    max-width: 200px!important;
}

/* --- Title and Change All statuses next to title ---*/
#title-n-progress {
    position: relative;
}

#item-header {
    position: relative;
    display: inline-block;
    color: var(--main-color);
    font-family: var(--h-font-family);
    font-size: 20px;
    margin: 0 0 20px 0!important;
}

.title-n-btn {
    display: inline-block;
}

.item-progress {
    margin-left: 10px;
    width: 200px;
    background-color: #FFF;
    position: absolute;
    cursor: pointer;
    right: 100px;
    top: 0;
    z-index: 999;
}

#item-status-selector {
    top: 34px;
    position: absolute;
    background: #fff;
    z-index: 20;
    text-transform: uppercase;
    border: 0.5px solid var(--main-color);
}

.change-all-status,
.tr-comp-btn {
    width: 150px;
    border: 2px solid var(--main-color);
    border-radius: 15px;
    font-size: 12px;
    text-align: center;
    font-family: var(--h-font-family);
    color: var(--main-color);
    height: 29px;
    font-weight: 600;
    padding: 5px 0;
    line-height: normal;
}

.tr-comp-btn a:hover {
    text-decoration: none;
}

/* --- Full Spinner Container --- */
.full-spinner-container {
    display: none;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
}

.spinner-full {
    position: fixed;
    top: 50%;
    left: 50%;
    opacity: 1;
    -webkit-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

/* --- Locked Warning --- */
#locked-warning-container {
    display: none;
    position: fixed;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 999992;
}

.locked-warning-popup {
    position: relative;
    width: 650px;
    height: 175px;
    left: calc(50% - 325px);
    top: calc(50% - 87.5px);
    background: white;
    border: 1px solid #979797;
    border-radius: 5px;
    padding: 20px 10px;
    text-align: center;
    -webkit-box-shadow: inset 0 0 3px #000;
    box-shadow: inset 0 0 3px #000;
}

.locked-warning-popup #close-locked-window {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 13px;
    padding: 6px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.locked-warning-popup .locked-text2 {
    margin-bottom: 0;
}

/*--- Viewer ---*/
#openseadragon {
    cursor: pointer;
    background-color: var(--bg-main-color);
}

#viewer-n-transcription {
    position: relative;
}

/* #full-view-container, #full-view-l, #full-view-r {
    height: 100%;
} */

#full-view-r {
    float: right;
    width:49%;
}

#full-view-l {
    float:left;
    width:49%;
    margin-right:1%;
}

.fa-plus-circle {
    cursor: pointer;
}

/* --- Transcription --- */
.transcription-language {
    height: 80px;
}

.transcription-language-translation {
    max-height: 40%;
    position: relative;
}

#open-translation-edit-nfs {
    float: right;
    cursor: pointer;
}

#transcription-collapse-btn,
#translation-collapse-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    color: var(--main-color);
    background-color: #fff;
    height: 30px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
}

#transcription-edit-container {
    flex-direction: column;
}

#startTranscription,
#startHtrTranscription,
#startTranscription-rc {
    padding: 0 25px 15px 25px;
    background: #fff;
}

#startTranscription h5,
#startHtrTranscription h5,
#startTranscription-rc h5 {
    position: relative;
    top: 5px;
    margin: 0!important;
    font-weight: 700;
    font-family: var(--h-font-family);
    letter-spacing: 0.025em;
    font-size: 19.5px!important;
}

#startTranscription i,
#startHtrTranscription i,
#startTranscription-rc i {
    margin-right: 14px;
}

#startTranscription i.right-i,
#startHtrTranscription i.right-i,
#startTranscription-rc i.right-i {
    margin-right: 0px;
}

.right-i {
    font-size: 20px;
    margin-right:0px;
    margin-left:14px;
    color:var(--main-color);
    position: relative;
    top: 5px;
}

/*-- MapBox --*/
#full-view-map {
    position: relative;
    padding-bottom: 13px;
}

.map-placeholder {
    font-size: 100px;
    margin: 150px;
    color: #dddddd;
}

#map-left,
#meta-left {
    float: left;
    width: 49%;
}

#enrich-right {
    min-height: 478px;
    position: relative;
}

#enrich-right,
#meta-right {
    float: right;
    width: 49%;
}

#map-left #location-hide,
#map-left .edit-delete-btns,
#map-left #location-input-section {
    display: none!important;
}

#map-left #location-editor {
    margin-top: 10px!important;
    padding: 0 25px;
}

#location-n-enrichments .location-data-edit-container {
    display: none!important;
}

/*--- Sub Headers ---*/
/*-- bigger, section titles --*/
.enrich-header h5 {
    font-size: 19px!important;
    position: relative;
    top: 3px;
    margin: 0!important;
    font-weight: 700!important;
    font-family: var(--h-font-family);
    letter-spacing: 0.025em;
    color: var(--main-color)!important;
}

.enrich-header img {
    height: 28px!important;
    fill: var(--main-color);
    color: var(--main-color);
    margin-right: 5px;
}

/*-- smaller, subsection titles --*/
.enrich-headers {
    height: 30px;
    padding-left: 25px;
    color: var(--main-color)!important;
    margin: 10px 0px!important;
}

h6.enrich-headers {
    font-weight: 600!important;
}

.enrich-language {
    height: 30px;
    padding-left: 25px;
    color: var(--main-color)!important;
    margin: 10px 0px 0px!important;
    font-weight: 500;
}

.description-language .enrich-language {
    padding-left: 0;
}

#description-editor i {
    cursor: pointer;
}

/*-- Enrichments --*/
#description-container {
    position: relative;
    min-height: 430px;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#enrich-right .item-data-input-headline {
    margin: 0 0 10px!important;
}

#description-view {
    min-height: 125px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

#description-view #item-date-container,
#description-view #doc-type-area,
#description-view #description-area,
#description-view #item-page-keyword-container,
#description-view #item-page-link-container,
#enrich-view #tagging-section {
    min-height: 64px;
    margin-bottom: 10px;
}

#description-view .current-description,
#description-view .description-language {
    display: block;
}

#description-view #keyword-input-container,
#description-view #link-input-container,
#description-view #category-checkboxes,
#description-view #item-page-description-text,
#description-view #description-language-selector {
    display: none!important;
}

#enrich-view button,
#description-view button{
    display: none;
}

#description-view .item-date-inner-container,
#description-view .creation-date-container {
    display: none;
}

#enrich-view .person-data-edit-container,
#description-view .link-data-edit-container {
    display: none!important;
}

#enrich-right .item-page-section-headline-container,
#enrich-right .edit-item-date,
#enrich-right .edit-del-person,
#enrich-right .item-page-save-button,
#enrich-right .delete-item-datas,
#enrich-right .edit-del-link,
#enrich-right #save-all-tags,
#enrich-right #person-input-container,
#enrich-right .fa-plus-circle {
    display: none!important;
}

.link-single {
    background-color: #fff;
    padding-bottom: 5px;
    font-weight: 400;
    position: relative;
    width: 91%;
}

#item-link-list {
    margin-bottom: 15px;
}

#show-ppl-input {
    position: relative;
    font-size: 15px;
    bottom: 1px;
    margin-left: 5px;
}

#enrich-view #item-page-person-headline {
    display: block!important;
}

#image-view-container #item-page-person-headline {
    display: none!important;
}

.single-person {
    padding: 5px 0px;
    background: #fff;
    font-weight: 400;
    width: 100%;
    position: relative;
}

.people-container .single-person:first-of-type {
    padding-top: 2px;
}

.person-data {
    margin: 0!important;
    border-bottom: 1px solid var(--bg-main-color);
    height: auto;
    padding-right: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.person-data:hover:not(.top-person-single .person-data) {
    overflow: visible;
    height: unset;
    white-space: normal;
}

.person-data .fas.fa-check,
.location-single .fas.fa-check {
    color: #61e02f;
    position: relative;
    left: 5px;
    font-size: 16px;
}

.edit-del-person {
    position: absolute;
    display: flex;
    width: 50px;
    top: 5px;
    right: 15px;
}

.edit-del-link {
    position: absolute;
    top: 3px;
    right: 20px;
}

.person-i {
    font-size: 12px;
    color: var(--main-color);
    position: relative;
    top: 6px;
}

.person-description,
.prop-desc {
    font-size: 13px;
    height: 15px;
    margin: 0!important;
    position: relative;
    bottom: 1px;
    padding-left: 16px;
    line-height: normal;
}

.person-btn-left,
.person-btn-right {
    width: 50%;
    display: inline-block;
}

.person-btn-left button {
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    font-size: 14px;
    padding: 5px!important;
    width: 94px;
}

.person-btn-right button {
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    font-size: 14px;
    padding: 5px!important;
    width: 94px;
}

.location-display-container .location-single {
    padding: 5px 0;
}

.location-display-container .location-single p:first-of-type{
    border-bottom: 0.5px solid var(--bg-main-color);
    height: 20px;
}

#item-data-content .fas.fa-edit {
    display: none!important;
}

#enrich-view .fas.fa-edit,
.description-view .fas.fa-edit {
    margin-left: 5px;
    cursor: pointer;
}

.location-single {
    padding: 5px 25px;
    background: #fff;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1em!important;
    position: relative;
}

.location-single p {
    margin-left: 25px!important;
}

.location-single img {
    float:left;
    height:20px;
    position:absolute;
    top:7px;
}

.edit-delete-btns {
    width: 50px;
    position: absolute;
    display: flex;
    top: 0px;
    right: 15px;
}

.edit-delete-btns i {
    display: inline-block;
}

.keyword-single:hover,
.language-single:hover {
    display: inline-block;
    color: #fff;
    background-color: var(--main-color);
}

.keyword-single,
.language-single {
    display: inline-block;
    color: #000;
    background-color: var(--bg-main-color);
    padding: 5px 10px;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.dl-enrichments {
    position: relative;
    /* left: -25px; */
    margin-top: 17px;
    margin-bottom: 17px;
}

.date-top,
.date-bottom {
    display: block;
    position: relative;
    bottom: 3px;
}

.date-top div {
    font-weight: 400;
    font-size: 13px!important;
}

.date-bottom {
    font-weight: 400;
    margin-top: 5px;
}

#item-data-section .document-date-container{
    display: none;
}

/* #item-date-container .item-date-inner-container, #item-date-container #item-date-save-button,
#item-date-container .creation-date-container {
    display: none;
} */
/* #item-date-container.show .item-date-inner-container, #item-date-container.show #item-date-save-button,
#item-date-container.show .creation-date-container {
    display: inline-block;
}
#item-date-container.show .document-date-container, #doc-type-area.show #doc-type-view,
#description-area.show .current-description, #description-area.show .description-language {
    display: none!important;
}
#item-date-container .document-date-container, #doc-type-area #doc-type-view,
#description-area .current-description, #description-area .description-language {
    display: block;
} */

/* --- Metadata --- */
.single-meta {
    padding: 5px 0px;
    border-bottom: 1px solid var(--bg-main-color);
    font-weight: 400;
}

p.mb-1 {
    color: var(--main-color);
    font-weight: 600;
    padding: 0!important;
    font-size: 14px;
    font-family: var(--h-font-family);
    margin: 0!important;
    margin-bottom: 0!important;
}

.meta-p {
    margin: 0!important;
    font-weight: 400;
    font-size: 14px;
}

#story-info {
    overflow: hidden;
    position: relative;
}

#info-tab .item-page-section-headline {
    padding-left: 25px;
}

#full-v-story-description {
    overflow-y: hidden;
}

#meta-container {
    padding-left: 25px;
}

#storydesc {
    padding-right: 35px;
    padding-left: 25px;
}

#meta-cover {
    cursor: pointer;
    width: calc(100% - 200px);
    font-size: 25px;
    background: #ffffff;
    position: absolute;
    color: var(--main-color);
    text-align: center;
    z-index: 9;
    bottom: 0px;
    margin-right: 100px;
}

/* --- Full Screen Css --*/
.item-page-section {
    padding: 5px 8px 8px 0;
    position: relative;
    margin-left: 30px;
}

.item-page-section-headline {
    font-size: 18px!important;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    padding: 8px 0px!important;
    display: inline-block!important;
    text-transform: uppercase!important;
    font-family: var(--h-font-family)!important;
    color: var(--main-color)!important;
    font-weight: 700!important;
    letter-spacing: 0.025em!important;
}

/*-- Status changers --*/
.section-status-changer {
    float: right;
    width: 100px;
    height: 25px;
    text-align: center;
    border-radius: 20px;
    position: relative;
    left: 10px;
}

.section-status-changer .status-indicator {
    position: relative;
    bottom: 2px;
}

.status-indicator {
    cursor: pointer;
    font-size: 10px!important;
    border: none!important;
    border-radius: unset!important;
    display: inline-block;
    width: 80px;
    font-family: var(--h-font-family);
    font-weight: 600;
    letter-spacing: 0.025em;
    line-height: normal;
}

.status-dropdown-content {
    top: 30px;
    left: -15px;
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 130px;
    overflow: auto;
    -webkit-box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 2;
    cursor: default;
}

.status-dropdown-option {
    padding: 5px 10px!important;
    display: block!important;
    font-size: 10px!important;
    text-align: left!important;
    cursor: pointer;
    line-height: 1.8em;
}

.status-dropdown-option:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.status-dropdown-option i {
    border-radius: 50%;
    margin-right: 12px;
    float: left;
    position: relative;
    top: 4px;
    font-size: 11px;
}

/* --- Full Screen Location --- */
#location-status-changer.section-status-changer {
    left: 30px;
}

#location-position i:not(.fa-circle) {
    margin-left: 5px;
    font-size: 15px;
    position: absolute;
    top: 13px;
}

.edit-location-save {
    border: none;
    padding: 5px;
    border-radius: 0;
    font-weight: 700;
    font-size: 14px;
    float: right;
    width: 94px;
}

.edit-location-cancel {
    border: none;
    padding: 5px;
    width: 94px;
    border-radius: 0;
    font-weight: 700;
    font-size: 14px;
    float: right;
    position: relative;
    right: -94px;
}

.edit-location-cancel:active,
.edit-location-save:active,
.edit-location-cancel:focus,
.edit-location-save:focus {
    border: none!important;
}

.location-data-edit-container .edit-input {
    background-color: #fff!important;
    border: 1px solid var(--main-color)!important;
    width: 58%!important;
    border-radius: 0!important;
    float: unset;
}

.location-output {
    margin-bottom: 50px;
}

.wiki-input {
    float: right!important;
    margin-right: 49px!important;
    width: 55%!important;
    background-color: var(--bg-main-color)!important;
    border: 0!important;
    border-radius: 0!important;
}

.location-data-edit-container label {
    width: 30%;
}

#clear-loc-input {
    margin-top: 5px;
    right: 56px;
    cursor: pointer;
    padding: 0 5px;
    background: var(--bg-main-color);
}

#loc-tab img {
    filter: brightness(0);
}

#loc-tab.active img {
    filter: unset;
}

/*-- Full Screen Transcription/ Editor Tab ---*/
#item-page-transcription-text {
    width: 100%;
    resize: none;
    padding: 10px 10px;
    min-height: 120px;
    overflow: auto;
    max-height: 350px;
    border: none;
    background: var(--bg-main-color);
    border-radius: 2px;
    outline: none;
    border: 1px solid var(--bg-main-color);
    line-height: 1.6em;
}

#item-page-transcription-text:focus {
    background: #fff;
    border: 1px solid var(--main-color);
}

#item-page-transcription-text p:not(p.form-title, p.form-sub-cookies, p.display-shop-labelm, p.display-form-date) {
    margin: 0!important;
}

#item-page-transcription-text textarea:focus ~ #transcription-update-button {
    display: inline-block;
}

.transcription-mini-metadata {
    margin-top: 6px;
}

#transcription-language-selector {
    float: left;
    margin-bottom: 6px;
}

.language-item-select div,
.language-select-selected {
    cursor: pointer;
    user-select: none;
    letter-spacing: 0.025em;
    background-color: var(--bg-main-color);
    color: #2b2b2b;
}

.language-item-select {
    position: absolute;
    background-color: var(--bg-main-color);
    color: #2b2b2b;
    width: 200px;
    height: 200px;
    overflow-y: scroll;
    border: 0.5px solid darkgray;
    bottom: 40px;
}

.desc-margin {
    display: inline-block;
    position: relative;
    bottom: 2px;
    height: 120%;
    margin-right: 10px;
    z-index: 10;
    width: 10px;
    background-color: #fff;
}

.select-hide {
    display: none;
}

.same-as-selected {
    font-size: 12px;
    padding-left: 5px;
}

#transcription-selected-languages {
    float: left;
    text-transform: initial;
}

#transcription-selected-languages ul {
    margin: 0;
}

#transcription-selected-languages li {
    display: inline-block;
    background-color: var(--bg-main-color);
    color: #2b2b2b;
    margin: 0 0 6px 6px;
    list-style: none;
    font-weight: 500;
    border-radius: 0!important;
}

#transcription-selected-languages li:hover {
    background-color: var(--main-color)!important;
    color: #fff!important;
    border-radius: 0!important;
}

#transcription-selected-languages li i {
    cursor: pointer;
    padding: 2px;
    margin-left: 2px;
}

.language-item-select .selected-option {
    text-transform: none;
}

#transcription-update-button {
    float: right;
    border: 1px solid #eeeeee;
    background: #eeeeee;
    color: #000;
    letter-spacing: 0.9px;
    outline: none;
    border-radius: 0;
}

#transcription-history, #current-tr-view {
    padding-left: 11px;
    padding-right: 10px;
    padding-bottom: 10px;
}

#main .entry-content #fs-htr-link {
    display: inline-block;
    position: absolute;
    right: 50px;
    top: 6px;
    font-size: 10px;
    letter-spacing: 0px;
    background-color: var(--main-color);
    padding: 1px 3px;
    cursor: pointer;
}

#main .entry-content #fs-htr-link:hover {
    background-color: #fff!important;
    border: 1px solid var(--main-color);
}

#main .entry-content #fs-htr-link a {
    color: #fff!important;
    font-weight: 600;
}

#main .entry-content #fs-htr-link:hover a {
    color: var(--main-color)!important;
}

#main .entry-content .data-popout #fs-htr-link {
    top: 2px!important;
    right: 105px!important;
}

#main .entry-content .panel-bottom #fs-htr-link {
    top: 5px!important;
    right: 105px!important;
}

.language-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000;
}

.language-tooltip .language-tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #828282;
    color: #fff;
    text-align: center;
    padding: 5px;
    top: -40px;
    left: -20px;
    position: absolute;
    font-family: var(--p-font-family);
    z-index: 1;
}

.data-popout .language-tooltip .language-tooltip-text,
.panel-bottom .language-tooltip .language-tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #828282;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 0;
    font-family: var(--p-font-family);
    position: absolute;
    z-index: 1;
    top: 0;
    float: inherit;
    width: fit-content;
}

.data-popout .tab-h span {
    display: inline-block!important;
}

.data-popout #no-text-selector,
.panel-bottom #no-text-selector {
    position: relative;
}

.panel-bottom #no-text-selector .no-text-label {
    display: inline-block;
    height: 100%;
    top: 0;
}

.data-popout .fs-title,
.data-popout #loc-tab img  {
    display: none;
}

#no-text-selector {
    position: absolute;
    top: 0;
    right: 8px;
}

#no-text-selector .no-text-label {
    display: inline-block;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    line-height: 1.75em;
}

#no-text-selector .square-checkbox-container {
    height: 100%;
    width: unset;
    margin: 0;
}

.square-checkbox-container {
    margin-left: 8px;
    display: block;
    position: relative;
    padding-left: 20px;
    margin-right: 35px;
    cursor: pointer;
    user-select: none;
    float: left;
    width: 120px;
}

#no-text-checkbox {
    position: absolute;
    left: -9999px;
}

.square-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.square-checkbox-container:hover input[type=checkbox] {
    accent-color: rgba(10,114,204,0.8);
}

.checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -7px;
    height: 18px;
    width: 18px;
    border: 2px solid var(--main-color);
}

/* .spinner-container-right {
    float: right;
}
.spinner-container-left {
    float: left;
} */

.spinner-container,
.spinner-container-right,
.spinner-container-left {
    position: absolute;
    display: none;
    padding: 10px;
    width: 10px;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    z-index: 999;
}

#auto-story-spinner-container {
    width: 50px;
}

.data-popout #auto-story-spinner-container {
    left: calc(50% - 25px);
}

/* .spinner, .spinner-full::before {
    border: 3px solid #eee;
    border-radius: 50%;
    content: "";
    height: 20px;
    width: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(50%, 50%, 0);
    transform: translate3d(50%, 50%, 0);
    -webkit-animation: 2s linear infinite spinner;
    animation: 2s linear infinite spinner;
    border-bottom-color: #989898;
    opacity: inherit;
    -webkit-transform-origin: center;
    transform-origin: center;
    will-change: transform;
}
.spinner {
    -webkit-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
} */

.spinner {
    display: inline-block;
    font-size: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: mulShdSpin 1.1s infinite ease;
    transform: translateZ(0);
    left: calc(50% - 10px);
}

@keyframes mulShdSpin {
    0%,
    100% {
      box-shadow: 0em -2.6em 0em 0em var(--main-color-light), 1.8em -1.8em 0 0em var(--main-color-hover), 2.5em 0em 0 0em var(--main-color-hover), 1.75em 1.75em 0 0em var(--main-color-hover), 0em 2.5em 0 0em var(--main-color-hover), -1.8em 1.8em 0 0em var(--main-color-hover), -2.6em 0em 0 0em var(--main-color), -1.8em -1.8em 0 0em var(--main-color);
    }
    12.5% {
      box-shadow: 0em -2.6em 0em 0em var(--main-color), 1.8em -1.8em 0 0em var(--main-color-light), 2.5em 0em 0 0em var(--main-color-hover), 1.75em 1.75em 0 0em var(--main-color-hover), 0em 2.5em 0 0em var(--main-color-hover), -1.8em 1.8em 0 0em var(--main-color-hover), -2.6em 0em 0 0em var(--main-color-hover), -1.8em -1.8em 0 0em var(--main-color);
    }
    25% {
      box-shadow: 0em -2.6em 0em 0em var(--main-color), 1.8em -1.8em 0 0em var(--main-color), 2.5em 0em 0 0em var(--main-color-light), 1.75em 1.75em 0 0em var(--main-color-hover), 0em 2.5em 0 0em var(--main-color-hover), -1.8em 1.8em 0 0em var(--main-color-hover), -2.6em 0em 0 0em var(--main-color-hover), -1.8em -1.8em 0 0em var(--main-color-hover);
    }
    37.5% {
      box-shadow: 0em -2.6em 0em 0em var(--main-color-hover), 1.8em -1.8em 0 0em var(--main-color), 2.5em 0em 0 0em var(--main-color), 1.75em 1.75em 0 0em var(--main-color-light), 0em 2.5em 0 0em var(--main-color-hover), -1.8em 1.8em 0 0em var(--main-color-hover), -2.6em 0em 0 0em var(--main-color-hover), -1.8em -1.8em 0 0em var(--main-color-hover);
    }
    50% {
      box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em var(--main-color-light), -1.8em 1.8em 0 0em var(--main-color-hover), -2.6em 0em 0 0em var(--main-color-hover), -1.8em -1.8em 0 0em var(--main-color-hover);
    }
    62.5% {
      box-shadow: 0em -2.6em 0em 0em var(--main-color-hover), 1.8em -1.8em 0 0em var(--main-color-hover), 2.5em 0em 0 0em var(--main-color-hover), 1.75em 1.75em 0 0em var(--main-color), 0em 2.5em 0 0em var(--main-color), -1.8em 1.8em 0 0em var(--main-color-light), -2.6em 0em 0 0em var(--main-color-hover), -1.8em -1.8em 0 0em var(--main-color-hover);
    }
    75% {
      box-shadow: 0em -2.6em 0em 0em var(--main-color-hover), 1.8em -1.8em 0 0em var(--main-color-hover), 2.5em 0em 0 0em var(--main-color-hover), 1.75em 1.75em 0 0em var(--main-color-hover), 0em 2.5em 0 0em var(--main-color), -1.8em 1.8em 0 0em var(--main-color), -2.6em 0em 0 0em var(--main-color-light), -1.8em -1.8em 0 0em var(--main-color-hover);
    }
    87.5% {
      box-shadow: 0em -2.6em 0em 0em var(--main-color-hover), 1.8em -1.8em 0 0em var(--main-color-hover), 2.5em 0em 0 0em var(--main-color-hover), 1.75em 1.75em 0 0em var(--main-color-hover), 0em 2.5em 0 0em var(--main-color-hover), -1.8em 1.8em 0 0em var(--main-color), -2.6em 0em 0 0em var(--main-color), -1.8em -1.8em 0 0em var(--main-color-light);
    }
}

.collapse-controller {
    cursor: pointer;
}

.item-page-section-collapse-headline {
    float: left;
    width: calc(100% - 40px);
}

#category-checkboxes {
    padding: 5px 0px;
    margin-bottom: 12px;
    max-width: 490px;
}

#item-page-description-text {
    width: 100%;
    resize: none;
    padding: 0 10px;
    outline: none;
}

#description-language-selector {
    display: inline-flex;
    margin: 0 0 20px;
    position: relative;
}

#description-update-button {
    margin-bottom: 8px;
    float: right;
    display: none;
    border: 1px solid #eeeeee;
    background: #eeeeee;
    color: #000;
    letter-spacing: 0.9px;
    outline: none;
    border-radius: 0;
}

/* #doc-type-area #category-checkboxes {
    display: none;
}
#doc-type-area.show #category-checkboxes {
    display: block;
} */

#item-data-section #doc-type-view,
#item-data-section .current-description,
#item-data-section .description-language {
    display: none;
}

/* #description-area #item-page-description-text, #description-area #description-language-selector {
    display: none;
}

#description-area.show #item-page-description-text {
    display: block;
    margin-bottom: 5px;
}

#description-area.show #description-language-selector {
    display: inline-flex;
} */

.transcription-toggle {
    width: 100%;
    height: 20px;
    padding: 0 5px;
    cursor: pointer;
}

.transcription-toggle a {
    color: inherit;
    text-decoration: none;
}

#transcription-view-container {
    margin-right: 1px;
    border-bottom: 1px solid var(--main-color);
    overflow-y: auto;
    overflow-x: hidden;
    height: 80%;
}

#transcription-view-container #current-tr-view {
    min-height: 40vh;
}

#transcription-view-container p {
    margin: 0px!important;
}

.transcription-history-collapse-content {
    padding: 5px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.transcription-comparison-button {
    height: 30px;
    padding: 5px!important;
    outline: none;
}

#translation-edit-container,
#story-translation-edit-container {
    position: fixed;
    display: flex;
    flex-direction: column;
    background: #FFF!important;
    padding: 20px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    z-index: 99;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: -7px -2px 15px 12px rgba(0, 0, 0, 0.3);
}

#translation-edit-container .translation-edit-relative,
#story-translation-edit-container .translation-edit-relative {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.translation-edit-header {
    position: relative;
    height: 10%;
    font-size: 18px;
    margin: 0!important;
    text-transform: uppercase;
    color: var(--main-color);
    font-family: var(--h-font-family);
    font-weight: 700;
    letter-spacing: 0.025em;
}

.translation-edit-header button {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    font-weight: 700;
    background: #FFF!important;
    color: var(--main-color)!important;
    border: none!important;
    padding: 5px;
    z-index: 50;
}

.translation-edit-btns {
    display: flex;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
}

.translation-edit-btns button {
    height: 40px;
    color: #FFF;
    background: var(--main-color)!important;
    padding: 0 15px;
    border: none!important;
}

#translation-edit-container .save-message,
#story-translation-edit-container .save-message {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 30;
    background-color: rgba(0, 0, 0, 0.2);
}

#translation-edit-container .save-message p,
#story-translation-edit-container .save-message p {
    background-color: #FFF;
    padding: 20px;
    font-weight: 500;
}

#image-view-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow: hidden;
}

.panel-container-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border: 1px solid silver;
    overflow: hidden;
    height: 70vh;
}

.panel-container-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid silver;
    overflow: hidden;
    height: 70vh;
}

.panel-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%;
    min-height: 100%;
    width: 55%;
    min-width: 250px;
    max-width: calc(100% - 750px)!important;
    white-space: nowrap;
    background: #eeeeee;
    color: white;
}

.panel-top {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: calc(100% - 300px);
    max-height: calc(100% - 300px);
    min-height: 175px;
    width: 100%;
    min-width: 100%;
    white-space: nowrap;
    background-color: #ffffff;
    color: white;
}

.panel-bottom {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%!important;
    overflow: hidden;
}

/* full screen image viewer */
.splitter-vertical {
    margin-left: -11px;
    margin-right: -14px;
    z-index: 9;
    margin-top: auto;
    margin-bottom: auto;
    height: 200px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25px;
    background: url(../images/splitter.png) center center no-repeat;
    cursor: col-resize;
}

.splitter-horizontal {
    position: relative;
    left: 50%;
    margin-top: -11px;
    margin-bottom: -21px;
    z-index: 9;
    /* margin-left: auto;
    margin-right: auto; */
    width: 25px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 40px;
    background: url(../images/splitter.png) center center no-repeat;
    transform: rotate(90deg);
    cursor: row-resize;
}

.panel-right {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    width: 750px;
    min-width: 750px!important;
    height: 100%!important;
    align-content: space-evenly;
}

.panel-right .item-page-section-headline-container {
    margin-bottom: 10px;
    height: 10%;
}

.panel-right #transcription-update-button,
.panel-right #description-update-button {
    width: 100%;
    float: unset;
    height: 25px!important;
    font-size: 14px!important;
    font-weight: 700;
    padding: 0 10px;
}

.panel-right #description-update-button {
    border: 1px solid var(--main-color);
}

#item-data-header {
    margin-top: 15px;
    padding-bottom: 16px;
    width: 100%;
    float: left;
    padding-top: 1px;
    padding-left: 8px;
}

.panel-right #item-data-header {
    margin-top: 0!important;
    padding-top: 0!important;
    margin-bottom: 19px;
    height: 14vh;
    padding-bottom: 0;
}

.panel-right .back-to-story {
    font-size: 14px;
    float: none;
    margin-left: 10px;
    bottom: 0;
    left: 0;
    padding: 0;
    background-color: unset;
    display: inline-block;
    margin-bottom: 20px;
    color: #2b2b2b;
}

.panel-right .tab-list {
    padding-top: 8px;
    padding-left: 18px;
    position: relative;
    left: -3%;
    width: 105%;
    box-shadow: 1px 7px 11px rgba(235, 235, 235, 0.4);
}

.panel-bottom .back-to-story,
.data-popout .back-to-story {
    display: none;
}

#item-switch-list img {
    height: 18px;
    width: 18px;
    vertical-align: unset;
}

#item-switch-list div.active img{
    filter: brightness(0);
}

#horizontal-close.active {
    color: #000!important;
}

.panel-right #item-switch-list {
    position: relative;
}

.panel-right .location-save-btn {
    width: 100%;
    background: var(--main-color);
    padding: 0px 10px;
    letter-spacing: 0.5px;
    border: 1px solid var(--main-color);
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    margin-bottom: 20px;
    margin-top: 45px;
    border-radius: 0!important;
}

.panel-right #full-view-map {
    width: 99%;
}

.loc-input-fa {
    position: absolute;
    right: 25px;
    display: inline-block;
    padding-top: 5px;
    font-size: 14px!important;
}

#tagging-tab label {
    color: var(--main-color);
    font-family: var(--h-font-family);
    font-weight: 500!important;
}

#tagging-tab {
    padding-left: 30px!important;
}

#location-section.item-page-section {
    margin-left: 0!important;
}

.mapboxgl-ctrl-geocoder--input {
    width: 100%!important;
    border: 2px solid var(--main-color)!important;
    border-radius: 0!important;
}

.panel-right #save-all-tags {
    width: -webkit-fill-available;
    width: -moz-available;
    background-color: var(--main-color);
    color: #fff;
    padding: 0px 10px;
    letter-spacing: 0.5px;
    border: 1px solid var(--main-color);
    height: 25px;
    font-size: 14px;
    font-weight: 700;
    position: fixed;
    bottom: 0px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 35px;
}

.panel-bottom #save-all-tags,
.data-popout #save-all-tags {
    width: 100%;
    background-color: var(--main-color);
    color: #fff;
    text-align: center;
}

.tab-list {
    overflow: hidden;
    background-color: inherit;
    text-align: center;
    /*float: left;*/
    display: flex!important;
    justify-content: space-evenly;
    margin: 0;
}

.tab-list li {
    width: 20%;
    margin-left: 0!important;
    list-style-type: none;
}

.tab-list div {
    color: #2b2b2b!important;
    background-color: #fff!important;
    position: relative;
    font-size: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: inline-block;
    cursor: pointer;
    height: unset!important;
    width: unset!important;
}

#info-fa-cont {
    width: 20px!important;
    position: relative;
    margin: 0 auto;
}

.tablinks {
    border: none;
}

.tab-i {
    display: block;
    margin: 0 auto;
}

#story-info-tag {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 10px;
}

.tab-h {
    font-size: 12px;
    color: inherit;
    margin: 2px!important;
}

#loc-tab .tab-h {
    position: relative;
    bottom: 6px;
}

.data-popout #loc-tab .tab-h {
    bottom: 0;
}

.data-popout #loc-tab {
    margin-left: 10px;
}

#info-fa-cont img {
    height: 20px;
    width: 20px;
    filter: brightness(0);
    vertical-align: top;
}

#inf-tab.active #info-fa-cont img {
    filter: brightness(100%);
}

.tab-status {
    border-radius: 50%;
    font-size: 9px;
    position: relative;
    bottom: 1px;
    margin-right: 3px;
}

.tab-list div.active,
.tab-list div.active div {
    color: var(--main-color)!important;
}

.tab-list span {
    font-family: var(--h-font-family);
    font-weight: 500;
    letter-spacing: 0.025em;
}

.tab-list i {
    border: none!important;
}

.view-switcher {
    height: 25px;
    padding: 0 15px;
}

.view-switcher li {
    max-height: 200px;
    width: auto;
    height: auto;
}

.panel-right .view-switcher {
    position: absolute;
    right: 0;
    top: 13px;
}

.switch-list {
    overflow: hidden;
    background-color: inherit;
    float: right;
    margin: 0;
    background-color: #fff;
}

.switch-list li {
    display: inline;
    margin-left: 0!important;
    margin: 0 3px;
}

.switch-list i {
    font-size: 18px;
    text-align: center;
    transition: 0.3s;
    position: relative;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.switch-list img {
    filter: invert(90%) sepia(0%) saturate(32%) hue-rotate(156deg) brightness(90%) contrast(87%);
}

.switch-list img:hover {
    filter:  invert(16%) sepia(1%) saturate(1052%) hue-rotate(314deg) brightness(91%) contrast(92%);
}

.switch-i {
    display: inline-block;
    height: 18.5px;
    color: #c4c4c4;
}

.switch-i:hover {
    color: #2b2b2b;
}

#item-data-content {
    height: calc(100% - 70px);
    width: 100%;
    float: left;
    padding: 0 10px 10px 20px;
}

.data-popout #item-data-content,
.panel-bottom #item-data-content {
    padding: 0;
}

.tabcontent {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%!important;
    width: 100%!important;
}

.item-data-input-headline {
    color: var(--main-color)!important;
    font-size: 1.1em;
    font-weight: 600 !important;
    font-family: var(--h-font-family);
    margin: 1em 0;
}

.item-date-inner-container {
    display: inline-block;
    padding-right: 28px;
}

.item-date-input-container {
    display: inline-block;
}

.item-date-inner-container label {
    display: inline-block;
    margin-right: 10px;
    font-weight: 500;
    color: var(--main-color);
    font-family: var(--h-font-family);
}

.item-date-inner-container input {
    width: 94px;
}

.item-date-display-container {
    margin-top: 6px;
    display: inline-block;
}

.item-date-display {
    padding: 4px 8px;
    background-color: #f3f3f3;
    font-weight: bold;
}

.person-location-birth-inputs .ui-datepicker-trigger,
.person-location-death-inputs .ui-datepicker-trigger {
    right: -30px;
    top: 25px;
    position: absolute;
}

.person-location-birth-inputs .ui-datepicker-trigger img,
.person-location-death-inputs .ui-datepicker-trigger img {
    bottom: 3px;
}

#back-to-story-title {
    color: var(--main-color)!important;
}

.ui-datepicker-trigger {
    position: relative;
}

button.ui-datepicker-trigger {
    padding: 0;
    border: 0;
    margin-left: 7px;
    outline: none;
    width: 15px;
    background: #fff!important;
}

#enddateentry {
    margin-left: 4px;
}

#item-date-save-button {
    color: var(--main-color);
    float: right;
    background: none;
    border: none;
    font-size: 20px;
    margin-right: 22px;
}

#item-location-save-button {
    float: right;
}

#item-location-list {
    margin-bottom: 20px;
}

.person-item-data-container div:first-of-type {
    margin-bottom: 10px!important;
}

.delete-item-datas {
    position: relative;
    top: 1px;
}

.person-item-data-container input:not(:first-of-type) {
    margin-left: 9px!important;
}

.person-description-input {
    margin-bottom: 10px;
    border-radius: 0;
}

.person-description-input input {
    width: 100%!important;
    background-color: var(--bg-main-color);
    border-radius: 0;
}

#save-personinfo-button {
    float: unset!important;
}

.person-re-edit {
    width: 48.5%;
    border-radius: 0%!important;
}

input.person-re-edit,
input.person-re-edit-right {
    background: var(--bg-main-color);
}

.person-re-edit-right {
    width: 48.5%;
    border-radius: 0%!important;
}

.person-data-edit-container .input-response button.ui-datepicker-trigger {
    position: absolute;
    right: -20px;
    left: unset;
    bottom: unset;
    top: 8px;
}

.person-data-edit-container .input-response button.ui-datepicker-trigger img {
    position: relative!important;
    left: 8px;
}

.person-data-edit-container .edit-location-cancel,
.link-data-edit-container .edit-location-cancel {
    margin-right: 0!important;
}

.person-location-birth-inputs,
.person-location-death-inputs {
    padding-bottom: 0!important;
    display: flex;
    justify-content: space-between;
}

.person-data-edit-container input:focus-visible,
.person-data-edit-container textarea:focus-visible {
    background-color: #fff;
    outline: var(--main-color);
    border-color: var(--main-color);
    border-radius: 0;
}

input#person-birthPlace-input,
input#person-deathPlace-input,
#person-birthDate-input,
#person-deathDate-input,
.link-description-input textarea,
.link-url-input input  {
    width: 48.5%;
    margin-right: 0!important;
    display: inline-block;
    background-color: var(--bg-main-color);
    border-radius: 0;
    border: none;
}

#person-firstName-input,
#person-lastName-input,
#person-description-input-field {
    border: none;
}

#person-firstName-input:focus-visible,
#person-lastName-input:focus-visible,
#keyword-input:focus-visible,
.link-url-input input:focus-visible,
#person-description-input-field:focus-visible,
#person-birthPlace-input:focus-visible,
.link-description-input textarea:focus-visible,
#person-birthDate-input:focus-visible,
#person-deathPlace-input:focus-visible,
#person-deathDate-input:focus-visible,
#item-page-description-text:focus-visible,
#person-wiki-input-field:focus-visible {
    border: 1px solid var(--main-color);
    background-color: #fff;
    outline: none;
    border-radius: 0!important;
}

.person-dots {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-name-header {
    font-weight: bold;
    letter-spacing: 0.025em;
}

.person-data-output-content {
    margin-top: 10px;
}

.person-data-edit-container {
    display: none;
    margin: 15px 0 5px 0;
}

/* .person-data-edit-container .person-location-birth-inputs {
    display: flex;
    width: 100%;
    justify-content: space-between;
} */

.link-data-edit-container .link-url-input input,
.link-data-edit-container .link-description-input textarea {
    background-color: var(--bg-main-color);
    border: 1px solid #ccc;
}

.link-data-edit-container {
    margin-bottom: 70px!important;
    padding-right: 70px!important;
}

#keyword-input {
    width: 100%!important;
    border-radius: 0;
    border: none;
    background-color: var(--bg-main-color);
    height: inherit;
}

.keyword-data-output-headlinee {
    margin-right: 6px;
}

.keyword-entry-headline {
    padding-bottom: 12px;
}

#keyword-input-container {
    display: inline-block;
    width: 29%;
    vertical-align: top;
    height: 35.5px;
}

.person.form-buttons-right {
    position: absolute;
    top: 5px;
    right: 45px;
}

#keyword-save-button {
    position: absolute;
    top: 0;
    right: 25px;
}

.link-url-input {
    margin-top: 10px;
    margin-bottom: 10px;
}

.link-url-input input {
    width: 100%;
    padding: 3px;
}

.link-description-input textarea {
    resize: none;
    outline: none;
    width: 100%;
}

#story-full-collapse {
    text-align: center;
    color: var(--main-color);
    font-size: 12px;
    margin-right: 35px;
    margin-left: 25px;
}

.data-popout #story-full-collapse {
    margin-left: 0;
}

#item-data-section {
    background: #ffffff;
    padding: 10px;
    min-width: 400px;
}

#transcription-language-custom-selector:hover {
    color: #fff!important;
    background-color: var(--main-color)!important;
}

#people-view #fs-people {
    display: none;
}

/* Full screen viewer / change view */
/* Vertical Split */
.panel-right #mce-wrapper-transcription {
    height: 75%!important;
}

.panel-right #transcription-edit-container {
    height: 90%;
}

.panel-right #item-page-transcription-text {
    height: 100%;
    max-height: unset;
    min-height: unset;
}

#editor-tab.tabcontent {
    overflow: hidden!important;
    flex-direction: column;
}

.panel-right #item-data-content {
    height: 80vh;
}

.panel-right #transcription-section {
    height: 80vh;
}

.panel-right .selected-lang {
    padding-top: 5px!important;
}

.panel-right .transcription-mini-metadata {
    height: 20%;
    position: relative;
}

.selected-option:hover {
    background-color: var(--main-color)!important;
    color: #fff!important;
}

.panel-right #transcription-language-custom-selector{
    height: 40px;
    padding: 7px 10px 0;
    width: unset;
    margin: 0;
    background-color: var(--bg-main-color);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.panel-right #transcription-language-selector {
    height: 50%;
}

.panel-right #transcription-selected-languages {
    float: unset;
    height: 50%;
}

.panel-right #transcription-selected-languages li {
    font-size: 14px;
    height: 40px;
    padding: 0 10px;
    letter-spacing: -0.5px;
    padding-top: 7px;
}

.panel-right .language-select-selected {
    padding: 5px 10px 0;
    height: 40px;
    font-size: 14px;
    color: #2b2b2b;
    background-color: var(--bg-main-color);
    font-weight: 600;
    margin-top: 5px;
}

.panel-right .tablinks {
    height: 50px!important;
    min-width: 30px!important;
}

/* Horizontal Split */
#item-data-section.panel-bottom .tablinks {
    height: 30px;
    width: 130px;
}

.panel-bottom .fs-title {
    display: none;
}

.panel-bottom #item-tab-list i {
    float: left;
}

#item-data-section.panel-bottom #item-data-content {
    position: relative;
    height: 90%;
}

#item-data-section.panel-bottom .tab-h {
    margin: 0!important;
    position: relative;
    bottom: 4px!important;
    float: right;
}

#item-data-section.panel-bottom .tab-h.it {
    left: 0px;
}

#item-data-section.panel-bottom {
    padding-bottom: 0!important;
}

.panel-bottom .language-select-selected {
    padding: 0 10px;
    font-size: 10px;
    font-weight: 500;
    color: #2b2b2b;
}

.panel-bottom #transcription-selected-languages,
.panel-bottom #transcription-selected-languages ul,
.panel-bottom #transcription-selected-languages li {
    font-size: 10px;
    height: 25px;
    padding: 0 5px;
}

.panel-bottom .transcription-headline-header {
    height: 35px;
    margin-bottom: 0;
}

.panel-bottom #tr-history {
    visibility: hidden;
}

.panel-bottom #run-itm-enrich-container {
    width: 100%;
}

.panel-bottom #run-itm-enrich {
    margin-right: 33px;
}

.panel-bottom .selected-option {
    font-size: 11px;
    position: relative;
    padding: 2px 10px;
    background-color: var(--bg-main-color);
    font-weight: 500;
    z-index: 50;
    line-height: 1.3em;
}

.panel-bottom #info-fa-cont img {
    height: 15px;
    width: 15px;
}

.panel-bottom #tut-tab .tab-h.it {
    bottom: 5px!important;
}

.panel-bottom #transcription-language-selector .language-item-select {
    height: 180px;
    z-index: 9;
    border: 1px solid darkgray;
    bottom: auto;
}

.panel-bottom #description-language-selector .language-item-select {
    height: 157px;
    z-index: 9;
    border: 1px solid darkgray;
    bottom: 28px;
    left: unset;
}

.panel-bottom #mytoolbar-transcription {
    height: 1px!important;
    margin-bottom: 2px;
}

.panel-bottom #desc-part {
    height: inherit;
    overflow-y: auto!important;
}

.panel-bottom #transcription-update-button {
    height: 25px;
    width: 100px;
    font-size: 15px;
    border: 5px solid var(--main-color);
    padding: 0 5px;
    line-height: 1;
}

.panel-bottom .transcription-metadata-container {
    display: flex;
    position: absolute;
    right: 0;
}

.panel-bottom #description-update-button {
    height: 25px;
    width: 100px;
    border: 5px solid var(--main-color);
    font-size: 15px;
    padding: 0;
    float: right;
    margin-bottom: 0;
    bottom: 0px;
    line-height: 1;
}

.panel-bottom #description-tab {
    padding-right: 25px;
}

.panel-bottom #tr-history {
    display: none;
}

/* Popout */
#item-data-section.data-popout {
    overflow-y: hidden;
    overflow-x: hidden;
    background: #fff;
    min-width: 550px!important;
}

#item-data-section.data-popout #editor-tab.tabcontent {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

#item-data-section.data-popout #run-itm-enrich-container {
    position: relative;
    width: 100%;
}

#item-data-section.data-popout #run-itm-enrich {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
}

/* #item-data-section.data-popout #mytoolbar-transcription {
    height: 50px!important;
    margin: 3px 0;
} */

#item-data-section.panel-bottom #mce-wrapper-transcription,
#item-data-section.data-popout #mce-wrapper-transcription {
    overflow: hidden;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: column;
}

#item-data-section.data-popout #transcription-section {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    flex-grow: 1;
    overflow: hidden;
}

#item-data-section.data-popout #item-data-header {
    margin-top: 0px;
    max-height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.25em;
    position: relative;
}

.data-popout .tab-h {
    margin: 0;
}

.data-popout #tag-tab {
    padding-top: 3px;
}

.data-popout #eng-desc-fs {
    padding-left: 0;
}

#item-data-section.data-popout .transcription-headline-header div,
.data-popout #description-collapse-heading {
    font-size: 12px;
    padding: 0;
}

.data-popout #description-collapse-heading,
.panel-bottom #description-collapse-heading {
    width: 100%;
}

.panel-bottom #description-status-changer {
    float: none;
    display: inline-block;
    left: 24px;
}

.data-popout #transcription-status-dropdown {
    height: auto!important;
}

.data-popout .item-page-section-headline-right-site {
    padding: 0;
    margin: 0;
}

#item-data-section.data-popout #item-tab-list li div i,
#item-data-section.data-popout #inf-tab #info-fa-cont {
    display: none;
}

#item-data-section.data-popout #item-data-content #editor-tab #tr-history {
    display: none;
}

.data-popout #transcription-language-selector {
    margin-bottom: 0!important;
}

.data-popout .transcription-mini-metadata {
    display: flex;
    margin-top: 1px!important;
}

.data-popout #inf-tab .tab-h.it {
    bottom: 0!important;
}

#popup-lang {
    display: none;
}

.data-popout {
    position: absolute!important;
    top: 50%;
    left: 25%;
    height: 25%;
    width: 50%;
    background: #fff;
    min-height: 350px;
    min-width: 400px;
    border-radius: 7px;
    background-color: #fff;
}

.data-popout #description-tab {
    padding-top: 5px;
}

.data-popout #description-update-button {
    padding: 0;
    margin-bottom: 0;
    top: 4px!important;
}

.data-popout #desc-part h4,
.data-popout #desc-part i {
    font-size: 10px;
}

.data-popout #desc-part {
    height: inherit;
}

.data-popout #tagging-tab {
    padding-left: 0!important;
    margin-top: 5px;
}

.data-popout .item-page-person-container {
    margin-top: 10px;
}

.data-popout #switcher-casephase,
.panel-bottom #switcher-casephase {
    position: absolute;
    top: -10px;
    right: 0px;
    padding: 0!important;
}

.data-closed {
    position: absolute!important;
    right: 3px;
    top: 5px;
    border-radius: 7px;
}

.data-closed #item-data-header,
#item-data-section.data-closed  {
    padding-bottom: 0px;
    background-color: transparent!important;
}

.data-closed .fs-title,
.data-closed #item-tab-list {
    display: none!important;
}

.data-closed #switcher-casephase {
    position: fixed;
    top: 0;
    right: 0;
}

.description-map {
    height: 43px!important;
    width: 100%!important;
}

.location-input-container {
    width: 100%;
    margin-top: 6px;
}

.location-input-section-top .location-input-container input,
.location-input-description-container textarea {
    float: right;
    margin-right: 49px;
    width: 55%!important;
    background-color: var(--bg-main-color);
    border: 0!important;
    border-radius: 0!important;
}

#location-name-display,
.location-input-coordinates-container,
#location-input-geonames-search-container,
.location-input-description-container {
    margin: 5px 0 0 0;
}

/*
.location-input-container textarea {
    width: 100%;
    margin-top: 6px;
} */

.required-field {
    color: red;
    font-size: 18px;
    float: right;
    display: none;
}

.location-display {
    display: block!important;
    width: 100%!important;
}

#location-input-geonames-search-container {
    position: relative;
}

.location-search-container input {
    padding-right: 15px;
}

.form-buttons-right {
    margin-top: 12px;
    margin-bottom: 10px;
    position: relative;
}

.form-btn-left {
    display: inline-block;
    width: 30%;
    background-color: transparent;
}

.form-btn-right {
    display: inline-block;
    width: 58%;
    background-color: transparent;
}

.edit-data-save-right {
    padding: 0;
    letter-spacing: 0.5px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    color: var(--main-color);
    margin-left: 5px;
    border: none!important;
    background: #fff;
    outline: none!important;
    font-size: 15px;
}

.item-data-output-list ul {
    margin: 8px 0;
}

.item-data-output-list ul li {
    list-style: none;
    margin: 8px 0!important;
    padding: 10px 14px 4px 14px;
    background-color: var(--bg-main-color);
}

.item-data-output-element-header h6 {
    float: left;
    width: calc(100% - 50px);
    height: 25px;
    overflow: hidden;
    font-size: 1.1em;
}

.item-data-output-list h6 {
    margin: 0!important;
}

.edit-item-data-icon {
    cursor: pointer;
    float: right;
    background: transparent;
    border-radius: 50%;
    padding: 6px;
    margin-left: 3px;
    font-size: 11px;
}

.edit-item-data-icon:hover {
    color: var(--main-color);
}

.location-data-edit-container {
    display: none;
    margin: 15px 0 5px 0;
}

.edit-data-cancel-right {
    float: right;
    padding: 8px 12px;
    margin-right: 4px;
    letter-spacing: 0.5px;
}

#full-v-metadata .single-meta,
#full-v-metadata .mb1 {
    margin-bottom: 0px!important;
}

.link-btn-left {
    position: absolute;
    top: 0;
    left: 0;
}

.link-btn-right {
    position: absolute;
    top: 0;
    right: 0;
}

.link-btn-left button,
.link-btn-right button {
    border-radius: 0;
    font-weight: 700;
    font-size: 14px;
}

/* colored status on section headers */
.completed {
    width: 100px;
    font-size: 10px;
    text-align: center;
    background-color: #61e02f;
    border-radius: 20px;
    position: relative;
}

.edited {
    width: 100px;
    font-size: 10px;
    text-align: center;
    background-color: #fff700;
    border-radius: 20px;
    position: relative;
}

.reviewed {
    width: 100px;
    font-size: 10px;
    text-align: center;
    background-color: #ffc720;
    border-radius: 20px;
    position: relative;
}

.not-started {
    width: 100px;
    font-size: 10px;
    text-align: center;
    background-color: #eeeeee;
    border-radius: 20px;
    position: relative;
}

.no-status {
    width: 100px;
    font-size: 10px;
    text-align: center;
    background-color: transparent;
    color: transparent!important;
    border-radius: 10px;
}

#item-image-section.panel-top img {
    height: 100%;
}

#location-position {
    position: relative;
    cursor: pointer;
}

#location-update-button {
    float: right;
    margin-top: 12px;
}

#geo-tagging-map {
    position: relative;
}

#location-input-section-top div {
    float: left;
    margin-right: 4px;
}

#location-input-geonames-search-container.location-search-container a {
    font-size: 10px;
    position: absolute;
    right: 2%;
    bottom: 0;
}

.ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

#add-item-keyword {
    list-style: none;
    display: inline-block;
    padding: 3px 6px;
    background-color: #f1f1f1;
    border-radius: 2px;
    margin: 0 0 6px 6px;
}

#item-keyword-list {
    width: 69%;
}

#item-keyword-list .keyword-single {
    cursor: pointer;
}

#add-item-keyword:first-child {
    margin: 0 0 6px 6px;
}

#add-item-keyword i {
    cursor: pointer;
    padding: 2px;
    margin-left: 2px;
}

.sow-form-field-textarea .sow-field-container {
    height: 175px;
}

.image-popout {
    width: 100%;
    overflow: hidden;
    height: 100%;
    text-align: center;
    min-width: 100%;
    min-height: 100%;
    background-color: #fff;
}

.image-popout img {
    height: 100%;
}

.mini-status-icon {
    margin: 5px 0 5px 10px;
}

#item-tab-laptop {
    padding-left: 9px;
    padding-right: 9px;
}

.tabcontent::-webkit-scrollbar {
    width: 13px;
}

.tabcontent::-webkit-scrollbar-track {
    border: 1px #f7f7f7 solid;
}

.tabcontent::-webkit-scrollbar-thumb {
    background: #F1EFF0;
}

.tabcontent::-webkit-scrollbar-thumb:hover {
    background: #c4c4c4;
}

#transcription-section.item-page-section {
    margin: 0 25px!important;
}

.person-input-names-container {
    display: flex;
    justify-content: space-between;
}

.person-input-names-container input {
    background-color: var(--bg-main-color);
    border-radius: 0!important;
}

.person-item-data-container {
    padding-right: 70px;
    margin-bottom: 25px;
}

.person-input-desc-cont {
    display: flex;
    justify-content: space-between;
}

#person-description-input-field,
#item-page-description-text,
#person-wiki-input-field {
    width: 100%!important;
    background-color: var(--bg-main-color);
    border: none;
}

.tutorial-image-area img {
    height: auto;
    max-width: 100%;
}

#help-tab .tutorial-text-area {
    width: 100%;
    margin-top: 10px;
}

.tutorial-text-area h2 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.widget {
    margin: 0 0 1.5em;
}

.siteorigin-widget-tinymce.textwidget {
    width: 100%!important;
    max-width: 100%!important;
    margin-left: 5px;
    margin-right: 5px;
}

.enrich-header {
    padding: 15px 25px;
    background: #fff;
    letter-spacing: 0.025em;
    cursor: pointer;
    margin: 50px 0px;
}

.enrich-header h5 i {
    margin-right: 14px;
}

/* Css for smaller screens */
@media screen and (max-width: 1100px) {
    #full-view-r {
        display: block;
        float: unset;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        z-index: 10;
        position: relative;
        background: #fff;
    }
    #full-view-l {
        float: unset;
        width: 100%;
    }
    #map-left,
    #enrich-right,
    #meta-left,
    #meta-right {
        float: unset;
        width: 100%;
    }
}

@media screen and (max-width: 1400px) {
    .panel-right #item-tab-list .tablinks span {
        display: none;
    }

    .tab-h {
        position: relative;
        left: 2px;
    }

}

@media screen and (max-width: 1100px) {
    .full-view-l , .full-view-r {
        float: unset;
        display: block;
    }
}

/*------------------------------------------*/
.tab-h.it {
    position: relative;
    left: 3px;
    font-family: var(--h-font-family);
    letter-spacing: 0.025em;
}

@media screen and (min-width: 851px) and (max-width: 1200px) {
    #inner-slider {
        bottom: 0;
    }
    .tab-h span,
    .tab-h.it {
        display: none;
    }
    .data-popout .tab-h span{
        display: inline-block;
    }
    .data-popout .tab-h.it {
        display: inline-block;
        bottom: 5px;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1550px) {
    #inner-slider {
        bottom: 0;
    }
}

.location-input-coordinates-container {
    display: block!important;
}

.location-single p {
    margin-bottom: 0px!important;
    margin-top: 0px!important;
}

.location-single p:first-of-type {
    margin-bottom: 1px!important;
}

#loc-save-lock {
    cursor: pointer;
}

.checkbox-inactive {
    float:right;
    background-color:var(--bg-main-color);
    padding: 1px 3px;
}

.checkbox-inactive label {
    color: darkgray;
    font-size: 12px;
}

.checkbox-active {
    float: right;
    background-color: var(--main-color);
    padding: 1px 5px 1px 2px;
}

.checkbox-active label {
    color: #fff;
    font-size: 12px;
}

#no-text-placeholder,
#htr-no-text-placeholder,
#no-text-placeholder-rc {
    display: flex;
    background-color: var(--bg-main-color);
    text-align: center;
    height: 500px;
    margin-top: 14px;
    cursor: pointer;
}

#no-text-placeholder p,
#htr-no-text-placeholder p,
#no-text-placeholder-rc p,
#transcription-view-container #fs-start-tr {
    font-family: var(--h-font-family);
    width: 90%;
    max-width: 270px;
    max-height: 75px;
    margin: 0 auto!important;
    align-self: center;
    letter-spacing: 0.025em;
    font-size: 32px;
    font-weight: 700;
    color: var(--main-color);
}

#no-text-placeholder span,
#htr-no-text-placeholder span,
#no-text-placeholder-rc span{
    line-height: 1;
    display: inline-block;
    width: 35%;
    text-align: left;
    margin-left: 20px;
}

#no-text-placeholder img,
#htr-no-text-placeholder img,
#no-text-placeholder-rc img,
#fs-start-tr img{
    height: 70px;
    vertical-align: unset;
    position: relative;
    top: 5px;
}

#no-text-placeholder i,
#htr-no-text-placeholder i ,
#no-text-placeholder-rc i{
    color: var(--main-color);
    font-size: 70px;
    margin-right: 15px;
    cursor: pointer;
}

#fs-start-tr {
    display: flex;
    background-color: var(--bg-main-color);
    min-height: 40vh;
    position: relative;
    text-align: center;
}

#current-tr-view:has(#fs-start-tr) {
    background-color: var(--bg-main-color);
}

.current-transcription,
.htr-current-transcription {
    position: relative;
    padding-left: 24px;
    padding-bottom: 30px;
    overflow: hidden;
    margin-top: 25px;
    cursor: default!important;
    flex-grow: 2;
}

.current-transcription p,
.htr-current-transcription p {
    margin: 2px 0!important;
}

.current-transcription em {
    background-color: #fff700!important;
}

.calendar-img {
    height: 18px!important;
    position: relative;
    bottom: 8px;
}

.ui-datepicker-trigger img {
    height: 18px!important;
    position: absolute;
    bottom: -1px;
    right: 3px;
}

/* only showing status, no functionality */
.status-indicator-view {
    font-size: 10px;
    font-family: var(--h-font-family);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    position: relative;
    bottom: 1px;
}

.status-display {
    display: inline-block;
    height: 25px;
    width: 100px;
    text-align: center;
    border-radius: 20px;
    position: relative;
    left: 5px;
    top: 2px;
    line-height: normal!important;
}

/* data-poput view */
.data-popout #transcription-edit-container {
    /* height: 95%;
    margin-top: 12px; */
    display: flex;
    flex-shrink: 1;
    flex-grow: 1;
    flex-direction: column;
    overflow: auto;
}

.data-popout .tab-list li {
    margin: 0;
    padding-left: 7px;
}

#popout-language-holder,
.data-popout #switch-tr-view,
.panel-bottom #switch-tr-view {
    display: none;
}

#switch-tr-view i {
    font-size: 30px;
}

.data-popout .headline-header {
    display: none;
}

.data-popout .item-page-section-headline {
    width: 100%;
    display: flex!important;
}

.data-popout .item-page-section-headline .transcription-metadata-container {
    display: inline-flex;
    justify-content: end;
    margin-left: auto;
}

.data-popout .item-page-section-headline {
    padding: 5px 0px 0px!important;
}

/* Align "disabled" SAVE and "no text" buttons in popout view */
.data-popout .item-page-section-headline-container .transcription-metadata-container button#transcription-update-button {
    position: relative;
    right: 0;
}

.data-popout .item-page-section-headline-container #no-text-selector .item-checkmark {
    top: 50%;
    transform: translateY(-50%);
}

.data-popout .item-page-section-headline-container #no-text-selector span.no-text-label {
    top: 0;
}

/*----*/
.data-popout #transcription-language-custom-selector {
    padding: 0 10px!important;
    width: unset;
    margin: 0;
    background-color: var(--bg-main-color);
    color: #2b2b2b;
    text-transform: none;
    font-weight: 500;
    font-family: var(--p-font-family);
    font-size: 13px!important;
}

.data-popout #transcription-language-custom-selector::after {
    right: 0;
}

.data-popout #transcription-selected-languages li {
    text-transform: none;
    letter-spacing: 0.025em;
    height: unset;
    padding: 0 5px;
    font-weight: 500;
    font-family: var(--p-font-family);
    font-size: 13px;
}

.data-popout #transcription-selected-languages {
    display: inline-flex;
    max-height: 65px;
    box-sizing: border-box;
    margin-right: 10px;
    overflow: auto;
    float: unset;
}

.data-popout #transcription-update-button,
.data-popout #description-update-button {
    position: absolute;
    right: 0px;
    height: 25px;
    width: 100px;
    font-size: 15px;
    border: 2px solid var(--main-color);
    padding: 0;
    line-height: 1;
}

.data-popout #item-transcription-spinner-container {
    position: relative;
    top: 10vh;
    right: 50%;
    z-index: 99;
}

.data-popout .section-status-changer {
    height: 20px;
    float: left;
    top: 1px;
    left: 0;
    margin-right: 5px;
}

.data-popout #transcription-section.item-page-section {
    margin: 0!important;
    padding: 5px 5px 0 5px;
}

.data-popout #tutorial-carousel {
    padding-top: 5px;
}

#item-data-section.data-popout #item-data-content {
    position: relative;
    height: calc(100% - 30px);
    min-width: 350px;
    min-height: 215px;
    background-color: #fff;
}

.data-popout .status-dropdown-content {
    left: 0;
}

.data-popout .selected-option,
.data-popout .language-select-selected,
.data-popout .same-as-selected {
    font-size: 13px!important;
    padding: 3px 10px!important;
    position: relative;
    z-index: 50;
    background-color: var(--bg-main-color);
    font-family: var(--p-font-family);
    font-weight: 500;
    letter-spacing: 0.025em;
}

.data-popout .language-item-select {
    border: 1px solid darkgray;
    z-index: 9;
    bottom: unset!important;
}

.data-popout #description-language-selector .language-item-select {
    height: 165px;
    bottom: 35px!important;
}

#item-data-content .description-language {
    display: none!important;
}

.data-popout #item-page-transcription-text {
    max-height: unset;
    height: 100%;
}

.data-popout .square-checkbox-container {
    margin-right: 0px;
}

.data-popout #description-tab .item-page-section {
    padding-top: 0;
}

.data-popout #description-collapse-heading {
    padding-top: 0!important;
}

.data-popout .location-save-btn {
    width: 100%;
    margin-top: 35px;
    margin-bottom: 10px;
    height: 30px;
    padding-top: 2px!important;
}

.data-popout #location-input-section {
    position: relative;
}

.data-popout #full-screen-map-placeholder {
    padding-left: 5px;
    padding-right: 9px;
}

.data-popout .status-indicator {
    position: relative;
    bottom: 5px;
    font-size: 8px;
}

.data-popout #transcription-status-changer {
    left: 5px;
    margin-right: 15px;
}

.data-popout #description-status-changer {
    top: 5px;
    float: none;
}

.data-popout #description-area {
    position: relative;
}

.data-popout #tagging-status-changer {
    top: -3px;
}

.data-popout #location-status-changer {
    bottom: 3px;
    left: unset;
    top: unset;
    position: relative;
}

.data-popout #location-position i {
    left: 105px;
    top: 8px;
}

.data-popout #item-switch-list {
    width: 75px;
}

.data-popout #tagging-section,
.data-popout #location-section,
.data-popout #description-tab .item-page-section {
    margin-left: 5px;
}

.data-popout #item-data-header,
.data-popout #full-v-story-description {
    padding-left: 0px;
}

.data-popout #info-tab .item-page-section-headline {
    padding-left: 5px;
}

.data-popout #popout-language-holder {
    position: relative;
    bottom: 3px;
    display: block;
    width: 100%;
}

.data-popout #transcription-status-indicator {
    bottom: 4px;
}

.data-popout #tagging-section h6 {
    font-size: 16px;
    font-weight: 700;
}

.data-popout #tagging-section div {
    font-size: 14px;
}

.data-popout #info-tab {
    padding-left: 5px;
}

.data-popout #info-tab .item-page-section-headline {
    display: none!important;
}

.data-popout #info-tab .mb-1 {
    font-size: 14px;
}

.data-popout #info-tab .meta-p {
    font-size: 13px;
}

.data-popout #meta-container {
    line-height: 1.3em;
}

.data-popout #item-switch-list li div {
    width: 12px!important;
}

.data-popout .switch-list li:last-of-type {
    bottom: 1px!important;
    right: 3px!important;
}

.data-popout .switch-list i {
    font-size: 12px;
    bottom: 4px!important;
    right: 3px;
}

.data-popout .switch-list i:not(i#horizontal-close) {
    right: 2px;
}

.data-popout #meta-container,
.data-popout #storydesc {
    padding-left: 0;
}

.data-popout .item-data-input-headline {
    font-size: 1em;
}

.data-popout #auto-enrich-story {
    padding-left: 0;
    padding-right: 0;
}

.data-popout #run-stry-enrich {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
}

/* --------------------- */
.selected-option i {
    display: none;
}

.selected-option:hover i {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 1px;
    font-size: 8px;
}

/* Panel Right(Default View) */
.panel-right .language-item-select {
    position: absolute;
    bottom: unset;
    top: 40px;
    height: 111px;
    width: inherit;
    overflow-x: hidden;
    z-index: 9;
}

.panel-right .selected-option {
    font-size: 13px;
    padding: 3px 10px;
    width: 200px;
    background-color: var(--bg-main-color);
    position: relative;
    z-index: 50;
    font-weight: 500;
    letter-spacing: -0.5px;
}

/* --- Panel Bottom --- */
.panel-bottom .tab-list li {
    text-align: left;
}

#item-data-section.panel-bottom .tablinks .tab-i {
    font-size: 15px;
    position: relative;
    margin-right: 5px;
}

#item-data-section.panel-bottom .tablinks .tab-status {
    float: left;
    top: 8px;
    position: relative;
    margin-right: 5px;
}

#item-data-section.panel-bottom #item-data-header {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    height: 10%;
}

#item-data-section.panel-bottom #editor-tab {
    height: inherit;
}

.panel-bottom #loc-tab img {
    height: 17px!important;
    bottom: 7px!important;
}

.panel-bottom #transcription-section,
.panel-bottom #transcription-edit-container {
    position: relative;
    height: 100%;
}

.panel-bottom #mce-wrapper-transcription {
    height: 100%;
    width: 100%;
    padding-bottom: 35px;
}

.panel-bottom #item-page-transcription-text {
    overflow-y: auto;
    max-height: unset;
    height: calc(100% - 25px);
}

.panel-bottom #popout-language-holder {
    display: inline-block;
    height: 25px;
    position: absolute;
    right: 0;
    padding-left: 20px;
    width: calc(100% - 215px);
}

.panel-bottom span.headline-header {
    width: 112px;
}

.panel-bottom .transcription-mini-metadata {
    margin-left: 0;
    margin-top: 0;
    position: relative;
    height: 25px;
    line-height: 1em;
}

.panel-bottom #no-text-selector span:not(.item-checkmark) {
    top: 2px;
    font-weight: 400;
}

.panel-bottom #transcription-status-changer {
    display: inline-block;
    float: none;
}

.panel-bottom .item-page-section-headline {
    padding: 0;
    font-size: 16px;
    width: 100%;
    position: relative;
}

.panel-bottom #transcription-language-custom-selector {
    font-size: 10px;
    height: 25px;
    padding: 3px 10px;
    width: unset;
    background-color: var(--bg-main-color);
    color: #2b2b2b;
    text-transform: initial;
}

.panel-bottom #transcription-language-custom-selector::after {
    right: 0;
}

.panel-bottom #transcription-selected-languages li {
    padding-top: 3px;
}

.panel-bottom #location-hide {
    height: 25px;
    position: relative;
}

.panel-bottom #location-position i {
    top: 0px;
    position: unset;
}

.panel-bottom #location-status-changer {
    display: inline-block;
    position: relative;
    float: none;
    left: 25px;
}

.panel-bottom #clear-loc-input {
    right: 49px;
}

.panel-bottom .location-save-btn {
    width: 100%;
    position: relative;
    padding: 0;
    height: 30px;
    margin-bottom: 10px;
}

.panel-bottom .loc-input-fa {
    position: relative;
    float: right;
    margin-top: 5px;
    right: 49px;
    margin-bottom: 15px;
}

.panel-bottom #loc-save-lock,
.panel-bottom #loc-name-check {
    position: absolute;
    right: 25px;
    float: right;
}

.panel-bottom #location-section {
    margin: 0 0 0 25px;
    padding-right: 0;
}

.panel-bottom #full-screen-map-placeholder {
    padding-right: 24px;
}

.panel-bottom .location-input-container {
    margin-top: 13px;
}

.panel-bottom #tagging-status-changer {
   float: none;
   display: inline-block;
   left: 17px;
}

.panel-bottom #description-area {
    margin-top: 8px;
}

.panel-bottom #category-checkboxes {
    margin-bottom: 5px;
    display: flex;
}

.panel-bottom #description-language-selector {
    margin: 0 0 10px;
}

.panel-bottom #info-tab {
    margin-top: 10px;
}

.tr-history-section {
    margin-bottom: 40px;
}

.tr-history-section .item-page-section-headline {
    font-size: 18px!important;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 8px 0px;
    display: inline-block;
    text-transform: uppercase;
    font-family: var(--h-font-family);
    font-weight: 700!important;
    letter-spacing: 0.025em;
}

/* Tiny MCE Editor adjustments !!!! After update even more important */
div.tox-toolbar {
    height: inherit!important;
}

.tox.tox-tinymce-inline .tox-editor-header {
    background-color: unset!important;
    border: none!important;
    border-radius: 0!important;
}

div.tox.tox-tinymce {
    z-index: 999;
}

#item-page-transcription-text table,
#item-page-transcription-text td,
#item-page-transcription-text tr {
    border: 1px solid #000;
}

.fs-title {
    display: inline-block;
    color: var(--main-color);
    width: 75%;
    font-weight: 600;
    margin-left: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.htr-btns {
    margin: 10px auto;
    padding: 0 25px;
    width: 100%;
    color: var(--main-color);
    font-family: var(--h-font-family);
    font-weight: 700;
    letter-spacing: 0.025em;
    display: flex;
    justify-content: space-between;
}

.link-single i.far.fa-external-link {
    margin-left: 3px;
    margin-right: 5px;
    color: var(--main-color);
    font-size: 14px;
}

.full-container {
    margin-top: 85px;
}

#masthead nav[role=navigation] {
    position: fixed;
    width: 100vw;
}

#search-form {
    margin-right: 25px;
}

nav.site-navigation.main-navigation.primary.use-sticky-menu.sticky {
    width: 100%!important;
}

#masthead {
    position: relative;
    z-index: 9999;
}

/* Mobile 'version' css */
@media screen and (max-width: 750px) {
    .panel-bottom .tab-list span {
        display: none;
    }
    .panel-bottom span.headline-header {
        display: none;
    }
    .panel-bottom .section-status-changer {
        display: none!important;
    }
    .panel-bottom #popout-language-holder {
        position: relative;
        width: 100%;
        padding-left: 0;
    }
    .panel-bottom #category-checkboxes {
        display: block;
    }
    .panel-bottom #transcription-view-container {
        display: none!important;
    }
    .panel-bottom #transcription-edit-container {
        display: block!important;
    }
    section {
        padding: 0 10px!important;
    }
    #item-header {
        font-size: 15px;
    }
    .item-progress {
        right: 10px!important;
        width: unset!important;
    }
    .htr-btns {
        display: block;
        font-weight: 600;
    }
    .htr-btns div {
        font-size: 13px;
    }
    .location-single p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #meta-cover {
        width: 100%;
    }
    #search-form {
        display: none;
    }
    ul#_transcribathon_topmenu {
        display: block;
        right: 0!important;
        height: unset!important;
        line-height: unset!important;
        letter-spacing: unset!important;
        text-align: center;
    }
    ul#_transcribathon_topmenu li {
        margin-right: 5px!important;
        font-size: 11px!important;
    }
    #_transcribathon_topmenu > li > a {
        padding: 0!important;
    }
    .mobilenav-main-link {
        color: #0a72cc!important;
    }
}

@-moz-document url-prefix() {
    .form-buttons-right {
      margin-top: 25px!important;
    }
}

.ui-menu {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*-- enrichments addition of checkboxes --*/
/* Enrichment Changes */
.person-desc-left,
.person-desc-right {
    min-height: 75px;
}

.person-desc-left,
.person-desc-right,
.map-wiki-left,
.map-wiki-right {
    display: inline-block;
    width: 48.5%;
}

.person-desc-right {
    position: relative;
    padding: 2px 0;
}

.person-desc-right i {
    position: absolute;
    right: -29px;
    bottom: 35px;
    color: var(--main-color);
}

.person-role-input {
    line-height: 1.3em!important;
    height: inherit;
}

.person-role-input label {
    font-size: 12px;
    font-family: var(--p-font-family);
    position: relative;
    bottom: 2px;
    color: var(--main-color);
    margin-bottom: 0!important;
}

.place-wiki-left {
    width: 48.5%;
    float: left;
}

.place-wiki-right {
    width: 48.5%;
    float: right;
}

.date-checkmark {
    display: inline-block;
    position: relative;
    top: 3px;
    right: 15px;
    height: 18px;
    width: 18px;
    border: 2px solid var(--main-color);
}

.loc-checkmark {
    display: inline-block;
    position: relative;
    top: 3px;
    height: 18px;
    width: 18px;
    border: 2px solid var(--main-color);
}

.loc-check-right {
    display: inline-block;
    width: 55%;
    margin-right: 49px;
    float: right;
}

.loc-checkbox-container,
.date-checkbox-container {
    display: block;
    position: relative;
    cursor: pointer;
    user-select: none;
    margin-top: 10px;
    color: var(--main-color);
    font-family: var(--h-font-family);
}

.loc-checkbox-container:hover input ~ .loc-checkmark,
.date-checkbox-container:hover input ~ .date-checkmark {
    background-color: #eee;
}

.loc-type-check::after,
.date-type-check::after {
    border-radius: 0;
    border: 2px solid #0a72cc;
}

.loc-checkmark:after,
.date-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.loc-checkbox-container input:checked ~ .loc-checkmark,
.date-checkbox-container input:checked ~ .date-checkmark {
    background-color: var(--main-color);
}

.loc-checkbox-container input,
.date-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.date-checkbox-container i {
    left: 25px;
    position: relative;
    margin-left: 2px;
    font-size: 16px;
    cursor: pointer;
}

.loc-checkbox-container input:checked ~ .loc-checkmark:after,
.date-checkbox-container input:checked ~ .date-checkmark:after {
    display: block;
}

.loc-checkbox-container .loc-checkmark:after,
.date-checkbox-container .date-checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.person-role-input input {
    display: none;
}

.person-role-input label {
    cursor: pointer;
    letter-spacing: 00.025em;
    font-family: var(--p-font-family);
}

.person-role-input label span {
    position: relative;
    line-height: 20px;
    font-family: var(--h-font-family);
    letter-spacing: 00.025em;
    font-size: 15px;
}

.person-role-input span:before,
.person-role-input span:after {
    content: '';
}

.person-role-input span:before {
    border: 2px solid var(--main-color);
    width: 15px;
    height: 15px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 2.5px;
}

.person-role-input span:after {
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
}

.person-role-input input:checked+span:after {
    opacity: 1;
}

.person-role-input input:checked+span:before {
    background-color: var(--main-color);
}

.creation-date-container {
    display: inline-block;
}

/* Auto enrichments */
#full-v-metadata h3 {
    font-size: 17px!important;
    margin-left: 25px;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    font-weight: 600;
    color: var(--main-color);
    font-family: var(--h-font-family);
    letter-spacing: 0.025em;
}

#run-stry-enrich,
#run-itm-enrich {
    font-family: var(--h-font-family);
    background-color: var(--main-color);
    font-size: 15px;
    border: 1px solid var(--main-color);
    color: #fff;
    margin-left: 25px;
    margin-top: 5px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

#run-itm-enrich-container {
    position: absolute;
    bottom: 0;
    width: calc( 100% - 30px);
}

#auto-enrich-story {
    padding-left: 25px;
}

/* Auto Enrichments Css */
.auto-enrichment {
    margin: 10px auto!important;
    padding: 5px;
    border: 1px solid #eee;
    height: 60px;
    position: relative;
}

.single-annotation,
.verified-annot {
    margin: 10px auto;
    max-width: 800px;
    padding: 0 20px;
    position: relative;
}

.enrich-body-left {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    padding-left: 30px;
    height: 90%;
    width: 80%;
}

.enrich-body-left p {
    margin: 0!important;
    width: 100%;
}

.enrich-body-left .auto-description {
    font-size: 12px;
    line-height: 1.25em;
    position: relative;
    bottom: 8px;
}

.enrich-body-right {
    position: relative;
    float: right;
    right: 10px;
    width: 50px;
    top: calc(50% - 20px);
    max-width: 20%;
}

.ait-section {
    margin: 20px auto;
}

#ait-enrich-h {
    width: 100%;
    height: 40px;
    color: var(--main-color);
    background-color: var(--bg-main-color);
    font-family: var(--h-font-family);
    text-transform: uppercase;
    letter-spacing: 0.025em;
    font-weight: 600;
    padding: 10px 1%;
}

.ait-accept-btn {
    float: left;
    cursor: pointer;
}

.ait-accept-btn i {
    color: #61E02F!important;
}

.ait-decline-btn {
    float: right;
    cursor: pointer;
}

.ait-decline-btn i {
    color: red!important;
}

.auto-enrichment .auto-e-svg,
.auto-enrichment i {
    position: absolute;
    top: 18px;
    left: 10px;
    color: var(--main-color);
}

.ait-accept-btn button,
.ait-decline-btn button {
    padding: 0!important;
    border: 0!important;
    border-radius: 0%!important;
    background: none!important;
    background-color: #fff!important;
    font-size: 15px;
}

#loc-auto-enrich {
    width: 99%;
}

#translated-tr {
    display: none;
}

#translated-tr.show {
    display: block;
    padding: 0 10px;
}

#translated-tr p{
    padding-left: 11px;
    padding-right: 10px;
}

#loc-verify,
#ppl-verify {
    color: var(--main-color);
    font-family: var(--h-font-family);
    letter-spacing: 0.025em;
    margin: 10px 0;
    font-weight: 600;
    font-size: 17px!important;
}

#auto-e-link {
    padding-left: 25px!important;
}

#auto-e-link button {
    padding: 0 5px!important;
    font-size: 12px;
    border-top: 1px solid var(--main-color);
    border-right: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
    border-left: 1px solid var(--main-color);
    background: var(--main-color)!important;
    border-radius: 0!important;
    color: #FFF;
    margin-top: 10px!important;
    margin-right: 10px!important;
}

.data-popout #auto-e-link {
    padding-left: 5px!important;
}

.panel-bottom #auto-e-link {
    background-color: unset;
}

#eng-desc-fs {
    padding-left: 25px;
    padding-right: 35px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}

#edit-story-translation {
    position: absolute;
    top: 0;
    right: 35px;
    color: var(--main-color);
    background: #FFF!important;
    padding: 0 5px;
    border: none;
}

.slider-track {
    width: 50px;
    height: 20px;
    background-color: #ebe8e8;
    position: relative;
    border-radius: 15px;
    top: 9px;
}

.slider-slider {
    background-color: #cfcfcf;
    width: 20px;
    height: 20px;
    float: left;
    border-radius: 50%;
    cursor: pointer;
}

#loc-auto-enrich .accept .slider-track,
#ppl-auto-enrich .accept .slider-track,
#auto-enrich-story .accept .slider-track {
    background-color: rgba(97, 224, 47, 0.9);
}

#loc-auto-enrich .accept .slider-slider,
#ppl-auto-enrich .accept .slider-slider,
#auto-enrich-story .accept .slider-slider {
    float: right;
    background-color: #0a72cc;
}

#accept-story-enrich,
#accept-loc-enrich,
#accept-ppl-enrich {
    color: #FFF;
    background-color: var(--main-color);
    font-family: var(--p-font-family);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.025em;
    cursor: pointer;
}

#accept-story-enrich {
    margin-left: 25px;
}

.data-popout #accept-story-enrich {
    margin-left: 0;
}

.data-popout #loc-auto-e-container {
    padding-left: 5px;
}

.panel-bottom #accept-loc-enrich {
    margin-right: 24px;
}

/* .panel-right #accept-loc-enrich, .panel-right #accept-ppl-enrich, .panel-right #accept-story-enrich {
    color: #fff;
    background-color: var(--main-color);
    font-family: var(--p-font-family);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 00.025em;
    cursor: pointer;
} */

.panel-right #accept-loc-enrich {
    width: 99%;
}

.panel-bottom #loc-auto-enrich {
    width: 100%;
    padding-right: 24px;
}

.data-popout #loc-auto-enrich {
    width: 100%;
    padding-right: 9px;
}

.data-popout #accept-loc-enrich {
    margin-right: 9px;
}

.panel-right #accept-ppl-enrich {
    width: 100%!important;
}

#full-v-metadata {
    margin-right: 35px;
}

#ppl-auto-e-container {
    margin-left: 30px;
    padding-right: 8px;
}

.data-popout #ppl-auto-e-container {
    margin-left: 5px;
}

#verify-h {
    margin-left: 0!important;
}

.auto-h {
    margin-left: 30px!important;
    margin-top: 15px;
    margin-bottom: 0px!important;
    color: #bababa;
    font-family: var(--h-font-family);
    letter-spacing: 0.025em;
    font-weight: 300;
    font-size: 10px;
    border-top: 0.5px solid #bababa;
}

#item-person-list .auto-h {
    margin-left: 0px!important;
    margin-right: 20px!important;
    padding-left: 15px;
}

#full-v-metadata .auto-h {
    margin-left: 25px!important;
    padding-left: 20px;
}

.auto-delete {
    position: absolute;
    cursor: pointer;
    font-size: 11px;
    right: 52px;
    top: 10px;
}

.location-single .auto-delete {
    top: 5px;
    position: absolute;
}

.enrich-view p:first-of-type {
    border-bottom: 1px solid var(--bg-main-color);
    margin: 0!important;
}

.enrich-view .enrich-label {
    margin-left: 5px;
    margin-right: 10px;
}

.loc-auto-enrich .enrich-wiki {
    font-size: 13px;
}

.enrich-view .enrich-wiki {
    font-size: 13px;
    margin: 0!important;
    padding-left: 25px;
    position: relative;
    bottom: 4px;
}

.enrich-view .enrich-description {
    font-size: 13px;
    margin: 0!important;
    padding-left: 25px;
    position: relative;
}

.enrich-view .auto-delete {
    top: 3px!important;
    right: 20px!important;
}

.enrich-view {
    position: relative;
    line-height: 1.1em;
    margin-bottom: 10px;
}

.enrich-view .left-i {
    color: var(--main-color);
    margin-left: 5px;
    margin-right: 3px;
    font-size: 12px;
    position: relative;
    bottom: 2px;
}

/* Ration Cards CSS */
#rc-form,
#rc-form table,
#rc-form tr,
#rc-form td {
    vertical-align: middle!important;
}

.rc-top-address {
    width: 100%;
    position: relative;
}

#rc-form input,
#rc-form input:focus-visible {
    border-radius: 0%!important;
    outline: none;
    color: #000;
    padding: 1px 5px!important;
}

#rc-form input:focus-visible {
    border: 0.5px solid #000!important;
}

#rc-form i {
    color: #0a72cc;
    cursor: pointer;
    font-size: 14px;
}

.rc-top-address tr {
    height: 30px;
}

#rc-form h3 {
    margin-bottom: 20px;
}

.rc-top-address td {
    text-align: center;
    height: inherit;
}

.rc-title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--p-font-family);
    margin-bottom: 25px;
}

#rc-date {
    margin-top: 25px;
    position: relative;
}

#shop-place {
    margin-top: 25px;
}

#shop-place label {
    display: inline-block;
    width: 49%;
}

#shop-name {
    width: 55%;
    position: absolute;
    right: 25px;
    top: -3px;
}

#shop-loc-btn {
    margin-left: 5px;
}

.rc-first-col {
    width: 42%;
    display: inline-block;
}

.rc-second-col {
    width: 11%;
    display: inline-block;
    margin: 0 8px;
}

.rc-second-col input,
.rc-first-col input,
.rc-third-col input,
#rc-table td input {
    width: 100%;
}

.rc-third-col {
    width: 43%;
    display: inline-block;
}

#kbr {
    width: 30%;
    text-align: center;
    position: relative;
    top: 1px;
}

#rc-table td {
    display: inline-block;
    width: 22%;
    text-align: center;
}

.rc-list-td {
    position: relative;
    border-bottom: 1px solid #ccc;
}

.rc-list-td input {
    padding: 0!important;
    border: none!important;
    width: 100%;
    height: 100%;
}

.btn-col {
    width: 3%!important;
}

#rc-place-one {
    margin-left: 10px;
    position: absolute;
    right: 20px;
    top: 7px;
}

#m-address {
    width: 90%;
    position: absolute;
    right: 10px;
}

#rc-date-entry {
    margin-left: 8px;
    max-width: 100px;
}

#rc-date i {
    position: relative;
    left: 7px;
    top: -1px;
    font-size: 16px;
}

.rc-list-display td {
    text-align: left!important;
}

#rc-loc-result {
    margin: 25px 0;
    position: relative;
}

.res-single {
    border: 0.5px solid #eee;
    padding: 5px 10px;
}

.res-single:hover {
    background-color: #0a72cc;
}

#m-address-res,
#shop-loc-res,
#landlord-loc-res {
    position: absolute;
    background-color: #fff;
    overflow-y: auto;
    z-index: 999;
}

#m-address-res {
    top: 60px;
}

#landlord-loc-res {
    top: 25px;
}

.res-single p {
    font-size: 10px!important;
    margin: 0!important;
}

.res-single:hover p {
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

#edit-shop-container,
#edit-llord-container,
#edit-subm-container {
    display: inline-block;
    font-size: unset;
}

#edit-subm-container {
    position: absolute;
    right: 15px;
}

#edit-shop-container {
    position: absolute;
    right: 0;
}

#m-address-check,
#kbr-check,
#landlord-check,
#shop-check,
#shop-name-check,
#submitter-check,
#landlord-name-check {
    position: absolute;
    color: #61e02f!important;
    cursor: default!important;
}

#m-address-check,
#kbr-check {
    top: 7px;
    right: -10px;
}

#landlord-check,
#submitter-check,
#landlord-name-check {
    top: 7px;
    right: -16px;
}

#shop-loc {
    position: absolute!important;
    right: 42px!important;
    top: -3px!important;
    width: 65%!important;
}

#shop-loc-btn {
    position: absolute!important;
    right: 0!important;
    top: 4px;
}

#shop-check {
    right: 25px;
    top: 5px;
}

#shop-name-check {
    right: 8px;
    top: 5px;
}

#show-sub-loc {
    float: left;
    width: 49%;
}

#show-land-loc {
    float: right;
    width: 49%;
}

#rc-person-list span,
.list-person-single span,
.rc-list-head span,
#prirast-odpad span {
    display: inline-block;
    border: 1px solid #ccc;
    text-align: center;
}

.rc-list-head span {
    font-size: 12px;
    height: 28px;
}

.start-span {
    width: 5%;
}

.second-span {
    width: 10%;
}

.first-span,
.third-span,
.fourth-span,
.fifth-span {
    width: 20%;
}

.sixth-span {
    width: 5%;
}

.left-half,
.right-half {
    display: inline-block;
    width: 50%;
    border: none!important;
}

.left-half input,
.right-half input {
    width: 100%;
    border: none!important;
    padding: 0;
}

.rc-list-head .third-span,
.rc-list-head .start-span,
.rc-list-head .second-span {
    position: relative;
    top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 28px;
}

#submit-form {
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
    color: #fff;
    text-align: center;
    width: 100%;
    margin-top: 50px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--p-font-family);
}

#rc-form .location-single p:first-of-type {
    font-size: 14px;
}

.form-title {
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    margin-top: 30px!important;
}

.form-cookies {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 9px;
}

.form-cookies {
    text-align: center;
}

.form-sub-cookies {
    text-align: left;
    margin-top: 0!important;
    margin-bottom: 20px!important;
}

.display-shop-label {
    margin-bottom: 10px!important;
}

#shop-container {
    margin-top: 30px;
    margin-bottom: 20px;
    border: 2px solid #000;
    padding: 10px 20px;
}

.form-footer,
.form-sub-footer {
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 600;
}

.form-footer {
    border-top: 1px solid #000;
}

#item-page-transcription-text span.first-span,
.current-transcription span.first-span {
    width: 25%!important;
}

.current-transcription p.rc-list-head {
    margin: 0!important;
}

#prirast-odpad i:not(#save-prirast-person,
#save-odpad-person,
.fa-trash-alt) {
    float: left;
    position: relative;
    top: 7px;
    margin-right: 5px;
    font-size: 12px;
}

#prirast-btn,
#odpad-btn {
    display: inline-block;
    width: 60px;
}

#prirast-odpad p {
    font-size: 12px;
    margin: 0!important;
}

/* -------------------------------- */
.rc-first-left-block,
.rc-first-right-block {
    display: inline-block;
    width: 50%;
}

.rc-inner-left {
    display: inline-block;
    width: 70%;
}

.rc-inner-right {
    display: inline-block;
    width: 30%;
    padding-left: 20px;
    text-align: center;
}

.rc-first-right-block {
    padding-left: 20px;
}

.rc-namirnice-table p:not(.rc-povecanje, .rc-namirnice-input, .rc-brasno){
    font-size: 10px;
    vertical-align: top!important;
    text-align: center;
    line-height: 1;
    min-height: 30px;
}

.rc-namirnice-table div:not(div.rc-not) {
    display: inline-block;
    width: 5.9%;
    border: 1px solid #000;
    height: 30px;
    border-left: none;
}

.rc-namirnice-table div:not(div.rc-bot-div, div.rc-inner-bot-div) {
    height: 60px;
}

div.rc-inner-bot-div {
    height: 44px;
}

.rc-namirnice-left,
.rc-namirnice-right {
    display: inline-block;
}

.rc-namirnice-left {
    width: 50%;
    border-right: 1px solid #000;
}

.rc-namirnice-right {
    width: 50%;
}

.rc-psenica,
.rc-raz,
.rc-jecam {
    display: inline-block;
    width: 11.8%;
    border: 1px solid #000;
    border-right: none;
}

.rc-kukuruz {
    display: inline-block;
    width: 17.4%;
    border: 1px solid #000;
}

.kukuruz-left,
.kukuruz-mid {
    display: inline-block;
    width: 33%;
    border-right: 1px solid #000;
}

.kukuruz-right {
    display: inline-block;
    width: 34%;
}

.rc-namirnice-name {
    border-bottom: 1px solid #000;
}

.rc-hidden-head {
    position: absolute;
    opacity: 0;
    right: -100px;
}

.rc-povecanje {
    line-height: 30px!important;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 12px!important;
    letter-spacing: 15px;
    text-align: center;
}

.rc-bot-div {
    height: 30px!important;
    font-size: 14px!important;
}

.rc-namirnice-input {
    line-height: 30px!important;
    font-size: 15px!important;
    text-align: center;
}

.rc-brasno {
    font-size: 8px!important;
    line-height: 12px!important;
    text-overflow: clip;
    text-align: center;
    min-height: 15px!important;
    border-bottom: 1px solid #000;
}

#current-tr-view .form-title,
.current-transcription p.form-title {
    margin-top: 40px!important;
    margin-bottom: 25px!important;
}

.rc-namirnice-table {
    white-space: nowrap!important;
    font-size: 0;
}

.rc-namirnice-table div {
    font-size: 0;
}

.rc-namirnice-table p,
.rc-namirnice-table div {
    white-space: nowrap!important;
    margin: 0!important;
}

.sub-street-out {
    display: inline-block;
    min-width: 50px;
}

#rc-date .ui-datepicker-trigger img {
    position: relative!important;
    bottom: -2px!important;
    top: unset;
}

#rc-form .fa-trash-alt {
    position: relative;
    bottom: 2px;
}

#transcription-container,
#osd-viewer-container {
    height: 600px;
    display: flex;
    flex-direction: column;
}

#rc-popup {
    height: 300px;
    width: 300px;
    border: 1px solid #0a72cc;
    background: #fff;
    z-index: 99;
    padding: 20px;
    position: fixed;
    left: calc(50vw - 150px);
    top: calc(50vh - 150px);
}

#rc-popup p {
    margin: 10px;
}

#close-rc-popup {
    position: relative;
    text-align: center;
    color: #0a72cc;
    cursor: pointer;
}

#show-list-ppl div.list-person-single,
#show-prirast-ppl div.list-person-single,
#show-odpad-ppl div.list-person-single {
    display: flex;
    align-items: stretch;
}

#rc-tr-wrapper div.list-person-single {
    white-space: break-spaces;
    display: flex;
    align-items: stretch;
}

p.list-person-single {
    display: block;
    width: 100%;
}

/* Start Transcription SVG */
.cls-1,
.cls-2 {
    fill: var(--main-color);
}

svg {
    fill: var(--main-color);
}

.location-single.story-location svg {
    fill: var(--main-color-hover);
}

.tablinks svg {
    fill: #2b2b2b!important;
}

.tablinks.active svg {
    fill: var(--main-color)!important;
}

/* Ration Cards for Smaller Screens */
@media screen and (max-width: 1200px) {
    .rc-inner-right {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .rc-first-left-block p,
    .rc-first-right-block p {
        font-size: 13px;
    }
    .rc-namirnice-table p {
        font-size: 8px!important;
        line-height: 10px!important;
    }
    #transcription-container .rc-namirnice-table p {
        font-size: 7px!important;
        line-height: 10px;
    }
    .panel-bottom #loc-tab .tab-h {
        top: -1px;
    }
}

@media screen and (max-width: 470px) {
    .rc-inner-right {
        display: block;
    }
    .list-person-single span,
    .rc-list-head span {
        font-size: 11px;
    }
    #transcription-container .rc-namirnice-table p {
        font-size: 6px!important;
        line-height: 10px!important;
    }
    .rc-namirnice-table p {
        font-size: 7px!important;
        line-height: 10px!important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .form-title {
        font-size: 14px;
    }
    #shop-container p {
        font-size: 11px;
    }
    .form-cookies,
    .form-sub-cookies,
    .form-footer,
    .form-sub-footer {
        font-size: 6px;
    }
}

@media screen and (max-width: 300px) {
    .rc-first-left-block {
        display: block;
    }
    .list-person-single span,
    .rc-list-head span {
        font-size: 9px;
        line-height: 27px;
    }
    #shop-container p {
        font-size: 10px;
    }
}

@media screen and (max-height: 610px) {
    .item-page-section-headline {
        font-size: 15px!important;
        padding: 0!important;
    }
    #switch-tr-view i {
        font-size: 25px;
    }
    .panel-right .item-page-section-headline-container {
        height: 7%;
    }
    .panel-right #transcription-language-custom-selector {
        height: 30px;
        padding: 0 5px;
    }
    .panel-right #transcription-selected-languages li {
        padding: 0 5px;
        padding-top: 0;
        height: 30px;
    }
}

@media screen and (max-height: 450px) {
    .tab-list li {
        width: unset;
    }
    #item-tab-list li div {
        display: flex;
        width: 30px;
    }
    .tab-status {
        bottom: 6px;
    }
    .tab-list span {
        position: relative;
        bottom: 5px;
    }
    .panel-right .tablinks {
        height: 35px!important;
    }
    #loc-tab .tab-h {
        bottom: 1px;
    }
    .panel-right #transcription-edit-container {
        height: 80%;
    }
}

/* cookie pop up fix */
div#MyPopup {
    padding: 0.5rem!important;
    background-color: #b33e3e;
    z-index: 600!important;
    right: 0;
    left: 0;
    bottom: 0;
    position: fixed;
}

span#MyPopupp {
    color: #ffffff;
    font-weight: 700!important;
    font-size: 0.875rem!important;
    line-height: 1.25rem!important;
    padding: 0.25rem!important;
    border: 1px solid #fff;
    border-radius: 0.5rem!important;
    cursor: pointer;
    float: right;
}

#MyPopup div p {
    color: #fff;
    font-size: 0.75rem;
    line-height: 1rem;
}

@media (min-width: 1024px) {
    #MyPopup div p {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}