@charset "UTF-8";
@import "fonts.css";

/*General*/
:focus-visible {
    outline: none;
}

.label {
    font-weight: 700;
}

.table_header_cell {
    padding: 15px 5px !important;
    font-weight: 600;
    /* white-space: nowrap !important; */
}

.responsive_medium .logo_small,
#header ._logo {
    background-image: url("../elements/logo.png");
    width: 229px;
    height: 43px;
}

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

.footer .label_footer_1 {
    font-size: 1rem;
}

.footer .label_footer_1 b {
    font-size: 1.15rem;
}

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: 1px solid transparent;
    box-shadow: 0 0 0 1px var(--global-text-font-color);
}

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: 1px solid transparent;
    box-shadow: 0 0 0 2px #000;
}

#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_location_wrapper:not(.no_dropdown) ._location_link:hover,
#header ._location_link.hover {
    border: 1px solid transparent;
    box-shadow: 0 0 0 2px #000;
}

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

.responsive_small h1,
.responsive_small .slider_list,
.responsive_small .label_start_site_text,
.responsive_small .slider_header {
    padding: initial;
}

.footer_wrapper {
	padding: 2rem 0;
}

.footer {
    background: var(--global-footer-background);
}

[data-v-app] .q-loading-bar {
    background-color: var(--global-primary-color);
}

a.global_button,
.global_button {
    text-transform: uppercase;
}

/*Userdata*/
body .userdata .data_wrapper table.form.customer_address_data input[type="text"].zip {
    margin-right: 10px;
    max-width: 100%;
}

body .userdata .data_wrapper table.form.customer_address_data input[type="text"].zip,
body .userdata .data_wrapper table.form.customer_address_data input[type="text"].city {
    width: calc(50% - 5px);
}

body .userdata .data_wrapper table.form.customer_address_data input[type="text"].street {
    width: calc(50% - 5px);
}

body .userdata .data_wrapper table.form.customer_address_data input[type="text"].no,
body .userdata .data_wrapper table.form.customer_address_data input[type="text"].adr_ext {
    width: calc(25% - 7.5px);
}

body .userdata .userdata_address.buttons {
    justify-content: flex-end;
}

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

/*Counter*/
.counter_reading_form_actions .counter_form_action_btn,
.card_footer .card_notebox .notebox_content .counter_action_btn,
.energy_type_card .counter_list .counter_actions .counter_action_btn {
    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);
}

[data-v-app] .q-dialog-plugin .q-btn {
    background: var(--button-primary-background) !important;
    border: var(--button-primary-border)  !important;
    font-family: var(--button-font) !important;
    font-weight: var(--button-font-weight) !important;
    letter-spacing: var(--button-letter-spacing) !important;
    text-transform: var(--button-text-transform) !important;
    border-radius: var(--button-border-radius) !important;
    transition: var(--button-transition) !important;
    border: var(--button-primary-border) !important;
    padding: var(--button-padding) !important;
    color: var(--button-primary-font-color) !important;
    background: var(--button-primary-background) !important;
}

/*Bill*/
.bill_list_wrapper .table_body_cell {
    padding: 15px 5px;
}

/*History RLM*/
div.rlm_main table.filter select {
    width: 100%;
}

div.rlm_main div.date .time_date_wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

div.rlm_main div.date.time .time_date_wrapper:not(:last-of-type) {
    margin-bottom: 10px;
}

div.rlm_main div.date.time .time_date_wrapper > * {
    margin: 0;
}

div.rlm_main div.date.time .time_date_wrapper input.time.date {
    flex-grow: 1;
}

table.rlm_settings a.button.calendar {
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#render.global_button:hover {
    background: var(--button-primary-background-hover);
}

#rlm_output .navigation_wrapper {
    justify-content: flex-end;
}

/*Contract*/
.contract #entry .table_header_row, .contract #entry .table_body_row {
    grid-template-columns: 100px 1fr 160px 1fr 145px;
}

/* Contract change */
#ebp_ct .ebp_tabset .tab.contractchange .content_wrapper .fleft._1 {
    width: 65%;
}

#ebp_ct .ebp_tabset .tab.contractchange .content_wrapper .fright._2 {
    width: 30%;
}

#ebp_ct .ebp_tabset .tab.contractchange .content_wrapper .label {
    width: 350px;
}

.navi_wrapper.cc_2_navi .btn_wrapper {
    gap: 10px;
}

#ebp_ct .ebp_tabset .tab.contractchange._detail .navi_wrapper a.check { border-color: var(--button-primary-background) !important; background: var(--button-primary-background) !important;}