.werbeflaechenstatistik_header_gruppierung{
    background-color: #FFFFCC !important;
}

.werbeflaechenstatistik_header_gruppierung .x-panel-header {
    background-color: #FFFFCC !important;
}

.werbeflaechenstatistik_header_summe{
    background-color: #CCFFFF !important;
}

.werbeflaechenstatistik_header_summe .x-panel-header {
    background-color: #CCFFFF !important;
}

.werbeflaechenstatistik_header_summe_vgl{
    background-color: #CCFF99 !important;
}

.werbeflaechenstatistik_header_summe_vgl .x-panel-header {
    background-color: #CCFF99 !important;
}

.werbeflaechenstatistik_header_summe_diff{
    background-color: #FFCCCC !important;
}

.werbeflaechenstatistik_header_summe_diff .x-panel-header {
    background-color: #FFCCCC !important;
}

.werbeflaechenstatistik_header_vergleich_vgl{
    background-color: #CCFF99 !important;
}

.werbeflaechenstatistik_header_vergleich_vgl .x-panel-header {
    background-color: #CCFF99 !important;
}

.werbeflaechenstatistik_header_vergleich_diff{
    background-color: #FFCCCC !important;
}

.werbeflaechenstatistik_header_vergleich_diff .x-panel-header {
    background-color: #FFCCCC !important;
}

.auftragsstatistik_header_gruppierung{
    background-color: #FFFFCC !important;
}

.auftragsstatistik_header_summe{
    background-color: #CCFFFF !important;
}

.auftragsstatistik_header_vgl{
    background-color: #CCFF99 !important;
}

.auftragsstatistik_header_diff{
    background-color: #FFCCCC !important;
}

.ortsauswahl {
    background-color: #CCFF99 !important;
}

.ortsauswahl_neg {
    background-color: #FFCCCC !important;
}

.einzelbelegung-popup {
    display: none;
    position: absolute;
    background-color: white;
    /*padding: 15px 25px 15px 15px;*/
    border: 2px solid #000000;
    bottom: 22px;
    left: -50px;
    z-index: 10000;
}

.einzelbelegung-popup:after, .einzelbelegung-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.einzelbelegung-popup:after {
    border-top-color: #000000;
    border-width: 20px;
    left: 38px;
    margin-left: -10px;
}

.einzelbelegung-popup:before {
    border-top-color: #000000;
    border-width: 21px;
    left: 38px;
    margin-left: -11px;
}

.einzelbelegung-popup-content {
    /*min-width: 170px;
    max-height: 200px;*/
    width: 700px;
    height: 420px;
    overflow-x: auto;
}

.einzelbelegung-popup-closer {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 150%;
    padding: 0 4px;
    color: gray;
    text-decoration: none;
}

.einzelbelegung-popup-closer:after {
    content: "\2716";
}

.einzelbelegung-popup div.infoResult {
    min-width: 130px;
}

.einzelbelegung-popup div.infoResult p {
    padding: 0.1em;
    margin: 0;
}

.einzelbelegung-popup-content h3 {
    margin: 0.25em 0;
}

.einzelbelegung-popup.marker {
    margin-bottom: 30px;
}

.map-popup-einzelbelegung, .map-popup-einzelbelegung th, .map-popup-einzelbelegung td {
    border: none;
    border-spacing: 0px;
}
.map-popup-einzelbelegung .tablespacer {
    padding-left: 5px;
    padding-right: 5px;
}
.map-popup-einzelbelegung td:first-child{
    width: 100px
}

.map-popup-einzelbelegung td{
    padding-bottom: 2px;
}

.eingangsbelege_icon-green {
    color: #09c652;
    text-align: center;
}

.eingangsbelege_icon-yellow {
    color: #f9d904;
    text-align: center;
}

.eingangsbelege_icon-red {
    color: #f44141;
    text-align: center;
}
.tool_neues_browserfenser div{
   padding-right: 3px;
   padding-top: 3px;
   margin-top: 3px;
   height: 18px;
   width: 18px;
   font-size: 14px;
   font-weight: normal;
   color: #d8e2ee;
}

.x-window-header-default .x-tool-img {
    margin-top: 5px !important;
    margin-left: -5px !important;
}


.x-tool-maximize div{
   height: 18px;
   width: 18px;
}

.x-tool-maximize:before {
    font-family: FontAwesome !important;
    content: "\f2d0" !important;
    color: #ffffff !important;
    font-size: 14px;
    margin-right: 2px;
    font-weight: normal;
}

.x-tool-maximize:hover {
    background-color: red !important;
}

.x-tool-maximize {
    background-image: none;
}

.tool_neues_browserfenser div{
   height: 18px !important;
   font-size: 14px;
   font-weight: normal;
   color: #fff !important;
}

.ol-overlaycontainer {
  width: auto !important;
  height: auto !important;
}

.ol-overlaycontainer-stopevent {
  width: auto !important;
  height: auto !important;
}

.geolayer_typ_polygon {
    background-image: url("/images/polygon.png");
    background-position: center; 
    background-repeat: no-repeat;
}

.geolayer_typ_line{
    background-image: url("/images/line.png");
    background-position: center; 
    background-repeat: no-repeat;
}

.geolayer_typ_point {
    background-image: url("/images/point.png");
    background-position: center;
    background-repeat: no-repeat;
}

.geolayer_typ_route {
    background-image: url("/images/route.png");
    background-position: center;
    background-repeat: no-repeat;
}

.geolayer_gebiete_edit_karte_popup_content {
    width: 400px;
    height: 110px;
    overflow-x: auto;    
}

.geolayer_sidebutton{
    margin-left: 5px;
    margin-right: 2px;
}

.geolayer_sidebutton_small{
    font-size: 14px;
}

.layer-treenode {
    display: none !important;    
}

.tree_wrap .x-grid-cell-inner-treecolumn {
    display: flex;
}
.tree_wrap .x-tree-node-text {
    width: calc(100% - 80px);
    display: inline-block;
    white-space: normal;
}

.x-item-disabled-read {
    cursor: default;
    opacity: 0.3;
}
.x-form-form-item.x-form-item-no-label:before {
    visibility: hidden;
}
.textarea_monospace textarea{
    font-family: monospace !important;
}
.textarea_no_minheight .x-form-text-default.x-form-textarea{
    min-height: 0px;
}

.x-datepicker-month .x-btn-inner {
    color: #ffffff;
}

.x-btn.mggm-htmleditor {
    background-color: #e7e7e7 !important;
    border-color: #b5b8c8;
}

.tool_widget_reload_button {
    padding: 2px;
    font-size: 14px;
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mainmenu_button_small{
    font-size: 14px;
}

.x-item-disabled, .x-item-disabled * {
    pointer-events: all !important;
}

.x-item-disabled .x-mask, .x-item-disabled * .x-mask {
    pointer-events: none !important;
}

.x-grid.x-item-disabled, .x-grid.x-item-disabled * {
    pointer-events: none !important;
}

#global_header_logo_kunde {
    display: none;
    float: left;
    height: 90px;
    width: 306px;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    background-repeat: no-repeat;
}

.loadmarker {
  width: 64px;
  height: 43px;
  top: 9px;
  left: 30px;
  z-index: 1000;
  position: relative;
  background-image: url("/images/map_loading.gif");
}

.gf_icon {
    background-image: url("/images/GF_white.png");
    background-size: 16px;
}

.fieldset-red-border {
    border: 1px solid #FF0000 !important;
}

.fieldset-red-border .x-fieldset-header-text {
    color: #FF0000;
}
.red-row {
    background-color: #ffbcbc;
}

.x-form-text-default .x-tagfield-item {
    background-color: #044791 !important;
    color: #FFFFFF !important;
}    
.x-form-text-default .x-tagfield-item-close:before {
    font-family: FontAwesome !important;
    content: "\f00d" !important;
    color: #ffffff !important;
    font-size: 12px;
    margin-right: 2px;
    font-weight: normal;
 }
.x-form-text-default .x-tagfield-item-close {
    background-image: none !important;
    top: 0px;
}
.filter-tag-field {
    top: 0px !important;
}
.filter-tag-field .x-tagfield-input{
    display: none;
}
.ol-tooltip-abstand {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
    font-size: 12px;
}
.ol-tooltip-measure {
    opacity: 1;
    font-weight: bold;
}
.ol-tooltip-static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
}
.ol-tooltip-measure:before,
.ol-tooltip-static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
}
.ol-tooltip-static:before {
    border-top-color: #ffcc33;
}
.ol-tooltip-hidden {
    display: none;
}

.serverjobstatuspanel .x-panel-body{
    background-color: #e7e7e7 ;
}
.serverjobstatuspanel .x-progress {
    height: 26px;
    line-height: 24px;
}
.serverjobstatuspanel .x-progress-default .x-progress-text {
    line-height: 24px;
}
.serverjobstatuspanel .labelcontainer {
    padding-top: 6px;
}
.serverjobstatuspanel .labelcontainer .x-component{
    font: normal 13px/15px "Segoe UI", Segoe, "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; 
    color: #333;   
}
.readonly_htmleditor .x-html-editor-tb {
    display: none;
}
.readonly_htmleditor .x-html-editor-input {
    border-top-width: 1px;
    top: 0px !important;
}
.tabs_email_vorschau .x-form-trigger-wrap, .tabs_email_vorschau .readonly_htmleditor .x-html-editor-input {
    border: 0px;
}
.MapSearchMarkerOverlay::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.MapSearchMarkerOverlay::before {
  font-family: "FontAwesome";
  font-weight: 900;
  color: #E54335;
  content: "\f041";
  font-size: 30px;
  text-shadow: 1px 0px 2px #111211;
}

.MapSearchMarkerVerbrauchermarktOverlay::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.MapSearchMarkerVerbrauchermarktOverlay::before {
  font-family: "FontAwesome";
  font-weight: 900;
  color: #40b919;
  content: "\f07a";
  font-size: 22px;
  text-shadow: 1px 1px 1px #111211;
}

.bg_weiss {
    background-color:#FFFFFF;
}
.bg_hellgruen {
    background-color:#bcffbf !important;    
}
.bg_dunkelgrau {
    background-color:#616161;
}
.bg_hellorange {
    background-color:#ffdabc !important;
}
.bg_hellblau {
    background-color:#a4c1f9 !important;    
}
.bg_hellgelb {
    background-color:#f9f8a4;
}
.bg_hellrot {
    background-color:#ffbcbc !important;    
}
.bg_hellgrau {
    background-color:#cfd0d1;    
}
.bg-vorsicht {
    background-color: #ffff6388;   
}
.treegrid-folder-row {
    font-weight: 610;
}
/* FB 44517 Darstellungsfehler bei Bildschirm-Zoom verhindern */
.x-panel-body, .x-toolbar, .x-tab-panel-body {
    overflow-x: hidden !important;
}
/* FB 45822 Darstellungsfehler bei Widget Cells verhindern (klick vergr��ert Padding) */
.x-progressbarwidget-default-cell > .x-grid-cell-inner {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
/* FB  48492 */
.x-action-col-icon.x-hidden {
    display: none !important;
    pointer-events: none !important;
}
/* Idle: gruen ? nur Zeilen mit unserer Markierung */
.zielgruppen-auswahl-grid .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell,
.zielgruppen-auswahl-grid .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell-inner {
    background-color: #bcffbf;   /* ohne !important, damit States dr?bergehen */
    background-image: none;
}

/* States: Hover/Selected/Focused ? Theme soll gewinnen */
.zielgruppen-auswahl-grid .x-grid-item-over .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell,
.zielgruppen-auswahl-grid .x-grid-item-selected .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell,
.zielgruppen-auswahl-grid .x-grid-item-focused .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell,
.zielgruppen-auswahl-grid .x-grid-row-over .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell,
.zielgruppen-auswahl-grid .x-grid-row-selected .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell,
.zielgruppen-auswahl-grid .x-grid-row-focused .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell,

.zielgruppen-auswahl-grid .x-grid-item-over .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell-inner,
.zielgruppen-auswahl-grid .x-grid-item-selected .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell-inner,
.zielgruppen-auswahl-grid .x-grid-item-focused .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell-inner,
.zielgruppen-auswahl-grid .x-grid-row-over .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell-inner,
.zielgruppen-auswahl-grid .x-grid-row-selected .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell-inner,
.zielgruppen-auswahl-grid .x-grid-row-focused .x-grid-row.treegrid-zielgruppen-row-ausgewaehlt .x-grid-cell-inner {
    background-color: inherit;   /* nimmt gelb etc. vom Theme an */
    background-image: inherit;
}