/*
 * Simpex-Theme für Authelia 4.39.20
 * Schrift und Farbakzente; keine Layoutänderungen.
 */

:root {
  color-scheme: light;
  --simpex-black: #111111;
  --simpex-dark-grey: #555555;
  --simpex-grey: #777777;
  --simpex-line: #d8d8d8;
  --simpex-light-grey: #f3f3f3;
  --simpex-white: #ffffff;
}

/* Grundfläche und Schrift */

html,
body,
#root {
  background-color: var(--simpex-white) !important;
  color: var(--simpex-black) !important;
  font-family: Arial, sans-serif !important;
}

button,
input,
textarea,
select,
.MuiTypography-root,
.MuiButton-root,
.MuiInputBase-root,
.MuiInputLabel-root,
.MuiFormLabel-root {
  font-family: Arial, sans-serif !important;
}

/* Flächen und Navigation */

.MuiPaper-root,
.MuiCard-root,
.MuiDialog-paper,
.MuiAppBar-root {
  background-color: var(--simpex-white) !important;
  color: var(--simpex-black) !important;
}

.MuiAppBar-root {
  box-shadow: none !important;
}

/* Texte und Verweise */

a,
a:visited,
.MuiLink-root,
.MuiButton-textPrimary,
.MuiButton-textSecondary,
.MuiTypography-colorPrimary,
.MuiTypography-colorSecondary {
  color: var(--simpex-black) !important;
}

a:hover,
.MuiLink-root:hover {
  color: var(--simpex-black) !important;
  text-decoration: underline !important;
}

/* Schaltflächen */

.MuiButton-contained,
.MuiButton-containedPrimary,
.MuiButton-containedSecondary {
  background-color: var(--simpex-black) !important;
  color: var(--simpex-white) !important;
}

.MuiButton-contained:hover,
.MuiButton-containedPrimary:hover,
.MuiButton-containedSecondary:hover {
  background-color: #333333 !important;
}

.MuiButton-outlined,
.MuiButton-text {
  border-color: var(--simpex-black) !important;
  color: var(--simpex-black) !important;
}

/* Eingabefelder und Auswahl */

.MuiOutlinedInput-notchedOutline {
  border-color: var(--simpex-grey) !important;
}

.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--simpex-black) !important;
}

.MuiInputLabel-root.Mui-focused {
  color: var(--simpex-black) !important;
}

.MuiCheckbox-root.Mui-checked,
.MuiRadio-root.Mui-checked,
.MuiSwitch-switchBase.Mui-checked {
  color: var(--simpex-black) !important;
}

.MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: var(--simpex-black) !important;
}

/* Symbole, Fortschritt und Meldungen */

.MuiSvgIcon-colorPrimary,
.MuiSvgIcon-colorSecondary,
.MuiSvgIcon-colorSuccess,
.MuiSvgIcon-colorError,
.MuiCircularProgress-root {
  color: var(--simpex-black) !important;
}

.MuiLinearProgress-bar {
  background-color: var(--simpex-black) !important;
}

.MuiAlert-root {
  background-color: var(--simpex-light-grey) !important;
  border: 1px solid var(--simpex-line) !important;
  color: var(--simpex-black) !important;
}

.MuiAlert-icon {
  color: var(--simpex-black) !important;
}

.MuiSnackbarContent-root {
  background-color: var(--simpex-black) !important;
  color: var(--simpex-white) !important;
}

/*
 * Authelia 4.39.20:
 * Blendet den deaktivierten WebAuthn-Hinweis zwischen
 * Einmal-Passwort und Optionen aus.
 */

.MuiGrid-container:has(> .MuiGrid-root:nth-child(3)):has(.MuiRadioGroup-root)
  > .MuiGrid-root:nth-child(2) {
  display: none !important;
}


/*
 * Ersetzt Authelias allgemeines Benutzerbild durch das
 * SIMPEX-Weltmotiv. Die JPEG-Grautöne werden auf ein
 * klares Schwarz-Weiß-Bild reduziert.
 */

#UserSvg {
  background:
    var(--simpex-white)
    url("simpex-world.svg")
    center / contain
    no-repeat !important;
  filter: grayscale(1) contrast(1000%) !important;
}

#UserSvg > * {
  opacity: 0 !important;
}


/*
 * Blendet den technischen Authelia-Herstellerhinweis aus.
 */

a[href^="https://www.authelia.com"] {
  display: none !important;
}