/* Fonts */
@font-face {
    font-family: 'BentonSans';
    src: url('../css/fonts/BentonSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BentonSans';
    src: url('../css/fonts/BentonSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


/* LIP-CONFIG --------------------------------------------------------------------------------- */

body {
    background-color: #efefef !important;
}

/*Header für Seiten mit Sachbearbeiteransicht*/
header {
    background-color: #efefef;
}

/* ----- LIP-HEADER ----- */
.headerPanel .customization .customizationWrapper>li::after {
    content: "";
}

/* Suche und Sprachauswahl verstecken */
.globalSearch,
.languageSelect {
    display: none !important;
}

/* Alle Menüpunkte */
.headerMenuWrapper.user,
.headerMenuWrapper.admin,
.lip_sessionCountdown_container,
.sessionCountdown,
.logoffWrapper {
    font-family: "BentonSans" !important;
    vertical-align: middle !important;
    text-align: center;
    font-weight: bold;
    color: #3C506F;
}


/* "Angemeldeter Nutzer - Name"-Dropdown */
.headerMenuWrapper.user {
    text-transform: uppercase;
    font-size: 0.8rem;
}


/* Einstellungen-Dropdown, Session-Counter, Abmelden-Button */
.headerMenuWrapper.admin,
.logoffWrapper {
    background-color: #EAEEF6;
    height: 34px !important;
    margin-right: 15px;
    box-sizing: border-box;
}

/* Header Toolbar - Button: Logout */
.customizationWrapper li .logoffWrapper {
    font-family: "BentonSans" !important;
    vertical-align: middle !important;
    text-align: center;
    font-weight: bold;
    color: #3C506F;
    background-color: #EAEEF6 !important;
    border: none !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 136px !important;
    height: 40px !important;
    margin-right: 5px;

    text-wrap: nowrap;
}

/* Header Toolbar - Button: Einstellungen */
.headerMenuWrapper.admin {
    width: 160px !important;
    height: 40px !important;
}

/* Header Toolbar - Button-Grafiken */
.headerMenuWrapper.admin img,
.customizationWrapper li .logoffWrapper img {
    margin: -10px !important;
    padding-right: 9px !important;
    width: 29px !important;
    pointer-events: none;
    padding-right: 13px !important;
}

.headerMenuWrapper.admin img {
    padding-right: 13px !important;
    width: 29px !important;
}

.customizationWrapper li .logoffWrapper img {
    transform: scale(.75);
}

/* Einstellungen - Icon ----- */
.headerPanel .customization .customizationWrapper .admin img {
    text-align: center;
    vertical-align: middle;
    width: 25px;
    margin-right: 5px;
    padding-left: 10px;
}

/* Einstellungen - Text "Einstellungen" ----- */
.headerPanel .customization .customizationWrapper .admin strong:hover {
    text-decoration-line: underline;
}

.headerMenuWrapper .headerTooltip,
.languageSelect .headerTooltip {
    background-color: white !important;
    text-transform: none !important;
}

.headerTooltip span {
    color: #3C506F !important;
    text-align: left !important;
    font-size: 0.85rem !important;
}

.headerTooltip a:hover {
    text-decoration-color: #3C506F !important;
}

.headerTooltip span:hover,
.headerTooltip .itemHighlighted {
    color: white !important;
}

.menuPanel {
    font-family: "BentonSans";
    font-weight: bold;
    font-size: 0.85rem;
}

.menuCollapser,
.menuCollapser.collapsed {
    background-color: #5774a0 !important;
    background-image: url(../images/svg/ChevronLeft.svg);
    border-right: 1px white;
}

.menuCollapser:hover,
.menuCollapser:focus {
    border-style: none;
    border-color: none;
    box-shadow: none;
    outline: none;
    border-right: 1px white;
}

.menuCollapser {
    bottom: 25px !important;
}

/* Logoff-Button */
.headerPanel .logoffWrapper:hover {
    text-decoration-line: underline;
}

.headerPanel .logoffWrapper:focus {
    border: 1pt solid #3C506F;
}

.headerSeparator {
    background-color: #3c506f;
}

/* ----- LIP-HEADER END ----- */


/* ----- LIP-DATENBROWSER ----- */
.navbar-light {
    background-color: #3c506f !important;
}

.contentPanel {
    margin: 0px;
    padding: 20px;
    background-color: #efefef; /*#b8b8b8;*/
}

/* Linke Navigationsleiste */
.leftPanel {
    margin: 0px;
}

/* Nachricht, die beim Herunterladen von Excel-Daten erscheint */
body .contentPanel.flex #lip_formBean .browseDataHeader #ffw\.viewEmbeddings {
    width: fit-content;
    margin-left: 25px;
    padding-bottom: 0px;
    padding-top: 0px;
}

/* Abstand links für alle Databrowser-Elemente */
html body div.contentPanel.flex form#lip_formBean div.browseDataHeader ul.toolbar,
#selectedRowsCount,
.browseDataWizard {
    margin-left: 25px;
}

/* Text - X Datensätze ausgewählt */
#selectedRowsCount {
    font-family: "BentonSans";
    font-size: 1rem;
    margin-bottom: 25px;
    margin-top: 25px;
}

/* Text - X Datensätze ausgewählt - Anzahl der ausgewählten Reihen */
#rowCount {
    margin-right: 5px;
}

/* Databrowser Tabellenstyling */
html body div.contentPanel.flex form#lip_formBean div.browseDataWizard table.panel thead tr.filter td,
html body div.contentPanel.flex form#lip_formBean div.browseDataWizard table.panel thead tr th {
    background-color: #EAEFF6;
    border: none;
    border-radius: 0;
}

.browseDataWizard a {
    font-family: "BentonSans";
    color: #333333;
    font-size: 0.875rem;
}

/* Jede zweite Spalte des Datenbrowsers soll grau sein */
html body div.contentPanel.flex form#lip_formBean div.browseDataWizard table.panel tbody#rowContainer tr:nth-child(even) {
    background-color: #EAEFF6BF;
}

/* Spaltenüberschrift */
.columnHeaderText {
    font-family: "BentonSans";
    color: #3C506F;
    font-size: 8.75rem;
    order: 1 !important;
    width: auto !important;
}

/* Datenbrowser */
.browseDataWizard {
    margin-top: 25px;
    /*overflow: hidden !important;*/
}

/* Tabelle des Datenbrowsers */
.browseDataWizard table {
    border-spacing: 0;
}

/* Filter-Feld jeder Spalte */
.columnFilter {
    background-color: white;
    border: 1px #757575 solid !important;
}

.columnFilter:hover {
    background-color: white;
}

.columnFilter:focus {
    background-color: white;
    color: #3C506F;
    border: 1px solid #3C506F !important;
    box-shadow: none;
}

/* Ändern der Reihenfolge von Filtericon und Spaltenname */
.browseDataWizard table thead tr th[id^="bdw_column_"].caption.sortable div {
    display: flex;
    flex-direction: row;
}

/* Ändern der Reihenfolge von Filtericon und Spaltenname */
.browseDataWizard table thead tr th[id^="bdw_column_"].caption.sortable div span:nth-child(1) {
    order: 2;
    margin-top: 0px;
}

/* Styling der Tabellenränder */
.browseDataWizard table thead tr td,
.browseDataWizard table thead tr th,
.browseDataWizard table tbody tr td {
    border-right: 3px solid white !important;
    padding: 8px !important;
}

/* Styling der Tabellenränder - Ende (kein Rand) */
.browseDataWizard table thead tr td:last-child,
.browseDataWizard table thead tr th:last-child,
.browseDataWizard table tbody tr td:last-child {
    border-right: 0px !important;
}

/* Anpassen der Höhe für filterlose, unsortierbare Optionen */
#bdw_column_10 div span.columnHeaderTextUnsortable {
    padding-bottom: 25px !important;
}


/* Popup für den Excel-Export - Abstände */
.browseDataHeader div div[id *="ffw.viewEmbedding.MessageEmbedding"] .content.closable {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Popup für den Excel-Export - Inhalte Abstand */
.browseDataHeader div div[id *="ffw.viewEmbedding.MessageEmbedding"] .content.closable p,
.browseDataHeader div div[id *="ffw.viewEmbedding.MessageEmbedding"] .content.closable a {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

/* Datenbrowser Buttons - Hover */
#bdw_toolbarButton_refresh:hover,
#bdw_toolbarButton_xlsExportSelected:hover,
#bdw_toolbarButton_script_testingButton:hover,
li:has(> input[id="bdw_toolbarButton_xlsExportSelected"]):hover::after,
li:has(> input[id="bdw_toolbarButton_refresh"]):hover::after,
li:has(> input[id="bdw_toolbarButton_script_testingButton"]):hover::after {
    text-decoration-line: underline;
    box-shadow: none;
}

/* Datenbrowser Buttons - Focus */
#bdw_toolbarButton_refresh:focus,
#bdw_toolbarButton_xlsExportSelected:focus,
#bdw_toolbarButton_script_testingButton:focus {
    color: #3C506F;
    border: 1pt solid #3C506F !important;
    box-shadow: none;
}

/* Dropdown-Container für Alle Kategorien */
.dropdown-container {
    font-family: "BentonSans";
    font-size: 0.9rem;
    color: #3C506F;
    background-color: white;
    border: 1px #757575 solid;
    text-align: center;
    border-radius: 4px;
    width: 231px;
    height: 35px;
    margin-right: 15px;

    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-right: 10px;
}

/* Breite des Dropdown-Content Contaners */
.dropdown-content.show {
    width: 231px;
    font-family: "BentonSans";
}

/* Alle Kategorien Dropdown Text */
#dropdown-kategorien-text {
    font-family: "BentonSans";
    font-weight: normal;
    text-align: left;
    font-size: 0.9rem;
    color: #3C506F;
    margin-top: -20px;
}

#dropdown-kategorien-text:hover {
    text-decoration: underline;
}

/* Ändern der Reihenfolge der Buttons und Dropdowns */
ul.toolbar {
    display: flex;
    flex-direction: row;
}

#dropdown-kategorien {
    order: 9999;
    display: none;
}

/* Alle Kategorien - Verstecke Rand */
#lip_toolbar_dropdown_changeView_btn:hover,
#lip_toolbar_dropdown_changeView_btn:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

/* Icon zum Dropdown-Button "Alle Kategorien" hinzufügen */
#lip_toolbar_dropdown_changeView_btn {
    width: 240px;
    background-image: url(../images/ChevronBottom.png);
    background-position: right;
    text-align: left !important;
    padding-left: 20px;
    margin-bottom: 2px !important;
}

/* Verstecken nicht genutzter Buttons */
/*#bdw_toolbarButton_cancel,*/
#bdw_toolbarButton_changeView {
    display: none;
}

/* ----- LIP-DATENBROWSER END ----- */


/* LIP-CONTENBEREICH ( ALGEMEIN-https://docs.lucom.com/lip37/style-eigenschaften ) ----- */
.contentPanel h1 {
    font-family: "BentonSans";
    margin-left: 0px;
    background-color: #20304b;
    padding-top: 46px;
    padding-bottom: 34px;
    color: #FFF;
    font-size: 34px;
    padding-left: 60px;
    vertical-align: middle;
    font-weight: bold;
    text-align: left;
}

#bdw_applyFilter {
    background-color: #5774a0;
    color: #FFFFFF;
    font-weight: bold;
}

.buttonMitText svg {
    width: 40px !important;
    height: 40px !important;
}


/* LIP-CONTENBEREICH ( ALGEMEIN-https://docs.lucom.com/lip37/style-eigenschaften ) END ----- */



/* LIP-CONFIG END --------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------- */


/* ----- BASE ----- */
.formBody .form-main {
    background-color: #efefef;
}

.formBody .form-main .content {
    max-width: 1120px;
    min-width: 375px;
}

fieldset.formControlLabel > legend:not(.invisible) {
    margin-left: 10px;
    position: absolute;
    font-weight: normal;
    top: 15px;
}

/* Datepicker-Style */
.datepicker table tr td.day:hover {
    color: #ffffff !important;
    background-color: #5774a0 !important;
}

.datepicker-switch:hover {
    color: #ffffff !important;
}

/* Datepicker-Style END */


.ffw_segmentGroup {
    margin-bottom: 0px;
    box-shadow: none;
}

/*Farbanpassung für den Form Help Button*/
#lip_formBean .pageContent__Ueberkompensation #GenID__19 {
    color: #FFFFFF !important;
}

/* ----- BACK TO TOP BUTTON ----- */
Back_to_Top_Button {
    background-color: #5774A0;

}

Back_to_Top_Button:hover {
    background-color: #3C506F;
    border: 2pt solid #ffffff;


}

Back_to_Top_Button:focus {
    background-color: #3C506F;
    border: 1pt double #ffffff;
    outline: 1pt solid #3C506F;
}

/* ----- BACK TO TOP BUTTON END ----- */

/* ----- Anpassung Login-Seite ----- */

/*.contentPanel.loginContent.flex {
    background-color: #B8B8B8;
}*/

.contentPanel.loginContent .login h2 {
    font-size: 2em;
    color: #FFFFFF;
    background-color: #233755;
    text-align: center;
    height: 90px;
    /*width: 936px;*/
    margin-left: -20px;
    margin-top: -20px;
    padding-top: 40px;
    /*padding-left: 70px;*/
}

/*.contentPanel.loginContent .login .row .floatRight.buttons input {
    background-color: #5774a0;

}

.contentPanel.loginContent .login .message.info .icon {
    background-color: #019ee0 !important;
}

.contentPanel.loginContent .login .message.info {
    border: 2px solid #019ee0 !important;
    margin-top: 20px;
}

.contentPanel.loginContent .login .row label.leftCol {
    color: #000000;
    font-weight: normal;
    text-align: left;
    background-color: #eaeef6;
}*/

.headerSeparator {
    background-color: #233755 !important;
}

.contentPanel.loginContent .login .rightCol input,
.contentPanel.loginContent .login .rightCol select {
    border-color: #757575;
}

.contentPanel.loginContent .login .rightCol input:focus,
.contentPanel.loginContent .login .rightCol select:focus {
    border: 2pt solid #5774a0;
}

/*.contentPanel.loginContent .login .flexContainer {
    margin-left: 50px;
    padding-right: 100px;
}

.contentPanel.loginContent .login>div {
    min-width: 936px;
    min-height: 430px;
    border-style: none;
}

.contentPanel.loginContent .login .button.primary:hover,
.contentPanel.loginContent .login .button.primary:focus {

    border-color: #FFFFFF;
    color: #FFFFFF;

}*/

label.username, label.password  {
    border: none !important;
    font-weight: bold !important;
    padding-left: 0px !important;
}

div.contentPanel.loginContent {
    background-color: #FFFFFF !important;
}

.contentPanel.loginContent .login .rightCol input, .contentPanel.loginContent .login .rightCol select {
    border-color: #233755;
    border-radius: 0;
}

.contentPanel.loginContent .login .message.info {
    border: 2px solid #233755 !important;
    margin-top: 20px;
}

.contentPanel.loginContent .login .message.info .icon {
    background-color: #233755 !important;
}

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

.contentPanel.loginContent .login h2 {
    color: #233755 !important;
    background-color: #FFFFFF !important;
}

.contentPanel.loginContent .login label {
    color: #233755;
}

.contentPanel.loginContent .login .button.primary:hover, .contentPanel.loginContent .login .button.primary:focus {
    color: #FFFFFF;
}

.contentPanel.loginContent .login .row .leftCol.link {
    font-size: 0.9em;
}

.contentPanel.loginContent .login .flexContainer .leftCol {
    flex-basis: 100%;
}

div.leftCol.forgotPasswordLink {
    width: 50% !important;
    max-width: 50% !important;
    text-align: left;
}

div.leftCol.registerLink {
    width: 50% !important;
    max-width: 50% !important;
    text-align: right;
}

.contentPanel.loginContent .login > div {
    text-align: left;
}

/* ----- ANPASSUNG LOGIN-SEITE END ----- */



/* Manipulation Auto-Logout-Warnung ( 1min rest zeit) ----- */
.dialog .button[id="sessionCountdownWarning_refresh"] {
    font-family: "BentonSans" !important;
    color: #ffffff !important;
    background-color: #5774A0 !important;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border-radius: 5px;
}

.dialog .button[id="sessionCountdownWarning_refresh"]:hover {
    background-color: #3C506F !important;
    color: #ffffff !important;
    text-decoration-line: underline !important;
}

.dialog .button[id="sessionCountdownWarning_refresh"]:focus {
    color: #ffffff !important;
    background-color: #5774A0 !important;
    border: 2pt solid #333333 !important;
    outline: none;
}

.dialog .button[id="sessionCountdownWarning_logoff"] {
    font-family: "BentonSans" !important;
    color: #3C506F !important;
    background-color: #EAEEF6 !important;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border-radius: 5px;
}

.dialog .button[id="sessionCountdownWarning_logoff"]:hover {
    color: #3C506F !important;
    background-color: #EAEEF6 !important;
    text-decoration-line: underline !important;
}

.dialog .button[id="sessionCountdownWarning_logoff"]:focus {
    color: #3C506F !important;
    background-color: #EAEEF6 !important;
    border: 1pt solid #3C506F !important;
}

/* Manipulation Auto-Logout-Warnung ( 1min rest zeit) END ----- */


/* manibulation des Infofeldes wenn zwei verschiedene accounts versuchen das selbe formular zu bearbeiten ----- */
div[id="ffw.viewEmbedding.lip.InstanceLockEmbedding"] {
    height: 110px !important;
}

/* manibulation des Infofeldes wenn zwei verschiedene accounts versuchen das selbe formular zu bearbeiten ----- END */

.ffw_errorLabel {
    font-weight: normal;
}

/* ----- BASE END ----- */




/* ----- Header ----- */
/* Header Toolbar - Button: Session Timer */

#lip_sessionCountdown_reset {
    order: -1 !important;
    cursor: pointer;
}

#lip_sessionCountdown_reset img {
    transform: scale(.75);
}

/* Session-Countdown im Menü */
.sessionCountdown {
    background-color: #EAEEF6;
    color: #333333;
    height: 40px !important;
    width: 70px !important;
    padding: 0 10px 0 5px;
}

header.ffw_segmentInstances div[id*="FormularKopf"] > .flex-container {
    align-items: center;
}

/* ----- Header END ----- */


/* --------------------------------------------------------------------------------- */


/* ----- Footer -----*/

footer .footer-links ul {
    list-style: none;
    display: flex;
    justify-content: end;
    margin: 0;
}

footer .footer-links ul li a {
    color: white;
}

footer .footer-links ul li+li {
    padding-left: 10px;
}

footer .footer-links ul li+li:before {
    content: '|';
    padding-right: 10px;
}


/* ----- Footer END -----*/


/* --------------------------------------------------------------------------------- */


/* ----- Startseite ----- */

.contentPanel a {
    font-size: 13px;
}

/* Modaldialog -----*/
.viewEmbeddings {
    font-family: "BentonSans" !important;
}

.viewEmbeddings .message .icon {
    background-image: none;
    background-color: #ffffff;
}

.viewEmbeddings .modal {
    padding: 0 0 20px 0;
}

.viewEmbeddings .question.modal {
    border: none;
    border-radius: 0;
}

.viewEmbeddings .modal.ok,
.viewEmbeddings .question.modal {
    padding: 0;
    border: none;
    border-radius: 0;
}

.viewEmbeddings .modal.ok .text,
.viewEmbeddings .modal.question .text {
    margin-left: 3px;
    display: flex;
}

.viewEmbeddings .modal.ok .content,
.viewEmbeddings .modal.question .content {
    padding: 20px;
}

div[id*="ffw\.viewEmbedding\."]:not([id*='ErrorMessageEmbedding']) .headline {
    font-size: 24px;
    color: white;
    font-weight: bold;
    height: 83px !important;
    background-color: #20304B !important;
    position: sticky;
    top: 0;

    padding-left: 25px;
    line-height: 83px !important;
}

.viewEmbeddings .message {
    height: fit-content;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 0 0 20px 0;
}

.browseDataHeader .viewEmbeddings .message {
    padding: 20px;
}

.viewEmbeddings .buttons {
    /*padding-top: 40px;*/
    overflow: hidden;
    padding-left: 20px;
}

.viewEmbeddings .modal.ok .buttons,
.viewEmbeddings .modal.question .buttons {
    padding-left: 0;
}

/* Primary Button */
.viewEmbeddings .buttons input[type="button"],
#attachmentClose,
.confirm.question.modal .content .buttons input[value="Ja"] {
    font-family: "BentonSans";
    color: #ffffff;
    font-size: 1.06rem !important;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
    white-space: pre-wrap;
    border: none !important;
    border-radius: 4px;
    height: 40px !important;
    min-width: 127px !important;
    padding: 12px 24px 12px 24px;
    background-color: #5774A0;
    border-color: #5774A0;
}

.viewEmbeddings .buttons input[type="button"]:focus,
.viewEmbeddings .buttons input[type="button"]:active,
#attachmentClose:focus,
#attachmentClose:active,
.confirm.question.modal .content .buttons input[value="Ja"]:focus,
.confirm.question.modal .content .buttons input[value="Ja"]:active {
    text-decoration-line: none !important;
    color: white;
    background-color: #5774A0;
    border: #333333 2px solid;
    filter: none !important;
}

.viewEmbeddings .buttons input[type="button"]:hover,
#attachmentClose:hover,
.confirm.question.modal .content .buttons input[value="Ja"]:hover {
    text-decoration-line: underline !important;
    color: white;
    background-color: #3C506F;
    filter: none !important;
}

/* Beim Drücken auf den Home-Button - Styling der Buttons */
.confirm.question.modal .content .buttons input[type="button"] {
    margin-left: 0;
}


.message .content .text,
.confirm.question.modal .content .text {
    font-size: 1.06rem;
    font-family: "BentonSans";
    padding: 0 25px;
}

/* Icon ausblenden, außer bei Fehlermeldung-Alert. */
div[id*="ffw\.viewEmbedding\."]:not([id*='ErrorMessageEmbedding']) .icon {
    display: none;
}

:not([id*='lip-gen']).content.closable {
    padding-right: 0px !important;
}

div[id*="lip-gen"].content.closable .buttons {
    padding-left: 0px !important;
}

.FormHelp.external .headline {
    margin-bottom: 10px !important;
    height: 83px !important;
    background-color: #20304B !important;
    position: sticky;
    top: 0;
}

.FormHelp .headline h2:focus,
.FormHelp .headline h2 {
    text-decoration: none !important;
}

button[title$="Formular-Hilfe schließen"],
button[title$="Formular-Hilfe schließen"]:hover,
button[title$="Formular-Hilfe schließen"]:focus {
    border: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

button[title$="Formular-Hilfe schließen"] svg {
    color: white !important;
}

.FormHelp.external hr {
    display: none;
}

h2[aria-describedby$="lip_formHelp_content"] {
    font-family: "BentonSans" !important;
    height: auto !important;
    font-size: 24px !important;
    font-weight: bold !important;
    color: white !important;
}

#lip_formHelp_content {
    font-family: "BentonSans" !important;
    overflow-y: auto;
    max-height: 550px;
    min-width: auto;
}

#lip_sidebarRight {
    position: relative;
    width: 0px;
}

#lip_sidebarRight .sticky-content {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
    background: #00000040 !important;
}

.formBody .form-main .sidebar.closing, .formBody .form-main .sidebar.opening {
    animation-duration: 0s;
}

.FormHelp.external {
    position: absolute;
    box-shadow: 0px 0px 10px 2px #20304b3f !important;
    background-color: white;
    max-height: 650px !important;
}

span[data-svg-icon="form:image/Mail"] {
    scale: 1.4;
}

.menuPanel .label {
    color: #ffffff !important;
    font-weight: bold !important;
}

div#lip_formcatalog.formcatalog div.folderContent {
    background-color: #ffffff !important;
}

.menuEntry {
    margin-left: 15px;
}

.menuLabel {
    font-weight: normal !important;
}

.leftPanel_collapsed {
    width: 80px !important;
}

.viewEmbeddings p {
    padding: 20px;
}

#lip_formBean .pageContent__change__password .ButtonPrimary:hover {
    background-color: #233755 !important;
}

.viewEmbeddings .error {
    background-color: #FFC6D2 !important;
    border-color: #000000 !important;
}

.viewEmbeddings .info {
    background-color: #FFFFFF !important;
}

/* .viewEmbeddings div.content span.text {
    padding: 10px 25px;
} */


/*Upload-Control*/
.DropAreaUpload .drop-icon {
    display: none;
}

.DropAreaUpload .drop-text {
    color: #3C506F;
    padding: 20px;
    text-align: center;
}

/* Responsive-Styling */
.flex-container > .flex-container.flex-column:not(.flex-vertical) .formControl, .flex-container > .flex-container.flex-labelGroup:not(.flex-vertical) .formControl {
    flex-shrink: 1;
}


/* Formular-Anpassungen */
div[id*="SachbearbeitungHistorieEintrag"] .flex-container,
div[id*=AntragstellerPruefvermerkeEintraege] .flex-container {
    align-items: stretch;
}

div[id*="form:Registrierung"] div.formControlLabel.Text,
div[id*="form:Startseite"] div.formControlLabel.Text,
div[id*="form:MeldungVorhaben"] div.formControlLabel.Text,
div[id*="form:MeldungBeteiligungsentwurf"] div.formControlLabel.Text,
div[id*="form:MeldungBeteiligungsvereinbarung"] div.formControlLabel.Text,
div[id*="form:MeldungErsatzbeteiligung"] div.formControlLabel.Text {
    /* Blocksatz ist nicht barrierefrei, da dies den Lesefluss beeinträchtigt
    hyphens: auto;
	text-align: justify */
    display: initial;
    line-height: 1.5 !important;
}

div.footerPanel {
    height: 25px !important;
}

.lookupWrapper {
    margin-top: 5px !important;
}

/* Footer on Main Page */
div.footer-links {
    font-family: "BentonSans";
    font-size: 9pt;
    font-weight: bold;
    vertical-align: middle;
    color: rgb(255, 255, 255);
    background-color: transparent;
    text-align: right;
    cursor: pointer;
    border: none;
    display: block;
}

div.footer-links ul {
    list-style: none;
    display: flex;
    justify-content: end;
    margin: 0px 50px 0px 0px;
}

div.footer-links ul li {
    margin-right: 15px;
}

div.footer-links ul li+li:before {
    content: '|';
    padding-right: 10px;
}

div.footer-links ul li a {
    color: white;
}

/* End of Footer on Main Page */

/* Responsive Layout */
@media screen and (max-width: 650px) {
    .sessionCountdown, div.userMenu {
        display: none;
    }

    li.headerMenuWrapper {
        display: none;
    }

    .menuItem {
        padding-left: 12px;
    }

    .menuLabel, .label {
       display: none;
    }

    #leftPanel {
        width: 80px !important;
    }

    div.browseDataWizard {
        overflow: hidden;
    }

    div.browseDataWizard tr.filter {
        display: none;
    }

    div.browseDataHeader ul.toolbar {
        display: none;
    }

    div.browseDataWizard thead > tr > th:first-child, div.browseDataWizard tbody > tr > td:first-child {
        display: none;
    }

    div.browseDataWizard thead > tr > th:nth-child(1), div.browseDataWizard tbody > tr > td:nth-child(2) {
        display: none;
    }

    div.browseDataWizard thead > tr > th:nth-child(n+5), div.browseDataWizard tbody > tr > td:nth-child(n+6) {
        display: none;
    }

    .contentPanel h1 {
        background-color: transparent;
        color: #000000;
        padding-left: 25px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 860px) {
    div.footer-links {
        display: none;
    }
}