/* last minute css changes */
.title h1.app-name:after {
content: 'TAPIS - Lang Energie AG / Osterwalder Zürich AG';
}
/* Login-Page */
app-login .login-form {
  /*background-color: #f2f2f2 !important;*/
  background: rgb(255,255,255);
  background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 90%);
  background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 90%);
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
app-login:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -100;
  opacity: 0.6;
  background-image: url('login-bgAdminGui.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  -ms-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  background-size: cover;
  background-blend-mode: soft-light;
}
app-login button {
  color: #FFF !important;
  background-color: var(--primary-color) !important;
}
/* Hinweis für Update Logindaten */
.login-form-inner:after {
  /*
  content: '';
  display: block;
  white-space: pre-wrap;
  */
}

/* End: Login-Page */
mat-sidenav mat-list-item.is-active .mat-list-item-content {
  background-color: var(--warn-lighter-color) !important;
}
/*Schriftschnitt: letter-spacing sieht selten gute aus -> auf normal */
.mat-form-field {
  letter-spacing: normal !important; /* statt 1.5 */
}
/* Start: Bearbeitbare Bereiche in Tabellen: */
app-root .ag-theme-material .cell-editable, .cdk-overlay-container .ag-theme-material .cell-editable {
  background-color: rgba(47, 131, 181, 0.2) !important;
}
/* End: Bearbeitbare Bereiche in Tabellen */
/* Start: Input-Field: Label, Required */
/* Stern immer rot, unabhängig vom Status */
.mat-form-field-required-marker {
  color: #FF0000 !important;
}
/* Feedback Validierung, wenn Feld noch leer */
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.ng-invalid.ng-touched .mat-form-field-ripple {
  background-color: #FF0000 !important;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-empty.mat-form-field-label {
  color: rgba(0, 0, 0, .6) !important;
}
/* required mit font-weight 500 und Stern; */
[required] + .mat-form-field-label-wrapper label {
  font-weight: 500 !important;
}
.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper .mat-hint {
  color: #FF0000 !important;
}
/* End: Input-Field: Label, Required */
app-form-buttons div button:first-of-type {
  border-color:
    rgba(47, 131, 181, 0.72);
  border-style: solid;
  border-width: 2px;
}
app-form-buttons div button:nth-of-type(4) {
  color: #ff9b00;
}
/* Debug-Button */
span.bug-report.clickable {
  display: none !important;
}
.monitoring-datum-aktualisieren {
  display: none !important;
}
/* V-2024 */
.menu-item-group::after {
	content: '';
	position: absolute;
	background: #e0e0e0;
	height: 10px;
	width: 100%;
}
/*
#mat-tab-label-0-0, #mat-tab-label-0-2, #mat-tab-label-1-0, #mat-tab-label-1-2, #mat-tab-content-0-0  {
  display: none !important;
  height: 0px;
  width: 0px;
}
*/
mat-sidenav > div > mat-nav-list > div:nth-child(3) > div:nth-child(1) > mat-list-item {
  /*display: none;*/
}
