:root {
	--input-checkbox-background: var(--global-text-font-color);
    --input-radio-accent: var(--global-text-font-color);
}

/*GLOBAL*/
h2,
h4 {
	margin: 0 0 2rem 0;
}
input[type="text"],input[type="text"][disabled],input[type="text"][readonly],
input[type="email"],input[type="email"][disabled],input[type="email"][readonly],
input[type="password"],input[type="password"][disabled],input[type="password"][readonly],
textarea,textarea[disabled],textarea[readonly],
select, select[disabled], select[readonly]{
	border: 0;
	box-shadow: 0 0 0 1px #9b9b9b;
}
input[type="text"]:hover,input[type="text"][disabled]:hover,input[type="text"][readonly]:hover,
input[type="email"]:hover,input[type="email"][disabled]:hover,input[type="email"][readonly]:hover,
input[type="password"]:hover, input[type="password"][disabled]:hover, input[type="password"][readonly]:hover {
	border: 0;
	box-shadow: 0 0 0 1px var(--global-primary-color);

}
input[type="text"]:focus,input[type="text"][readonly]:focus,
input[type="email"]:focus,input[type="email"][readonly]:focus,
input[type="password"]:focus,input[type="password"][readonly]:focus,
textarea:hover,
select:hover {
	border: 0;
	box-shadow: 0 0 0 2px var(--global-primary-color);
}

input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: var(--input-checkbox-background);
}
input[type="radio"]{
	appearance: none;
	-webkit-appearance: none;
	border-radius: 50%;
	background: #ffffff;
	width: 16px;
	height: 16px;
	outline: 2px solid var(--input-radio-accent);

	margin: 0 !important;
}
input[type="radio"]:checked {
	appearance: none;
	-webkit-appearance: none;
	border-radius: 50%;
	border: 3.5px solid white;
	width: 16px;
	background: var(--input-radio-accent);
	outline: 2px solid var(--input-radio-accent);
	height: 16px;
}
._wrapper_checkbox:has(input[type="checkbox"]) {
	align-items: center;
}
a.global_button, .global_button {
	border-radius: var(--button-border-radius);
}
.start #content .content_top {
	display: none;
}
.data_wrapper {
	border-bottom: 1px solid #f3f3f3;
}
.footer_wrapper {
	text-align: center;
	color: #0c0c0c;
	font-size: 14px;
}

.label_customer_number.label + .content {
	font-weight: 600;
}
.table_header_cell,
.table_body_cell,
.table_body_cell_clean {
	padding: 10px 5px;
}
.table_header_cell {
	font-weight: 600;
}
.table_body_wrapper > #details > div{
	background-color: var(--details-box-background);
}
#details h3 {
	color: var(--details-box-title-color);
	border-bottom: var(--details-box-title-border-bottom);
	border-top: var(--details-box-title-border-top);
}
#details table tr td.content span {
	font-weight: 600;
}
#menu_small {
	z-index: 10 !important;
	background: #fff;
}

/* Sidebar */
.ebp_menu li svg {
	display: none;
}

#side_column #ct {
	padding-right: 1rem;
}

/*QUASAR COLORS*/
.text-app {
	color: var(--global-primary-color) !important;
}
.bg-app {
	background: var(--global-primary-color) !important;
}
/*START*/
#header .logo_wrapper {
	padding: 30px 0;
}
#header ._logo,
.responsive_medium .logo_small {
	background-image: url("../elements/logo.png");
	height: 56px;
	margin: 0;
	background-position: center;
}
#header ._logo {
	width: 240px;
}
.responsive_medium .logo_small {
	width: 200px;
}

.start_text {
	margin-top: 25px;
}
form.plugin_login .plugin_login_navi_wrapper {
	margin-top: 20px;
}
#_slider_wrapper span.btn_left{
	justify-content: flex-start;
}
#_slider_wrapper span.btn_right{
	justify-content: flex-end;
}

#_sbar div.sbar_frame div.content {
	width: 280px;
}

#_slider_wrapper {
	height: 270px;
}

/* Userdata */
.customer_contact td.content {
	align-items: center;
	gap: 0.5rem;
}
/*REGISTER*/
.register_user .tabct {
	background: var(--tab-content-background);
}
#progressbar_wrapper {
	top: 5px;
}
.register_additional_data td.content.last {
	margin-bottom: 2rem;
}
/*COCKPIT*/
#side_column .customer_data_container {
	background: var(--global-secondary-color);
	color: var(--global-primary-color);
}
#side_column #ct .config_logout_wrapper .config_account_data {
	align-items: center;
}
#side_column #ct .config_logout_wrapper .config_account_data a{
	color: var(--global-primary-color);
}
.logout .global_button:hover {
	background: var(--global-primary-color);
	border: 2px solid var(--global-primary-color);
}
#frame_onlinecustomer {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	background: #fff;
	padding: 24px;
	border-radius: 22px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#frame_onlinecustomer h1 {
	margin-bottom: 20px;
}
#frame_onlinecustomer .content {
	margin-bottom: 0;
}
#frame_onlinecustomer .content .tcenter {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 10px;
}
#frame_onlinecustomer .content .tcenter .button {
	min-width: 100px;
	transition: all .15s ease-in !important;
	margin-bottom: 0;
}

#frame_onlinecustomer .content .tcenter .button.decline {
	background: var(--button-secondary-background);
	color: var(--button-secondary-font-color);
	border: var(--button-secondary-border);
}

#frame_onlinecustomer .content .tcenter .button.decline:hover {
	background: var(--button-secondary-background-hover);
	color: var(--button-secondary-font-color-hover);
	border: var(--button-secondary-border-hover);
}

/*Overview*/
.overview .back_to_root {
	visibility: hidden;
	margin-top: 0;
	font-size: 0;
}

ul.ebp_overview li {
	border: 0;
}
ul.ebp_overview li:hover {
	border: 0;
	box-shadow: 0 0 0 1px #f3f3f3;
}
.content_title h1 {
	font-weight: var(--global-h1-font-weight) !important;
}

#popup_accept_terms h2 {
	background-color: #F7A823;
	font-size: 24px;
}

#accept_terms_step_1 {
	display: flex;
	flex-direction: column;
}

/*Sidebar*/
#side_column #ct #menu_side ul li {
	padding-right: 0;
}
#side_column #ct #menu_side ul li a {
	text-transform: uppercase;
	font-weight: 600;
}
.postbox_box {
	display: none;
}
/*KUNDENDATEN*/
.userdata .tabct,
.config_account_data .tabct,
.bank_account .tabct {
	background: var(--tab-content-background);
}

body .userdata .data_wrapper table.form.customer_address_data tbody .row_zip,
body .userdata .data_wrapper table.form.customer_address_data tbody .row_city,
body .userdata .data_wrapper table.form.customer_address_data tbody .row_street {
	width: calc(50% - 10px);
	display: inline-flex;
}
body .userdata .data_wrapper table.form.customer_address_data tbody .row_nr,
body .userdata .data_wrapper table.form.customer_address_data tbody .row_zusatz {
	width: calc(25% - 15px);
	display: inline-flex;
}
body .userdata .data_wrapper table.form.customer_address_data tbody .row_zip,
body .userdata .data_wrapper table.form.customer_address_data tbody .row_street,
body .userdata .data_wrapper table.form.customer_address_data tbody .row_nr {
	margin-right: 20px;
}
.user_name_list {
	margin-bottom: 1rem;
}
.user_name_list .content {
	padding: 0;
}

.userdata_address.buttons {
	flex-direction: column;
}

body .userdata .data_wrapper form.active table.form td._birthday.content {
	align-items: center;
	gap: .5rem;
}

.user_name_list .content a:not(.button){
	padding: 1rem 0;
	font-weight: 600;
}
#user_name_list_navi {
	justify-content: space-between;
}
#user_name_list_navi .global_button.edit,
#user_name_list_navi a.global_button.edit {
	background: var(--button-secondary-background);
	border: var(--button-secondary-border);
	color: var(--button-secondary-font-color);
	box-shadow: var(--button-secondary-shadow);
}
.bank_list_wrapper .table_container .table_header_row,
.bank_list_wrapper .table_container .table_body_row {
	display: flex;
}

.bank_list_wrapper .table_container .table_header_row > div,
.bank_list_wrapper .table_container .table_body_row > div {
	flex: 1;
}

.bank_list_wrapper .table_container .table_header_cell.edit, 
.bank_list_wrapper .table_container .table_header_cell.delete, 
.bank_list_wrapper .table_container .table_body_cell.edit, 
.bank_list_wrapper .table_container .table_body_cell.edit_mandate, 
.bank_list_wrapper .table_container .table_body_cell.delete {
	flex: 0 0 60px;
}

.responsive_xsmall .bank_list_wrapper .table_container .table_body_row.main .table_body_cell.more {
	display: flex;
	flex-direction: column;
}

.bank_list_wrapper .table_container .table_body_row.main.allow_hover:hover .table_body_cell {
	background-color: rgba(247, 168, 35, .6);
}

form[name="bank_data"] .content.pwr_active_from {
	align-items: center;
}

.user_name_list tr.last .content,
.user_name_list .content {
	border-bottom: 1px solid var(--global-primary-color);
}

/* POSTBOX */
.q-loading-bar {
	background: var(--global-primary-color) !important;
}
.postbox .tabct {
	border: none;
	background: var(--tab-content-background);
}
.postbox #postbox_bar,
.postbox #postbox_bar .q-bar {
	background-color: var(--postbox-box-background) !important;
}
.postbox #postbox_bar .q-btn {
	text-transform: none !important;
}
.postbox #postbox_bar .text-primary {
	color: var(--global-primary-color) !important;
}
.postbox #chip_bar {
	margin: 10px 0 !important;
}
.postbox #chip_bar .q-chip {
	background-color: var(--postbox-box-background) !important;
}
.postbox #chip_bar .q-chip__icon--remove{
	color: var(--global-primary-color) !important;
}
.postbox_item_active {
	background-color: var(--postbox-card-active-background) !important;
}
.postbox #postbox_list .q-card {
	box-shadow: none !important;
	border: 1px solid #f6f6f6 !important;
}
.postbox #postbox_reading_area .reading-header,
.postbox #postbox_reading_area .reading-header > div{
	padding: 5px;
}
.postbox #postbox_reading_area .reading-header .text-h5 {
	font-weight: 600;
}
.postbox #postbox_reading_area .q-card#selected_message_wrapper {
	border: none !important;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.postbox #postbox_reading_area .q-card .text-message {
	font-size: 16px;
}
.postbox #postbox_reading_area .q-card__section {
	border: none !important;
}
.postbox #postbox_reading_area .q-card#selected_message_wrapper .attachements {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
[data-v-app] form.filter .row {
	gap: 10px;
}
[data-v-app] form.filter .q-option-group {
	margin-bottom: 30px;
}

[data-v-app] form.filter .row .q-btn.primary,
[data-v-app]  .q-date .q-date__actions .q-btn.primary {
	background: var(--button-primary-background) !important;
	color: var(--button-primary-font-color) !important;
	font-weight: 600;
}

[data-v-app] form.filter .row .q-btn.secondary,
[data-v-app] .q-date .q-date__actions .q-btn.secondary,
.postbox #postbox_reading_area .q-card .attachements .attachement-btn .q-btn {
	padding: 6px 8px;
}

[data-v-app] form.filter .row .q-btn.secondary span,
[data-v-app] .q-date .q-date__actions .q-btn.secondary span,
.postbox #postbox_reading_area .q-card .attachements .attachement-btn span {
	font-weight: 600;
	color: var(--button-secondary-font-color);
}

[data-v-app] form.filter .row .q-btn.secondary:before,
[data-v-app] .q-date .q-date__actions .q-btn.secondary:before,
.postbox #postbox_reading_area .q-card .attachements .attachement-btn .q-btn:before {
	border: var(--button-secondary-border) !important;
}
[data-v-app]  .q-date .q-date__actions .q-btn.secondary:hover:before {
	background: #fff !important;
}

.postbox .q-card .text-primary,
.postbox .q-card .text-h6 {
	color: var(--global-primary-color) !important;
}
.postbox #postbox_list .q-card .text-primary,
.postbox #postbox_list .q-card .text-h6 {
	font-size: 18px !important;
	line-height: normal;
	font-weight: 600;
}
.postbox #postbox_list .q-card .postbox_card_header {
	align-items: center;
}
.postbox .q-card .align-images {
	display: flex;
	align-items: center;
}
/*.postbox #postbox_list .q-card .q-card__section:has(.postbox_card_header) {*/
/*    width: 100% !important;*/
/*}*/
.postbox_card_header .text-h6{
	height: 23px !important;
}
.postbox .q-card .q-preview-text {
	font-size: 16px;
}
.postbox .pin_icon {
	background-image: url("../elements/icons/colored_m2/m2_pin.svg");
	background-size: contain;
	background-repeat: no-repeat;

	height: 24px !important;
	width: 24px !important;
}
#no_message_banner {
	background-color: var(--postbox-box-background) !important;
}
.postbox #postbox_list .pagination,
.postbox #postbox_list .pagination .text-primary {
	color: var(--global-primary-color) !important;
}
.postbox #postbox_list .pagination .bg-primary {
	background-color: var(--global-primary-color) !important;
}
.postbox #postbox_list #postbox_list_container ul li:not(:last-of-type) {
	border-bottom: 1px solid #bbbbbb;
}
.postbox_card_icon {
	background-size: 40px 40px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
}
.postbox_card_icon[internal_icon="bill"] {
	background-image: url("../elements/icons/colored_m2/ic_invoice_enabled.svg");
}
.postbox_card_icon[internal_icon="contract"] {
	background-image: url("../elements/icons/colored_m2/ic_contracts_enabled.svg");
}
.postbox_card_icon[internal_icon="payment"] {
	background-image: url("../elements/icons/colored_m2/m2_euro_orange.svg");
}
.postbox_card_icon[internal_icon="counter"] {
	background-image: url("../elements/icons/colored_m2/ic_meterreading_enabled.svg");
}
.postbox_card_icon[internal_icon="info"] {
	background-image: url("../elements/icons/colored_m2/m2_info_orange.svg");
}
.postbox_card_icon[internal_icon="alert"] {
	background-image: url("../elements/icons/colored_m2/m2_exclamationmark_red.svg");
}
.postbox_card_icon[internal_icon="default"] {
	background-image: url("../elements/icons/colored_m2/m2_lightbulb_orange.svg");
}
/*ZAEHLERSTAND*/
.counter .tabct {
	background: var(--tab-content-background);
}
#kundenbereich.counter .table_body_cell.actions {
	justify-content: flex-start;
}
.counter_worklist input[type=text] {
	width: 175px;
}
.table_body_row.counter_date.counter_value {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.worklistdetails .details_handle {
	padding: 10px 0;
}
.worklistdetails_column_title {
	font-weight: 600;
}
.worklistdetails.open .label_counter_less {
	color: var(--global-secondary-color);
}
.worklistdetails .label_counter_less span,
.worklistdetails .label_counter_more span {
	font-weight: 600;
	font-size: 14px;
}
.worklistdetails.open .label_counter_less span {
	color: var(--global-primary-color);
}
.counter_worklist .single_counter_date_pair {
	gap: 10px;
}

div.entry .worklistdetails .reading_type_list span {
	display: flex;
}

.info_footer {
	display: flex;
	gap: .5rem;
}

.info_footer .content_hint {
	font-size: 13px;
}

/*VERTRAGE*/
.contract .tabct {
	background: var(--tab-content-background);
}
.contract .list .contract_tariff_name span {
	width: 130px;
}

.responsive_xsmall #entry .contract_list_wrapper .label_contract_data_counter_number,
.responsive_small #entry .contract_list_wrapper .label_contract_data_counter_number {
	padding: 10px 5px;
}

/*RECHNUNGEN*/
.bill .tabct {
	background: var(--tab-content-background);
}
#details table tbody tr td span.html_bill_current_total span.red {
	color: var(--global-text-font-color);
}

.responsive_xsmall .table_container .table_header_cell:first-child,
.responsive_small .table_container .table_header_cell:first-child {
	padding: 10px 5px;
}

/*VERBRAUCH*/
.history .tabct {
	background: var(--tab-content-background);
}
/*ABSLAG*/
.payment .tabct {
	background: var(--tab-content-background);
}
.table_body_cell.label_payment_all_energy_type,
.table_body_cell.payment_partial_energy_name_medium_name,
.table_body_cell.payment_medium_name {
	border: 0;
	padding: 10px 5px;
}
.payment_data_locked .table_body_row.list.allow_partial,
.payment_data_locked .table_body_row.list.allow_partial .table_body_cell {
	background: var(--table-background-color);
	border: 0;
}
.payment_data_locked .table_body_wrapper .list {
	border-bottom: 1px solid #bbb;
}
/*DOWNLOADS*/
.downloads .tabct {
	background: var(--tab-content-background);
}
body .out .form_moveout_address_wrapper form.active table.form tr._moveout_date td.content {
	justify-content: space-between;
	align-items: center;
}
.tab.move.out .moveout .table_header_cell.label_moveout_counter_head_date,
.tab.move.out .moveout .table_body_cell.moveout_counter_date,
.tab.move.out .moveout .table_header_cell.label_moveout_counter_head_value,
.tab.move.out .moveout .table_body_cell.moveout_counter_value {
	width: 100%;
}
/*AUFZUG*/
.out .tabct {
	background: var(--tab-content-background);
}
.tab.move.out .moveout_counter_work_container input[type="text"] {
	width: 70%;
}
.out a.button.calendar#counter_date_button {
	display: inline-flex;
}
body .tab.move table.form tbody tr td input[type="text"].zip,
body .tab.move table.form tbody tr td input[type="text"].city,
body .tab.move table.form tbody tr td input[type="text"].street {
	width: calc(50% - 10px);
}
body .tab.move table.form tbody tr td input[type="text"].no,
body .tab.move table.form tbody tr td input[type="text"].ext {
	width: calc(25% - 12.5px);
}
body .tab.move table.form tbody tr td input[type="text"].zip,
body .tab.move table.form tbody tr td input[type="text"].street{
	margin-right: 10px;
}
body .tab.move table.form tbody tr td input[type="text"].no {
	margin-right: 10px;
}
#navi_address .radiobox{
	display: flex;
	align-items: center;
	gap: 10px;
}
#navi_address .navigation_wrapper,
#entry .navigation_wrapper {
	gap: 10px;
}

/*AINZUG*/
.in .tabct {
	background: var(--tab-content-background);
}
/*UMZUG*/
.outin .tabct {
	background: var(--tab-content-background);
}
.outin .radiobox {
	display: flex;
	align-items: center;
	gap: 10px;
}
/*CONTACT*/
.contact .tabct {
	background: var(--tab-content-background);
}
.contact textarea {
	height: 95px;
}
.form.contact_data .label_contact_form_answer + .content .wrapper,
.form.contact_data .label_contact_form_copy + .content .wrapper{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.form.contact_data label[for=reply_no] {
	margin-right: 40px;
}
/*DISRUPTER*/

.disrupter {
	border: 0;
	box-shadow: var(--disrupter-box-shadow);
	min-width: 30%;
	border-radius: 8px;
}
.disrupter.active {
	z-index: 16950;
}
.disrupter h2 {
	background-color: var(--disrupter-title-background);
	color: var(--disrupter-title-color);
	padding: 15px;
	font-size: 22px;
	border-bottom: 0;
	font-weight: 600;
}
.disrupter .close {
	top: 20px;
	right: 15px;
}
.disrupter h3 {
	font-size: 20px;
	color: var(--disrupter-subtitle-color);
	font-weight: 500;
	padding: 5px 5px 0;
}
.disrupter .content {
	margin-bottom: 0;
}
.disrupter p {
	color: var(--disrupter-text-color);
	padding: 5px;
}
.disrupter a {
	padding: 10px 15px;
	background-color: var(--disrupter-link-background);
	color: var(--disrupter-link-color);
	border-radius: var(--button-border-radius);
	font-size: 18px;
	transition: all .15s ease;
}
.disrupter a:hover {
	background-color: var(--disrupter-link-hover-background);
	color: var(--disrupter-link-hover-color);
	box-shadow: 0 0 0 2px var(--disrupter-link-hover-color);
}

.password_forget .account_detail_toggle_button  {
	display: none;
}

@media screen and (max-width: 1100px) {
	.slider_list_item {
		align-items: center;
		margin-bottom: 30px;
	}
	#frame_onlinecustomer {
		width: 60%;
	}
}
@media screen and (max-width: 992px) {
	a.account_detail_toggle_button {
		display: flex;
		
	}
	
	.overview a.account_detail_toggle_button {
		margin-top: 1rem;
	}
	
	.logout a.account_detail_toggle_button,
	.register_user a.account_detail_toggle_button,
	.start a.account_detail_toggle_button {
		visibility: hidden;
	}
}
@media screen and (max-width: 850px) {
	.tabct a.global_button {
		display: flex !important;
	}
	.overview ul.ebp_overview {
		gap: 15px;
	}
	body .tab.move table.form tbody tr td input[type="text"].zip,
	body .tab.move table.form tbody tr td input[type="text"].city,
	body .tab.move table.form tbody tr td input[type="text"].street {
		width: 100%;
		margin-bottom: 10px;
	}

	body .tab.move table.form tbody tr td input[type="text"].no,
	body .tab.move table.form tbody tr td input[type="text"].ext {
		width: calc(50% - 10px);
	}

	#frame_onlinecustomer {
		width: 80%;
	}

}
@media screen and (max-width: 767.98px) {
	#postbox_list {
		width: 100%;
	}
	#postbox_reading_area {
		width: 100%;
	}
}
@media screen and (min-width: 768px) {
	.siv-postbox.smaller-or-equal-medium #selected_message_wrapper {
		position: unset !important;
	}

	.siv-postbox.smaller-or-equal-medium #postbox_reading_area #no_message_banner {
		display: flex;
	}
	.list .table_container.list span._show_from_small {
		display: block !important;
	}
	.siv-postbox.smaller-or-equal-medium #close_message_wrapper {
		display: none !important;
	}
	.tab.move.out .table_body_cell {
		white-space: nowrap;
	}

}


@media screen and (max-width: 575.98px) {
	.header_top_wrapper {
		padding: 0 .5rem;
	}
	
	#header ._logo {
		width: 250px;
		background-size: contain;
	}
	
	#header .logo_wrapper {
		padding: 0;
	}
	
	.tab.move.out .table_header_cell,
	.tab.move.out .table_body_cell {
		font-size: 14px;
	}
	.tab.move.out .moveout_counter_work_container input[type="text"] {
		width: 100%;
		margin-bottom: 10px;
	}
	body .tab.move .navigation_wrapper span a.global_button,
	input.global_button {
		width: 100% !important;
		margin-bottom: 10px;
	}

	body .tab.move table.form tbody tr td input[type="text"].no,
	body .tab.move table.form tbody tr td input[type="text"].ext {
		width: calc(50% - 10px) !important;
	}
	body .tab.move table.form tbody tr td input.zip[type="text"],
	body .tab.move table.form tbody tr td input.city[type="text"],
	body .tab.move table.form tbody tr td input.street[type="text"] {
		margin-bottom: 20px;
	}
	.counter .counter_worklist .worklist .table_body_cell input[type=text]{
		width: 120px;
	}
	.counter .worklistdetails .table_body_cell_clean {
		width: 20%;
		font-size: 14px;
		white-space: nowrap;
	}

	.table_body_row.counter_date.counter_value {
		grid-template-columns: 1fr 1fr 1fr;
	}

	#details table tr:not(.hidden) td.label {
		margin-bottom: 10px !important;
	}
	.navigation_wrapper {
		flex-direction: column !important;
	}
	.payment_data_locked span.label_payment_all_energy_type {
		width: 150px;
	}
	.entry .payment_data_locked .table_body_row {
		grid-template-columns: 160px 1fr 1fr !important;
	}

	#frame_onlinecustomer {
		width: 95%;
	}
	#frame_onlinecustomer h1 {
		font-size: 2rem;
	}
	
	h1 {
		font-weight:400;
		font-size:var(--global-h1-font-size-responsive);
	}
}