@CHARSET "UTF-8";

@font-face {
	font-family: "Open Sans";
	src: url('../fonts/opensans-regular.woff') format('woff');
}

@font-face {
	font-family: "Open Sans";
	src: url('../fonts/opensans-bold.woff') format('woff');
	font-weight: bold;
}

/* Header*/
.header_desktop_link_wrapper .material-icons-outlined {
	color: var(--global-background-darker);
}

.header_desktop_top h4 {
    color: var(--global-background-darker);
}

#header ._logo {
	width: 136px;
	height: 55px;
	margin-top: 46px;
	margin-bottom: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}

a.global_button, .global_button {
	transition: all .3s ease-in;
	border-radius: 22px;
	min-height: 42px;
}

a {
	transition: all .1s ease-in;
}

a.button {
	border-radius: 0;
}

body.loaded div.ebp_tabset div.tabct {
	box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.16);
}

.back_to_root {
	transition: all .1s ease-in;
}
/*QUASAR COLORS*/
.text-app {
	color: var(--global-primary-color) !important;
}
.bg-app {
	background: var(--global-primary-color) !important;
}

/* POSTBOX */
.q-loading-bar {
	background: var(--global-primary-color) !important;
}
.postbox .tabct {
	border: none;
	background: #fff;
	box-shadow: none !important;
}
.postbox #postbox_bar,
.postbox #postbox_bar .q-bar {
	background-color: var(--postbox-box-background) !important;
	padding-left: 0;
}
.postbox #postbox_bar .q-btn {
	text-transform: none !important;
}
.postbox #postbox_bar .text-primary {
	color: var(--global-primary-color) !important;
}
.postbox #postbox_bar .q-bar button {
	font-size: 12px;
}
.postbox #postbox_bar .q-bar button span{
	text-transform: uppercase;
}
.postbox #chip_bar {
	margin: 10px 0 !important;
}
.postbox #chip_bar .q-chip__icon--remove{
	color: var(--global-primary-color) !important;
}
.postbox #chip_bar .q-chip .q-icon{
	background: #fff;
	color: var(--global-primary-color);
}
.postbox_item_active {
	background-color: var(--postbox-card-active-background) !important;
}
.postbox #postbox_list_container {
	box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}
.postbox #postbox_list .q-card {
	box-shadow: none !important;
}
.postbox #postbox_reading_area .reading-header {
	align-items: center;
}

.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_card_header .text-h6{
	height: 23px !important;
}
.postbox .q-card .q-preview-text {
	font-size: 16px;
}
.postbox .pin_icon {
	background-image: url("../elements/icons/postbox/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 .q-btn .q-icon.material-icons {
	margin-right: 5px;
	font-size: 1.25em;
}
.postbox .q-btn span.q-btn__content {
	text-transform: initial;
}
.postbox_card_icon[internal_icon="bill"] {
	background-image: url("../elements/icons/uebersicht/m2_copy.svg");
}
.postbox_card_icon[internal_icon="contract"] {
	background-image: url("../elements/icons/uebersicht/m2_list.svg");
}
.postbox_card_icon[internal_icon="payment"] {
	background-image: url("../elements/icons/postbox/m2_euro.svg");
}
.postbox_card_icon[internal_icon="counter"] {
	background-image: url("../elements/icons/uebersicht/m2_meter.svg");
}
.postbox_card_icon[internal_icon="info"] {
	background-image: url("../elements/icons/postbox/m2_info.svg");
}
.postbox_card_icon[internal_icon="alert"] {
	background-image: url("../elements/icons/postbox/m2_exclamationmark_red.svg");
}
.postbox_card_icon[internal_icon="default"] {
	background-image: url("../elements/icons/postbox/m2_lightbulb.svg");
}
/* Icons */
.slider_list h4.counter:before, #_sbar div.content.counter:before {
	background-image: url(../elements/icons/uebersicht/m2_meter.svg);
}

.slider_list h4.userdata:before, #_sbar div.content.userdata:before {
	background-image: url(../elements/icons/uebersicht/m2_user.svg);
}

.slider_list h4.contract:before, #_sbar div.content.contract:before {
	background-image: url(../elements/icons/uebersicht/m2_list.svg);
}

.slider_list h4.bill:before, #_sbar div.content.bill:before {
	background-image: url(../elements/icons/uebersicht/m2_copy.svg);
}

.slider_list h4.contract:before, #_sbar div.content.contract:before {
	background-image: url(../elements/icons/uebersicht/m2_list.svg);
}

.slider_list h4.history:before, #_sbar div.content.history:before {
	background-image: url(../elements/icons/uebersicht/m2_measurement.svg);
}

.slider_list h4.payment:before, #_sbar div.content.payment:before {
	background-image: url(../elements/icons/uebersicht/m2_reduction.svg);
}

.button.download {
	background-image: url(../elements/icons/m2_download.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.button.download.disabled {
	background-image: url(../elements/icons/m2_exclamationmark.svg);
	cursor: not-allowed;
}

/* Kundendaten */
body .userdata .data_wrapper table.form.customer_address_data input[type="text"].city {
	width: calc(100% - 80px);
}

body .userdata .data_wrapper table.form.customer_address_data input[type="text"].zip {
	width: 70px;
}

/* Postbox */
.postbox [data-v-app] .text-primary {
	color: var(--global-primary-color) !important;
}


/* Contract change */
.contract_tariff_action {
	display: flex;
}

.contract_tariff_action a.button {
	margin-left: 0;
}

.table_container.list a.contract_change {
	margin-left: 0.5rem;
}

.table_container.list a.contract_change span,.table_container.list div.contract_change span {
    background-image: none;
    background-repeat: no-repeat;
}

.table_container.list a.contract_change span,
.table_container.list a.contract_change span:before,
.table_container.list div.contract_change span:before {
	display: inline-block;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    color: var(--button-icon-font-color);
    font-size: var(--button-icon-font-size);
	content: "\f35a";
}

.table_container.list a.contract_change span,
.table_container.list div.contract_change.disabled span,
.table_container.list div.contract_change.disabled.closed span {
    background-image: none;
	width: auto;
	height: auto;
}

.contract_tariff_action .button.disabled, .contract_tariff_action .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;
}

.contract_tariff_action  .button {
    padding: 0 12px;
    background-color: var(--button-icon-background);
    border-radius: 0;
    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
}

/* Popup Accept terms*/

#label_header_accept_terms {
	background-color: var(--global-secondary-color);
}

@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;
	}
}