/* Bus Shelter ThingsBoard CE blue grey theme override.
   Material palette: primary BLUE GREY, accent GREY.
   Activated by body.tb-theme-bluegrey. */

.tb-theme-bluegrey.mat-app-background,
.tb-theme-bluegrey .mat-app-background {
  --mat-app-background-color: #eceff1 !important;
  background-color: #eceff1 !important;
}

.tb-theme-bluegrey .mat-drawer.mat-primary,
.tb-theme-bluegrey .mat-sidenav.mat-primary,
.tb-theme-bluegrey mat-sidenav.mat-primary,
.tb-theme-bluegrey .mat-drawer,
.tb-theme-bluegrey .mat-sidenav,
.tb-theme-bluegrey mat-sidenav {
  --mat-sidenav-container-background-color: #607d8b !important;
  background-color: #607d8b !important;
}

.tb-theme-bluegrey .mat-drawer a,
.tb-theme-bluegrey .mat-sidenav a,
.tb-theme-bluegrey mat-sidenav a,
.tb-theme-bluegrey .mat-drawer span,
.tb-theme-bluegrey .mat-sidenav span,
.tb-theme-bluegrey mat-sidenav span,
.tb-theme-bluegrey .mat-drawer .mat-icon,
.tb-theme-bluegrey .mat-sidenav .mat-icon,
.tb-theme-bluegrey mat-sidenav .mat-icon,
.tb-theme-bluegrey .mat-drawer .material-icons,
.tb-theme-bluegrey .mat-sidenav .material-icons,
.tb-theme-bluegrey mat-sidenav .material-icons,
.tb-theme-bluegrey .mat-drawer .mdc-list-item__primary-text,
.tb-theme-bluegrey .mat-sidenav .mdc-list-item__primary-text,
.tb-theme-bluegrey mat-sidenav .mdc-list-item__primary-text {
  color: #ffffff !important;
}

.tb-theme-bluegrey .mat-drawer .mat-mdc-list-item:hover,
.tb-theme-bluegrey .mat-sidenav .mat-mdc-list-item:hover,
.tb-theme-bluegrey mat-sidenav .mat-mdc-list-item:hover,
.tb-theme-bluegrey .mat-drawer .mat-mdc-list-item.mdc-list-item--activated,
.tb-theme-bluegrey .mat-sidenav .mat-mdc-list-item.mdc-list-item--activated,
.tb-theme-bluegrey mat-sidenav .mat-mdc-list-item.mdc-list-item--activated {
  background-color: rgba(38, 50, 56, 0.24) !important;
}

.tb-theme-bluegrey mat-toolbar.mat-primary,
.tb-theme-bluegrey .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #607d8b !important;
  background-color: #607d8b !important;
  color: #ffffff !important;
}

.tb-theme-bluegrey .mat-mdc-raised-button.mat-primary,
.tb-theme-bluegrey .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #607d8b !important;
  --mdc-filled-button-label-text-color: #ffffff !important;
  background-color: #607d8b !important;
  color: #ffffff !important;
}

.tb-theme-bluegrey .mat-mdc-outlined-button.mat-primary,
.tb-theme-bluegrey .mat-mdc-button.mat-primary {
  --mdc-outlined-button-label-text-color: #455a64 !important;
  color: #455a64 !important;
}

.tb-theme-bluegrey .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-active-indicator-color: #9e9e9e !important;
  --mdc-filled-text-field-focus-active-indicator-color: #607d8b !important;
}

.tb-theme-bluegrey .mat-mdc-card,
.tb-theme-bluegrey mat-card {
  background-color: #ffffff !important;
  border: 1px solid rgba(96, 125, 139, 0.14) !important;
}

.tb-theme-bluegrey section.tb-powered-by-footer {
  display: none !important;
}