@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/osr/icons/material-icons.woff2') format('woff2'),
       url('/osr/icons/material-icons.woff') format('woff'),
       url('/osr/icons/material-icons.ttf') format('truetype');
}

* {
  -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html {
    font: 16px "HelveticaNeue-Light", "HelveticaNeue", "Helvetica", "system";
    /*font: -apple-system-body; is shit on desktop*/
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    text-size-adjust: none;
    background-position: center center;
    background-image: url('/osr/loginscreen/background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--mdc-theme-on-surface);
    margin: 0 !important;
    min-height: 600px;
    min-width: 375px;
}

body:not(.activate):not(empty) {
    background: none;
}

a {
  color: inherit;
  text-decoration: underline;
}

:root {
  --color-primary: #fd3f92;
  --color-primary-light: #ff78c2;
  --color-primary-dark: #c50065;
  --color-secondary: #e56ba6;
  --color-secondary-light: #ff9dd7;
  --color-secondary-dark: #b03977;
  --color-primary-text: #ffffff;
  --color-secondary-text: #ffffff;

  --mdc-theme-primary: #fd3f92 !important;
  --mdc-theme-secondary: #e56ba6 !important;
  --mdc-theme-on-primary: #ffffff !important;
  --mdc-theme-on-secondary: #ffffff !important;
  --mdc-theme-surface: #fff;
  --mdc-theme-on-surface: #000;
  --mdc-theme-background: #fff;
  --mdc-theme-error: #b00020;
  --mdc-theme-on-error: #fff;
}

div#dimmi_web_container {
  height: 100%;
}

div#gdpr-cookie-message {
  font-family: var(--mdc-typography-button-font-family,var(--mdc-typography-font-family,Roboto,sans-serif));
  z-index: 5;
}

@media print {
  html,body {
    height: 100%;
  }
}

@media (prefers-contrast: more) {
  :root, body:not([data-prefers-darkmode]) {
    --mdc-theme-primary: var(--color-primary-dark) !important;
    --mdc-theme-secondary: var(--color-secondary-dark) !important;
    --mdc-theme-text-secondary-on-background: var(--mdc-theme-on-surface) !important;
    --mdc-theme-text-icon-on-background: var(--mdc-theme-on-surface) !important;
  }
}

@media (prefers-color-scheme: dark) {
  body:not([data-prefers-darkmode]) {
    --mdc-theme-background: #121212;
    --mdc-theme-surface: #4B4a4a;
    --mdc-theme-on-surface: #ddd;

    --mdc-theme-text-primary-on-background: #ddd;
    --mdc-theme-text-secondary-on-background: #aaa;
    --mdc-theme-text-icon-on-background: #ddd;
    --mdc-theme-text-hint-on-background: #ddd;
    
    --md-border-divider: 1px solid rgba(255,255,255,var(--md-opacity-divider));
  }
  body:not([data-prefers-darkmode]) .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,
  body:not([data-prefers-darkmode]) .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text,
  body:not([data-prefers-darkmode]) .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder ,
  body:not([data-prefers-darkmode]) .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: var(--mdc-theme-on-surface, rgba(0,0,0,.87));
  }

  body:not([data-prefers-darkmode]) .mdc-select:not(.mdc-select--disabled) .mdc-floating-label,
  body:not([data-prefers-darkmode]) .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,
  body:not([data-prefers-darkmode]) .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
  body:not([data-prefers-darkmode]) .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text,
  body:not([data-prefers-darkmode]) .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,
  body:not([data-prefers-darkmode]) .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
    color: var(--mdc-theme-on-surface, rgba(0,0,0,.6));
  }

  body:not([data-prefers-darkmode]) .mdc-select:not(.mdc-select--disabled) .mdc-select__anchor,
  body:not([data-prefers-darkmode]) .mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: var(--mdc-theme-surface);
  }

  body:not([data-prefers-darkmode]) .oc-ui-web-dimmi-message[data-myself] {
    --mdc-theme-surface: var(--color-primary-dark) !important;
  }

  body:not([data-prefers-darkmode]) :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:hover::before {
    opacity: .1;
  }
  body:not([data-prefers-darkmode]) :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item::before,
  body:not([data-prefers-darkmode]) :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item::after {
    background-color: var(--mdc-theme-on-surface);
  }
}

body[data-prefers-darkmode="yes"] {
  --mdc-theme-background: #121212;
  --mdc-theme-surface: #4B4a4a;
  --mdc-theme-on-surface: #ddd;

  --mdc-theme-text-primary-on-background: #ddd;
  --mdc-theme-text-secondary-on-background: #aaa;
  --mdc-theme-text-icon-on-background: #ddd;
  --mdc-theme-text-hint-on-background: #ddd;

  --md-border-divider: 1px solid rgba(255,255,255,var(--md-opacity-divider));
}

body[data-prefers-darkmode="yes"] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,
body[data-prefers-darkmode="yes"] .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text,
body[data-prefers-darkmode="yes"] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder ,
body[data-prefers-darkmode="yes"] .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: var(--mdc-theme-on-surface, rgba(0,0,0,.87));
}

body[data-prefers-darkmode="yes"] .mdc-select:not(.mdc-select--disabled) .mdc-floating-label,
body[data-prefers-darkmode="yes"] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,
body[data-prefers-darkmode="yes"] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
body[data-prefers-darkmode="yes"] .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text,
body[data-prefers-darkmode="yes"] .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,
body[data-prefers-darkmode="yes"] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
  color: var(--mdc-theme-on-surface, rgba(0,0,0,.6));
}

body[data-prefers-darkmode="yes"] .mdc-select:not(.mdc-select--disabled) .mdc-select__anchor,
body[data-prefers-darkmode="yes"] .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: var(--mdc-theme-surface);
}

body[data-prefers-darkmode="yes"] .oc-ui-web-dimmi-message[data-myself] {
  --mdc-theme-surface: var(--color-primary-dark) !important;
}

body[data-prefers-darkmode="yes"] :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:hover::before {
  opacity: .1;
}
body[data-prefers-darkmode="yes"] :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item::before,
body[data-prefers-darkmode="yes"] :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item::after {
  background-color: var(--mdc-theme-on-surface);
}