/* TODO: Check, was über Theme stylebar ist */

/*
 * -----------------------------------------------------------------------------
 * Lucom Interaction Platform
 * (C) Lucom GmbH, Erkrath. All rights reserved.
 *
 * $$
 * -----------------------------------------------------------------------------
 */

/*
 * Add your custom CSS code to this file. This file will be included as last CSS
 * file in the form and main view. The file may also include theme macros.
 */

/* BundesSans */

@font-face {
    font-family: "BundesSans Web";
    font-weight: normal;
    font-style: normal;
    src:
        url("../fonts/ozg/BundesSansWeb-Regular.woff2") format("woff2"),
        url("../fonts/ozg/BundesSansWeb-Regular.woff") format("woff");
}

@font-face {
    font-family: "BundesSans Web";
    font-weight: bold;
    font-style: normal;
    src:
        url("../fonts/ozg/BundesSansWeb-Bold.woff2") format("woff2"),
        url("../fonts/ozg/BundesSansWeb-Bold.woff") format("woff");
}

@font-face {
    font-family: "BundesSans Web";
    font-weight: normal;
    font-style: italic;
    src:
        url("../fonts/ozg/BundesSansWeb-Italic.woff2") format("woff2"),
        url("../fonts/ozg/BundesSansWeb-Italic.woff") format("woff");
}

@font-face {
    font-family: "BundesSans Web";
    font-weight: bold;
    font-style: italic;
    src:
        url("../fonts/ozg/BundesSansWeb-BoldItalic.woff2") format("woff2"),
        url("../fonts/ozg/BundesSansWeb-BoldItalic.woff") format("woff");
}

/* BundesSerif */

@font-face {
    font-family: "BundesSerif Web";
    font-weight: normal;
    font-style: normal;
    src:
        url("../fonts/ozg/BundesSerifWeb-Regular.woff2") format("woff2"),
        url("../fonts/ozg/BundesSerifWeb-Regular.woff") format("woff");
}

@font-face {
    font-family: "BundesSerif Web";
    font-weight: bold;
    font-style: normal;
    src:
        url("../fonts/ozg/BundesSerifWeb-Bold.woff2") format("woff2"),
        url("../fonts/ozg/BundesSerifWeb-Bold.woff") format("woff");
}

@font-face {
    font-family: "BundesSerif Web";
    font-weight: normal;
    font-style: italic;
    src:
        url("../fonts/ozg/BundesSerifWeb-Italic.woff2") format("woff2"),
        url("../fonts/ozg/BundesSerifWeb-Italic.woff") format("woff");
}

@font-face {
    font-family: "BundesSerif Web";
    font-weight: bold;
    font-style: italic;
    src:
        url("../fonts/ozg/BundesSerifWeb-BoldItalic.woff2") format("woff2"),
        url("../fonts/ozg/BundesSerifWeb-BoldItalic.woff") format("woff");
}

html {
    font-size: 10px;
}

body {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
}

main .content {
    padding: 0 10px;
}

@media (width >=768px) {
    main .content {
        padding: 0 27px;
    }
}

a {
    cursor: pointer;
    text-decoration: underline;
    color: #0077B6;
}

a:hover,
a:focus,
a:active {
    color: #00659B;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

input[type="text" i] {
    padding-inline: 16px;
}

#lip_formBean .form div.InputField.componentWrapper .formControl {
    padding: 0 20px;
}

#lip_formBean #lip_formBottomPadding {
    height: 0;
}

/* FMSOZG-1878 */
.TextLink {
    line-height: 2.4rem;
    font-size: 1.6rem;
}

.TextLink:focus {
    outline: none;
    border: 1px solid #0077B6;
}

.TextLink:hover {
    color: #757575;
}

.TextLink:disabled {
    color: #757575;
}

.IconTextLink {
    line-height: 2.4rem;
    font-size: 1.6rem;
}

.IconTextLink > img {
    padding: 5px;
    vertical-align: middle;
    margin-right: 6px;
}

.IconTextLink:focus {
    outline: none;
    padding-right: 5px;
    outline: 1px solid #0077B6;
}

.IconTextLink:hover {
    outline: none;
    color: #757575;
}

.IconTextLink:disabled {
    color: #757575;
}

/* ODB portal / Startpage */

.header {
    background-color: white;
}

.header > div[id*="header:Banner"] > div.flex-container,
.header > div[id*="header:RKP_Funktionen"] > div.flex-container,
.footer > div[id*="footer:ServiceInfoFooter"] > div.flex-container {
    max-width: 936px;
    margin: 0 auto;
    box-sizing: border-box;
}

@media (width <= 768px) {
    .header > div[id*="header:RKP_Funktionen"] > div.flex-container {
        flex-direction: column;
    }

    .header > div[id*="header:RKP_Funktionen"] > div.flex-container > fieldset {
        max-width: 432px;
        flex-basis: auto !important;
        margin: 0 auto 40px !important;
    }
}

.header div[id*="header:Banner"] {
    height: 331px;
    background: url("../images/banner.png") no-repeat center;
    background-size: cover;
}

.header .BannerTitle,
.header .BannerText {
    display: block !important;
    line-height: 1.5;
    color: white;
    text-align: center;
}

.header .BannerTitle {
    font-size: 3.2rem;
    font-weight: 700;
    margin-top: 80px !important;
}

.header .BannerText {
    font-size: 1.8rem;
    font-weight: 400;
}

.header.responsive-min .BannerTitle {
    margin: 10px 0 !important;
}

.header.responsive-min .BannerTitle,
.header.responsive-min .BannerText {
    padding: 0 10px;
}

.header div[id$="header:searchPanel"] {
    max-width: 776px;
    border-radius: 4px;
    margin: -30px auto 30px;
    left: 0;
    right: 0;
    padding: 32px 50px;
    -webkit-box-sizing: border-box; /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */ /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */ /* Firefox, other Gecko */
    box-sizing: border-box; /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */ /* Opera/IE 8+ */
    background-color: #004B76;
}

.header div[id$="header:searchPanel"] > .flex-container {
    justify-content: center;
}

@media (width < 768px) {
    .header div[id$="header:searchPanel"] div[id="txt_searchPanel"] > div {
        align-items: center;
        margin: 0 auto 10px;
    }

    .header.responsive-min div[id$="header:searchPanel"] .flex-container > .formControl {
        margin: 0;
    }

    .header.responsive-min div[id$="header:searchPanel"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.header div[id$="header:searchPanel"] .label {
    font-size: 1.8rem;
    color: white;
    font-weight: 700;
}

.link-faq {
    margin-top: 8px;
    font-style: italic;
    font-size: 1.6rem;
    line-height: 27px;
    text-decoration: none;
    color: white;
}

.link-faq:before {
    content: url("../images/svg/ozg/search-arrow.svg");
    margin-right: 8px;
    vertical-align: middle;
}

.link-faq:focus,
.link-faq:hover {
    color: white;
    text-decoration: underline;
    border: none;
    outline: none;
}

.header div[id*="header:Navigation"] .ButtonLink {
    margin-left: 35px !important;
}

.form ul[data-group-name="Fehlerliste"] {
    flex-direction: column;
    list-style-type: disc;
    margin-left: 27px;
    font-size: 1.3rem;
    display: flex;
}

.form ul[data-group-name="Fehlerliste"] li {
    color: #004B76;
}

/****** Dropdown modifications *************** */

.flex-container > .selectize-control {
    overflow: visible;
}

.selectize-dropdown.plugin-lip_select {
    border: 0;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 26%);
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 2.4rem;
}

.selectize-dropdown.plugin-lip_select .active {
    border-left: 2px solid #0077B6;
}

.selectize-dropdown [data-selectable] {
    padding: 14px 20px;
}

.selectize-dropdown [data-selectable] + div {
    border-top: 1px solid #eff0f1;
}

.selectize-control.single .selectize-input:after,
.selectize-control.plugin-lip_select.multi .selectize-input:after {
    content: "";
    background-color: #0077B6;
    -webkit-mask-image: url("../images/svg/ozg/dropdown_top.svg"); /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-image: url("../images/svg/ozg/dropdown_top.svg"); /* stylelint-disable-line plugin/no-unsupported-browser-features */
    -webkit-mask-size: contain; /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-size: contain; /* stylelint-disable-line plugin/no-unsupported-browser-features */
    border: 0;
    width: 14px;
    height: 8px;
    margin: 0 18px 0 0;
    transform: rotateX(180deg);
    transition: transform 0.2s ease;
    top: calc(50% - 2px);
}

.selectize-control.single .selectize-input.LanguageDropDown:after {
    content: "";
    background-color: #576164;
    -webkit-mask-image: url("../images/svg/ozg/dropdown_language_top.svg"); /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-image: url("../images/svg/ozg/dropdown_language_top.svg"); /* stylelint-disable-line plugin/no-unsupported-browser-features */
    -webkit-mask-size: contain; /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-size: contain; /* stylelint-disable-line plugin/no-unsupported-browser-features */
    width: 14px;
    height: 8px;
    margin: 2px 26px 0 0;
    line-height: 2rem;
}

.selectize-control.single.plugin-lip_customization.plugin-lip_select.plugin-accessibility[data-styleclass^="LanguageDropDown"] {
    flex: none !important;
    margin: 5px -10px 7px 2px !important;
}

.selectize-input.items.has-options.LanguageDropDown.formControl.formControlText.selectized.full.has-items.focus.ffw_focussed,
.selectize-input.items.has-options.LanguageDropDown.formControl.formControlText.selectized.full.has-items {
    display: inline-block;
    padding-left: 10px;
    margin: 0 26px 0 0;
}

.selectize-input.items.has-options.LanguageDropDown.formControl.formControlText.selectized.full.has-items.focus.ffw_focussed.dropdown-active {
    display: inline-block;
    padding-left: 10px;
    margin: 2px 26px 0 0;
}

.selectize-control[data-styleclass^="LanguageDropDown"] {
    padding-top: 2px;
    width: 135px !important;
}

.selectize-input.items.has-options.LanguageDropDown.formControl.formControlText.selectized.full.has-items.focus.input-active.ffw_focussed {
    margin: 0 10px 0 0 !important;
    width: 135px !important;
}

.selectize-control.plugin-lip_select .selectize-input.LanguageDropDown [data-value] {
    padding-right: 16px;
    padding-left: 6px;
}

.selectize-control.single .selectize-input.dropdown-active:after,
.selectize-control.plugin-lip_select.multi .selectize-input.dropdown-active:after {
    right: 0;
    margin-top: 0;
    border: 0;
    margin-right: 23px;
    transform: rotateX(0deg);
    top: calc(50% - 3px);
}

/****** Formhelp/Formnavigation modifications *************** */

.formBody .form-main .sidebar.left {
    background-color: #F5F8FA;
    width: 348px;
    box-shadow: none !important;
}

.formBody .form-main .sidebar.left .sticky-content {
    background-color: #F5F8FA;
    padding-left: 48px;
}

.formBody .form-main .sidebar.left,
.formBody .form-main .sidebar.left .sticky-content,
.formBody .form-main .sidebar.widescreen.left .sticky-content {
    overflow: hidden;
}

/* Standard-Animation entfernt, macht keinen Sinn mehr, bei linksbündigem Button (sieht auch nicht gut aus) */
.formBody .form-main .sidebar.left.opening ~ .sidebar-visibility-switch,
.formBody .form-main .sidebar.left.closing ~ .sidebar-visibility-switch {
    animation-name: none;
}

.formBody .form-main .sidebar.left.hidden ~ .sidebar-visibility-switch button {
    transform: none;
}

/* deprecated since 3.30.0 */
.formBody .form-main .sidebar.right {
    color: #004B76;
}

.formBody .form-main .sidebar.right {
    width: 310px !important;
    padding: 0 0 0 48px;
    box-shadow: none;
    border-left: 1px solid #ffffff;
}

.formBody .form-main .sidebar.right .sticky-content {
    width: 310px !important;
    box-shadow: none !important;
}

/* left-align formNav closing button */
.formBody .form-main .sidebar-visibility-switch {
    top: 56px !important;
    left: 0 !important;
}

.formBody .form-main .sidebar-visibility-switch button[title~="schließen"] {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Wenn FormNav eingeklappt, soll sich der Öffnen-Button etwas vom Formular abheben */
.formBody .form-main .sidebar-visibility-switch button[title~="öffnen"] {
    background-color: #ffffff !important;
    box-shadow: none !important;
}

.formBody .form-main .sidebar-visibility-switch button:hover,
.formBody .form-main .sidebar-visibility-switch button:active {
    background-color: #00659B;
}

.formBody .form-main .sidebar-visibility-switch svg {
    fill: #00659B !important;
}

.formBody .form-main .sidebar-visibility-switch svg circle {
    stroke: #ffffff;
    stroke-width: 1px;
}

.formBody .form-main .sidebar-visibility-switch button:hover svg circle,
.formBody .form-main .sidebar-visibility-switch button:active svg circle {
    stroke: rgba(0, 75, 118, 41%);
}

.formBody .form-main .sidebar-visibility-switch button:focus svg circle {
    stroke: #004B76;
}

.formBody .form-main .sidebar-visibility-switch button {
    transform: none;
}

@media (width < 1120px) {
    .formBody .form-main .sidebar.left {
        width: 252px;
        position: absolute;
        height: 100%;
        border-right: 1px solid rgb(217, 227, 234);
    }

    .formBody .form-main .sidebar.left .sticky-content {
        padding-left: 16px;
    }

    .formBody .form-main .sidebar.right {
        padding: 0 0 0 24px;
    }

    /* left-align formNav closing button */
    .formBody .form-main .sidebar-visibility-switch {
        top: 26px !important;
        left: 0 !important;
    }
}

.formBody .goToTop {
    bottom: 144px;
    margin-right: 50px;
}

@media (width < 768px) {
    .formBody .goToTop {
        bottom: 20px;
        margin-right: 20px;
    }
}

@media (width <= 320px) {
    .formPanel {
        margin-bottom: 20px;
    }

    .responsive-min .FieldsetContentFooter .flex-container {
        padding: 4px 0 0;
    }

    .IconTextLink {
        padding-right: 20px;
    }
}

/****** Placeholder modifications *************** */

::placeholder {
    font-style: italic;
    font-size: 1.6rem;
}

/****** Viewembedding Error modifications *************** */

ul.ffw_errorLabel > li:before {
    content: url("../images/svg/ozg/alert-circle-alert.svg");
    margin-right: 8px;
}

ul.ffw_errorLabelMin > li:before {
    content: url("../images/svg/ozg/alert-circle-alert.svg");
    margin-right: 5px;
}

/****** Checkbox/Radiobutton modifications *************** */

/* Styling des Hakens / der angeklickten Box (nicht möglich über external-Stylesheet) */
.lip_checkbox input[type="radio"]:checked ~ div > .after:before,
.lip_checkbox div[data-type="radio"][data-checked="checked"] ~ div > .after:before {
    background-color: #0077B6;
    transform: scale(0.6);
}

.lip_checkbox input[type="checkbox"]:checked ~ div > .after:before,
.lip_checkbox div[data-type="checkbox"][data-checked="checked"] ~ div > .after:before {
    color: #0077B6 !important;
}

.lip_checkbox:not(.toggle) > div > .before,
.lip_checkbox:not(.toggle) > div > .after,
.lip_checkbox:not(.toggle) > div > .after:before {
    width: 20px !important;
    height: 20px !important;
    font-size: 1.1rem;
    line-height: 2rem;
    text-align: center;
    color: #FFFFFF;
}

/* Hover-Effekt für Checkboxen nicht in fms-ozg.css (external-Stylesheet) stylebar */
.lip_checkbox:hover .Checkbox:not(.ffw_notEditable) {
    border: 1px solid #0077B6 !important;
}

.lip_checkbox:hover .RadioButton:not(.ffw_notEditable) {
    border: 1px solid #0077B6 !important;
    border-radius: 50% !important;
}

.lip_checkbox.toggle .floating .after {
    background-color: #798183;
}

.lip_checkbox.toggle input[type="checkbox"]:checked ~ .floating .before {
    background-color: #0077B64d !important;
    border-color: #004B76 !important;
}

.lip_checkbox.toggle input[type="checkbox"]:checked ~ .floating .after {
    background-color: #0077B6;
}

.lip_checkbox.toggle > div > .after {
    left: 2px;
}

.lip_checkbox.toggle input:checked ~ div > .after {
    left: 47.5%;
}

.lip_checkbox input[type="radio"].ffw_notEditable:checked ~ div > .after:before,
.lip_checkbox div[data-type="radio"][data-checked="checked"].ffw_notEditable ~ div > .after:before,
.lip_checkbox input[type="checkbox"]:checked ~ div > .ffw_notEditable > .after:before,
.lip_checkbox div[data-type="checkbox"][data-checked="checked"] ~ div > .ffw_notEditable > .after:before {
    background-color: #576164 !important;
}

.lip_checkbox input[type="radio"].ffw_notEditable:checked ~ div > .after,
.lip_checkbox div[data-type="radio"][data-checked="checked"].ffw_notEditable ~ div > .after,
.lip_checkbox input[type="checkbox"]:checked ~ div > .ffw_notEditable > .after,
.lip_checkbox div[data-type="checkbox"][data-checked="checked"] ~ div > .ffw_notEditable > .after {
    opacity: 1;
}

.responsive-min .flex-container > .lip_checkbox {
    margin: 0 8px 0 0;
}

/* ----------------------------------------- <Anpassungen für Datepicker> --------------------------------------- */

.datepicker.dropdown-menu {
    padding-bottom: 0;
    width: 282px;
}

.datepicker .smallgrid table,
.datepicker table {
    font-size: 1.6rem;
    line-height: 3rem;
    border-collapse: separate;
    padding-left: 18px;
    padding-right: 18px;
}

.datepicker .smallgrid table tr td {
    height: 49px;
    width: 49px;
    line-height: 4.9rem;
}

.datepicker .smallgrid .datepicker-switch {
    width: 200px;
}

.datepicker .datepicker-months > table,
.datepicker .datepicker-years > table,
.datepicker .datepicker-years > decades {
    border-spacing: 7px 0;
}

.datepicker .datepicker-days > table > tbody:before,
.datepicker .datepicker-months > table > tbody:before,
.datepicker .datepicker-years > table > tbody:before,
.datepicker .datepicker-days > table > tbody:after,
.datepicker .datepicker-months > table > tbody:after,
.datepicker .datepicker-years > table > tbody:after {
    content: "";
    display: block;
    position: inherit;
    width: 800%;
    margin-left: -18px;
    border-top: 1px solid #e5e8e9;
}

.datepicker .datepicker-days > table > tbody:before,
.datepicker .datepicker-months > table > tbody:before,
.datepicker .datepicker-years > table > tbody:before {
    margin-bottom: 7px;
}

.datepicker .table-condensed > thead > tr > th,
.datepicker .table-condensed > tbody > tr > th,
.datepicker .table-condensed > tfoot > tr > th,
.datepicker .table-condensed > thead > tr > td,
.datepicker .table-condensed > tbody > tr > td,
.datepicker .table-condensed > tfoot > tr > td {
    padding: 0;
}

.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    border-radius: 50%;
}

.datepicker .prev:hover,
.datepicker .next:hover {
    background-color: unset;
    border: 1px solid #0077B6;
}

.datepicker table tr th,
.datepicker table tr td {
    width: 35px;
    height: 35px;
}

.datepicker table thead:after {
    content: "";
    display: block;
    height: 2px;
}

.datepicker table tr td.focused.today.active.day,
.datepicker table tr td.month.focused.active,
.datepicker table tr td.month.focused,
.datepicker table tr td.active:active,
.datepicker table tr td.focused,
.datepicker table tr td.year.active,
.datepicker table tr td.today.day,
.datepicker table tr td.today {
    border-radius: 50% !important;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active:active,
.datepicker table tr td.active.active {
    border-radius: 50%;
}

.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
    border-width: 2px;
}

.datepicker table tr td.century:hover,
.datepicker table tr td.decade:hover,
.datepicker table tr td.century.focused:hover,
.datepicker table tr td.decade.focused:hover,
.datepicker table tr td.day:hover,
.datepicker table tr td.year.focused,
.datepicker table tr td.month.focused,
.datepicker table tr td.focused.day,
.datepicker table tr td.century.focused,
.datepicker table tr td.decade.focused,
.datepicker table thead tr th.prev:focus,
.datepicker table thead tr th.next:focus {
    border-radius: 50% !important;
    border: 1px solid #0077B6;
}

.datepicker table tr td.year.focused,
.datepicker table tr td.month.focused,
.datepicker table tr td.focused.day,
.datepicker table tr td.century.focused,
.datepicker table tr td.decade.focused,
.datepicker table thead tr th.prev:focus,
.datepicker table thead tr th.next:focus {
    border-width: 2px;
}

.datepicker table tr th {
    color: #004B76;
}

.datepicker table tr td {
    border: 1px transparent solid;
}

.datepicker table tr th.datepicker-1-days-switch,
.datepicker table tr th.datepicker-1-months-switch,
.datepicker table tr th.datepicker-switch {
    color: #111314;
}

.datepicker table thead tr th.datepicker-switch:focus {
    text-decoration: underline;
}

.datepicker table tr th.dow {
    border-radius: 0;
}

.datepicker table tfoot tr th.today {
    font-weight: normal;
    color: #0077B6;
    border-radius: 2px;
    position: absolute;
    width: 100%;
    border: solid 2px transparent;
    height: 50px;
    line-height: 4.6rem;
    margin-left: -25px;
}

.datepicker table tfoot tr th.clear {
    display: block !important;
    font-size: 0;
    height: 50px;
}

.datepicker table tfoot tr th.today:hover {
    border: 1px solid #0077B6;
    border-radius: 2px;
    background-color: #ffffff;
}

.datepicker table tfoot tr th.today:focus {
    text-decoration: underline;
    border: 2px solid #0077B6;
    border-radius: 2px;
}

.datepicker table th.next,
.datepicker table th.prev {
    color: transparent;
    position: absolute;
}

.datepicker table th.prev {
    margin-left: -13px;
}

.datepicker table th.next {
    margin-left: 13px;
}

.datepicker table th.prev:after,
.datepicker table th.next:after {
    font-size: 2rem;
    color: #0077B6;
    margin-left: -2.4rem;
    content: "";
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #0077B6;
    -webkit-mask-image: url("../images/svg/ozg/arrow.svg"); /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-image: url("../images/svg/ozg/arrow.svg"); /* stylelint-disable-line plugin/no-unsupported-browser-features */
    -webkit-mask-size: contain; /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-size: contain; /* stylelint-disable-line plugin/no-unsupported-browser-features */
    margin-top: 0;
}

.datepicker table th.next:after {
    transform: rotate(180deg);
    margin-left: -0.75rem;
    margin-top: 1rem;
}

.datepicker table tr td.year:hover,
.datepicker table tr td.month:hover {
    border-radius: 50%;
    border: 1px solid #0077B6;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.active.focused,
.datepicker table tr td.active.highlighted.active.focused {
    color: #ffffff !important;
    background-color: #0077B6 !important;
    text-shadow: unset;
}

.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active.focused {
    text-decoration: underline;
}

/******** DatePicker-Icon *********/
.datePickerOpener {
    color: #0077B6 !important;
    font-size: 2.4rem !important;
    border: none !important;
}

.datePickerOpener.ffw_focussed {
    border: 2px solid #0077B6 !important;
}

/* ----------------------------------------- </Anpassungen für Datepicker> --------------------------------------- */

/* Uploadcontrol modifications *************** */

/* TODO:   Mit kommender LIP-Version ist die Konfigurierbarkeit des SVG-Icons gegeben.
           Somit muss hier nicht mehr per CSS getrickst werden. Dann kann das hier raus. */
.UploadDialog {
    min-height: unset !important;
}

.resumable {
    min-height: unset;
}

.resumable .drop-icon svg {
    display: none;
}

.resumable .drop-icon:before {
    content: "";
    display: inline-block;
    height: 44px;
    width: 44px;
    margin-bottom: 20.5px;
    margin-top: 14.5px;
    background-color: #0077B6;
    -webkit-mask-image: url("../images/svg/ozg/upload.svg"); /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-image: url("../images/svg/ozg/upload.svg"); /* stylelint-disable-line plugin/no-unsupported-browser-features */
    -webkit-mask-size: contain; /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-size: contain; /* stylelint-disable-line plugin/no-unsupported-browser-features */
}

.resumable .flex-container {
    justify-content: normal;
}

.resumable .flex-container.drop {
    padding: 20px;
}

.resumable .dragover {
    box-shadow: none;
}

#lip_formBean .resumable .flex-container .Label.UploadDialogLabel {
    font-size: 1.6rem;
    font-style: italic;
    line-height: 2.4rem;
    color: #576164;
    margin-bottom: 13px;
}

#lip_formBean .resumable .flex-container .Label.UploadDialogRestriction {
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin-bottom: 8px;
}

/* Datenbrowser-Anpassungen */
.browseDataWizard .filter td span + input {
    background: url("../images/svg/ozg/calendar-month.svg") no-repeat calc(100% - 16px) center;
}

.browseDataWizard .filter td span + input:hover,
.browseDataWizard .filter td span + input:focus {
    border-color: #0077b6;
}

.browseDataWizard .filter td span + input:focus {
    border-width: 2px;
    box-shadow: unset;
}

.browseDataWizard,
.toolbar {
    max-width: 1484px;
}

.DialogWarning .message,
form[action="/dataBrowser/controller.do"] .viewEmbeddings .message {
    max-width: 854px;
    border-color: #f7bb3d !important;
    background-color: #faf4e7;
}

form[action="/dataBrowser/controller.do"] .viewEmbeddings .message h1 {
    padding: 0;
    line-height: 2rem;
}

body:not(#lipFormBody) div.contentPanel > h1,
form[action="/dataBrowser/controller.do"] {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
}

.DialogWarning .icon,
form[action="/dataBrowser/controller.do"] .viewEmbeddings .message .icon {
    background-image: url("../images/action/message_info.png");
    background-color: #f7bb3d !important;
}

form[action="/dataBrowser/controller.do"] div.content.closable {
    margin-bottom: 16px;
}

form[action="/dataBrowser/controller.do"] div.content.closable > a {
    text-decoration: underline;
}

form[action="/dataBrowser/controller.do"] div.content.closable > a:before {
    content: url("../images/svg/ozg/external-link.svg");
    margin-right: 8px;
}

form[action="/dataBrowser/controller.do"] div.content.closable > a,
form[action="/dataBrowser/controller.do"] div.content.closable {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal;
    color: #0077B6;
}

form[action="/dataBrowser/controller.do"] div.content.closable > p,
div.content.closable > h2 {
    color: black;
}

form[action="/dataBrowser/controller.do"] div.content.closable > p:nth-child(3) {
    margin-bottom: -16px;
}

#selectedRowsCount {
    margin-bottom: 35px !important;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

#bdw_applyFilter {
    display: none;
}

#bdw_clearFilter {
    width: 48px;
    height: 48px;
    border-radius: 2px;
    background-color: #ffffff;
    color: #0077B6;
    border: 1px solid #0077B6;
}

#bdw_clearFilter:hover {
    border: 1px solid #0077B6;
    text-decoration: underline;
    cursor: pointer;
}

#bdw_sortButton_unsort {
    display: none;
}

.browseDataWizard th.caption,
.browseDataWizard span.caption,
.browseDataWizard td.caption {
    font-weight: bold;
    font-size: 1.8rem !important;
}

.browseDataWizard td.caption,
.browseDataWizard th.caption {
    border-bottom: 1px solid #dddddd;
}

.browseDataWizard table {
    font-size: 1.5rem !important;
    line-height: 2rem;
    border-spacing: 0;
    border: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 4%);
}

.browseDataWizard .rowOver td {
    background-color: #f6f9fa !important;
}

.browseDataWizard tr,
.browseDataWizard td {
    padding: 15px 12px;
    border-left: 3px solid transparent;
    border-bottom: 1px solid #e5e8e9;
    background-color: #ffffff;
}

.browseDataWizard tr:first-child,
.browseDataWizard td:first-child,
.browseDataWizard tr:nth-child(2),
.browseDataWizard thead td:nth-child(2),
.browseDataWizard tbody td:nth-child(3) {
    padding-left: 28px;
}

.browseDataWizard tbody td:nth-child(2) {
    padding-left: 16px;
}

.browseDataWizard tr.rowOver td:nth-child(1),
.browseDataWizard tr.row0 td:nth-child(3):hover {
    border-left: 3px solid #0077B6;
}

.browseDataWizard th {
    padding: 20px 12px 8px;
}

.browseDataWizard thead {
    line-height: 2.6rem;
}

.browseDataWizard span.caption {
    padding: 0;
}

.browseDataWizard span.caption.columnHeaderText {
    width: 100%;
}

.browseDataWizard .panel .caption .browseDataWizard a:hover {
    text-decoration: none;
    color: #0077B6;
}

.browseDataWizard .filter td input,
.browseDataWizard .filter td input:focus {
    border-width: 1px;
    border-radius: 2px;
}

.browseDataWizard .filter td {
    padding-bottom: 10px;
    padding-top: 10px;
}

.browseDataWizard .filter td input {
    height: 50px;
}

.browseDataWizard .filter td br {
    display: none;
}

.browseDataWizard input.slim {
    width: auto;
}

.browseDataWizard .filter td span {
    display: none;
}

.browseDataWizard .filter td span:last-of-type {
    display: inline;
    visibility: hidden;
    padding-right: 0;
    padding-left: 4px;
}

.browseDataWizard .filter td span:last-of-type:before {
    content: "-";
    visibility: visible;
}

.browseDataWizard input.checkbox {
    transform: scale(1.7);
}

.browseDataWizard input.checkbox:focus {
    box-shadow: none !important;
}

/* Seitennavigation */

/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
ul.toolbar ul.pageBrowser li input[value="<<"],
ul.toolbar ul.pageBrowser li input[value=">>"],
ul.toolbar ul.pageBrowser li input[value=">|"],
ul.toolbar ul.pageBrowser li input[value="|<"] {
    font-size: 1.1rem !important;
    font-weight: normal;
}

ul.toolbar input[id^="bdw_pageBrowserButton"] {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.4rem;
    height: auto !important;
    border-radius: 0;
    border: 0;
    border-left: 1px solid #dddfe0;
}

ul.toolbar input[id^="bdw_pageBrowserButton"]:first-child {
    font-weight: bold;
    border: none;
}

ul.toolbar input[id^="bdw_pageBrowserButton"]:active,
ul.toolbar input[id^="bdw_pageBrowserButton"].current {
    color: #0077B6;
    font-weight: bold;
}

ul.toolbar input[id^="bdw_pageBrowserButton"]:focus {
    border-width: 1px;
    border-style: solid;
    border-color: #0077B6;
}

/* Excel Export styles */

ul.toolbar {
    margin-top: -8px;
}

ul.toolbar .button {
    border: none;
    margin-right: 0;
}

ul.toolbar .button:focus {
    border: none;
}

ul.toolbar li:first-child {
    margin-left: -10px;
}

ul.toolbar li:nth-last-child(2) {
    margin-right: 0;
}

ul.toolbar li:nth-last-child(1) {
    margin: auto 0 10px auto;
}

.pageBrowser input:focus {
    box-shadow: none;
}

/* Lookup-List modifications *************** */

/* Lookup-Liste */

.lookupOpener {
    background-image: url("../images/svg/ozg/search.svg") !important;
    width: 24px !important;
    right: -8px;
}

.lookupWindow .dialog {
    min-width: 596px;
}

.lookupWindow .dialog .header h2 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #004B76;
    font-weight: bold;
    padding-left: 17px;
}

.lookupWindow .dialog .header {
    padding-top: 48px;
    padding-right: 54px;
    box-shadow: none;
    border-bottom: 0;
    height: auto;
}

.lookupWindow .dialog .description {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #111314;
    padding-top: 0;
}

.lookupWindow .dialog .content {
    padding: 8px 48px 0;
}

.lookupWindow .dialog .matchcode {
    padding-top: 16px;
    padding-bottom: 32px;
}

.lookupWindow .dialog .matchcode div {
    padding-right: 0;
}

.lookupWindow .dialog .content .matchcode input {
    height: 46px;
    border-radius: 2px;
    max-width: 94.9%;
    margin: 0;
}

.lookupWindow .dialog .content .matchcode input[type="text"] {
    margin-right: 12px;
    padding: 0 0 0 16px !important;
    background: white url("../images/svg/ozg/search.svg") no-repeat right / contain;
    background-position-x: 98%;
    background-size: 18px;
}

.lookupWindow .dialog .content .matchcode input[type="text"]:hover {
    box-shadow: none;
    border: 1px solid #0077B6;
}

.lookupWindow .dialog .content .matchcode input[type="text"]:focus {
    border: 2px solid #0077B6;
    box-shadow: none;
    max-width: 94.42%;
    height: 44px;
}

.lookupWindow .dialog .content .matchcode .button input[type="submit"],
.lookupWindow .dialog .content .matchcode .button {
    border-radius: 4px;
    margin: 0;
}

.lookupWindow .dialog .content .matchcode .button input[type="submit"]:focus,
.lookupWindow .dialog .content .matchcode .button input[type="submit"]:hover {
    text-decoration: underline;
    background-color: #004B76;
}

.lookupWindow .dialog .content .matchcode .button input {
    height: 48px;
    width: 93px;
    border-radius: 2px;
    border-color: #0077B6;
    color: #ffffff;
    font-size: 1.4rem;
    line-height: 1.6rem;
    background-color: #0077B6;
}

.lookupWindow .dialog .content .pages {
    float: right;
    margin-top: -10px;
}

.lookupWindow .dialog .content .pages input {
    font-size: 1.4rem;
    border: none;
    border-radius: 0;
    height: auto;
    min-height: 30px;
    min-width: 30px;
    margin-right: 0;
    font-weight: bold;
}

.lookupWindow .dialog .content .pages input:focus {
    box-shadow: none;
}

.lookupWindow .dialog .content .pages input.current:active {
    border-color: transparent !important;
}

.lookupWindow .dialog .content .pages input[value^="<<"] {
    margin-right: 13px;
}

/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
.lookupWindow .dialog .content .pages input[value^=">>"] {
    margin-left: 13px;
}

/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
.lookupWindow .dialog .content .pages input[value^=">>"],
.lookupWindow .dialog .content .pages input[value^=">|"] {
    font-size: 1rem;
    border-left: 1px solid #e5e8e9;
}

.lookupWindow .dialog .content .pages input[value^="<<"],
.lookupWindow .dialog .content .pages input[value^="|<"] {
    font-size: 1rem;
    border-right: 1px solid #e5e8e9;
}

.lookupWindow .dialog .content [role^="status"] {
    font-style: italic;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.lookupWindow .dialog .content .list {
    border: none !important;
    overflow: visible !important;
}

.lookupWindow .dialog .content .list .table {
    border-spacing: 0 !important;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 5%);
}

.lookupWindow .dialog .content .list .table .tHeader .tCell {
    font-weight: bold !important;
    font-size: 1.6rem;
    padding-top: 18px;
    padding-bottom: 18px;
}

.lookupWindow .dialog .content .list .table .tBody .tCell {
    border-top: 1px solid #e5e8e9;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.lookupWindow .dialog .content .list .table .tBody .tCell a,
.lookupWindow .dialog .content .list .table .tHeader .tCell span {
    padding-left: 28px;
    padding-right: 42px;
}

.lookupWindow .dialog .content .list .table .tBody .tRow {
    font-size: 1.4rem;
    line-height: 2.4rem;
}

.lookupWindow .dialog .footer {
    border-top: 0;
    height: 36px !important;
}

.lookupWindow .dialog .footer .button {
    display: none;
}

.lookupWindow .dialog div.content .list .table .tBody .tRow:hover {
    background: url("../images/svg/ozg/hover-bar.svg") no-repeat left / contain;
}

/* Eigentlich über color:lookupWindow.tr.rowHover.color stylbar. Aktuell aber durch einen LIP-Bug (FFWS-12263) nicht funktionsfähig, daher über custom.css */
.lookupWindow .dialog div.content .list .table .tBody .tRow:hover .tCell a {
    color: #004B76 !important;
}

.lookupWindow .dialog .content .error {
    background: url("../images/svg/ozg/alert-circle-alert.svg") no-repeat left / contain;
    background-size: 16px;
    padding-left: 20px;
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding-bottom: 0;
}

.dialog .header .cross-inner,
.dialog .header .cross-inner:before,
.dialog .header .cross-inner:after {
    display: none;
}

.dialog .header button {
    position: absolute;
    top: 8px;
    right: 8px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.dialog .header .cross-box {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("../images/svg/ozg/close.svg");
    background-position: center;
    box-sizing: border-box;
    color: #004B76;
}

.dialog .header button:hover .cross-box {
    background-image: url("../images/svg/ozg/close.svg");
    background-color: #f2f3f4;
    border-radius: 2px;
}

.dialog .header button:focus .cross-box {
    background-image: url("../images/svg/ozg/close_focus.svg");
    background-color: white;
    border-radius: 2px;
    box-shadow: 0 0 0 3px #004b76;
}

.dialog .header button:focus {
    box-shadow: none;
}

/* Login/Anmeldeseite umstylen */
.contentPanel.loginContent {
    height: auto;
}

.contentPanel.loginContent .login {
    width: auto;
}

.contentPanel.loginContent .login > div {
    border: none;
    border-radius: 5px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 4%);
    padding: 56px 56px calc(56px + 9px + 1em);
    margin: 56px 0;
    max-width: 456px;
}

.contentPanel.loginContent .login .rightCol input,
.contentPanel.loginContent .login .rightCol select {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #798183;
    border-radius: 2px;
    font-size: 1.4rem;
    height: 48px;
}

.contentPanel.loginContent .login .rightCol input:hover,
.contentPanel.loginContent .login .rightCol select:hover {
    border: 1px solid #0077B6;
    border-radius: 2px;
}

.contentPanel.loginContent .login .rightCol input:focus,
.contentPanel.loginContent .login .rightCol select:focus {
    border: 2px solid #0077B6;
    border-radius: 2px;
}

.contentPanel.loginContent .login .flexContainer {
    flex-direction: column;
}

.contentPanel.loginContent .login .flexContainer .rightCol {
    width: 100%;
}

.contentPanel.loginContent .login h2 {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    color: #004B76;
    font-size: 3.2rem;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    line-height: 4.8rem;
}

.contentPanel.loginContent .login .row label.leftCol {
    padding: 8px 0;
    font-weight: bold;
    color: #111314;
    font-size: 1.6rem;
    line-height: 1.8rem;
}

.contentPanel.loginContent .login .row .leftCol {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    background-color: transparent !important;
    text-align: left !important;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    font-size: 1.4rem;
}

.contentPanel.loginContent .login .row .floatRight.buttons input {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 34px;
    width: 100%;
    height: 56px;
}

.contentPanel.loginContent .login .row .floatRight.buttons input:hover,
.contentPanel.loginContent .login .row .floatRight.buttons input:focus {
    color: #ffffff;
    border: 1px solid #00659B;
}

.contentPanel.loginContent .login .row .floatRight.buttons input:hover {
    background-color: #00659B;
}

.contentPanel.loginContent .login .row,
.contentPanel.loginContent .login .message {
    padding: 0;
}

.contentPanel.loginContent .login .message .icon {
    display: none;
}

.contentPanel.loginContent .login .message.info {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    border: 0;
    color: #111314;
    line-height: 2rem;
}

.contentPanel.loginContent .login .message.info .output {
    font-size: 1.6rem;
    font-style: italic;
    line-height: 2.4rem;
}

.contentPanel.loginContent .login .message.error {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    border: 0;
    color: #e12522;
}

.contentPanel.loginContent .row.floating {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 1.4rem;
}

.contentPanel.loginContent #output {
    padding: 8px 0 16px !important;
}

.contentPanel.loginContent #output2 {
    padding: 2px 0 10px !important;
}

.contentPanel.loginContent #output3 {
    padding: 2px 0 0 !important;
}

.contentPanel.loginContent #output2,
.contentPanel.loginContent #output3 {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 1.4rem;
    line-height: 2rem;
}

.contentPanel.loginContent .login .message .content #output {
    font-style: italic;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.contentPanel.loginContent .login .button {
    border-radius: 2px;
}

.contentPanel.loginContent .login .row .leftCol.link a {
    position: absolute;
    top: 95px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    color: #0077B6;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.contentPanel.loginContent .login .row .leftCol.link a:hover {
    color: #767676;
}

.contentPanel.loginContent .login .row .leftCol.link a:focus {
    color: #767676;
    border: 1px solid #0077B6;
}

/* Contentpanel-Anpassungen */
.contentPanel h1 {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-size: 3.2rem;
    line-height: 4.8rem;
    padding: 56px 0 20px;
    margin: 0;
}

.contentPanel a {
    font-size: 1.6rem;
}

.viewEmbeddings {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
}

.viewEmbeddings .content {
    width: auto;
    padding: 32px 16px 32px 56px;
}

.viewEmbeddings .modal .content {
    padding: 0;
}

.viewEmbeddings .headline {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-bottom: 0.8rem;
}

.viewEmbeddings .error {
    margin-top: 56px;
    padding-top: 28px;
    padding-bottom: 28px;
    background-color: #faf0f3;
}

.viewEmbeddings .error.modal {
    background-color: #ffffff;
}

.viewEmbeddings .error .content {
    padding: 0;
}

.viewEmbeddings .error .icon {
    background-image: url("../images/svg/ozg/alert-circle-white.svg");
    background-size: 60%;
}

.viewEmbeddings .ok {
    margin-top: 32px;
    background-color: #f0f7f4;
    border-color: #00854a;
}

.viewEmbeddings .ok .icon {
    background-color: #00854a;
    background-image: url("../images/svg/ozg/ok-outline.svg");
}

.viewEmbeddings .error .errorLink a {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    line-height: 19.6px;
    color: #000000;
    text-decoration: none;
    background-position: -10px center;
    background-color: #faf0f3;
    padding-left: 11px;
    margin: 0;
    background-image: url("../images/svg/menu-right.svg");
}

.viewEmbeddings .info,
.DialogError,
.DialogInfo,
.DialogWarning,
.DialogQuestion {
    max-width: 475px !important;
    position: relative;
    padding: 32px 16px 32px 56px;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 5%);
}

.DialogWarning a {
    color: #00659B !important;
}

.viewEmbeddings .info {
    min-width: 200px;
}

.viewEmbeddings .close {
    content: "";
    background-color: #0077b6;
    -webkit-mask-image: url("../images/svg/ozg/abbrechen_neu.svg"); /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-image: url("../images/svg/ozg/abbrechen_neu.svg"); /* stylelint-disable-line plugin/no-unsupported-browser-features */
    mask-size: 24px 24px !important;
    mask-position: 4px 4px;
    -webkit-mask-size: contain; /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */ /* stylelint-disable-line plugin/no-unsupported-browser-features */
    background-position: center;
}

.viewEmbeddings .close:hover {
    content: "";
    background-color: #0077b6;
    -webkit-mask-image: url("../images/svg/ozg/abbrechen_neu.svg"); /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-image: url("../images/svg/ozg/abbrechen_neu.svg"); /* stylelint-disable-line plugin/no-unsupported-browser-features */
    -webkit-mask-size: contain; /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-size: contain; /* stylelint-disable-line plugin/no-unsupported-browser-features */
    background-position: center;
}

.viewEmbeddings .close:focus-visible {
    border: none !important;
}

.viewEmbeddings .content.closable {
    padding-right: 0;
}

.viewEmbeddings .content.closable .text {
    display: block;
    margin-right: 10px;
}

.viewEmbeddings .info .headline,
.DialogError .headline,
.DialogInfo .headline,
.DialogWarning .headline,
.DialogQuestion .headline {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: bold;
    color: #111314;
    margin-bottom: 16px;
    overflow-wrap: break-word;
}

.viewEmbeddings .buttons,
.DialogError .buttons,
.DialogInfo .buttons,
.DialogWarning .buttons,
.DialogQuestion .buttons {
    padding-top: 24px;
    display: flex;
    justify-content: end;
}

.DialogError .content .text,
.DialogInfo .content .text,
.DialogWarning .content .text,
.viewEmbeddings .info .content .text,
.DialogQuestion .content .text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #000000;
    overflow-wrap: break-word;
}

/* Primärer View-Embedding-Button */
.viewEmbeddings .info .buttons input,
.viewEmbeddings .buttons input[data-event-click-params*='"close"'],
.viewEmbeddings .buttons input[data-event-click-params*='"saveLocal"'],
.viewEmbeddings .buttons input[data-event-click-params*='"saveOnServer"'],
.DialogQuestion .content .buttons input[data-event-click-params*='"confirm"'],
.DialogInfo .content .buttons input[data-event-click-params*='"confirm"'],
.DialogInfo .content .buttons input[data-event-click-params*='"withAttachment"'],
.DialogWarning .content .buttons input[data-event-click-params*='"confirm"'],
.DialogError .content .buttons input[data-event-click-params*='"confirm"'] {
    border-radius: 2px;
    flex-basis: auto !important;
    min-height: auto !important;
    cursor: pointer;
    font-size: 1.4rem;
    padding: 0 16px;
    height: 32px;
    font-weight: bold;
    border: 1px solid #0077B6;
    background-color: #0077B6;
    color: #ffffff;
}

/* Primärer View-Embedding-Button */
.viewEmbeddings .info .buttons input:focus,
.viewEmbeddings .info .buttons input:hover,
.viewEmbeddings .buttons input[data-event-click-params*='"close"']:focus,
.viewEmbeddings .buttons input[data-event-click-params*='"close"']:hover,
.viewEmbeddings .buttons input[data-event-click-params*='"saveLocal"']:focus,
.viewEmbeddings .buttons input[data-event-click-params*='"saveOnServer"']:focus,
.viewEmbeddings .buttons input[data-event-click-params*='"saveLocal"']:hover,
.viewEmbeddings .buttons input[data-event-click-params*='"saveOnServer"']:hover,
.DialogQuestion .content .buttons input[data-event-click-params*='"confirm"']:focus,
.DialogQuestion .content .buttons input[data-event-click-params*='"confirm"']:hover,
.DialogInfo .content .buttons input[data-event-click-params*='"confirm"']:focus,
.DialogInfo .content .buttons input[data-event-click-params*='"confirm"']:hover,
.DialogInfo .content .buttons input[data-event-click-params*='"withAttachment"']:focus,
.DialogInfo .content .buttons input[data-event-click-params*='"withAttachment"']:hover,
.DialogWarning .content .buttons input[data-event-click-params*='"confirm"']:focus,
.DialogWarning .content .buttons input[data-event-click-params*='"confirm"']:hover,
.DialogError .content .buttons input[data-event-click-params*='"confirm"']:focus,
.DialogError .content .buttons input[data-event-click-params*='"confirm"']:hover {
    border: 1px solid #004B76;
    background-color: #004B76;
    text-decoration: underline;
    box-shadow: none;
}

/* Sekundärer View-Embedding-Button */
.DialogError .content .buttons input[data-event-click-params*='"cancel"'],
.DialogInfo .content .buttons input[data-event-click-params*='"cancel"'],
.DialogInfo .content .buttons input[data-event-click-params*='"withoutAttachment"'],
.DialogWarning .content .buttons input[data-event-click-params*='"cancel"'],
.DialogQuestion .content .buttons input[data-event-click-params*='"cancel"'] {
    border-radius: 2px;
    flex-basis: auto !important;
    min-height: auto !important;
    cursor: pointer;
    font-size: 1.4rem;
    padding: 0 16px;
    height: 32px;
    background-color: #ffffff;
    font-weight: bold;
    color: #0077B6;
    border: 1px solid #0077B6;
}

@media (width <= 576px) {
    .DialogQuestion .content .buttons input[data-event-click-params*='"cancel"'],
    .DialogQuestion .content .buttons input[data-event-click-params*='"confirm"'] {
        height: unset;
    }
}

/* Sekundärer View-Embedding-Button */
.DialogQuestion .content .buttons input[data-event-click-params*='"cancel"']:focus,
.DialogQuestion .content .buttons input[data-event-click-params*='"cancel"']:hover,
.DialogError .content .buttons input[data-event-click-params*='"cancel"']:focus,
.DialogError .content .buttons input[data-event-click-params*='"cancel"']:hover,
.DialogInfo .content .buttons input[data-event-click-params*='"cancel"']:focus,
.DialogInfo .content .buttons input[data-event-click-params*='"cancel"']:hover,
.DialogInfo .content .buttons input[data-event-click-params*='"withoutAttachment"']:focus,
.DialogInfo .content .buttons input[data-event-click-params*='"withoutAttachment"']:hover,
.DialogWarning .content .buttons input[data-event-click-params*='"cancel"']:focus,
.DialogWarning .content .buttons input[data-event-click-params*='"cancel"']:hover {
    text-decoration: underline;
    background-color: transparent;
    border: 2px solid #0077B6;
    box-shadow: none;
}

.DialogQuestion .icon {
    background-color: #faf4e7;
    background-image: url("../images/svg/ozg/help-circle-yellow.svg");
    padding-right: 3px;
}

.viewEmbeddings .info .icon {
    background-color: #0077B6;
    background-image: url("../images/svg/ozg/icon-info-transparent.svg");
}

.DialogInfo .icon {
    background-color: #e6f5fb;
    background-image: url("../images/svg/ozg/icon_attention.svg");
}

.DialogError .icon {
    background-color: #faf0f3;
    background-image: url("../images/svg/ozg/alert-circle-error.svg");
    background-size: 24px 24px;
}

.viewEmbeddings .buttons input {
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
}

.DialogWarning .TextLink {
    color: #0077B6;
    padding-left: 30px;
}

.DialogWarning .TextLink svg {
    position: absolute;
    margin-left: -30px;
    fill: #0077B6;
}

/* Startseiten Accordion
   Startseite FAQ-Frage h3 inline, damit marker (Pfeil) und Frage auf einer Höhe */

details {
    margin-left: 24px;
}

details summary {
    background-color: #ffffff;
    border-radius: 4px;
    cursor: pointer;
    padding: 18px 26px 12px;
    margin-bottom: 8px;
    margin-left: -24px;
    text-align: left;
    outline: none;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.4rem;
    list-style: none;
    justify-content: space-between !important;
    color: #0077B6;
    border: 1px solid #e5e8e9;
}

details summary:hover {
    border: 1px solid #0077B6;
}

details summary:hover h3 {
    text-decoration: underline;
}

details summary:before {
    content: "";
    width: 14px;
    height: 8px;
    background-color: #0077B6;
    -webkit-mask-image: url("../images/svg/ozg/dropdown_bottom.svg"); /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-image: url("../images/svg/ozg/dropdown_bottom.svg"); /* stylelint-disable-line plugin/no-unsupported-browser-features */
    -webkit-mask-size: contain; /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-size: contain; /* stylelint-disable-line plugin/no-unsupported-browser-features */
    display: inline-block;
}

details[open] summary:before {
    transform: rotate(180deg);
}

details summary h3 {
    display: inline;
    background-color: #ffffff;
    color: #0077B6;
    cursor: pointer;
    text-align: left;
    outline: none;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.4rem;
    justify-content: space-between !important;
    padding-left: 18px;
}

details p:last-child {
    padding-bottom: 36px;
}

.formBody .form-main .sidebar-visibility-switch button {
    width: 27px;
    height: 32px;
}

@media only screen and (width <= 576px) {
    .responsive-min .flex-container {
        padding: 12px 16px 0;
    }

    /* Änderung für das Formular "Allgemeine Kontaktanfrage" */
    .allgemeines_kontaktformular_frei .flex-container {
        padding: 4px 27px 0;
    }

    .responsive-min .flex-container > .formControl {
        margin: 8px 0 0 !important;
    }

    .responsive-min .flex-container > .formControl.icon {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .responsive-min .flex-container > .flex-container:not(:last-child) {
        padding-bottom: 4px;
    }
}

.responsive-min [id*="Banner"] .flex-container {
    padding-left: 0;
    padding-right: 0;
}

.responsive-min [id*="Banner"] .flex-container > .formControl {
    margin-top: 0;
}

.responsive-min [id*="Banner"] .flex-container > div.formControl.componentWrapper {
    margin: 0;
}

.Status .eingegangen,
.Status .zugestellt,
.Status .beschieden,
.Status .beendet,
.Status .ausgesetzt,
.Status .Bearbeitung,
.Status .zurückgezogen,
.Status .widersprochen,
.StatusType .Eingegangen,
.StatusType .Zugestellt,
.StatusType .Beschieden,
.StatusType .Beendet,
.StatusType .Ausgesetzt,
.StatusType .Bearbeitung,
.StatusType .Zurückgezogen,
.StatusType .Widersprochen {
    font-size: 1.2rem;
    line-height: 1.3rem;
    border-radius: 4px;
    padding: 3px 10px;
}

.Status .eingegangen,
.Status .beschieden,
.Status .zugestellt,
.StatusType .Eingegangen,
.StatusType .Beschieden,
.StatusType .Zugestellt {
    background-color: #597c39;
    color: #ffffff;
}

.Status .beendet,
.Status .ausgesetzt,
.StatusType .Beendet,
.StatusType .Ausgesetzt {
    background-color: #5f316e;
    color: #ffffff;
}

.Status .Bearbeitung,
.Status .zurückgezogen,
.Status .widersprochen,
.StatusType .Bearbeitung,
.StatusType .Zurückgezogen,
.StatusType .Widersprochen {
    background-color: #f7bb3d;
    color: #000000;
}

/* Status Redaktionssystem */

.status-badge {
    border-radius: 0.4rem;
    padding: 3px 20px;
}

.status-badge[data-status="Entwurf"] {
    background-color: #576164;
    color: white;
}

.status-badge[data-status="Wartend auf Freigabe"],
.status-badge[data-status="Wartend auf Deaktivierung"] {
    background-color: #f7bb3d;
    color: #000000;
}

.status-badge[data-status="Freigegeben"] {
    background-color: #597c39;
    color: white;
}

.status-badge[data-status="Abgelehnt"] {
    background-color: #c0003c;
    color: white;
}

.status-badge[data-status="Deaktiviert"] {
    color: white;
    background-color: #5f316e;
}

input.checkbox,
.browseDataWizard input.checkbox {
    appearance: none;
    border: none;
    border-radius: 0;
    outline: 1px solid #798183;
    background-color: #ffffff;
    transform: none;
    height: 20px;
    width: 20px;
}

input.checkbox:hover,
.browseDataWizard input.checkbox:hover {
    appearance: none !important;
    outline: 1px solid #0077b6;
}

input.checkbox:focus,
.browseDataWizard input.checkbox:focus {
    appearance: none !important;
    border: none;
    outline: 2px solid #0077b6;
}

input.checkbox:checked:after {
    content: "";
    width: 11px;
    height: 9px;
    background-color: #0077B6;

    -webkit-mask-image: url("../images/svg/ozg/checkbox-mark.svg"); /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-image: url("../images/svg/ozg/checkbox-mark.svg"); /* stylelint-disable-line plugin/no-unsupported-browser-features */
    -webkit-mask-size: contain; /* stylelint-disable-line property-no-vendor-prefix, plugin/no-unsupported-browser-features */
    mask-size: contain; /* stylelint-disable-line plugin/no-unsupported-browser-features */
    line-height: 2rem;
    margin-left: 4.5px;
    position: absolute;
    margin-top: 5px;
}

input.checkbox:checked:hover {
    border: none;
    outline: 1px solid #0077b6;
}

input.checkbox:checked:focus {
    border: none;
    outline: 2px solid #0077b6;
}

.LabelBoldBig {
    color: #111314;
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 2.4rem;
}

.DeliveryLabel {
    padding: 3px 5px;
    font-size: 1.2rem;
    line-height: 1.3rem;
    height: 14px;
    background-color: #576164;
    color: #ffffff;
    border-radius: 4px;
}

.FieldsetNavigationButtons .formControl:first-child {
    margin-left: auto !important;
}

.responsive-min .FieldsetContentFooter .flex-container {
    flex-wrap: wrap-reverse;
}

.responsive-min .FieldsetContentFooterButtons .flex-container {
    padding-left: 0;
    padding-right: 0;
}

.responsive-min .FieldsetNavigationButtons .formControl {
    margin-left: auto !important;
}

.responsive-min .FieldsetNavigationButtons .formControl:first-child {
    margin-left: initial !important;
}

.responsive-min .FieldsetNavigationButtons .formControl:focus {
    margin: 8px 0 0;
}

.responsive-min .FieldsetNavigationButtons .flex-container {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
}

.responsive-min .flex-container .flex-column .NumberingUploadLabel,
.responsive-min .flex-container .flex-column .UploadTextDefault,
.responsive-min .flex-container .flex-column .FileSizeTextDefault,
.responsive-min .flex-container .flex-column .ButtonRemove,
.responsive-min .flex-container .flex-column .FileUploadLabel {
    width: unset;
}

.responsive-min .flex-container .flex-column .NumberingUploadLabel,
.responsive-min .flex-container .flex-column .FileSizeTextDefault,
.responsive-min .flex-container .flex-column .ButtonRemove {
    width: 10%;
    min-width: 10px;
}

.responsive-min .flex-container .flex-column .drop-text .FileSizeTextDefault {
    width: unset;
}

.responsive-min .flex-container .flex-column .UploadTextDefault {
    width: 70%;
}

.responsive-min .flex-container .flex-column .FileUploadLabel {
    width: 70%;
}

.responsive-min .flex-container .flex-column .FileUploadLabel:first-child {
    width: 10%;
}

.responsive-min .flex-container .flex-column .MobileUploadedRow {
    width: 100%;
}

.responsive-min .flex-container .flex-column .MobileUploadedRow table {
    width: 100%;
}

.responsive-min .flex-container .flex-column .MobileUploadedRow .body {
    width: 80%;
}

.responsive-min .flex-container .flex-column .MobileUploadedRow .deleteButton,
.responsive-min .flex-container .flex-column .MobileUploadedRow .direction {
    width: 10%;
}

.responsive-min .flex-container .flex-column .FileUploadLabel:last-child {
    width: 20%;
}

[id*="NachrichtenInhalt"]:hover {
    background-color: #f6f9fa !important;
}

[id*="NachrichtenInhalt2"]:hover fieldset {
    background-color: #ffffff !important;
}

.KontaktFormular ul {
    margin-block-end: 0;
}

.TextSectionList > div.TextSectionList {
    flex: unset !important;
    width: unset !important;
    margin-right: 6px !important;
}

.responsive-min .TextSectionList {
    display: unset !important;
}

.MobileUploadedRow table td {
    vertical-align: top;
}

.MobileUploadedRow table td:first-child {
    padding-right: 10px;
}

.MobileUploadedRow .ButtonRemove {
    padding-left: unset !important;
    margin-left: 10px;
    width: 32px !important;
    height: 32px;
    background-color: #e6f5fb;
}

.ButtonRemove > img {
    filter: invert(32%) sepia(75%) saturate(1189%) hue-rotate(171deg) brightness(94%) contrast(103%);
    width: 14px;
    height: 14px;
}

.mobileLink .FileSizeTextDefault {
    padding-left: 10px;
}

.Accordion .lip_icon svg {
    width: unset;
    height: unset;
    padding-top: 5px;
}

.AccordionHeaderFieldset .flex-container .flex-column {
    width: unset !important;
}

.AccordionHeaderFieldset div.formControl.formControlLabel {
    min-width: unset;
}

.AccordionPanel > p:not(:first-child) {
    margin-top: 18px;
}

.IconArrowRight svg {
    fill: #ffffff;
    width: 15px;
    height: 20px;
    margin-left: -5px;
}

.toggle #AKTIV,
.toggle .floating {
    width: 32px !important;
    height: 17px !important;
}

.toggle .SliderButton {
    width: 32px !important;
    height: 17px !important;
    border-radius: 8.5px !important;
}

.toggle .after {
    height: 15px !important;
    width: 15px !important;
    margin-top: 1px;
}

.KommunikationFieldset .LabelMutedBold {
    flex-grow: 1;
    max-width: 335px;
}

.FieldsetStatus > div {
    display: table-row;
}

.FieldsetStatus > div .flex-vertical {
    display: table-cell;
    vertical-align: middle;
}

.FieldsetStatus > div .flex-vertical:first-child {
    width: 1% !important;
}

.FieldsetStatus div.formControl.formControlLabel.icon {
    min-width: unset !important;
    width: 56px;
}

.deadlineList {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-inline-start: 0;
}

.InputField.ffw_notEditable:hover,
.InputDropDown.ffw_notEditable:hover {
    border-color: #0077B6 !important;
}

.InputField.ffw_notEditable:focus,
.InputDropDown.ffw_notEditable:focus {
    border-color: #0077B6 !important;
    border-width: 2px !important;
}

[id*="FehlerContent"] .HeadingLevel1 {
    display: block !important;
    text-align: center;
}

.viewEmbeddings .outOfSync.modal {
    width: unset !important;
}

.ffw_segmentGroup.status,
.ffw_segmentGroup.metadata {
    display: inline-flex;
    flex-direction: column;
    vertical-align: top;
    border-radius: 5px;
    padding-top: 56px;
    padding-bottom: 56px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.responsive-not-min .ffw_segmentGroup.status {
    /* visibility: hidden; */
    width: 40% !important;
}

.responsive-not-min .ffw_segmentGroup.status > .ffw_segmentInstance {
    max-width: 22.6rem;
    margin: 0 auto;
}

.responsive-not-min .ffw_segmentGroup.metadata > .ffw_segmentInstance {
    max-width: 37.6rem;
    margin: 0 auto;
}

.responsive-not-min .ffw_segmentGroup.metadata {
    /* visibility: hidden; */
    width: calc(60% - 28px) !important;
    margin-left: 24px;
}

/* horizontal center text and status label */
.ffw_segmentGroup.metadata .ffw_segmentInstance[id*="Metadata_KommunikationErfolgt"] > .flex-container {
    align-items: center;
}

.responsive-min .ffw_segmentGroup.status,
.responsive-min .ffw_segmentGroup.metadata {
    width: 100%;
    padding: 32px 0;
}

.responsive-min .ffw_segmentGroup.metadata {
    flex-direction: column !important;
}

.responsive-min .ffw_segmentGroup.metadata > div.ffw_segmentInstance:not(:first-child) {
    margin-top: 1rem;
}

.responsive-min .ffw_segmentGroup.metadata .flex-container > .flex-container:not(:last-child) {
    padding-bottom: 0;
}

.responsive-min .ffw_segmentGroup.metadata .flex-container > .formControl {
    margin: 0;
}

.ContentGap {
    margin-bottom: 24px;
}

.ContentBox:last-child {
    margin-bottom: 32px !important;
}

/* Abstand zwischen dem letzten Segment einer Formularseite und der Footer Leiste */
footer.ffw_segmentInstances
    div.ffw_defaultSegmentGroup.LIP__DEFAULT__SEGMENT__GROUP
    div.ffw_segmentInstance
    div.flex-container {
    padding: 0 0 56px !important;
}

/* stylelint-disable plugin/no-unsupported-browser-features */
@media (width >= 768px) {
    .flex-container:has(> .IconTextLink:first-child) {
        margin-left: 0;
    }
}
/* stylelint-enable plugin/no-unsupported-browser-features */

/* override form.css */
.form .lip_icon svg {
    line-height: normal;
    height: auto;
    width: auto;
}

.form .IconHelpCircle svg {
    height: 16px;
}

.lip_icon > span {
    display: flex !important;
}

.IconTextLink .lip_icon svg {
    line-height: normal;
    height: 24px;
    width: 24px;
}

.viewEmbeddings .question {
    background-color: #faf4e7;
    border-radius: 4px;
    border: 1px solid #f7bb3d;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.viewEmbeddings .question .icon {
    background: #f7bb3d url("../images/svg/ozg/icon-info-yellow.svg") no-repeat center;
}

.viewEmbeddings .question.ok {
    background-color: #f0f7f4;
    border: 1px solid #00854a;
}

.viewEmbeddings .question.ok .icon {
    background: #00854a url("../images/svg/ozg/icon-success-green.svg") no-repeat center;
}

.viewEmbeddings .error {
    border-radius: 4px;
}

ul[data-group-name="download-actions"] .IconTextLink .lip_icon svg {
    width: 24px;
}

.IconTextLink {
    display: inline-block;
}

.IconTextLink .LinkIcon svg {
    height: unset;
}

[id*="AnmeldungNkb"] .FieldsetContentRightBordered {
    flex-basis: 360px !important;
}

.FormNavigation .action {
    width: calc(100% - 40px);
}

[id*="FMSP_TEMPLATE_Import"] .ButtonRemove,
[id*="Liste_Anhaenge"] .ButtonRemove {
    margin-left: calc(100% - 42px) !important;
}

.pagination {
    list-style-type: none;
    padding-inline-start: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: 80px;
    margin-right: 80px;
    font-family: "BundesSans Web", bundessansweb, Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.4rem;
    margin-top: 42px;
    position: absolute;
    right: 0;
}

.pagination li input {
    border: 0;
    width: 30px;
}

.pagination li input:focus {
    border-width: 1px;
    border-style: solid;
    border-color: #0077b6;
}

/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
.pagination li input[value="<<"],
.pagination li input[value=">>"],
.pagination li input[value=">|"],
.pagination li input[value="|<"] {
    font-size: 1.1rem;
    font-weight: normal;
}

.FormNavigation .item .status {
    overflow: visible !important;
}

.InfoboxError > *:not(:first-child),
.InfoboxSuccess > *:not(:first-child),
.InfoboxWarning > *:not(:first-child) {
    display: block;
    margin-top: 0.8rem;
}

.viewEmbeddings .buttons {
    display: unset;
}