/* src/styles.scss */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("./media/material-symbols-outlined.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("./media/material-symbols-rounded.woff2") format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Symbols Sharp";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("./media/material-symbols-sharp.woff2") format("woff2");
}
.material-symbols-sharp {
  font-family: "Material Symbols Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
:root {
  --app-link-color: light-dark(#5c6bc0, #9fa8da);
  --app-scrollbar-size: 8px;
  --app-scrollbar-thumb-background-color: light-dark(#e0e0e0, #8a8a8a);
  --app-scrollbar-thumb-border-radius: 20px;
  --app-scrollbar-track-background-color: light-dark(#8a8a8a, #e0e0e0);
  --app-scrollbar-track-border-radius: 20px;
  --app-spacing-base: 16px;
  --app-spacing-no: 0;
  --app-spacing-xxs: calc(0.25 * var(--app-spacing-base));
  --app-spacing-xs: calc(0.5 * var(--app-spacing-base));
  --app-spacing-sm: calc(0.75 * var(--app-spacing-base));
  --app-spacing-md: calc(1.25 * var(--app-spacing-base));
  --app-spacing-lg: calc(1.5 * var(--app-spacing-base));
  --app-spacing-xl: calc(1.75 * var(--app-spacing-base));
  --app-spacing-xxl: calc(2 * var(--app-spacing-base));
  --app-icon-size-base: 24px;
  --app-grid-tile-footer-min-height: 48px;
  --app-grid-tile-header-min-height: var(--app-grid-tile-footer-min-height);
  --app-thumbnail-size-base: 40px;
  --app-thumbnail-size-sm: calc(0.75 * var(--app-thumbnail-size-base));
  --app-thumbnail-size-md: calc(1.25 * var(--app-thumbnail-size-base));
  --app-thumbnail-size-lg: calc(1.5 * var(--app-thumbnail-size-base));
  --app-mat-sys-background: light-dark(#f4f7f6, #0f1313);
  --app-background-color: light-dark(white, #212525);
  --app-border-color: light-dark(#ecf3f3, #293332);
  --app-border-radius: 8px;
  --app-font-color: light-dark(#191c1c, #e0e3e2);
  --app-font-color-variant: light-dark(#3f4948, #dae5e4);
  --app-font-family: "Open Sans";
  --app-font-size: 0.875rem;
  --app-font-weight-regular: 300;
  --app-font-weight-medium: 500;
  --app-font-weight-bold: 900;
  --app-title-bar-height: 48px;
  --app-sidenav-fixed-top-gap-mobile: 48px;
  --app-sidenav-fixed-top-gap-standard: 56px;
  --app-sidenav-width: calc(218px + 2 * var(--app-spacing-base));
  --app-link-color: #ffffff;
  --app-font-color: white;
  --app-font-family: "Inter";
  --app-font-weight-regular: 500;
  --app-font-weight-medium: 600;
  --app-font-weight-bold: 700;
  --app-layout-grid-columns-base: 12;
  --app-layout-grid-columns-medium: 9;
  --app-layout-grid-columns-small: 6;
  --app-layout-grid-columns-xsmall: 4;
  --app-layout-grid-column-width: 71px;
  --app-layout-grid-column-gap: 24px;
  --app-layout-grid-margin-left-base: calc( -1 * ( 100vw - ( var(--app-layout-grid-columns-base) * var(--app-layout-grid-column-width) + (var(--app-layout-grid-columns-base) - 1) * var(--app-layout-grid-column-gap) ) ) / 2 );
  --app-layout-grid-margin-right-base: calc( -1 * ( 100vw - ( var(--app-layout-grid-columns-base) * var(--app-layout-grid-column-width) + (var(--app-layout-grid-columns-base) - 1) * var(--app-layout-grid-column-gap) ) ) / 2 );
  --app-layout-grid-margin-left-medium: calc( -1 * ( 100vw - ( var(--app-layout-grid-columns-medium) * var(--app-layout-grid-column-width) + (var(--app-layout-grid-columns-medium) - 1) * var(--app-layout-grid-column-gap) ) ) / 2 );
  --app-layout-grid-margin-right-medium: calc( -1 * ( 100vw - ( var(--app-layout-grid-columns-medium) * var(--app-layout-grid-column-width) + (var(--app-layout-grid-columns-medium) - 1) * var(--app-layout-grid-column-gap) ) ) / 2 );
  --app-layout-grid-margin-left-small: calc( -1 * ( 100vw - ( var(--app-layout-grid-columns-small) * var(--app-layout-grid-column-width) + (var(--app-layout-grid-columns-small) - 1) * var(--app-layout-grid-column-gap) ) ) / 2 );
  --app-layout-grid-margin-right-small: calc( -1 * ( 100vw - ( var(--app-layout-grid-columns-small) * var(--app-layout-grid-column-width) + (var(--app-layout-grid-columns-small) - 1) * var(--app-layout-grid-column-gap) ) ) / 2 );
  --app-layout-grid-margin-left-xsmall: calc( -1 * ( 100vw - ( var(--app-layout-grid-columns-xsmall) * var(--app-layout-grid-column-width) + (var(--app-layout-grid-columns-xsmall) - 1) * var(--app-layout-grid-column-gap) ) ) / 2 );
  --app-layout-grid-margin-right-xsmall: calc( -1 * ( 100vw - ( var(--app-layout-grid-columns-xsmall) * var(--app-layout-grid-column-width) + (var(--app-layout-grid-columns-xsmall) - 1) * var(--app-layout-grid-column-gap) ) ) / 2 );
  --app-mat-sys-font-size-xxl: 49px;
  --app-mat-sys-font-size-xl: 39px;
  --app-mat-sys-font-size-lg: 31px;
  --app-mat-sys-font-size-md: 25px;
  --app-mat-sys-font-size-sm: 20px;
  --app-mat-sys-font-size-xs: 16px;
  --app-mat-sys-font-size-xxs: 13px;
  --app-mat-sys-font-weight-light: 300;
  --app-mat-sys-font-weight-regular: 400;
  --app-mat-sys-font-weight-bold: 600;
  --app-mat-sys-line-height-xxl: 59px;
  --app-mat-sys-line-height-xl: 47px;
  --app-mat-sys-line-height-lg: 37px;
  --app-mat-sys-line-height-md: 30px;
  --app-mat-sys-line-height-sm: 24px;
  --app-mat-sys-line-height-xs: 19px;
  --app-mat-sys-line-height-xxs: 16px;
  --app-mat-sys-border-radius: 8px;
  --app-mat-sys-border-radius-sm: 4px;
  --app-mat-sys-border-radius-lg: 16px;
}
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 200,
    "GRAD" 0,
    "opsz" 24;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter_24pt-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter_24pt-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter_24pt-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter_24pt-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter_18pt-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter_18pt-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.app-theme {
}
.app-theme.web-theme {
  color-scheme: light;
  --mat-sys-background: light-dark(#f9faf4, #111411);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f0f1ec, #2e312e);
  --mat-sys-inverse-primary: light-dark(#00e472, #006d33);
  --mat-sys-inverse-surface: light-dark(#2e312e, #e2e3de);
  --mat-sys-on-background: light-dark(#191c19, #e2e3de);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #003917);
  --mat-sys-on-primary-container: light-dark(#005225, #63ff94);
  --mat-sys-on-primary-fixed: light-dark(#00210b, #00210b);
  --mat-sys-on-primary-fixed-variant: light-dark(#005225, #005225);
  --mat-sys-on-secondary: light-dark(#ffffff, #233425);
  --mat-sys-on-secondary-container: light-dark(#394b3b, #d3e8d2);
  --mat-sys-on-secondary-fixed: light-dark(#0e1f12, #0e1f12);
  --mat-sys-on-secondary-fixed-variant: light-dark(#394b3b, #394b3b);
  --mat-sys-on-surface: light-dark(#191c19, #e2e3de);
  --mat-sys-on-surface-variant: light-dark(#414941, #dde5da);
  --mat-sys-on-tertiary: light-dark(#ffffff, #003917);
  --mat-sys-on-tertiary-container: light-dark(#005225, #63ff94);
  --mat-sys-on-tertiary-fixed: light-dark(#00210b, #00210b);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#005225, #005225);
  --mat-sys-outline: light-dark(#717970, #8b9389);
  --mat-sys-outline-variant: light-dark(#c1c9be, #414941);
  --mat-sys-primary: light-dark(#006d33, #00e472);
  --mat-sys-primary-container: light-dark(#63ff94, #005225);
  --mat-sys-primary-fixed: light-dark(#63ff94, #63ff94);
  --mat-sys-primary-fixed-dim: light-dark(#00e472, #00e472);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#506352, #b7ccb7);
  --mat-sys-secondary-container: light-dark(#d3e8d2, #394b3b);
  --mat-sys-secondary-fixed: light-dark(#d3e8d2, #d3e8d2);
  --mat-sys-secondary-fixed-dim: light-dark(#b7ccb7, #b7ccb7);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#f9faf4, #111411);
  --mat-sys-surface-bright: light-dark(#f9faf4, #373a36);
  --mat-sys-surface-container: light-dark(#edefe8, #1d201d);
  --mat-sys-surface-container-high: light-dark(#e7e9e3, #282b27);
  --mat-sys-surface-container-highest: light-dark(#e2e3de, #323632);
  --mat-sys-surface-container-low: light-dark(#f2f4ee, #191c19);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0c);
  --mat-sys-surface-dim: light-dark(#d9dbd5, #111411);
  --mat-sys-surface-tint: light-dark(#006d33, #00e472);
  --mat-sys-surface-variant: light-dark(#dde5da, #414941);
  --mat-sys-tertiary: light-dark(#006d33, #00e472);
  --mat-sys-tertiary-container: light-dark(#63ff94, #005225);
  --mat-sys-tertiary-fixed: light-dark(#63ff94, #63ff94);
  --mat-sys-tertiary-fixed-dim: light-dark(#00e472, #00e472);
  --mat-sys-neutral-variant20: #2b322b;
  --mat-sys-neutral10: #191c19;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-background: var(--app-mat-sys-background);
  --mat-sys-on-surface: var(--app-font-color);
  --mat-sys-on-surface-variant: var(--app-font-color-variant);
}
.app-theme.dark-mode {
  color-scheme: dark;
}
.app-theme.controlagro-theme {
  --app-mat-sys-white: #ffffff;
  --app-mat-sys-gradient:
    linear-gradient(
      
      180deg,
      #144723 0%,
      #289448 100% );
  --app-mat-sys-gradient-variant:
    linear-gradient(
      
      180deg,
      rgba(255, 255, 255, 0.7) 0%,
      #fff 26.5% );
  --app-mat-sys-accent-1: #3eca68;
  --app-mat-sys-accent-2: #e6af1a;
  --app-mat-sys-neutral-green: #617a68;
  --app-mat-sys-neutral-green-variant: #dde8e0;
  --app-mat-sys-neutral-green-variant-2: #f1f7f3;
  --app-mat-sys-neutral-gray: #f1f1f1;
  --app-mat-sys-neutral-brown: #473402;
  --app-mat-sys-neutral-yellow: #eee8da;
  --mat-sys-on-background: white;
  --mat-sys-primary: #289448;
  --mat-sys-on-primary: #eaf4ed;
  --mat-sys-secondary: #134722;
  --mat-sys-tertiary: #0d3b1a;
  --mat-sys-surface: #709e85;
  --mat-sys-error: #b41f25;
  --mat-sys-on-error: #fed1ce;
  --mat-sys-error-container: #b41f25;
  --mat-sys-on-error-container: #fed1ce;
}
.app-theme.telemetric-theme {
  --app-mat-sys-white: #ffffff;
  --app-mat-sys-gradient:
    linear-gradient(
      
      180deg,
      #440707 0%,
      #b41f25 100% );
  --app-mat-sys-gradient-variant:
    linear-gradient(
      
      180deg,
      rgba(255, 255, 255, 0.7) 0%,
      #fff 26.5% );
  --app-mat-sys-accent-1: #f9190c;
  --app-mat-sys-accent-2: #e6af1a;
  --app-mat-sys-neutral-green: #7a6161;
  --app-mat-sys-neutral-green-variant: #e8e1dd;
  --app-mat-sys-neutral-green-variant-2: #f9e4e4;
  --app-mat-sys-neutral-gray: #f1f1f1;
  --app-mat-sys-neutral-brown: #473402;
  --app-mat-sys-neutral-yellow: #eee8da;
  --mat-sys-on-background: white;
  --mat-sys-primary: #b41f25;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-secondary: #7a0a0a;
  --mat-sys-tertiary: #440707;
  --mat-sys-surface: #f9e4e4;
  --mat-sys-error: #b42327;
  --mat-sys-on-error: #fed1ce;
  --mat-sys-error-container: #b42327;
  --mat-sys-on-error-container: #fed1ce;
}
.app-theme.siid-theme {
  --app-mat-sys-white: #ffffff;
  --app-mat-sys-gradient:
    linear-gradient(
      
      180deg,
      #144723 0%,
      #289448 100% );
  --app-mat-sys-gradient-variant:
    linear-gradient(
      
      180deg,
      rgba(255, 255, 255, 0.7) 0%,
      #fff 26.5% );
  --app-mat-sys-accent-1: #3eca68;
  --app-mat-sys-accent-2: #e6af1a;
  --app-mat-sys-neutral-green: #617a68;
  --app-mat-sys-neutral-green-variant: #dde8e0;
  --app-mat-sys-neutral-green-variant-2: #f1f7f3;
  --app-mat-sys-neutral-gray: #f1f1f1;
  --app-mat-sys-neutral-brown: #473402;
  --app-mat-sys-neutral-yellow: #eee8da;
  --mat-sys-on-background: white;
  --mat-sys-primary: #289448;
  --mat-sys-on-primary: #eaf4ed;
  --mat-sys-secondary: #134722;
  --mat-sys-tertiary: #0d3b1a;
  --mat-sys-surface: #709e85;
  --mat-sys-error: #b41f25;
  --mat-sys-on-error: #fed1ce;
  --mat-sys-error-container: #b41f25;
  --mat-sys-on-error-container: #fed1ce;
}
.app-theme {
  --mat-sys-body-large: var(--app-font-weight-regular) 1rem / 1.5rem var(--app-font-family);
  --mat-sys-body-large-font: var(--app-font-family);
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: var(--app-font-weight-regular);
  --mat-sys-body-medium: var(--app-font-weight-regular) 0.875rem / 1.25rem var(--app-font-family);
  --mat-sys-body-medium-font: var(--app-font-family);
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: var(--app-font-weight-regular);
  --mat-sys-body-small: var(--app-font-weight-regular) 0.75rem / 1rem var(--app-font-family);
  --mat-sys-body-small-font: var(--app-font-family);
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: var(--app-font-weight-regular);
  --mat-sys-display-large: var(--app-font-weight-regular) 3.562rem / 4rem var(--app-font-family);
  --mat-sys-display-large-font: var(--app-font-family);
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: var(--app-font-weight-regular);
  --mat-sys-display-medium: var(--app-font-weight-regular) 2.812rem / 3.25rem var(--app-font-family);
  --mat-sys-display-medium-font: var(--app-font-family);
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: var(--app-font-weight-regular);
  --mat-sys-display-small: var(--app-font-weight-regular) 2.25rem / 2.75rem var(--app-font-family);
  --mat-sys-display-small-font: var(--app-font-family);
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: var(--app-font-weight-regular);
  --mat-sys-headline-large: var(--app-font-weight-regular) 2rem / 2.5rem var(--app-font-family);
  --mat-sys-headline-large-font: var(--app-font-family);
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: var(--app-font-weight-regular);
  --mat-sys-headline-medium: var(--app-font-weight-regular) 1.75rem / 2.25rem var(--app-font-family);
  --mat-sys-headline-medium-font: var(--app-font-family);
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: var(--app-font-weight-regular);
  --mat-sys-headline-small: var(--app-font-weight-regular) 1.5rem / 2rem var(--app-font-family);
  --mat-sys-headline-small-font: var(--app-font-family);
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: var(--app-font-weight-regular);
  --mat-sys-label-large: var(--app-font-weight-medium) 0.875rem / 1.25rem var(--app-font-family);
  --mat-sys-label-large-font: var(--app-font-family);
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: var(--app-font-weight-medium);
  --mat-sys-label-large-weight-prominent: var(--app-font-weight-bold);
  --mat-sys-label-medium: var(--app-font-weight-medium) 0.75rem / 1rem var(--app-font-family);
  --mat-sys-label-medium-font: var(--app-font-family);
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: var(--app-font-weight-medium);
  --mat-sys-label-medium-weight-prominent: var(--app-font-weight-bold);
  --mat-sys-label-small: var(--app-font-weight-medium) 0.688rem / 1rem var(--app-font-family);
  --mat-sys-label-small-font: var(--app-font-family);
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: var(--app-font-weight-medium);
  --mat-sys-title-large: var(--app-font-weight-regular) 1.375rem / 1.75rem var(--app-font-family);
  --mat-sys-title-large-font: var(--app-font-family);
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: var(--app-font-weight-regular);
  --mat-sys-title-medium: var(--app-font-weight-medium) 1rem / 1.5rem var(--app-font-family);
  --mat-sys-title-medium-font: var(--app-font-family);
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: var(--app-font-weight-medium);
  --mat-sys-title-small: var(--app-font-weight-medium) 0.875rem / 1.25rem var(--app-font-family);
  --mat-sys-title-small-font: var(--app-font-family);
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: var(--app-font-weight-medium);
  --mat-checkbox-touch-target-display: none;
  --mat-checkbox-state-layer-size: 32px;
  --mat-chip-container-height: 24px;
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
  --mat-fab-small-touch-target-display: ;
  --mat-fab-touch-target-display: none;
  --mat-button-filled-touch-target-display: none;
  --mat-button-filled-container-height: 32px;
  --mat-button-outlined-container-height: 32px;
  --mat-button-outlined-touch-target-display: none;
  --mat-button-protected-touch-target-display: none;
  --mat-button-protected-container-height: 32px;
  --mat-button-text-touch-target-display: none;
  --mat-button-text-container-height: 32px;
  --mat-button-tonal-container-height: 32px;
  --mat-button-tonal-touch-target-display: none;
  --mat-form-field-container-height: 48px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-filled-with-label-container-padding-top: 12px;
  --mat-form-field-filled-with-label-container-padding-bottom: 12px;
  --mat-icon-button-touch-target-display: none;
  --mat-icon-button-state-layer-size: 32px;
  --mat-list-list-item-leading-icon-start-space: 8px;
  --mat-list-list-item-leading-icon-end-space: 8px;
  --mat-list-list-item-one-line-container-height: 40px;
  --mat-list-list-item-two-line-container-height: 56px;
  --mat-list-list-item-three-line-container-height: 80px;
  --mat-paginator-container-size: 48px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-radio-state-layer-size: 32px;
  --mat-tab-container-height: 40px;
  --mat-select-arrow-transform: none;
  --mat-button-toggle-height: 40px;
  --mat-stepper-header-height: 72px;
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
  --mat-tree-node-min-height: 40px;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-body-medium-size: var(--app-font-size);
  --mat-card-elevated-container-color: var(--mat-sys-surface-container-low);
  --mat-dialog-actions-padding: var(--app-spacing-md) var(--app-spacing-lg) var(--app-spacing-md) var(--app-spacing-lg);
  --mat-dialog-content-padding: var(--app-spacing-lg) var(--app-spacing-lg) var(--app-spacing-md) var(--app-spacing-lg);
  --mat-dialog-headline-padding: var(--app-spacing-xxs) var(--app-spacing-base) var(--app-spacing-md) var(--app-spacing-base);
  --mat-dialog-with-actions-content-padding: 0 var(--app-spacing-lg);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-icon-start-space: var(--app-spacing-base);
  --mat-menu-item-label-text-weight: var(--mat-sys-body-medium-weight);
  --mat-paginator-container-background-color: var(--app-background-color);
  --mat-sidenav-container-background-color: var(--app-background-color);
  --mat-sidenav-container-divider-color: var(--app-border-color);
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-width: var(--app-sidenav-width);
  --mat-table-background-color: var(--app-background-color);
  --mat-table-row-item-outline-color: var(--app-border-color);
  --mat-table-row-item-outline-width: 1px;
  --mat-toolbar-container-background-color: var(--app-mat-sys-background);
  --mat-toolbar-mobile-height: var(--app-sidenav-fixed-top-gap-mobile);
  --mat-toolbar-standard-height: var(--app-sidenav-fixed-top-gap-standard);
  --mat-toolbar-title-text-size: var(--mat-sys-body-medium-size);
  --mat-toolbar-title-text-weight: var(--mat-sys-body-medium-weight);
  --mat-dialog-container-color: var(--mat-sys-secondary);
  --mat-dialog-subhead-color: var(--mat-sys-white);
  --mat-dialog-supporting-text-color: var(--mat-sys-white);
  --mat-form-field-outlined-outline-color: var(--mat-sys-primary);
  --mat-form-field-outlined-hover-outline-color: var(--mat-sys-primary);
  --mat-form-field-outlined-error-hover-outline-color: var(--mat-sys-error);
  --mat-icon-color: var(--app-mat-sys-white);
  --mat-card-elevated-container-color: var(--app-mat-sys-white);
  --mat-card-elevated-container-elevation: 0;
  --mat-button-filled-container-height: var(--app-icon-size-base);
  --mat-button-filled-label-text-size: var(--mat-sys-label-medium-size);
}
.app-theme .button-surface {
  --mat-button-filled-container-color: var(--mat-sys-inverse-surface);
  --mat-button-filled-label-text-color: var(--mat-sys-inserve-on-surface);
  --mat-button-filled-state-layer-color: var(--mat-sys-inverse-on-surface);
  --mat-button-text-label-text-color: var(--mat-sys-on-surface);
}
.app-theme .button-danger {
  --mat-button-filled-container-color: var(--mat-sys-error);
  --mat-button-filled-label-text-color: var(--mat-sys-on-error);
  --mat-button-filled-state-layer-color: var(--mat-sys-on-error);
}
.app-theme .icon-button-danger {
  --mat-icon-button-icon-color: var(--mat-sys-error);
}
.app-theme .menu-item-danger {
  --mat-menu-item-label-text-color: var(--mat-sys-error);
  --mat-menu-item-icon-color: var(--mat-sys-error);
}
.app-theme .snack-bar-primary {
  --mat-snack-bar-container-color: var(--mat-sys-primary-container);
  --mat-snack-bar-supporting-text-color: var(--mat-sys-on-primary-container);
  --mat-snack-bar-button-color: var(--mat-sys-on-surface);
}
.app-theme .snack-bar-danger {
  --mat-snack-bar-container-color: var(--mat-sys-error-container);
  --mat-snack-bar-supporting-text-color: var(--mat-sys-on-error-container);
  --mat-snack-bar-button-color: var(--mat-sys-on-surface);
}
.app-theme .app-list {
  --mat-table-background-color: var(--app-mat-sys-white);
  --mat-table-row-item-outline-color: transparent;
}
.app-theme .menu-list {
  --mat-menu-item-label-text-color: var(--mat-sys-error);
  --mat-menu-item-icon-color: var(--mat-sys-error);
}
.app-theme .list-pagination {
  --mat-paginator-container-text-color: var(--app-mat-sys-neutral-green);
  --mat-paginator-container-background-color: transparent;
  display: flex;
  justify-content: center;
  margin-top: var(--app-spacing-lg);
  margin-bottom: var(--app-spacing-lg);
}
.app-theme .snack-bar-primary {
  --mat-snack-bar-container-color: var(--mat-sys-primary);
  --mat-snack-bar-supporting-text-color: var(--app-mat-sys-white);
  --mat-snack-bar-button-color: var(--app-mat-sys-white);
}
.app-theme .snack-bar-danger {
  --mat-snack-bar-container-color: var(--mat-sys-error-container);
  --mat-snack-bar-supporting-text-color: var(--app-mat-sys-white);
  --mat-snack-bar-button-color: var(--app-mat-sys-white);
}
.app-theme .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.app-theme .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: var(--mat-sys-secondary) !important;
  caret-color: var(--mat-sys-secondary) !important;
}
.app-theme .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-floating-label {
  color: var(--mat-sys-error);
}
.app-theme .mdc-text-field--outlined:not(.mdc-text-field--invalid) .mdc-floating-label {
  color: var(--mat-sys-secondary) !important;
}
.app-theme .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid .mdc-text-field__input {
  color: var(--mat-sys-error) !important;
}
.app-theme .mat-mdc-option .mdc-list-item__primary-text {
  color: var(--mat-sys-secondary) !important;
}
.app-theme .mat-mdc-select {
  color: var(--mat-sys-secondary) !important;
}
.app-theme .button-accent-filled {
  --mat-button-filled-container-color: var(--app-mat-sys-accent-2);
  --mat-button-filled-label-text-color: var(--app-mat-sys-white);
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  border-radius: var(--app-mat-sys-border-radius);
  margin: 0 15px;
}
.app-theme .button-primary-filled-wide {
  --mat-button-filled-label-text-color: var(--app-mat-sys-white);
  --mat-button-filled-icon-spacing: 8px;
  display: flex;
  padding: 8px 24px;
  justify-content: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--app-mat-sys-border-radius);
}
.app-theme .button-secondary-filled-primary-text-wide {
  --mat-button-filled-label-text-color: var(--mat-sys-primary);
  --mat-button-filled-container-color: var(--mat-sys-secondary);
  --mat-button-filled-icon-spacing: 8px;
  display: flex;
  padding: 8px 24px;
  justify-content: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--app-mat-sys-border-radius);
}
.app-theme .button-red-filled {
  --mat-button-filled-container-color: var(--mat-sys-error-container);
  --mat-button-filled-label-text-color: var(--app-mat-sys-white);
  display: flex;
  padding: 8px 24px;
  justify-content: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--app-mat-sys-border-radius);
}
.app-theme .button-white-filled-primary-text {
  --mat-button-filled-container-color: var(--app-mat-sys-white);
  --mat-button-filled-label-text-color: var(--mat-sys-primary);
  --mat-button-filled-icon-spacing: 8px;
  display: flex;
  padding: 8px 24px;
  justify-content: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--app-mat-sys-border-radius);
}
.app-theme .button-secondary-filled-square {
  --mat-button-filled-container-color: var(--mat-sys-secondary);
  --mat-button-filled-label-text-color: var(--app-mat-sys-white);
  border-radius: 0;
}
.app-theme .button-icon-square {
  --mat-button-filled-label-text-color: var(--app-mat-sys-white);
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: unset;
  width: 30px;
  height: 40px;
  border-radius: var(--app-mat-sys-border-radius);
}
.app-theme .button-icon-square mat-icon {
  margin: 0 !important;
}
.app-theme .button-icon-square-right {
  --mat-button-filled-label-text-color: var(--app-mat-sys-white);
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: unset;
  width: 30px;
  height: 40px;
  border-radius: var(--app-mat-sys-border-radius);
}
.app-theme .button-icon-square-right mat-icon {
  margin: 0;
}
.app-theme .button-primary-filled-wide-fullwidth {
  --mat-button-filled-label-text-color: var(--app-mat-sys-white);
  --mat-button-filled-icon-spacing: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 24px 24px;
  border-radius: var(--app-mat-sys-border-radius);
}
.app-theme .button-primary-filled-wide-fullwidth mat-icon {
  margin-left: 0;
  margin-right: 8px;
}
.app-theme .button-primary-filled-wide-fullwidth .mdc-button__label {
  flex: 1;
  text-align: left;
}
.app-theme .button-white-filled-icon-square {
  --mat-button-filled-container-color: var(--app-mat-sys-white);
  --mat-button-filled-label-text-color: var(--mat-sys-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: unset;
  width: 30px;
  height: 40px;
  border-radius: var(--app-mat-sys-border-radius);
}
.app-theme .button-white-filled-icon-square mat-icon {
  margin: 0 !important;
}
.app-theme .button-cta-filled {
  --mat-button-filled-container-color: var(--app-mat-sys-white);
  --mat-button-filled-label-text-color: var(--mat-sys-primary);
  --mat-button-filled-state-layer-color: var(--app-mat-sys-neutral-green);
  --mat-button-filled-icon-spacing: 8px;
  border: 1px solid var(--app-mat-sys-neutral-gray);
  display: flex;
  padding: 8px 16px;
  border-radius: var(--app-mat-sys-border-radius);
  width: 300px;
  justify-content: center;
  gap: 8px;
  align-self: stretch;
}
.app-theme .button-link-underline {
  --mat-button-filled-container-color: none;
  --mat-button-filled-label-text-color: var(--app-mat-sys-neutral-brown);
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 10px;
}
.app-theme .button-link-primary {
  --mat-button-filled-container-color: none;
  --mat-button-filled-label-text-color: var(--mat-sys-primary);
  background-color: transparent;
  color: inherit;
  border-radius: var(--app-mat-sys-border-radius);
  padding-left: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.app-theme .button-link-primary mat-icon {
  margin-left: 0 !important;
}
.app-theme .chip {
  --mat-chip-outline-color: var(--app-mat-sys-accent-2);
  --mat-chip-label-text-color: var(--app-mat-sys-accent-2);
  --mat-chip-elevated-container-color: var(--app-mat-sys-neutral-yellow);
  --mat-chip-container-shape-radius: 8px;
  padding: 4px 8px;
  text-transform: uppercase;
}
.app-theme .chip-variant {
  --mat-chip-outline-color: var(--app-mat-sys-neutral-yellow);
  --mat-chip-label-text-color: var(--app-mat-sys-neutral-yellow);
  --mat-chip-elevated-container-color: var(--app-mat-sys-accent-2);
  --mat-chip-container-shape-radius: 8px;
  padding: 4px 8px;
  text-transform: uppercase;
}
.app-theme .body-font {
  font-size: var(--app-mat-sys-font-size-xs);
  font-weight: var(--app-mat-sys-font-weight-regular);
  line-height: var(--app-mat-sys-line-height-md);
}
.app-theme .caption-font {
  font-size: var(--app-mat-sys-font-size-xxs);
  font-weight: var(--app-mat-sys-font-weight-regular);
  line-height: var(--app-mat-sys-line-height-xxs);
}
.app-theme .button-font {
  font-size: var(--app-mat-sys-font-size-xs);
  font-weight: var(--app-mat-sys-font-weight-bold);
  line-height: var(--app-mat-sys-line-height-xxs);
}
.app-theme .icon-large-primary {
  --mat-icon-color: var(--mat-sys-primary);
  font-size: 104px;
  font-variation-settings: "FILL" 0, "wght" 400;
  height: 104px;
  width: 104px;
}
.app-theme .icon-medium-secondary {
  --mat-icon-color: var(--mat-sys-secondary);
  font-size: 58px;
  font-variation-settings: "FILL" 0, "wght" 500;
  height: 58px;
  width: 58px;
}
.app-theme .icon-small-green {
  --mat-icon-color: var(--app-mat-sys-neutral-green);
  font-size: 48px;
  height: 48px;
  width: 48px;
}
.app-theme .icon-arrow-green {
  --mat-icon-color: var(--app-mat-sys-neutral-green);
  font-size: 32px;
  font-variation-settings: "FILL" 1, "wght" 400;
  height: 32px;
  width: 32px;
}
.app-theme .icon-rotate-180 {
  transform: rotate(180deg);
}
.app-theme .icon-rotate-90 {
  transform: rotate(90deg);
}
.app-theme .icon-button-bold {
  --mat-icon-color: var(--mat-sys-white);
  font-variation-settings: "FILL" 1, "wght" 700;
}
.app-theme .mat-mdc-option .mdc-list-item__primary-text {
  color: var(--mat-sys-secondary) !important;
}
html,
body {
  height: 100%;
}
body,
pre {
  font: var(--mat-sys-body-medium);
  margin: 0;
}
a {
  color: var(--app-link-color);
  text-decoration: none;
}
a:active,
a:focus,
a:hover,
button {
  outline: 0 none !important;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-style: normal;
}
::-webkit-scrollbar {
  height: var(--app-scrollbar-size);
  width: var(--app-scrollbar-size);
}
::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar-thumb-background-color);
  border-radius: var(--app-scrollbar-thumb-border-radius);
}
::-webkit-scrollbar-track {
  background-color: var(--app-scrollbar-track-background-color);
  border-radius: var(--app-scrollbar-track-border-radius);
}
h1 {
  font-size: var(--app-mat-sys-font-size-xxl);
  font-weight: var(--app-mat-sys-font-weight-light);
  line-height: var(--app-mat-sys-line-height-xxl);
}
h2 {
  font-size: var(--app-mat-sys-font-size-xl);
  font-weight: var(--app-mat-sys-font-weight-regular);
  line-height: var(--app-mat-sys-line-height-xl);
}
h3 {
  font-size: var(--app-mat-sys-font-size-lg);
  font-weight: var(--app-mat-sys-font-weight-bold);
  line-height: var(--app-mat-sys-line-height-lg);
}
h4 {
  font-size: var(--app-mat-sys-font-size-md);
  font-weight: var(--app-mat-sys-font-weight-bold);
  line-height: var(--app-mat-sys-line-height-md);
}
h5 {
  font-size: var(--app-mat-sys-font-size-sm);
  font-weight: var(--app-mat-sys-font-weight-light);
  line-height: var(--app-mat-sys-line-height-md);
}
h6 {
  font-size: var(--app-mat-sys-font-size-xs);
  font-weight: var(--app-mat-sys-font-weight-light);
  line-height: var(--app-mat-sys-line-height-xs);
}
.app-theme .app-map.disabled {
  position: relative;
}
.app-theme .app-map.disabled:after {
  background-color: var(--mat-sys-background);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}
.app-theme .app-map.disabled .mapboxgl-control-container {
  display: none;
}
.app-theme .app-map .map-map {
  width: 100%;
}
.app-theme .app-map .map-icon {
  background-color: var(--mat-sys-primary);
  border-radius: 50%;
  color: var(--mat-sys-on-primary);
  padding: var(--app-spacing-xs);
}
.app-theme .app-map .map-no {
  padding-top: var(--app-spacing-xxl);
  text-align: center;
  width: 100%;
}
.app-theme .app-map .mapboxgl-popup .mapboxgl-popup-content {
  background-color: var(--mat-dialog-container-color, var(--mat-sys-surface, white));
  font: var(--mat-sys-body-medium);
  padding: var(--app-spacing-md);
}
.app-theme .app-map .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
  font: var(--mat-sys-body-large);
}
.app-theme .app-map .mapboxgl-popup .mapboxgl-popup-tip {
  border-top-color: var(--mat-dialog-container-color, var(--mat-sys-surface, white));
}
.app-theme .app-page {
  align-items: flex-start;
  background-color: var(--app-background-color);
  border: 1px solid var(--app-border-color);
  border-radius: var(--app-border-radius);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: var(--app-spacing-base);
  padding: var(--app-spacing-base);
}
.app-theme .app-page-content {
  width: 100%;
}
.app-theme .app-page-tab {
  padding-top: var(--app-spacing-base);
}
.app-theme.controlagro-theme .app-page,
.app-theme.telemetric-theme .app-page,
.app-theme.siid-theme .app-page {
  background-color: inherit;
  border: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: hidden;
  border-radius: 0px;
}
.app-theme.controlagro-theme .app-page-content,
.app-theme.telemetric-theme .app-page-content,
.app-theme.siid-theme .app-page-content {
  display: grid;
  column-gap: var(--app-layout-grid-column-gap);
  row-gap: 0;
  grid-template-columns: repeat(var(--app-layout-grid-columns-base), var(--app-layout-grid-column-width));
  justify-content: center;
  margin: 0px auto 0 auto;
  max-width: calc(12 * var(--app-layout-grid-column-width) + 11 * var(--app-layout-grid-column-gap));
  white-space: pre-line;
}
.app-theme.controlagro-theme .app-page-content-section-base,
.app-theme.controlagro-theme .app-page-content-section-nopad,
.app-theme.controlagro-theme .app-page-content-section,
.app-theme.telemetric-theme .app-page-content-section-base,
.app-theme.telemetric-theme .app-page-content-section-nopad,
.app-theme.telemetric-theme .app-page-content-section,
.app-theme.siid-theme .app-page-content-section-base,
.app-theme.siid-theme .app-page-content-section-nopad,
.app-theme.siid-theme .app-page-content-section {
  grid-column: 1/-1;
  position: relative;
}
.app-theme.controlagro-theme .app-page-content-section-base.section-white::before,
.app-theme.controlagro-theme .section-white.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.telemetric-theme .section-white.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.controlagro-theme .section-white.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.siid-theme .section-white.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.controlagro-theme .section-white.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .section-white.app-page-content-section::before,
.app-theme.controlagro-theme .app-page-content-section-base.section-primary::before,
.app-theme.controlagro-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.telemetric-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.controlagro-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.siid-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.controlagro-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .section-primary.app-page-content-section::before,
.app-theme.controlagro-theme .app-page-content-section-base.section-secondary::before,
.app-theme.controlagro-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.telemetric-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.controlagro-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.siid-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.controlagro-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .section-secondary.app-page-content-section::before,
.app-theme.controlagro-theme .app-page-content-section-base.section-neutral-green-variant::before,
.app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section::before,
.app-theme.controlagro-theme .app-page-content-section-base.section-gradient::before,
.app-theme.controlagro-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.telemetric-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.controlagro-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.siid-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.controlagro-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .section-gradient.app-page-content-section::before,
.app-theme.telemetric-theme .app-page-content-section-base.section-white::before,
.app-theme.telemetric-theme .app-theme.controlagro-theme .section-white.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.telemetric-theme .section-white.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-white.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.siid-theme .section-white.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.telemetric-theme .section-white.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-white.app-page-content-section::before,
.app-theme.telemetric-theme .app-page-content-section-base.section-primary::before,
.app-theme.telemetric-theme .app-theme.controlagro-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.telemetric-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.siid-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.telemetric-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-primary.app-page-content-section::before,
.app-theme.telemetric-theme .app-page-content-section-base.section-secondary::before,
.app-theme.telemetric-theme .app-theme.controlagro-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.telemetric-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.siid-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.telemetric-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-secondary.app-page-content-section::before,
.app-theme.telemetric-theme .app-page-content-section-base.section-neutral-green-variant::before,
.app-theme.telemetric-theme .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section::before,
.app-theme.telemetric-theme .app-page-content-section-base.section-gradient::before,
.app-theme.telemetric-theme .app-theme.controlagro-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.telemetric-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.siid-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.telemetric-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-gradient.app-page-content-section::before,
.app-theme.siid-theme .app-page-content-section-base.section-white::before,
.app-theme.siid-theme .app-theme.controlagro-theme .section-white.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.siid-theme .section-white.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.telemetric-theme .section-white.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.siid-theme .section-white.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-white.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-white.app-page-content-section::before,
.app-theme.siid-theme .app-page-content-section-base.section-primary::before,
.app-theme.siid-theme .app-theme.controlagro-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.siid-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.telemetric-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.siid-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-primary.app-page-content-section::before,
.app-theme.siid-theme .app-page-content-section-base.section-secondary::before,
.app-theme.siid-theme .app-theme.controlagro-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.siid-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.telemetric-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.siid-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-secondary.app-page-content-section::before,
.app-theme.siid-theme .app-page-content-section-base.section-neutral-green-variant::before,
.app-theme.siid-theme .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-neutral-green-variant.app-page-content-section::before,
.app-theme.siid-theme .app-page-content-section-base.section-gradient::before,
.app-theme.siid-theme .app-theme.controlagro-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .app-theme.siid-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.siid-theme .app-theme.telemetric-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .app-theme.siid-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-gradient.app-page-content-section::before {
  content: " ";
  display: block;
  height: 100%;
  left: var(--app-layout-grid-margin-left-base);
  right: var(--app-layout-grid-margin-right-base);
  position: absolute;
  top: 0;
  z-index: -1;
}
.app-theme.controlagro-theme .app-page-content-section-base.section-white::before,
.app-theme.controlagro-theme .section-white.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .section-white.app-page-content-section::before,
.app-theme.telemetric-theme .app-page-content-section-base.section-white::before,
.app-theme.telemetric-theme .section-white.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-white.app-page-content-section::before,
.app-theme.siid-theme .app-page-content-section-base.section-white::before,
.app-theme.siid-theme .section-white.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-white.app-page-content-section::before {
  background-color: var(--app-mat-sys-white);
}
.app-theme.controlagro-theme .app-page-content-section-base.section-primary::before,
.app-theme.controlagro-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .section-primary.app-page-content-section::before,
.app-theme.telemetric-theme .app-page-content-section-base.section-primary::before,
.app-theme.telemetric-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-primary.app-page-content-section::before,
.app-theme.siid-theme .app-page-content-section-base.section-primary::before,
.app-theme.siid-theme .section-primary.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-primary.app-page-content-section::before {
  background-color: var(--mat-sys-primary);
}
.app-theme.controlagro-theme .app-page-content-section-base.section-secondary::before,
.app-theme.controlagro-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .section-secondary.app-page-content-section::before,
.app-theme.telemetric-theme .app-page-content-section-base.section-secondary::before,
.app-theme.telemetric-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-secondary.app-page-content-section::before,
.app-theme.siid-theme .app-page-content-section-base.section-secondary::before,
.app-theme.siid-theme .section-secondary.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-secondary.app-page-content-section::before {
  background-color: var(--mat-sys-secondary);
}
.app-theme.controlagro-theme .app-page-content-section-base.section-neutral-green-variant::before,
.app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section::before,
.app-theme.telemetric-theme .app-page-content-section-base.section-neutral-green-variant::before,
.app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section::before,
.app-theme.siid-theme .app-page-content-section-base.section-neutral-green-variant::before,
.app-theme.siid-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-neutral-green-variant.app-page-content-section::before {
  background-color: var(--app-mat-sys-neutral-green-variant);
}
.app-theme.controlagro-theme .app-page-content-section-base.section-gradient::before,
.app-theme.controlagro-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.controlagro-theme .section-gradient.app-page-content-section::before,
.app-theme.telemetric-theme .app-page-content-section-base.section-gradient::before,
.app-theme.telemetric-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.telemetric-theme .section-gradient.app-page-content-section::before,
.app-theme.siid-theme .app-page-content-section-base.section-gradient::before,
.app-theme.siid-theme .section-gradient.app-page-content-section-nopad::before,
.app-theme.siid-theme .section-gradient.app-page-content-section::before {
  background: var(--app-mat-sys-gradient);
}
.app-theme.controlagro-theme .app-page-content-section,
.app-theme.telemetric-theme .app-page-content-section,
.app-theme.siid-theme .app-page-content-section {
  padding: var(--app-spacing-xxl) var(--app-spacing-base);
}
.app-theme.controlagro-theme .app-page-content-section:first-child,
.app-theme.telemetric-theme .app-page-content-section:first-child,
.app-theme.siid-theme .app-page-content-section:first-child {
  margin-top: var(--app-spacing-xxl);
}
.app-theme.controlagro-theme .app-page-content-section-nopad,
.app-theme.telemetric-theme .app-page-content-section-nopad,
.app-theme.siid-theme .app-page-content-section-nopad {
  padding-top: var(--app-spacing-xxl);
  padding-left: var(--app-spacing-base);
  padding-right: var(--app-spacing-base);
}
@media (max-width: 1279.98px) {
  .app-theme.controlagro-theme .app-page-content,
  .app-theme.telemetric-theme .app-page-content,
  .app-theme.siid-theme .app-page-content {
    grid-template-columns: repeat(var(--app-layout-grid-columns-medium), var(--app-layout-grid-column-width));
  }
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-white::before,
  .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-primary::before,
  .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-secondary::before,
  .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-neutral-green-variant::before,
  .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-gradient::before,
  .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-white::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-primary::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-secondary::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-neutral-green-variant::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-gradient::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-white::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-primary::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-secondary::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-neutral-green-variant::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-gradient::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section-nopad::before {
    left: var(--app-layout-grid-margin-left-medium);
    right: var(--app-layout-grid-margin-right-medium);
  }
}
@media (max-width: 959.98px) {
  .app-theme.controlagro-theme .app-page-content,
  .app-theme.telemetric-theme .app-page-content,
  .app-theme.siid-theme .app-page-content {
    grid-template-columns: repeat(var(--app-layout-grid-columns-small), var(--app-layout-grid-column-width));
  }
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-white::before,
  .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-primary::before,
  .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-secondary::before,
  .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-neutral-green-variant::before,
  .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-gradient::before,
  .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-white::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-primary::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-secondary::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-neutral-green-variant::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-gradient::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-white::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-primary::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-secondary::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-neutral-green-variant::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-gradient::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section-nopad::before {
    left: var(--app-layout-grid-margin-left-small);
    right: var(--app-layout-grid-margin-right-small);
  }
}
@media (max-width: 599.98px) {
  .app-theme.controlagro-theme .app-page-content,
  .app-theme.telemetric-theme .app-page-content,
  .app-theme.siid-theme .app-page-content {
    grid-template-columns: repeat(var(--app-layout-grid-columns-xsmall), var(--app-layout-grid-column-width));
  }
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-white::before,
  .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-primary::before,
  .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-secondary::before,
  .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-neutral-green-variant::before,
  .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-page-content-section-base.section-gradient::before,
  .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.telemetric-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-page-content .app-theme.siid-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.controlagro-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-white::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-primary::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-secondary::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-neutral-green-variant::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-page-content-section-base.section-gradient::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.controlagro-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-page-content .app-theme.siid-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-theme.telemetric-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-white::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-white.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-white.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-white.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-white.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-white.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-primary::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-primary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-primary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-primary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-primary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-secondary::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-secondary.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-secondary.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-secondary.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-secondary.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-neutral-green-variant::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-neutral-green-variant.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-page-content-section-base.section-gradient::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-gradient.app-page-content-section::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-gradient.app-page-content-section::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section::before,
  .app-theme.siid-theme .app-page-content .app-theme.controlagro-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.controlagro-theme .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .app-theme.telemetric-theme .section-gradient.app-page-content-section-nopad::before,
  .app-theme.telemetric-theme .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section-nopad::before,
  .app-theme.siid-theme .app-page-content .section-gradient.app-page-content-section-nopad::before {
    left: var(--app-layout-grid-margin-left-xsmall);
    right: var(--app-layout-grid-margin-right-xsmall);
  }
}
.app-theme .clearfix {
  display: block;
}
.app-theme .clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.app-theme .disabled-content {
  position: relative;
}
.app-theme .disabled-content::before {
  background-color: var(--mat-sys-background);
  background-origin: content-box;
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 50;
}
.app-theme .disabled-content .disabled-content-text {
  align-items: center;
  display: flex;
  flex-direction: row;
  font: var(--mat-sys-headline-small);
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.app-theme .disabled-content .disabled-content-text.disabled-content-text-force {
  z-index: 1500;
}
.app-theme .flex-layout {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.app-theme .flex-direction-row {
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
}
.app-theme .flex-direction-row-reverse {
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.app-theme .flex-direction-column {
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.app-theme .flex-direction-column-reverse {
  align-items: flex-start;
  flex-direction: column-reverse;
  justify-content: flex-start;
}
.app-theme .justify-content-start {
  justify-content: flex-start;
}
.app-theme .justify-content-center {
  justify-content: center;
}
.app-theme .justify-content-space-between {
  justify-content: space-between;
}
.app-theme .justify-content-space-evenly {
  justify-content: space-evenly;
}
.app-theme .justify-content-end {
  justify-content: flex-end;
}
.app-theme .align-items-start {
  align-items: flex-start;
}
.app-theme .align-items-center {
  align-items: center;
}
.app-theme .align-items-space-between {
  align-items: space-between;
}
.app-theme .align-items-end {
  align-items: flex-end;
}
.app-theme .align-self-start {
  align-self: flex-start;
}
.app-theme .align-self-end {
  align-self: flex-end;
}
.app-theme .fill-remaining-space {
  flex: 1 1 auto;
}
@media (min-width: 600px) {
  .app-theme .flex-direction-row-gt-xs {
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-row-reverse-gt-xs {
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-gt-xs {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-reverse-gt-xs {
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
  .app-theme .justify-content-start-gt-xs {
    justify-content: flex-start;
  }
  .app-theme .justify-content-center-gt-xs {
    justify-content: center;
  }
  .app-theme .justify-content-space-between-gt-xs {
    justify-content: space-between;
  }
  .app-theme .justify-content-end-gt-xs {
    justify-content: flex-end;
  }
  .app-theme .align-items-start-gt-xs {
    align-items: flex-start;
  }
  .app-theme .align-items-center-gt-xs {
    align-items: center;
  }
  .app-theme .align-items-space-between-gt-xs {
    align-items: space-between;
  }
  .app-theme .align-items-end-gt-xs {
    align-items: flex-end;
  }
  .app-theme .align-self-start-gt-xs {
    align-self: flex-start;
  }
  .app-theme .align-self-end-gt-xs {
    align-self: flex-end;
  }
}
@media (max-width: 599.98px) {
  .app-theme .flex-direction-row-lt-sm {
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-row-reverse-lt-sm {
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-lt-sm {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-reverse-lt-sm {
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
  .app-theme .justify-content-start-lt-sm {
    justify-content: flex-start;
  }
  .app-theme .justify-content-center-lt-sm {
    justify-content: center;
  }
  .app-theme .justify-content-space-between-lt-sm {
    justify-content: space-between;
  }
  .app-theme .justify-content-end-lt-sm {
    justify-content: flex-end;
  }
  .app-theme .align-items-start-lt-sm {
    align-items: flex-start;
  }
  .app-theme .align-items-center-lt-sm {
    align-items: center;
  }
  .app-theme .align-items-space-between-lt-sm {
    align-items: space-between;
  }
  .app-theme .align-items-end-lt-sm {
    align-items: flex-end;
  }
  .app-theme .align-self-start-lt-sm {
    align-self: flex-start;
  }
  .app-theme .align-self-end-lt-sm {
    align-self: flex-end;
  }
}
@media (min-width: 960px) {
  .app-theme .flex-direction-row-gt-sm {
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-row-reverse-gt-sm {
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-gt-sm {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-reverse-gt-sm {
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
  .app-theme .justify-content-start-gt-sm {
    justify-content: flex-start;
  }
  .app-theme .justify-content-center-gt-sm {
    justify-content: center;
  }
  .app-theme .justify-content-space-between-gt-sm {
    justify-content: space-between;
  }
  .app-theme .justify-content-end-gt-sm {
    justify-content: flex-end;
  }
  .app-theme .align-items-start-gt-sm {
    align-items: flex-start;
  }
  .app-theme .align-items-center-gt-sm {
    align-items: center;
  }
  .app-theme .align-items-space-between-gt-sm {
    align-items: space-between;
  }
  .app-theme .align-items-end-gt-sm {
    align-items: flex-end;
  }
  .app-theme .align-self-start-gt-sm {
    align-self: flex-start;
  }
  .app-theme .align-self-end-gt-sm {
    align-self: flex-end;
  }
}
@media (max-width: 959.98px) {
  .app-theme .flex-direction-row-lt-md {
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-row-reverse-lt-md {
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-lt-md {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-reverse-lt-md {
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
  .app-theme .justify-content-start-lt-md {
    justify-content: flex-start;
  }
  .app-theme .justify-content-center-lt-md {
    justify-content: center;
  }
  .app-theme .justify-content-space-between-lt-md {
    justify-content: space-between;
  }
  .app-theme .justify-content-end-lt-md {
    justify-content: flex-end;
  }
  .app-theme .align-items-start-lt-md {
    align-items: flex-start;
  }
  .app-theme .align-items-center-lt-md {
    align-items: center;
  }
  .app-theme .align-items-space-between-lt-md {
    align-items: space-between;
  }
  .app-theme .align-items-end-lt-md {
    align-items: flex-end;
  }
  .app-theme .align-self-start-lt-md {
    align-self: flex-start;
  }
  .app-theme .align-self-end-lt-md {
    align-self: flex-end;
  }
}
@media (min-width: 1280px) {
  .app-theme .flex-direction-row-gt-md {
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-row-reverse-gt-md {
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-gt-md {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-reverse-gt-md {
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
  .app-theme .justify-content-start-gt-md {
    justify-content: flex-start;
  }
  .app-theme .justify-content-center-gt-md {
    justify-content: center;
  }
  .app-theme .justify-content-space-between-gt-md {
    justify-content: space-between;
  }
  .app-theme .justify-content-end-gt-md {
    justify-content: flex-end;
  }
  .app-theme .align-items-start-gt-md {
    align-items: flex-start;
  }
  .app-theme .align-items-center-gt-md {
    align-items: center;
  }
  .app-theme .align-items-space-between-gt-md {
    align-items: space-between;
  }
  .app-theme .align-items-end-gt-md {
    align-items: flex-end;
  }
  .app-theme .align-self-start-gt-md {
    align-self: flex-start;
  }
  .app-theme .align-self-end-gt-md {
    align-self: flex-end;
  }
}
@media (max-width: 1279.98px) {
  .app-theme .flex-direction-row-lt-lg {
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-row-reverse-lt-lg {
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-lt-lg {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-reverse-lt-lg {
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
  .app-theme .justify-content-start-lt-lg {
    justify-content: flex-start;
  }
  .app-theme .justify-content-center-lt-lg {
    justify-content: center;
  }
  .app-theme .justify-content-space-between-lt-lg {
    justify-content: space-between;
  }
  .app-theme .justify-content-end-lt-lg {
    justify-content: flex-end;
  }
  .app-theme .align-items-start-lt-lg {
    align-items: flex-start;
  }
  .app-theme .align-items-center-lt-lg {
    align-items: center;
  }
  .app-theme .align-items-space-between-lt-lg {
    align-items: space-between;
  }
  .app-theme .align-items-end-lt-lg {
    align-items: flex-end;
  }
  .app-theme .align-self-start-lt-lg {
    align-self: flex-start;
  }
  .app-theme .align-self-end-lt-lg {
    align-self: flex-end;
  }
}
@media (min-width: 1920px) {
  .app-theme .flex-direction-row-gt-lg {
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-row-reverse-gt-lg {
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-gt-lg {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-reverse-gt-lg {
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
  .app-theme .justify-content-start-gt-lg {
    justify-content: flex-start;
  }
  .app-theme .justify-content-center-gt-lg {
    justify-content: center;
  }
  .app-theme .justify-content-space-between-gt-lg {
    justify-content: space-between;
  }
  .app-theme .justify-content-end-gt-lg {
    justify-content: flex-end;
  }
  .app-theme .align-items-start-gt-lg {
    align-items: flex-start;
  }
  .app-theme .align-items-center-gt-lg {
    align-items: center;
  }
  .app-theme .align-items-space-between-gt-lg {
    align-items: space-between;
  }
  .app-theme .align-items-end-gt-lg {
    align-items: flex-end;
  }
  .app-theme .align-self-start-gt-lg {
    align-self: flex-start;
  }
  .app-theme .align-self-end-gt-lg {
    align-self: flex-end;
  }
}
@media (max-width: 1919.98px) {
  .app-theme .flex-direction-row-lt-xl {
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-row-reverse-lt-xl {
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-lt-xl {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .app-theme .flex-direction-column-reverse-lt-xl {
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
  .app-theme .justify-content-start-lt-xl {
    justify-content: flex-start;
  }
  .app-theme .justify-content-center-lt-xl {
    justify-content: center;
  }
  .app-theme .justify-content-space-between-lt-xl {
    justify-content: space-between;
  }
  .app-theme .justify-content-end-lt-xl {
    justify-content: flex-end;
  }
  .app-theme .align-items-start-lt-xl {
    align-items: flex-start;
  }
  .app-theme .align-items-center-lt-xl {
    align-items: center;
  }
  .app-theme .align-items-space-between-lt-xl {
    align-items: space-between;
  }
  .app-theme .align-items-end-lt-xl {
    align-items: flex-end;
  }
  .app-theme .align-self-start-lt-xl {
    align-self: flex-start;
  }
  .app-theme .align-self-end-lt-xl {
    align-self: flex-end;
  }
}
.app-theme .show {
  display: block;
}
.app-theme .hide {
  display: none;
}
@media (min-width: 600px) {
  .app-theme .show-gt-xs {
    display: block;
  }
  .app-theme .hide-gt-xs {
    display: none;
  }
}
@media (max-width: 599.98px) {
  .app-theme .show-lt-sm {
    display: block;
  }
  .app-theme .hide-lt-sm {
    display: none;
  }
}
@media (min-width: 960px) {
  .app-theme .show-gt-sm {
    display: block;
  }
  .app-theme .hide-gt-sm {
    display: none;
  }
}
@media (max-width: 959.98px) {
  .app-theme .show-lt-md {
    display: block;
  }
  .app-theme .hide-lt-md {
    display: none;
  }
}
@media (min-width: 1280px) {
  .app-theme .show-gt-md {
    display: block;
  }
  .app-theme .hide-gt-md {
    display: none;
  }
}
@media (max-width: 1279.98px) {
  .app-theme .show-lt-lg {
    display: block;
  }
  .app-theme .hide-lt-lg {
    display: none;
  }
}
@media (min-width: 1920px) {
  .app-theme .show-gt-lg {
    display: block;
  }
  .app-theme .hide-gt-lg {
    display: none;
  }
}
@media (max-width: 1919.98px) {
  .app-theme .show-lt-xl {
    display: block;
  }
  .app-theme .hide-lt-xl {
    display: none;
  }
}
@keyframes loaderCircleAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.app-theme .loader-circle-xs,
.app-theme .loader-circle-sm,
.app-theme .loader-circle {
  position: relative;
}
.app-theme .loader-circle-xs::before,
.app-theme .loader-circle-sm::before,
.app-theme .loader-circle::before {
  background-color: var(--mat-sys-background);
  background-origin: content-box;
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 50;
}
.app-theme .loader-circle-xs::after,
.app-theme .loader-circle-sm::after,
.app-theme .loader-circle::after {
  animation: loaderCircleAnimation 0.6s infinite linear;
  border-color: light-dark(rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0.25));
  border-style: solid;
  border-radius: 50%;
  border-top-color: light-dark(black, white);
  border-width: 5px;
  content: "";
  height: 50px;
  left: 50% !important;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  top: 50% !important;
  width: 50px;
  z-index: 100;
}
.app-theme .loader-circle-xs.app-loader,
.app-theme .loader-circle-sm.app-loader,
.app-theme .loader-circle.app-loader {
  height: 100%;
  width: 100%;
}
.app-theme .loader-circle-xs.app-loader::before,
.app-theme .loader-circle-xs.app-content-content-route::before,
.app-theme .loader-circle-sm.app-loader::before,
.app-theme .loader-circle-sm.app-content-content-route::before,
.app-theme .loader-circle.app-loader::before,
.app-theme .loader-circle.app-content-content-route::before {
  background-color: var(--mat-sys-background);
}
.app-theme .loader-circle-xs::after {
  border-width: 2px;
  height: 15px;
  margin-left: -9px;
  margin-top: -8px;
  width: 15px;
}
.app-theme .loader-circle-sm::after {
  border-width: 3px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
}
.app-theme button.loader-circle-xs::before,
.app-theme button.loader-circle-sm::before,
.app-theme button.loader-circle::before {
  background-color: transparent;
}
.app-theme button.loader-circle-xs .mdc-button__label,
.app-theme button.loader-circle-xs .mat-mdc-menu-item-text,
.app-theme button.loader-circle-sm .mdc-button__label,
.app-theme button.loader-circle-sm .mat-mdc-menu-item-text,
.app-theme button.loader-circle .mdc-button__label,
.app-theme button.loader-circle .mat-mdc-menu-item-text {
  position: relative;
  visibility: hidden;
}
.app-theme button.loader-circle-xs .mat-icon,
.app-theme button.loader-circle-sm .mat-icon,
.app-theme button.loader-circle .mat-icon {
  display: none;
}
.app-theme .overlay-backdrop {
  position: relative;
}
.app-theme .overlay-backdrop::after {
  background-color: var(--mat-sys-background);
  background-origin: content-box;
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.app-theme .thumbnail {
  align-items: center;
  display: flex;
  height: var(--app-thumbnail-size-base);
  justify-content: center;
  overflow: hidden;
  width: var(--app-thumbnail-size-base);
}
.app-theme .thumbnail.thumbnail-sm {
  height: var(--app-thumbnail-size-sm);
  width: var(--app-thumbnail-size-sm);
}
.app-theme .thumbnail.thumbnail-md {
  height: var(--app-thumbnail-size-md);
  width: var(--app-thumbnail-size-md);
}
.app-theme .thumbnail.thumbnail-lg {
  height: var(--app-thumbnail-size-lg);
  width: var(--app-thumbnail-size-lg);
}
.app-theme .thumbnail img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.app-theme .thumbnail.thumbnail-circle {
  border-radius: 50%;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */