@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 400;
	src: url(../../../../core_area/core_layout/fonts/quasar/materialsymbolsoutlined/v138/materialsymbolsoutlinedv138.woff2) format('woff2');

	/* CE-3760: required to avoid fallback font display during initial page loading */
	font-display: block;
}

/* General */
html {
	height: 100%;
	-webkit-font-smoothing: antialiased;
}

body {
	position: relative;
	font-family: var(--global-text-font);
	font-size: var(--global-text-font-size);
	font-weight: var(--global-text-font-weight);
	line-height: 1.4;
	letter-spacing: .025em;
	color: var(--global-text-font-color);
	margin: 0;
	padding: 0;
	height: 100%;
	transition: .3s ease-in-out 0s;
}

/*Page Loader*/
.progress_wrapper {
	position: absolute;
	top: 213px;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 50%;
}
.progress_wrapper_after {
	display: inline-block;
	text-align: center;
	width: 100%;
	color: var(--q-primary);
}

.progress-materializecss {
	position: relative;
	height: 4px;
	display: block;
	width: 100%;
	background-color: var(--global-background-important);
	border-radius: 2px;
	margin: 0.5rem 0 .5rem 0;
	overflow: hidden;
}

.indeterminate {
	background-color: var(--q-primary);
}
.indeterminate:before {
	 content:          '';
	 position:         absolute;
	 background-color: inherit;
	 top:              0;
	 left:             0;
	 bottom:           0;
	 will-change:      left, right;
	 animation:        indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.indeterminate:after {
	 content:          '';
	 position:         absolute;
	 background-color: inherit;
	 top:              0;
	 left:             0;
	 bottom:           0;
	 will-change:      left, right;
	 animation:        indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	 animation-delay: 1.15s;
 }

@keyframes indeterminate {
	0% {
		left: -35%;
		right: 100%;
	}
	60% {
		left: 100%;
		right: -90%;
	}
	100% {
		left: 100%;
		right: -90%;
	}
}

@keyframes indeterminate-short {
	0% {
		left: -200%;
		right: 100%;
	}
	60% {
		left: 107%;
		right: -8%;
	}
	100% {
		left: 107%;
		right: -8%;
	}
}

.progress_text {
	text-align: center;
	color: var(--q-primary);
}

body.loaded .progress_wrapper {
	display: none;
}

body.no_scroll {
	overflow: hidden;
}

body ._mTop10 { margin-top: 10px; }
body ._mTop20 { margin-top: 20px; }
body ._mTop30 { margin-top: 30px; }
body ._mRight10 { margin-right: 10px; }
body ._mRight20 { margin-right: 20px; }
body ._mRight30 { margin-right: 30px; }
body ._mBottom10 { margin-bottom: 10px; }
body ._mBottom20 { margin-bottom: 20px; }
body ._mBottom30 { margin-bottom: 30px; }
body ._mLeft10 { margin-left: 10px; }
body ._mLeft20 { margin-left: 20px; }
body ._mLeft30 { margin-left: 30px; }

body ._pTop10 { padding-top: 10px; }
body ._pTop20 { padding-top: 20px; }
body ._pTop30 { padding-top: 30px; }
body ._pRight10 { padding-right: 10px; }
body ._pRight20 { padding-right: 20px; }
body ._pRight30 { padding-right: 30px; }
body ._pBottom10 { padding-bottom: 10px; }
body ._pBottom20 { padding-bottom: 20px; }
body ._pBottom30 { padding-bottom: 30px; }
body ._pLeft10 { padding-left: 10px; }
body ._pLeft20 { padding-left: 20px; }
body ._pLeft30 { padding-left: 30px; }

body ._smallFont8 { font-size: 8px; }
body ._smallFont10 { font-size: 10px; }

.bold { font-weight: bold; }
.hide { display: none; }
.hide_hard { display: none !important; }

.tleft { text-align: left; }
.tcenter { text-align: center; }
.tright { text-align: right; }

.vtop { vertical-align: top; }
.vmiddle { vertical-align: middle; }
.vbottom { vertical-align: bottom; }

.fleft { float: left !important; }
.fright { float: right !important; }
.clear_left { clear: left !important; }
.clear_right { clear: right !important; }
.clear_both {
	clear: both !important;
}
.clear_left,
.clear_right,
.clear_both {
	float: none !important;
	height: 0 !important;
	width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	visibility: hidden !important;
}

h1, h2, h3, h4, h5, h6, ul, li, p, form {
	display: block;
	margin: 0;
	padding: 0;
}

[data-v-app] h1,
[data-v-app] h2,
[data-v-app] h4,
[data-v-app] .text-h1,
[data-v-app] .text-h2,
[data-v-app] .text-h4 {
	line-height: normal;
	letter-spacing: normal;
}

[data-v-app] h1,
[data-v-app] .text-h1,
h1 {
	font-family: var(--global-h1-font);
	font-size: var(--global-h1-font-size);
	color: var(--global-h1-font-color);
	font-weight: var(--global-h1-font-weight);
	hyphens: auto;
}

h1 {
	margin-bottom: var(--global-h1-margin-bottom);
}

[data-v-app] h2,
[data-v-app] .text-h2,
h2 {
	font-family: var(--global-h2-font);
	font-size: var(--global-h2-font-size);
	color: var(--global-h2-font-color);
	font-weight: var(--global-h2-font-weight);
}

h2 {
	margin-bottom: var(--global-h2-margin-bottom);
}

[data-v-app] h4,
[data-v-app] .text-h4,
h4 {
	font-family: var(--global-h4-font);
	font-size: var(--global-h4-font-size);
	color: var(--global-h4-font-color);
	font-weight: var(--global-h4-font-weight);
}

h4 {
	margin-bottom: var(--global-h4-margin-bottom);
}

/* disable unsolicited header tag margins for quasar components */
[data-v-app] {
	--global-h2-margin-bottom: 0;
	--global-h4-margin-bottom: 0;
}

/* Links */
a {
	color: var(--anchor-color);
	text-decoration: var(--anchor-text-decoration);
}

a:hover {
	color: var(--anchor-color-hover);
	text-decoration: var(--anchor-text-decoration-hover);
}

.material-icons-outlined {
	font-family: 'Material Symbols Outlined', sans-serif;
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	font-weight: normal;
	font-size: 24px;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	vertical-align: bottom;
	line-height: 1;
}

div._table {
	display: table;
	/*border-collapse: separate;*/
	/*box-sizing: border-box;*/
	text-indent: initial;
	unicode-bidi: isolate;
	/*border-spacing: 2px;*/
	border-color: gray;
}

div._thead,
div._tbody {
	display: table-row-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}

div._tfoot {
	display: table-footer-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}

div._tr {
	display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
}

div._th {
	display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
    /*text-align: -internal-center;*/
    unicode-bidi: isolate;
}

div._td {
	display: table-cell;
    vertical-align: inherit;
    unicode-bidi: isolate;
}

/*	CONTENT */
#kundenbereich {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: auto;
}

#main_content {
	position: relative;
	display: flex;
	flex-direction: column;
	height: auto;
	background: var(--global-main-content-background);
	align-items: center;
	flex-grow: 1;
}

#main_content ._overlay {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 25px;
	width: 100%;
	height: 100%;
	background-color: rgba(85, 85, 85, 0.9);
	z-index: 10;
	border-radius: var(--global-border-radius);
	color: #fff;
	font-size: var(--global-text-font-size);
}

#main_content ._overlay span {
	display: inline-block;
	position: relative;
	top: calc(50% - 25px);
	left: 0;
}

/* HEADER */
#header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	width: 100%;
	min-height: 121px;
	position: relative;
	background: var(--global-header-background);
	border-bottom: var(--header-border-bottom);
	box-shadow: var(--header-shadow);
	margin-bottom: 2rem;
}

#header a {
	text-decoration: none;
}

.header_top_wrapper {
	max-width: 1200px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 20px 0;
	align-items: center;
}

/* position header skip links at the top left corner of the header top wrapper with a slight margin */
.header_top_wrapper > .skip_link_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	margin: 16px;
	z-index: 1;
}

.header_top_wrapper > .skip_link_wrapper:not(:has(:focus-visible)) {
    z-index: -1;
	user-select: none;
}

/* position the various skip links on top of each other by putting them in the same cell of a grid layout */
.header_top_wrapper > .skip_link_wrapper {
	display: grid;
}
.header_top_wrapper > .skip_link_wrapper > div {
	grid-row: 1;
	grid-column: 1;
}

/* since the skip links need to be visible to be focusable via pressing the tab button */
/* do NOT use 'visibility: hidden' or 'display:none' to hide the skip links when not focused */
.header_top_wrapper > .skip_link_wrapper > div > a:not(:focus-visible) {
	z-index: -1;
	color: transparent;
	pointer-events: none;
}

/* make sure nothing at the position of a focused (and thereby visible) skip link disturbs its readability */
.header_top_wrapper > .skip_link_wrapper > div > a:focus-visible {
	z-index: 1;
	background-color: var(--global-header-background);
}

.header_top_wrapper #menu {
	display: none;
}

.header_bottom_wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
}

#header .logo_wrapper {
	flex: 0 0 260px;
}

#header ._logo {
	background-image:  url('../../elements/logo.svg');
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 180px;
	height: 95px;
}

.account_detail_toggle_button {
	visibility: hidden;
	background: none;
    border: none;
    padding: 0;
    color: var(--anchor-color);
    cursor: pointer;
}

.secure .account_detail_toggle_button {
	visibility: visible;
}

.header_desktop {
	background: var(--header-box-background-color);
	border: var(--header-box-border);
	border-radius: var(--header-box-border-radius);
	box-shadow: var(--header-box-shadow);
	padding: 24px;
	width: 100%;
	max-width: 940px;
}

.header_desktop_top {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 24px;
}

.header_desktop_top h4 {
	margin-bottom: 0;
}

.header_desktop_link_wrapper a {
	margin-left: 5px;
}

.header_desktop_link_wrapper a:hover {
	text-decoration: none;
}

.header_desktop_link_wrapper .material-icons-outlined {
	color: var(--anchor-color);
	font-size: 32px;
	line-height: unset;
}

.header_desktop_bottom {
	display: flex;
	gap: 1rem;
}

#header .list,
.header_contract_wrapper {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
}

.header_desktop_bottom .material-icons-outlined {
	cursor: pointer;
	position: absolute;
	top: calc(50% - 12px);
}

.header_desktop_bottom .material-icons-outlined.person,
.header_desktop_bottom .material-icons-outlined.contract_energy,
.header_desktop_bottom .material-icons-outlined.chosen_contract_energy,
.header_desktop_bottom .material-icons-outlined.no_chosen_contract {
	left: 10px;
}

.header_desktop_bottom .material-icons-outlined.arrow_right,
.header_desktop_bottom .material-icons-outlined.arrow_drop_down {
	right: 0;
}

#header .list .label_customer_number,
.header_contract_wrapper .label_contract {
	cursor: pointer;
	font-size: 12px;
	left: 40px;
	position: absolute;
	top: 8px;
}

#header .list .box_current_user_name_list_menu_item,
._contract_link,
.header_contract_wrapper .label_no_chosen_contract,
.header_contract_wrapper .label_all_contracts {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-bottom-color: #49454F;
	border-radius: 4px 4px 0 0;
	box-sizing: border-box;
	color: var(--global-text-font-color);
	display: block;
	font-family: var(--global-text-font);
	font-size: var(--global-text-font-size);
	min-height: 56px;
	padding: 24px 20px 8px 40px;
}

#header .list .box_current_user_name_list_menu_item,
.user_name_list_menu_box li:not(.legend) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 100%;
}

#header .list:not(.no_dropdown) .box_current_user_name_list_menu_item:hover,
#header .list .box_current_user_name_list_menu_item.hover,
#header .header_contract_wrapper:not(.no_dropdown) ._contract_link:hover,
#header ._contract_link.hover {
	background-color: var(--input-field-background-focus);
	border: var(--input-field-border-focus);
	box-shadow: var(--input-field-box-shadow-focus);
	color: var(--global-text-font-color);
	text-decoration: none;
}

#header .list.no_dropdown .box_current_user_name_list_menu_item:hover,
#header .header_contract_wrapper.no_dropdown ._contract_link:hover {
	color: inherit;
	cursor: inherit;
	text-decoration: none;
}

#header .no_dropdown .label_customer_number,
#header .no_dropdown .label_contract,
#header .no_dropdown .material-icons-outlined {
	cursor: inherit;
}

#header .no_dropdown .arrow_drop_down {
	display: none;
}

.user_name_list_menu_box,
.contract_menu {
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-radius: 4px;
	box-shadow: 0 10px 20px rgb(0 0 0 / 30%);
	box-sizing: border-box;
	display: none;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.user_name_list_menu_box li,
.contract_menu li {
	padding: 5px 0 5px 14px;
	position: relative;
}

.user_name_list_menu_box li:has(:focus-visible),
.contract_menu li:has(:focus-visible) {
	outline: var(--global-focus-visible-outline);
	box-shadow: var(--global-focus-visible-box-shadow);
	border-radius: 3px !important;
}

.user_name_list_menu_box li > button:focus-visible,
.contract_menu li > button:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

.user_name_list_menu_box li:not(.legend) {
	padding-left: 30px;
}

.user_name_list_menu_box li.legend {
	font-weight: bold;
}

.user_name_list_menu_box li.active,
.contract_menu li.chosen {
	color: var(--menu-sidebar-item-font-color-hover);
}

.user_name_list_menu_box li:not(.active, .legend):hover,
.contract_menu li:not(.chosen):not(.headline):hover {
	color: var(--menu-sidebar-item-font-color-hover);
	cursor: pointer;
}

.header_desktop_bottom .material-icons-outlined.chosen_contract_energy:not(.chosen) {
	display: none;
}

.header_desktop_bottom button {
	width: 100%;
	text-align: unset;
	letter-spacing: unset;
	font: unset;
	color: unset;
}

.header_desktop_bottom button:not(._contract_link ) {
	border: unset;
	background: unset;
	padding: unset;
}

.header_contract_wrapper .contract_name {
	cursor: pointer;
	display: inline-block;
}

.header_contract_wrapper li.headline {
	font-weight: 500;
}

.header_contract_wrapper li .contract_name {
	left: 28px;
	position: relative;
	width: calc(100% - 28px);
}

.header_contract_wrapper li .contract_location {
	display: none;
}

.header_contract_wrapper li .contract_location_object_key {
	color: var(--global-text-font-secondary-color);
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	left: 28px;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100% - 28px);
}

.header_desktop_bottom .material-icons-outlined.no_chosen_contract {
	color: var(--input-field-font-color-disabled);
}

.header_contract_wrapper .label_no_chosen_contract {
	color: var(--input-field-font-color-disabled);
	padding-top: 18px;
}

.header_contract_wrapper .label_all_contracts {
	color: var(--input-field-font-color-disabled);
	padding-top: 24px;
}


/* CONTENT */
#content {
	display: flex;
	flex-direction: column;
	max-width: 1200px;
	width: 100%;
	flex-grow: 1;
	background: var(--global-main-content-background);
	margin-bottom: 3rem;
}

#content .content_top{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 30px;
}

#content .content_top .content_top_links {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#content .content_middle {
	display: flex;
	justify-content: flex-start;
}

#main_column {
	position: relative;
	width: 100%;
}

#main_column .content_wrapper {
	position: relative;
}

.label {
	margin-bottom: .5rem;
	display: inline-block;
}

.content {
	margin-bottom: 1rem;
}

/* Breadcrumb */
.back_to_root {
	text-decoration: none;
	color: var(--anchor-color);
	margin-bottom: 2rem;
	font-weight: bold;
	display: inline-block;
}

.back_to_root:hover {
	color: var(--anchor-color-hover);
	text-decoration: var(--anchor-text-decoration-hover);
}

.back_to_root:before {
	content:                       '\e5c4';
	font-family:                   'Material Symbols Outlined', sans-serif;
	font-variation-settings:       'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	font-weight:                   normal;
	font-style:                    normal;
	font-size:                     24px;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing:        antialiased;
	vertical-align:                bottom;
	line-height:                   1;
}

.back_to_root:hover:before {
	text-decoration: none;
}

.start .back_to_root {
	visibility: hidden;
}

/* SIDEBAR */
#side_column {
	display: block;
	flex: 0 0 260px;
}

#side_column #ct {
	width: 100%;
}
#side_column .customer_data_container
{
	width: 100%;
	background-color: var(--menu-item-background-color);
	color: var(--menu-item-font-color);
	padding: 24px;
	border-radius: var(--global-border-radius);
}

#side_column .customer_data_wrapper {
	font-size: 15px;
}

#side_column .customer_data_container h3 {
	font-size: var(--global-h2-font-size);
	margin-bottom: 15px;
}

/* Menü Seitenleiste */

#side_column #ct #menu_side ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 25px;
	margin-bottom: .5rem;
}

#side_column #ct #menu_side ul li a {
	display: block;
	padding: 0.75rem 1rem;
	font-weight: normal;
	color: var(--menu-sidebar-item-font-color);
	background: var(--menu-sidebar-item-background-color);
	border-radius: var(--menu-sidebar-item-border-radius);
	text-decoration: none;
	width: 100%;
	line-height: 1.8;
}

#side_column #ct #menu_side ul li.active a,
#side_column #ct #menu_side ul li.active:hover a {
	color: var(--menu-sidebar-item-font-color-active);
	background: var(--menu-sidebar-item-background-color-active);
}

#side_column #ct #menu_side ul li:hover a {
	color: var(--menu-sidebar-item-font-color-hover);
	background: var(--menu-sidebar-item-background-color-hover);
}

#side_column #ct #menu_side ul li.active {
	color: var(--menu-sidebar-item-font-color-active);
}

#side_column #ct #menu_side ul li:hover {
	color: var(--menu-sidebar-item-font-color-hover);
}


#side_column .material-icons-outlined {
	font-size: 32px;
	margin-right: .5rem;

	/* CE-3760: required while displaying invisible fallback font during initial page loading */
	display: inline-block;
	width: 32px;
	word-break: normal;
}

.postbox_counter {
	background-color: var(--menu-sidebar-bubble-background-color);
	border-radius: 50px;
	color: var(--menu-sidebar-bubble-text-color);
	display: inline-block;
	font-weight: 600;
	height: 27px;
	line-height: 28px;
	margin-left: 5px;
	text-align: center;
	width: 27px;
}

/* SIDE NAV USER */
#side_user_nav {
	background: #fff;
	margin-top: 15px;
}

#side_user_nav .side_nav_wrapper>div.list.open > a:before {
	transform: rotate(90deg);
}

#side_user_nav .side_nav_wrapper { position: relative; }
#side_user_nav .side_nav_wrapper a,
#side_user_nav .side_nav_wrapper > div {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	cursor: pointer;
	color: #000;
}

#side_column #side_user_nav .side_nav_wrapper > a:hover,
#side_user_nav .side_nav_wrapper > div a:hover { text-decoration: underline; }
#side_user_nav .side_nav_wrapper > div.list { padding: 0; }
#side_column #side_user_nav .side_nav_wrapper > div a { position: relative; display: block; padding: 10px 15px; cursor: pointer; text-decoration: none; }
#side_column #side_user_nav .side_nav_wrapper > div a.a_link { padding: 0; color: #555; }
#side_user_nav .side_nav_wrapper > div.list div.small { font-size: 10px; }
#side_user_nav .side_nav_wrapper ul {
	display: none;
	list-style-type: none;
	margin: 0;
	width: 100%;
	border-top: 3px solid #ccc;
}

#side_user_nav .side_nav_wrapper ul li {
	margin: 0;
	padding: 6px 15px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}
#side_user_nav .side_nav_wrapper ul li.first { padding-top: 7px; }
#side_user_nav .side_nav_wrapper ul li.last { padding-bottom: 7px; }
#side_user_nav .side_nav_wrapper ul li:hover { background-color: #eee; }
#side_user_nav .side_nav_wrapper ul li.active { display: none; font-weight: bold; cursor: default; }
#side_user_nav .side_nav_wrapper ul li:hover.active { background-color: #eee; }
#side_user_nav .side_nav_wrapper ul li.legend { text-align: right; font-size: 10px; border: 0 none; }
#side_user_nav .side_nav_wrapper ul li.legend:hover { background: none; cursor: default; text-decoration: none; }
.side_user_nav.line_breaker { border-bottom: 1px solid #fff; border-top: 1px solid #555; margin-left: -15px; width: calc(100% + 30px); }

/* CONFIG_LOGOUT NAV */

#side_column #ct .config_logout_wrapper .config_account_data {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
}

#side_column #ct .config_logout_wrapper .config_account_data {
	padding: 10px 0;
}

#side_column #ct .config_logout_wrapper .logout {
	display: flex;
	justify-content: flex-end;
	padding: 1rem 0 0 0;
}
#side_column #ct .config_logout_wrapper .config_account_data a {
	color: var(--menu-item-font-color);
	text-decoration: none;
	margin-left: 5px;
}
#side_column #ct .config_logout_wrapper .config_account_data a:hover {
	text-decoration: underline;
}

/* STATIC CONTENT */
iframe.static {
	border: 0 none;
	background-color: transparent;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* DEBUG */
#msg {
	position:     absolute;
	left:         10px;
	top:          10px;
	border:       1px solid #000;
	color:        #FFFFFF;
	padding:      10px;
	font-size:    11px;
	z-index:      2000;
	max-width:    450px;
	-ms-filter:   'Alpha(Opacity=70)';
	filter:       alpha(opacity = 70);
	-moz-opacity: 0.70;
	opacity:      0.70;
}

#msg div.pad {
	position:         absolute;
	left:             0;
	top:              0;
	width:            100%;
	height:           100%;
	z-index:          1;
	background-color: #000;
	-ms-filter:       'Alpha(Opacity=50)';
	filter:           alpha(opacity = 50);
	-moz-opacity:     0.50;
	opacity:          0.50;
}

#msg div.item {
	margin-bottom: 10px;
}

#msg pre {
	margin: 0;
	padding: 0;
}

#msg div.ct {
	position: relative;
	z-index: 2;
}

#msg div.msg_timed {
	cursor: pointer;
	overflow: hidden;
}

#msg div.collapsed {
	background-color: #000;
}


/* Responsive Design */

div.header_small {
	display: none;
}

body .register_user form.active tr td.label .info_text,
body .password_forget form.active tr td.label .info_text,
body .config_account_data form.active tr td.label .info_text {
	padding: 10px;
	border: 1px solid #ccc;
	position: absolute;
	top: 65px;
	left: 10px;
	z-index: 2;
	background: #fff;
	width: calc(100% - 40px);
}

#kundenbereich #main_content div._table._filter input[type='radio'],
#kundenbereich #main_content table._filter input[type='radio'],
#kundenbereich.out #main_content div._table.form div._td.content input[type='radio'],
#kundenbereich.out #main_content table.form td.content input[type='radio'] {
	margin: 4px 0 0;
	cursor: pointer;
	vertical-align: top;
}

#kundenbereich #main_content div._table._filter label.consumption_element,
#kundenbereich #main_content table._filter label.consumption_element,
#kundenbereich.out #main_content div._table.form div._td.content label.consumption_element,
#kundenbereich.out #main_content table.form td.content label.consumption_element {
	width: calc(100% - 24px);
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
}

.data_wrapper {
	position: relative;
	width: 100%;
	margin-bottom: 2rem;
	border-bottom: 1px solid var(--global-divider-color);
	padding-bottom: 2rem;
}

.data_wrapper.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/* Logout */
#logout .content_text {
	padding: 20px 0 30px 0;
}

#logout .content_button {
	padding-top: 20px;
}

/* HELPER */
div.left {
	float: left;
}

div.right {
	float: right;
	margin-left: 20px;
}

div.pos {
	position: relative;
}

div.clear_both {
	clear: both;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

/* TABSET */
div.ebp_tabset {
	position: relative;
	overflow: visible;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

div.ebp_tabset h3 {
	background-color: var(--tab-background-color);
	color: var(--tab-font-color);
	line-height: 1.4 !important;
	font-size: 1.125rem;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: var(--tab-border);
	padding: 10px 20px;
	text-align: center;
	hyphens: auto;
	flex: 1 1 auto;
	margin-bottom: 1rem;
	letter-spacing: 2px;
}

div.ebp_tabset h3.active {
	background-color: var(--tab-background-color-active);
	color: var(--tab-font-color-active);
	border-bottom: var(--tab-border-active);
}

div.ebp_tabset h3.hover {
	background-color: var(--tab-background-color);
	color: var(--tab-font-color-hover);
}

div.ebp_tabset h3 a {
	color: var(--tab-font-color);
	text-decoration: none;
}

div.ebp_tabset h3:hover a {
	color: var(--tab-font-color-hover);
	text-decoration: none;
}

div.ebp_tabset h3:has(:focus-visible)
{
	outline: var(--global-focus-visible-outline);
	box-shadow: var(--global-focus-visible-box-shadow);
	border-radius: 3px !important;
	z-index: 1;
}

div.ebp_tabset h3:has(:focus-visible) a:focus-visible
{
	outline: none !important;
	box-shadow: none !important;
}

div.ebp_tabset div.tabct {
	width: 100%;
	display: inline-block;
	position: relative;
	flex-basis: 100%;
}

div.ebp_tabset div.tab {
	display: none;
	z-index: 1;
}

div.ebp_tabset div.tab.active {
	z-index: 2;
}

div.ebp_tabset p {
	padding: 5px 0;
	margin-bottom: 10px;
}


/* TABLES */

.req_info {
	display: none;
	width: 100%;
}

div._table.form,
table.form {
	position: relative;
	width: 100%;
}

div._table.form.float,
table.form.float {
	margin-bottom: 10px;
}

div._table.form.inline,
table.form.inline {
	display: none;
}

div._table.form .hidden,
table.form .hidden {
	display: none;
}

div._table div._tr div._td span:not(.req_info),
table tr td span:not(.req_info),
div._table div._tr div._th span:not(.req_info),
table tr th span:not(.req_info) {
	display: inline-block;
}

div._table div._tr div._td.tleft,
table tr td.tleft,
div._table div._tr div._td.left,
table tr td.left,
div._table div._tr div._th.tleft,
table tr th.tleft,
div._table div._tr div._th.left,
table tr th.left {
	text-align: left;
}

div._table div._tr div._td.tcenter,
table tr td.tcenter,
div._table div._tr div._td.center,
table tr td.center,
div._table div._tr div._th.tcenter,
table tr th.tcenter,
div._table div._tr div._th.center,
table tr th.center {
	text-align: center;
}

div._table tr div._td.div._tright,
table tr td.tright,
div._table div._tr div._td.right,
table tr td.right,
div._table tr div._th.div._tright,
table tr th.tright,
div._table div._tr div._th.right,
table tr th.right {
	text-align: right;
}

div._table div._tr div._td.vtop,
table tr td.vtop,
div._table div._tr div._td.top,
table tr td.top,
div._table div._tr div._th.vtop,
table tr th.vtop,
div._table div._tr div._th.top,
table tr th.top {
	vertical-align: top;
}

div._table div._tr div._td.vmiddle,
table tr td.vmiddle,
div._table div._tr div._td.middle,
table tr td.middle,
div._table div._tr div._th.vmiddle,
table tr th.vmiddle,
div._table div._tr div._th.middle,
table tr th.middle {
	vertical-align: middle;
}

div._table div._tr div._td.vbottom,
table tr td.vbottom,
div._table div._tr div._td.bottom,
table tr td.bottom,
div._table div._tr div._th.vbottom,
table tr th.vbottom,
div._table div._tr div._th.bottom,
table tr th.bottom {
	vertical-align: bottom;
}

div._table.form div._tbody div._tr:not(.hidden),
table.form tbody tr:not(.hidden) {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

div._table.form div._tbody div._tr div._td.w,
table.form tbody tr td.w {
	padding-left: 15px;
	padding-right: 15px;
}


/* FORMS */
form {
	position: relative;
}

form > div {
	position: relative;
}

form._static div._table.form.vsep div._th,
form._static table.form.vsep th {
	border-right: 1px solid #f5bb26;
}

/* Checkboxen */
._wrapper_checkbox input[type='checkbox'] {
	display: unset;
	position: relative;
}

._wrapper_checkbox label {
	display: unset;
	margin-left: 0.5rem;
	cursor: default;
}
form.active ._wrapper_checkbox label,
form.active ._wrapper_checkbox input[type='checkbox'] {
	cursor: pointer;
}

/* LISTS */
div._table.list,
table.list {
	border-spacing: 0 0;
}

div._table.list div._tr div._th,
table.list tr th,
div._table.list div._tr div._td,
table.list tr td {
	font-weight: normal;
	background: #fff;
	font-size: 12px;
	color: #555;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	white-space: nowrap;
}

div._table.list div._tbody div._tr div._td,
table.list tbody tr td {
	cursor: pointer;
}

div._table.list div._tr div._th,
table.list tr th {
	width: auto;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	background: #555;
	color: #fff;
}

div._table.list div._tr div._th.first,
table.list tr th.first,
div._table.list div._tr div._td.first,
table.list tr td.first {
	padding-left: 12px;
	border-left: 0 none;
}

div._table.list div._tr div._th.last,
table.list tr th.last,
div._table.list div._tr div._td.last,
table.list tr td.last {
	padding-right: 12px;
	border-right: 0 none;
}

div._table.list div._tr.last div._td,
table.list tr.last td {
	border-bottom: 0 none;
}

div._table.list div._tr div._th.inline,
table.list tr th.inline {
	padding: 5px;
	border-left: 1px solid #fffee1;
}

div._table.list div._tr div._td.w,
table.list tr td.w {
	padding-left: 15px;
	padding-right: 15px;
}

div._table.list div._tr div._td.focus,
table.list tr td.focus {
	background: var(--table-content-highlight);
}

div._table.list.nofocus div._tr div._td.focus,
table.list.nofocus tr td.focus {
	background: #fff;
}

div._table.list div._tr div._td.wrap,
table.list tr td.wrap {
	white-space: normal;
}

div._table.list div._tr div._td.nowrap,
table.list tr td.nowrap {
	white-space: nowrap;
}

div._table.focus,
table.focus {
	border-radius: 10px;
	box-shadow: 2px 2px 4px #ccc;
}

/* INPUTS */
input:not(.q-field__native)[type='text'],
input:not(.q-field__native)[type='email'],
input:not(.q-field__native)[type='password'],
textarea,
select {
	width: 100%;
	font-family: var(--input-field-font-family);
	font-size: var(--input-field-font-size);
	color: var(--input-field-font-color);
	padding: var(--input-field-padding);
	border: var(--input-field-border);
	border-radius: var(--input-field-border-radius);
	background-color: var(--input-field-background);
	box-shadow: var(--input-field-box-shadow);
	cursor: default;
}

select {
	padding: var(--input-field-selectbox-padding);
}

input:not(.q-field__native)[type='text']:hover,
input:not(.q-field__native)[type='email']:hover,
input:not(.q-field__native)[type='password']:hover,
textarea:hover,
select:hover {
	border: var(--input-field-border-hover);
	background-color: var(--input-field-background-hover);
	box-shadow: var(--input-field-box-shadow-hover);
}

input:not(.q-field__native)[type='text']:focus,
input:not(.q-field__native)[type='email']:focus,
input:not(.q-field__native)[type='password']:focus,
textarea:focus,
select:focus {
	border: var(--input-field-border-focus);
	background-color: var(--input-field-background-focus);
	box-shadow: var(--input-field-box-shadow-focus);
}

input:not(.q-field__native)[type='text'][disabled],
input:not(.q-field__native)[type='email'][disabled],
input:not(.q-field__native)[type='password'][disabled],
textarea[disabled],
select[disabled] {
	border: var(--input-field-border-disabled);
	background-color: var(--input-field-background-disabled);
	box-shadow: var(--input-field-box-shadow-disabled);
	color: var(--input-field-font-color-disabled);
}

:focus-visible:not([class*="q-"]) {
	outline: var(--global-focus-visible-outline) !important;
	box-shadow: var(--global-focus-visible-box-shadow) !important;
	border-radius: 3px !important;
}

label.q-field:not(.q-field--readonly):not(.unfocusable) .q-field__control:has(:focus-visible) {
	outline: var(--global-focus-visible-outline) !important;
	box-shadow: var(--global-focus-visible-box-shadow) !important;
}
[data-v-app] .q-field__native,[data-v-app] .q-field__input {
    box-shadow: initial !important;
}

.q-checkbox:focus-visible {
	outline: var(--global-focus-visible-outline) !important;
	box-shadow: var(--global-focus-visible-box-shadow) !important;
	border-radius: 3px !important;
}

.q-toggle:focus-visible {
	outline: var(--global-focus-visible-outline) !important;
	box-shadow: var(--global-focus-visible-box-shadow) !important;
	border-radius: 3px !important;
}

.q-chip__icon--remove:focus-visible {
	outline: var(--global-focus-visible-outline) !important;
	box-shadow: var(--global-focus-visible-box-shadow) !important;
	border-radius: 50%;
}

.q-pagination .q-btn:focus-visible {
	outline: var(--global-focus-visible-outline) !important;
	box-shadow: var(--global-focus-visible-box-shadow) !important;
	border-radius: 3px !important;
}

/* Datepicker */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: var(--input-field-font-family);
	font-size: var(--input-field-font-size);
	color: var(--input-field-font-color);
}

.ui-datepicker select {
	padding: 10px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
	left: 1px;
}

.ui-datepicker .ui-datepicker-next {
	right: 1px;
}

.ui-datepicker-prev,
.ui-datepicker-next,
.ui-datepicker-prev,
.ui-datepicker-prev {
	border: 1px solid transparent;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
	border-radius: var(--global-border-radius);
	border: var(--global-border);
}

.ui-state-active,
.ui-widget-content .ui-state-active {
	background: var(--button-primary-background-hover);
	border: var(--button-primary-border-hover);
	color: var(--button-primary-font-color-hover);
}

.ui-datepicker .ui-datepicker-buttonpane button {
	background: var(--button-primary-background);
	border: var(--button-primary-border);
	border-radius: var(--button-border-radius);
	color: var(--button-primary-font-color);
	text-transform: var(--button-text-transform);
	font-weight: var(--button-font-weight);
	font-size: var(--button-font-size);
	box-shadow: var(--button-primary-shadow);
	padding: 10px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover {
	background: var(--button-primary-background-hover);
	border: var(--button-primary-border-hover);
	color: var(--button-primary-font-color-hover);
	box-shadow: var(--button-primary-shadow-hover);
}

.ui-datepicker {
	z-index: 99 !important;
}

.ui-datepicker button.ui-datepicker-current {
	display: none;
}

#ui-datepicker-div-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 98;
	background: transparent;
}

/* LIST INPUTS */
div._table.list input[type='text'],
table.list input[type='text'],
div._table.list input[type='password'],
table.list input[type='password'],
div._table.list textarea,
table.list textarea,
div._table.list select,
table.list select {
	cursor: pointer;
}

/* ACTIVE INPUTS */
form.active input[name='password_repeat']._green_pw_repeat_,
form.active input[name='pw_2']._green_pw_repeat_ {
	border-color: #0c0;
}

form.active input[name='password_repeat']._red_pw_repeat_,
form.active input[name='pw_2']._red_pw_repeat_ {
	border-color: #c00;
}

form.active input[type='text'].readonly,
form.active input[type='text'].readonly.disabled {
	background: var(--input-field-background-disabled);
	border: var(--input-field-border-disabled);
	box-shadow: var(--input-field-box-shadow-disabled);
	cursor: default;
}

/* Button Allgemein */
a.global_button,
.global_button {
	position: relative;
	font-family: var(--button-font);
	font-size: var(--button-font-size);
	font-weight: var(--button-font-weight);
	letter-spacing: var(--button-letter-spacing);
	text-transform: var(--button-text-transform);
	border-radius: var(--button-border-radius);
	transition: var(--button-transition);
	display: flex;
	justify-content: center;
	align-items: center;
	border: var(--button-primary-border);
	margin: 0;
	width: var(--button-width);
	padding: var(--button-padding);
	color: var(--button-primary-font-color);
	background: var(--button-primary-background);
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	min-height: 48px;
	white-space: normal;
	box-shadow: var(--button-primary-shadow);
}

a.global_button:hover,
.global_button:hover {
	background: var(--button-primary-background-hover);
	border: var(--button-primary-border-hover);
	color: var(--button-primary-font-color-hover);
	box-shadow: var(--button-primary-shadow-hover);
}

.global_button.cancel,
a.global_button.cancel,
.global_button.close,
a.global_button.close,
.global_button.back,
._log_link.global_button {
	background: var(--button-secondary-background);
	border: var(--button-secondary-border);
	color: var(--button-secondary-font-color);
	box-shadow: var(--button-secondary-shadow);
}

.global_button.cancel:hover,
a.global_button.cancel:hover,
.global_button.close:hover,
a.global_button.close:hover,
.global_button.back:hover,
._log_link.global_button:hover {
	background: var(--button-secondary-background-hover);
	border: var(--button-secondary-border-hover);
	color: var(--button-secondary-font-color-hover);
	box-shadow: var(--button-secondary-shadow-hover);
}

a.global_button.disabled,
.global_button.disabled,
a.global_button.disabled:hover,
.global_button.disabled:hover {
	background: var(--button-primary-background-disabled);
	border: var(--button-primary-border-disabled);
	color: var(--button-primary-font-color-disabled);
	box-shadow: none;
	cursor: not-allowed;
}

.navigation_wrapper {
	display: flex;
	justify-content: space-between;
}

/* Form Table Buttons */
.btn_wrapper {
	margin-top: .5rem;
	flex-shrink: 0;
	display: flex;
}

.button_table_wrapper {
	display: flex;
	justify-content: flex-end;
}

.buttons_table_cell:not(.req_info) {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.buttons_table_cell .btn_wrapper {
	margin-left: 10px;
}

/* Boxes */
.loaded .tabct,
.wbox {
	padding: 1.5rem;
	background: var(--global-content-background);
	box-shadow: var(--global-content-shadow);
	border: var(--global-border);
	border-radius: var(--global-border-radius);
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
}

/* Buttons in den Tabellen */
a.button:before {
	display: inline-block;
	color: var(--button-icon-font-color);
	font-family: 'Material Symbols Outlined', sans-serif, sans-serif;
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	vertical-align: bottom;
	line-height: 1;
}

a.button.details:before {
	content: '\e88e';
}

a.button.delete:before {
	content: '\e5cd';
}

a.button.edit:before {
	content: '\e3c9';
}

a.button.download:before {
	content: '\f090';
}
a.button.download.disabled:before {
	content: '\e4fe';
}

a.button.calendar:before {
	content: '\e878';
}

.focus a.button:hover:before,
a.button:hover:before {
	color: var(--button-icon-font-color-hover);
}

a.button {
	padding: 0 12px;
	background-color: var(--button-icon-background);
	border-radius: var(--button-border-radius);
	border: var(--button-icon-border);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-left: .5rem;
	font-size: 0;
	box-shadow: var(--button-primary-shadow);
	max-width: 40px;
	height: 38px;
	text-decoration: none;
}

a.button:hover {
	background-color: var(--button-icon-background-hover);
	border: var(--button-icon-border-hover);
	text-decoration: none;
	box-shadow: var(--button-icon-shadow-hover);
}

a.button.calendar {
	display: none;
}

a.button.calendar.active,
form.active a.button.calendar {
	display: flex;
}

a.button.disabled,
a.button.disabled:hover{
	background: var(--button-primary-background-disabled);
	border: var(--button-primary-border-disabled);
	color: var(--button-primary-font-color-disabled);
	box-shadow: none;
	cursor: not-allowed;
}

/* Cookie */

.wrapper_cookie {
	position: absolute;
	background: #fff;
	opacity: 0.7;
}

.wrapper_cookie div._table.cookie,
.wrapper_cookie table.cookie {
	height: 100%;
	margin: 0;
}

.wrapper_cookie div._table.cookie div._tbody div._tr div._td,
.wrapper_cookie table.cookie tbody tr td {
	font-weight: bold;
	font-size: 12px;
}

/* Responsive Design */

._show_from_medium,
._show_from_xmedium,
._show_from_small,
.table_header_cell span._show_from_medium,
.table_body_cell span._show_from_medium,
.table_footer_cell span._show_from_medium,
.table_header_cell span._show_from_xmedium,
.table_body_cell span._show_from_xmedium,
.table_footer_cell span._show_from_xmedium,
.table_header_cell span._show_from_small,
.table_body_cell span._show_from_small,
.table_footer_cell span._show_from_small {
	display: none;
}

/* Tables  */
.table_container {
	width: 100%;
	background-color: var(--table-background-color);
}

.table_header_row,
.table_body_row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 2px;
}

.table_header_cell {
	background-color: var(--table-header-background-color);
	color: var(--table-header-color);
	font-weight: bold;
	box-sizing: border-box;
	font-size: 1rem;
	padding: 5px;
	hyphens: auto;
}

.table_body_cell,
.table_body_cell_clean {
	cursor: pointer;
	padding: 5px;
	border-bottom: var(--table-cell-divider);
}

.table_body_cell.focus,
.table_body_cell_clean.focus {
	background-color: var(--table-content-highlight);
}

.table_body_row.no_entries .table_body_cell,
.table_body_row.no_entries .table_body_cell_clean{
	border-right: none;
	display: block;
	float: none;
	padding: 12px;
	width: 100%;
}

.table_body_header_cell {
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}

.table_body_header_cell.last {
	border-right: 0 none;
}

.table_body_cell span,
.table_footer_cell span {
	display: inline-block;
}

.table_body_cell input[type='text'],
.table_body_cell_clean input[type='text']{
	padding: var(--table-input-padding);
}

.asterisk_active {
	display: none !important;
}

.asterisk_info {
	display: none;
}

form.active .asterisk_active {
	display: inline-block !important;
}

form.active .asterisk_info {
	display: block;
}


/* 503 */
#_503 {
	height: 403px;
	border-radius: 10px;
}

#_503.without_register_user {
	height: 193px;
}

#_503.without_login {
	height: 153px;
}

/* Footer */
.footer {
	background-color: var(--global-footer-background);
	width: 100%;
}

.footer_wrapper {
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	color: var(--global-footer-font-color);
	font-size: var(--global-caption-font-size);
	padding: 1rem 0;
	text-align: center;
}

.footer_wrapper a {
	color: var(--global-footer-font-color);
}

/* Logout */
.logout #side_column {
	display: none;
}

/* MSG BOX */

body {
	/* ensure the 'q-dialog-plugin' does not screw with the standard body scrolling */
    top: unset !important;
    left: unset !important;
}

/* Quasar-Dialog */
[data-v-app] .fullscreen {
	/* replace quasars standard 'z-index: 6000' for this selector */
	/* to ensure quasars dialogs are drawn ABOVE the preloader overlay */
	/* from the 'preload' jQUery plugin which has 'z-index: 10000' */
	z-index: 60000 !important;
}
.q-dialog-plugin {
	/* to avoid the dialog area shifting to the left when closing */
	width: 100% !important;
}

[data-v-app] .q-sidebar-plugin > .q-dialog__inner {
	/* refurbish the 'q-dialog' to look like a 'siv-sidebar' */
    padding: 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.q-dialog-plugin .q-dialog__message li {
	display: block;
	padding: 20px 2px 0 20px;
	background-image: url('../../elements/message_box/bullet_ok.png');
	background-position: left 23px;
	background-repeat: no-repeat;
}

.q-dialog-plugin .q-dialog__message li.no_icon {
	padding: 0;
	background: none;
}

.q-dialog-plugin .q-dialog__message li.error {
	background-image: url('../../elements/message_box/bullet_error.png');
	background-position: left 23px;
}

.q-dialog-plugin .q-dialog__message li.warning {
	background-image: url('../../elements/message_box/bullet_warning.png');
	background-position: left 21px;
}

.q-dialog-plugin.info .q-dialog__message li.no_icon {
	background-image: none;
	padding: 2px 0 2px 25px;
}

.q-dialog-plugin .q-dialog__message li.line_wrap {
	background: none;
}

.q-dialog-plugin .table_container .table_body_row .table_body_cell {
	border: 0 none;
	padding: 5px;
}

.q-dialog-plugin .table_container .table_body_row .table_body_cell.label {
	width: 50%;
	border-right: 1px solid #ccc;
}

.q-dialog-plugin .table_container .table_body_row .table_body_cell.content {
	width: 50%;
	text-align: right;
}

.q-dialog-plugin .table_container .table_body_row .table_body_cell.first.last {
	width: 100%;
	height: auto;
}

/* Spotlight */
.spotlight {
	margin-bottom: 10px;
	position: relative;
}

.spotlight.show_background {
	background-color: var(--header-box-background-color);
}

.spotlight .image {
	left: 0;
	margin: 0 auto;
	min-height: 200px;
	position: absolute;
	right: 0;
	text-align: center;
}

.spotlight img {
	width: 100%;
}

.spotlight h4 {
	padding-top: 20px;
	text-shadow: 1px 1px 3px #000;
}

.spotlight p {
	text-shadow: 1px 1px 3px #000;
}

.spotlight h4,
.spotlight p,
.spotlight .link {
	padding-bottom: 10px;
	position: relative;
	text-align: center;
}

.spotlight a {
	display: inline-block;
}


/* Spotlight position specific */
#side_column .spotlight {
	height: 200px;
	width: calc(100% - 25px);
}

#side_column .spotlight .image {
	right: auto;
}

#side_column .spotlight h4 {
	font-size: 18px;
	padding-left: 4px;
	padding-right: 4px;
}

#side_column .spotlight p {
	font-size: 14px;
	padding-left: 4px;
	padding-right: 4px;
}

#side_column .spotlight a {
	min-height: 24px;
	padding: 4px 8px;
}

#spotlight_overview {
	min-height: 250px;
}

#spotlight_logout {
	min-height: 200px;
}

#spotlight_logout h4,
#spotlight_logout p {
	padding-left: 16px;
	padding-right: 16px;
}

#spotlight_popup {
	margin: 0;
	min-height: 250px;
	width: 300px;
}

#spotlight_popup h4,
#spotlight_popup p {
	padding-left: 8px;
	padding-right: 8px;
}

.tooltip {
	background: #fff;
	border: 1px solid #f0bd13;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px;
	z-index: 3;
	white-space: nowrap;
}

.tooltip.readonly {
	background: #f5bb26;
	border-color: #fff;
}

/* Overlays */
.ui-widget-overlay {
	background-color: #666;
	opacity: .5;
	filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background-color: #000;
	opacity: .2;
	filter: Alpha(Opacity=20);
	border-radius: 5px;
}

/* Details */
#details_dummy {
	position: absolute;
	top: -10000px;
	left: -10000px;
	z-index: 900;
}

#details_outer {
	display: none;
}

#details div._table,
#details table {
	width: 100%;
	background-color: var(--global-background-darker);
}

#details div._table div._tr:not(.hidden),
#details table tr:not(.hidden) {
	flex-direction: row;
	justify-content: inherit;
}

#details div._table div._tr:not(.hidden) div._td,
#details table tr:not(.hidden) td {
	width: 50%;
	padding: 5px;
}

.table_body_wrapper {
	display: grid;
	background-color: #fff;
}

.table_body_wrapper > #details {
	position: relative;
	grid-column: 1;
	grid-row-end: 99999;
	pointer-events: none;
	display:none;
}

.table_body_wrapper > #details > div {
	background-color: #fff;
	border: 0;
	pointer-events: all;
}

.table_body_row.list {
	grid-column: 1;
}

#details div.preloader,
#details div.preloader div.preloader_bgnd {
	border-radius: 0;
}

.details_close {
	cursor: pointer;
	margin-left: auto;
	display: flex;
	align-items: center;
}

.details_close:before {
	content:                       '\e5cd';
	font-family:                   'Material Symbols Outlined', sans-serif;
	font-variation-settings:       'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	font-weight: bold;
	font-style:                    normal;
	font-size:                     24px;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing:        antialiased;
	line-height:                   1;
	color: var(--global-secondary-color);
}

#details h3 {
	width: 100%;
	text-align: left;
	padding: 5px;
	display: flex;
	margin-bottom: 0;
	border-bottom: 2px solid var(--global-text-font-color);
	background-color: var(--global-background-darker);
	color: var(--global-text-font-color);
}

#details h3 span:not(:last-child) {
	margin-right: 5px;
}

#details_dummy div.preloader,
#details_dummy div.preloader div.preloader_bgnd {
	border-radius: 0;
}

#details_dummy div._table,
#details_dummy table {
	background: transparent;
	margin: 0;
}

#details div._table div._tbody div._tr div._td span.html_bill_class,
#details table tbody tr td span.html_bill_class {
	white-space: normal;
}

#details div._table div._tbody div._tr div._td span.html_bill_current_total span.red,
#details table tbody tr td span.html_bill_current_total span.red {
	color: #a00;
}

#details div._table div._tbody div._tr div._td span.html_bill_current_total span.green,
#details table tbody tr td span.html_bill_current_total span.green {
	color: #0a0;
}

#kundenbereich.contract #details div._table div._tbody div._tr.taxes_info div._td,
#kundenbereich.contract #details table tbody tr.taxes_info td {
	padding: 10px 35px 10px 10px;
}

/*Quasar*/
body [data-v-app] {
	font-family: var(--global-text-font);
	font-weight: var(--global-text-font-weight);
	font-size: var(--global-text-font-size);
	line-height: 1.4;
	letter-spacing: .025em;
	color: var(--global-text-font-color);
}

/* RESPONSIVE */

/* responsive large */
.responsive_large .header_top_wrapper,
.responsive_large #content,
.responsive_large .footer {
	padding-left: 16px;
	padding-right: 16px;
}

/* Header */
.header_desktop_link_wrapper a {
	display: inline-block;
}
.responsive_large .header_desktop_link_wrapper a {
	margin: 0;
}

.responsive_large .header_desktop_link_wrapper .material-icons-outlined {
	font-size: 26px;
}

.responsive_large .header_desktop_bottom {
	display: block;
}

.responsive_large #header .list,
.responsive_large .header_contract_wrapper {
	width: 100%;
}

.responsive_large #header .list {
	margin-bottom: 24px;
}

/* Spotlight */
.responsive_large #side_column .spotlight {
	display: none;
}

.responsive_large #spotlight_overview .image,
.responsive_large #spotlight_logout .image {
	overflow: hidden;
}

.responsive_large #spotlight_overview img,
.responsive_large #spotlight_logout img {
	width: auto;
}

/* responsive medium */
.responsive_medium ._show_from_medium,
.responsive_medium .table_header_cell span._show_from_medium,
.responsive_medium .table_body_cell span._show_from_medium,
.responsive_medium .table_footer_cell span._show_from_medium {
	display: block;
}

.responsive_medium ._show_up_medium,
.responsive_medium .table_header_cell span._show_up_medium,
.responsive_medium .table_body_cell span._show_up_medium,
.responsive_medium .table_footer_cell span._show_up_medium {
	display: none;
}

/* Header */
.responsive_medium #header {
	box-shadow: none;
	display: block;
	height: auto;
	min-height: 70px;
}

.responsive_medium .header_top_wrapper {
	display: block;
	padding: 0;
}

/* remove the skip link to the navigation while no permanent navigation side column is shown */
.responsive_medium .header_top_wrapper > .skip_link_wrapper > div[data-id="navigation"] {
	display: none;
}

.responsive_medium #header .logo_wrapper {
	display: none;
}

.responsive_medium div.header_small {
	position: relative;
	border: 0;
	box-shadow: var(--header-shadow);
	display: flex;
	justify-content: space-between;
	padding: 7px 1rem;
	align-items: center;
}

.responsive_medium #header .menu_btn_small {
	cursor: pointer;
	display: inline-block;
	color: var(--menu-icon-font-color);
	font-size: 40px;
	background: none;
    border: none;
    padding: 0;
}

.responsive_medium #header .menu_btn_small span {
	font-size: 48px;
}

.responsive_medium #header .menu_btn_small.show_small_menu span.menu,
.responsive_medium #header .menu_btn_small:not(.show_small_menu) span.close {
	display: none;
}

.responsive_medium #header .menu_btn_small:hover {
	color: var(--menu-icon-font-color-hover);
}

.responsive_medium .logo_small {
	background-image:  url('../../elements/logo.svg');
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 110px;
	height: 55px;
}

.responsive_medium .account_detail_toggle_button.show_small_links,
.responsive_medium .account_detail_toggle_button:hover {
	background-color: var(--overview-tile-background-color-hover);
	text-decoration: none;
	color: var(--anchor-color-hover);
}

.responsive_medium .account_detail_toggle_button.show_small_links span.menu,
.responsive_medium .account_detail_toggle_button:not(.show_small_menu) span.close {
	display: none;
}

.responsive_medium #header .account_circle {
	font-size: 33px;
}

.responsive_medium #header .stable_version {
	display: none;
}

.responsive_medium .header_desktop {
	margin: 1rem 1rem 0;
	width: calc(100% - 2rem);
}

.responsive_medium .header_desktop_link_wrapper {
	display: none;
}

/* Menü */
.responsive_medium #menu {
	display: none;
}

.responsive_medium #menu_small {
	border-bottom: var(--menu-item-background-color);
	border-top: none;
	display: none;
	height: auto;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 2;
	box-shadow: 0 10px 20px rgb(0 0 0 / 30%);
}

.responsive_medium #menu_small ul {
	height: auto;
	width: auto;
}

.responsive_medium #menu_small ul li {
	border-right: none;
	border-top: var(--menu-item-border);
	float: none;
	height: auto;
	overflow: hidden;
}

.responsive_medium #menu_small ul li i,
.responsive_medium #menu_small ul li svg {
	display: none;
}

.responsive_medium #menu_small ul li {
	background-color: var(--menu-item-background-color);
}

.responsive_medium #menu_small ul li a {
	display: block;
	margin: 15px 15px 15px 20px;
	font-size: var(--menu-item-font-size);
	font-weight: bold;
	color: var(--menu-item-font-color);
	text-decoration: none;
}

.responsive_medium #menu_small ul li.active,
.responsive_medium #menu_small ul li:hover {
	background-color: var(--menu-item-background-color-hover);
	color: var(--menu-item-font-color-hover);
}

.responsive_medium #menu_small ul li a span {
	margin-right: .5rem;
}

.responsive_medium #header_small_link_wrapper {
	background-color: #fff;
	box-shadow: 0 10px 20px rgb(0 0 0 / 30%);
	display: none;
	position: absolute;
	right: 0;
    top: calc(100% - 7px);
	z-index: 2;
}

.responsive_medium #header_small_link_wrapper a {
	color: var(--menu-sidebar-item-font-color);
	display: block;
	font-size: var(--menu-item-font-size);
	line-height: 30px;
	padding: 7px 10px;
}

.responsive_medium #header_small_link_wrapper a .material-icons-outlined {
	color: var(--anchor-color);
	font-size: 32px;
	padding-right: 3px;
}

.responsive_medium #header_small_link_wrapper a:hover {
	background-color: var(--overview-tile-background-color-hover);
	text-decoration: none;
}

/* Main Content */
.responsive_medium #main_content {
	width: 100%;
}

.responsive_medium #kundenbereich.start #main_column {
	width: 100%;
}

.responsive_medium #content {
	padding: 0 16px;
}

.responsive_medium #side_column {
	display: none;
}

.responsive_medium .content_middle {
	flex-direction: column;
}

/* Footer*/
.responsive_medium #footer_small {
	border-top-width: 5px;
}

/* Tabellen */
.responsive_medium div._table colgroup,
.responsive_medium table colgroup {
	display: none;
}

.responsive_medium div._table.form,
.responsive_medium table.form {
	width: 100%;
}

.responsive_medium .asterisk_active {
	display: none !important;
}

.responsive_medium div._table._static span.asterisk_active,
.responsive_medium table._static span.asterisk_active,
.responsive_medium form.active span.asterisk_active {
	display: inline-block !important;
}

.responsive_medium div._table._static select,
.responsive_medium table._static select {
	width: 100%;
}

/* Messagebox */
.responsive_medium body.platform-ios [data-v-app] .q-dialog__inner--minimized > div,
.responsive_medium body.platform-android:not(.native-mobile) [data-v-app] .q-dialog__inner--minimized > div {
	max-height: none;
}

/* Start */
.responsive_medium .start .header_small {
	display: none;
}

/* responsive xmedium */

.responsive_xmedium ._show_from_xmedium,
.responsive_xmedium .table_header_cell span._show_from_xmedium,
.responsive_xmedium .table_body_cell span._show_from_xmedium,
.responsive_xmedium .table_footer_cell span._show_from_xmedium {
	display: block;
}

.responsive_xmedium div._table ._show_from_xmedium,
.responsive_xmedium table ._show_from_xmedium {
	display: table-cell;
}

.responsive_xmedium ._show_up_xmedium,
.responsive_xmedium div._table ._show_up_xmedium,
.responsive_xmedium table ._show_up_xmedium,
.responsive_xmedium .table_header_cell span._show_up_xmedium,
.responsive_xmedium .table_body_cell span._show_up_xmedium,
.responsive_xmedium .table_footer_cell span._show_up_xmedium {
	display: none;
}

.responsive_xmedium #main_column {
	float: none;
	width: 100%;
}

/* responsive small */

.responsive_small #content .content_top,
.responsive_small #content .content_title{
	padding: 0 8px;
}

.responsive_small h1 {
	font-size: var(--global-h1-font-size-responsive);
}

.responsive_small div._table.form div._tbody div._tr div._td.label._show_up_medium,
.responsive_small table.form tbody tr td.label._show_up_medium {
	display: none;
}

.responsive_small ._show_from_small,
.responsive_small .table_header_cell span._show_from_small,
.responsive_small .table_body_cell span._show_from_small,
.responsive_small .table_footer_cell span._show_from_small {
	display: block;
}

.responsive_small div._table ._show_from_small,
.responsive_small table ._show_from_small {
	display: table-cell;
}

.responsive_small ._show_up_small,
.responsive_small div._table ._show_up_small,
.responsive_small table ._show_up_small,
.responsive_small .table_header_cell span._show_up_small,
.responsive_small .table_body_cell span._show_up_small,
.responsive_small .table_footer_cell span._show_up_small {
	display: none;
}

.responsive_small .data_wrapper {
	width: 100%;
}

.responsive_small #side_column .customer_data_container {
	border-radius: 0;
	padding: 16px;
}

/* Tabs */
.responsive_small div.ebp_tabset h3 {
	font-size: 1rem;
	padding: 8px;
}

.responsive_small .tabct,
.responsive_small .wbox {
	border-radius: 0;
}

/* Tabellen */
.responsive_small div._table colgroup,
.responsive_small table colgroup {
	display: none;
}

.responsive_small div._table._static span.asterisk_active,
.responsive_small table._static span.asterisk_active,
.responsive_small form.active span.asterisk_active {
	display: inline-block !important;
}

.responsive_small div._table._static select,
.responsive_small table._static select {
	width: 100%;
}

/* Form Table Buttons */
.responsive_small .button_table_wrapper {
	flex-direction: column;
}

.responsive_small .buttons_table_cell:not(.req_info) {
	flex-direction: column;
	width: 100%;
}

.responsive_small .buttons_table_cell .btn_wrapper {
	margin-left: 0;
}

/* Buttons */
.responsive_small .navigation_wrapper {
	flex-direction: column-reverse;
}

.responsive_small a.global_button,
.responsive_small .global_button {
	width: 100%;
}

/* Messagebox */
.responsive_small #msgbox a.global_button,
#msgbox .global_button {
	width: 100%;
}

/* Buttons */
.responsive_small .buttons {
	flex-direction: column;
}

/* Spotlight */
.responsive_small .spotlight a.global_button {
	width: auto;
}

/* Responsive xsmall */
.responsive_xsmall ._show_up_xsmall,
.responsive_xsmall div._table ._show_up_xsmall,
.responsive_xsmall table ._show_up_xsmall,
.responsive_xsmall .table_header_cell span._show_up_xsmall,
.responsive_xsmall .table_body_cell span._show_up_xsmall,
.responsive_xsmall .table_footer_cell span._show_up_xsmall {
	display: none;
}

.responsive_xsmall #details div._table div._tr:not(.hidden),
.responsive_xsmall #details table tr:not(.hidden) {
	display: flex;
	flex-direction: column;
}

.responsive_xsmall #details div._table div._tr:not(.hidden) div._td,
.responsive_xsmall #details table tr:not(.hidden) td {
	width: 100%;
	padding: 0 5px;
}

.responsive_xsmall #details div._table div._tr:not(.hidden) div._td.label,
.responsive_xsmall #details table tr:not(.hidden) td.label {
	margin-bottom: 0;
}