/**
GLOBAL UND RESET START
**/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    font-size: .8em;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.25em;
    margin: 0 10px 10px 10px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "PT Sans", Verdana, Arial, sans-serif;
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    margin: 1.3em 0 0.2em 0;
}

h1:first-child, h2:first-child {
    margin-top: 0;
}

h1, .h1 {
    font-size: 1.6em;
}

h2, .h2 {
    font-size: 1.5em;
    line-height: 1.25em;
}

h3, .h3 {
    font-size: 1.35em;
}

h4, .h4 {
    font-size: 1.2em;
}

h5, .h5 {
    font-size: 1.1em;
}

h6, .h6 {
    font-size: 1em;
}

ul, ol {
    margin-bottom: .5em;
}

ul.ui-menu-list li {
    list-style-type: none;
}

.ui-divider.ui-divider-solid.ui-divider-horizontal::before {
    border-top: 1px solid #aaaaaa;
}

body .ui-menu .ui-divider.ui-divider-horizontal {
    margin: 0;
    height: 3px;
}

li {
    list-style-type: square;
    list-style-position: outside;
    margin: 0 0 0 18px;
}

a, a.active {
    text-decoration: none;
    color: #868686;
}

a:hover, a:focus, a.active:hover, a.active:focus,
.ui-state-hover a.link-in-selectable-table:hover,
.ui-state-hover a.link-in-selectable-table:focus {
    color: #6600E2;
    /* color: #E25401; */
}

a img {
    border: 0 none;
}

td, th {
    padding: 2px;
}

.b-header {
    height: 90px;
    margin-bottom: 10px;
    margin-top : -4px !important;
    background-color: #fbfbfb;
}

.b-header-links {
    height: 90px;
    width: 185px;
    float: left;
    background: #ffffff url(/jakarta.faces.resource/images/VALUE_rgb_transparent.png.html?rv=774fc437b41b683b2d25ff5dfeef36f0a2cd475a) no-repeat;
    background-position-x: 10px;
    background-position-y: 15px;
    background-size: 170px;
    padding-right: 15px;
}

.b-header-rechts {
    background: none;
    padding-top: 40px;
    float: left;
}

.b-header-rechts h1:before {
    color: #6600e2;
    content: "VALUE Analyst ";
    font-size: 26px;
}

@media screen and (min-width: 600px) {
    .b-header {
        margin-top : 0;
    }
    .b-header-rechts h1:before {
        content: none;
        display: none;
    }

    .b-header-rechts {
        background: url(/jakarta.faces.resource/images/Analyst-Banner.png.html?rv=774fc437b41b683b2d25ff5dfeef36f0a2cd475a) no-repeat;
        background-size: 1920px;
        float: none;
        padding: 0;
        margin-left: 200px;
        height: 90px;
    }
}


.e-non-production {
    position: absolute;
    top: 71px;
    font-size: 12px !important;
    left: 228px;
    font-weight: bold;
    margin-left: 8px;
    color: #ff44f6;
}

/**
GLOBAL UND RESET ENDE
**/

/******* BLOCK MAIN ANFANG */
.b-main {
    clear: both;
}

/* NEU #2907 "Mehr Bilderanleitung auf die Segmentauswahl" */
/* Clearfix Hack */
.b-content:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

* html .b-content {
    zoom: 1;
}

/* IE6 */
*:first-child + html .b-content {
    zoom: 1;
}

/* IE7 */
/* NEU END #2907 "Mehr Bilderanleitung auf die Segmentauswahl" */

/******* BLOCK MAIN ENDE */

/******* BLOCK BUSYSTATUS ANFANG */
.e-busystatus-icon {
    position: fixed;
    top: 110px;
    left: 50%;
    margin-left: -50px;
    display: none;
    z-index: 10001;
}

body.ajax-busy .e-busystatus-icon {
    display: block;
}

.e-busystatus-fog {
    height: 100%;
    overflow: hidden !important;
    display: none;
    z-index: 100002;
    width: 100%;
    background-color: white;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0.50;
    filter: alpha(opacity=50);
}

body.blocked-ui .e-busystatus-fog {
    display: block;
}

/******* BLOCK BUSYSTATUS ENDE */

/******* BLOCK ANGEBOTDETAIL DIALOG ANFANG */
.e-angebotDetailsVwps {
    word-wrap: break-word;
}

.e-angebotDetailsVwps th {
    height: 26px;
}

.b-angebotdetail-dialog {
    clear: both;
    margin: 15px 15px 0 0;
}

div#mF\:angebotDetailsDialogCc\:ergebnisAngebotDetailDialog.ui-dialog div.ui-dialog-content {
    white-space: normal !important;
    padding: 0;
}

/******* BLOCK ANGEBOTDETAIL DIALOG ENDE */

/******* BLOCK NAVIGATION ANFANG */
.b-navigation {
    height: 25px;
    margin: 0 0 10px 0;
}

/* Dieser Block steht rechts oben und enthält vor dem Login das Impressum, und nach dem Login den Logout */
.b-navigation .b-logout-impressum {
    padding: 4px 0 0 0;
    float: right;
}

.b-navigation .b-menu {
    float: left;
    width: 187px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

/* Dieses Tag soll es immer nur einmal auf jeder Seite geben und das wird zur Ueberschrift */
.e-navigation-headertext {
    position: absolute;
    top: 105px;
    left: 210px;
    font-size: 1.1em;
    font-weight: bold;
    color: #303030;
}

/******* BLOCK NAVIGATION ENDE  */

/******* BLOCK CONTENT ANFANG */
.b-content {
    clear: both;
}

.b-segmentauswahl {
    float: left;
    width: 48%;
    min-width: 450px;
    display: inline;
    margin: 0;
    padding: 0 15px 15px 0;
}

.b-segmentauswahl-beschreibung {
    float: left;
    width: 48%;
    min-width: 250px;
    vertical-align: top;
    display: inline;
}

/******* BLOCK CONTENT ENDE  */
.b-navigation .ui-button {
    font-weight: bold;
    height: 24px;
    margin-right: 10px;
}

.e-navigation-fake-button {
    font-weight: bold;
    height: 24px;
}

/******* GENERELLE MODIFIER ANFANG */
.inlineBlock {
    display: inline-block;
}

/* Das Menu soll über allen Dialogen erscheinen: #7995 */
.e-menubutton {
    z-index: 100001 !important;
    background: #e3e3e3 url("/jakarta.faces.resource/images/burger.svg.html?rv=774fc437b41b683b2d25ff5dfeef36f0a2cd475a") no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 70%;
}

.e-menubutton.ui-menu {
    width: 190px;
    background: #fff;
}

/* Tooltips sollen noch über den menu buttons angezeigt werden. #4554 */
.e-menu-tooltip {
    z-index: 100050 !important;
}

button.e-menubutton > span.ui-button-text {
    padding-left: 17px;
}


.e-backbutton,
.ui-widget-content .ui-button.e-backbutton{
    background: #e3e3e3 url("/jakarta.faces.resource/images/back.svg.html?rv=774fc437b41b683b2d25ff5dfeef36f0a2cd475a") no-repeat;
    background-position-x: 1px;
    background-position-y: 2px;
    background-size: 18px;
    width: 24px;
}

.e-alldownloads {
    background: #e3e3e3 url("/jakarta.faces.resource/images/back.svg.html?rv=774fc437b41b683b2d25ff5dfeef36f0a2cd475a") no-repeat;
    background-position-x: 1px;
    background-position-y: 2px;
    background-size: 18px;
    padding-left: 16px;
}

.e-nextbutton {
    background:  #e3e3e3 url("/jakarta.faces.resource/images/next.svg.html?rv=774fc437b41b683b2d25ff5dfeef36f0a2cd475a") no-repeat;
    background-position-x: 1px;
    background-position-y: 2px;
    background-size: 18px;
    padding-left: 16px;
}

.e-exportbutton {
    background:  #e3e3e3 url("/jakarta.faces.resource/images/next.svg.html?rv=774fc437b41b683b2d25ff5dfeef36f0a2cd475a") no-repeat;
    background-position-x: 1px;
    background-position-y: 2px;
    background-size: 18px;
    padding-left: 16px;
}


/* Zurück Button im Menü */
div.ui-slidemenu-backward.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background: none !important;
    border: none !important;
}

/*noinspection ALL*/
div.ui-slidemenu-backward.ui-widget-header.ui-corner-all.ui-helper-clearfix > .ui-widget-header .ui-icon {
    /* language=EL */
    background-image: url("/jakarta.faces.resource/images/ui-icons_888888_256x240.png.html?ln=primefaces-es&v=14.0.12&rv=774fc437b41b683b2d25ff5dfeef36f0a2cd475a&e=14.0.16");
}

.e-tab-header-button {
    margin: 5px 10px 15px 0 !important;
}

.e-raumAdminAdd {
    vertical-align: bottom;
    margin-left: 9px !important;
}

.e-raumAdminLoeschenIcon {
    display: inline-block !important;
    margin-bottom: -4px;
}

.e-raumAdminInput {
    margin-right: 4px;
}

.e-raumAdminInput input {
    width: 431px;
}

.e-raumAdminOrParts {
    margin-top: 5px;
}

.m-font-smaller {
    font-size: 0.8em;
    color: gray;
}

.m-em {
    font-style: italic;
}

.m-font-italic {
    font-style: italic;
}

.m-font-smaller-important {
    font-size: 0.8em !important;
    color: gray !important;
}

.m-font-gray {
    color: gray;
}

.m-debug {
    font-size: 0.8em;
    color: gray;
    margin-left: 20px;
    display: block;
}

.m-ohne-rahmen {
    border: 0 none !important;
    padding: 0;
}

/* Für große Inline Icons */
.m-icon-inline-gross {
    float: left;
    margin: -3px 6px 0 0;
}

/* Für große kleine (aus UI-Themeroller) Icons */
.m-icon-inline-klein {
    float: left;
    margin: 0 2px 0 0;
}

.m-raumChooserFreitext {
    margin-top: 5px;
}

/*  ZEBRA Tabellen  */
.m-odd {
    background: rgba(0%, 0%, 0%, 0.0);
}

.m-even {
    background: #f0edf4;
}

/* Ab hier nur noch Inline Eigenschaften wie z.B. Font und Farben */
.m-color-lavender {
    color: #6600E2 !important;
}

.m-color-lavender-darker {
    color: #272d3f !important;
}

.m-warnung {
    color: #6600E2 !important;
}

.m-background-gray {
    background: #BCBCBC;
}

.m-background-ok {
    background: #81E768;
}


.m-background-warn {
    background: #d2c9dd;
}

.m-background-error {
    background: #6e578b;
}

.m-color-stat-count {
    color: #444444 !important;;
}

.m-color-stat-anteil {
    color: #444444 !important;;
}

.m-color-stat-perz0 {
    color: #0000B0 !important;;
}

.m-color-stat-perz1 {
    color: #0000AA !important;;
}

.m-color-stat-perz2 {
    color: #0000A8 !important;;
}

.m-color-stat-perz5 {
    color: #0000A0 !important;;
}

.m-color-stat-perz10 {
    color: #000090 !important;;
}

.m-color-stat-perz25 {
    color: #000088 !important;;
}

.m-color-stat-perz35 {
    color: #000084 !important;;
}

.m-color-stat-perz50 {
    color: #000080 !important;;
}

.m-color-stat-perz65 {
    color: #00007C !important;;
}

.m-color-stat-perz75 {
    color: #000078 !important;;
}

.m-color-stat-perz90 {
    color: #000070 !important;;
}

.m-color-stat-perz95 {
    color: #000060 !important;;
}

.m-color-stat-perz98 {
    color: #000059 !important;;
}

.m-color-stat-perz99 {
    color: #000053 !important;;
}

.m-color-stat-perz100 {
    color: #000050 !important;;
}

.m-color-stat-mean {
    color: #6600e2  !important;
}

.m-color-stat-sd {
    color: #6600e2  !important;;
}

.m-font-small {
    font-size: 0.8em !important;
}

.m-font-bold {
    font-weight: 700 !important;
}

.m-textalign-right {
    text-align: right !important;
}

.m-textalign-left {
    text-align: left !important;
}

.m-text-center {
    text-align: center !important;
}

.m-font-reset {
    font-family: Verdana, Arial, sans-serif !important;
}

/* Werte aus der Datentabelle werden so dargestellt */
.m-werte {
    font-family: monospace !important;
    position: relative;
    top: 2px;
    font-size: 11px !important;
}

.m-valigntop {
    vertical-align: top;
}

.m-halfwidth {
    width: 50%;
}

/* Werte aus der Datentabelle werden so dargestellt */
.m-werte-a {
    font-family: monospace !important;
}

/******* GENERELLE MODIFIER ENDE */

/******* THEMEROLLER OVERRIDES ANFANG */
.ui-dialog-title {
    font-weight: bold;
    margin: 1.3em 0 0.2em;
    font-size: 1em;
    text-transform: uppercase;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    white-space: normal;
}

.ui-datatable div.ui-column-customfilter {
    margin-top: 0;
}

.ui-radiobutton {
    line-height: 16px;
    margin: 3px 0;
    position: relative;
    width: 22px;
}

.ui-button {
    font-weight: bold;
}

.ui-selectmanybutton div.ui-button,
.ui-selectonebutton div.ui-button {
    display: inline-block;
    height: 20px;
    margin: 5px 5px 0 0 !important;
    width: 120px;
}

.e-selectManyButtonGe10 span.ui-button-text {
    overflow: hidden;
    white-space: nowrap;
    padding: 0.2em 0.45em;
}

.b-navigation .ui-button-text-only .ui-button-text {
    font-size: 1em;
}

.ui-button-text-only .ui-button-text {
    padding: 0.27em 0.45em 0.27em 0.45em;
    font-size: 0.9em;
}

.ui-menubutton > .ui-button-text-icon-left .ui-button-text {
    padding: 0.27em 0.45em 0.27em 22px;
    font-size: 0.9em;
}

.ui-menubutton > .ui-button-text-icon-left .ui-button-icon-left {
    left: 0.2em;
}

.aktionButton.ui-button-text-icon-left .ui-button-text {
    padding: 0.27em 0.45em 0.27em 2.5em;
    font-size: 0.9em;
}

.topActionButton.ui-button-text-only .ui-button-text,
.topActionButton.ui-menubutton > .ui-button-text-icon-left .ui-button-text {
    font-size: 1em;
}

/* Tab Button Groesse anpassen, Tab Navigation */
.ui-tabs .ui-tabs-nav li a {
    padding: 0.27em 0.45em;
}

/* Aktivierte Tabs sollen Ihre Überschrift fett haben */
ul.ui-tabs-nav li.ui-tabs-selected a {
    font-weight: bold;
    color: #6600e2;
    background-color: #fff;
}

/* Tabs direkt in das Content Widget hängen */
.ui-tabs {
    padding: 0;
}

/* Angebote/AbfrageErgebnis Tabellen */
.e-angebote-tabelle .ui-datatable-data td {
    line-height: 1em;
    padding: 2px !important;
    font-size: 1.1em;
    vertical-align: top;
    white-space: nowrap; /* #8200 Ellipse */
    text-overflow: " ...";
    overflow: hidden;
}

.e-angebote-tabelle .ui-datatable-data .ui-dt-c {
    padding: 0 !important;
}

.ui-datatable .ui-column-filter {
    display: inline-block;
    height: 16px;
    margin: -2px 0 auto 2px;
    width: 100px;
}

.abfrage-bedingung-error {
    color: red;
    font-weight: bold;
}

.ui-tooltip .abfrage-bedingung-error {
    color: #ff6666;
}

.ui-growl {
    position: fixed;
    top: 30px;
    right: 10px;
}

/* // Besser XML icon 3'2017, ST */
.fa-file-text-o {
    background-position: -18px -244px;
    height: 18px;
    width: 18px;
}

.e-selectManyCheckboxLt10 label {
    margin-left: +0px;
    margin-right: +5px;
}

.e-janeinTristate label {
    margin-left: 3px;
}

.ui-selectmanycheckbox label, .ui-selectoneradio label {
    margin-right: +6px;
}

.m-ohne-rahmen .ui-widget-content {
    border: 0 none;
}

/* 29.08.14, GF : .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default*/
.ui-state-default.ui-corner-top {
    border: 1px solid #b2b2b2;
}

/* 2020'09, CS: Fix, damit DataTables innerhalb von p:panelGrid nicht mit einer falschen Border-Color überschrieben werden */
.ui-panelgrid.ui-panelgrid-blank tbody.ui-datatable-data > tr.ui-widget-content {
    border: inherit;
}

/******* THEMEROLLER OVERRIDES ENDE */
.ui-selectmanybutton .ui-state-focus,
.ui-selectonebutton .ui-state-focus {
    background: #EDEDED;
    border-color: #6600e2;
}

.ui-selectmanybutton .ui-state-active,
.ui-selectonebutton .ui-state-active {
    background: #D2C9DD;
    color: #6600e2;
}

.ui-selectmanybutton .ui-state-active:hover ,
.ui-selectonebutton .ui-state-active:hover,
.ui-selectmanybutton .ui-state-hover,
.ui-selectonebutton .ui-state-hover {
    background: #D2C9DD;
}

.ui-paginator-page.ui-state-focus {
    background: #EDEDED;
    border-color: #6600e2;
}

.ui-paginator-page.ui-state-active {
    font-weight: bold;
    color: #6600e2;
    background-color: #fff;
}

.ui-paginator-page.ui-state-active:hover,
.ui-paginator-page.ui-state-hover {
    background: #D2C9DD;
}

.ui-picklist .ui-picklist-list {
    height: 350px;
    width: 440px;
    max-width: 440px;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
}

.ui-picklist-item {
    display: block;
}

.ui-picklist-caption * {
    max-width: 450px;
}

.e-firstVarPerzentileRow {
    max-width: 190px;
    word-wrap: break-word;
}

.ui-picklist-filter.ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    margin-bottom: 5px;
}

.chooserLeftInline {
    display: inline;
    /*    font-size: 1.1em !important;*/
}

.inplaceHeader {
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    margin: 10px 0 5px 0;
}

button.ui-state-hover, button.ui-state-focus {
    background-color: #d2c9dd;
}

.ui-widget-content input.ui-state-focus {
    background: #EEE !important;
}

.ui-inputfield {
    padding: 2px 0 3px 4px;
    vertical-align: middle;
    display: inline-block;
    /*  margin-top: -3px;*/
}

.ui-datatable th, .ui-datatable tfoot td {
    padding: 0 0 0 4px;
}

.m-table-raumchooser {
    margin-top: 4px;
}

.m-table-raumchooser td, .m-table-raumchooser tr {
    border: 0 !important;
    padding: 0 !important;
    vertical-align: top;
}

.b-variabledetail-dialog {
    /* Die pe:tooltips sollen unter diesem Dialog liegen */
    z-index: 100000 !important;
    /*max-height: 700px; TODO #14837: restore*/
}

/************** MAP STUFF ANFANG **************************************/
#tags {
    display: none;
}

.olControlScaleBar {
    bottom: 2px;
    left: 2px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}

div.olControlZoom a {
    background: none repeat scroll 0 0 rgba(178, 178, 178, 0.8);
}

div.olControlLayerSwitcher {
    top: 0;
}

/* Unnütze Scrollbar #8168 */
div.ol-popup-content {
    overflow: hidden;
}

/* rechts zu viel Platz #8168 */
div.ol-popup {
    padding: 20px 10px 10px 10px;
}

a.ol-popup-closer {
    top: 5px;
    right: 5px;
}

/************** MAP STUFF ENDE **************************************/

/* Links im Analyst Content sollen sich leicht vom Plaingtext abheben */
a.analyst-link {
	color: #000;
	text-decoration: underline;
	text-decoration-color: #868686;
}

a.analyst-link:focus,
a.analyst-link:hover {
	color: #E25401;
	text-decoration-color: rgba(226, 84, 1, 0.5);
}

/* Diese Farbe deutet auf Infos zu REST hin */
.restEnabled {
    color: #CC5490;
    font-weight: bold;
}

a.analyst-link.restEnabled {
	color: #CC5490;
	text-decoration-color: rgba(204, 84, 144, 0.5);
}

a.analyst-link.restEnabled:focus,
a.analyst-link.restEnabled:hover {
	color: #ffa0cb;
	text-decoration-color: rgba(255, 160, 203, 0.5);
}

/* Diese Farbe deutet darauf hin, dass ein KundenLogin die Rolle Admin besitzt */
.loginRoleAdmin {
    color: #002db3;
    font-weight: bold;
}

/* Diese Farbe deutet darauf hin, dass ein KundenLogin die Rolle Immobrain-Manager besitzt */
.loginRoleImmobrainManager {
    color: #002db3;
}

.loginRoleToken {
    display: inline-block;
    margin: 2px 1em 2px 0;
    padding: 1px 4px 1px;
    background-color: #EEE;
    border: 1px solid #999;
    border-radius: 4px;
    cursor: help;
}

/* Diese Farbe deutet auf eine Test-Lizenz hin */
.testLizenz {
    background-color: #e7e2d4;
}

.e-helpPanel-close {
    margin-top: 20px;
    text-align: center !important;
    width: 100%;
}

.e-helpDialog {
    max-width: 640px;
    max-height: 800px;
    border: 1px solid #b2b2b2 !important;
}

.e-helpDialogIcon {
    /* language=EL */
    background-image: url("/jakarta.faces.resource/images/help_icon.png.html?rv=774fc437b41b683b2d25ff5dfeef36f0a2cd475a") !important;
    background-position: 0 0;
    display: inline-block !important;
    vertical-align: bottom;
    position: relative;
    top: 1px;
}

.e-helpIcon {
    display: inline-block !important;
    vertical-align: top;
    background-position: 0 0;
    position: relative;
    top: 1px;
}

.e-helpIcon > span {
    /* language=EL */
    background-image: url("/jakarta.faces.resource/images/help_icon.png.html?rv=774fc437b41b683b2d25ff5dfeef36f0a2cd475a") !important;
    background-position: 0 0;
    opacity: 0.16;
}

.e-helpForPanel {
    border: none;
}

.e-helpForPanel .ui-panel-content:hover .e-helpIcon > span {
    opacity: 1;
}

/** BEGIN Dialog Buttons **/

/* Variante 1: .ui-dialog         > .ui-dialog-footer     > div > button1,2,3 */
/* Variante 2: .ui-confirm-dialog > .ui-dialog-buttonpane       > button1,2,3 */

/* Base Class: e-footer-button (on Dialog/ConfirmDialog)  */
/* Direction Class: e-buttons-center (on Dialog/ConfirmDialog)  */

.m-ohne-rahmen .ui-dialog .ui-dialog-footer {
    border-top: 1px solid #aaaaaa;
}

.ui-dialog.e-footer-buttons .ui-dialog-footer > div {
    margin: 0;
    padding: 0;
}

.ui-confirm-dialog.e-footer-buttons .ui-dialog-footer,
.ui-dialog.e-footer-buttons .ui-dialog-footer {
    padding: 0.8em 0.5em 1em 0.5em;
}

.ui-confirm-dialog.e-footer-buttons .ui-dialog-footer button,
.ui-dialog.e-footer-buttons .ui-dialog-footer button {
    margin: 0 0.5em;
}

.ui-confirm-dialog.e-footer-buttons .ui-dialog-footer,
.ui-dialog.e-footer-buttons .ui-dialog-footer > div {
    text-align: right;
}

.ui-confirm-dialog.e-footer-buttons.e-buttons-center .ui-dialog-footer,
.ui-dialog.e-footer-buttons.e-buttons-center .ui-dialog-footer > div {
    text-align: center;
}


.e-return-button {
    font-weight: normal !important;
}

.e-delete-button {
    color: red !important;
}

.e-primary-button {
    color: #6600E2 !important;
}

/** END Dialog Buttons **/

.e-georefAdressenAuswahl-dialogpanel {
    margin-bottom: 1em;
}

.e-download-icons {
    display: block;
    float: right;
    height: 16px;
    width: auto;
    margin-left: 8px;
}

.e-download-icons .dlXml span {
    margin-right: 24px;
}

.umkreisInputFix input {
    border: none !important;
    background: transparent !important;
}

#umkreisSucheMap,
.umkreisSucheMap {
    width: 690px;
    height: 256px;
    margin-top: -6px;
}

.umkreisAddressEingabe .hiddenWhenumkreisSucheMapSichtbar {
    display: none;
}

.umkreisAddressEingabe.umkreisKarteHidden .hiddenWhenumkreisSucheMapSichtbar {
    display: inline;
}

.umkreisAddressEingabe .hiddenWhenumkreisSucheMapUnsichtbar {
    display: inline;
}

.umkreisAddressEingabe.umkreisKarteHidden .hiddenWhenumkreisSucheMapUnsichtbar {
    display: none;
}

.table-colwidth-auto table {
    table-layout: auto !important;
}

div#geoAdressenAuswahlMapDiv,
div.geoAdressenAuswahlMapDiv {
    display: inline-block;
    width: 290px;
    height: 400px;
    margin-left: 0;
    margin-top: 0.5em;
    vertical-align: top;
}

div.geoAdressenAuswahlTablDiv {
    display: inline-block;
    width: 530px;
    margin-left: 0;
    margin-top: 0.5em;
}

.geoAdressenAuswahlTablDiv .ui-datatable thead th:last-child,
.geoAdressenAuswahlTablDiv .ui-datatable tbody td:last-child,
.geoAdressenAuswahlTablDiv .ui-datatable tfoot td:last-child {
    text-align: center;
}

.pwerteTbl td {
    padding: 1px 3px 1px 1px !important;
    text-align: right;
}

.pwerteTbl tr:first-child {
    border-top: 0 white !important;
}

.pwerteTbl tr:empty {
    border-top: 0 white !important;
}

.pwerteTbl tr {
    border-left: 0 white !important;
}

.pwerteTbl tr:last-child {
    border-bottom: 0 white !important;
}

.e-abfrageChooserAuswahlDialog {
    max-width: 995px;
}

.e-ergebnisTabView {
    width: 100%;
    height: 100%;
}

.e-ergebnisTabelleSpaltenDialog {
    max-width: 995px;
}

.e-chooserAnpassenBtn {
    margin-top: +5px;
    font-weight: bold;
}

.e-aidsInputAdd {
    vertical-align: bottom;
    margin-left: +5px;
}

.e-nutzung-snippet {
    overflow-x: auto;
    width: 100%;
    background-color: #eee;
    padding: 4px;
    margin-top: 8px;
    max-height: 40rem;
}

.e-code-snippet {
    overflow-x: auto;
    width: 100%;
    background-color: #eee;
    padding: 4px;
    font-family: monospace;
    font-size: 1.2em;
}

.ui-picklist-button-add {
    font-weight: bold;
}

.ui-panel .ui-panel-content {
    border: 0;
    background: none;
    padding-left: 0;
}

.ui-panel .ui-panel-titlebar {
    padding: .5em .5em;
}
.ui-panelgrid .ui-panelgrid-cell {
    padding: .25em .5em;
}

.obenGrid td, .obenGrid tr {
    vertical-align: top;
}

.anab .ui-chkbox-icon.ui-c.ui-chkbox-icon.ui-c.ui-icon.ui-icon-check {
    left: 2px;
    position: relative;
    top: 2px;
}

.anab .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active,
.anab .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
    border: 0 none;
    border-radius: 0 0 0 0;
    height: 21px;
    left: 0;
    margin: 0 !important;
    position: relative;
    top: 0;
    width: 20px;
}

.e-geoAdressenAuswahlTable {
    vertical-align: top;
    padding-right: 10px;
}

.abfrageLadenDetailsCol1 {
    vertical-align: top;
    max-width: 180px;
}

.abfrageLadenDetailsCol2 {
    vertical-align: top;
    max-width: 440px;
    word-wrap: break-word;
    white-space: normal;
    overflow-x: hidden;
}

.downloadDetailsCol1 {
    vertical-align: top;
    max-width: 220px;
}

.downloadDetailsCol2 {
    vertical-align: top;
    max-width: 740px;
    word-wrap: break-word;
    white-space: normal;
    overflow-x: hidden;
}

/* Table-Header Select für gemerkte Abfragen */
.gemerkteAbfragenFilterSelect {
    width: 100%;
    max-width: 300px;
    box-sizing: border-box;
}

.gemerkteAbfragenColTitel {
    width: 30%;
}

.gemerkteAbfragenColSegment {
    width: 200px;
}

.gemerkteAbfragenColErstellt {
    width: 145px;
}

.gemerkteAbfragenColErstelltVon {
    width: 10%;
}

.gemerkteAbfragenColLae {
    width: 145px;
}

.gemerkteAbfragenColLaeVon {
    width: 10%;
}

.gemerkteAbfragenColGruppe {
    width: 10%;
}

.gemerkteAbfragenColProjekt {
    width: 10%;
}

.gemerkteAbfragenColStandortAbfrage {
    width: 10%;
}

@media only screen and (max-width: 1800px) {
    .gemerkteAbfragenColErstellt {
        width: 75px;
    }

    .gemerkteAbfragenColLae {
        width: 75px;
    }
}

@media only screen and (min-width: 2000px) {
    .gemerkteAbfragenColSegment {
        width: 300px;
    }
}

/* IE8 fix. Hintergrund bei modalem Dialog. */
@media all\0 {
    /* IE8 uses \0 */
    .ui-widget-overlay {
        background: white;
        position: absolute;
        top: 100px;
    }
}

.angebotDetailsImageBar {
    height: 54px;
    width: 602px;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.angebotDetailsImage {
    margin: 1px 1px 1px 3px;
}

.angebotDetailsImageFakeLink {
    position: absolute;
    font-weight: bold;
    color: red;
    font-size: 1em;
    top: 30px;
    overflow: hidden;
    /* Weißer 'Halo' um den Text, siehe https://stackoverflow.com/a/13427256/1136538.
    Ein einfacher Shadow mit Blur ist zu dünn und kaum sichtbar */
    text-shadow: -1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white, 1px -1px 1px white;
}

.angebotDetailsImageKILink {
    position: absolute;
    font-weight: bold;
    color: #6600E2;
    font-size: 1em;
    top: 12px;
    overflow: hidden;
    text-shadow: -1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white, 1px -1px 1px white;
}

/* Mindestens im logbuch für Admins verwendet */
.okRow {
    background: #81E768;
}

/* Mindestens im logbuch für Admins verwendet */
.warnRow {
    background: #F1CBB5;
}

/* Mindestens im logbuch für Admins verwendet */
.errorRow {
    background: #F8AB75;
}

.m-segmentBeschreibungTooltip {
    width: 380px;
}

/* hidden icon erscheint, wenn das TD darüber gehoovert wird */
td > a > span.hicon {
    display: none;
}

/* hidden icon erscheint, wenn das TD darüber gehoovert wird */
td:hover > a > span.hicon {
    display: inline-block !important;
    vertical-align: top;
}

.b-zeile1-ueberTabelle {
    font-size: 1.1em;
    display: block;
    /** font-weight: bold; **/
}

.b-zeile12-ueberTabelle {
    font-size: 1.1em;
    display: block;
    margin-bottom: 10px;
}

.b-zeile2-ueberTabelle {
    font-size: 1.0em;
    display: block;
    margin-bottom: 10px;
}

.aktionButton {
    font-size: 0.8em !important;
    font-weight: normal;
    margin-right: 6px;
}

.abfrage-export-progressbar {
    width: auto;
    height: 1.5em;
    margin: 1em;
}

.abfrage-export-progressbar-error .ui-progressbar-value {
    background-color: #900000;
}

.abfrage-export-progressbar-error .ui-progressbar-label {
    color: #ffffff;
}

.abfrage-export-status-text {
    height: 3em;
    display: inline-block;
}

.abfrage-export-status-text.abfrage-export-status-text-error {
    color: #600000;
}

#footer_simple {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

#footer_simple .links {
    float: right;
}

#footer_simple .links a {
    margin-left: 16px;
}

#footer_simple .hinweis {
    color: #868686;
}

/*
 * Fehlerseiten
 */

#errorpage {
    clear: both;
}

#errorpage .errormessage {
    display: block;
    color: #6600E2;
    /* color:   #6E578B, #00CBCA,  #272D3F, #381705; */
    font-weight: bold;
    margin-bottom: 16px;
}

/*
Progressbar START
*/
.animated .ui-progressbar-value {
    /* language=EL */
    background-image: url("/jakarta.faces.resource/images/pbar-ani.gif.html?rv=774fc437b41b683b2d25ff5dfeef36f0a2cd475a");
}

/*
Progressbar ENDE
*/

.topActionButton {
    margin-right: 8px;
}

/*
 * Layout mit Panels und Grid
 */

.ui-panelgrid.ui-panelgrid-noborder tr {
    border: none;
}

.ui-panelgrid.ui-panelgrid-noborder tr td {
    border: none;
}

.ui-panelgrid .ui-panelgrid-cell.ui-grid-group-title {
    padding-top: 20px;
}

.ui-panel.ui-panel-spacing {
    margin-bottom: 8px;
}

.ui-panel.ui-panel-innerpadding .ui-panel-content {
    padding: 1em 1.4em;
}

/* Responsive Layout */
/* Handy */
@media only screen and (max-width: 640px) {
    /*#8108 Bildervorschau (onmouseover) responsive, Auf Handy ausblenden */
    div[id$="toolTipForBildThumbs"], div[id*="angebotDetailsDialogCc"].ui-tooltip {
        width: 0;
        height: 0;
        padding: 0;
    }

    div[id$="toolTipForBildThumbs"] img, div[id*="angebotDetailsDialogCc"].ui-tooltip img {
        display: none;
    }

    div[id$="toolTipForBildThumbs"] > .ui-tooltip-arrow, div[id*="angebotDetailsDialogCc"].ui-tooltip > .ui-tooltip-arrow {
        display: none;
    }

    div[id$="toolTipForBildThumbs"] > .ui-tooltip-text, div[id*="angebotDetailsDialogCc"].ui-tooltip > .ui-tooltip-text {
        display: none;
    }
}

/* Tablet */
@media only screen and (min-width: 641px) {
    div[id$="toolTipForBildThumbs"] {
        max-width: 420px;
    }

    div[id$="toolTipForBildThumbs"] img {
        padding: 5px !important;
        display: inline-block;
        max-width: 400px;
    }

    div[id*="angebotDetailsDialogCc"].ui-tooltip img {
        padding: 5px !important;
    }

    div[id$="toolTipForBildThumbs"] > .ui-tooltip-text, div[id*="angebotDetailsDialogCc"].ui-tooltip > .ui-tooltip-text {
        padding: 5px 5px 3px 5px !important;
    }

    div[id$="toolTipForBildThumbs"] > .ui-tooltip-arrow, div[id*="angebotDetailsDialogCc"].ui-tooltip > .ui-tooltip-arrow {
        display: none;
    }
}

/* Desktops wide Screen */
@media only screen and (min-width: 1450px) {
    div[id$="toolTipForBildThumbs"] {
        max-width: none;
    }

    div[id$="toolTipForBildThumbs"] img {
        max-width: none;
    }
}

div.ui-chart.zeitreihe-overview-chart {
    position: relative;
    width: 100%;
    height: 230px;
}
div.ui-chart.zeitreihe-benchmark-chart {
    position: relative;
    width: 100%;
    height: 240px;
}



/** Grafana-Icon für a-Link zu Grafana-Explore */
a[href^="https://grafana.value-marktdaten.de/explore"] {
    position: relative; /* Ermöglicht das Einfügen des Icons in linearem Textfluss */
    padding-left: 4px; /* Platz für das Icon links vom Text schaffen */
    padding-right: 2px; /* Platz für das Icon links vom Text schaffen */
}

/** Grafana-Icon für a-Link zu Grafana-Explore */
a[href^="https://grafana.value-marktdaten.de/explore"]::before {
    content: "";
    display: inline-block;
    background-image: url('/resources/images/grafana_icon.svg'); /* Pfad zum SVG-Icon */
    background-size: contain; /* Skaliert das Icon auf die gesamte Größe des Containers */
    background-repeat: no-repeat;
    width: 12px; /* Festgelegte Breite für das Icon */
    height: 12px; /* Festgelegte Höhe für das Icon */
    vertical-align: middle; /* Zentriert das Icon auf der Höhe des Texts */
}