/*! jQuery UI - v1.11.4 - 2015-06-25
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Microsoft%20Sans%20Serif%2C%20Lucida%20Grande&fwDefault=normal&fsDefault=&cornerRadius=0px&bgColorHeader=%23cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=0&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=0&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23ffffff&bgTextureDefault=glass&bgImgOpacityDefault=0&borderColorDefault=%23a0a0a0&fcDefault=%23000000&iconColorDefault=%23000000&bgColorHover=%23dadada&bgTextureHover=glass&bgImgOpacityHover=0&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23212121&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=0&borderColorActive=%23212121&fcActive=%23212121&iconColorActive=%23212121&bgColorHighlight=%23dadada&bgTextureHighlight=glass&bgImgOpacityHighlight=0&borderColorHighlight=%23212121&fcHighlight=%23212121&iconColorHighlight=%23212121&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=0&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

@import "fonts.css";
@import "print.css";

:root {
	font-size: 16px;
	line-height: 24px;
	
	/* color */
	--bg-light: #fbfbfb;
	--bg-dark: #373e3f;
	--bg-white: #ffffff;
	--bg-primary: #f07e26;
	--bg-highlight: #fce5d4;
	--bg-light-grey: #eff0f0;
	--bg-dark-grey: #5f6565;
	--font-color-default: #373e3f;
	--font-color-light: #fbfbfb;
	--font-color-muted: #5f6565;
	--font-color-fail: #c50d00;
	--font-color-ok: #059b00;
	--font-color-colored: #eb7921;
	--default-color: #373e3f;
	--primary-color: #f07e26;
	--box-shadow: #e7e7e7;
	--box-shadow-hover: #d9d9d9;
	--box-shadow-dark: #5f6565;
	--form-border-color: #c3c3c3;
	--form-border-color-fail: #c50d00;
	--form-border-color-focus: #5f6565;
	--form-bg-disabled: #eff0f0;
	
	/* border */
	--border-light: #fbfbfb;
	--border-dark: #373e3f;
	--border-soft-grey: #c3c3c3;
	--border-light-grey: #eff0f0;
	--border-dark-grey: #5f6565;
	--border-primary: #f07e26;
	--border-primary-hover: #ec7010;
	--border-primary-focus: #ec7010;
	--border-primary-active: #d4650f;
	
	/* spacing */
	--padding: 1rem; /* 16px */
	--padding-xsmall: 0.5rem; /* 8px */
	--padding-small: 0.625rem; /* 10px */
	--padding-medium: 1.875rem; /* 30px */
	--padding-large: 3.125rem; /* 50px */
	--padding-xlarge: 5rem; /* 80px */
	--padding-remove: 0 !important;
	--margin: 1rem;
	--margin-xsmall: 0.5rem;
	--margin-small: 0.625rem;
	--margin-medium: 1.875rem;	
	--margin-large: 3.125rem;
	--margin-xlarge: 5rem;
	--margin-remove: 0 !important;
	--gap: 1rem; /* 16px */
	--gap-small: 0.625rem;
	--gap-medium: 1.875rem;
	
	/* font */
	--font-size-default: 1rem;
	--font-size-small: 0.875rem;
	--font-size-large: 1.25rem;
	--h1: 2.625rem;
	--h2: 2rem;
	--h3: 1.5rem;
	--h4: 1.25rem;
	--line-height-default: 1.5;
	--line-height-small: 1.5;
	--line-height-large: 1.5;
	--line-height-h1: 1.2;
	--line-height-h2: 1.3;
	--line-height-h3: 1.4;
	--line-height-h4: 1.4;	
	--font-weight-300: 300;
	--font-weight-400: 400;
	--font-weight-500: 500;
	
	/* links */
	--link: #eb7921;
	--link-hover: #ec7010;
	--link-focus: #ec7010;
	--link-active: #d4650f;
	
	/* buttons */
	--btn-default-font-color: #5f6565;
	--btn-default-bg: #fbfbfb;
	--btn-default-border-color: #5f6565;
	--btn-default-font-color-hover: #373e3f;
	--btn-default-bg-hover: #fbfbfb;
	--btn-default-border-color-hover: #373e3f;
	--btn-default-font-color-focus: #373e3f;
	--btn-default-bg-focus: #fbfbfb;
	--btn-default-border-color-focus: #373e3f;	
	--btn-default-font-color-active: #373e3f;
	--btn-default-bg-active: #fbfbfb;
	--btn-default-border-color-active: #373e3f;	
	--btn-primary-font-color: #fbfbfb;
	--btn-primary-bg: #f07e26;
	--btn-primary-border-color: #f07e26;
	--btn-primary-font-color-hover: #fbfbfb;
	--btn-primary-bg-hover: #ec7010;
	--btn-primary-border-color-hover: #ec7010;
	--btn-primary-font-color-focus: #fbfbfb;
	--btn-primary-bg-focus: #ec7010;
	--btn-primary-border-color-focus: #ec7010;
	--btn-primary-font-color-active: #fbfbfb;
	--btn-primary-bg-active: #d4650f;
	--btn-primary-border-color-active: #d4650f;
	--btn-secondary-font-color: #eb7921;
	--btn-secondary-bg: #fbfbfb;
	--btn-secondary-border-color: #eb7921;
	--btn-secondary-font-color-hover: #fbfbfb;
	--btn-secondary-bg-hover: #ec7010;
	--btn-secondary-border-color-hover: #ec7010;
	--btn-secondary-font-color-focus: #fbfbfb;
	--btn-secondary-bg-focus: #ec7010;
	--btn-secondary-border-color-focus: #ec7010;
	--btn-secondary-font-color-active: #fbfbfb;
	--btn-secondary-bg-active: #d4650f;
	--btn-secondary-border-color-active: #d4650f;
	--btn-link-font-color: #eb7921;
	--btn-link-bg: transparent;
	--btn-link-border-color: transparent;
	--btn-link-font-color-hover: #ec7010;
	--btn-link-bg-hover: transparent;
	--btn-link-border-color-hover: transparent;
	--btn-link-font-color-focus: #ec7010;
	--btn-link-bg-focus: transparent;
	--btn-link-border-color-focus: transparent;
	--btn-link-font-color-active: #d4650f;
	--btn-link-bg-active: transparent;
	--btn-link-border-color-active: transparent;
	
	/* states */
	--hover: #ec7010;
	--focus: #ec7010;
	--active: #d4650f;
	--disabled: .5;
}
/* ###################### */
button.BpWebApp_Buttons_WithText_32:focus {
	border-width: 1px;
	border-style: solid;
}
button:focus, .ui-menu li:hover, .ui-menu li:focus {
	background-color: var(--bg-highlight);
	border-color: var(--border-dark);
}
:not(.ui-tabs-nav > li):not(.ui-accordion-header):not(.ui-menu li:hover).ui-state-focus, .ui-widget-content :not(.ui-tabs-nav > li):not(.ui-accordion-header):not(.ui-menu li:hover).ui-state-focus, *:not(.ui-tabs-nav > li):not(.ui-accordion-header):focus, .ui-combobox > input:focus {
	border-color: var(--border-dark) !important;
}
input.BpWebApp_Field_Required:focus, textarea.BpWebApp_Field_Required:focus input.input-required-fail:focus, textarea.input-required-fail:focus {
	border-color: var(--form-border-color-fail) !important;
}

input[type="checkbox"]:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles):focus + label::before, input[type="radio"]:not(.BpWebApp_Field_RadioAsButton):focus + label::before {
	border-color: var(--border-dark);
}
input[type="checkbox"]:checked:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles):focus + label::before, input[type="checkbox"]:indeterminate:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles):focus + label::before, input[type="radio"]:checked:not(.BpWebApp_Field_RadioAsButton):focus + label::before {
	border-color: var(--form-border-color-focus);
}

/* three state Checkbox + Icon hinzufügen */
input[type="checkbox"]:indeterminate:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles) + label::before {
	border-color: var(--primary-color);
	content: url(images/bp-checkbox-indeterminate.png);
	padding-top: 2px;
}


/* Unterschriftenfeld -> border-color anpassen var(--form-border-color), :focus var(--form-border-color-focus) */

/* picture hinzufügen */
.BpWebApp_Picture_Div {
	border-color: var(--form-border-color);
}
.BpWebApp_Picture_Div:focus {
	border-color: var(--form-border-color-focus);
}


/* ###################### */
body {
	background-color: var(--bg-light);
	margin: 0;
	padding: var(--padding-medium) var(--padding-large) var(--padding-large);
}

* {
	font-family: "Roboto", Arial, sans-serif;
	font-size: var(--font-size-default);
	line-height: var(--line-height-default);
	color: var(--font-color-default);
	font-weight: var(--font-weight-300);
	text-align: left;
	box-sizing: border-box;
}

.rtl {
	direction: rtl;
}

/* HBOX 
----------------------------------------------- */
.BpWebApp_Container_HBox_Content {
	vertical-align: top;
}


/* WIDTH 
------------------------------------------------*/
.width-1-1 {
	width: 100%;
}


/* SPACINGS 
------------------------------------------------*/
/* margin */
.margin-xsmall {
	margin: var(--margin-xsmall);
}
.margin-small {
	margin: var(--margin-small);
}
.margin {
	margin: var(--margin);
}
.margin-medium {
	margin: var(--margin-medium);
}
.margin-large {
	margin: var(--margin-large);
}
.margin-Xlarge {
	margin: var(--margin-xlarge);
}
.margin-remove {
	margin: 0 !important;
}

.margin-top-xsmall {
	margin-top: var(--margin-xsmall);
}
.margin-top-small {
	margin-top: var(--margin-small);
}
.margin-top {
	margin-top: var(--margin);
}
.margin-top-medium {
	margin-top: var(--margin-medium);
}
.margin-top-large {
	margin-top: var(--margin-large);
}
.margin-top-Xlarge {
	margin-top: var(--margin-xlarge);
}
.margin-top-remove {
	margin-top: 0 !important;
}

.margin-right-xsmall {
	margin-right: var(--margin-xsmall);
}
.margin-right-small {
	margin-right: var(--margin-small);
}
.margin-right {
	margin-right: var(--margin);
}
.margin-right-medium {
	margin-right: var(--margin-medium);
}
.margin-right-large {
	margin-right: var(--margin-large);
}
.margin-right-Xlarge {
	margin-right: var(--margin-xlarge);
}
.margin-right-remove {
	margin-right: 0 !important;
}

.margin-bottom-xsmall {
	margin-bottom: var(--margin-xsmall);
}
.margin-bottom-small {
	margin-bottom: var(--margin-small);
}
.margin-bottom {
	margin-bottom: var(--margin);
}
.margin-bottom-medium {
	margin-bottom: var(--margin-medium);
}
.margin-bottom-large {
	margin-bottom: var(--margin-large);
}
.margin-bottom-Xlarge {
	margin-bottom: var(--margin-xlarge);
}
.margin-bottom-remove {
	margin-bottom: 0 !important;
}

.margin-left-xsmall {
	margin-left: var(--margin-xsmall);
}
.margin-left-small {
	margin-left: var(--margin-small);
}
.margin-left {
	margin-left: var(--margin);
}
.margin-left-medium {
	margin-left: var(--margin-medium);
}
.margin-left-large {
	margin-left: var(--margin-large);
}
.margin-left-Xlarge {
	margin-left: var(--margin-xlarge);
}
.margin-left-remove {
	margin-left: 0;
}

.margin-v-xsmall {
	margin-top: var(--margin-xsmall);
	margin-bottom: var(--margin-xsmall);
}
.margin-v-small {
	margin-top: var(--margin-small);
	margin-bottom: var(--margin-small);
}
.margin-v {
	margin-top: var(--margin);
	margin-bottom: var(--margin);
}
.margin-v-medium {
	margin-top: var(--margin-medium);
	margin-bottom: var(--margin-medium);
}
.margin-v-large {
	margin-top: var(--margin-large);
	margin-bottom: var(--margin-large);
}
.margin-v-Xlarge {
	margin-top: var(--margin-xlarge);
	margin-bottom: var(--margin-xlarge);
}
.margin-v-remove {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.margin-h-xsmall {
	margin-right: var(--margin-xsmall);
	margin-left: var(--margin-xsmall);
}
.margin-h-small {
	margin-right: var(--margin-small);
	margin-left: var(--margin-small);
}
.margin-h {
	margin-right: var(--margin);
	margin-left: var(--margin);
}
.margin-h-medium {
	margin-right: var(--margin-medium);
	margin-left: var(--margin-medium);
}
.margin-h-large {
	margin-right: var(--margin-large);
	margin-left: var(--margin-large);
}
.margin-h-Xlarge {
	margin-right: var(--margin-xlarge);
	margin-left: var(--margin-xlarge);
}
.margin-h-remove {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* padding */
.padding-xsmall {
	padding: var(--padding-xsmall);
}
.padding-small {
	padding: var(--padding-small);
}
.padding {
	padding: Var(--padding);
}
.padding-medium {
	padding: var(--padding-medium);
}
.padding-large {
	padding: var(--padding-large);
}
.padding-Xlarge {
	padding: var(--padding-xlarge);
}
.padding-remove {
	padding: 0 !important;
}

.padding-top-xsmall {
	padding-top: var(--padding-xsmall);
}
.padding-top-small {
	padding-top: var(--padding-small);
}
.padding-top {
	padding-top: var(--padding);
}
.padding-top-medium {
	padding-top: var(--padding-medium);
}
.padding-top-large {
	padding-top: var(--padding-large);
}
.padding-top-Xlarge {
	padding-top: var(--padding-xlarge);
}
.padding-top-remove {
	padding-top: 0 !important;
}

.padding-right-xsmall {
	padding-right: var(--padding-xsmall);
}
.padding-right-small {
	padding-right: var(--padding-small);
}
.padding-right {
	padding-right: var(--padding);
}
.padding-right-medium {
	padding-right: var(--padding-medium);
}
.padding-right-large {
	padding-right: var(--padding-large);
}
.padding-right-Xlarge {
	padding-right: var(--padding-xlarge);
}
.padding-right-remove {
	padding-right: 0 !important;
}

.padding-bottom-xsmall {
	padding-bottom: var(--padding-xsmall);
}
.padding-bottom-small {
	padding-bottom: var(--padding-small);
}
.padding-bottom {
	padding-bottom: var(--padding);
}
.padding-bottom-medium {
	padding-bottom: var(--padding-medium);
}
.padding-bottom-large {
	padding-bottom: var(--padding-large);
}
.padding-bottom-Xlarge {
	padding-bottom: var(--padding-xlarge);
}
.padding-bottom-remove {
	padding-bottom: 0 !important;
}

.padding-left-xsmall {
	padding-left: var(--padding-xsmall);
}
.padding-left-small {
	padding-left: var(--padding-small);
}
.padding-left {
	padding-left: var(--padding);
}
.padding-left-medium {
	padding-left: var(--padding-medium);
}
.padding-left-large {
	padding-left: var(--padding-large);
}
.padding-left-Xlarge {
	padding-left: var(--padding-xlarge);
}
.padding-left-remove {
	padding-left: 0;
}

.padding-v-xsmall {
	padding-top: var(--padding-xsmall);
	padding-bottom: var(--padding-xsmall);
}
.padding-v-small {
	padding-top: var(--padding-small);
	padding-bottom: var(--padding-small);
}
.padding-v {
	padding-top: var(--padding);
	padding-bottom: var(--padding);
}
.padding-v-medium {
	padding-top: var(--padding-medium);
	padding-bottom: var(--padding-medium);
}
.padding-v-large {
	padding-top: var(--padding-large);
	padding-bottom: var(--padding-small);
}
.padding-v-Xlarge {
	padding-top: var(--padding-xlarge);
	padding-bottom: var(--padding-xlarge);
}
.padding-v-remove {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.padding-h-xsmall {
	padding-right: var(--padding-xsmall);
	padding-left: var(--padding-xsmall);
}
.padding-h-small {
	padding-right: var(--padding-small);
	padding-left: var(--padding-small);
}
.padding-h {
	padding-right: var(--padding);
	padding-left: var(--padding);
}
.padding-h-medium {
	padding-right: var(--padding-medium);
	padding-left: var(--padding-medium);
}
.padding-h-large {
	padding-right: var(--padding-large);
	padding-left: var(--padding-large);
}
.padding-h-Xlarge {
	padding-right: var(--padding-xlarge);
	padding-left: var(--padding-xlarge);
}
.padding-h-remove {
	padding-right: 0 !important;
	padding-left: 0 !important;
}


/* DISPLAY / VISBILITY 
---------------------------------------- */
.display-none {
	display: none;
}
.display-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.display-grid {
	display: -ms-grid;
    display: grid;
}


/* TYPOGRAPHIE 
---------------------------------------- */
h1, .h1 {
	font-size: var(--h1);
	line-height: var(--line-height-h1);
}
h2, .h2 {
	font-size: var(--h2);
	line-height: var(--line-height-h2);	
}
h3, .h3 {
	font-size: var(--h3);
	line-height: var(--line-height-h3);
}
h4, .h4 {
	font-size: var(--h4);
	line-height: var(--line-height-h4);
}
p {
	font-size: var(--font-size-default);
	margin: 0 0 var(--margin-small) 0;
}
.font-size-normal, span.font-size-normal, .font-size-normal p, .text-normal, span.text-normal, .text-normal p {
	font-size: var(--font-size-default);
	line-height: inherit;
}
.text-large, span.text-large, .text-large p {
	font-size: var(--font-size-large);
	line-height: var(--line-height-large);
}
.text-small, span.text-small, .text-small p {
	font-size: var(--font-size-small);
	line-height: var(--line-height-small);
	color: var(--font-color-muted);
}
.text-muted, span.text-muted, .text-muted p {
	color: var(--font-color-muted);
}
.text-color-normal, span.text-color-normal, .text-color-normal p, .text-normal, span.text-normal, .text-normal p {
	color: var(--font-color-default);
}
.text-color, span.text-color, .text-color p {
	color: var(--font-color-colored);
}
.text-marked, span.text-marked, .text-marked p, ::selection {
	background-color: var(--bg-highlight);
	padding: 3px;
}
strong, b, .text-bold, span.text-bold, .text-bold p {
	font-weight: var(--font-weight-500);
}
em, i, italic, .text-italic, span.text-italic, .text-italic p {
    font-style: italic;
}
.text-ok, span.text-ok, .text-ok p {
	color: var(--font-color-ok);
}
.text-fail, span.text-fail, .text-fail p {
	font-weight: var(--font-weight-500);
	color: var(--font-color-fail);
}

/* align */
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}


/* ICONS
default Icons durch Bp-Icons ersetzen
------------------------------------------- */
.ui-state-active span.ui-icon:hover {
	cursor: pointer;
}

/* schließen */
.ui-state-active .ui-icon.ui-icon-close, .ui-state-hover .ui-icon.ui-icon-close, .ui-state-focus .ui-icon.ui-icon-close, .ui-state-default .ui-icon.ui-icon-close, .ui-widget-header .ui-icon.ui-icon-close, .ui-icon.ui-icon-close, .ui-widget-content .ui-icon.ui-icon-close {
	background-image: url(../../images/tree/Abbrechen_Overlay.png);
	background-position: center;
}
.ui-state-active .ui-icon.ui-icon-closethick, .ui-state-hover .ui-icon.ui-icon-closethick, .ui-state-focus .ui-icon.ui-icon-closethick, .ui-state-default .ui-icon.ui-icon-closethick, .ui-widget-header .ui-icon.ui-icon-closethick, .ui-icon.ui-icon-closethick, .ui-widget-content .ui-icon.ui-icon-closethick {
	background-image: url(../../images/tree/Abbrechen_Overlay.png);
	background-position: center;
}


/* BUTTONS 
------------------------------------------- */
button, .ui-dialog .ui-dialog-buttonpane button {
	padding: 0 20px;
	border: 1px solid transparent;
	border-radius: 0;
	background-color: var(--btn-default-bg);
	font-weight: var(--font-weight-400);
	font-size: var(--font-size-default);
	line-height: 40px;
	color: inherit;
	cursor: pointer;
	text-align: center;
	overflow: visible;
	text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: all;
    transition-property: color, background-color, background-position, background-size, border-color, box-shadow;
	margin: 0;
}
button span, .ui-dialog .ui-dialog-buttonpane button span {
	font-weight: var(--font-weight-400);
	font-size: var(--font-size-default);
	/*vertical-align: middle;*/
	color: inherit;
}
.ui-dialog .ui-dialog-buttonpane button span {
	line-height: 40px;
}
.ui-button-text-only .ui-button-text {
	padding: 0;
}
button.BpWebApp_Buttons_WithText_32 {
	border: 1px solid transparent;
}
.button-default button {
	border-color: var(--btn-default-border-color);
}
.button-default {
	margin: var(--margin-medium) 0 0;
}
.BpWebApp button img {
	padding-right: 0.313rem;
	padding-left: 0.313rem;
}
.button-default {
	margin-right: var(--margin);
}
.button-default:last-of-type{
	margin-right: 0;
}
.button-default:first-of-type, .bp-search .button-default:first-of-type {
	margin-left: 0;
}
button:disabled, button[disabled] {
    opacity: var(--disabled);
	pointer-events: none;
}
.BpWebApp .button-primary button img, .BpWebApp .button-secondary button img {
	display: none;
}
.button-primary button, .ui-dialog .ui-dialog-buttonpane button.ui-state-default:last-child {
	background-color: var(--btn-primary-bg);
	background: var(--btn-primary-bg);
	border-color: var(--btn-primary-border-color);
}
.button-primary button, .button-primary button span, .ui-dialog .ui-dialog-buttonpane button.ui-state-default:last-child, .ui-dialog .ui-dialog-buttonpane button.ui-state-default:last-child span {
	color: var(--btn-primary-font-color);
}
.button-primary button:hover, .ui-dialog .ui-dialog-buttonpane button.ui-state-hover:last-child, .ui-dialog .ui-dialog-buttonpane button:hover:last-child {
	background-color: var(--btn-primary-bg-hover);
	border-color: var(--btn-primary-border-color-hover);
}
.button-primary button:focus, .ui-dialog .ui-dialog-buttonpane button.ui-state-focus:last-child, .ui-dialog .ui-dialog-buttonpane button:focus:last-child {
	background-color: var(--btn-primary-bg-focus);
	background: var(--btn-primary-bg-focus);
	border-color: var(--btn-primary-border-color-focus);
}
.button-primary button:active, .ui-dialog .ui-dialog-buttonpane button.ui-state-active:last-child, .ui-dialog .ui-dialog-buttonpane button:active:last-child {
	background-color: var(--btn-primary-bg-active);
	background: var(--btn-primary-bg-active);
	border-color: var(--btn-primary-border-color-active);
}
.button-secondary button, .ui-dialog .ui-dialog-buttonpane button.ui-state-default {
	background-color: var(--btn-secondary-bg);
	border-color: var(--btn-secondary-border-color);
}
.button-secondary button, .button-secondary button span, .ui-dialog .ui-dialog-buttonpane button.ui-state-default, .ui-dialog .ui-dialog-buttonpane button.ui-state-default span {
	color: var(--btn-secondary-font-color);
}
.button-secondary button:hover, .ui-dialog .ui-dialog-buttonpane button.ui-state-hover:hover {
	background-color: var(--btn-secondary-bg-hover);
	border-color: var(--btn-secondary-border-color-hover);
}
.button-secondary button:focus, .ui-dialog .ui-dialog-buttonpane button.ui-state-focus:focus {
	background-color: var(--btn-secondary-bg-focus);
	border-color: var(--btn-secondary-border-color-focus);
}
.button-secondary button:active, .ui-dialog .ui-dialog-buttonpane button.ui-state-active:active {
	background-color: var(--btn-secondary-bg-active);
	border-color: var(--btn-secondary-border-color-active);
}
.button-secondary button:hover, .button-secondary button:hover span, .ui-dialog .ui-dialog-buttonpane button.ui-state-hover:hover, .ui-dialog .ui-dialog-buttonpane button.ui-state-hover:hover span {
	color: var(--btn-secondary-font-color-hover);
}
.button-secondary button:focus, .button-secondary button:focus span, .ui-dialog .ui-dialog-buttonpane button.ui-state-focus:focus, .ui-dialog .ui-dialog-buttonpane button.ui-state-focus:focus span {
	color: var(--btn-secondary-font-color-focus);
}
.button-secondary button:active, .button-secondary button:active span, .ui-dialog .ui-dialog-buttonpane button.ui-state-active:active, .ui-dialog .ui-dialog-buttonpane button.ui-state-active:active span {
	color: var(--btn-secondary-font-color-active);
}
.button-link button {
	background-color: var(--btn-link-bg);
	color: var(--btn-link-font-color);
}
.button-link button span {
	color: var(--btn-link-font-color);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.button-link button:hover, .button-link button:hover span {
	color: var(--btn-link-font-color-hover);
	text-decoration-thickness: 2px;
}
.button-link button:focus, .button-link button:focus span {
	color: var(--btn-link-font-color-focus);
	text-decoration-thickness: 2px;
}
.button-link button:active, .button-link button:active span {
	color: var(--btn-link-font-color-active);
	text-decoration-thickness: 2px;
}

/* Only Icon Buttons */
.WebAppV2_ButtonsOhneLabel, .icon-button {
	width: 40px;
	height: 40px;
    background-color: var(--bg-light);
    border-radius: 50%;
    border: 1px solid var(--btn-default-border-color);
	margin-right: var(--margin);
	padding: 0;
}
.WebAppV2_ButtonsOhneLabel:hover, .icon-button:hover {
	border-color: var(--btn-default-border-color-hover);
}
.WebAppV2_ButtonsOhneLabel:focus, .icon-button:focus {
	border-color: var(--btn-default-border-color-hover);
}
.WebAppV2_ButtonsOhneLabel:active, .icon-button:active {
	border-color: var(--btn-default-border-color-hover);
}
.WebAppV2_ButtonsOhneLabel img, .icon-button img {
	width: 24px;
	padding: 0 !important;
	margin-bottom: 0.313rem;
}


/* LINKS
------------------------------------- */
a, .text-link, a.text-link, .ui-widget-content:not(.ui-menu):not(.ui-datepicker):not(.BpWebApp_Container_TabNavigator) a:not(.ui-tabs-anchor), .ui-widget-content:not(.ui-menu):not(.ui-datepicker):not(.BpWebApp_Container_TabNavigator) a:not(.ui-tabs-anchor) {
	color: var(--link);
	text-decoration: underline;
	text-underline-offset: 3px;
}
a:hover, .text-link:hover, a:hover.text-link, .ui-widget-content:not(.ui-menu):not(.ui-datepicker):not(.BpWebApp_Container_TabNavigator) a:not(.ui-tabs-anchor):hover  {
	color: var(--link-hover);
	text-decoration-thickness: 2px;
}
a:focus, .text-link:focus, a:focus.text-link, .ui-widget-content:not(.ui-menu):not(.ui-datepicker):not(.BpWebApp_Container_TabNavigator) a:not(.ui-tabs-anchor):focus {
	color: var(--link-focus);
	text-decoration-thickness: 2px;
}
a:active, .text-link:active, a:active.text-link, .ui-widget-content:not(.ui-menu):not(.ui-datepicker):not(.BpWebApp_Container_TabNavigator) a:not(.ui-tabs-anchor):active {
	color: var(--link-active);
	text-decoration-thickness: 2px;
}
.ui-menu-item > a {
	color: var(--default-color) !important;
	text-decoration: none !important;
}
.ui-menu-item > a:hover, .ui-menu-item > a:focus, .ui-menu-item > a:active {
	text-decoration: none;
}
.ui-menu-item > a:hover {
	color: var(--default-color);
}
.ui-menu-item > a:focus {
	color: var(--default-color);
}
.ui-menu-item > a:active {
	color: var(--default-color);
}


/* INPUT 
----------------------------------------------*/
.BpWebApp_Field_Label {
	display: block;
	width: 100%;
	padding-right: 0;
	margin-top: var(--margin-small);
	line-height: 1;
}
input, textarea, select {
	border: 1px solid var(--form-border-color);
	-webkit-transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
	transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
	-o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	margin: 0.313rem 0;
	background-color: var(--bg-white);	
}
input:not([type='checkbox']), textarea {    
    min-height: 42px;
	padding: 0.313rem 0.5rem;
}
textarea {
	min-height: 150px;
}
input:not([type='checkbox']):not([type='radio']), textarea {
	min-width: 300px;
	width: 300px;
}
input:not(.input-required-fail):focus, textarea:not(.input-required-fail):focus {
	border-color: var(--form-border-color-focus);
	-webkit-transition: border 0.2s linear 0.2s;
	-o-transition: border 0.2s linear 0.2s;
	transition: border 0.2s linear 0.2s;
}
input:disabled {
	border: solid 1px var(--form-border-color);
	background: var(--form-bg-disabled);
	cursor: default;
}

/* Placeholder */
.ui-widget input::placeholder {
	opacity: .6;
}
/* Chrome/Opera/Safari */
.ui-widget input::-webkit-input-placeholder {
	opacity: .6;
}
/* Firefox +19 */
.ui-widget input::-moz-placeholder {
	opacity: .6;
}
/* IE 10+ */
.ui-widget input:-ms-input-placeholder {
	opacity: .6;
}
/* Firefox 18- */
.ui-widget input:-moz-placeholder {
	opacity: .6;
}

/* combobox */
.ui-combobox-toggle{
	background: none !important;
	border: none !important;
}
.ui-combobox > input {
	border-color: var(--form-border-color) !important;
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
	font-weight: var(--font-weight-300) !important;
}

/* combobox dropdown */
ul.ui-widget-content.ui-autocomplete.ui-front {
	border-color: var(--form-border-color);
	background-color: var(--bg-white);
}

/* checkbox, radio */
input[type="checkbox"]:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles) + label::before, input[type="radio"]:not(.BpWebApp_Field_RadioAsButton) + label::before {
    border: solid 1px var(--form-border-color);
	background-color: var(--bg-white);
}
input[type="checkbox"]:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles) + label::before {
	border-radius: 0;
}
input[type="checkbox"]:checked:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles) + label::before, 
/*input[type="checkbox"]:indeterminate:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles) + label::before,*/
input[type="radio"]:checked:not(.BpWebApp_Field_RadioAsButton) + label::before {
	border-color: var(--primary-color);
	content: url(images/bp-checkbox-checked.png);
	padding-top: 2px;
}
input[type="checkbox"]:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles), input[type="radio"]:not(.BpWebApp_Field_RadioAsButton) {
    /*display: none;*/
	visibility: visible;
}
input:disabled[type="checkbox"]:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles) + label::before,
input:disabled[type="radio"]:not(.BpWebApp_Field_RadioAsButton) + label::before  {
    background-color: var(--form-bg-disabled);
	border-color: var(--form-border-color);
	cursor: default;
	content: " ";
}
.BpWebApp_Field_Boolean,
.BpWebApp_Field_ThreeState,
.BpWebApp_Field_Radio_Button_Content{	
	margin-right: var(--margin-medium);
}
.BpWebApp_Field_Radio_Button_Content .BpWebApp_Field_Label {
	margin-right: var(--margin);
}
.BpWebApp_Field_Radio_Button_Group .BpWebApp_Field_Radio_Button_Content {
	margin-right: var(--margin);
}

/* Pflichtfeld */
label.BpWebApp_Label_Mandatory {
  text-decoration: none;	
}
label.BpWebApp_Label_Mandatory:lang(de)::after {
	content: " (Pflichtfeld)";
}
label.BpWebApp_Label_Mandatory:lang(en)::after {
	content: " (mandatory)";
}
.BpWebApp_Field_Required, .ui-combobox > input.BpWebApp_Field_Required, .ui-accordion .input-required-fail label.BpWebApp_Label_Mandatory + .ui-combobox > input.BpWebApp_Field_Required, .ui-accordion label.BpWebApp_Label_Mandatory + input.BpWebApp_Field_Required {
	border-color: var(--form-border-color-fail) !important;
}
.input-required-fail, .ui-accordion-content .input-required-fail .BpWebApp_Box_Required {
	position: relative;
}
.BpWebApp_Box_Required.input-required-fail > .BpWebApp_Field_Required, .BpWebApp_Box_Required.input-required-fail .ui-combobox > input.BpWebApp_Field_Required, .ui-accordion-content .input-required-fail .BpWebApp_Box_Required > input.BpWebApp_Field_Required, .ui-accordion .input-required-fail label.BpWebApp_Label_Mandatory + .ui-combobox > input.BpWebApp_Field_Required, .ui-accordion h3.input-required-fail + .ui-accordion-content label.BpWebApp_Label_Mandatory + input {
	border-width: 3px;
}
.BpWebApp_Box_Required.input-required-fail > .BpWebApp_Field_Required:focus, .ui-accordion-content .input-required-fail .BpWebApp_Box_Required > .BpWebApp_Field_Required:focus {
	-webkit-transition: border 0.2s linear 0.2s;
	-o-transition: border 0.2s linear 0.2s;
	transition: border 0.2s linear 0.2s;
	border-width: 1px;
}
.BpWebApp_Box_Required.input-required-fail > label.BpWebApp_Label_Mandatory, .ui-accordion-content .input-required-fail .BpWebApp_Box_Required > label.BpWebApp_Label_Required, .ui-accordion h3.input-required-fail + .ui-accordion-content.XneuVaAkkordionAdresse label.BpWebApp_Label_Mandatory {
	font-weight: var(--font-weight-500);
	color: var(--font-color-fail);
}
.ui-accordion-content .input-required-fail::after {
	display: none;
}
.BpWebApp_Box_Required.input-required-fail::after, .ui-accordion-header.input-required-fail::after, .ui-accordion-content .input-required-fail .BpWebApp_Box_Required::after {
	content: url("../../images/tree/Prozesse_Option_24.png");
	position: absolute;
  	right: 6px;
}
.ui-accordion-content .input-required-fail .BpWebApp_Box_Required {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.input-required-fail:not(.ui-accordion-header)::after, .ui-accordion-content .input-required-fail .BpWebApp_Box_Required::after {
	transform: translateY(14px);
}
.customSummary .input-required-fail::after {
	display: none;
}
.input-required-fail .ui-combobox .BpWebApp_Field_Required + a {
	right: 20px;
}
.break-spaces {
	white-space: break-spaces;
}


/* SIGNATURE 
----------------------------------------------*/
.input-canvas-signature {
  min-width: 300px !important;
  width: 300px !important;
  min-height: 150px;
  background-color: var(--bg-white);	
}
.ui-dialog .lower-canvas, .ui-dialog .upper-canvas {
  min-width: 300px !important;
  width: 100% !important;
  min-height: 150px;
  height: 100% !important;
}
.input-canvas-signature, .lower-canvas, .upper-canvas {
  padding: 0;
  border: 1px solid var(--form-border-color) !important;
  -webkit-transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
  -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  margin: 0;
}
.canvas-container {
  width: 40vw !important;
  height: 40vh !important;
}


/* ACCORDION
----------------------------------------------- */
.accordionParent {
	height: 75vh;
}
.ui-accordion {
	min-height: 75vh;
}
.ui-accordion-content {
	overflow: scroll !important;
}
.ui-accordion h3.ui-accordion-header, .ui-accordion .ui-accordion-content {
	border: none;
	font-weight: inherit;
	background: var(--bg-light);
}
.ui-accordion {
	border: 1px solid var(--border-soft-grey);
}
.ui-accordion h3.ui-accordion-header:not(:first-of-type) {
	border-top: 1px solid var(--border-soft-grey);
}
.ui-accordion h3.ui-accordion-header.ui-state-default {
	border-left: 4px solid transparent;
}
.ui-accordion h3.ui-accordion-header.ui-accordion-header-active span {
	font-weight: var(--font-weight-500);
}
.ui-accordion .ui-accordion-header {
	padding: var(--padding) var(--padding) var(--padding) 30px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	left: 25px;
	display: none;
}
.ui-accordion .ui-accordion-content {
	padding: var(--padding) var(--padding-medium) var(--padding-medium);
	scrollbar-width: none;
}
.ui-accordion .ui-tabs .ui-tabs-nav {
	margin-right: 0;
}
.ui-accordion h3.ui-accordion-header.ui-accordion-header-active, .ui-accordion h3.ui-accordion-header.ui-accordion-header-active.ui-state-focus, .ui-accordion h3.ui-accordion-header.ui-state-focus, .ui-accordion h3.ui-accordion-header.ui-accordion-header-active.ui-state-hover, .ui-accordion h3.ui-accordion-header.ui-state-hover {
	background-color: var(--bg-highlight);
}
.ui-accordion h3.ui-accordion-header.ui-accordion-header-active {
	border-left-color: var(--border-primary-active);
	pointer-events: none;
}
.ui-accordion h3.ui-accordion-header.ui-accordion-header-active.ui-state-focus, .ui-accordion h3.ui-accordion-header.ui-state-focus, .ui-accordion h3.ui-accordion-header.ui-accordion-header-active:focus, .ui-accordion h3.ui-accordion-header:focus {
	border-top-color: var(--border-soft-grey) !important;
	border-left-color: var(--border-primary-focus);
}
.ui-accordion h3.ui-accordion-header.ui-accordion-header-active.ui-state-hover, .ui-accordion h3.ui-accordion-header.ui-state-hover {
	border-left-color: var(--border-primary-hover);
}
.ui-accordion .ui-accordion-content .ui-tabs ul.ui-tabs-nav li.ui-state-default, .ui-accordion .ui-accordion-content .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-default {
	border-bottom: 3px solid transparent;
	margin-bottom: 5px;
}
.ui-accordion .ui-accordion-content .ui-tabs ul.ui-tabs-nav li.ui-state-hover, .ui-accordion .ui-accordion-content .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-hover, .ui-accordion .ui-accordion-content .ui-tabs ul.ui-tabs-nav li.ui-state-focus, .ui-accordion .ui-accordion-content .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-focus, .ui-accordion .ui-accordion-content .ui-tabs ul.ui-tabs-nav li.ui-state-active, .ui-accordion .ui-accordion-content .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-active {
	border-left: none;
	padding-left: 3px;
}
.ui-accordion .ui-accordion-content .ui-tabs ul.ui-tabs-nav li.ui-state-hover, .ui-accordion .ui-accordion-content .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-hover {
	border-bottom: 3px solid var(--border-primary-hover);
}
.ui-accordion .ui-accordion-content .ui-tabs ul.ui-tabs-nav li.ui-state-focus, .ui-accordion .ui-accordion-content .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-focus {
	border-bottom: 3px solid var(--border-primary-focus);
}
.ui-accordion .ui-accordion-content .ui-tabs ul.ui-tabs-nav li.ui-state-active, .ui-accordion .ui-accordion-content .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-active {
	border-bottom: 3px solid var(--border-primary-active);
}
.ui-accordion .ui-accordion-content .ui-tabs ul.ui-tabs-nav li.ui-state-hover > a, .ui-accordion .ui-accordion-content .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-hover > a, .ui-accordion .ui-accordion-content .ui-tabs ul.ui-tabs-nav li.ui-state-focus > a, .ui-accordion .ui-accordion-content .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-focus > a, .ui-accordion .ui-accordion-content .ui-tabs ul.ui-tabs-nav li.ui-state-active > a, .ui-accordion .ui-accordion-content .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-active > a {
	color: var(--font-color-default);
}
.ui-accordion .ui-accordion-content .BpWebApp_Container_TabNavigator.ui-tabs .ui-tabs-panel {
	padding-left: 0;
	padding-right: 0;
}


/* TABS
----------------------------------------------- */
.ui-tabs.ui-widget-content {
	border: none;
}
.ui-tabs, .ui-tabs .ui-tabs-nav {
	padding: 0;
}
.ui-tabs .ui-tabs-nav li.ui-state-default, .ui-tabs .ui-widget-content .ui-tabs-nav li.ui-state-default, .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-default {
	border: none;
	background: transparent;
}
.ui-tabs .ui-tabs-nav li {
	margin-right: 0;
	padding-bottom: 1px;
}
.ui-tabs ul.ui-tabs-nav li.ui-state-default, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-default {
	border-bottom: 3px solid transparent;
	margin-bottom: 5px;
}/*
.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 {
	border-left: none;
	padding-left: 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-bottom: 3px solid var(--border-primary-hover);
}
.ui-tabs ul.ui-tabs-nav li.ui-state-focus, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-focus {
	border-bottom: 3px solid var(--border-primary-focus);
}
.ui-tabs ul.ui-tabs-nav li.ui-state-active, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-active {
	border-bottom: 3px solid var(--border-primary-active);
}
.ui-tabs ul.ui-tabs-nav li.ui-state-active a, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-active a {
	font-weight: var(--font-weight-500);
}
.ui-tabs ul.ui-tabs-nav li.ui-state-hover > a, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-hover > a, .ui-tabs ul.ui-tabs-nav li.ui-state-focus > a, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-focus > a, .ui-tabs ul.ui-tabs-nav li.ui-state-active > a, .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-state-active > a {
	color: var(--font-color-default);
}
.BpWebApp_Container_TabNavigator.ui-tabs .ui-tabs-panel {
	padding-left: 0;
	padding-right: 0;
}

/* DATEPICKER
----------------------------------*/
.ui-datepicker.ui-widget-content {
	border-color: var(--border-soft-grey);
	background-color: var(--bg-white);
}
.ui-datepicker {
	padding: var(--padding-small);
	min-width: 300px;
}

/* datepicker header */
.ui-datepicker .ui-datepicker-header {
	padding: 0.313rem 0 0.5rem 1.875rem;
	border-bottom: 1px solid var(--border-dark);
	margin: 0;
}
.ui-datepicker-header.ui-widget-header {
	background: transparent;
	border: none;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	width: 1.5rem;
	height: 1.5rem;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker-buttonpane {
	top: 11px;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {
	left: 3px;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover {
	right: -2px;
}
.ui-datepicker-header > .ui-datepicker-buttonpane > button.ui-datepicker-current:hover {
	border-color: transparent;
}

/* datepicker content */
.ui-datepicker-header .ui-state-hover, .ui-datepicker-header.ui-widget-header .ui-state-hover, .ui-datepicker-header .ui-state-focus, .ui-datepicker-header.ui-widget-header .ui-state-focus {
	border: none;
	background: none;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 1.2rem 0 1.6rem;
}
.ui-datepicker .ui-datepicker-title select {
	margin: 0 0.313rem;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	min-width: 45%;
	width: auto;
	padding: 0.313rem;
}
.ui-datepicker th {
	font-weight: var(--font-weight-500);
}
.ui-datepicker tbody tr td:first-of-type {
	padding-left: .5em;
}
.ui-datepicker td a.ui-state-highlight {
	border: none;
	background: var(--bg-highlight);
	font-weight: var(--font-weight-500);
	color: var(--link-active);
}
.ui-datepicker td a.ui-state-hover, .ui-datepicker td a.ui-state-focus {
	border: none;
	background: var(--bg-highlight);
}
.ui-datepicker td a.ui-state-hover {
	color: var(--link-hover);
}
.ui-datepicker td a.ui-state-focus {
	color: var(--link-focus);
}
.ui-datepicker td a.ui-state-active {
	border: none;
	font-weight: var(--font-weight-500);
	color: var(--link-active);
}

/* datepicker calendar */
.ui-datepicker table {
	font-size: var(--font-size-default);
	margin: 0;
}
.ui-datepicker-calendar .ui-state-default:not(.ui-state-hover):not(.ui-state-focus):not(.ui-state-active):not(.ui-state-highlight), .ui-widget-content .ui-datepicker-calendar .ui-state-default:not(.ui-state-hover):not(.ui-state-focus):not(.ui-state-active):not(.ui-state-highlight) {
	border: none;
	background: transparent;
}
.ui-datepicker th {
	padding: 0.5rem 0.313rem 0;
	text-align: right;
}
.ui-datepicker th span {
	margin: 0;
	text-transform: uppercase;
	color: var(--font-color-colored);
	font-size: var(--font-size-small);
	letter-spacing: 1px;
	font-weight: var(font-weight-400);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* DIALOG
------------------------------------------------- */
.ui-dialog {
	min-width: 30vw;
	padding: 0;
}
.ui-dialog.ui-widget-content:not(.BpWebApp_LoadingDialog) {
	border-color: transparent;
	-webkit-box-shadow: 0px 0px 8px var(--box-shadow-dark);
	box-shadow: 0px 0px 8px var(--box-shadow-dark);
}
.ui-dialog .ui-dialog-titlebar {
	margin: var(--margin) var(--margin) 0;
	padding: 0 0 var(--padding-small) 0;
	border-bottom: 1px solid var(--border-dark);
}
.ui-dialog .ui-dialog-title {
	font-weight: var(--font-weight-500);
	margin-bottom: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
	margin-top: -0.313rem;
	transform: translateY(-50%);
	right: 0;
}
.ui-dialog .ui-dialog-content {
	padding: var(--padding-small) var(--padding) var(--padding);
}
.ui-dialog .ui-state-hover:not(.ui-menu-item):not(tr):not(.ui-button-text-only), .ui-dialog .ui-widget-content:not(.ui-autocomplete) .ui-state-hover:not(tr):not(.ui-button-text-only), .ui-dialog .ui-widget-header .ui-state-hover, .ui-dialog .ui-state-focus:not(.ui-menu-item):not(.ui-button-text-only), .ui-dialog .ui-widget-content:not(.ui-autocomplete) .ui-state-focus:not(.ui-button-text-only), .ui-dialog .ui-widget-header .ui-state-focus, .ui-dialog .ui-state-default:not(.ui-combobox-input):not(.ui-button-text-only), .ui-dialog.ui-widget-content .ui-state-default:not(.ui-combobox-input):not(.ui-button-text-only), .ui-dialog .ui-widget-header .ui-state-default {
	background: none;
	border: none;
}
.ui-dialog .ui-dialog-buttonpane {
	border-width: 0;
	margin-top: 0;
	padding: 0 var(--padding) var(--padding);
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: 0 var(--margin) 0 0;
}
.BpWebApp_LoadingDialog {
	background: none;
	background-color: transparent !important;
	border: none !important;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	-webkit-filter: inherit;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: "Roboto", Arial, sans-serif;	
}
.ui-widget .ui-widget {
	font-size: var(--font-size-default);
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Roboto", Arial, sans-serif;
	font-size: var(--font-size-default);
}
.ui-widget-content {
	border: 1px solid var(--border-dark-grey);
	background: var(--bg-light);
	color: var(--font-color-default);
}
.ui-widget-content:not(.ui-menu):not(.ui-datepicker) a, .ui-widget-header a {
	color: var(--link);
	text-decoration: underline;
}
.ui-widget-content:not(.ui-menu):not(.ui-datepicker) a:hover, .ui-widget-content:not(.ui-menu):not(.ui-datepicker) a:focus, .ui-widget-content:not(.ui-menu):not(.ui-datepicker) a:active, .ui-widget-header a:hover, .ui-widget-header a:focus, .ui-widget-header a:active {
	text-decoration-thickness: 2px;
}
.ui-widget-content:not(.ui-menu):not(.ui-datepicker) a:hover, .ui-widget-header a:hover {
	color: var(--link-hover);
}
.ui-widget-content:not(.ui-menu):not(.ui-datepicker) a:focus, .ui-widget-header a:focus {
	color: var(--link-focus);
}
.ui-widget-content:not(.ui-menu):not(.ui-datepicker) a:active, .ui-widget-header a:active {
	color: var(--link-active);
}
.ui-widget-header {
	color: var(--font-color-default);
	font-weight: var(--font-weight-500);
	border: none;
	background: transparent;
}

/* dropdown menu */
.BpWebApp_Menu.ui-widget-content {
    border: 1px solid transparent;
    background: var(--bg-light);
    color: var(--font-color-default);
    box-shadow: 0 5px 12px 0 rgba(160,165,168,.3);
	padding: var(--padding) 0;
	min-width: 230px;
}
.BpWebApp_Menu.ui-widget-content li.BpWebApp_Menu_Item {
	padding: 0.313rem var(--padding) !important;
	line-height: normal;
}
.BpWebApp_Menu.ui-widget-content li.BpWebApp_Menu_Item.ui-state-focus {
	border-color: transparent;
}
.BpWebApp_Menu_Item > a > img + span {
	top: 0;
	padding-left: 0.313rem;
}
.ui-menu .ui-menu-divider {
	margin-bottom: 0;
	margin-left: var(--margin);
	margin-right: var(--margin);
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	font-weight: var(--font-weight-300);
	color: var(--font-color-default);
}
.ui-tabs ul li.ui-state-default a,
.ui-tabs ul li.ui-state-default a:link,
.ui-tabs ul li.ui-state-default a:visited {
	color: var(--font-color-default);
	text-decoration: none;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: var(--font-color-default);
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid var(--form-border-color);
	background: var(--bg-highlight);
	font-weight: var(--font-weight-300);
	color: var(--font-color-default);
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: var(--font-color-default);
	text-decoration: none;
}
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: var(--font-color-default);
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid var(--border-dark);
	background: var(--bg-light);
	font-weight: var(--font-weight-500);
	color: var(--font-color-default);
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: var(--font-color-default);
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid var(--border-dark);
	background: var(--bg-highlight);
	color: var(--font-color-default);
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: var(--link);
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid var(--form-border-color-fail);
	background: rgba(255,0,0,.15);
	color: var(--font-color-fail);
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: var(--font-color-fail);
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: var(--font-color-fail);
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: var(--font-weight-500);
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {	
	font-weight: var(--font-weight-300);	
}

/* Overlays */
.ui-widget-overlay {
	background: #000000;
	opacity: .5;
	filter: Alpha(Opacity=50); /* support: IE8 */
}
.ui-widget-shadow {
	background: #c3c3c3 url("jquery_ui/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
}

/* Panel */
.minicolors-panel {
    background: var(--bg-light);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}
.minicolors-slider,
.minicolors-opacity-slider {
    background-color: var(--bg-light);
}

/* Pickers */
.minicolors-grid .minicolors-picker > div {
    border: solid 2px var(--border-light);
}
.minicolors-picker {
    background: var(--bg-light);
}

/* Swatches */
.minicolors-inline .minicolors-panel {
    -webkit-box-shadow: none;
}

/* Caption of grid and title of ui-jqdialog */
.ui-jqgrid .ui-jqgrid-titlebar,
.ui-jqgrid .ui-jqgrid-errorbar,
.ui-jqdialog .ui-jqdialog-titlebar {
	padding: var(--padding-small) 0;
	border-bottom: 2px solid var(--border-primary);
}
.BpWebApp_Table_Label {
	font-weight: var(--font-weight-500);
	margin-left: .8em;
}

/* Close/Hide button */
.ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close,
.ui-jqdialog-titlebar > .ui-jqdialog-titlebar-close {
	margin: -0.7em .8em 0 0;
}


/* TABLE 
--------------------------------------------- */
.BpWebApp_Table .ui-state-default, .BpWebApp_Table .ui-widget-content .ui-state-default {
	background: var(--bg-light);
	border: none;
}
.ui-jqgrid .ui-jqgrid-htable {
	padding: .8em 0;
}
.ui-jqgrid .ui-jqgrid-htable th {
	padding: 0;
}
.ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div, .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div span {
	margin: 0;
	text-transform: uppercase;
	color: var(--font-color-colored);
	font-size: var(--font-size-small);
	letter-spacing: 1px;
	font-weight: var(--font-weight-400);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div span.text-right {
	display: block;
	text-align: right;
	width: 100%;
}
.ui-jqgrid-labels .ui-th-column-header,
.ui-jqgrid .ui-jqgrid-labels th.ui-th-column,
.ui-jqgrid .ui-jqgrid-legacy-subgrid .ui-th-subgrid {
	text-align: left;
	padding-left: var(--padding-small);
}
th.ui-th-column.ui-state-hover {
	background: none;
	border: none;
}

/* flex table */
.BpWebApp_Table > div.ui-widget-content {
	border: none;
	display: flex;
	display: -webkit-box;
    display: -ms-flexbox;
}
.BpWebApp:not(.ui-dialog-content) .BpWebApp_Table > div.ui-widget-content {
	width: 100% !important;
}
.BpWebApp_Table .ui-jqgrid > .ui-jqgrid-view {
	width: 100% !important;
}
.BpWebApp_Table .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-toppager {
	width: 100% !important;
}
.BpWebApp_Table .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv {
	width: 100% !important;
	display: flex;
	display: -webkit-box;
    display: -ms-flexbox;
	justify-content: space-evenly;
	-webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
}
.BpWebApp_Table .ui-jqgrid .ui-jqgrid-htable {
	width: 100% !important;
}
.BpWebApp_Table .ui-jqgrid .ui-jqgrid-bdiv {
	width: 100% !important;
	display: flex;
	display: -webkit-box;
    display: -ms-flexbox;
	justify-content: space-evenly;
	-webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
}
.BpWebApp_Table .ui-jqgrid .ui-jqgrid-btable {
	width: 100% !important;
}
.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td.BpWebApp_Table_Edit_Cell  {
	/*border: 1px solid #eff0f0;*/
	border-top: 1px solid var(--border-light-grey);
	border-bottom: 1px solid var(--border-light-grey);
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	background-color: var(--bg-white);
}
.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td.BpWebApp_Table_Edit_Cell input.ui-combobox-input {
	background-color: var(--bg-white);
}
.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td.WebApp_V2-Tabelle_Feld.BpWebApp_Table_ReadOnly_Cell {
	border: 1px solid var(--form-bg-disabled);
	background-color: var(--form-bg-disabled);
}
.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td[title=""].BpWebApp_Table_ReadOnly_Cell {
	border-color: transparent;
	background-color: transparent;
}
.BpWebApp_Table_Edit_Cell input:not([type='checkbox']):not([type='radio']) {
	min-width: 100%;
}
.BpWebApp_Table_ReadOnly_Cell {
	background-color: inherit;
	color: var(--font-color-muted);
}

/* table rows colored */
.ui-jqgrid tbody tr:nth-of-type(even) {
	background: #f3f4f4;
}
.ui-jqgrid tbody tr:nth-of-type(even).ui-state-hover,
.ui-jqgrid tbody tr:nth-of-type(even).ui-widget-content.ui-state-hover,
.ui-jqgrid tbody tr:nth-of-type(even).ui-state-focus,
.ui-jqgrid tbody tr:nth-of-type(even).ui-widget-content.ui-state-focus, 
.ui-jqgrid tbody tr:nth-of-type(even).ui-state-highlight,
.ui-jqgrid tbody tr:nth-of-type(even).ui-widget-content.ui-state-highlight {
	background: var(--bg-highlight);
}
.ui-jqgrid tr.jqgrow > td,
.ui-jqgrid tr.jqgroup > td,
.ui-jqgrid tr.jqfoot > td,
.ui-jqgrid tr.ui-subgrid > td,
.ui-jqgrid tr.ui-subtblcell > td {
	border-bottom-width: 0;
}
.ui-jqgrid tr.jqgrow > td,
.ui-jqgrid tr.jqgroup > td,
.ui-jqgrid tr.jqfoot > td {
	padding: var(--padding-small);
	font-weight: var(--font-weight-300);
}
.ui-jqgrid tr.jqgrow > td.BpWebApp_Table_Edit_Cell {
	height: 44px;
	padding: 0 0.563rem;
}
.ui-jqgrid tr.jqgrow > td.BpWebApp_Table_Edit_Cell > input {
	margin: 0 -0.563rem;
}
.ui-jqgrid tr.jqgrow > td.Ueberschrift > div {
	font-weight: var(--font-weight-500);
}
.ui-jqgrid tr.jqgfirstrow > td.td_cbox {
	padding: 0;
}
.ui-jqgrid tr.jqfoot > td {
	font-weight: var(--font-weight-500);
}
.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {
	border-right-width: 0;
}
.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-rtl > td {
	border-left-width: 0;
}
.ui-jqgrid > .ui-jqgrid-view input, .ui-jqgrid > .ui-jqgrid-view select, .ui-jqgrid > .ui-jqgrid-view textarea, .ui-jqgrid > .ui-jqgrid-view button {
	font-size: var(--font-size-default);
}

/* Footer */
.ui-jqgrid tr.footrow td {
	font-weight: var(--font-weight-500);
}
.ui-jqgrid .ui-pg-button:hover,
.ui-jqgrid .ui-pg-button.ui-state-hover,
.ui-jqgrid .ui-pg-button:focus,
.jqgrow .ui-jqgrid-actions .ui-pg-div:focus, .jqgrow .ui-jqgrid-actions .ui-pg-div:hover,
.jqgrow .ui-jqgrid-actions .ui-pg-div.ui-state-hover {
	border-width: 1px;
	border-color: transparent;
	background: none;
}
.ui-jqgrid .ui-pg-table td {
	font-weight: var(--font-weight-300);
}
.ui-jqgrid .ui-pager-control .ui-pg-button {
	min-height: 30px;
}
.ui-jqgrid .ui-separator {
	height: 26px;
	border-left: 1px solid var(--border-soft-grey);
	border-right: 1px solid var(--border-soft-grey);
}
.ui-jqgrid .ui-paging-info {
	font-weight: var(--font-weight-300);	
	font-size: var(--font-size-small);
	color: var(--font-color-muted);
}
.ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-toppager {
	margin: var(--margin) 0;
	padding: 0 var(--padding-small);	
}
.ui-jqgrid-toppager td[dir="ltr"], .ui-jqgrid-toppager td[dir="ltr"] span, .ui-jqgrid-toppager td[dir="ltr"] input {
	font-size: var(--font-size-small);
	font-weight: inherit;
}
.ui-jqgrid-toppager td[dir="ltr"] input.ui-pg-input {
	width: 100%;
	max-width: 50px;
	min-width: 50px;
	border-color: var(--form-border-color);
}

/* Navigator buttons */
.ui-jqgrid .ui-pg-table .ui-pg-button {
	margin: 5px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
	align-items: center;
}

/* Toolbar Search Menu */
.ui-menu-jqueryui .ui-menu-item .g-menu-item:hover {
	font-weight: var(--font-weight-300);	
}
.jqgrow .ui-pg-div > span.fa {
	font-weight: var(--font-weight-300);
}
.ui-subgrid > .subgrid-cell span.fa {
	font-weight: var(--font-weight-300);
}
.jqgrow > .ui-sgcollapsed span.fa {
	font-weight: var(--font-weight-300);	
}
.ui-jqgrid .ui-resizable-se.fa {
	font-weight: var(--font-weight-300);	
}

/* Classes for jquery.contextmenu-ui.js plugin we included here */
.jqContextMenu .ui-menu .ui-menu-item a.ui-state-hover {
	font-weight: var(--font-weight-300);
}
.jqContextMenu .ui-menu .ui-menu-item.ui-state-hover {
	font-weight: var(--font-weight-300);
}

/* Classes for jQuery.jqGrid.showHideColumnMenu.js plugin */
.ui-jqgrid-showHideColumnMenu .ui-menu-item:hover {
	font-weight: var(--font-weight-300);
}
.ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-content {
	background: var(--bg-light);
}
.ui-jqgrid-bootstrap.ui-jqgrid-resize-mark {
	border: 1px solid var(--border-soft-grey);
	color: var(--font-color-default);
	font-weight: var(--font-weight-500);
}
.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-actions .ui-pg-div.btn {
	-webkit-box-shadow: none;
}
.fc-icon-left-single-arrow:after {
	font-weight: var(--font-weight-500);
}
.fc-icon-right-single-arrow:after {
	font-weight: var(--font-weight-500);
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc-state-default {
	border: 1px solid var(--btn-default-border-color);
}
.fc-state-hover {
	background: var(--btn-default-bg-hover);
	color: var(--btn-default-font-color-hover);
	border-color: var(--btn-default-border-color-hover);
}
.fc-state-down,
.fc-state-active {
	background-color: var(--btn-default-bg-active);
	color: var(--btn-default-font-color-active);
}
.fc-state-disabled {
	cursor: default !important;
	-webkit-box-shadow: none;
	border-color: var(--btn-default-border-color);
	opacity: var(--disabled);
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
	font-weight: var(--font-weight-300);
}

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected.fc-dragging {
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
.fc-day-grid-event .fc-time {
	font-weight: 500;
}
.ui-widget td.fc-axis {
	font-weight: 300;
}
.vakata-context,
.vakata-context ul {
  -webkit-box-shadow: 2px 2px 2px #999999;
}
.vakata-context li > a {
  text-shadow: 1px 1px 0 var(--bg-light);
}
.vakata-context li > a:hover {
  -webkit-box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-hover > a {
  -webkit-box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: var(--bg-light);
  -webkit-box-shadow: 0 0 0 transparent;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover { 
  -webkit-box-shadow: 0 0 0;
}
.vakata-context li > a .vakata-contextmenu-sep {
  background: var(--bg-light);
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
  border-left-color: var(--border-light);
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
	-webkit-transition: background-color 0.15s, -webkit-box-shadow 0.15s;
	transition: background-color 0.15s, -webkit-box-shadow 0.15s;
	-o-transition: background-color 0.15s, box-shadow 0.15s;
	transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default .jstree-hovered {
  -webkit-box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-context {
  -webkit-box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-clicked {
  -webkit-box-shadow: inset 0 0 1px #999999;
}
.jstree-default .jstree-disabled.jstree-hovered {
  -webkit-box-shadow: none;
}
.jstree-default .jstree-search {
  font-weight: 500;	
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  -webkit-box-shadow: none;
}
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  -webkit-box-shadow: none;
}


@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
	font-weight: 500;  
    text-shadow: 1px 1px var(--bg-light);
  }
}

.jstree-default-responsive .jstree-anchor {
	font-weight: 500;  
    text-shadow: 1px 1px var(--bg-light);
} 
.jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    -webkit-box-shadow: inset 0 -6px 3px -5px #666666;
}
.jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    -webkit-box-shadow: inset 0 6px 3px -5px #666666;  
}
.jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    -webkit-box-shadow: none;
}
.ql-snow .ql-picker {
  font-weight: 500;	
}
.ql-toolbar.ql-snow .ql-picker-options {
  -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-snow .ql-tooltip {
  -webkit-box-shadow: 0px 0px 5px #ddd;
}

/* legend style */
.BpWebApp_LegendBox label {
	font-size: var(--font-size-small);
	line-height: var(--line-height-small);
	color: var(--font-color-muted);
} 
.BpWebApp_LegendBox label.BpWebApp_Field_Label {
	display: inline-block;
	width: auto;
	margin-top: 0;
}
.BpWebApp_LegendBox div {
	direction: rtl;
	text-align: left;
	margin-top: 0.313rem;
}
.BpWebApp_LegendBox img {
	margin-right: 0.313rem;
}

 .BpWebApp_Buttons_va_raumuebersicht_16{background-image: url("../images/buttons/va_raumuebersicht_16.png");}
 .BpWebApp_Buttons_va_raumuebersicht_24{background-image: url("../images/buttons/va_raumuebersicht_24.png");}
 .BpWebApp_Buttons_va_raumuebersicht_32{background-image: url("../images/buttons/va_raumuebersicht_32.png");}

 .BpWebApp_Buttons_wiederholung_unterdruecken_16{background-image: url("../images/buttons/Wiederholung_Unterdruecken_16.png");}
 .BpWebApp_Buttons_wiederholung_unterdruecken_24{background-image: url("../images/buttons/Wiederholung_Unterdruecken_24.png");}
 .BpWebApp_Buttons_wiederholung_unterdruecken_32{background-image: url("../images/buttons/Wiederholung_Unterdruecken_32.png");}
 .ql-font-Arial, [data-value=Arial]{font-family:"Arial";} .ql-font-ArialBlack, [data-value=ArialBlack]{font-family:"Arial Black";} .ql-font-ArialNarrow, [data-value=ArialNarrow]{font-family:"Arial Narrow";} .ql-font-Calibri, [data-value=Calibri]{font-family:"Calibri";} .ql-font-CalibriBold, [data-value=CalibriBold]{font-family:"Calibri Bold";} .ql-font-CalibriItalic, [data-value=CalibriItalic]{font-family:"Calibri Italic";} .ql-font-ComicSansMS, [data-value=ComicSansMS]{font-family:"Comic Sans MS";} .ql-font-CourierNew, [data-value=CourierNew]{font-family:"Courier New";} .ql-font-Georgia, [data-value=Georgia]{font-family:"Georgia";} .ql-font-Impact, [data-value=Impact]{font-family:"Impact";} .ql-font-LucidaConsole, [data-value=LucidaConsole]{font-family:"Lucida Console";} .ql-font-LucidaSansUnicode, [data-value=LucidaSansUnicode]{font-family:"Lucida Sans Unicode";} .ql-font-PalatinoLinotype, [data-value=PalatinoLinotype]{font-family:"Palatino Linotype";} .ql-font-Tahoma, [data-value=Tahoma]{font-family:"Tahoma";} .ql-font-TimesNewRoman, [data-value=TimesNewRoman]{font-family:"Times New Roman";} .ql-font-TrebuchetMS, [data-value=TrebuchetMS]{font-family:"Trebuchet MS";} .ql-font-Verdana, [data-value=Verdana]{font-family:"Verdana";}


/* SUMMARY 
---------------------------------------------- */
.BpWebApp_Summary_Container_Box.customSummary {
	padding: var(--padding);
	background-color: var(--bg-light-grey);
}
.BpWebApp_Summary_Field_Box .BpWebApp_Field_Label {
	display: inline;
	margin-right: 5px;
}
.BpWebApp_Summary_Field_Box .BpWebApp_Field_Label:after {
	content: ":";
}
.BpWebApp_Summary_Container_Box table .ui-widget-content {
	background: var(--bg-light-grey);
	width: auto;
}
.WebAppTabelleSummary .ui-widget .BpWebApp_Table {	
	table-layout: fixed;
	width: 100%;
}
.BpWebApp_Summary_Container_Box .BpWebApp_Table td {
	vertical-align: top;
}	
.BpWebApp_Summary_Container_Box .BpWebApp_Container_Label {
	font-weight: var(--font-weight-500);
	width: 100%;
}
.BpWebApp_Summary_Container_Box .BpWebApp_Container_Label + .BpWebApp_Summary_Container_Box .BpWebApp_Container_Label {
	font-size: inherit;
	font-weight: var(--font-weight-500);
}
.customSummary .customTabNavigator > .BpWebApp_Summary_Container_Box:not(:last-of-type) {
	margin-bottom: var(--margin-medium);
}
.customSummary .customTabNavigator > .BpWebApp_Summary_Container_Box:last-of-type > .BpWebApp_Summary_Container_Box > .BpWebApp_Summary_Container_Box:not(:first-of-type) {
	margin-top: var(--margin-small);
}
 .BpWebApp_Summary_Container_Box .BpWebApp input {
	border: none;
}
.BpWebApp_Summary_Field_Box .BpWebApp_Table, .WebAppTabelleSummary {
	table-layout: auto !important;	
	width: 100% !important;
}
.BpWebApp_Summary_Container_Box .BpWebApp_Table th {
	text-transform: uppercase;
	color: var(--font-color-colored);
	font-size: var(--font-size-small);
	letter-spacing: 1px;
	font-weight: var(--font-weight-400);
	text-align: left;
}
.BpWebApp_Summary_Container_Box .BpWebApp_Table th.text-right {
	text-align: right;
}
.BpWebApp_Summary_Container_Box .BpWebApp_Table th, .BpWebApp_Summary_Container_Box .BpWebApp_Table td {
	padding: 0 6px;
}
.BpWebApp_Summary_Container_Box .BpWebApp_Table th:first-of-type, .BpWebApp_Summary_Container_Box .BpWebApp_Table td:first-of-type {
	padding-left: 0;
}
.BpWebApp_Summary_Container_Box .BpWebApp_Table tr.ui-state-hover, .BpWebApp_Summary_Container_Box .ui-widget-content.BpWebApp_Table tr.ui-state-hover {
	background: none;
}