app-template .tabs-bar {
  background-color: var(--ion-background-color, #fff) !important;
}

app-template floodteam-floating-button ion-fab {
  margin-top: 20px;
}

app-template .ce-toolbar {
  background-color: var(--ion-background-color);
}

app-template .ce-toolbox {
  background: var(--ion-background-color) !important;
}

app-template ion-item {
  --background: transparent;
}

app-template .gjs-editor-cont {
  top: 50px;
}

app-template .sample-editor {
  display: block;
  height: 300px;
  position: relative;
  --min-height: 300px;
}

app-template ion-item.sample-editor ion-label {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--ion-color-medium-shade) !important;
  font-size: 0.75em !important;
  font-weight: bold;
  text-transform: uppercase;
  font-family: arial;
  display: block;
  background: transparent;
  text-align: left;
  padding: 0 0 8px 0;
  font-family: var(--ion-font-family);
}

app-template .preview-wrapper {
  margin: 30px auto;
}

app-template fireenjin-mx-editor fireenjin-render-template#preview {
  position: absolute;
  top: 0;
  bottom: 0 !important;
  left: 0;
  right: 0;
  height: 100%;
}

app-template fireenjin-editor {
  padding-left: 0 !important;
  --editor-background: var(--ion-color-base);
  --editor-color: var(--ion-text-color);
  --editor-color-shadow: var(--ion-color-base-dark);
  --editor-color-punctuation: rgba(var(--ion-color-secondary-rgb), 0.6);
  --editor-color-property: var(--ion-color-primary);
  --ion-color-light-shade: var(--ion-color-base);
  --ion-color-light-tint: var(--ion-color-base-dark);
  --ion-background-color: transparent;
}

app-template .pdf-wrapper {
  background-color: #fff;
  --ion-text-color: #000;
}

app-template fireenjin-render-template {
  background-color: #fff;
  --ion-text-color: #000;
  color: var(--ion-text-color);
}
