/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */


 body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

.right_button {
  text-align: right;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}


@font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*#############  THEMES  #######################*/

/* Light mode */
@media (prefers-color-scheme: light) {
  body {
      --md-sys-color-primary: #4a58a9; --md-sys-color-on-primary: #ffffff; --md-sys-color-primary-container: #dee0ff; --md-sys-color-on-primary-container: #000f5c; --md-sys-color-secondary: #5b5d72; --md-sys-color-on-secondary: #ffffff; --md-sys-color-secondary-container: #e0e1f9; --md-sys-color-on-secondary-container: #181a2c; --md-sys-color-tertiary: #77536d; --md-sys-color-on-tertiary: #ffffff; --md-sys-color-tertiary-container: #ffd7f1; --md-sys-color-on-tertiary-container: #2d1228; --md-sys-color-error: #ba1a1a; --md-sys-color-on-error: #ffffff; --md-sys-color-error-container: #ffdad6; --md-sys-color-on-error-container: #410002; --md-sys-color-background: #fffbff; --md-sys-color-on-background: #1b1b1f; --md-sys-color-surface: #fffbff; --md-sys-color-on-surface: #1b1b1f; --md-sys-color-surface-variant: #e3e1ec; --md-sys-color-on-surface-variant: #46464f; --md-sys-color-outline: #767680; --md-sys-color-outline-variant: #c7c5d0; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-inverse-surface: #303034; --md-sys-color-inverse-on-surface: #f3f0f4; --md-sys-color-inverse-primary: #bbc3ff; --md-sys-color-primary-dark: #bbc3ff; --md-sys-color-on-primary-dark: #172778; --md-sys-color-primary-container-dark: #313f90; --md-sys-color-on-primary-container-dark: #dee0ff; --md-sys-color-secondary-dark: #c3c5dd; --md-sys-color-on-secondary-dark: #2d2f42; --md-sys-color-secondary-container-dark: #434659; --md-sys-color-on-secondary-container-dark: #e0e1f9; --md-sys-color-tertiary-dark: #e6bad7; --md-sys-color-on-tertiary-dark: #44263d; --md-sys-color-tertiary-container-dark: #5d3c55; --md-sys-color-on-tertiary-container-dark: #ffd7f1; --md-sys-color-error-dark: #ffb4ab; --md-sys-color-on-error-dark: #690005; --md-sys-color-error-container-dark: #93000a; --md-sys-color-on-error-container-dark: #ffb4ab; --md-sys-color-background-dark: #1b1b1f; --md-sys-color-on-background-dark: #e4e1e6; --md-sys-color-surface-dark: #1b1b1f; --md-sys-color-on-surface-dark: #e4e1e6; --md-sys-color-surface-variant-dark: #46464f; --md-sys-color-on-surface-variant-dark: #c7c5d0; --md-sys-color-outline-dark: #90909a; --md-sys-color-outline-variant-dark: #46464f; --md-sys-color-shadow-dark: #000000; --md-sys-color-scrim-dark: #000000; --md-sys-color-inverse-surface-dark: #e4e1e6; --md-sys-color-inverse-on-surface-dark: #303034; --md-sys-color-inverse-primary-dark: #4a58a9; --md-sys-color-primary-light: #4a58a9; --md-sys-color-on-primary-light: #ffffff; --md-sys-color-primary-container-light: #dee0ff; --md-sys-color-on-primary-container-light: #000f5c; --md-sys-color-secondary-light: #5b5d72; --md-sys-color-on-secondary-light: #ffffff; --md-sys-color-secondary-container-light: #e0e1f9; --md-sys-color-on-secondary-container-light: #181a2c; --md-sys-color-tertiary-light: #77536d; --md-sys-color-on-tertiary-light: #ffffff; --md-sys-color-tertiary-container-light: #ffd7f1; --md-sys-color-on-tertiary-container-light: #2d1228; --md-sys-color-error-light: #ba1a1a; --md-sys-color-on-error-light: #ffffff; --md-sys-color-error-container-light: #ffdad6; --md-sys-color-on-error-container-light: #410002; --md-sys-color-background-light: #fffbff; --md-sys-color-on-background-light: #1b1b1f; --md-sys-color-surface-light: #fffbff; --md-sys-color-on-surface-light: #1b1b1f; --md-sys-color-surface-variant-light: #e3e1ec; --md-sys-color-on-surface-variant-light: #46464f; --md-sys-color-outline-light: #767680; --md-sys-color-outline-variant-light: #c7c5d0; --md-sys-color-shadow-light: #000000; --md-sys-color-scrim-light: #000000; --md-sys-color-inverse-surface-light: #303034; --md-sys-color-inverse-on-surface-light: #f3f0f4; --md-sys-color-inverse-primary-light: #bbc3ff;
  }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  body {
--md-sys-color-primary: #bbc3ff; --md-sys-color-on-primary: #172778; --md-sys-color-primary-container: #313f90; --md-sys-color-on-primary-container: #dee0ff; --md-sys-color-secondary: #c3c5dd; --md-sys-color-on-secondary: #2d2f42; --md-sys-color-secondary-container: #434659; --md-sys-color-on-secondary-container: #e0e1f9; --md-sys-color-tertiary: #e6bad7; --md-sys-color-on-tertiary: #44263d; --md-sys-color-tertiary-container: #5d3c55; --md-sys-color-on-tertiary-container: #ffd7f1; --md-sys-color-error: #ffb4ab; --md-sys-color-on-error: #690005; --md-sys-color-error-container: #93000a; --md-sys-color-on-error-container: #ffb4ab; --md-sys-color-background: #1b1b1f; --md-sys-color-on-background: #e4e1e6; --md-sys-color-surface: #1b1b1f; --md-sys-color-on-surface: #e4e1e6; --md-sys-color-surface-variant: #46464f; --md-sys-color-on-surface-variant: #c7c5d0; --md-sys-color-outline: #90909a; --md-sys-color-outline-variant: #46464f; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-inverse-surface: #e4e1e6; --md-sys-color-inverse-on-surface: #303034; --md-sys-color-inverse-primary: #4a58a9; --md-sys-color-primary-dark: #bbc3ff; --md-sys-color-on-primary-dark: #172778; --md-sys-color-primary-container-dark: #313f90; --md-sys-color-on-primary-container-dark: #dee0ff; --md-sys-color-secondary-dark: #c3c5dd; --md-sys-color-on-secondary-dark: #2d2f42; --md-sys-color-secondary-container-dark: #434659; --md-sys-color-on-secondary-container-dark: #e0e1f9; --md-sys-color-tertiary-dark: #e6bad7; --md-sys-color-on-tertiary-dark: #44263d; --md-sys-color-tertiary-container-dark: #5d3c55; --md-sys-color-on-tertiary-container-dark: #ffd7f1; --md-sys-color-error-dark: #ffb4ab; --md-sys-color-on-error-dark: #690005; --md-sys-color-error-container-dark: #93000a; --md-sys-color-on-error-container-dark: #ffb4ab; --md-sys-color-background-dark: #1b1b1f; --md-sys-color-on-background-dark: #e4e1e6; --md-sys-color-surface-dark: #1b1b1f; --md-sys-color-on-surface-dark: #e4e1e6; --md-sys-color-surface-variant-dark: #46464f; --md-sys-color-on-surface-variant-dark: #c7c5d0; --md-sys-color-outline-dark: #90909a; --md-sys-color-outline-variant-dark: #46464f; --md-sys-color-shadow-dark: #000000; --md-sys-color-scrim-dark: #000000; --md-sys-color-inverse-surface-dark: #e4e1e6; --md-sys-color-inverse-on-surface-dark: #303034; --md-sys-color-inverse-primary-dark: #4a58a9; --md-sys-color-primary-light: #4a58a9; --md-sys-color-on-primary-light: #ffffff; --md-sys-color-primary-container-light: #dee0ff; --md-sys-color-on-primary-container-light: #000f5c; --md-sys-color-secondary-light: #5b5d72; --md-sys-color-on-secondary-light: #ffffff; --md-sys-color-secondary-container-light: #e0e1f9; --md-sys-color-on-secondary-container-light: #181a2c; --md-sys-color-tertiary-light: #77536d; --md-sys-color-on-tertiary-light: #ffffff; --md-sys-color-tertiary-container-light: #ffd7f1; --md-sys-color-on-tertiary-container-light: #2d1228; --md-sys-color-error-light: #ba1a1a; --md-sys-color-on-error-light: #ffffff; --md-sys-color-error-container-light: #ffdad6; --md-sys-color-on-error-container-light: #410002; --md-sys-color-background-light: #fffbff; --md-sys-color-on-background-light: #1b1b1f; --md-sys-color-surface-light: #fffbff; --md-sys-color-on-surface-light: #1b1b1f; --md-sys-color-surface-variant-light: #e3e1ec; --md-sys-color-on-surface-variant-light: #46464f; --md-sys-color-outline-light: #767680; --md-sys-color-outline-variant-light: #c7c5d0; --md-sys-color-shadow-light: #000000; --md-sys-color-scrim-light: #000000; --md-sys-color-inverse-surface-light: #303034; --md-sys-color-inverse-on-surface-light: #f3f0f4; --md-sys-color-inverse-primary-light: #bbc3ff;
  }
}

/*
:root[theme='dark'] {
--md-sys-color-primary: #bbc3ff; --md-sys-color-on-primary: #172778; --md-sys-color-primary-container: #313f90; --md-sys-color-on-primary-container: #dee0ff; --md-sys-color-secondary: #c3c5dd; --md-sys-color-on-secondary: #2d2f42; --md-sys-color-secondary-container: #434659; --md-sys-color-on-secondary-container: #e0e1f9; --md-sys-color-tertiary: #e6bad7; --md-sys-color-on-tertiary: #44263d; --md-sys-color-tertiary-container: #5d3c55; --md-sys-color-on-tertiary-container: #ffd7f1; --md-sys-color-error: #ffb4ab; --md-sys-color-on-error: #690005; --md-sys-color-error-container: #93000a; --md-sys-color-on-error-container: #ffb4ab; --md-sys-color-background: #1b1b1f; --md-sys-color-on-background: #e4e1e6; --md-sys-color-surface: #1b1b1f; --md-sys-color-on-surface: #e4e1e6; --md-sys-color-surface-variant: #46464f; --md-sys-color-on-surface-variant: #c7c5d0; --md-sys-color-outline: #90909a; --md-sys-color-outline-variant: #46464f; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-inverse-surface: #e4e1e6; --md-sys-color-inverse-on-surface: #303034; --md-sys-color-inverse-primary: #4a58a9; --md-sys-color-primary-dark: #bbc3ff; --md-sys-color-on-primary-dark: #172778; --md-sys-color-primary-container-dark: #313f90; --md-sys-color-on-primary-container-dark: #dee0ff; --md-sys-color-secondary-dark: #c3c5dd; --md-sys-color-on-secondary-dark: #2d2f42; --md-sys-color-secondary-container-dark: #434659; --md-sys-color-on-secondary-container-dark: #e0e1f9; --md-sys-color-tertiary-dark: #e6bad7; --md-sys-color-on-tertiary-dark: #44263d; --md-sys-color-tertiary-container-dark: #5d3c55; --md-sys-color-on-tertiary-container-dark: #ffd7f1; --md-sys-color-error-dark: #ffb4ab; --md-sys-color-on-error-dark: #690005; --md-sys-color-error-container-dark: #93000a; --md-sys-color-on-error-container-dark: #ffb4ab; --md-sys-color-background-dark: #1b1b1f; --md-sys-color-on-background-dark: #e4e1e6; --md-sys-color-surface-dark: #1b1b1f; --md-sys-color-on-surface-dark: #e4e1e6; --md-sys-color-surface-variant-dark: #46464f; --md-sys-color-on-surface-variant-dark: #c7c5d0; --md-sys-color-outline-dark: #90909a; --md-sys-color-outline-variant-dark: #46464f; --md-sys-color-shadow-dark: #000000; --md-sys-color-scrim-dark: #000000; --md-sys-color-inverse-surface-dark: #e4e1e6; --md-sys-color-inverse-on-surface-dark: #303034; --md-sys-color-inverse-primary-dark: #4a58a9; --md-sys-color-primary-light: #4a58a9; --md-sys-color-on-primary-light: #ffffff; --md-sys-color-primary-container-light: #dee0ff; --md-sys-color-on-primary-container-light: #000f5c; --md-sys-color-secondary-light: #5b5d72; --md-sys-color-on-secondary-light: #ffffff; --md-sys-color-secondary-container-light: #e0e1f9; --md-sys-color-on-secondary-container-light: #181a2c; --md-sys-color-tertiary-light: #77536d; --md-sys-color-on-tertiary-light: #ffffff; --md-sys-color-tertiary-container-light: #ffd7f1; --md-sys-color-on-tertiary-container-light: #2d1228; --md-sys-color-error-light: #ba1a1a; --md-sys-color-on-error-light: #ffffff; --md-sys-color-error-container-light: #ffdad6; --md-sys-color-on-error-container-light: #410002; --md-sys-color-background-light: #fffbff; --md-sys-color-on-background-light: #1b1b1f; --md-sys-color-surface-light: #fffbff; --md-sys-color-on-surface-light: #1b1b1f; --md-sys-color-surface-variant-light: #e3e1ec; --md-sys-color-on-surface-variant-light: #46464f; --md-sys-color-outline-light: #767680; --md-sys-color-outline-variant-light: #c7c5d0; --md-sys-color-shadow-light: #000000; --md-sys-color-scrim-light: #000000; --md-sys-color-inverse-surface-light: #303034; --md-sys-color-inverse-on-surface-light: #f3f0f4; --md-sys-color-inverse-primary-light: #bbc3ff;
}


:root[theme='light'] {
--md-sys-color-primary: #4a58a9; --md-sys-color-on-primary: #ffffff; --md-sys-color-primary-container: #dee0ff; --md-sys-color-on-primary-container: #000f5c; --md-sys-color-secondary: #5b5d72; --md-sys-color-on-secondary: #ffffff; --md-sys-color-secondary-container: #e0e1f9; --md-sys-color-on-secondary-container: #181a2c; --md-sys-color-tertiary: #77536d; --md-sys-color-on-tertiary: #ffffff; --md-sys-color-tertiary-container: #ffd7f1; --md-sys-color-on-tertiary-container: #2d1228; --md-sys-color-error: #ba1a1a; --md-sys-color-on-error: #ffffff; --md-sys-color-error-container: #ffdad6; --md-sys-color-on-error-container: #410002; --md-sys-color-background: #fffbff; --md-sys-color-on-background: #1b1b1f; --md-sys-color-surface: #fffbff; --md-sys-color-on-surface: #1b1b1f; --md-sys-color-surface-variant: #e3e1ec; --md-sys-color-on-surface-variant: #46464f; --md-sys-color-outline: #767680; --md-sys-color-outline-variant: #c7c5d0; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-inverse-surface: #303034; --md-sys-color-inverse-on-surface: #f3f0f4; --md-sys-color-inverse-primary: #bbc3ff; --md-sys-color-primary-dark: #bbc3ff; --md-sys-color-on-primary-dark: #172778; --md-sys-color-primary-container-dark: #313f90; --md-sys-color-on-primary-container-dark: #dee0ff; --md-sys-color-secondary-dark: #c3c5dd; --md-sys-color-on-secondary-dark: #2d2f42; --md-sys-color-secondary-container-dark: #434659; --md-sys-color-on-secondary-container-dark: #e0e1f9; --md-sys-color-tertiary-dark: #e6bad7; --md-sys-color-on-tertiary-dark: #44263d; --md-sys-color-tertiary-container-dark: #5d3c55; --md-sys-color-on-tertiary-container-dark: #ffd7f1; --md-sys-color-error-dark: #ffb4ab; --md-sys-color-on-error-dark: #690005; --md-sys-color-error-container-dark: #93000a; --md-sys-color-on-error-container-dark: #ffb4ab; --md-sys-color-background-dark: #1b1b1f; --md-sys-color-on-background-dark: #e4e1e6; --md-sys-color-surface-dark: #1b1b1f; --md-sys-color-on-surface-dark: #e4e1e6; --md-sys-color-surface-variant-dark: #46464f; --md-sys-color-on-surface-variant-dark: #c7c5d0; --md-sys-color-outline-dark: #90909a; --md-sys-color-outline-variant-dark: #46464f; --md-sys-color-shadow-dark: #000000; --md-sys-color-scrim-dark: #000000; --md-sys-color-inverse-surface-dark: #e4e1e6; --md-sys-color-inverse-on-surface-dark: #303034; --md-sys-color-inverse-primary-dark: #4a58a9; --md-sys-color-primary-light: #4a58a9; --md-sys-color-on-primary-light: #ffffff; --md-sys-color-primary-container-light: #dee0ff; --md-sys-color-on-primary-container-light: #000f5c; --md-sys-color-secondary-light: #5b5d72; --md-sys-color-on-secondary-light: #ffffff; --md-sys-color-secondary-container-light: #e0e1f9; --md-sys-color-on-secondary-container-light: #181a2c; --md-sys-color-tertiary-light: #77536d; --md-sys-color-on-tertiary-light: #ffffff; --md-sys-color-tertiary-container-light: #ffd7f1; --md-sys-color-on-tertiary-container-light: #2d1228; --md-sys-color-error-light: #ba1a1a; --md-sys-color-on-error-light: #ffffff; --md-sys-color-error-container-light: #ffdad6; --md-sys-color-on-error-container-light: #410002; --md-sys-color-background-light: #fffbff; --md-sys-color-on-background-light: #1b1b1f; --md-sys-color-surface-light: #fffbff; --md-sys-color-on-surface-light: #1b1b1f; --md-sys-color-surface-variant-light: #e3e1ec; --md-sys-color-on-surface-variant-light: #46464f; --md-sys-color-outline-light: #767680; --md-sys-color-outline-variant-light: #c7c5d0; --md-sys-color-shadow-light: #000000; --md-sys-color-scrim-light: #000000; --md-sys-color-inverse-surface-light: #303034; --md-sys-color-inverse-on-surface-light: #f3f0f4; --md-sys-color-inverse-primary-light: #bbc3ff;
}
*/