/* last minute css changes */
.title h1.app-name:after {
content: 'AVIANET - Admin'
}

/* Login-Page */
app-login .login-form {
  background: rgba(255,255,255,0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.25);
  /*background: rgb(242, 242, 242);
  background: -webkit-linear-gradient(left, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.8) 20%, rgba(242, 242, 242, 0.8) 80%, rgba(242, 242, 242, 0) 100%);
  background: -o-linear-gradient(left, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.8) 20%, rgba(242, 242, 242, 0.8) 80%, rgba(242, 242, 242, 0) 100%);
  background: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.8) 20%, rgba(242, 242, 242, 0.8) 80%, rgba(242, 242, 242, 0) 100%);
  */
}
app-login:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -100;
  opacity: 1;
  background-image: url('https://admin.avianet.ch/help/img/bgAdminGui.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
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 */
mat-nav-list > div {
    display: none;
}
mat-nav-list > div:last-of-type {
    display: block !important;
}
mat-nav-list > div:first-of-type {
    display: block !important;
}


html body.mat-body app-root div.app-container mat-sidenav-container.app-sidenav-container.mat-drawer-container.mat-sidenav-container.mat-drawer-transition mat-sidenav-content.mat-drawer-content.mat-sidenav-content app-produkt-list.ng-star-inserted app-split-screen as-split.as-vertical.as-init as-split-area.as-split-area form.form-inline.ng-untouched.ng-pristine.ng-valid mat-tab-group.mat-warn.mat-tab-group.mat-primary.ng-star-inserted mat-tab-header.mat-tab-header div.mat-tab-label-container div.mat-tab-list div.mat-tab-labels div:nth-of-type(4) {
display: none !important;
}

html body.mat-body app-root div.app-container mat-sidenav-container.app-sidenav-container.mat-drawer-container.mat-sidenav-container.mat-drawer-transition mat-sidenav-content.mat-drawer-content.mat-sidenav-content app-anbieter-list.ng-star-inserted app-split-screen as-split.as-vertical.as-init as-split-area.as-split-area form.split-screen.form-inline.ng-untouched.ng-pristine.ng-valid mat-tab-group.mat-warn.mat-tab-group.mat-primary.ng-star-inserted mat-tab-header.mat-tab-header div.mat-tab-label-container div.mat-tab-list div.mat-tab-labels div:nth-of-type(4) {
display: none !important;
}

.menu-item-group::after {
	content: '';
	position: absolute;
	background: #e0e0e0;
	height: 10px;
	width: 100%;
}