:root {
/*   --main-color: 0, 0, 0;
  --background-color: 255, 255, 255;
  --primary-color: 54, 145, 37;
  --secondary-color: 172, 183, 34;
  --tertiary-color: 154, 72, 86;
  --fourth-color: 173, 127, 102;
  --fifth-color: 109, 56, 40;
  --sixth-color: 144, 213, 172;
  --seventh-color: 132, 117, 78;
  --eighth-color: 187, 187, 187;
  --nineth-color: 138, 141, 143;
  --tenth-color: 144, 213, 172;
  --min-opacity: 0.08;
  --mid-opacity: 0.5;
  --max-opacity: 0.6;
  --card-color: 227, 242, 234;
  --disabled-color: 160, 160, 160;
  --main-color-min: rgba(var(--main-color), var(--min-opacity));
  --main-color-mid: rgba(var(--main-color), var(--mid-opacity));
  --main-color-max: rgba(var(--main-color), var(--max-opacity));
  --primary-color-min: rgba(var(--primary-color), var(--min-opacity));
  --primary-color-mid: rgba(var(--primary-color), var(--mid-opacity));
  --primary-color-max: rgba(var(--primary-color), var(--max-opacity));
  --secondary-color-min: rgba(var(--secondary-color), var(--min-opacity));
  --secondary-color-mid: rgba(var(--secondary-color), var(--mid-opacity));
  --secondary-color-max: rgba(var(--secondary-color), var(--max-opacity));
  --tertiary-color-min: rgba(var(--tertiary-color), var(--min-opacity));
  --tertiary-color-mid: rgba(var(--tertiary-color), var(--mid-opacity));
  --tertiary-color-max: rgba(var(--tertiary-color), var(--max-opacity));
   --ion-color-primary: rgb(var(--primary-color));
  --ion-color-secondary: var(--main-color-min);
  --ion-color-danger: var(--text-negative);
  --ion-background-color: rgb(var(--background-color));
  --ion-text-color: rgb(var(--main-color));
  --ion-color-tertiary: rgb(var(--main-color));
  --ion-color-danger: #a61259;
  --font-size-xs: 12px;
  --font-size-s: 14px;
  --font-size: 16px;
  --font-size-m: 20px;
  --font-size-l: 24px;
  --font-size-ll: 34px;
  --font-size-xl: 45px;
  --font-regular: 'Helvetica Regular';
  --font-regular-italic: 'Helvetica Regular Italic';
  --font-bold: 'Helvetica Bold';
  --font-bold-italic: 'Helvetica Bold Italic';
  --font-light: 'Helvetica Regular Light';
  --font-light-italic: 'Helvetica Regular Light Italic';
  --font-medium: 'Helvetica Regular Medium';
  --font-medium-italic: 'Helvetica Regular Medium Italic';
  --font-semibold: 'Helvetica Semi Bold';
  --font-semibold-italic: 'Helvetica Semi Bold Italic';
  --font-thin: 'Helvetica Regular Thin';
  --font-thin-italic: 'Helvetica Regular Thin Italic';
  --letter-spacing: 1px;
  --tt-normal: none;
  --tt-uppercase: uppercase;
  --border-radius: 4px;
  --height-button: 40px;
  --padding-footer: 25px 16px;
  --text-positive: var(--main-color-max);
  --text-negative: var(--tertiary-color-max);
  --font-family-header: var(--font-regular);
  --font-size-header: var(--font-size);
  --font-color-header: rgb(var(--main-color));
  --tt-header: var(--tt-normal);
  --font-family-card-title: var(--font-thin);
  --font-size-card-title: var(--font-size-ll);
  --font-color-card-title: rgb(var(--primary-color));
  --tt-card-title: var(--tt-normal);
  --font-family-card-subtitle: var(--font-regular);
  --font-size-card-subtitle: var(--font-size-s);
  --font-color-card-subtitle: rgb(var(--main-color));
  --tt-card-subtitle: var(--tt-normal);
  --font-family-item-asset-name: var(--font-regular);
  --font-size-item-asset-name: var(--font-size);
  --font-color-item-asset-name: var(--main-color);
  --tt-item-asset-name: var(--tt-normal);
  --font-family-item-asset-symbol: var(--font-regular);
  --font-size-item-asset-symbol: var(--font-size-xs);
  --font-color-item-asset-symbol: var(--main-color-max);
  --tt-item-asset-symbol: var(--tt-uppercase);
  --font-family-item-asset-price: var(--font-regular);
  --font-size-item-asset-price: var(--font-size);
  --font-color-item-asset-price: rgb(var(--main-color));
  --tt-item-asset-price: var(--tt-normal);
  --font-family-item-asset-increment-positive: var(--font-regular);
  --font-size-item-asset-increment-positive: var(--font-size-s);
  --font-color-item-asset-increment-positive: var(--primary-color-max);
  --tt-item-asset-increment-positive: var(--tt-normal);
  --font-family-item-asset-increment-negative: var(--font-regular);
  --font-size-item-asset-increment-negative: var(--font-size-s);
  --font-color-item-asset-increment-negative: var(--tertiary-color-max);
  --tt-item-asset-increment-negative: var(--tt-normal);
  --font-family-item-horizontal-label: var(--font-regular);
  --font-size-item-horizontal-label: var(--font-size);
  --font-color-item-horizontal-label: rgb(var(--main-color));
  --tt-item-horizontal-label: var(--tt-normal);
  --font-family-item-horizontal-data: var(--font-regular);
  --font-size-item-horizontal-data: var(--font-size);
  --font-color-item-horizontal-data: rgb(var(--main-color));
  --tt-item-horizontal-data: var(--tt-normal);
  --font-family-item-vertical-label: var(--font-regular);
  --font-size-item-vertical-label: var(--font-size);
  --font-color-item-vertical-label: rgb(var(--main-color));
  --tt-item-vertical-label: var(--tt-normal);
  --font-family-item-vertical-data: var(--font-regular);
  --font-size-item-vertical-data: var(--font-size);
  --font-color-item-vertical-data: rgb(var(--main-color));
  --tt-item-vertical-data: var(--tt-normal);
  --font-family-item-graph-money: var(--font-regular);
  --font-size-item-graph-money: var(--font-size-s);
  --font-color-item-graph-money: rgb(var(--main-color));
  --tt-item-graph-money: var(--tt-normal);
  --font-family-item-graph-date: var(--font-semibold);
  --font-size-item-graph-date: var(--font-size-xs);
  --font-color-item-graph-date: rgb(var(--main-color));
  --tt-item-graph-date: var(--tt-uppercase);
  --font-family-ion-list-title: var(--font-regular);
  --font-size-ion-list-title: var(--font-size);
  --font-color-ion-list-title: rgb(var(--main-color));
  --tt-ion-list-title: var(--tt-normal);
  --padding-range-default: 10px 0;
  --font-family-range-default: var(--font-semibold);
  --font-size-range-default: var(--font-size-xs);
  --font-color-range-default: var(--main-color-mid);
  --tt-range-default: var(--tt-uppercase);
  --letter-spacing-range-default: var(--letter-spacing);
  --padding-range-active: 10px 0;
  --font-family-range-active: var(--font-semibold);
  --font-size-range-active: var(--font-size-xs);
  --font-color-range-active: rgb(var(--main-color));
  --tt-range-active: var(--tt-uppercase);
  --letter-spacing-range-active: var(--letter-spacing);
  --line-color-home-graph1: rgb(var(--primary-color));
  --background-color-home-graph1: var(--primary-color-mid);
  --line-color-dashboard-graph1: rgb(var(--primary-color));
  --background-color-dashboard-graph1: var(--primary-color-mid);
  --line-color-dashboard-graph2: rgb(var(--primary-color));
  --background-color-dashboard-graph2: var(--primary-color-mid);
  --color-doughnut-1: rgb(var(--primary-color));
  --color-doughnut-2: rgb(var(--secondary-color));
  --color-doughnut-3: rgb(var(--tertiary-color));
  --color-doughnut-4: rgb(var(--fourth-color));
  --color-doughnut-5: rgb(var(--fifth-color));
  --color-doughnut-6: rgb(var(--sixth-color));
  --color-doughnut-7: rgb(var(--seventh-color));
  --color-doughnut-8: rgb(var(--eighth-color));
  --color-doughnut-9: rgb(var(--nineth-color));
  --color-doughnut-10: rgb(var(--tenth-color));
  --color-doughnut-11: #9bb7cc;
  --color-doughnut-12: #f698c4;
  --color-doughnut-13: #f6a4cb;
  --color-doughnut-14: #f6b0d1;
  --color-doughnut-15: #f6bcd8;
  --color-doughnut-16: #f6c8de;
  --color-doughnut-17: #f7d4e5;
  --color-doughnut-18: #f7e0ec;
  --color-doughnut-19: #f7ecf2;
  --color-doughnut-20: #f7f8f9;
  --font-color-segment: rgb(var(--main-color));
  --font-family-segment: var(--font-semibold);
  --tt-segment: var(--tt-uppercase);
  --font-size-segment: var(--font-size-s);
  --font-color-primary-button: rgb(var(--main-color));
  --font-family-primary-button: var(--font-semibold);
  --tt-primary-button: var(--tt-uppercase);
  --font-size-primary-button: var(--font-size-s);
  --border-radius-primary-button: var(var(--border-radius));
  --font-color-secondary-button: rgb(var(--main-color));
  --font-family-secondary-button: var(--font-semibold);
  --tt-secondary-button: var(--tt-uppercase);
  --font-size-secondary-button: var(--font-size-s);
  --border-radius-secondary-button: var(var(--border-radius));
  --background-color-input: var(--main-color-min);
  --border-radius-input: var(--border-radius);
  --font-color-input: rgb(var(--main-color));
  --font-size-input: var(--font-size-l);
  --font-family-input: var(--font-light);
  --tt-input: var(--tt-uppercase);
  --font-color-label: rgb(var(--main-color));
  --font-size-label: var(--font-size);
  --font-family-label: var(--font-regular);
  --tt-label: var(--tt-normal);
  --ion-font-family: var(--font-regular);
  --back-button-color: rgb(var(--main-color));
  --back-button-height: 18px;
  --back-button-width: 18px;
  --home-asset-color: rgb(var(--primary-color));
  --home-asset-width: 24px;
  --home-asset-height: 24px;
  --dashboard-asset-color: rgb(var(--primary-color));
  --dashboard-asset-width: 40px;
  --dashboard-asset-height: 40px;
  --background-toastr-error: rgb(var(--primary-color));
  --background-toaster-success: var(--main-color);
  --text-toaster-color: var(--background-color);
  --form-checked-color: var(--primary-color); */
}

#alert-detail,
#scheduled-detail {
  --font-size-card-title: var(--font-size-l);
}
.button-native.active {
  --background: rgb(var(--primary-color));

  opacity: 1;
}

.button-native.inactive {
  --background: var(--primary-color-mid);
}

/* REGULAR */
@font-face {
  font-family: 'Helvetica Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Helvetica Regular'),
    url('fonts/Monotype-Helvetica-Now-Text.otf') format('opentype');
}

@font-face {
  font-family: 'Helvetica Regular Thin';
  font-style: normal;
  font-weight: 100;
  src: local('Helvetica Regular Thin'),
    url('fonts/Monotype-Helvetica-Now-Text.otf') format('opentype');
}

@font-face {
  font-family: 'Helvetica Regular Light';
  font-style: normal;
  font-weight: 300;
  src: local('Helvetica Regular Light'),
    url('fonts/Monotype-Helvetica-Now-Text.otf') format('opentype');
}

@font-face {
  font-family: 'Helvetica Regular Medium';
  font-style: normal;
  font-weight: 500;
  src: local('Helvetica Regular Medium'),
    url('fonts/Monotype-Helvetica-Now-Text.otf') format('opentype');
}

/* REGULAR ITALIC */
@font-face {
  font-family: 'Helvetica Regular Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Helvetica Regular Italic'),
    url('fonts/Monotype-Helvetica-Now-Text-It.otf') format('opentype');
}

@font-face {
  font-family: 'Helvetica Regular Thin Italic';
  font-style: normal;
  font-weight: 100;
  src: local('Helvetica Regular Thin Italic'),
    url('fonts/Monotype-Helvetica-Now-Text-It.otf') format('opentype');
}

@font-face {
  font-family: 'Helvetica Regular Light Italic';
  font-style: normal;
  font-weight: 300;
  src: local('Helvetica Regular Light Italic'),
    url('fonts/Monotype-Helvetica-Now-Text-It.otf') format('opentype');
}

@font-face {
  font-family: 'Helvetica Regular Medium Italic';
  font-style: normal;
  font-weight: 500;
  src: local('Helvetica Regular Medium Italic'),
    url('fonts/Monotype-Helvetica-Now-Text-It.otf') format('opentype');
}

/* BOLD */
@font-face {
  font-family: 'Helvetica Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Helvetica Bold'),
    url('fonts/Monotype-Helvetica-Now-Text-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Helvetica Semi Bold';
  font-style: normal;
  font-weight: 600;
  src: local('Helvetica Semi Bold'),
    url('fonts/Monotype-Helvetica-Now-Text-Bold.otf') format('opentype');
}

/* BOLD ITALIC */
@font-face {
  font-family: 'Helvetica Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Helvetica Bold Italic'),
    url('fonts/Monotype-Helvetica-Now-Text-Bd-It.otf') format('opentype');
}

@font-face {
  font-family: 'Helvetica Semi Bold Italic';
  font-style: normal;
  font-weight: 600;
  src: local('Helvetica Semi Bold Italic'),
    url('fonts/Monotype-Helvetica-Now-Text-Bd-It.otf') format('opentype');
}

/* REGULAR */
@font-face {
  font-family: 'Tiempos Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Regular'),
    url('fonts/TiemposHeadline-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Tiempos Regular Thin';
  font-style: normal;
  font-weight: 100;
  src: local('Tiempos Regular Thin'),
    url('fonts/TiemposHeadline-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Tiempos Regular Light';
  font-style: normal;
  font-weight: 300;
  src: local('Tiempos Regular Light'),
    url('fonts/TiemposHeadline-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Tiempos Regular Medium';
  font-style: normal;
  font-weight: 500;
  src: local('Tiempos Regular Medium'),
    url('fonts/TiemposHeadline-Regular.otf') format('opentype');
}

/* REGULAR ITALIC */
@font-face {
  font-family: 'Tiempos Regular Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Regular Italic'),
    url('fonts/TiemposHeadline-RegularItalic.otf') format('opentype');
}

@font-face {
  font-family: 'Tiempos Regular Thin Italic';
  font-style: normal;
  font-weight: 100;
  src: local('Tiempos Regular Thin Italic'),
    url('fonts/TiemposHeadline-RegularItalic.otf') format('opentype');
}

@font-face {
  font-family: 'Tiempos Regular Light Italic';
  font-style: normal;
  font-weight: 300;
  src: local('Tiempos Regular Light Italic'),
    url('fonts/TiemposHeadline-RegularItalic.otf') format('opentype');
}

@font-face {
  font-family: 'Tiempos Regular Medium Italic';
  font-style: normal;
  font-weight: 500;
  src: local('Tiempos Regular Medium Italic'),
    url('fonts/TiemposHeadline-RegularItalic.otf') format('opentype');
}

/* BOLD */
@font-face {
  font-family: 'Tiempos Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Bold'),
    url('fonts/TiemposHeadline-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Tiempos Semi Bold';
  font-style: normal;
  font-weight: 600;
  src: local('Tiempos Semi Bold'),
    url('fonts/TiemposHeadline-Bold.otf') format('opentype');
}

/* BOLD ITALIC */
@font-face {
  font-family: 'Tiempos Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Bold Italic'),
    url('fonts/TiemposHeadline-BoldItalic.otf') format('opentype');
}

@font-face {
  font-family: 'Tiempos Semi Bold Italic';
  font-style: normal;
  font-weight: 600;
  src: local('Tiempos Semi Bold Italic'),
    url('fonts/TiemposHeadline-BoldItalic.otf') format('opentype');
}