/*

projektspezifisches CSS Theme

*/

html, body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: rgb(79, 79, 79);
  height: 100%;
  margin: 0px;
}

div {
  vertical-align: top;
}

a:link {
  text-decoration: none;
  color: #B1CA46;
}

a:link .image {
  color: #ffffff;
  border: 0 none;
  outline: none;
}

a:visited {
  text-decoration: none;
  color: #B1CA46;
}

a:active {
  text-decoration: none;
  color: #B1CA46;
}

a:hover {
  text-decoration: none;
  color: #B1CA46;
}

.block_container {
  z-index: 100000;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.block {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgb(94, 97, 96);
  opacity: .10;
  filter: Alpha(Opacity=10);
}

.loading {
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff !important;
  padding: 10px 20px;
  height: auto !important;
}

.widget {
  background: #f2f2f2;
  margin-bottom: 10px;
  border: 1px solid #B1CA46;
  padding: 5px;
  height: 100%;
}

textarea {
  font-family: Arial, Helvetica, sans-serif;
}

a {
  text-decoration: none;
}

h2 {
  /*font-size: 13px;*/
  font-size: 1.0em;
  padding: 0;
  margin: 0;
  color: rgb(0, 0, 0);
}

h3 {
  /*font-size: 13px;*/
  font-size: 1.1em;
  padding: 0 0 0 10px;
  margin: 0;
  color: rgb(0, 0, 0);
}

h3.ui-state-default, h3.ui-state-default a {
  color: rgb(0, 0, 0) !important;
  background: rgb(255, 255, 255);
}

h4 {
  /*font-size: 13px;*/
  font-size: 1em;
  margin: 0;
  padding: 0px 0 2px 16px;
  color: rgb(0, 0, 0);
}

h5 {
  /*font-size: 13px;*/
  font-size: 1em;
  font-weight: normal;
  padding: 0;
  margin: 0;
  color: rgb(0, 0, 0);
}

.container {
  margin-right: auto;
  margin-left: auto;
  min-width: 1220px;
  max-width: 1220px;
  min-height: 85%;
  position: relative;
}

.header-content {
  position: relative;
}

.header-content-fix {
  position: fixed;
  top: -5px;
  width: 100%;
  z-index: 100;
}

.footer {
  width: 95%;
  height: 30px;
  position: absolute;
  bottom: 0;
}

.footerBlock {
  max-width: 1200px;
  margin-bottom: 20px;
  padding-top: 30px;
}

.footerBlock .footerText {
  margin-left: 200px;
  margin-top: 20px;
  max-width: 760px;
  float: left;
}

.footerBlock .footerText a {
  color: black !important;
  text-decoration: underline !important;
}

.footerBlock .greenproLogo {
  text-align: right;
}

.content {
  margin: 10px 0 0 0;
  width: 100%;
  display: table-cell;
  padding-bottom: 20px;
}

.leftMenu {
  padding-bottom: 120px;
  display: table-cell;
  background-color: #fff;
}

.leftMenu .leftmenuItemSelected, .ui-menu .leftmenuItemSelected {
  font-weight: normal !important;
  color: rgb(255, 255, 255) !important;
  background: rgb(177, 202, 70) !important;
  text-shadow: none !important;
  border: none;
}

.ui-menu .leftmenuItemSelected.menuItemBold {
  font-weight: bold !important;
}

.menuItemBold {
  font-weight: bold !important;
}

.leftPart {
  display: table-cell;
}

.emptyLeftPart {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  display: table-cell;
}

.ui-menu {
  border: none;
}

.userTopMenu {
  height: 35px;
  width: 100%;
  background: rgb(133, 133, 143);
  border: none;
  border-top: 1px solid rgb(177, 202, 70) !important;
  padding: 0;
  z-index: 200;
}

.whiteIcon .ui-icon {
  background-image: url("/javax.faces.resource/documents/theme/images/ui-icons_ffffff_256x240.png.xhtml");
}

.topMenu-fixed {
  position: fixed;
  z-index: 200;
  top: 0;
  min-width: 1220px;
  max-width: 1220px;
}

.topMenu-default {
  position: relative;
}

.topMenu-under-hidden {
  display: none !important;
}

.topMenu-under-show {
  display: block;
}

.bottomMenu-fixed {
  position: fixed;
  top: 40px;
  z-index: 100;
  min-width: 1220px;
  max-width: 1220px;
}

.bottomMenu-fixed-error {
  -webkit-box-shadow: 0 4px 0px 0px rgb(197, 74, 72);
  -moz-box-shadow: 0 4px 0px 0px rgb(197, 74, 72);
  box-shadow: 0 4px 0px 0px rgb(197, 74, 72);
}

.bottomMenu-default {
  position: relative;
}

.bottomMenu-under-hidden {
  display: none !important;
}

.bottomMenu-under-show {
  display: block;
}

.leftMenu-fixed {
  position: fixed;
  top: 103px;
  z-index: 100;
  /*left: 0;*/
}

.leftMenu-default {
  position: relative;
}

.leftMenu-under-hidden {
  display: none !important;
}

.leftMenu-under-show {
  display: block;
}

.userFuncTopMenu {
  height: 50px;
  width: 100%;
  background: rgb(230, 230, 230);
  border: none;
  padding: 0;
}

.userFuncTopMenu .environmentInfo {
  color: #bb0044;
  font-size: 2em;
  font-weight: bold;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 2px;
  z-index: 999;
}

.buttonPositionLeft {
  float: left;
  margin-top: 10px;
}

.buttonPositionRight {
  float: right;
  margin-top: 10px;
}

.menu {
  border: 0px;
  font-size: 0.8em;
  vertical-align: middle;
  width: 100%;
}

.menu ul {
  list-style-type: none;
  padding: 0px !important;
}

.menu ul li {
  border-left: 1px solid rgb(255, 255, 255) !important;
  padding: 0px !important;
  margin: 0px !important;
}

.menu .ui-corner-all {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
}

.leftFuncHeader {
  border: 0px;
  vertical-align: bottom;
  float: left;
}

.leftFuncHeader ul {
  list-style-type: none;
  padding: 0px !important;
}

.leftFuncHeader ul li {
  border-right: 1px solid black !important;
  padding: 0px !important;
  margin: 0px !important;
}

.leftFuncHeader ul li:last-child {
  border-right: 0 !important;
  padding: 0px !important;
  margin: 0px !important;
}

.leftFuncHeader .ui-corner-all {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
}

.ui-panelgrid .rightFuncHeaderColumn {
  padding-right: 0 !important;
  margin-right: 0;
}

.leftFuncHeaderColumn {
  padding-left: 0 !important;
}

.rightFuncHeader {
  border: 0px;
  font-size: 0.8em;
  vertical-align: bottom;
  float: right;
  text-align: right;
}

.rightFuncHeader ul {
  list-style-type: none;
  padding: 0px !important;
}

.rightFuncHeader ul li {
  border-left: 1px solid black !important;
  padding: 0px !important;
  margin: 0px !important;
}

.rightFuncHeader ul li:first-child {
  border-left: 0 !important;
  padding: 0px !important;
  margin: 0px !important;
}

.rightFuncHeader .ui-corner-all {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
}

.contentPanelGrid {
  margin: 20px 0 0 0;
  width: 100%;
  padding-bottom: 0px;
  display: table;
}

.newButtonInTitle {
  border: none !important;
  background: none !important;
  height: 16px;
  padding: 0 !important;
  margin: 0 0 1px 0 !important;
  vertical-align: middle;
  color: rgb(177, 202, 70) !important;
}

.newButtonInTitle .ui-button-text {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  text-shadow: none;
  line-height: 1.3 !important;
}

.newButtonInTitle.ui-state-hover, .newButtonInTitle.ui-state-focus {
  box-shadow: none !important;
}

.borderLessButton {
  border: none !important;
  background: none !important;
  height: 16px;
  padding: 0 !important;
  margin: 0 0 1px 0 !important;
}

.borderLessButton .ui-button-text {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  text-shadow: none;
  line-height: 1.3 !important;
}

.borderLessButton.ui-state-hover, .borderLessButton.ui-state-focus {
  box-shadow: none !important;
}

.downloadFileButton {
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 0 1px 0 !important;
  /*vertical-align: middle;*/
  color: rgb(0, 0, 0) !important;
}

.downloadFileButton .ui-button-text {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  text-shadow: none;
  font-weight: normal;
}

.downloadFileButton.ui-state-hover, .downloadFileButton.ui-state-focus {
  box-shadow: none !important;
}

.downloadFileButton .ui-icon {
  margin-top: -6px !important;
}

div.downloadZipButton {
  text-align: right;
  margin-bottom: 10px;
}

.innerDetailNameColumn {
  min-width: 200px;
  vertical-align: bottom;
}

.newDialogHeaderSpacer {
  min-height: 15px;
}

.panelWithTitle {
  border: 1px solid rgb(177, 202, 70) !important;
  margin-bottom: 10px;
  padding: 5px 10px;
  min-height: 100px;
}

.middleField {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}

.middleField input {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}

.longField.ui-selectonemenu {
  width: 268px;
  min-width: 268px;
  max-width: 268px;
}

.longField {
  width: 270px;
  min-width: 270px;
  max-width: 270px;
}

select.longField {
  width: 270px;
  min-width: 270px;
  max-width: 270px;
  border: 1px solid #D3D3D3;
  /*height: 26px;*/
}

select.longFieldPortfolio {
  width: 100%;
  height: 26px;
  border: 1px solid #D3D3D3;
}

/* Evolution Portfolio */
.evolutionOverviewTable {
  overflow: auto;
  overflow-y: hidden;
  min-width: 1010px;
  max-width: 1010px;
}

.evolutionOverviewTable table, .businessReportTable table {
  width: unset !important;
}

select.fitField {
  height: 26px;
  width: 100%;
  border: 1px solid #D3D3D3;
}

select.periodField {
  height: 26px;
  width: 100%;
  border: 1px solid #D3D3D3;
}

select.middleField {
  height: 26px;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  border: 1px solid #D3D3D3;
}

.veryLongField {
  width: 585px;
  min-width: 585px;
  max-width: 585px;
}

.veryLongField .ui-editor, .veryLongField iframe {
  width: 585px;
  min-width: 585px;
  max-width: 585px;
}

.proposalLabelColumnLength {
  width: 175px;
  max-width: 175px;
  min-width: 175px;
}

.proposalEditing {
  width: 100%;
}

.proposalEditingInfoText {
  font-size: 11px;
}

.profileLabelWidth {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}

.objectListLabelWidth {
  width: 170px;
  max-width: 170px;
  min-width: 170px;
}

.globalLabelWidth {
  width: 170px;
  max-width: 170px;
  min-width: 170px;
}

.deleteIcon {
  display: block;
  width: 10px;
  height: 8px;
  background: url("") no-repeat 0 0;
}

.mapIcon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  width: 24px;
  height: 24px;
  background: url("/javax.faces.resource/documents/theme/images/maps.png.xhtml") no-repeat 0 0;
  padding-right: 5px;
}

li.dimension a {
  height: 20px;
  left: 5px;
  position: relative;
  top: -11px;
  outline: none;
}

li.dimension a:before {
  left: -10px;
  position: relative;
  top: 6px;
}

li.usageTabStyle {
  border: 1px solid #00552B !important;
  border-bottom: 0 !important;
  background: #00552B !important;
  border-radius: 0;
  height: 50px;
}

li.usageTabStyle2009 {
  border: 1px solid rgb(189, 194, 173) !important;
  border-bottom: 0 !important;
  background: none repeat scroll 0 0 rgb(189, 194, 173) !important;
  border-radius: 0;
  height: 30px;
}

li.usageTabStyle a {
  color: rgb(255, 255, 255) !important;
  text-shadow: none !important;
}

li.usageTabStyle2009 a {
  color: rgb(255, 255, 255) !important;
  text-shadow: none !important;
}

li.usageTabStyle a:before {
  content: url("/javax.faces.resource/documents/theme/images/icons_18w_user_user.png.xhtml");
}

li.infrastructureTabStyle {
  border: 1px solid #207E34 !important;
  border-bottom: 0 !important;
  background: #207E34 !important;
  border-radius: 0;
  height: 50px;
}

li.infrastructureTabStyle2009 {
  border: 1px solid rgb(137, 170, 191) !important;
  border-bottom: 0 !important;
  background: none repeat scroll 0 0 rgb(137, 170, 191) !important;
  border-radius: 0;
  height: 30px;
}

li.infrastructureTabStyle a {
  color: rgb(255, 255, 255) !important;
  text-shadow: none !important;
}

li.infrastructureTabStyle2009 a {
  color: rgb(255, 255, 255) !important;
  text-shadow: none !important;
}

li.infrastructureTabStyle a:before {
  content: url("/javax.faces.resource/documents/theme/images/icons_18w_train_tram_train_tram.png.xhtml");
}


li.energyTabStyle {
  border: 1px solid #76C043 !important;
  border-bottom: 0 !important;
  background: #76C043 !important;
  border-radius: 0;
  height: 50px;
}

li.energyTabStyle2009 {
  border: 1px solid rgb(37, 63, 116) !important;
  border-bottom: 0 !important;
  background: none repeat scroll 0 0 rgb(37, 63, 116) !important;
  border-radius: 0;
  height: 30px;
}

li.energyTabStyle a {
  color: rgb(255, 255, 255) !important;
  text-shadow: none !important;
}

li.energyTabStyle2009 a {
  color: rgb(255, 255, 255) !important;
  text-shadow: none !important;
}

li.energyTabStyle a:before {
  content: url("/javax.faces.resource/documents/theme/images/icons_18w_bulb_bulb.png.xhtml");
}

li.materialsTabStyle {
  border: 1px solid #D7E9C1 !important;
  border-bottom: 0 !important;
  background: #D7E9C1 !important;
  border-radius: 0;
  height: 50px;
}

li.materialsTabStyle2009 {
  border: 1px solid rgb(157, 183, 176) !important;
  border-bottom: 0 !important;
  background: none repeat scroll 0 0 rgb(157, 183, 176) !important;
  border-radius: 0;
  height: 30px;
}

li.materialsTabStyle a {
  color: rgb(0, 0, 0) !important;
  text-shadow: none !important;
}

li.materialsTabStyle2009 a {
  color: rgb(255, 255, 255) !important;
  text-shadow: none !important;
}

li.materialsTabStyle a:before {
  content: url("/javax.faces.resource/documents/theme/images/icons_18_building_blocks_building_blocks.png.xhtml");
}

li.livingCycleTabStyle {
  border: 1px solid #C1E5E3 !important;
  border-bottom: 0 !important;
  background: #C1E5E3 !important;
  border-radius: 0;
  height: 50px;
}

li.livingCycleTabStyle2009 {
  border: 1px solid rgb(134, 116, 96) !important;
  border-bottom: 0 !important;
  background: none repeat scroll 0 0 rgb(134, 116, 96) !important;
  border-radius: 0;
  height: 30px;
}

li.livingCycleTabStyle a {
  color: rgb(0, 0, 0) !important;
  text-shadow: none !important;
}

li.livingCycleTabStyle2009 a {
  color: rgb(255, 255, 255) !important;
  text-shadow: none !important;
}

li.livingCycleTabStyle a:before {
  content: url("/javax.faces.resource/documents/theme/images/icons_18_house-lifecycle_house.png.xhtml");
}

td.indicatorRatingCb {
  width: 25px;
  padding: 0 !important;
}

td.indicatorRatingCbDegree {
  width: 25px;
  padding: 0 0 0 10px !important;
}

td.indicatorRatingInput {
  width: 25px;
  padding: 3px 5px 3px 0 !important;
}

.ui-panelgrid td.objectDocumentsColumn {
  width: 50%;
  vertical-align: top;
}

.objectDocumentSpaces {
  height: 10px;
}

.objectDocumentBuildingSpaces {
  height: 6px;
}

.oneIconColumn {
  width: 23px;
}

.twoIconColumn {
  width: 39px;
}

.threeIconColumn {
  width: 55px;
}

.greenproDialogBox {
  background-color: white;
}

td.indicatorRatingName {
  width: 200px;
  vertical-align: top;
  height: 22px;
}

.indicatorRatingAdditionalInfos {
  padding-left: 12px;
  padding-top: 2px;
}

td.indicatorRatingBuildingCategory {
  width: 60px;
  height: 22px;
}

td.indicatorPercentage {
  width: 65px;
  font-weight: bold;
  font-size: 1.2em;
}

td.indicatorLevelPercentage {
  width: 60px;
  text-align: center !important;
  padding-right: 0 !important;
}

td.indicatorRatingRate {
  width: 80px;
  padding-right: 5px !important;
  height: 22px;
}

td.indicatorRatingFailed {
  width: 40px;
  padding-right: 0 !important;
  background: #c83e46;
  text-align: center;
  height: 22px;
}

td.indicatorRatingPartially {
  width: 40px;
  padding-right: 0 !important;
  background: #eff160;
  text-align: center;
  height: 22px;
}

td.indicatorRatingPassed {
  width: 40px;
  padding-right: 0 !important;
  background: #a0c350;
  text-align: center;
  height: 22px;
}

td.indicatorRatingTypeDescription {
  padding-left: 10px !important;
  padding-right: 10px !important;
  height: 22px;
  width: 420px;
}

td.indicatorRatingInformations {
  width: 150px;
  font-size: 0.8em;
  height: 22px;
  text-align: right;
}

div.indicatorReferenceData {
  margin-top: 10px;
  padding: 3px;
  font-size: 0.8em !important;
  background-color: lightgray;
  border: 1px solid gray;
  border-radius: 3px;
}

table.greenpro2019 tr.ui-widget-content:not(:last-child) td.indicatorRatingBuildingCategory,
table.greenpro2019 tr.ui-widget-content:not(:last-child) td.indicatorRatingRate,
table.greenpro2019 tr.ui-widget-content:not(:last-child) td.indicatorRatingFailed,
table.greenpro2019 tr.ui-widget-content:not(:last-child) td.indicatorRatingPartially,
table.greenpro2019 tr.ui-widget-content:not(:last-child) td.indicatorRatingPassed,
table.greenpro2019 tr.ui-widget-content:not(:last-child) td.indicatorRatingTypeDescription {
  border-bottom: 1px solid lightgray !important;
}

#dossierIndicatorRatingDialog .greenpro2019 td.ui-panelgrid-cell {
  padding: 3px 10px 3px 0 !important;
}

.indicatorRatingTable {
  width: 100%;
}

.greenpro2019 .anzeigeMouseOver {
  display: block;
  max-height: 0;
  overflow-y: visible;
  width: 30ch;
}

.greenpro2019 .anzeigeMouseOver > div, .greenpro2019 td.indicatorRatingTableHeaderColumn.anzeigeTitle {
  margin-left: 10px;
  margin-top: 4px;
  display: none; /* wird später durch mouseover eingeblendet, siehe global.js */
}

.greenpro2019 td.indicatorRatingTableHeaderColumn.anzeigeTitle > h5 {
  margin-left: 10px;
}

.ui-panelgrid td.indicatorRatingTableColumnNUTZUNG {
  border-bottom: 1px solid rgb(189, 194, 173) !important;
}

.ui-panelgrid td.indicatorRatingTableColumnNUTZUNG > ul {
  padding-left: 15px;
  margin-block-start: 5px;
  margin-block-end: 5px;
}

.ui-panelgrid td.indicatorRatingTableColumnINFRASTRUKTUR {
  border-bottom: 1px solid rgb(137, 170, 191) !important;
}

.ui-panelgrid td.indicatorRatingTableColumnINFRASTRUKTUR > ul {
  padding-left: 15px;
  margin-block-start: 5px;
  margin-block-end: 5px;
}

.ui-panelgrid td.indicatorRatingTableColumnENERGIE {
  border-bottom: 1px solid rgb(37, 63, 116) !important;
}

.ui-panelgrid td.indicatorRatingTableColumnENERGIE > ul {
  padding-left: 15px;
  margin-block-start: 5px;
  margin-block-end: 5px;
}

.ui-panelgrid td.indicatorRatingTableColumnMATERIALIEN {
  border-bottom: 1px solid rgb(157, 183, 176) !important;
}

.ui-panelgrid td.indicatorRatingTableColumnMATERIALIEN > ul {
  padding-left: 15px;
  margin-block-start: 5px;
  margin-block-end: 5px;
}

.ui-panelgrid td.indicatorRatingTableColumnLEBENSZYKLUS {
  border-bottom: 1px solid rgb(134, 116, 96) !important;
}

.ui-panelgrid td.indicatorRatingTableColumnLEBENSZYKLUS > ul {
  padding-left: 15px;
  margin-block-start: 5px;
  margin-block-end: 5px;
}

.ui-panelgrid td.indicatorRatingTableHeaderColumn {
  border-bottom: 1px solid #b1ca46 !important;
}

.indicatorPanel .dimensionPercentage {
  float: right;
  width: 50px;
  text-align: right;
  top: 6px;
  position: relative;
}

.optionalRemarksActivation {
  padding-bottom: 5px;
  padding-left: 5px;
}

td.remarkTimestampColumn {
  vertical-align: bottom;
  min-width: 230px;
  max-width: 230px;
  word-wrap: break-word;
  font-size: 0.85em;
  padding-bottom: 8px !important;
}

td.remarkTimestampColumnOverview {
  vertical-align: bottom;
  min-width: 200px;
  max-width: 200px;
  font-size: 0.85em;
  padding-bottom: 8px !important;
}

td.remarkTextColumn {
  width: 100%;
  max-width: 500px;
  word-wrap: break-word;
  word-break: break-all;
}

td.remarkTextColumnOverview {
  width: 100% !important;
  max-width: 500px;
  word-wrap: break-word;
}

table.indicatorRatingRemarks {
  margin-left: 220px;
}

.indicatorRatingRemarksTitle {
  margin-left: 220px;
  font-weight: bold;
}

.ui-panelgrid td.documentTimestampColumn {
  vertical-align: bottom;
  min-width: 235px;
  font-size: 0.85em;
  padding-bottom: 8px !important;
  padding-left: 15px !important;
}

td.fileNameColumn {
  width: 100%;
}

.ui-panelgrid td.uploadFileColumn {
  width: 120px;
  padding-right: 15px !important;
}

.overlayPanel {
  max-width: 600px;
  z-index: 999999;
}

.overlayPanel img {
  max-width: 555px;
  height: auto;
}

.electricityProductColumn {
  width: 200px;
}

.ui-panelgrid td.energyValueColumn {
  width: 90px;
  max-width: 90px;
  padding-right: 10px !important;
}

.energyValueMenuPanelStyle {
  width: 90px;
  max-width: 90px;
}

.ui-panelgrid td.energyIconColumn {
  width: 16px;
  padding-right: 2px !important;
}

.energyHeader {
  font-weight: bold;
}

.energyResumeName {
  width: 60px;
  vertical-align: text-top;
}

.ui-panelgrid td.energyResumeDesc {
  width: 248px;
  padding-right: 10px !important;
}

.energyDataField {
  max-width: 90px !important;
  text-align: right;
}

.ui-panelgrid td.energyCarrierColumn {
  width: 310px;
  padding-right: 10px !important;
}

.energyBuildingHeatCreationCarrierDropdown {
  width: 220px;
}

.ui-panelgrid td.energyBuildingHeatCreationSystem {
  width: 70px;
  padding-right: 10px !important;
}

.ui-panelgrid td.energyBuildingHeatCreationCarrier {
  width: 120px;
  padding-right: 10px !important;
}

.energyBuildingHeatCreationCarrierField {
  width: 120px;
}

/* FIX FOR EDITOR SOURCE VIEW */
div[class ~= "fixEditorSourceView"] * textarea[style ~= "inline-block;"] + iframe {
  /*Chrome*/
  display: none !important;
}

div[class ~= "fixEditorSourceView"] * textarea[style ~= "inline;"] + iframe {
  /*FF && Opera*/
  display: none !important;
}

.beurteilungsZelle {
  text-align: center;
  border: thin solid rgb(177, 202, 70);
  padding-top: 10px;
  padding-bottom: 10px;
}

.beurteilungsZelleBold {
  width: 170px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  text-align: center;
  border: thin solid rgb(177, 202, 70);
}

textarea[readonly] {
  background-color: #dddddd !important;

}

input[type=text][readonly] {
  /*background-color: #dddddd !important;*/
}

.notRated {
  color: #ff0000;
}

.ui-treenode-label:hover {
  background-color: #B1CA46;
}

.ui-datatable tbody td.numberField {
  text-align: right !important;
}

div.dimension {
  max-height: 1px;
}

img.dimension {
  height: 20px;
}

td.indicatorOverviewModelDimension div.dimensionText {
  padding-left: 20px;
}

td.indicatorOverviewModelDimension {
  overflow: visible !important;
}

.indicatorRatingTableHeaderColumn [id*=manualToggle] {
  float: right;
  font-weight: bold;
  cursor: help;
  height: 1px;
  position: relative;
  top: -9px;
}

.indicatorRatingTableHeaderColumn [id*=manualIcon] {
  font-size: 1.9em;
  color: #1d9914;
  text-shadow: 1px 1px green;
  width: 8px;
  overflow: visible;
}

.addCommentToIndicatorRating {
  float: right;
}

.noIndicatorHnfExplanation {
  font-weight: bold;
  font-size: 110% !important;
  margin-bottom: 20px;
}

.systemInfo table td {
  word-break: break-word;
}

div.usageTabStyle {
  background: #00552B;
  color: #fff;
  padding: 5px 5px 5px 10px;
}

div.usageTabStyle:before {
  content: url("/javax.faces.resource/documents/theme/images/icons_18w_user_user.png.xhtml");
  vertical-align: middle;
}

div.infrastructureTabStyle {
  background: #207E34;
  color: #fff;
  padding: 5px 5px 5px 10px;
}

div.infrastructureTabStyle:before {
  content: url("/javax.faces.resource/documents/theme/images/icons_18w_train_tram_train_tram.png.xhtml");
  vertical-align: middle;
}

div.energyTabStyle {
  background: #76C043;
  color: #fff;
  padding: 5px 5px 5px 10px;
}

div.energyTabStyle:before {
  content: url("/javax.faces.resource/documents/theme/images/icons_18w_bulb_bulb.png.xhtml");
  vertical-align: middle;
}

div.materialsTabStyle {
  background: #D7E9C1;
  color: black;
  padding: 5px 5px 5px 10px;
}

div.materialsTabStyle:before {
  content: url("/javax.faces.resource/documents/theme/images/icons_18_building_blocks_building_blocks.png.xhtml");
  vertical-align: middle;
}

div.livingCycleTabStyle {
  background: #C1E5E3;
  color: black;
  padding: 5px 5px 5px 10px;
}

div.livingCycleTabStyle:before {
  content: url("/javax.faces.resource/documents/theme/images/icons_18_house-lifecycle_house.png.xhtml");
  vertical-align: middle;
}

.indicatorRatingDimensionText {
  font-weight: bold;
  padding-left: 10px;
  line-height: 1.3;
  font-size: 100%;
  margin-bottom: 3px;
}