/* ICONS
------------------------------------------- */
/* Weiter Zurück Buttons */
.naviButtons button:hover img {
	filter: invert(1);
}

/* Drucken-Button ausblenden*/
.BpWebApp_Buttons_print_24 {
	display: none !important;
}

/* INPUT */
.BpWebApp_Container_HBox.input-button .BpWebApp_Container_HBox_Content {
	vertical-align: bottom;
}
.BpWebApp_Container_HBox.input-button .BpWebApp_Container_HBox_Content button {
	margin: 5px 0;
	padding: 5px;
	width: 2.3em;
	border: 1px solid transparent;
	background: none;
	cursor: pointer;
}
.BpWebApp_Container_HBox.input-button .BpWebApp_Container_HBox_Content input {
	min-width: 265px;
	width: 265px;
	margin-right: 0.313rem;
}

/* HEADER
----------------------------------------*/
#logo {
	height: 150px;
}
.Navigationsleiste {
	position: absolute;
	right: 50px;
	top: 30px;
	height: 50px;
	display: -webkit-inline-box;
    display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-line-pack: center;
	align-items: center;
}
.Navigationsleiste button {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.Navigationsleiste button span {
	font-weight: var(--font-weight-300);
}
.Navigationsleiste > div:first-of-type {
	margin-top: 1px;
}

/* CONTENT
------------------------------------------*/
#Navigator {
	margin-top: var(--margin-large);
}
#Navigator .ui-tabs {
	padding: 0;
}
.WebAppTabNavigator > .BpWebApp {
	width: 100%;
}

/* NAVIGATION VERTIKAL 
------------------------------------------*/
.ui-tabs .ui-tabs-nav li {
	margin: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 0;
	padding-bottom: 0;
}
.ui-tabs ul.ui-tabs-nav li.ui-state-hover, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-hover, .ui-tabs ul.ui-tabs-nav li.ui-state-focus, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-focus, .ui-tabs ul.ui-tabs-nav li.ui-state-active, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-active, .ui-tabs ul.ui-tabs-nav li.ui-state-default, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-default, .ui-tabs ul.ui-widget-header li.ui-state-default {
	border: none;
	background: inherit;
}
.ui-tabs ul.ui-tabs-nav li.ui-state-default, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-default, .ui-tabs ul.ui-widget-header li.ui-state-default {
	border-left: solid transparent 3px;
}
.ui-tabs ul.ui-tabs-nav li.ui-state-hover, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-hover {
	border-left: solid var(--border-primary-hover) 3px;
}
.ui-tabs ul.ui-tabs-nav li.ui-state-focus, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-focus {
	border-left: solid var(--border-primary-focus) 3px;
}
.ui-tabs ul.ui-tabs-nav li.ui-state-active, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-active, .ui-state-default {
	border-left: solid var(--border-primary-active) 3px;
}
.ui-tabs ul.ui-tabs-nav li.ui-state-active a span, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-active a span {
	font-weight: var(--font-weight-500);
}
.ui-tabs ul.ui-tabs-nav li.ui-state-default span.ui-icon-close {
	cursor: pointer;
}
.WebAppTabNavigator {
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.WebAppTabNavigator > ul {
	min-width: 20%;
	width: 20%;
	border: none;
	background: none;
}
.ui-tabs .ui-tabs-nav {
	padding: 0;
	margin-right: var(--margin-large);
}
.WebAppTabNavigator > ul > li:first-child{
	margin-top: 0px;
}	
.WebAppTabNavigator.ui-tabs > ul > li{
	width: 100%;
	border-bottom-width: 1px;
}
.WebAppTabNavigator.ui-tabs > ul > li, .WebAppTabNavigator.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding: var(--padding-small) 0;
}
.accordionParent .ui-tabs > ul > li, .accordionParent .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding: 0;
}

/*Navigation button*/
.WebAppTabNavigator > ul > li > a{
	width: 100%;
	text-align: left;
	background: var(--bg-light);
}

/* Favicon-Button + Wortumbruch */
.WebAppTabNavigator > ul > li > a > .WebAppTabNavigator-fav, .WebAppTabNavigator.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	width: 100%;
}
.WebAppTabNavigator.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding-right: 1.5em;
}
.WebAppTabNavigator > ul > li > a > .WebAppTabNavigator-fav img, .WebAppTabNavigator.ui-tabs .ui-tabs-nav .ui-tabs-anchor > img {
	width: 24px;
}
.WebAppTabNavigator > ul > li > a > .WebAppTabNavigator-fav span, .WebAppTabNavigator.ui-tabs .ui-tabs-nav .ui-tabs-anchor > span {
	white-space: collapse;
	word-break: break-word;
}

.WebAppTabNavigator > ul > li > a span {
	margin-left: var(--margin-small);
	padding-left: 0;
}
.WebAppTabNavigator > ul > li > span{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.WebAppTabNavigator > ul > li:nth-child(3) {
	border-bottom: double var(--default-color) 0px;
}
.WebAppTabNavigator > ul > li.ui-state-default, .WebAppTabNavigator.ui-widget-content > ul > li.ui-state-default, .WebAppTabNavigator > ul.ui-widget-header > li.ui-state-default {
	border: none;
	background: transparent;
	border-left: solid transparent 3px;
}


/* TAB REGISTER 
------------------------------------------------- */
.Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin: 0;
	background-color: var(--bg-light-grey);
	border: 1px solid var(--border-soft-grey);
	border-bottom-width: 0;
	padding: 5px 5px 0;
}
.Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li:not(:first-of-type) {
	margin-left: -1px;
}
.Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li a.ui-tabs-anchor {
	font-weight: var(--font-weight-400);
	color: var(--font-color-muted);
}
.Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li span {
	border-radius: 100%;
	cursor: pointer;
}
.Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li:not(.ui-state-active):hover, .Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li.ui-state-hover:not(.ui-state-active), .Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li:not(.ui-state-active):focus, .Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li.ui-state-focus:not(.ui-state-active) {
	background-color: var(--bg-highlight);
	border: 1px solid var(--border-soft-grey);
	border-bottom-width: 0;
}
.Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li:hover a, .Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li.ui-state-hover a, .Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li:focus a, .Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li.ui-state-focus a {	
	color: inherit;
}
.Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li:active, .Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li.ui-state-active {
	background-color: var(--bg-dark);
	border-color: var(--border-dark);
}
.Bp_tabs_register.ui-tabs > ul.ui-tabs-nav li.ui-state-active a {
	color: var(--bg-light);
}
.Bp_tabs_register.ui-tabs > .ui-tabs-nav .ui-tabs-anchor {
	padding: .5em .2em .5em 1em;
}

/* Tab Content */
.ui-tabs.ui-widget-content {
	border: none;
}
.BpWebApp.ui-tabs-panel {
	border: none;
	padding: 0 var(--padding-medium);
}

/* CARDS
-------------------------------------------------- */
.WebAppTabNavigator > .ui-tabs-panel.BpWebApp_Container_TabNavigator_Content, .ui-dialog-content .several-templates .WebAppTabNavigator, .metadata .metadata-grid {
	padding: 0;
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--gap-medium) 1fr var(--gap-medium) 1fr var(--gap-medium) 1fr;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(auto-fill, minmax(200px, -webkit-max-content));
	grid-template-rows: repeat(auto-fill, minmax(200px, max-content));
	grid-auto-rows: auto;
	grid-column-gap: var(--gap-medium);
	grid-row-gap: var(--gap-medium);
}
.metadata-grid .BpWebApp_Container_VBox, .metadata-grid .BpWebApp_Container_VBox_Content, .ui-dialog-content .several-templates .WebAppTabNavigator .BpWebApp_Container_HBox, .ui-dialog-content .several-templates .WebAppTabNavigator .BpWebApp_Container_HBox_Content {
	height: 100%;
}
.metadata {
	display: grid;
	grid-column: 1 / span 4;
	grid-template-rows: max-content;
	height: max-content;
}
.metadata > div > div, .ui-dialog-content .several-templates .WebAppTabNavigator .BpWebApp_Container_HBox, .ui-dialog-content .several-templates .WebAppTabNavigator .BpWebApp_Container_HBox_Content {
	width: 100%;
}
.BpWebApp_Container_TabNavigator_Content > .BpWebApp_Container_HBox_Content > .BpWebApp_Button, .several-templates .WebAppTabNavigator .BpWebApp_Container_HBox_Content > .BpWebApp_Button, .metadata .metadata-grid .BpWebApp_Button {
	width: 100%;
	height: 100%;
	/*min-width: 200px;*/
	min-height: 200px;
	padding: var(--padding-medium);
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	background-color: var(--bg-white);
	border: solid 1px var(--box-shadow);
	box-shadow: 0 0 8px 2px var(--box-shadow);
	-webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
	transition: .3s ease-out;
	position: relative;
}
.several-templates .WebAppTabNavigator .BpWebApp_Container_HBox_Content > .BpWebApp_Button {
	padding: 0;
}
.BpWebApp_Container_TabNavigator_Content > .BpWebApp_Container_HBox_Content > .BpWebApp_Button p, .several-templates .WebAppTabNavigator .BpWebApp_Container_HBox_Content > .BpWebApp_Button p, .metadata .metadata-grid .BpWebApp_Button p {
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: var(--margin);
	font-size: var(--h4);
	line-height: var(--line-height-h4);
	word-break: break-all;
}
.BpWebApp_Container_TabNavigator_Content > .BpWebApp_Container_HBox_Content > .BpWebApp_Button:hover, .several-templates .WebAppTabNavigator .BpWebApp_Container_HBox_Content > .BpWebApp_Button:hover, .BpWebApp_Container_TabNavigator_Content > .BpWebApp_Container_HBox_Content > .BpWebApp_Button:focus, .several-templates .WebAppTabNavigator .BpWebApp_Container_HBox_Content > .BpWebApp_Button:focus, .BpWebApp_Container_TabNavigator_Content > .BpWebApp_Container_HBox_Content > .BpWebApp_Button:active, .several-templates .WebAppTabNavigator .BpWebApp_Container_HBox_Content > .BpWebApp_Button:active {
	box-shadow: 0 0 8px 3px var(--box-shadow-hover);
}
.WebAppTabNavigatorButton {
	width: 100%;
	text-align: center;
}
.WebAppTabNavigatorButton img {
	width: 80px;
	height: 80px;
	padding: 0 !important;
	transition: transform .3s;
}
.WebAppTabNavigatorButton p {
	text-align: center;
	margin-block-end: 0;
	margin-bottom: 0;
}
.BpWebApp_Container_TabNavigator_Content > .BpWebApp_Container_HBox_Content > .BpWebApp_Button:hover img, .vorlage_foto:hover img, .vorlage_icon:hover img, .WebAppTabNavigator .BpWebApp_Button:hover img {
	transform: scale(1.05);
}

/* cards custom VA-Vorlagen */
.vorlage_foto div.vorlage_foto_icon-img, .vorlage_icon div.vorlage_foto_icon-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.vorlage_foto div.vorlage_foto_icon-img + div, .vorlage_icon div.vorlage_foto_icon-img + div, .several-templates .WebAppTabNavigatorButton {
	margin: var(--margin-medium);
}

/* ------- vorlage_foto ------ */
.vorlage_foto {
	width: 100%;
}
.vorlage_foto div.vorlage_foto_icon-img {
	overflow: hidden;	
	height: 150px;
}	
.vorlage_foto img {
	width: 100%;
	object-fit: cover;
	padding: 0 !important;
	transition: transform .3s;
}
.vorlage_foto div p {
	text-align: center;
	margin-bottom: var(--margin);
}

/* ------- vorlage_icon ------ */
.vorlage_icon {
	margin: -1.875rem 0;
	width: 100%;
}
.vorlage_icon div.vorlage_foto_icon-img {
	padding-top: var(--padding-medium);
	height: auto;
}	
.vorlage_icon img {
	width: 80px;
	padding: 0 !important;
	transition: transform .3s;
}
.vorlage_icon div p {
	text-align: center;
	margin-bottom: var(--margin);
}


/* SUCHE 
---------------------------------------------- */
.bp-search .button-default {
	margin-top: 5px;
	margin-left: var(--margin-small);
}
.bp-search > div > div + div.margin-top-large {
	margin-top: var(--margin);
}


/* DIALOG
------------------------------------------------- */
.ui-dialog .h1 {
	font-size: var(--h2);
	line-height: var(--line-height-h2);
}
.ui-dialog .BpWebApp_Table .ui-jqgrid .ui-jqgrid-htable, .ui-dialog .BpWebApp_Table .ui-jqgrid .ui-jqgrid-btable {
	width: 90vw !important;
}
.ui-dialog input:not([type="checkbox"]):not([type="radio"]), .ui-dialog textarea {
	width: 100%;
	max-width: 600px;
}
.ui-dialog .mitteilung-inhalt .display-flex .input-required-fail-icon-ubo + div {
	width: 100%;
}
.ui-menu .ui-menu-item > a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
	align-items: center;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-weight: var(--font-weight-500);
}


/* TABELLE */
/* Tabellen Adresse suchen und VA suchen */
.ui-jqgrid-jquery-ui.ui-widget.ui-widget-content.ui-corner-all.ui-jqgrid, .webAppTabelleAdresse {
	width: auto !important;
}
.customPic1, table img {
	cursor: pointer;
}
.webAppTabelleAdresse table img[src*="tree/adresse"], .webAppTabelleAdresse table img[src*="tree/ansprechpartner"] {
	cursor: default;
}
/* Table VA anlegen > Artikelauswahl */
.WebAppTabelleSummary .ui-jqgrid tr.jqgrow > td:not(.Ueberschrift):not(.BpWebApp_Table_ReadOnly_Cell), .WebAppTabelleSummary .ui-jqgrid tr.jqgroup > td {
	padding: 0 0.563rem;
}
.WebAppTabelleSummary .ui-jqgrid tr.jqgrow > td.BpWebApp_Table_Edit_Cell, .WebAppTabelleSummary .ui-jqgrid tr.jqgroup > td.BpWebApp_Table_Edit_Cell {
	padding-left: 0.563rem;
}
/* Ende: Table VA anlegen > Artikelauswahl --- */
.ui-jqgrid tbody tr td img[src$="datenblatt_16.png"], .ui-jqgrid tbody tr td img[src$="info_16.png"] {
	cursor: pointer;
}


/* IC
------------------------------------------------- */
.fc-toolbar {
	margin-top: var(--margin-medium);
	margin-bottom: var(--margin-small);
}
.fc-left, .fc-right {
	display: none;
}
.fc-toolbar .fc-center {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	text-align: right;
}
.BpWebApp_IC_Legend {
	margin-top: 0;
	margin-bottom: var(--margin);
}
.BpWebApp_IC_Legend_Entry {
	font-size: var(--font-size-small);
	line-height: var(--line-height-small);
	color: var(--font-color-muted);
}
.BpWebApp_IC_Legend_Entry {
	padding-left: 0.313rem;
	margin: 0 var(--margin-small) 0 var(--margin-small);
}
.BpWebApp_IC_Legend_Entry:first-of-type {
	margin-left: 0;
}
.BpWebApp_IC_Event_List_Head {
	background-color: var(--bg-light);
}
.BpWebApp_IC_Day_Sunday, .BpWebApp_IC_Day_Saturday {
	font-weight: var(--font-weight-300);
}
.BpWebApp_IC_Day_Monday, .BpWebApp_IC_Day_Tuesday, .BpWebApp_IC_Day_Wednesday, .BpWebApp_IC_Day_Thursday, .BpWebApp_IC_Day_Friday {
	font-weight: var(--font-weight-300);
}
.BpWebApp_IC_View_monthfit .BpWebApp_IC_Day_highlight, .fc-unthemed .fc-today {
	background: #e7e7e7;
}
.fc-content-skeleton thead tr td.fc-state-highlight {
	font-weight: var(--font-weight-500);
}
.BpWebApp_IC_Day_Today {
	font-weight: var(--font-weight-500);	
}
.BpWebApp_IC_View_monthfit a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.BpWebApp_IC_Cal_Entry {  
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
} 
ul.ui-widget.ui-widget-content li:hover.ui-menu-item {
	background: var(--bg-highlight);
}
.ui-menu .ui-menu-item.ui-state-focus:not(:first-of-type) {
	border-top-color: transparent;
}
.ui-menu .ui-menu-item.ui-state-focus:not(:last-of-type) {
	border-bottom-color: transparent;
}
.BpWebApp_Menu_Item > a > image {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: flex;
}
.buttonTagMonaten > button {
	padding-left: 0;
	padding-right: 0;
} 
.ic-sicht button {
	min-height: 38px;
	margin: 5px 0;
}
.ic-sicht button span {
	padding-right: 5px;
}
.ic-sicht button img {
	padding-left: 0;
	margin-left: -3px;
}
.datum-label {
	padding-left: 27px;
}
.BpWebApp_IC_View_monthfit .BpWebApp_IC_Day_highlight, .fc-unthemed .fc-today {
	background: var(--bg-highlight);
}
.fc-content-skeleton thead tr td.fc-state-highlight {
	color: var(--font-color-colored);
	font-weight: bold;
	font-weight: var(--font-weight-500);
}


/* RAUMPLAN
--------------------------------------------------------- */
.vertical-align-baseline .BpWebApp_Container_HBox_Content {
	vertical-align: baseline;
}
.margin-v-remove label {
	margin-top: 0;
	margin-bottom: 0;
}
 input.input-width-needed:not([type='checkbox']):not([type='radio']) {
	 min-width: auto;
	 width: auto;
}
.customRoomSchedule .ui-widget-content {
	border: none;
}

/*RaumplanTable*/
.customRoomSchedule .ui-state-default, .ui-widget-content .customRoomSchedule .ui-state-default {
	border-color: var(--border-soft-grey);
	background: transparent;
}
.customRoomSchedule .ui-jqgrid table.ui-jqgrid-btable {
	margin-bottom: var(--margin-small);
}
.BpWebApp_RoomSchedule_Event {
	border: 1px solid var(--border-dark-grey);
	padding: 0.313rem;
}
.customRoomSchedule .pq-grid-row  {
	height: 100%;
}
.customRoomSchedule .pq-grid-cell {
	height: 100%;
}
.customRoomSchedule .ui-jqgrid tbody tr:nth-of-type(even) {
	background: inherit;
}
.customRoomSchedule .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr.ui-state-hover td, .customRoomSchedule .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr.ui-widget-content.ui-state-hover td, .customRoomSchedule .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr.ui-state-focus td, .customRoomSchedule .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr.ui-widget-content.ui-state-focus td, .customRoomSchedule .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr.ui-state-hover td > div, .customRoomSchedule .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr.ui-widget-content.ui-state-hover td > div, .customRoomSchedule .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr.ui-state-focus td > div, .customRoomSchedule .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr.ui-widget-content.ui-state-focus td > div {
	background-color: var(--bg-highlight) !important;
}

.customRoomSchedule .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr > div {
	padding-left: var(--padding-small);
}

.customRoomSchedule .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {
	border-right: 1px solid var(--border-soft-grey);
}
.customRoomSchedule .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td:last-of-type {
	border-right: none;
}
.customRoomSchedule .ui-jqgrid tr.jqgrow > td, .ui-jqgrid tr.jqgroup > td, .ui-jqgrid tr.jqfoot > td {
	padding-left: var(--padding-small);
}
.customRoomSchedule .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
	border: none;
}
td div.pq-td-div {
	height: 100%;
	padding: 0;
}
.BpWebApp_RoomSchedule_Event {
	width: auto;
}
table.pq-grid-td-border-bottom td.pq-grid-cell {
	padding: 2px;
}
.BpWebApp_RoomSchedule_EventCell .BpWebApp_RoomSchedule_Event {
	height: auto;
}
.ui-state-highlight > .td_cbox {
	box-shadow: inset -4px 0px 0px 0px var(--link-color);
}


/* ADRESSE 
-------------------------------------------- */
.adresse-anlegen .BpWebApp_Container_HBox > .BpWebApp_Container_HBox_Content:first-of-type {
	margin-right: var(--margin-medium);
}
.adresse-asp-plus {
	
}
.adresse-kontext > .BpWebApp_Container_VBox_Content:first-of-type {
	margin-top: 7px;
}
.adresse-kontext > .BpWebApp_Container_VBox_Content + .BpWebApp_Container_VBox_Content {
	margin-left: 5px;
}
.adresse-kontext > .BpWebApp_Container_VBox_Content + .BpWebApp_Container_VBox_Content button {
	height: 38px;
	width: 38px;
}
.BpWebApp_Button_With_Separator_Container:hover, .BpWebApp_Buttons_24:hover {
	background-color: transparent !important;
}
.BpWebApp_Buttons_24:hover {
	background-position: 0 0;
}


/* VERANSTALTUNG
--------------------------------------------------------- */
/* VA anlegen Akkordion */
.ui-accordion .ui-accordion-content {
	scrollbar-width: thin;
}
h3.ui-accordion-header.XneuVaAkkordionArtikelauswahl > span:not(.ui-accordion-header-icon) {
	display: inline-block;
	width: 100%;
}
h3.ui-accordion-header.XneuVaAkkordionArtikelauswahl > span:not(.ui-accordion-header-icon) > img {
	float: right;
}

/* VA anlegen Dialog Adresssuche */
#AdresseSuche.ui-dialog-content {
	background-color: #fbfbfb;
}
#AdresseSuche .bp-search > div:first-of-type {
	position: sticky;
	top: -10px;
	z-index: 300;
	background-color: #fbfbfb;
	padding-bottom: var(--padding-small);
}

/* DISPLAY */
.th-display-none .ui-widget-header {
	display: none;
}


/* ##########################################
#############################################
MOBILE STYLE
breakpoint tablet 860px
breakpoint smartphone 460px */

/* BURGER MENU
------------------------------------------*/
.WebAppTabNavigatorController {
  /*position: fixed;
  top: 0px;
  right: 0px;*/
  z-index: 20;
  margin-right: 5px;	
}

/* Menü @desktop
------------------------------------------*/
.WebAppTabNavigator_Close,
.WebAppTabNavigator_User,
.WebAppTabNavigator_Logout{
	display: none;
}

/* smartphone and tablet portrait 
-------------------------------------------- */
@media screen and (max-width: 860px) {
	/* Tab Content */
	.BpWebApp.ui-tabs-panel {
		padding: 0;
	}
	/* NAVIGATION
	----------------------------------------------*/
	.Navigationsleiste {
		top: 15px;
		right: 20px;
	}
	.Navigationsleiste div:not(.WebAppTabNavigatorController) {
		display: none;
	}
  .WebAppTabNavigator {
    top: 0px !important;
    position: relative !important;
    float: left !important;
    height: 100% !important;
    left: auto !important;
    min-width: 100%;
	max-width: 100%;
    padding: 0px;
    padding-top: 56px;
    border: 0px;
  }
  .WebAppTabNavigator > ul.ui-tabs-nav {
    margin-bottom: 0px;
	padding: 15px;
  }
  .WebAppTabNavigator > ul {
    background: #fbfbfb !important;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0;
    margin: 0;
    padding: 0;
  }
  .WebAppTabNavigator > .ui-tabs-nav li {
    width: 100%;
    margin: 0;
  }
  .WebAppTabNavigator > ul > li > a {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
  }
  .WebAppTabNavigator > ul > li > .ui-icon-close {
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
  }
  .WebAppTabNavigator > ul > li > a > div > span {
    max-width: 400px;
  }
  .WebAppTabNavigator > ul {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
    -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
    -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
    transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
    -webkit-overflow-scrolling: touch;
    box-shadow: none;
    height: auto;
    max-width: 100%;
    overflow-y: auto;
    padding: 1rem;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    width: auto;
  }
  .WebAppTabNavigator > ul.is-menu-visible {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
    visibility: visible;
	z-index: 999;
	min-width: 50%;
	width: 100%;
  }
	
/* Menü @media screen
------------------------------------------*/
	.WebAppTabNavigator_Close,
	.WebAppTabNavigator_User,
	.WebAppTabNavigator_Logout{
		display: block;
	}		
	.is-menu-visible .WebAppTabNavigator_Close{
		z-index: 999;
		position: absolute;
		right: 15px;
		top: 20px;
		width: 24px;
		height: 24px;
		content: "";
		background-image: url(../../bpWebApp/images/tree/Abbrechen_Overlay_24.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	.WebAppTabNavigator > ul > li:first-child{
		margin-top: 40px !important;
	}
	.WebAppTabNavigator_User{
		position: absolute;
		top: 20px;
		width: 100%;
		text-align: left;
		padding-right: 20px;
	}/*
	.WebAppTabNavigator_Logout{
		position: absolute;
		bottom: 15px;
		margin-left: 50%;
		transform: translateX(-55%);
		min-width: 150px;
    	width: 100%;
    	max-width: 200px;
   		min-height: 40px;
		background-color: #373e3f;
		border-color: #373e3f;
		color: #fbfbfb;
	}*/
	.WebAppTabNavigator_Logout{
		position: absolute;
		bottom: 15px;
		margin-right: 15px;
		min-width: 150px;
    	width: 100%;
		max-width: 200px;
    	max-width: -moz-available; /* mozilla */
		max-width: -webkit-fill-available; /* chrome */
		max-width: stretch;
   		min-height: 40px;
		background-color: #373e3f;
		border-color: #373e3f;
		color: #fbfbfb;
	}
	.WebAppTabNavigator_Logout{
		background-color: var(--btn-primary-bg);
		border-color: var(--btn-primary-border-color);
	}
	
	/* SPACINGS
	--------------------------------------------------*/
	.margin-top-m {
		margin-top: var(--margin);
	}
	
	.margin-bottom-medium-m {
		margin-bottom: var(--margin-medium);
	}
	
	/* TABLE
	-------------------------------------------------- */
	.BpWebApp_Table.customTable {
		width: 100% !important;
		max-width: 100% !important;
	}
	.BpWebApp_Table.customTable.ui-jqgrid > .ui-jqgrid-view *:before,
	.ui-jqgrid > .ui-jqgrid-view *:after {
		-webkit-box-sizing: inherit;
		-moz-box-sizing: inherit;
		box-sizing: inherit;
	} 
	
	/* CARDS
	-------------------------------------------------- */
	.WebAppTabNavigator > .ui-tabs-panel.BpWebApp_Container_TabNavigator_Content, .ui-dialog-content .several-templates .WebAppTabNavigator, .metadata .metadata-grid {
		-ms-grid-columns: 1fr var(--gap) 1fr;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: var(--gap);
	}
	.metadata {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / span 2;
	}
	
	/* Raeume oeffnen - Datum
	-------------------------------------------------- */
	.webAppV2-datum-button > .margin-right:first-of-type {
		margin-left: -7px;
	}
}


/* SMARTPHONE and smaller Screens 
-------------------------------------------- */
@media screen and (max-width: 480px) {
	html {
		padding-bottom: var(--padding-small);
	}
	/* NAVIGATION
	----------------------------------------------*/
	.Navigationsleiste {
		right: 0;
		top: 0;
	}
	.Navigationsleiste > div:not(.WebAppTabNavigatorController) {
		display: none;
	}
	#logo {
		height: auto;
	}
	body center > img {
		width: 150px;
	}
	input:not([type="checkbox"]):not([type="radio"]).customInputType {
		width: 185px;
	}
	 input.input-width-needed:not([type='checkbox']):not([type='radio']) {
		 min-width: 100%;
		 width: 100%;
	}
	
	/* spacings */
	.margin-h-remove-sm {
		margin-left: 0;
		margin-right: 0;
	}
	
	/* width */
	.width-1-1-sm {
		width: 100%;
	}
	
	.BpWebApp_Text {
		white-space: normal;
	}
	
	/* bei div.BpWebApp_Table.WebApp_V2-Tabelle_Feld setzen */
	.scrollable-table {
		width: 100% !important;
		overflow: scroll;
	}
	
	/* CARDS
	-------------------------------------------------- */
	.WebAppTabNavigator > .ui-tabs-panel.BpWebApp_Container_TabNavigator_Content, .ui-dialog-content .several-templates .WebAppTabNavigator, .metadata .metadata-grid{
		-ms-grid-columns: 1fr;
		grid-template-columns: auto;
		grid-column-gap: var(--gap-small);
		grid-row-gap: var(--gap-small);
	}
	.metadata {
		-ms-grid-column: 1;
		grid-column: 1;
	}
	
	/* INPUT
	-------------------------------------------------- */
	input:not([type="checkbox"]):not([type="radio"]), textarea {
		min-width: 100%;
		width: 100%;
	}
	.BpWebApp_Container_HBox.input-button {
		display: -webkit-inline-box;
    	display: -ms-inline-flexbox;
    	display: inline-flex;
		align-items: end;
	}
	.BpWebApp_Container_HBox.input-button .BpWebApp_Container_HBox_Content input {
		min-width: 97%;
		width: 97%;
	}
	
	/* BUTTONS
	-------------------------------------------------- */
	.button-default {
		margin: var(--margin-small) 0 0;
	}
	.button-default button {
		min-width: 100%;
	}
	.button-default:first-of-type {
		margin-top: var(--margin);
	}
	.BpWebApp_Field_Boolean .BpWebApp_Field_Label {
		width: auto;			
    }
	
	/* IC
	--------------------------------------------*/
	.bp-cal-header div.margin-right {
		display: block;
	}
	.BpWebApp_IC_MonthDetails .BpWebApp_IC_Cal_Entry {
		word-break: break-word;
	}
	
	/* Mehrere VA-Vorlagen */
	.several-templates {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	/* ADRESSE 
	-------------------------------------------- */
	.adresse-anlegen .BpWebApp_Container_HBox > .BpWebApp_Container_HBox_Content:first-of-type {
		margin-right: 0;
	}
	.adresse-anlegen .BpWebApp_Container_HBox > .BpWebApp_Container_HBox_Content {
		width: 100%;
	}
	.adresse-asp-plus .margin-right-medium {
		margin-right: 0;
	}
	
	/* VA ANLEGEN 
	-------------------------------------------- */
	/* Accordion */
	.accordionParent.BpWebApp_Container_Accordion_Compact_Header_Active .ui-accordion {
		margin-bottom: var(--margin-small);
	}
}


/* /* ##########################################
#############################################
PRINT STYLE */
@media print {
	/* -VA_Neuanlage
	-------------------------------------------- */
	.XneuVaSendenButtonDrucken, .XneuVaSendenButtonNeuVA {
		display: none;
	}
}



/* LIS 
------------------------------------------------------- */
/*
.WebAppTabButtonDialogV2{
  padding-right: 1.875rem;
  padding-left: 0px;
  margin-top: 1.875rem;
}*/

/*
.BpWebApp_Container_VBox_Content.VaAnfragen{
padding-left: 53px !important;	
}*/