/*
 * SWKN-spezifische Styles. Überschreiben ggf. styles aus der common.css
 */

/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The fonts folder(s) should be placed relative to the regular CSS file.
 *
 * You can use either the complete or subsetted fonts:
 * If you don’t require the entire range of characters, you can use the smaller, subsetted webfonts instead.
 * See "Glyphs & Languages" for an overview of the characters in the *_subsetted.html file in the root directory of this package.
 *
 */

@font-face {
    font-family: "Hind Regular";
    src: url("/onlineservices/javax.faces.resource/fonts/hind-regular.eot.xhtml?conversationContext=1");
    src: url("") format('embedded-opentype'),
    url("/onlineservices/javax.faces.resource/fonts/hind-regular.woff.xhtml?conversationContext=1") format('woff'),
    url("/onlineservices/javax.faces.resource/fonts/hind-regular.woff.xhtml?conversationContext=1") format('woff2'),
    url("/onlineservices/javax.faces.resource/fonts/hind-regular.ttf.xhtml?conversationContext=1") format('truetype');
    font-weight: normal
}

@font-face {
    font-family: "Hind Semibold";
    src: url("/onlineservices/javax.faces.resource/fonts/hind-semibold.eot.xhtml?conversationContext=1");
    src: url("") format('embedded-opentype'),
    url("/onlineservices/javax.faces.resource/fonts/hind-semibold.woff.xhtml?conversationContext=1") format('woff'),
    url("/onlineservices/javax.faces.resource/fonts/hind-semibold.woff2.xhtml?conversationContext=1") format('woff2'),
    url("/onlineservices/javax.faces.resource/fonts/hind-semibold.ttf.xhtml?conversationContext=1") format('truetype');
    font-weight: normal
}

/************************** Primefaces-Overrides **************************/

.ui-fileupload .pi-plus::before {
    content: "";
}

.ui-widget .ui-widget {
    font-size: 18px;
}

.ui-corner-all {
    border-radius: 0px;
}

.ui-button-text-only .ui-button-text {
    padding: 5px 0px;
}

.ui-inputfield, .ui-inputfield:focus {
    border: 1px solid #9193AA;
    border-radius: 0;
    padding: 8px 8px 8px 8px;
    line-height: 28px;
    height: auto;
    font-size: 18px;
    transition: none;
    max-width: 527px;
}

.ui-state-error .form-control, .has-error .form-control {
    border-color: #CA181A;
}

.has-error .control-label, .ui-state-error .control-label, .ui-state-error .ui-outputlabel-rfi {
    color: #33373f;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon, .ui-message-info-icon,
.ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {
    background-image: none;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    background-image: none;
}

.ui-messages-error, .ui-message-error {
    border: none;
    background: #f7dcdd;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #CA181A;
    max-width: 850px;
}

.ui-messages-error {
    margin: 40px 0px;
}

.ui-messages-error-summary {
    font-weight: normal;
}

.ui-messages-warn, .ui-message-warn {
    color: #33373f;
    background-color: #fde7cf;
    padding: 24px;
    border: none;
}

.ui-messages-info {
    background-color: #cfe1ef;
    padding: 24px;
    border: none;
}

.ui-selectmanycheckbox.ui-widget td, .ui-selectoneradio.ui-widget td {
    padding-right: 5px;
}

.ui-selectoneradio.ui-widget td .ui-radiobutton {
    margin-left: 10px;
}

.ui-button-text-icon-left .ui-button-text {
    padding: .3em 0.5em .3em 1.1em;
}

.ui-fileupload-buttonbar .ui-button-text {
    padding: 0 0 1px 0px;
}

.ui-widget-header.ui-fileupload-buttonbar {
    background: none;
    border: none;
    padding: 0;
}

.ui-widget-header.ui-fileupload-buttonbar .ui-icon {
    background: none;
}

.ui-fileupload-files .ui-button.ui-state-default.ui-fileupload-cancel {
    background: none;
}

.ui-widget-header.ui-datatable-header {
    background: transparent;
    border: none;
    color: #232856;
    font-size: 24px;
    font-weight: normal;
    text-align: left;
    padding: 4px 0px;
}

.ui-column-title {
    font-weight: bold;
}

.ui-widget {
    font-size: 18px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #9193AA;
    color: #33373f;
    background: transparent;
}

.ui-accordion-header.ui-state-active, .ui-accordion-header.ui-state-default {
    font-weight: normal;
}

.ui-state-disabled {
    opacity: .65;
}

.ui-datatable-tablewrapper {
    overflow: inherit;
}

.ui-widget-overlay {
    z-index: 1997 !important;
}

.ui-messages-error-summary, .ui-messages-info-summary, .ui-messages-fatal-summary, .ui-messages-warn-summary,
.ui-message-error-summary, .ui-message-info-summary, .ui-message-fatal-summary, .ui-message-warn-summary {
    margin-left: 0;
}

.ui-messages a {
    text-decoration: underline;
}

.ui-widget-content a {
    color: #337AB7;
}

.ui-draggable h3 {
    margin: 0 0 15px 0;
}

.ui-messages ul {
    margin: 0;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
    display: none;
}

.ui-message-error {
    margin-left: 0;
    color: #CA181A;
    background-color: transparent;
}

.ui-fileupload-content {
    border: none;
}

.ui-autocomplete {
    display: block;
}

.ui-autocomplete input {
    display: block;
    width: 100%;
}

/** Prognose Legende **/

div.hidden-xs ul.prognose-legend {
    font-size: smaller;
    padding-left: 80px;
    margin-bottom: 20px;
}

div.visible-xs ul.prognose-legend {
    font-size: smaller;
    padding-left: 40px;
    margin-bottom: 30px;
}

/************************** Bootstrap-Overrides ***************************/
.h1, h1 {
    margin-top: 20px;
}

.h2, h2 {
    margin-top: 20px;
}

.h3, h3 {
    font-size: 30px;
}

h1, h2, h3, h4 {
    line-height: 1em;
}

h1, h2, h3, h4 {
    font-size: 32px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Hind Regular', sans-serif;
    font-style: normal;
    color: #232856;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 0.4em;
    line-height: 0.8125em;
    padding-top: 14px;
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border: 1px solid #e3e4e5;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    background-color: white;
}

.panel {
    padding: 0;
}

.panel.panel-default {
    padding: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.panel.panel-default > .panel-heading {
    color: white;
    background-color: #002e5f;
    padding: 7px 10px;
    border-radius: 0;
}

.panel-default > .panel-body {
    padding: 0;
}

.panel-body.no-padding {
    padding: 0;
}

.panel-body.no-padding .form-group {
    padding: 0;
}

.panel-body.no-padding h4 {
    margin-top: 0;
}

.panel-body dl {
    margin-bottom: 10px;
}

.panel-body .form-group {
    padding: 10px 10px 0 0;
    margin-bottom: 10px;
}

.panel-body .form-group label {
    padding: 3px 25px;
    vertical-align: baseline;
}

.panel-body dl.dl-horizontal dt {
    margin-top: 0;
}

.panel-body dl.dl-horizontal dd {
    margin-left: 0;
    margin-bottom: 3px;
}

.text-warning {
    color: #E49000;
}

.dropdown-menu > form > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #33373f;
    white-space: nowrap;
}

.dropdown-menu > form > li > a:focus, .dropdown-menu > form > li > a:hover {
    color: #dadada;
    text-decoration: none;
    background-color: #f5f5f5;
}

.dl-horizontal dt {
    padding-left: 10px;
    text-align: left;
}

.navmenu {
    width: 170px;
}

.navmenu-default .navmenu-nav > li > a, .navbar-default .navbar-offcanvas .navmenu-nav > li > a {
    display: block;
    padding: .4em 1.2em;
    color: white;
    font-size: 1.2em;
    background: url("/onlineservices/javax.faces.resource/images/m_navigation_arrow.png.xhtml?conversationContext=1") no-repeat 95% 50%;
    background-size: 25px;
}

.dropdown-menu > li {
    color: #33373f;
    padding: 0 10px 0 15px;
}

.navbar-brand {
    line-height: 90px;
    height: 90px;
    padding-top: 0;
}

.navbar-default .navbar-collapse {
    border-color: #bcbdbf;
}

.navbar-default .navbar-toggle {
    float: left;
}

.navbar-default .navbar-nav > li > a {
    padding-top: 6px;
    padding-bottom: 7px;
    color: white;
}

.form-group label {
    background-color: transparent;
}

.dropdown-menu {
    min-width: 220px;
}

.navmenu-default, .navbar-default .navbar-offcanvas {
    background-color: transparent;
    border-right-style: none;
}

.fa-2x {
    font-size: 1.5em;
}

.ui-icon.fa {
    text-indent: 0;
    background-image: none;
}

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fa-rotate-315 {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
}

/************************** eigene Style-Klassen **************************/

/* Übergeordnete Panels, z.B. auf "Meine Daten" - "Daten des Geschäftspartners" */
.panel.panel-wrapper {
    padding: 15px;
    box-shadow: 0 0 4px #B3B3B3;
    color: black;
}

.panel.panel-wrapper > .panel-heading {
    padding-left: 0;
    background: none;
    font-size: 24px;
}

/* Lade-Animation */
#loadingDlg {
    background: #555;
    border: 1px solid #555;
    border-radius: 10px;
    box-shadow: none;
    opacity: 0.9;
    z-index: 9999 !important;
}

#loadingDlg .loading-text {
    font-size: smaller;
    color: #fff;
}

.ui-datatable tbody td {
    border: 1px solid #e3e4e5;
}

h2.abstand-bottom-50 {
    margin-bottom: 50px;
}

h2.abstand-bottom-25 {
    margin-bottom: 25px;
}

h2.abstand-bottom-20 {
    margin-bottom: 20px;
}

.form-inline .form-control.inline-calendar {
    border: none;
}

div.center-wrapper {
    text-align: center;
}

div.center-wrapper div.center-container {
    display: inline-block;
    text-align: left;
}

/*
 * Popup
 */

.popup {
    z-index: 4000 !important;
}

.dialog-no-padding .ui-dialog-content {
    padding: 0;
}

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    min-width: 150px;
    min-height: 34px;
}

/* ------------------------ */
/* media abhängige styles   */
/* ------------------------ */

/****************************** mobile (xs) ***********************************/
@media (max-width: 767px) {
    /************************** Allgemein *************************************/
    body {
        background-color: white;
    }

    /************************** Primefaces-Overrides **************************/
    .ui-datatable-reflow thead th,
    .ui-datatable-reflow tfoot td {
        display: none;
    }

    .ui-datatable-reflow .ui-datatable-data td {
        text-align: left;
        display: block;
        border: 0 none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
        background-color: #f6f8f8;
        margin-bottom: 3px;
    }

    .ui-datatable-reflow .ui-datatable-data td.ampel {
        text-align: left;
    }

    .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
        border: 0 none;
    }

    .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
        border-left: 0 none;
        border-right: 0 none;
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
        width: 50%;
        font-weight: normal;
        text-align: left;
    }

    .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content.ui-datatable-odd td {
        background-color: lightgray;
    }

    .ui-datatable-reflow .ui-datatable-data td .data-value {
        width: 35%;
        font-weight: bold;
        text-align: right;
        float: right;
    }

    .ui-datatable-reflow .ui-datatable-data .ui-inputfield {
        display: block;
    }

    .ui-datatable-reflow .ui-datatable-data .ui-inputfield {
        display: block;
    }

    .ui-datatable-reflow .ui-datatable-data span {
        display: block;
    }

    .ui-datatable-reflow .ui-datatable-data span.zaehlerInputMitSap {
        display: inline;
    }

    .ui-datatable-reflow .ui-datatable-data span .ui-inputfield {
        display: inline;
    }

    .ui-fileupload-content .ui-widget-content {
        border: none;
    }

    .dl-horizontal dt {
        padding-left: 0;
    }

    /************************** Bootstrap-Overrides ***************************/
    h2, .h2 {
        margin-top: 5px;
        font-size: 24px;
    }

    .h3, h3 {
        font-size: 24px;
    }

    .navbar-right {
        margin-right: 0;
    }

    .nav.navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }

    .navbar-nav > li {
        float: left;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        left: auto;
        right: 0;
        float: left;
        /* margin-top: 0; */
        background-color: #fff;
        /* border: 0; */
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }

    .navbar-default .navbar-toggle {
        margin-top: 10px;
        border: none;
        padding-top: 5px;
        margin-left: 10px;
    }

    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        color: #dadada;
        border-radius: 0;
    }

    .navbar-default #vertragskontoForm select {
        margin: 10px;
        color: black;
        border: 4px solid transparent;
        border-radius: 3px;
    }

    .navbar-brand {
        padding: 0;
        line-height: 100%;
        width: 100%;
        height: auto;
    }

    .navbar-brand img {
        max-width: 100%;
        height: auto;
        display: inline-block;
        vertical-align: middle;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: white;
        width: 30px;
        height: 3px;
        border-radius: 2px;
        border: 2px solid white;
    }

    .btn, .btn-group {
        width: 100%;
    }

    .panel-body dl.dl-horizontal dd {
        background-color: #f6f6f7;
    }

    .panel-body .form-group {
        margin-left: 0;
    }

    .panel-body .form-group label {
        padding: 8px;
    }

    .navmenu-default .navmenu-nav > li > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover,
    .navmenu-default .navmenu-nav > li > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:focus {
        color: #bbb;
    }

    /************************** eigene Style-Klassen **************************/
    .main {
        /*margin-top: 8%;*/
    }

    .main .row.stage {
        margin: 0;
    }

    .formpanel {
        margin-top: 10px;
        /*border: none;*/
        margin-bottom: 0;
        background-color: white;
    }

    .formpanel h2 {
        margin: 15px 0;
    }

    .main .header-title .inner h2 {
        padding: 0 15px 10px;
        margin-top: 0;
    }

    .main .tile {
        /*height: 60px;*/
        padding: 0;
        margin-bottom: 10px;
        box-shadow: 0 0 4px #d0d0d1;
    }

    .main .tile .cont {
        height: 65px;
        background: url("/onlineservices/javax.faces.resource/images/mvv/landing_arrow.png.xhtml?conversationContext=1") top right no-repeat white;
        background-size: contain;
    }

    .main .tile .cont img {
        margin: 3px 8px;
    }

    .navbar#mobile-header {
        background: none;
    }

    .navbar#mobile-footer {
        background: none;
    }

    .navbar#mobile-header {
        background: none;
    }

    .mobileDate {
        width: 100%;
    }

    #zaehlerstand .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
        width: 40%;
    }

    #zaehlerstand .ui-datatable-reflow .ui-datatable-data td .data-value {
        width: 40%;
        text-align: left;
    }

    .logo {
        width: 118px;
    }

    .zaehlerWarnContainer {
        margin: 0px 15px;
    }
}

/************************** nicht-mobile (sm, md, lg) *************************/
@media (min-width: 768px) {
    /************************** Allgemein *************************************/
    body {
        background-color: white;
    }

    /************************** Primefaces-Overrides **************************/
    .ui-datatable-data {
        text-align: left;
    }

    .ui-datatable-tablewrapper thead th.ampel {
        text-align: left;
    }

    .ui-datatable-data td.ampel {
        text-align: left;
    }

    .dl-horizontal dt {
        padding-left: 0;
    }

    .ui-datatable-reflow .ui-inputfield, .ui-datatable-reflow .ui-selectonemenu {
        max-width: 90%;
    }

    .ui-datatable-reflow .ui-inputfield.ableseInputVorkomma {
        max-width: 55%;
    }

    .ui-datatable-reflow .ui-inputfield.ableseInputNachkomma {
        max-width: 35%;
    }

    /************************** Bootstrap-Overrides ***************************/
    .form-horizontal .control-label {
        text-align: left;
    }

    /************************** eigene Style-Klassen **************************/
    .main .header-title {
        margin-top: 30px;
        /*margin: 30px 15px 0 15px;*/
        min-height: 135px;
        margin-bottom: -5px;
    }

    div.schatten {
        background: url("/onlineservices/javax.faces.resource/images/header_schatten_2.png.xhtml?conversationContext=1") no-repeat top;
        background-size: 100% 100%;
        height: 30px;
    }

    /* für die Anrede auf der Landing-Page */
    .main .header-title .inner {
        background: rgba(255, 255, 255, 0.65);
        min-height: 100px;
        line-height: 100px;
    }

    .main .header-title .inner h2 {
        vertical-align: middle;
        display: inline-block;
        padding: 0 30px;
    }

    .main .tile {
        padding: 0 15px;
        background: url("/onlineservices/javax.faces.resource/images/kachel_schatten.png.xhtml?conversationContext=1") no-repeat bottom;
        background-size: 95% 36%;
        height: 130px;
    }

    .main .banner-large .tile {
        padding: 0;
        background-size: 93% 12%;
        background-position-x: 130%;
        height: 390px;
    }

    .main .tile .cont img {
        margin: 6% 0 7% 20%;
        width: 20%;
    }

    /* padding für inputs in inline layouteten Formularen */
    .form-inline .form-group.inline-padding {
        padding-right: 20px;
    }

    .form-horizontal .control-label.label-lift {
        padding-top: 0;
    }

    .zaehlerNetzeErforderlich {
        line-height: 100px;
    }

    .zaehlerWarnContainer {
        margin: 40px 15px;
    }
}

/****************************** ab iPad Landscape (md, lg) ***********************************/
@media (min-width: 992px) {
    .main .tile .cont img {
        margin: 15% 0 15% 12%
    }
}

/****************************** Desktop groß (lg) ***********************************/
@media (min-width: 1200px) {
    .main .tile .cont img {
        margin: 11% 0 12% 15%
    }
}

/* Fügt dem body die aktuelle Viewport-Größe hinzu, damit diese in der entsprechenden js-Funktion erkannt
   werden kann */

body::before {
    display: none;
    content: "xs";
}

@media (min-width: 768px) {
    body::before {
        content: "sm";
    }
}

@media (min-width: 992px) {
    body::before {
        content: "md";
    }
}

@media (min-width: 1200px) {
    body::before {
        content: "lg";
    }
}

h3.errorHeadline {
    margin: 20px 0 20px 0;
}

body, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Hind Regular', sans-serif;
}

.main .tile .landing-item {
    font-family: 'Hind Regular', sans-serif;
}

i.fa.ci, a.linkarrow {
    color: #232856;
}

.ui-widget.button-default .ui-button-text {
    font-size: 16px;
    padding: 0.67em 1em 0.67em 1em;
}

.ui-slider-handle.ui-state-default {
    background: #232856;
}

input[type="text"].hasDatepicker {
    width: 100%;
}

.ui-datepicker .ui-datepicker-title select {
    color: black;
    font-weight: normal;
}

.ui-button.ui-datepicker-trigger {
    width: 2.5em;
}

.ui-calendar .ui-widget.hasDatepicker {
    /*float: left;*/
    display: inline;
}

.ui-calendar .ui-widget.hasDatepicker {
    width: 100%;
}

/* */
#ui-datepicker-div {
    background-color: white;
    border: 1px solid #a7a7a8;
    padding: 0 21px 21px 21px;
}

#ui-datepicker-div .ui-widget-header {
    background: transparent;
    border: none;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px 12px;
}

#ui-datepicker-div .ui-widget-header .ui-state-hover {
    background: none;
    border: none;
}

.ui-datepicker .ui-datepicker-title select {
    color: #494948;
    border: none;
    margin-top: 6px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 10px;
}

.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover {
    top: 10px;
    left: 2px;
}

.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover {
    top: 10px;
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover .ui-icon-circle-triangle-w,
.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover .ui-icon-circle-triangle-e {
    background-position: -63px -6px;
}

.ui-datepicker .ui-datepicker-prev span.ui-icon-circle-triangle-w {
    width: 12px;
    height: 24px;
    background: url("/onlineservices/javax.faces.resource/images/evo/pfeil_links.png.xhtml?conversationContext=1") no-repeat -7px -6px transparent;
}

.ui-datepicker .ui-datepicker-next span.ui-icon-circle-triangle-e {
    width: 12px;
    height: 24px;
    background: url("/onlineservices/javax.faces.resource/images/evo/pfeil_rechts.png.xhtml?conversationContext=1") no-repeat -7px -6px transparent;
}

.ui-datepicker .ui-datepicker-title {
    font-family: 'Dax Pro Medium', sans-serif;
}

.ui-datepicker-calendar th, .ui-datepicker-calendar td {
    font-size: 16px;
}

.ui-datepicker th {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 8px;
}

.ui-datepicker td span, .ui-datepicker td a.ui-state-default, .ui-datepicker td a.ui-state-active {
    border: none;
    color: #134094;
    background-color: #e7ecf4;
    text-align: center;
}

.ui-datepicker td span, .ui-datepicker td a.ui-state-active {
    color: white;
    background-color: #134094;
}

.ui-state-default .ui-icon, .ui-state-hover .ui-icon {
    background-image: url("/onlineservices/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?conversationContext=1");
}

.ui-state-active .ui-icon {
    background-image: url("/onlineservices/javax.faces.resource/images/evo/ui-icons_134094_256x240.png.xhtml?conversationContext=1");
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background-image: none;
}

.ui-chkbox .ui-chkbox-box {
    /* border: 1px solid #9193AA;
    border-radius: 0px;*/
    width: 28px;
    height: 28px;
    border: none;
    background: url("/onlineservices/javax.faces.resource/images/evo/checkbox.svg.xhtml?conversationContext=1") no-repeat 0 0 transparent;
}

.ui-chkbox .ui-chkbox-box.ui-state-error {
    background-position: 0 -56px;
}

.ui-chkbox .ui-chkbox-box.ui-state-active {
    background-position: 0 -28px;
}

.ui-chkbox-icon.ui-icon {
    background: none;
    border: none;
}

.ui-radiobutton-box.ui-state-hover .ui-icon {
    background-color: transparent;
}

.ui-state-default {
    background-color: transparent;
}

.ui-draggable .ui-dialog-titlebar {
    background: #232856;
}

.removeButton.ui-button .ui-button-text.ui-c, .removeButton.ui-button.ui-state-default .ui-button-text.ui-c {
    margin-left: -6px;
    margin-top: -2px;
}

.formpanel {
    background-color: white;
    margin-bottom: 0px;
    border: 0px !important;
    border-radius: 4px 4px 0;
    /*padding: 15px 15px 30px 30px;*/
}

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: left;
}

.ui-widget-content {
    border: 1px solid white;
}

.ui-accordion .ui-accordion-header.ui-state-default, .ui-accordion .ui-accordion-header.ui-state-active {
    background-color: #002e5f;
}

.navbar {
    height: 30px;
    border: none;
}

.panel-body p {
    padding: 10px;
    background-color: white;
    margin-bottom: 2px;
}

.panel-body.form-horizontal {
    background-color: white;
}

.panel-body dl.dl-horizontal dd, .panel-body dl.dl-horizontal dt {
    margin-top: 3px;
    /*margin-left: 0;*/
    background-color: white;
    padding: 3px 10px 2px 10px;
    font-size: 14px;
}

button.ui-button {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 50ms linear;
    -moz-transition: background-color 50ms linear;
    transition: background-color 50ms linear;
    padding: 4px 20px 4px 20px;
    -webkit-appearance: none;
    font-size: 0.9375em;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: none;
    border-width: 0 0 0 0;
    cursor: pointer;
    font-family: inherit;
    font-weight: normal;
    line-height: 28px;
    margin: 10px 10px 10px 0px;
    position: relative;
    text-decoration: none;
    text-align: center;
    background-color: #0f69af;
    color: #fff;
    border-color: #fff;
    height: 36px;
}

button.ui-button.btn-primary {
    background-color: #0f69af;
    margin-left: 15px;
}

.removeButton.ui-button, .removeButton.ui-button.ui-state-default {
    height: 30px;
    width: 30px;
    padding: 0;
    margin-left: 15px;
    background-color: #0f69af;
    color: #fff;
}

.removeButton.ui-button:hover {
    background-color: #232856;
}

.removeButton .ui-icon {
    margin-left: -2px;
}

button.ui-button:hover {
    background-color: #232856;
    color: #fff;
}

.navbar#mobile-header p, .navbar#desktop#desktop-header {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar#mobile-footer p, .navbar#desktop#desktop-footer p {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar#mobile-footer p {
    /*margin-top: 20px;*/
    text-align: left;
}

.navbar#mobile-header p {
    /*margin-top: 20px;*/
    text-align: left;
}

.navbar#mobile-footer .container {
    margin-top: 30px;
    padding: 0px 0px;
}

.navbar#mobile-header .container {
    margin-top: 30px;
    padding: 0 15px;
    color: #777;
}

.navbar-default {
    background-color: #232856;
}

.navbar#mobile-footer {
    background: #eff0f3;
}

.navbar#mobile-header {
    background: #232856;
}

.navbar#desktop-footer {
    margin-top: 100px;
    background-color: transparent;
    height: 100px;
}

.navbar#desktop-footer .container {
    padding: 0px 15px;
}

.navbar#desktop-footer .navbar-text, .navbar#desktop-footer .navbar-text a {
    font-family: 'Hind Regular', sans-serif;
    color: #33373f;
}

.navbar#mobile-footer {
    background-color: transparent;
    height: auto;
}

.navbar#mobile-header {
    background: #232856;
}

.navbar#desktop-header {
    background: #232856;
    border: none;
}

.navbar {
    position: relative;
    min-height: 30px;
    margin-bottom: 20px;
}

.navbar {
    position: relative;
    min-height: 30px;
    margin-bottom: 0px;
}

.navbar#mobile-header p, .navbar#desktop#desktop-header p {
    margin-top: 8px;
    margin-bottom: 8px;
}

.netzebar-default {
    background-color: #232856;
}

.netzebar#mobile-footer {
    background: #eff0f3;
}

.netzebar#desktop-footer {
    background: #232856;
    border: none;
}

.netzebar#mobile-header {
    background: #232856;
}

.netzebar#desktop-header {
    background: #232856;
    border: none;
}

.netzebar {
    position: relative;
    min-height: 30px;
    margin-bottom: 20px;
}

.netzebartext {
    color: white;
}

.ui-fileupload .ui-widget-header {
    border: inherit;
    background: inherit;
}

.ui-fileupload-content .ui-progressbar .ui-progressbar-value {
    background-color: #232856;
    color: #fff;
}

.ui-fileupload .ui-state-default:hover {
    color: #CA181A;
    text-decoration: none;
    line-height: inherit;
    background: transparent;
    border: none;
}

.ui-fileupload .ui-state-default {
    color: #0f69af;
    text-decoration: none;
    line-height: inherit;
    background: transparent;
    border: none;
}

.ui-fileupload .ui-button-text {
    text-decoration: underline;
}

span.h1 {
    line-height: 1;
}

span.h1 {
    color: #FFFFFF;
    margin-bottom: 0;
    /*	font-size: 1.75em;*/
    line-height: 1em;
    font-family: 'Hind Regular', sans-serif;
    font-style: normal;
    font-weight: bold;
    margin-top: 0;
    text-rendering: optimizelegibility;
    padding: 0px;
}

#title-area {
    margin-bottom: 20px;
    padding-top: 2px;
    padding-bottom: 1em;
    background: white;
}

#mobile-title-area {
    margin-bottom: 0px;
    padding-top: 1em;
    padding-bottom: 1em;
    background: white;
}

.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 12px;
    padding-bottom: 0px;
}

.form-group {
    margin-bottom: 8px;
}

.zaehlerInputContainer {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #ffffff;
}

.ui-outputlabel-rfi {
    margin-left: 0;
    color: #232856;
}

#desktop-footer .claim-box {
    margin-bottom: 20px;
}

.footerLink {
    padding-right: 15px;
    color: white;
}

.navbar-text {
    float: left;
    margin-right: 0px;
    margin-left: 0px;
}

.logo {
    vertical-align: middle;
    display: inline-block;
    padding: 15px 0px 15px 0px;
    width: 200px;
}

select {
    color: black;
}

.btn-primary {
    color: #CA181A;
    text-decoration: none;
    line-height: inherit;
    background: transparent;
}

.btn-primary:focus {
    color: #fff;
    text-decoration: none;
    line-height: inherit;
    background: transparent;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
}

.layout-container {
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 15px;
    margin-right: 15px;
    border-style: solid;
    border-width: 0px 0px 4px 0px;
    border-color: #D3D4DD;
}

.navbar-text {
    float: left;
    margin-right: 0px;
    margin-left: 20px;
}

.navbar {
    border-radius: 0px;
}

.abschicken-button {
    float: right;
}

a:focus, a:hover {
    text-decoration: none;
    color: #CA181A;
}

a {
    color: #0f69af;
    background-color: transparent;
}

.ui-fileupload-buttonbar .ui-fileupload-choose input {
    font-size: 18px;
}

.ui-inputfield.strasse {
    width: 95%;
    float: left;
    margin-right: 5%;
}

.hausnummer {
    float: left;
    width: 100%;
}

table.strasse-hausnummer {
    max-width: 527px;
}

.strasse-hausnummer td:nth-child(odd) {
    width: 25%;
}

.strasse-hausnummer td:nth-child(odd) {
    width: 75%;
}

.ui-inputfield.ort {
    display: block;
    width: 100%;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    padding: 0.625em 0.625em 0.625em 0.625em;
    text-align: left;
}

.ui-datatable .ui-sortable-column {
    cursor: pointer;
}

#zaehlerstandsmeldungForm .ui-datatable th {
    color: #232856;
    font-weight: bold;
    font-size: 16px;
    padding: 12px 0px 12px 20px;
}

#zaehlerstandsmeldungForm .ui-datatable td {
    padding: 12px 0px 12px 20px;
    vertical-align: middle;
}

#zaehlerstandsmeldungForm .ui-datatable table {
    border-bottom: 2px solid #eff0f3;
    margin-bottom: 16px;
}

#zaehlerstandsmeldungForm .zaehlerHinzufuegenButton {
    margin-top: 0px;
}

#zaehlerstandsmeldungForm .zaehlerHinzufuegenButton .ui-c {
    margin-left: 20px;
    padding-left: 0.3em;
}

#zaehlerstandsmeldungForm .versendenButtonContainer {
    padding-left: 0px;
}

.ui-datatable thead th {
    border-color: #FFF;
    background: transparent;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    overflow: hidden;
    white-space: nowrap;
    border-style: solid;
}

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
    display: table-cell;
    line-height: 1.125em;
    border-width: 0px !important;
}

table tr th, table tr td {
    color: #33373f;
    vertical-align: bottom;
}

.ui-datatable thead, .ui-datatable-scrollable-header-box, .ui-datatable-scrollable-footer-box, .ui-treetable thead, .ui-treetable-scrollable-header-box, .ui-datatable-scrollable-footer-box {
    font-weight: normal;
    color: #eff0f3;
}

table tr.even, table tr.alt, table tr:nth-of-type(2n) {
    background: #eff0f3;
    border-width: 0px !important;
}

.ui-widget-content {
    border: 0px solid #dadada;
}

table thead, table tfoot {
    background: #eff0f3;
    font-weight: bold;
    border-width: 0px !important;
}

.versendenButtonPanel button.btn-primary.pruefenButton {
    float: left;
    background-color: #0f69af;
    color: #fff;
}

.versendenButtonPanel button.btn-primary.pruefenButton:hover {
    background-color: #232856
}

#zaehlerstandsmeldungForm .versendenButton {
    float: left;
    color: #fff;
!important;
}

.zaehlerWarnContainer {
    background: #f7dcdd;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #CA181A;
    max-width: 850px;
}

.zaehlerWarnContainer .col-sm-12 {
    padding-left: 20px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: white;
    background: #1e90ff none;
}

.ui-selectonemenu {
    padding: 8px 16px;
    display: block;
}

.ui-widget.ui-selectonemenu {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: -moz-linear-gradient(white 0%, white 50%, #ededee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(50, #FFFFFF), color-stop(100, #ededee));
    background-image: -webkit-linear-gradient(white 0%, white 50%, #ededee 100%);
    background-image: -o-linear-gradient(white 0%, white 50%, #ededee 100%);
    background-image: -ms-linear-gradient(white 0%, white 50%, #ededee 100%);
    background-image: linear-gradient(#ffffff 0%, #ffffff 50%, #ededee 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffededee)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffededee);
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    color: white;
    cursor: default;
    display: block;
    position: absolute;
    right: 0;
    /* top: 2.4em; */
    width: 2.5em;
    /*background-image: url("/onlineservices/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?conversationContext=1");*/
    /*margin-right: 10px;*/
    bottom: 15px;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    background-image: url("/onlineservices/javax.faces.resource/images/evo/ui-icons_494948_256x240.png.xhtml?conversationContext=1");
    top: 4px;
    left: 25px;
}

.ui-selectonemenu-panel {
    border-color: #799bd2;
}

.ui-selectonemenu-panel.ui-shadow {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 0;
    border: 1px solid #9193AA;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item:hover {
    color: white;
    background-color: #1e90ff;
}

.ui-selectonemenu.form-control {
    width: 100% !important;
    height: 46px;
    border-color: #9193aa;
    max-width: 527px;
}

td .ui-selectonemenu {
    height: 46px;
    border-color: #9193aa;
}

.ui-widget .ui-widget.ui-selectonemenu label {
    padding: 0px 4px 4px 4px;
    margin-bottom: 0.5em;
}

.h2, h2 {
    font-size: 30px;
    font-weight: bold;
}

#zaehlerstandsmeldungForm .white {
    background: white;
!important;
}

#eingabeVerbrauchstelleForm .searchVerbrauchsstelleButton {
    margin-left: 0px;
}

#eingabeVerbrauchstelleForm .formularStartButton {
    margin-left: 20px;
}

.pagelabel {
    color: #CA181A;
    font-size: 14px;
}

.navbar-default .navbar-text {
    color: #33373f;
}

.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-8, .col-sm-9 {
    padding-left: 0px;
}

.ui-fileupload-buttonbar .ui-button .ui-button-text {
    display: inline-block;
}

.ui-fileupload-buttonbar .ui-button {
    padding: 0px;
}

#ablesebelegErfolgForm .druckenLink {
    text-decoration: underline;
}

#emailErfolgForm a {
    color: #CA181A;
    background-color: transparent;
}

.datenschutzHinweis {
    padding-bottom: 40px;
    padding-right: 10px;
}

table.vollmachtPanel {
    max-width: 527px;
}

.vollmachtPanel td {
    vertical-align: top;
    line-height: 28px;
}

body {
    color: #33373f;
}

label {
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    padding-left: 0px;
}

#zaehlerpanel {
    font-size: 18px;
}

.pagenote {
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 25px;
    max-width: 800px;
}

.eno-footer {
    background-color: #eff0f3;
    font-size: 14px;
    min-height: 82px;
    padding: 12px 28px 12px 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0px 14px;
}

.eno-copyright-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.eno-links {
    display: flex;
}

#captchaContainer button {
    color: #0f69af;
    background: none;
    padding: 0px;
}

#captchaContainer button:hover {
    color: #CA181A;
}

#captchaContainer button .ui-button-text {
    text-decoration: underline;
}

#zaehlerstandsmeldungForm .zaehlerInputContainer, #ablesebelegErfolgForm .zaehlerInputContainer {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999b9f;
}

#zaehlerstandsmeldungForm .zaehlerInputContainer:last-child {
    border: none;
}

.zaehlerInputContainer strong {
    font-family: "Hind Semibold";
    font-weight: normal;
}

.form-group.versendenButtonPanel {
    padding-left: 0px;
}

#beendenEno {
    margin-left: 15px;
    height: 70px;
}

#weitereZaehler {
    margin-left: 15px;
    height: 70px;
}

.invisible {
    display: none;
}

.zaehlerInputSpacer {
    display: none;
}

/******************** ENO-Footer ********************/

body a[href^="tel"], body a[href^="tel"]:visited, body a[href^="tel"]:focus, body a[href^="tel"]:hover {
    color: #494948;
    font-size: 24px;
    cursor: default;
    pointer-events: none;
}

.wizard-title {
    border-bottom: none;
    margin-top: 0;
    margin-bottom: 0.2em;
    background-color: #eff0f3;
    width: 100%;
}

#footer {
    margin-top: 30px;
}

footer a {
    text-decoration: none;
}

footer .footerMiddle, footer .footerBottom {
    line-height: 20px;
    border-bottom: 2px solid #fff;
    overflow: hidden;
}

footer .footerMiddle .inlineblock {
    line-height: 20px;
    font-size: 14px;
}

footer .footerMiddle .inlineblock:first-child {
    margin-right: 8px;
}

footer .footerBottom {
    font-size: 14px;
    line-height: 20px;
}

.innerFooter {
    height: 100%;
    box-sizing: border-box;
    padding: 12px 28px 12px 28px;
    background: #eff0f3;
}

.inlineblock {
    font-size: 14px;
    display: inline-block;
}

footer .innerFooter a {
    text-decoration: none;
    margin-right: 8px;
}

footer .tel {
    font-size: 24px;
    line-height: 28px;
}

.footerMiddle {
    padding: 6px 0px;
}

@media (min-width: 768px) {
    body {
        font-size: 18px;
        line-height: 28px;
    }

    footer .footerBottom .tel {
        font-size: 28px;
        line-height: 32px;
    }

    footer .footerBottom, footer .footerMiddle {
        float: left;
        width: 40%;
        box-sizing: border-box;
        border-bottom: 0;
    }

    footer .footerMiddle {
        width: 60%;
    }

    footer .footerBottom .innerFooter {
        float: right;
    }

}

.zaehlerInput .ui-message-error-summary {
    margin-left: -5px;
}

.panelGridLeftCenter td {
    vertical-align: inherit;
    height: 100px;
    width: 600px;
}