body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
    'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

.MuiInputBase-input.Mui-disabled {
  color: #000;
}

.spinner-wrapper {
  position: fixed;
  top: 45vh;
  left: 50vw;
}

.spinner-loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 70%;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*
 * TinyMCE 6+ rendert die vertikalen Gruppen-Trenner der Toolbar standardmaessig transparent
 * (".tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type)" -> border transparent). Fuer
 * Paritaet mit der bisherigen Darstellung (TinyMCE 5, Prod) machen wir die Trennlinie sichtbar.
 * Der Selektor muss exakt die Spezifitaet der Skin-Regel treffen, sonst gewinnt das transparent.
 */
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-right-color: #e3e3e3 !important;
}


/*# sourceMappingURL=main.afb774b4452fc15449fa.css.map*/