/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-edcb7b12]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-edcb7b12]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
.text-container[data-v-edcb7b12] {
  display: block;
  margin-top: 24px;
}
.v-tab[data-v-edcb7b12] {
  letter-spacing: 0em !important;
  text-transform: none !important;
}
.boolean-search-syntax[data-v-edcb7b12] {
  margin-bottom: 15px;
}
.boolean-search-syntax h4.boolean-head[data-v-edcb7b12] {
  padding-left: 50px;
  margin-top: -26px;
}
.boolean-search-syntax h4.boolean-sign[data-v-edcb7b12] {
  display: inline-block;
  font-size: 120%;
}
.boolean-search-syntax h4.boolean-sign.boolean-small[data-v-edcb7b12] {
  font-size: 100%;
}
.boolean-search-syntax p[data-v-edcb7b12] {
  padding-left: 50px;
  margin-bottom: 0;
}
.boolean-search-syntax *.second-sign[data-v-edcb7b12] {
  padding-left: 50px;
  font-size: 120%;
}
.boolean-search-syntax *.second-head[data-v-edcb7b12] {
  padding-left: 80px;
}
.boolean-search-syntax *.second-head.first[data-v-edcb7b12] {
  margin-top: -1.5em;
}
.video-container[data-v-edcb7b12] {
  display: block;
  position: relative;
  width: 100%;
}
.video-container iframe[data-v-edcb7b12] {
  aspect-ratio: 16/9;
  height: auto;
  width: 70%;
}
.file-container[data-v-edcb7b12] {
  margin-top: 24px;
}
.faq-container p img[data-v-edcb7b12] {
  padding-top: 10px;
}
/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
@media only screen and (max-width: 1904px) {
.treeview .checkboxLabel {
    font-size: 12.4px !important;
}
.v-label {
    font-size: 14.4px !important;
}
.apexcharts-legend-text {
    font-size: 11px !important;
}
}
.line-clamp-two {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-three {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-0e6d07c0]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-0e6d07c0]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
a[data-v-0e6d07c0]:link {
  text-decoration: underline;
}
.login-form__header[data-v-0e6d07c0] {
  position: relative;
  padding: 15px 0;
}
.login-form__header img[data-v-0e6d07c0] {
  display: block;
  margin: 0 auto;
}
.login-form__container[data-v-0e6d07c0] {
  background-image: url(../img/background-login-top.aab652bf.png), url(../img/background-login-bottom.371f9503.png);
  background-position: top, bottom;
  background-size: 100vw 50vh, contain;
  background-repeat: no-repeat, no-repeat;
  background-color: white;
}

body[data-v-3e8e0781] {
  font-family: Roboto,sans-serif;
  color: #333;
  background-color: #f4f4f4;
  margin: 0;
  padding: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
h1[data-v-3e8e0781] {
  font-size: 2.5em;
  color: #2a5db0;
  margin-bottom: 1em;
}
article[data-v-3e8e0781] {
  display: flex;
  align-items: flex-start;
  justify-content: center;

  text-align: left;
  max-width: 1000px;
  margin: 0 auto;
  padding: 1em;
  padding-top: 150px;
  font-size: 1.2em;
}
img[data-v-3e8e0781] {
  margin-top: 1em;
}
@media only screen and (max-width: 800px) {
article[data-v-3e8e0781] {
    flex-direction: column;
    align-items: center;
}
}
a[data-v-3e8e0781], a[data-v-3e8e0781]:visited {
  color: #dc8100 !important;
  text-decoration: none;
}
a[data-v-3e8e0781]:hover {
  color: #2a5db0 !important;
}