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

fireenjin-mx-page-template floodteam-floating-button ion-fab {
  margin-top: 20px;
}

fireenjin-mx-page-template .ce-toolbar {
  background-color: var(--ion-background-color);
}

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

fireenjin-mx-page-template ion-item {
  --background: transparent;
}

fireenjin-mx-page-template .gjs-editor-cont {
  top: 50px;
}

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

fireenjin-mx-page-template ion-item.sample-editor ion-label {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--ion-color-medium-shade) !important;
  font-size: 12px !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);
}

fireenjin-mx-page-template .preview-wrapper {
  margin: 30px auto;
  max-width: 650px;
}

fireenjin-mx-page-template fireenjin-editor {
  margin: 15px auto;
  --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);
}

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