/* Special changes go here */
body {
  font-size: 1rem;
}

img.meisterlogo {
  transition-duration: 0.4s;
  box-shadow: -1px 29px 33px 0 #dedede;
  max-height: 80px;
  width: auto;
  margin-bottom: 1rem;
}

img.flowprofilogo {
  max-height: 80px;
  width: auto;
  margin-bottom: 1rem;
}


@media screen and (max-width: 1440px) {
  body {
    font-size: 0.75rem; /* Adjust the font size as needed */
  }

  .hide-item {
    display: none;
  }

  img.meisterlogo {
    transition-duration: 0.4s;
    box-shadow: none;
    max-height: 50px;
    width: auto;
    margin-bottom: 0;
  }

  img.flowprofilogo {
    max-height: 50px;
    width: auto;
    margin-bottom: 0;
  }

  .q-toolbar__title {
    font-size: 18px;
  }

  .q-stepper__header--contracted {
    min-height: 26px;
  }

  .q-stepper__header--contracted .q-stepper__tab {
    height: 26px;
    min-height: auto;
  } 

  .q-toolbar {
    min-height: 42px;
  }
}

.q-field--standout.q-field--error .q-field__control {
  border: 1px solid #f92431;
  background-color: unset;
  color: #f92431 !important;
}

.q-field--standout.q-field--error .q-field__input,
.q-field--standout.q-field--error .q-field__native {
  color: black;
}

/* add red bold label */
.red-label {
  color: #f92431;
  font-weight: bold;
}

/* remove Spinners from input fields */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}
/* end remove Spinners from input fields */

/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src:
    url("../css/fonts/roboto-v30-latin-100.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+ */ url("../css/fonts/roboto-v30-latin-100.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src:
    url("../css/fonts/roboto-v30-latin-300.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+ */ url("../css/fonts/roboto-v30-latin-300.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src:
    url("../css/fonts/roboto-v30-latin-regular.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+ */ url("../css/fonts/roboto-v30-latin-regular.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src:
    url("../css/fonts/roboto-v30-latin-500.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+ */ url("../css/fonts/roboto-v30-latin-500.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src:
    url("../css/fonts/roboto-v30-latin-700.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+ */ url("../css/fonts/roboto-v30-latin-700.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("../css/fonts/material-icons.woff2") format("woff2");
}

.material-icons {
  /*noinspection CssNoGenericFontName*/
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
}