/*
 * -----------------------------------------------------------------------------
 * 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("../../css/fonts/BundesSansWeb-Regular.woff2") format("woff2"),
        url("../../css/fonts/BundesSansWeb-Regular.woff") format("woff");
}

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

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

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

/* BundesSerif */

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

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

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

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

/*Linkes Panel*/
.navigation.main-menu .item,
.navigation.main-menu .headline {
    color: white;
}

.navigation.main-menu .item:hover {
    background-color: #BAD405;
}

.navigation.main-menu .item.current {
    color: black;
    font-weight: bold;
}

.navigation.main-menu .headline .svg-container {
    fill: white;
}

/* Header */
#lip-header-main .dropdown .item:hover,
#lip-header .burger-menu .sub-menu .item:hover {
    background-color: #BAD405;
}

#lip-header-main .logo .item:hover,
#lip-header-main .logo .item {
    outline-color: transparent;
}

#lip-header-main {
    min-height: 100px;
}

#lip-header-main .logo {
    height: 100px;
	width: 200px;
	margin-left: 20px;
	position: relative;
	display: table;
	float: left;
	padding: 5px 0 15px 0;
}

#lip-header-main .logo img {
    position: absolute;
	width: auto;
	height: auto;
	margin: auto;
	top: 0;
	bottom: 0;

	max-height: 100%;
	max-width: 100%;
	border-width: 2px;
	border-style: solid;
	border-radius: 3px;
	box-sizing: border-box;
	border-color: transparent;
}

/* Catalog */
.formcatalog .content .breadcrumb span {
	padding-top: .1em;
	padding-right: .5em;
	color: #303030;
}

.formcatalog .content .row .labelTitle {
	font-weight: bold;
}

.formcatalog .content .row a:hover {
    background-color: #CCCCCC;
}

#lip_formcatalog .popup a:hover,
#lip_formcatalog .popup button:hover {
    background-color: #CCCCCC;
}

/* von src/lip/components/FormCatalog 3.7.6 */
.formcatalog {
	/* height: 100%; */
	font-family: "BundesSans Web", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	/* padding: 0;
	margin: 0; */
}

/* View Embeddings */
.viewEmbeddings .close .closeButton,
.viewEmbeddings .close .closeButton:hover {
    background-color: white;
    border: transparent;
}

.viewEmbeddings input[type="submit"],
.viewEmbeddings input[type="button"],
.viewEmbeddings input[type="reset"],
.viewEmbeddings button[type="submit"],
.viewEmbeddings button[type="button"],
.viewEmbeddings button[type="reset"] {
	background-color: #D9E6F0;
	border: 2px solid #0B418F;
}

.viewEmbeddings .buttons input[type="button"],
.viewEmbeddings .button input[type="button"],
.viewEmbeddings .buttons input[type="submit"],
.viewEmbeddings .button input[type="submit"],
.viewEmbeddings .buttons button[type="button"],
.viewEmbeddings .button button[type="button"],
.viewEmbeddings .buttons button[type="submit"],
.viewEmbeddings .button button[type="submit"] {
	background-color: #D9E6F0;
	border: 2px solid #0B418F;
}

.viewEmbeddings .outOfSync .caption {
	background-color: #B3001B;
}

.viewEmbeddings input[type="submit"]:hover,
.viewEmbeddings input[type="button"]:hover,
.viewEmbeddings input[type="reset"]:hover,
.viewEmbeddings button[type="submit"]:hover,
.viewEmbeddings button[type="button"]:hover,
.viewEmbeddings button[type="reset"]:hover {
	background-color: #BAD405;
}

.viewEmbedding.confirm .buttons button.primary, .viewEmbedding.question .buttons button.primary {
	border-color: #0B418F;
}

.viewEmbedding .buttons button {
	font-family: "BundesSans Web";
}

/* Form toolbar */
.form-toolbar .container .action .button:hover {
    background-color: #EEEEEE;
}

/* Form dropdown */
.selectize-dropdown .selectize-dropdown-content .active.hover {
	background-color: #FFFF00;
	text-decoration: underline;
}

/* Formular */
.ffw_addSegmentInstance .button.primary {
	background-color: #BAD405;
	color: black;
	/* line-height: 30px;
	font-weight: bold; */
}

.ffw_addSegmentInstance .primary.button .ffw_addSegmentInstance-title {
	line-height: 30px;
	font-weight: bold;
}

.ffw_addSegmentInstance .button.primary:hover {
	background-color: #0B418F;
	color: white;
	text-decoration: none;
}

.form button.lookupOpener {
	border: 2px black solid;
    background-color: #bad405;
}

#lip_formBean .pageContent__Seite1 .label__nicht__editierbar.ffw_notEditable,
#lip_formBean .pageContent__Seite1 #transiert_anlagen {
	background-color: transparent;
}

/* Lookup window */
.lookupWindow .dialog .matchcode input[type="text"]:focus {
	background-color: transparent;
}

.lookupWindow .dialog div.content .list .table .tHeader {
	background-color: #BAD405;
}

.lookupWindow .dialog div.content .list .table .tBody .tCell:hover {
	background-color: #D2E8C0;
}

.lookupWindow .dialog div.content .list .table .tBody .tRow {
	background-color: #F5F5F5;
}

.lookupWindow .dialog .matchcode .button {
	background-color: #EEEEEE;
	border-color: #CCCCCC;
	color: black;
	text-decoration: none;
	font-family: "BundesSans Web", Verdana, Arial, Helvetica, sans-serif;
}

.lookupWindow .dialog .header {
	color: black;
}

.lookupWindow .dialog .matchcode input[type="text"] {
	font-family: "BundesSans Web", Verdana, Arial, Helvetica, sans-serif;
}

.lookupWindow .dialog .footer button[type="submit"] {
	font-family: "BundesSans Web", Verdana, Arial, Helvetica, sans-serif;
}

/* Upload-Control */
.fileAttachment .dialog div.content .add .dropZone.dragOver, .fileAttachment .dialog div.content .add .dropZone:hover {
	color: #CCCCCC;
}

.fileAttachment .dialog div.content .add .dropZone.dragOver .svg-container, .fileAttachment .dialog div.content .add .dropZone:hover .svg-container {
	fill: #CCCCCC;
}

.fileAttachment .dialog div.content .add .dropZone {
	color: #3D8700;
}

.fileAttachment .dialog div.content table.list th.sortable,
.fileAttachment .dialog div.content table.list th.delete {
	border-inline: solid;
  	border-inline-color: white;
  	border-inline-width: 1px;
  	background-color: #BAD405;
}

.fileAttachment .dialog .header h2 {
	color: black;
}

.fileAttachment .dialog div.content table.list tbody tr:hover {
	background-color: #CCCCCC;
	border: transparent;
}

.dialog .footer.flex-wrapper,
.dialog .header.flex-wrapper {
	background-color: #EEEEEE;
}

.fileAttachment .dialog .footer button[type="submit"] {
	font-family: "BundesSans Web", Verdana, Arial, Helvetica, sans-serif;
}

/* Datenbrowser */
/* .browseDataWizard #browse-data-sort-row {
	background-color: #BAD405;
} */

.browseDataWizard th.caption {
	background-color: #BAD405;
	border-inline: solid;
  	border-inline-color: white;
  	border-inline-width: 2px;
}

.browseDataWizard .filter td.no-criteria {
	border-right: solid;
  	border-right-color: white;
  	border-right-width: 2px;
}

#bdw_applyFilter:focus {
	background-color: #FFFF00;
}

.data-browser-toolbar .container .action button:hover {
	background-color: #EEEEEE;
}

.browseDataWizard tbody tr:hover {
	background-color: #CCCCCC;
}

.browseDataWizard .filter button {
	font-family: "BundesSans Web";
}

/* Login */
.login .button.primary,
.login .button.primary.inverted {
	background-color: #0B418F;
	border-color: black;
}

.login .button.primary:hover,
.login .button.primary.inverted:hover {
	background-color: #BAD405;
	border-color: black;
	color: black;
}

.login .button.primary.inverted {
	color: white;
}

.logoff .contentFrame {
	font-family: "BundesSans Web", sans-serif;
}

/* Wizard (XML-Daten importieren, Formular hochladen) */
.wizard .buttons #export,
.wizard .buttons .button.primary {
	background-color: #BAD405;
	border: #BAD405;
}

.wizard .buttons #export:hover,
.wizard .buttons .button.primary:hover {
	background-color: #BAD405;
	border: black;
}

/* Error */
.ffw_serverError{
	color: white;
	background-color: #B3001B !important; 
}

.ffw_errorLabel, ul.ffw_errorLabelMinul, .ffw_errorLabelMin {
	color: #B3001B !important;
}

.ffw_clientError {
	background-color: #B3001B !important;

}

/* FormControl */
.ffw_segmentInstances .formControl {
	font-family: "BundesSans Web", Open Sans, sans-serif;
}

#lip_formBean .pageContent__UserAdmin .ButtonInlineGreen {
	background-color: rgb(210, 232, 192);
	border-color: #CCCCCC;
	color: rgb(66, 66, 66);
}

/* ContentPanel */
.contentPanel {
	font-family: "BundesSans Web", sans-serif;
}

/* Toolbar */
.toolbar.form-toolbar .container .action,
.toolbar.form-toolbar .container.actions .action .button .title,
.toolbar.data-browser-toolbar .container.actions .action .button .title,
.toolbar.data-browser-toolbar .container .action.client .button .title,
.toolbar.data-browser-toolbar .container .action {
	font-family: "BundesSans Web", sans-serif;
}

/* Tooltip */
.formBody .tooltip.shaded .body {
	font-family: "BundesSans Web", Verdana, Arial, Helvetica, sans-serif;
}

/* Dashboard */
.dashboard .svg-container {
	fill: #424242;
}