/* GENERAL */
body {
    overflow-x: hidden;
}
h4 {
    margin-bottom: 3rem;
}
a.global_button, .global_button {
    border-radius: var(--button-border-radius);
}
.label_logout_button.global_button {
    display: inline-flex;
}
.content_title h1{
    font-weight: 600 !important;
    margin-top: 30px;
}
#header ._logo {
    background-image: url("../elements/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 200px;
	height: 50px;
}

.responsive_medium .logo_small {
	background-image: url(../elements/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 175px;
    height: 45px;
}
/* HEADER */

.header_desktop_top h4 {
	color: #ffffff;
}
.header_desktop_link_wrapper .material-icons-outlined {
	color: #ffffff;
}

.slider_list h4:before {
	color: var(--overview-tile-icon-color);
}

#popup_accept_terms {
    border-radius: var(--global-border-radius);
    width: 500px;
}
#label_header_accept_terms {
    background: var(--terms-popup-header-background);
}
.tab .data_wrapper {
    border-bottom-color: var(--global-secondary-color);
}
.data_wrapper .label_customer_number + .content{
    font-weight: 900;
}

.q-loading-bar {
    background: var(--global-primary-color) !important;
}

/* POSTBOX */
.postbox_box a .postbox_counter {
	top: 15px;
	left: 59px;
}

.postbox .tabct {
	border: 0;
	padding: 0;
}

#postbox_list_container .row .q-card__section--vert.icon_left_padding { 
	flex-grow: 0;
}

#postbox_list_container .row .q-card__section--vert {
	flex-grow: 1;
}

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

[data-v-app] #postbox_bar .q-bar--standard {
	background-color: var(--menu-item-background-color) !important;
	padding: 0;
}

[data-v-app] #postbox_list .q-pt-lg {
	padding-top: .5rem;
}

[data-v-app] #postbox_list .q-card__section--vert.icon_left_padding,
[data-v-app] #postbox_reading_area .q-card__section--vert.icon_left_padding {
	padding: 0.5rem 0 0.5rem 0.5rem;
	flex-shrink: 0;
}

[data-v-app] #postbox_reading_area .q-card__section--vert.icon_left_padding {
	padding-top: .75rem;
}

[data-v-app] #postbox_list .q-card__section--vert,
[data-v-app] #postbox_reading_area .q-card__section--vert {
	padding: .5rem;
}

[data-v-app] #postbox_list .q-card__section--vert {
	overflow: hidden;
}

[data-v-app] #postbox_list .text-h6 {
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#postbox_list_container .q-icon.material-icons.col-2 {
	width: auto;
	line-height: auto;
}

[data-v-app] #selected_message_wrapper .q-card__actions .q-btn--rectangle {
	border-radius: var(--global-border-radius);
	border: 1px solid var(--button-primary-background);
	color: var(--button-primary-background);
}

[data-v-app] #selected_message_wrapper .q-card__actions .q-btn--rectangle:hover {
	border: 1px solid var(--button-primary-background-hover);
	color: var(--button-primary-background-hover);
}

#postbox_reading_area {
	padding-left: 1rem;
}

[data-v-app] #postbox_list_container .q-card>div {
	overflow: hidden;
}

[data-v-app] #selected_message_wrapper .selected_message_content {
	background-color: var(--menu-item-background-color);
	padding: .5rem;
}

[data-v-app] #selected_message_wrapper .q-btn__content .btn_text {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: flex-start;
    text-align: left;
    text-transform: none;
    width: 160px;
    display: inline-block;
    line-height: 34px;
}
ul.ebp_overview li {
	background: var(--global-background-darker);
	border: 1px solid transparent;
}
/* FOOTER */
.footer_wrapper {
    color: var(--global-footer-font-color);
}

/*Bankaccount*/
.bank_list_wrapper .table_container .table_body_row.main.allow_hover:hover .table_body_cell {
	background-color: var(--table-row-active-background);
}

form[name="bank_data"] .content._checkbox_ {
	display: flex;
}

form[name="bank_data"] .content input[name="pwr_check_signature"] {
	position: relative;
	left: 0;
	top: 0;
}

form[name="bank_data"] .content span.check_signature {
	margin-left: 1rem;
}

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

/*Vertragswechsel*/

.cc_2_navi .btn_wrapper .print {
	display: none;
}

#ebp_ct .ebp_tabset .tab.contractchange._detail .success { 
	border: 3px solid #19e128; 
}

#ebp_ct .ebp_tabset .tab.contractchange._detail .navi_wrapper a.check { 
	border-color: #19e128; 
	background: #19e128;
}