/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
.welcomeSubstepDivision {
  height: calc(100vh - 322px);
  overflow-y: auto;
}
.welcomeSubstepDivision .requiredCaption p {
  margin-top: 16px;
}

/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
.subStepParentDivisionCompliance {
  height: calc(100vh - 393px) !important;
  overflow-y: auto;
}

.requiredAddBnt {
  border-color: #de1b36 !important;
}

.disableAddOwnerBtn {
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

.action-links-wrap {
  display: flex;
}

table {
  width: 100%;
}

tr.demo-detail-row {
  height: 0px !important;
}

tr.demo-detail-row td {
  padding: 0px !important;
}

.demo-element-row td {
  border-bottom-width: 0;
}

.error-header-table > .mat-row > .mat-cell,
.error-header-table > .mat-footer-row > .mat-cell {
  padding: 0.25rem 0.25rem;
}

.error-header-table > .mat-header-row > .mat-header-cell {
  padding: 0rem 0rem;
}

.detail-expand {
  overflow: hidden;
  display: flex;
}

.officer-chk {
  text-align: center;
}

.owner-delete {
  margin-left: 12%;
  cursor: pointer;
}

.mat-table[fisStyle] .mat-row .mat-cell {
  line-height: 1.1 !important;
}

.hide-paginator {
  display: none !important;
}

.cssClass {
  border: 1px solid red !important;
}

.reqInputOwnership {
  color: red !important;
}

/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
:host ::ng-deep .mat-horizontal-content-container {
  padding: 0px 12px 24px 12px !important;
}

:host ::ng-deep .mat-expansion-panel-body {
  padding: 0 2px 16px !important;
  margin-bottom: 4%;
}

:host ::ng-deep .mat-expansion-panel-header {
  background-color: var(--ruf-background-alternate-row, #f4f4f4) !important;
}

:host ::ng-deep .mat-expansion-panel {
  box-shadow: none !important;
  border: 1px solid rgba(128, 128, 128, 0.2196078431);
}

/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable block-no-empty */
/* stylelint-enable block-no-empty */
/* stylelint-disable selector-class-pattern */
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* General reset */
html {
  box-sizing: border-box;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

*, *::before, *::after {
  box-sizing: inherit;
}

[hidden] {
  display: none !important;
}

body {
  font-size: 0.875rem;
  margin: 0;
}

a {
  background-color: inherit;
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

svg:not(:root) {
  overflow: hidden;
}

/* Forms Reset */
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 * (normalize.css)
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 * (normalize.css)
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 * (normalize.css)
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 * (normalize.css)
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 * (normalize.css)
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 * (normalize.css)
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 * (normalize.css)
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * (normalize.css)
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 * (normalize.css)
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 * (normalize.css)
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Make default font-size for fis icons 24px. This is the default used in material.
 **/
.fisfont {
  /* stylelint-disable selector-class-pattern */
  font-size: 24px;
}

*[disabled]:not([disabled=false]),
*[aria-disabled=true] {
  cursor: not-allowed;
}

/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
@media (min-width: 0) and (max-width: 599px) {
  .ruf-padding-auto {
    padding: 0.3125rem !important;
  }

  .ruf-padding.ruf-padding-top-auto {
    padding-top: 0.3125rem !important;
  }

  .ruf-padding.ruf-padding-right-auto {
    padding-right: 0.3125rem !important;
  }

  .ruf-padding.ruf-padding-bottom-auto {
    padding-bottom: 0.3125rem !important;
  }

  .ruf-padding.ruf-padding-left-auto {
    padding-left: 0.3125rem !important;
  }

  .ruf-margin-auto {
    margin: 0.3125rem !important;
  }

  .ruf-margin.ruf-margin-top-auto {
    margin-top: 0.3125rem !important;
  }

  .ruf-margin.ruf-margin-right-auto {
    margin-right: 0.3125rem !important;
  }

  .ruf-margin.ruf-margin-bottom-auto {
    margin-bottom: 0.3125rem !important;
  }

  .ruf-margin.ruf-margin-left-auto {
    margin-left: 0.3125rem !important;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .ruf-padding-auto {
    padding: 0.3125rem !important;
  }

  .ruf-padding.ruf-padding-top-auto {
    padding-top: 0.3125rem !important;
  }

  .ruf-padding.ruf-padding-right-auto {
    padding-right: 0.3125rem !important;
  }

  .ruf-padding.ruf-padding-bottom-auto {
    padding-bottom: 0.3125rem !important;
  }

  .ruf-padding.ruf-padding-left-auto {
    padding-left: 0.3125rem !important;
  }

  .ruf-margin-auto {
    margin: 0.3125rem !important;
  }

  .ruf-margin.ruf-margin-top-auto {
    margin-top: 0.3125rem !important;
  }

  .ruf-margin.ruf-margin-right-auto {
    margin-right: 0.3125rem !important;
  }

  .ruf-margin.ruf-margin-bottom-auto {
    margin-bottom: 0.3125rem !important;
  }

  .ruf-margin.ruf-margin-left-auto {
    margin-left: 0.3125rem !important;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .ruf-padding-auto {
    padding: 0.4166666667rem !important;
  }

  .ruf-padding.ruf-padding-top-auto {
    padding-top: 0.4166666667rem !important;
  }

  .ruf-padding.ruf-padding-right-auto {
    padding-right: 0.4166666667rem !important;
  }

  .ruf-padding.ruf-padding-bottom-auto {
    padding-bottom: 0.4166666667rem !important;
  }

  .ruf-padding.ruf-padding-left-auto {
    padding-left: 0.4166666667rem !important;
  }

  .ruf-margin-auto {
    margin: 0.4166666667rem !important;
  }

  .ruf-margin.ruf-margin-top-auto {
    margin-top: 0.4166666667rem !important;
  }

  .ruf-margin.ruf-margin-right-auto {
    margin-right: 0.4166666667rem !important;
  }

  .ruf-margin.ruf-margin-bottom-auto {
    margin-bottom: 0.4166666667rem !important;
  }

  .ruf-margin.ruf-margin-left-auto {
    margin-left: 0.4166666667rem !important;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  .ruf-padding-auto {
    padding: 0.625rem !important;
  }

  .ruf-padding.ruf-padding-top-auto {
    padding-top: 0.625rem !important;
  }

  .ruf-padding.ruf-padding-right-auto {
    padding-right: 0.625rem !important;
  }

  .ruf-padding.ruf-padding-bottom-auto {
    padding-bottom: 0.625rem !important;
  }

  .ruf-padding.ruf-padding-left-auto {
    padding-left: 0.625rem !important;
  }

  .ruf-margin-auto {
    margin: 0.625rem !important;
  }

  .ruf-margin.ruf-margin-top-auto {
    margin-top: 0.625rem !important;
  }

  .ruf-margin.ruf-margin-right-auto {
    margin-right: 0.625rem !important;
  }

  .ruf-margin.ruf-margin-bottom-auto {
    margin-bottom: 0.625rem !important;
  }

  .ruf-margin.ruf-margin-left-auto {
    margin-left: 0.625rem !important;
  }
}
@media (min-width: 1920px) {
  .ruf-padding-auto {
    padding: 1.25rem !important;
  }

  .ruf-padding.ruf-padding-top-auto {
    padding-top: 1.25rem !important;
  }

  .ruf-padding.ruf-padding-right-auto {
    padding-right: 1.25rem !important;
  }

  .ruf-padding.ruf-padding-bottom-auto {
    padding-bottom: 1.25rem !important;
  }

  .ruf-padding.ruf-padding-left-auto {
    padding-left: 1.25rem !important;
  }

  .ruf-margin-auto {
    margin: 1.25rem !important;
  }

  .ruf-margin.ruf-margin-top-auto {
    margin-top: 1.25rem !important;
  }

  .ruf-margin.ruf-margin-right-auto {
    margin-right: 1.25rem !important;
  }

  .ruf-margin.ruf-margin-bottom-auto {
    margin-bottom: 1.25rem !important;
  }

  .ruf-margin.ruf-margin-left-auto {
    margin-left: 1.25rem !important;
  }
}
/* all positions */
.ruf-padding-small {
  padding: 0.3125rem !important;
}

.ruf-padding-medium {
  padding: 0.625rem !important;
}

.ruf-padding-large {
  padding: 1.25rem !important;
}

.ruf-padding-none {
  /* Reason for !important: class applied by end-user meant to override an element's properties */
  padding: 0 !important;
}

.ruf-margin-small {
  margin: 0.3125rem !important;
}

.ruf-margin-medium {
  margin: 0.625rem !important;
}

.ruf-margin-large {
  margin: 1.25rem !important;
}

.ruf-margin-none {
  /* Reason for !important: class applied by end-user meant to override an element's properties */
  margin: 0 !important;
}

/* top */
.ruf-padding-top-small {
  padding-top: 0.3125rem !important;
}

.ruf-padding-top-medium {
  padding-top: 0.625rem !important;
}

.ruf-padding-top-large {
  padding-top: 1.25rem !important;
}

.ruf-padding-top-none {
  /* Reason for !important: class applied by end-user meant to override an element's properties */
  padding-top: 0 !important;
}

.ruf-margin-top-small {
  margin-top: 0.3125rem !important;
}

.ruf-margin-top-medium {
  margin-top: 0.625rem !important;
}

.ruf-margin-top-large {
  margin-top: 1.25rem !important;
}

.ruf-margin-top-none {
  /* Reason for !important: class applied by end-user meant to override an element's properties */
  margin-top: 0 !important;
}

/* right */
.ruf-padding-right-small {
  padding-right: 0.3125rem !important;
}

.ruf-padding-right-medium {
  padding-right: 0.625rem !important;
}

.ruf-padding-right-large {
  padding-right: 1.25rem !important;
}

.ruf-padding-right-none {
  /* Reason for !important: class applied by end-user meant to override an element's properties */
  padding-right: 0 !important;
}

.ruf-margin-right-small {
  margin-right: 0.3125rem !important;
}

.ruf-margin-right-medium {
  margin-right: 0.625rem !important;
}

.ruf-margin-right-large {
  margin-right: 1.25rem !important;
}

.ruf-margin-right-none {
  /* Reason for !important: class applied by end-user meant to override an element's properties */
  margin-right: 0 !important;
}

/* bottom */
.ruf-padding-bottom-small {
  padding-bottom: 0.3125rem !important;
}

.ruf-padding-bottom-medium {
  padding-bottom: 0.625rem !important;
}

.ruf-padding-bottom-large {
  padding-bottom: 1.25rem !important;
}

.ruf-padding-bottom-none {
  /* Reason for !important: class applied by end-user meant to override an element's properties */
  padding-bottom: 0 !important;
}

.ruf-margin-bottom-small {
  margin-bottom: 0.3125rem !important;
}

.ruf-margin-bottom-medium {
  margin-bottom: 0.625rem !important;
}

.ruf-margin-bottom-large {
  margin-bottom: 1.25rem !important;
}

.ruf-margin-bottom-none {
  /* Reason for !important: class applied by end-user meant to override an element's properties */
  margin-bottom: 0 !important;
}

/* left */
.ruf-padding-left-small {
  padding-left: 0.3125rem !important;
}

.ruf-padding-left-medium {
  padding-left: 0.625rem !important;
}

.ruf-padding-left-large {
  padding-left: 1.25rem !important;
}

.ruf-padding-left-none {
  /* Reason for !important: class applied by end-user meant to override an element's properties */
  padding-left: 0 !important;
}

.ruf-margin-left-small {
  margin-left: 0.3125rem !important;
}

.ruf-margin-left-medium {
  margin-left: 0.625rem !important;
}

.ruf-margin-left-large {
  margin-left: 1.25rem !important;
}

.ruf-margin-left-none {
  /* Reason for !important: class applied by end-user meant to override an element's properties */
  margin-left: 0 !important;
}

.ruf-toggle {
  position: relative;
}

.ruf-toggle:not(.ruf-toggle-rtl)::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0rem;
}

.ruf-toggle:not(.ruf-toggle-rtl).ruf-toggle-chevron, .ruf-toggle:not(.ruf-toggle-rtl).ruf-toggle-arrow {
  padding-right: 2.5rem;
}

.ruf-toggle:not(.ruf-toggle-rtl).ruf-toggle-chevron::after, .ruf-toggle:not(.ruf-toggle-rtl).ruf-toggle-arrow::after {
  font-family: fisfont !important;
  transform: translateY(-50%) rotate(0);
  transition: transform 0.3s ease-out;
  margin-right: 1.0625rem;
  margin-left: 1.0625rem;
}

.ruf-toggle:not(.ruf-toggle-rtl).ruf-toggle-chevron::after {
  content: "\e910";
}

.ruf-toggle:not(.ruf-toggle-rtl).ruf-toggle-arrow::after {
  content: "\e904";
}

.ruf-toggle:not(.ruf-toggle-rtl).ruf-toggle-active.ruf-toggle-chevron::after, .ruf-toggle:not(.ruf-toggle-rtl).ruf-toggle-active.ruf-toggle-arrow::after {
  transform: translateY(-50%) rotate(180deg);
}

.ruf-toggle.ruf-toggle-rtl::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0rem;
}

.ruf-toggle.ruf-toggle-rtl.ruf-toggle-chevron, .ruf-toggle.ruf-toggle-rtl.ruf-toggle-arrow {
  padding-left: 2.5rem;
}

.ruf-toggle.ruf-toggle-rtl.ruf-toggle-chevron::after, .ruf-toggle.ruf-toggle-rtl.ruf-toggle-arrow::after {
  font-family: fisfont !important;
  transform: translateY(-50%) rotate(0);
  transition: transform 0.3s ease-out;
  margin-left: 1.0625rem;
  margin-right: 1.0625rem;
}

.ruf-toggle.ruf-toggle-rtl.ruf-toggle-chevron::after {
  content: "\e910";
}

.ruf-toggle.ruf-toggle-rtl.ruf-toggle-arrow::after {
  content: "\e904";
}

.ruf-toggle.ruf-toggle-rtl.ruf-toggle-active.ruf-toggle-chevron::after, .ruf-toggle.ruf-toggle-rtl.ruf-toggle-active.ruf-toggle-arrow::after {
  transform: translateY(-50%) rotate(180deg);
}

.ruf-square {
  border-radius: 0 !important;
  height: inherit;
  width: 3rem;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-top .ruf-inkbar-item {
  border-top-width: 0.1875rem;
  border-top-style: solid;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-width: 0.1875rem;
  border-bottom-style: solid;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-left .ruf-inkbar-item {
  border-left-width: 0.1875rem;
  border-left-style: solid;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-right .ruf-inkbar-item {
  border-right-width: 0.1875rem;
  border-right-style: solid;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-top .ruf-inkbar-item {
  border-top-width: 0.1875rem;
  border-top-style: solid;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-width: 0.1875rem;
  border-bottom-style: solid;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-left .ruf-inkbar-item {
  border-right-width: 0.1875rem;
  border-right-style: solid;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-right .ruf-inkbar-item {
  border-left-width: 0.1875rem;
  border-left-style: solid;
}

.ruf-side-panel-toggle.ruf-toggle {
  border-width: 0.0625rem;
  height: 3.5rem;
  min-width: 2.25rem;
  padding: 0;
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
  width: 2.25rem;
  z-index: 1;
}

.ruf-side-panel-toggle.ruf-toggle.ruf-toggle-chevron {
  padding: 0;
}

.ruf-side-panel-toggle.ruf-toggle.ruf-side-panel-toggle-direction-left:not(.ruf-side-panel-toggle-rtl) {
  float: left;
  left: 0;
  margin: -100%;
}

.ruf-side-panel-toggle.ruf-toggle.ruf-side-panel-toggle-direction-left:not(.ruf-side-panel-toggle-rtl)::after {
  margin-right: 0.3125rem;
}

.ruf-side-panel-toggle.ruf-toggle.ruf-side-panel-toggle-rtl:not(.ruf-side-panel-toggle-direction-left) {
  float: left;
  margin-right: -100%;
}

.ruf-side-panel-toggle.ruf-toggle.ruf-side-panel-toggle-rtl:not(.ruf-side-panel-toggle-direction-left)::after {
  margin-left: 0.3125rem;
}

.ruf-side-panel-toggle.ruf-toggle:not(.ruf-side-panel-toggle-rtl):not(.ruf-side-panel-toggle-direction-left) {
  float: right;
  margin: -100%;
  right: 0;
}

.ruf-side-panel-toggle.ruf-toggle:not(.ruf-side-panel-toggle-rtl):not(.ruf-side-panel-toggle-direction-left)::after {
  margin-right: 0.3125rem;
}

.ruf-side-panel-toggle.ruf-toggle.ruf-side-panel-toggle-rtl.ruf-side-panel-toggle-direction-left {
  float: right;
  margin-left: -100%;
}

.ruf-side-panel-toggle.ruf-toggle.ruf-side-panel-toggle-rtl.ruf-side-panel-toggle-direction-left::after {
  margin-left: 0.3125rem;
}

.ruf-side-panel-toggle.ruf-toggle::after, .ruf-side-panel-toggle.ruf-toggle::before {
  font-size: 1.25rem;
}

.ruf-side-panel-toggle.ruf-toggle:not(.ruf-side-panel-toggle-direction-left):not(.ruf-side-panel-toggle-rtl), .ruf-side-panel-toggle.ruf-toggle.ruf-side-panel-toggle-rtl.ruf-side-panel-toggle-direction-left {
  border-radius: 1.125rem 0px 0px 1.125rem;
  border-right-width: 0px;
}

.ruf-side-panel-toggle.ruf-toggle.ruf-side-panel-toggle-direction-left:not(.ruf-side-panel-toggle-rtl), .ruf-side-panel-toggle.ruf-toggle.ruf-side-panel-toggle-rtl:not(.ruf-side-panel-toggle-direction-left) {
  border-left-width: 0px;
  border-radius: 0px 1.125rem 1.125rem 0px;
}

.ruf-side-panel-toggle.ruf-toggle:not(.ruf-toggle-active):not(.ruf-side-panel-toggle-rtl):not(.ruf-side-panel-toggle-direction-left)::after {
  transform: translate(-10%, -50%) rotate(270deg);
}

.ruf-side-panel-toggle.ruf-toggle.ruf-toggle-active:not(.ruf-side-panel-toggle-rtl):not(.ruf-side-panel-toggle-direction-left)::after {
  transform: translate(-10%, -50%) rotate(90deg);
}

.ruf-side-panel-toggle.ruf-toggle:not(.ruf-toggle-active):not(.ruf-side-panel-toggle-rtl).ruf-side-panel-toggle-direction-left::after {
  transform: translate(-10%, -50%) rotate(90deg);
}

.ruf-side-panel-toggle.ruf-toggle.ruf-toggle-active:not(.ruf-side-panel-toggle-rtl).ruf-side-panel-toggle-direction-left::after {
  transform: translate(-10%, -50%) rotate(270deg);
}

.ruf-side-panel-toggle.ruf-toggle:not(.ruf-toggle-active).ruf-side-panel-toggle-rtl:not(.ruf-side-panel-toggle-direction-left)::after {
  transform: translate(10%, -50%) rotate(90deg);
}

.ruf-side-panel-toggle.ruf-toggle.ruf-toggle-active.ruf-side-panel-toggle-rtl:not(.ruf-side-panel-toggle-direction-left)::after {
  transform: translate(20%, -50%) rotate(270deg);
}

.ruf-side-panel-toggle.ruf-toggle:not(.ruf-toggle-active).ruf-side-panel-toggle-rtl.ruf-side-panel-toggle-direction-left::after {
  transform: translate(20%, -50%) rotate(270deg);
}

.ruf-side-panel-toggle.ruf-toggle.ruf-toggle-active.ruf-side-panel-toggle-rtl.ruf-side-panel-toggle-direction-left::after {
  transform: translate(10%, -50%) rotate(90deg);
}

/* Shell structural styles */
.ruf-scrollbar::-webkit-scrollbar {
  height: 0.625rem;
  width: 0.625rem;
}
.ruf-scrollbar ::-webkit-scrollbar {
  height: 0.625rem;
  width: 0.625rem;
}
.ruf-scrollbar *, .ruf-scrollbar {
  scrollbar-width: thin;
}
.ruf-scrollbar.ruf-scrollbar-auto-hide {
  overflow: hidden;
}
.ruf-scrollbar.ruf-scrollbar-auto-hide:hover {
  overflow: auto;
}

/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* prettier-ignore */
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* TODO: You should try using, @use "@ruf/prebuilt-themes/fis-default-css-vars"; */
/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
/**
Apply padding from structural config
 */
/**
Apply margin from structural config
 */
/**
Apply border style form structural config
 */
/**
Apply all styles present in structural config
 */
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Structural config override*/
/* Density Configuration */
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-badge-small .mat-badge-content {
  font-size: 9px;
}

.mat-badge-large .mat-badge-content {
  font-size: 24px;
}

.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: var(--ruf-headline-font-weight, bold) var(--ruf-headline-font-size, 22px) / var(--ruf-headline-line-height, 28px) var(--ruf-headline-font-family, "Titillium Web", Arial, sans-serif);
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: var(--ruf-title-font-weight, bold) var(--ruf-title-font-size, 14px) / var(--ruf-title-line-height, 21px) var(--ruf-title-font-family, "Titillium Web", Arial, sans-serif);
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: var(--ruf-subheading-2-font-weight, bold) var(--ruf-subheading-2-font-size, 18px) / var(--ruf-subheading-2-line-height, 23px) var(--ruf-subheading-2-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: var(--ruf-subheading-1-font-weight, 400) var(--ruf-subheading-1-font-size, 14px) / var(--ruf-subheading-1-line-height, 18px) var(--ruf-subheading-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: var(--ruf-body-1-font-weight, 400) calc(var(--ruf-body-1-font-size, 12px) * 0.83) / var(--ruf-body-1-line-height, 15px) var(--ruf-body-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: var(--ruf-body-1-font-weight, 400) calc(var(--ruf-body-1-font-size, 12px) * 0.67) / var(--ruf-body-1-line-height, 15px) var(--ruf-body-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: var(--ruf-body-2-font-weight, 500) var(--ruf-body-2-font-size, 14px) / var(--ruf-body-2-line-height, 24px) var(--ruf-body-2-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: var(--ruf-body-1-font-weight, 400) var(--ruf-body-1-font-size, 12px) / var(--ruf-body-1-line-height, 15px) var(--ruf-body-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
}

.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: var(--ruf-caption-font-weight, 400) var(--ruf-caption-font-size, 12px) / var(--ruf-caption-line-height, 15px) var(--ruf-caption-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: var(--ruf-display-4-font-weight, 300) var(--ruf-display-4-font-size, 112px) / var(--ruf-display-4-line-height, 112px) var(--ruf-display-4-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: var(--ruf-display-3-font-weight, 400) var(--ruf-display-3-font-size, 56px) / var(--ruf-display-3-line-height, 56px) var(--ruf-display-3-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: var(--ruf-display-2-font-weight, 400) var(--ruf-display-2-font-size, 45px) / var(--ruf-display-2-line-height, 48px) var(--ruf-display-2-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: var(--ruf-display-1-font-weight, 400) var(--ruf-display-1-font-size, 34px) / var(--ruf-display-1-line-height, 40px) var(--ruf-display-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  margin: 0 0 64px;
}

.mat-bottom-sheet-container {
  font: var(--ruf-body-1-font-weight, 400) var(--ruf-body-1-font-size, 12px) / var(--ruf-body-1-line-height, 15px) var(--ruf-body-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: var(--ruf-button-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-button-font-size, 14px);
  font-weight: var(--ruf-button-font-weight, bold);
}

.mat-button-toggle {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-card {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-card-title {
  font-size: var(--ruf-headline-font-size, 22px);
  font-weight: var(--ruf-title-font-weight, bold);
}

.mat-card-header .mat-card-title {
  font-size: var(--ruf-title-font-size, 14px);
}

.mat-card-subtitle,
.mat-card-content {
  font-size: var(--ruf-body-1-font-size, 12px);
}

.mat-checkbox {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: var(--ruf-body-2-line-height, 24px);
}

.mat-chip {
  font-size: var(--ruf-body-2-font-size, 14px);
  font-weight: var(--ruf-body-2-font-weight, 500);
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-table {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-header-cell {
  font-size: var(--ruf-caption-font-size, 12px);
  font-weight: var(--ruf-body-2-font-weight, 500);
}

.mat-cell, .mat-footer-cell {
  font-size: var(--ruf-body-1-font-size, 12px);
}

.mat-calendar {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-calendar-body {
  font-size: 13px;
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: var(--ruf-button-font-size, 14px);
  font-weight: var(--ruf-button-font-weight, bold);
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: var(--ruf-body-1-font-weight, 400);
}

.mat-dialog-title {
  font: var(--ruf-title-font-weight, bold) var(--ruf-title-font-size, 14px) / var(--ruf-title-line-height, 21px) var(--ruf-title-font-family, "Titillium Web", Arial, sans-serif);
}

.mat-expansion-panel-header {
  font-family: var(--ruf-subheading-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-subheading-1-font-size, 14px);
  font-weight: var(--ruf-subheading-1-font-weight, 400);
}

.mat-expansion-panel-content {
  font: var(--ruf-body-1-font-weight, 400) var(--ruf-body-1-font-size, 12px) / var(--ruf-body-1-line-height, 15px) var(--ruf-body-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
}

.mat-form-field {
  font: var(--ruf-input-font-weight, 400) var(--ruf-input-font-size, 14px) / 1.125 var(--ruf-input-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.34375em;
}

.mat-form-field-underline {
  bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: var(--ruf-body-1-font-size, 12px);
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: var(--ruf-caption-font-size, 12px);
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-menu-item {
  font-family: var(--ruf-body-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-body-1-font-size, 12px);
  font-weight: var(--ruf-body-1-font-weight, 400);
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: var(--ruf-caption-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-caption-font-size, 12px);
}

.mat-radio-button {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-select {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-slide-toggle-content {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-slider-thumb-label-text {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
  font-size: var(--ruf-caption-font-size, 12px);
  font-weight: var(--ruf-body-2-font-weight, 500);
}

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-step-label {
  font-size: var(--ruf-body-1-font-size, 12px);
  font-weight: var(--ruf-body-1-font-weight, 400);
}

.mat-step-sub-label-error {
  font-weight: normal;
}

.mat-step-label-error {
  font-size: var(--ruf-body-2-font-size, 14px);
}

.mat-step-label-selected {
  font-size: var(--ruf-body-2-font-size, 14px);
  font-weight: var(--ruf-body-2-font-weight, 500);
}

.mat-tab-group {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-tab-label, .mat-tab-link {
  font-family: var(--ruf-button-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-button-font-size, 14px);
  font-weight: var(--ruf-button-font-weight, bold);
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: var(--ruf-title-font-weight, bold) var(--ruf-title-font-size, 14px) / var(--ruf-title-line-height, 21px) var(--ruf-title-font-family, "Titillium Web", Arial, sans-serif);
  margin: 0;
}

.mat-tooltip {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.mat-list-item {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-list-option {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-list-base .mat-list-item {
  font-size: var(--ruf-subheading-2-font-size, 18px);
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: var(--ruf-body-1-font-size, 12px);
}

.mat-list-base .mat-list-option {
  font-size: var(--ruf-subheading-2-font-size, 18px);
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: var(--ruf-body-1-font-size, 12px);
}

.mat-list-base .mat-subheader {
  font-family: var(--ruf-body-2-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-body-2-font-size, 14px);
  font-weight: var(--ruf-body-2-font-weight, 500);
}

.mat-list-base[dense] .mat-list-item {
  font-size: var(--ruf-caption-font-size, 12px);
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: var(--ruf-caption-font-size, 12px);
}

.mat-list-base[dense] .mat-list-option {
  font-size: var(--ruf-caption-font-size, 12px);
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: var(--ruf-caption-font-size, 12px);
}

.mat-list-base[dense] .mat-subheader {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
  font-size: var(--ruf-caption-font-size, 12px);
  font-weight: var(--ruf-body-2-font-weight, 500);
}

.mat-option {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
  font-size: var(--ruf-subheading-2-font-size, 18px);
}

.mat-optgroup-label {
  font: var(--ruf-body-2-font-weight, 500) var(--ruf-body-2-font-size, 14px) / var(--ruf-body-2-line-height, 24px) var(--ruf-body-2-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
}

.mat-simple-snackbar {
  font-family: var(--ruf-body-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-body-1-font-size, 12px);
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--ruf-button-font-weight, bold);
}

.mat-tree {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: var(--ruf-body-1-font-weight, 400);
  font-size: var(--ruf-body-1-font-size, 12px);
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}

.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}

[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}

.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}

.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}

.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}

.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

a {
  color: var(--ruf-foreground-link, #285bc5);
  cursor: pointer;
  text-decoration: none;
}

.ruf-foreground-default {
  color: var(--ruf-foreground-text, #012834);
}

.ruf-foreground-primary, .ruf-icon-primary .mat-icon {
  color: var(--primary, #4bcd3e) !important;
}

.ruf-foreground-primary-dark, .ruf-icon-primary-dark .mat-icon {
  color: var(--primary-700, #308628) !important;
}

.ruf-foreground-primary-light, .ruf-icon-primary-light .mat-icon {
  color: var(--primary-100, #c9f0c5) !important;
}

.ruf-foreground-accent, .ruf-icon-accent .mat-icon {
  color: var(--accent, #009775) !important;
}

.ruf-foreground-accent-dark, .ruf-icon-accent-dark .mat-icon {
  color: var(--accent-700, #006a52) !important;
}

.ruf-foreground-accent-light, .ruf-icon-accent-light .mat-icon {
  color: var(--accent-100, #b3e0d6) !important;
}

.ruf-foreground-emphasis, .ruf-icon-emphasis .mat-icon {
  color: var(--emphasis, #ffcd00) !important;
}

.ruf-foreground-emphasis-dark, .ruf-icon-emphasis-dark .mat-icon {
  color: var(--emphasis-700, #b39000) !important;
}

.ruf-foreground-emphasis-light, .ruf-icon-emphasis-light .mat-icon {
  color: var(--emphasis-100, #fff0b3) !important;
}

.ruf-foreground-warn, .ruf-icon-warn .mat-icon {
  color: var(--warn, #fd8d62) !important;
}

.ruf-foreground-warn-800, .ruf-icon-warn-800 .mat-icon {
  color: var(--warn-800, #713f2c) !important;
}

.ruf-foreground-warn-dark, .ruf-icon-warn-dark .mat-icon {
  color: var(--warn-700, #ad6143) !important;
}

.ruf-foreground-warn-light, .ruf-icon-warn-light .mat-icon {
  color: var(--warn-100, #feddd0) !important;
}

.ruf-foreground-success, .ruf-icon-success .mat-icon {
  color: var(--success, #4bcd3e) !important;
}

.ruf-foreground-success-800, .ruf-icon-success-800 .mat-icon {
  color: var(--success-800, #225c1c) !important;
}

.ruf-foreground-info, .ruf-icon-info .mat-icon {
  color: var(--info, #3bcff0) !important;
}

.ruf-foreground-error, .ruf-icon-error .mat-icon {
  color: var(--error, #ff1f3e) !important;
}

.ruf-foreground-error-700, .ruf-icon-error-700 .mat-icon {
  color: var(--error-700, #b3162b) !important;
}

.ruf-icon-default-accent2 .mat-icon {
  color: #015b7e;
}

.ruf-background-primary {
  background-color: var(--primary, #4bcd3e) !important;
  color: var(--primary-contrast, #012834) !important;
}

.ruf-background-primary-dark {
  background-color: var(--primary-700, #308628) !important;
  color: var(--primary-700-contrast, #ffffff) !important;
}

.ruf-background-primary-light {
  background-color: var(--primary-100, #c9f0c5) !important;
  color: var(--primary-100-contrast, #012834) !important;
}

.ruf-background-accent {
  background-color: var(--accent, #009775) !important;
  color: var(--accent-contrast, #ffffff) !important;
}

.ruf-background-accent-dark {
  background-color: var(--accent-700, #006a52) !important;
  color: var(--accent-700-contrast, #ffffff) !important;
}

.ruf-background-accent-light {
  background-color: var(--accent-100, #b3e0d6) !important;
  color: var(--accent-100-contrast, #012834) !important;
}

.ruf-background-emphasis {
  background-color: var(--emphasis, #ffcd00) !important;
  color: var(--emphasis-contrast, #ffffff) !important;
}

.ruf-background-emphasis-dark {
  background-color: var(--emphasis-700, #b39000) !important;
  color: var(--emphasis-700-contrast, #ffffff) !important;
}

.ruf-background-emphasis-light {
  background-color: var(--emphasis-100, #fff0b3) !important;
  color: var(--emphasis-100-contrast, #012834) !important;
}

.ruf-background-warn {
  background-color: var(--warn, #fd8d62) !important;
  color: var(--warn-contrast, #012834) !important;
}

.ruf-background-warn-dark {
  background-color: var(--warn-700, #ad6143) !important;
  color: var(--warn-700-contrast, #ffffff) !important;
}

.ruf-background-warn-light {
  background-color: var(--warn-100, #feddd0) !important;
  color: var(--warn-100-contrast, #012834) !important;
}

.ruf-background-dark {
  /* Reason for !important: class added by user meant to override existing background.*/
  background-color: rgba(0, 0, 0, 0.18) !important;
}

.ruf-background-darker {
  /* Reason for !important: class added by user meant to override existing background.*/
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.ruf-background-default-dark {
  /* Reason for !important: class added by user meant to override existing background.*/
  background-color: #01181f !important;
  color: var(--ruf-foreground-text, #012834) !important;
}

.ruf-background-default-dark .mat-icon {
  color: var(--ruf-foreground-link, #285bc5);
}

.ruf-background-transparent {
  /* Reason for !important: class added by user meant to override existing background.*/
  background-color: transparent !important;
}

.ruf-background-light {
  /* Reason for !important: class added by user meant to override existing background.*/
  background-color: rgba(255, 255, 255, 0.18) !important;
}

.ruf-background-lighter {
  /* Reason for !important: class added by user meant to override existing background.*/
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.ruf-background-error {
  background-color: var(--error-400, #ff415b) !important;
  color: var(--error-400-contrast, #012834) !important;
}

.ruf-background-error .mat-icon {
  color: var(--error-400-contrast, #012834) !important;
}

.ruf-background-white {
  /* Reason for !important: class added by user meant to override existing background.*/
  background-color: rgb(255, 255, 255) !important;
}

.ruf-background-success {
  background-color: var(--success, #4bcd3e) !important;
  color: var(--success-contrast, #012834) !important;
}

.ruf-background-success .mat-icon {
  color: var(--success-contrast, #012834) !important;
}

.ruf-background-info {
  background-color: var(--info, #3bcff0) !important;
  color: var(--info-contrast, #012834) !important;
}

.ruf-background-info .mat-icon {
  color: var(--info-contrast, #012834) !important;
}

.ruf-background-canvas {
  background-color: var(--ruf-background-app-canvas, #f4f4f4);
}

.ruf-background-card {
  background-color: var(--ruf-background-card, white);
}

.ruf-border {
  border-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-background-highlight {
  background-color: var(--ruf-background-alternate-row, #f4f4f4) !important;
}

.ruf-highlight {
  background-color: var(--ruf-background-highlight, rgba(40, 91, 197, 0.12));
  color: var(--ruf-foreground-text, #012834);
}

.ruf-background-fis-black {
  background-color: #000c10 !important;
  border-bottom-color: #1a3e48 !important;
  color: var(--ruf-foreground-lighter-text, white) !important;
}

.ruf-elevation-z1 {
  border: 0.0625rem solid var(--ruf-foreground-border, #dfdfdf) !important;
  box-shadow: 0.1875rem 0.1875rem 0rem -0.0625rem var(--ruf-foreground-border, #dfdfdf) !important;
}

.ruf-keyboard-focused.cdk-keyboard-focused {
  outline: 0.125rem solid var(--emphasis, #ffcd00) !important;
}

.ruf-toolbar.ruf-default {
  background: var(--ruf-background-app-bar, white);
  color: var(--ruf-foreground-text, #012834);
}

.ruf-toolbar.ruf-default .ruf-toolbar-separator {
  opacity: 0.3;
}

.ruf-toolbar.ruf-default:not(.ruf-toolbar-rtl) .ruf-toolbar-separator {
  border-left-color: var(--ruf-background-contrast, #012834);
}

.ruf-toolbar.ruf-default.ruf-toolbar-rtl .ruf-toolbar-separator {
  border-right-color: var(--ruf-background-contrast, #012834);
}

.ruf-toolbar.ruf-primary {
  background: var(--primary, #4bcd3e);
  color: var(--primary-contrast, #012834);
}

.ruf-toolbar.ruf-primary .ruf-toolbar-separator {
  opacity: 0.5;
}

.ruf-toolbar.ruf-primary:not(.ruf-toolbar-rtl) .ruf-toolbar-separator {
  border-left-color: var(--primary-contrast, #012834);
}

.ruf-toolbar.ruf-primary.ruf-toolbar-rtl .ruf-toolbar-separator {
  border-right-color: var(--primary-contrast, #012834);
}

.ruf-toolbar.ruf-accent {
  background: var(--accent, #009775);
  color: var(--accent-contrast, #ffffff);
}

.ruf-toolbar.ruf-accent .ruf-toolbar-separator {
  opacity: 0.5;
}

.ruf-toolbar.ruf-accent:not(.ruf-toolbar-rtl) .ruf-toolbar-separator {
  border-left-color: var(--accent-contrast, #ffffff);
}

.ruf-toolbar.ruf-accent.ruf-toolbar-rtl .ruf-toolbar-separator {
  border-right-color: var(--accent-contrast, #ffffff);
}

.ruf-toolbar.ruf-emphasis {
  background: var(--emphasis, #ffcd00);
  color: var(--emphasis-contrast, #ffffff);
}

.ruf-toolbar.ruf-emphasis .ruf-toolbar-separator {
  opacity: 0.5;
}

.ruf-toolbar.ruf-emphasis:not(.ruf-toolbar-rtl) .ruf-toolbar-separator {
  border-left-color: var(--emphasis-contrast, #ffffff);
}

.ruf-toolbar.ruf-emphasis.ruf-toolbar-rtl .ruf-toolbar-separator {
  border-right-color: var(--emphasis-contrast, #ffffff);
}

.ruf-toolbar .ruf-toolbar-separator {
  opacity: 0.3;
}

.ruf-toolbar:not(.ruf-toolbar-rtl) .ruf-toolbar-separator {
  border-left-color: inherit;
}

.ruf-toolbar.ruf-toolbar-rtl .ruf-toolbar-separator {
  border-right-color: inherit;
}

.ruf-toolbar a {
  color: inherit;
}

.ruf-banner {
  background: var(--ruf-background-app-bar, white);
  border-bottom-color: var(--ruf-foreground-border, #dfdfdf);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.ruf-banner-toolbar.ruf-default {
  background-color: inherit;
  color: inherit;
}

.ruf-banner-brand .ruf-toolbar-separator {
  border-left-color: inherit;
  opacity: 0.3;
}

[dir=rtl] .ruf-banner-brand .ruf-toolbar-separator {
  border-right-color: inherit;
}

.ruf-banner-brand .ruf-banner-brand-title {
  color: inherit;
}

.ruf-banner .ruf-banner-toolbar .ruf-banner-brand .ruf-toolbar-separator {
  border-left-color: inherit;
}

[dir=rtl] .ruf-banner .ruf-banner-toolbar .ruf-banner-brand .ruf-toolbar-separator {
  border-right-color: inherit;
}

.ruf-banner-brand-logo.fis-logo {
  background-repeat: no-repeat;
}

.fis-logo-white .ruf-banner-brand-logo.fis-logo {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1Ni4xNiAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYuMTYgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7b3BhY2l0eTowLjg7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MntvcGFjaXR5OjAuNjtmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Qze29wYWNpdHk6MC40O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDR7b3BhY2l0eTowLjI7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGlkPSJQYXRoXzE1MSIgY2xhc3M9InN0MCIgZD0iTTU1LjQ3LDguODJjMC0wLjY4LTAuNTUtMS4yNC0xLjI0LTEuMjRjMCwwLDAsMCwwLDBIMzkuOTJjLTIuNTUtMC4wNy00LjY3LDEuOTUtNC43NCw0LjUKCQlzMS45NSw0LjY3LDQuNSw0Ljc0YzAuMDgsMCwwLjE2LDAsMC4yNCwwaDExLjVjMS4xOCwwLjA2LDIuMDksMS4wNiwyLjA0LDIuMjVjLTAuMDUsMS4xLTAuOTQsMS45OC0yLjA0LDIuMDRIMzcuMQoJCWMtMC42OC0wLjAyLTEuMjYsMC41Mi0xLjI3LDEuMmMtMC4wMiwwLjY4LDAuNTIsMS4yNSwxLjIsMS4yN2MwLjAyLDAsMC4wNSwwLDAuMDcsMGgxNC4zMmMyLjU1LDAuMDcsNC42Ny0xLjk1LDQuNzQtNC41CgkJcy0xLjk1LTQuNjctNC41LTQuNzRjLTAuMDgsMC0wLjE2LDAtMC4yNCwwaC0xMS41Yy0xLjE4LTAuMDYtMi4wOS0xLjA2LTIuMDQtMi4yNWMwLjA1LTEuMSwwLjk0LTEuOTgsMi4wNC0yLjA0aDE0LjMyCgkJYzAuNjgsMC4wMSwxLjIzLTAuNTMsMS4yNC0xLjIxQzU1LjQ3LDguODQsNTUuNDcsOC44Myw1NS40Nyw4LjgyIi8+Cgk8cGF0aCBpZD0iUGF0aF8xNTIiIGNsYXNzPSJzdDAiIGQ9Ik0zMC4yMiwyLjA2YzAtMS0wLjgxLTEuOC0xLjgtMS44Yy0xLDAtMS44LDAuODEtMS44LDEuOHMwLjgxLDEuOCwxLjgsMS44bDAsMAoJCUMyOS40MSwzLjg3LDMwLjIyLDMuMDYsMzAuMjIsMi4wNkMzMC4yMiwyLjA2LDMwLjIyLDIuMDYsMzAuMjIsMi4wNiIvPgoJPHBhdGggaWQ9IlBhdGhfMTUzIiBjbGFzcz0ic3QxIiBkPSJNMjQuNDcsMi4wNmMwLTEtMC44MS0xLjgtMS44LTEuOGMtMSwwLTEuOCwwLjgxLTEuOCwxLjhzMC44MSwxLjgsMS44LDEuOGwwLDAKCQlDMjMuNjYsMy44NywyNC40NywzLjA2LDI0LjQ3LDIuMDZDMjQuNDcsMi4wNiwyNC40NywyLjA2LDI0LjQ3LDIuMDYiLz4KCTxwYXRoIGlkPSJQYXRoXzE1NCIgY2xhc3M9InN0MiIgZD0iTTE4LjcyLDIuMDZjMC0xLTAuODEtMS44LTEuOC0xLjhjLTEsMC0xLjgsMC44MS0xLjgsMS44czAuODEsMS44LDEuOCwxLjhsMCwwCgkJQzE3LjkxLDMuODcsMTguNzIsMy4wNiwxOC43MiwyLjA2QzE4LjcyLDIuMDYsMTguNzIsMi4wNiwxOC43MiwyLjA2Ii8+Cgk8cGF0aCBpZD0iUGF0aF8xNTUiIGNsYXNzPSJzdDMiIGQ9Ik0xMi45NywyLjA2YzAtMS0wLjgxLTEuOC0xLjgtMS44Yy0xLDAtMS44LDAuODEtMS44LDEuOHMwLjgxLDEuOCwxLjgsMS44bDAsMAoJCUMxMi4xNiwzLjg3LDEyLjk3LDMuMDYsMTIuOTcsMi4wNkMxMi45NywyLjA2LDEyLjk3LDIuMDYsMTIuOTcsMi4wNiIvPgoJPHBhdGggaWQ9IlBhdGhfMTU2IiBjbGFzcz0ic3Q0IiBkPSJNNy4yMiwyLjA2YzAtMS0wLjgxLTEuOC0xLjgtMS44Yy0xLDAtMS44LDAuODEtMS44LDEuOHMwLjgxLDEuOCwxLjgsMS44CgkJQzYuNDEsMy44Nyw3LjIyLDMuMDYsNy4yMiwyLjA2QzcuMjIsMi4wNiw3LjIyLDIuMDYsNy4yMiwyLjA2Ii8+Cgk8ZyBpZD0iR3JvdXBfMjExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDcuMTc1KSI+CgkJPHBhdGggaWQ9IlBhdGhfMTU3IiBjbGFzcz0ic3QwIiBkPSJNMjAuNCwwLjQxYy0wLjA0LDAtMC4wNywwLjAxLTAuMTEsMC4wMVYwLjQxSDguMTJDMy4yOCwwLjQxLDAsMy41OSwwLDguNDJ2Ni43NgoJCQljMC4wMiwwLjc0LDAuNjQsMS4zMywxLjM4LDEuMzFjMC43Mi0wLjAyLDEuMjktMC41OSwxLjMxLTEuMzFWOC40MmMwLTMuMzYsMi4wMy01LjUyLDUuNDEtNS41MmgxMi4xOFYyLjg5CgkJCWMwLjA0LDAsMC4wNywwLjAxLDAuMTEsMC4wMWMwLjY4LDAsMS4yNC0wLjU1LDEuMjQtMS4yNGMwLDAsMCwwLDAsMGMwLjAxLTAuNjgtMC41Mi0xLjI0LTEuMi0xLjI1CgkJCUMyMC40MiwwLjQxLDIwLjQxLDAuNDEsMjAuNCwwLjQxIi8+CgkJPHBhdGggaWQ9IlBhdGhfMTU4IiBjbGFzcz0ic3QwIiBkPSJNNC4wNSw4LjQyYzAsMC42OCwwLjU1LDEuMjQsMS4yNCwxLjI0YzAsMCwwLDAsMCwwaDEyLjRjMC42OCwwLjAyLDEuMjUtMC41MiwxLjI3LTEuMgoJCQljMC4wMi0wLjY4LTAuNTItMS4yNS0xLjItMS4yN2MtMC4wMiwwLTAuMDUsMC0wLjA3LDBINS4yOUM0LjYxLDcuMTksNC4wNiw3Ljc0LDQuMDUsOC40MiIvPgoJPC9nPgoJPHBhdGggaWQ9IlBhdGhfMTU5IiBjbGFzcz0ic3QwIiBkPSJNMjcuMDYsOC44MnYxMy41M2MtMC4wMiwwLjc0LDAuNTcsMS4zNiwxLjMxLDEuMzhjMC43NCwwLjAyLDEuMzYtMC41NywxLjM4LTEuMzEKCQljMC0wLjAyLDAtMC4wNSwwLTAuMDdWOC44MmMwLjAyLTAuNzQtMC41Ny0xLjM2LTEuMzEtMS4zOGMtMC43NC0wLjAyLTEuMzYsMC41Ny0xLjM4LDEuMzFDMjcuMDYsOC43NywyNy4wNiw4LjgsMjcuMDYsOC44MiIvPgo8L2c+Cjwvc3ZnPgo=") !important;
}

.fis-logo-green .ruf-banner-brand-logo.fis-logo {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTYuMTYgMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7ZmlsbDojNWZiYTQ2O30uY2xzLTN7b3BhY2l0eTowLjg7fS5jbHMtNHtjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTV7b3BhY2l0eTowLjY7fS5jbHMtNntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgtMik7fS5jbHMtN3tvcGFjaXR5OjAuNDt9LmNscy04e2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC0zKTt9LmNscy05e29wYWNpdHk6MC4yO30uY2xzLTEwe2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC00KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMC44NiIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNS4xMSIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMyI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI5LjM2IiB5PSIwLjI2IiB3aWR0aD0iMy42MSIgaGVpZ2h0PSIzLjYxIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC00Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuNjEiIHk9IjAuMjYiIHdpZHRoPSIzLjYxIiBoZWlnaHQ9IjMuNjEiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZmlzbG9nbzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTUuNDcsOC44MmExLjI0LDEuMjQsMCwwLDAtMS4yMy0xLjI0SDM5LjkyYTQuNjIsNC42MiwwLDAsMC0uMjQsOS4yNEg1MS40MmEyLjE1LDIuMTUsMCwwLDEsMCw0LjI5SDM3LjFBMS4yNCwxLjI0LDAsMCwwLDM3LDIzLjU5SDUxLjQyYTQuNjIsNC42MiwwLDAsMCwuMjQtOS4yNEgzOS45MmEyLjE1LDIuMTUsMCwwLDEsMC00LjI5SDU0LjIzYTEuMjEsMS4yMSwwLDAsMCwxLjI0LTEuMjF2MCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI3LjA2LDguODJWMjIuMzZhMS4zNSwxLjM1LDAsMCwwLDIuNjkuMDdWOC44MmExLjM1LDEuMzUsMCwwLDAtMi42OS0uMDd2LjA3Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjAuNCw3LjU4bC0uMSwwdjBIOC4xMkMzLjI4LDcuNTgsMCwxMC43NiwwLDE1LjZ2Ni43NmExLjM1LDEuMzUsMCwwLDAsMi43LDBWMTUuNmMwLTMuMzYsMi01LjUzLDUuNDEtNS41M0gyMC4zOWExLjIzLDEuMjMsMCwwLDAsMS4yNC0xLjIzaDBhMS4yMywxLjIzLDAsMCwwLTEuMi0xLjI1aDAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00LjA1LDE1LjZhMS4yNSwxLjI1LDAsMCwwLDEuMjQsMS4yNEgxNy43YTEuMjQsMS4yNCwwLDAsMCwuMDctMi40OEg1LjI5QTEuMjUsMS4yNSwwLDAsMCw0LjA1LDE1LjYiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMC4yMiwyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjxnIGNsYXNzPSJjbHMtMyI+PGcgY2xhc3M9ImNscy00Ij48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNC40NywyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy01Ij48ZyBjbGFzcz0iY2xzLTYiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4LjcyLDIuMDZhMS44MSwxLjgxLDAsMSwwLTEuOCwxLjgxLDEuODEsMS44MSwwLDAsMCwxLjgtMS44MWgwIi8+PC9nPjwvZz48ZyBjbGFzcz0iY2xzLTciPjxnIGNsYXNzPSJjbHMtOCI+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTMsMi4wNmExLjgxLDEuODEsMCwxLDAtMS44LDEuODFBMS44MSwxLjgxLDAsMCwwLDEzLDIuMDZoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy05Ij48ZyBjbGFzcz0iY2xzLTEwIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik03LjIyLDIuMDZBMS44MSwxLjgxLDAsMSwwLDUuNDEsMy44NywxLjgxLDEuODEsMCwwLDAsNy4yMiwyLjA2aDAiLz48L2c+PC9nPjwvc3ZnPg==") !important;
}

.ruf-banner-toolbar .ruf-banner-brand-logo.fis-logo {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTYuMTYgMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7ZmlsbDojNWZiYTQ2O30uY2xzLTN7b3BhY2l0eTowLjg7fS5jbHMtNHtjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTV7b3BhY2l0eTowLjY7fS5jbHMtNntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgtMik7fS5jbHMtN3tvcGFjaXR5OjAuNDt9LmNscy04e2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC0zKTt9LmNscy05e29wYWNpdHk6MC4yO30uY2xzLTEwe2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC00KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMC44NiIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNS4xMSIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMyI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI5LjM2IiB5PSIwLjI2IiB3aWR0aD0iMy42MSIgaGVpZ2h0PSIzLjYxIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC00Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuNjEiIHk9IjAuMjYiIHdpZHRoPSIzLjYxIiBoZWlnaHQ9IjMuNjEiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZmlzbG9nbzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTUuNDcsOC44MmExLjI0LDEuMjQsMCwwLDAtMS4yMy0xLjI0SDM5LjkyYTQuNjIsNC42MiwwLDAsMC0uMjQsOS4yNEg1MS40MmEyLjE1LDIuMTUsMCwwLDEsMCw0LjI5SDM3LjFBMS4yNCwxLjI0LDAsMCwwLDM3LDIzLjU5SDUxLjQyYTQuNjIsNC42MiwwLDAsMCwuMjQtOS4yNEgzOS45MmEyLjE1LDIuMTUsMCwwLDEsMC00LjI5SDU0LjIzYTEuMjEsMS4yMSwwLDAsMCwxLjI0LTEuMjF2MCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI3LjA2LDguODJWMjIuMzZhMS4zNSwxLjM1LDAsMCwwLDIuNjkuMDdWOC44MmExLjM1LDEuMzUsMCwwLDAtMi42OS0uMDd2LjA3Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjAuNCw3LjU4bC0uMSwwdjBIOC4xMkMzLjI4LDcuNTgsMCwxMC43NiwwLDE1LjZ2Ni43NmExLjM1LDEuMzUsMCwwLDAsMi43LDBWMTUuNmMwLTMuMzYsMi01LjUzLDUuNDEtNS41M0gyMC4zOWExLjIzLDEuMjMsMCwwLDAsMS4yNC0xLjIzaDBhMS4yMywxLjIzLDAsMCwwLTEuMi0xLjI1aDAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00LjA1LDE1LjZhMS4yNSwxLjI1LDAsMCwwLDEuMjQsMS4yNEgxNy43YTEuMjQsMS4yNCwwLDAsMCwuMDctMi40OEg1LjI5QTEuMjUsMS4yNSwwLDAsMCw0LjA1LDE1LjYiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMC4yMiwyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjxnIGNsYXNzPSJjbHMtMyI+PGcgY2xhc3M9ImNscy00Ij48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNC40NywyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy01Ij48ZyBjbGFzcz0iY2xzLTYiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4LjcyLDIuMDZhMS44MSwxLjgxLDAsMSwwLTEuOCwxLjgxLDEuODEsMS44MSwwLDAsMCwxLjgtMS44MWgwIi8+PC9nPjwvZz48ZyBjbGFzcz0iY2xzLTciPjxnIGNsYXNzPSJjbHMtOCI+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTMsMi4wNmExLjgxLDEuODEsMCwxLDAtMS44LDEuODFBMS44MSwxLjgxLDAsMCwwLDEzLDIuMDZoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy05Ij48ZyBjbGFzcz0iY2xzLTEwIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik03LjIyLDIuMDZBMS44MSwxLjgxLDAsMSwwLDUuNDEsMy44NywxLjgxLDEuODEsMCwwLDAsNy4yMiwyLjA2aDAiLz48L2c+PC9nPjwvc3ZnPg==");
}

.ruf-banner-toolbar.ruf-primary .ruf-banner-brand-logo.fis-logo {
  background-image: var(--ruf-banner-logo, url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTYuMTYgMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7ZmlsbDojNWZiYTQ2O30uY2xzLTN7b3BhY2l0eTowLjg7fS5jbHMtNHtjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTV7b3BhY2l0eTowLjY7fS5jbHMtNntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgtMik7fS5jbHMtN3tvcGFjaXR5OjAuNDt9LmNscy04e2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC0zKTt9LmNscy05e29wYWNpdHk6MC4yO30uY2xzLTEwe2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC00KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMC44NiIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNS4xMSIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMyI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI5LjM2IiB5PSIwLjI2IiB3aWR0aD0iMy42MSIgaGVpZ2h0PSIzLjYxIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC00Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuNjEiIHk9IjAuMjYiIHdpZHRoPSIzLjYxIiBoZWlnaHQ9IjMuNjEiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZmlzbG9nbzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTUuNDcsOC44MmExLjI0LDEuMjQsMCwwLDAtMS4yMy0xLjI0SDM5LjkyYTQuNjIsNC42MiwwLDAsMC0uMjQsOS4yNEg1MS40MmEyLjE1LDIuMTUsMCwwLDEsMCw0LjI5SDM3LjFBMS4yNCwxLjI0LDAsMCwwLDM3LDIzLjU5SDUxLjQyYTQuNjIsNC42MiwwLDAsMCwuMjQtOS4yNEgzOS45MmEyLjE1LDIuMTUsMCwwLDEsMC00LjI5SDU0LjIzYTEuMjEsMS4yMSwwLDAsMCwxLjI0LTEuMjF2MCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI3LjA2LDguODJWMjIuMzZhMS4zNSwxLjM1LDAsMCwwLDIuNjkuMDdWOC44MmExLjM1LDEuMzUsMCwwLDAtMi42OS0uMDd2LjA3Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjAuNCw3LjU4bC0uMSwwdjBIOC4xMkMzLjI4LDcuNTgsMCwxMC43NiwwLDE1LjZ2Ni43NmExLjM1LDEuMzUsMCwwLDAsMi43LDBWMTUuNmMwLTMuMzYsMi01LjUzLDUuNDEtNS41M0gyMC4zOWExLjIzLDEuMjMsMCwwLDAsMS4yNC0xLjIzaDBhMS4yMywxLjIzLDAsMCwwLTEuMi0xLjI1aDAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00LjA1LDE1LjZhMS4yNSwxLjI1LDAsMCwwLDEuMjQsMS4yNEgxNy43YTEuMjQsMS4yNCwwLDAsMCwuMDctMi40OEg1LjI5QTEuMjUsMS4yNSwwLDAsMCw0LjA1LDE1LjYiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMC4yMiwyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjxnIGNsYXNzPSJjbHMtMyI+PGcgY2xhc3M9ImNscy00Ij48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNC40NywyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy01Ij48ZyBjbGFzcz0iY2xzLTYiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4LjcyLDIuMDZhMS44MSwxLjgxLDAsMSwwLTEuOCwxLjgxLDEuODEsMS44MSwwLDAsMCwxLjgtMS44MWgwIi8+PC9nPjwvZz48ZyBjbGFzcz0iY2xzLTciPjxnIGNsYXNzPSJjbHMtOCI+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTMsMi4wNmExLjgxLDEuODEsMCwxLDAtMS44LDEuODFBMS44MSwxLjgxLDAsMCwwLDEzLDIuMDZoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy05Ij48ZyBjbGFzcz0iY2xzLTEwIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik03LjIyLDIuMDZBMS44MSwxLjgxLDAsMSwwLDUuNDEsMy44NywxLjgxLDEuODEsMCwwLDAsNy4yMiwyLjA2aDAiLz48L2c+PC9nPjwvc3ZnPg=="));
}

.ruf-banner-toolbar.ruf-accent .ruf-banner-brand-logo.fis-logo {
  background-image: var(--ruf-banner-logo, url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTYuMTYgMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7ZmlsbDojNWZiYTQ2O30uY2xzLTN7b3BhY2l0eTowLjg7fS5jbHMtNHtjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTV7b3BhY2l0eTowLjY7fS5jbHMtNntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgtMik7fS5jbHMtN3tvcGFjaXR5OjAuNDt9LmNscy04e2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC0zKTt9LmNscy05e29wYWNpdHk6MC4yO30uY2xzLTEwe2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC00KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMC44NiIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNS4xMSIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMyI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI5LjM2IiB5PSIwLjI2IiB3aWR0aD0iMy42MSIgaGVpZ2h0PSIzLjYxIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC00Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuNjEiIHk9IjAuMjYiIHdpZHRoPSIzLjYxIiBoZWlnaHQ9IjMuNjEiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZmlzbG9nbzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTUuNDcsOC44MmExLjI0LDEuMjQsMCwwLDAtMS4yMy0xLjI0SDM5LjkyYTQuNjIsNC42MiwwLDAsMC0uMjQsOS4yNEg1MS40MmEyLjE1LDIuMTUsMCwwLDEsMCw0LjI5SDM3LjFBMS4yNCwxLjI0LDAsMCwwLDM3LDIzLjU5SDUxLjQyYTQuNjIsNC42MiwwLDAsMCwuMjQtOS4yNEgzOS45MmEyLjE1LDIuMTUsMCwwLDEsMC00LjI5SDU0LjIzYTEuMjEsMS4yMSwwLDAsMCwxLjI0LTEuMjF2MCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI3LjA2LDguODJWMjIuMzZhMS4zNSwxLjM1LDAsMCwwLDIuNjkuMDdWOC44MmExLjM1LDEuMzUsMCwwLDAtMi42OS0uMDd2LjA3Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjAuNCw3LjU4bC0uMSwwdjBIOC4xMkMzLjI4LDcuNTgsMCwxMC43NiwwLDE1LjZ2Ni43NmExLjM1LDEuMzUsMCwwLDAsMi43LDBWMTUuNmMwLTMuMzYsMi01LjUzLDUuNDEtNS41M0gyMC4zOWExLjIzLDEuMjMsMCwwLDAsMS4yNC0xLjIzaDBhMS4yMywxLjIzLDAsMCwwLTEuMi0xLjI1aDAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00LjA1LDE1LjZhMS4yNSwxLjI1LDAsMCwwLDEuMjQsMS4yNEgxNy43YTEuMjQsMS4yNCwwLDAsMCwuMDctMi40OEg1LjI5QTEuMjUsMS4yNSwwLDAsMCw0LjA1LDE1LjYiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMC4yMiwyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjxnIGNsYXNzPSJjbHMtMyI+PGcgY2xhc3M9ImNscy00Ij48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNC40NywyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy01Ij48ZyBjbGFzcz0iY2xzLTYiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4LjcyLDIuMDZhMS44MSwxLjgxLDAsMSwwLTEuOCwxLjgxLDEuODEsMS44MSwwLDAsMCwxLjgtMS44MWgwIi8+PC9nPjwvZz48ZyBjbGFzcz0iY2xzLTciPjxnIGNsYXNzPSJjbHMtOCI+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTMsMi4wNmExLjgxLDEuODEsMCwxLDAtMS44LDEuODFBMS44MSwxLjgxLDAsMCwwLDEzLDIuMDZoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy05Ij48ZyBjbGFzcz0iY2xzLTEwIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik03LjIyLDIuMDZBMS44MSwxLjgxLDAsMSwwLDUuNDEsMy44NywxLjgxLDEuODEsMCwwLDAsNy4yMiwyLjA2aDAiLz48L2c+PC9nPjwvc3ZnPg=="));
}

.ruf-banner-toolbar.ruf-emphasis .ruf-banner-brand-logo.fis-logo {
  background-image: var(--ruf-banner-logo, url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTYuMTYgMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7ZmlsbDojNWZiYTQ2O30uY2xzLTN7b3BhY2l0eTowLjg7fS5jbHMtNHtjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTV7b3BhY2l0eTowLjY7fS5jbHMtNntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgtMik7fS5jbHMtN3tvcGFjaXR5OjAuNDt9LmNscy04e2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC0zKTt9LmNscy05e29wYWNpdHk6MC4yO30uY2xzLTEwe2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC00KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMC44NiIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNS4xMSIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMyI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI5LjM2IiB5PSIwLjI2IiB3aWR0aD0iMy42MSIgaGVpZ2h0PSIzLjYxIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC00Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuNjEiIHk9IjAuMjYiIHdpZHRoPSIzLjYxIiBoZWlnaHQ9IjMuNjEiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZmlzbG9nbzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTUuNDcsOC44MmExLjI0LDEuMjQsMCwwLDAtMS4yMy0xLjI0SDM5LjkyYTQuNjIsNC42MiwwLDAsMC0uMjQsOS4yNEg1MS40MmEyLjE1LDIuMTUsMCwwLDEsMCw0LjI5SDM3LjFBMS4yNCwxLjI0LDAsMCwwLDM3LDIzLjU5SDUxLjQyYTQuNjIsNC42MiwwLDAsMCwuMjQtOS4yNEgzOS45MmEyLjE1LDIuMTUsMCwwLDEsMC00LjI5SDU0LjIzYTEuMjEsMS4yMSwwLDAsMCwxLjI0LTEuMjF2MCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI3LjA2LDguODJWMjIuMzZhMS4zNSwxLjM1LDAsMCwwLDIuNjkuMDdWOC44MmExLjM1LDEuMzUsMCwwLDAtMi42OS0uMDd2LjA3Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjAuNCw3LjU4bC0uMSwwdjBIOC4xMkMzLjI4LDcuNTgsMCwxMC43NiwwLDE1LjZ2Ni43NmExLjM1LDEuMzUsMCwwLDAsMi43LDBWMTUuNmMwLTMuMzYsMi01LjUzLDUuNDEtNS41M0gyMC4zOWExLjIzLDEuMjMsMCwwLDAsMS4yNC0xLjIzaDBhMS4yMywxLjIzLDAsMCwwLTEuMi0xLjI1aDAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00LjA1LDE1LjZhMS4yNSwxLjI1LDAsMCwwLDEuMjQsMS4yNEgxNy43YTEuMjQsMS4yNCwwLDAsMCwuMDctMi40OEg1LjI5QTEuMjUsMS4yNSwwLDAsMCw0LjA1LDE1LjYiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMC4yMiwyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjxnIGNsYXNzPSJjbHMtMyI+PGcgY2xhc3M9ImNscy00Ij48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNC40NywyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy01Ij48ZyBjbGFzcz0iY2xzLTYiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4LjcyLDIuMDZhMS44MSwxLjgxLDAsMSwwLTEuOCwxLjgxLDEuODEsMS44MSwwLDAsMCwxLjgtMS44MWgwIi8+PC9nPjwvZz48ZyBjbGFzcz0iY2xzLTciPjxnIGNsYXNzPSJjbHMtOCI+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTMsMi4wNmExLjgxLDEuODEsMCwxLDAtMS44LDEuODFBMS44MSwxLjgxLDAsMCwwLDEzLDIuMDZoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy05Ij48ZyBjbGFzcz0iY2xzLTEwIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik03LjIyLDIuMDZBMS44MSwxLjgxLDAsMSwwLDUuNDEsMy44NywxLjgxLDEuODEsMCwwLDAsNy4yMiwyLjA2aDAiLz48L2c+PC9nPjwvc3ZnPg=="));
}

.ruf-banner-toolbar.ruf-warn .ruf-banner-brand-logo.fis-logo {
  background-image: var(--ruf-banner-logo, url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTYuMTYgMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7ZmlsbDojNWZiYTQ2O30uY2xzLTN7b3BhY2l0eTowLjg7fS5jbHMtNHtjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTV7b3BhY2l0eTowLjY7fS5jbHMtNntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgtMik7fS5jbHMtN3tvcGFjaXR5OjAuNDt9LmNscy04e2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC0zKTt9LmNscy05e29wYWNpdHk6MC4yO30uY2xzLTEwe2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC00KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMC44NiIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNS4xMSIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMyI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI5LjM2IiB5PSIwLjI2IiB3aWR0aD0iMy42MSIgaGVpZ2h0PSIzLjYxIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC00Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuNjEiIHk9IjAuMjYiIHdpZHRoPSIzLjYxIiBoZWlnaHQ9IjMuNjEiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZmlzbG9nbzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTUuNDcsOC44MmExLjI0LDEuMjQsMCwwLDAtMS4yMy0xLjI0SDM5LjkyYTQuNjIsNC42MiwwLDAsMC0uMjQsOS4yNEg1MS40MmEyLjE1LDIuMTUsMCwwLDEsMCw0LjI5SDM3LjFBMS4yNCwxLjI0LDAsMCwwLDM3LDIzLjU5SDUxLjQyYTQuNjIsNC42MiwwLDAsMCwuMjQtOS4yNEgzOS45MmEyLjE1LDIuMTUsMCwwLDEsMC00LjI5SDU0LjIzYTEuMjEsMS4yMSwwLDAsMCwxLjI0LTEuMjF2MCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI3LjA2LDguODJWMjIuMzZhMS4zNSwxLjM1LDAsMCwwLDIuNjkuMDdWOC44MmExLjM1LDEuMzUsMCwwLDAtMi42OS0uMDd2LjA3Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjAuNCw3LjU4bC0uMSwwdjBIOC4xMkMzLjI4LDcuNTgsMCwxMC43NiwwLDE1LjZ2Ni43NmExLjM1LDEuMzUsMCwwLDAsMi43LDBWMTUuNmMwLTMuMzYsMi01LjUzLDUuNDEtNS41M0gyMC4zOWExLjIzLDEuMjMsMCwwLDAsMS4yNC0xLjIzaDBhMS4yMywxLjIzLDAsMCwwLTEuMi0xLjI1aDAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00LjA1LDE1LjZhMS4yNSwxLjI1LDAsMCwwLDEuMjQsMS4yNEgxNy43YTEuMjQsMS4yNCwwLDAsMCwuMDctMi40OEg1LjI5QTEuMjUsMS4yNSwwLDAsMCw0LjA1LDE1LjYiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMC4yMiwyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjxnIGNsYXNzPSJjbHMtMyI+PGcgY2xhc3M9ImNscy00Ij48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNC40NywyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy01Ij48ZyBjbGFzcz0iY2xzLTYiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4LjcyLDIuMDZhMS44MSwxLjgxLDAsMSwwLTEuOCwxLjgxLDEuODEsMS44MSwwLDAsMCwxLjgtMS44MWgwIi8+PC9nPjwvZz48ZyBjbGFzcz0iY2xzLTciPjxnIGNsYXNzPSJjbHMtOCI+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTMsMi4wNmExLjgxLDEuODEsMCwxLDAtMS44LDEuODFBMS44MSwxLjgxLDAsMCwwLDEzLDIuMDZoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy05Ij48ZyBjbGFzcz0iY2xzLTEwIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik03LjIyLDIuMDZBMS44MSwxLjgxLDAsMSwwLDUuNDEsMy44NywxLjgxLDEuODEsMCwwLDAsNy4yMiwyLjA2aDAiLz48L2c+PC9nPjwvc3ZnPg=="));
}

.ruf-banner .ruf-banner-toolbar.ruf-primary .ruf-banner-brand .ruf-banner-brand-title {
  color: var(--primary-contrast, #012834);
}

.ruf-banner .ruf-banner-toolbar.ruf-accent .ruf-banner-brand .ruf-banner-brand-title {
  color: var(--accent-contrast, #ffffff);
}

.ruf-banner .ruf-banner-toolbar.ruf-warn .ruf-banner-brand .ruf-banner-brand-title {
  color: var(--warn-contrast, #012834);
}

.ruf-banner .ruf-banner-toolbar.ruf-emphasis .ruf-banner-brand .ruf-banner-brand-title {
  color: var(--emphasis-contrast, #ffffff);
}

.ruf-dynamic-menubar:not(.ruf-dynamic-tabs) .ruf-dynamic-menubar-container {
  border-bottom-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-dynamic-menubar .mat-tab-group .mat-tab-labels > .mat-tab-label {
  opacity: 1;
  /* Make sure labels have just a little less opacity to further differenciate activation */
}

.ruf-dynamic-menubar .mat-tab-group .mat-tab-labels .mat-tab-label:not(.mat-tab-disabled):hover, .ruf-dynamic-menubar .mat-tab-group .mat-tab-labels .mat-tab-label:not(.mat-tab-disabled).cdk-keyboard-focused, .ruf-dynamic-menubar .mat-tab-group .mat-tab-labels .mat-tab-label:not(.mat-tab-disabled).cdk-program-focused {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-dynamic-menubar .mat-tab-group .mat-tab-labels > .mat-tab-label-active {
  opacity: 1;
  /* Make sure active labels have have full opcity */
}

.ruf-dynamic-menubar .mat-tab-group.mat-background-emphasis .mat-tab-label, .ruf-dynamic-menubar .mat-tab-group.mat-background-emphasis .mat-tab-link {
  color: var(--emphasis-contrast, #ffffff);
}

.ruf-dynamic-menubar .mat-tab-group .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled):hover {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-dynamic-menubar .mat-tab-group .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-elevation-z4.mat-tab-header-pagination-after, .ruf-dynamic-menubar .mat-tab-group .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-elevation-z4.mat-tab-header-pagination-before {
  border-color: var(--ruf-foreground-border, #dfdfdf);
  box-shadow: none;
  color: inherit;
}

.ruf-dynamic-menubar .mat-tab-group .mat-tab-header-pagination.mat-tab-header-pagination-disabled {
  color: inherit;
}

.ruf-dynamic-menubar .mat-tab-group .mat-tab-header-pagination-chevron {
  border-color: var(--ruf-foreground-text, #012834);
}

.ruf-dynamic-menubar .mat-tab-group .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: var(--ruf-foreground-disabled, #b3bfc2);
  opacity: 1;
}

.ruf-dynamic-menubar .mat-tab-group.mat-primary .mat-tab-list .mat-ink-bar {
  background-color: var(--primary, #4bcd3e);
}

.ruf-dynamic-menubar.ruf-primary .mat-tab-group.mat-primary .mat-tab-list .mat-ink-bar {
  background-color: var(--primary, #4bcd3e);
}

.ruf-dynamic-menubar.ruf-primary .ruf-menu-label .ruf-close.mat-icon-button[fisStyle]:hover, .ruf-dynamic-menubar.ruf-primary .ruf-menu-label .ruf-close.mat-icon-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--primary, #4bcd3e);
  color: var(--primary-contrast, #012834);
  transition: background-color 0.2s ease-in 0s, color 0.2s ease-in 0s;
}

.ruf-dynamic-menubar.ruf-accent .mat-tab-group.mat-primary .mat-tab-list .mat-ink-bar {
  background-color: var(--accent, #009775);
}

.ruf-dynamic-menubar.ruf-accent .ruf-menu-label .ruf-close.mat-icon-button[fisStyle]:hover, .ruf-dynamic-menubar.ruf-accent .ruf-menu-label .ruf-close.mat-icon-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--accent, #009775);
  color: var(--accent-contrast, #ffffff);
  transition: background-color 0.2s ease-in 0s, color 0.2s ease-in 0s;
}

.ruf-dynamic-menubar.ruf-warn .mat-tab-group.mat-primary .mat-tab-list .mat-ink-bar {
  background-color: var(--warn, #fd8d62);
}

.ruf-dynamic-menubar.ruf-warn .ruf-menu-label .ruf-close.mat-icon-button[fisStyle]:hover, .ruf-dynamic-menubar.ruf-warn .ruf-menu-label .ruf-close.mat-icon-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--warn, #fd8d62);
  color: var(--warn-contrast, #012834);
  transition: background-color 0.2s ease-in 0s, color 0.2s ease-in 0s;
}

.ruf-dynamic-menubar.ruf-emphasis .mat-tab-group.mat-primary .mat-tab-list .mat-ink-bar {
  background-color: var(--emphasis, #ffcd00);
}

.ruf-dynamic-menubar.ruf-emphasis .ruf-menu-label .ruf-close.mat-icon-button[fisStyle]:hover, .ruf-dynamic-menubar.ruf-emphasis .ruf-menu-label .ruf-close.mat-icon-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--emphasis, #ffcd00);
  color: var(--emphasis-contrast, #ffffff);
  transition: background-color 0.2s ease-in 0s, color 0.2s ease-in 0s;
}

.ruf-dynamic-menubar.ruf-default .mat-tab-group.mat-primary .mat-tab-list .mat-ink-bar {
  background-color: var(--accent, #009775);
}

.ruf-dynamic-menubar.ruf-default .ruf-menu-label .ruf-close.mat-icon-button[fisStyle]:hover, .ruf-dynamic-menubar.ruf-default .ruf-menu-label .ruf-close.mat-icon-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--accent, #009775);
  color: var(--accent-contrast, #ffffff);
  transition: background-color 0.2s ease-in 0s, color 0.2s ease-in 0s;
}

.ruf-dynamic-menubar.ruf-primary .mat-tab-group.mat-primary.mat-background-primary .mat-tab-list .mat-ink-bar {
  background-color: var(--primary, #4bcd3e);
}

.ruf-dynamic-menubar .ruf-menu-label .ruf-close.mat-icon-button[fisStyle]:hover, .ruf-dynamic-menubar .ruf-menu-label .ruf-close.mat-icon-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--ruf-background-hover-dark, rgba(0, 0, 0, 0.16));
  color: var(--ruf-foreground-text, #012834);
  transition: background-color 0.2s ease-in 0s, color 0.2s ease-in 0s;
}

.ruf-dynamic-menubar.ruf-dynamic-tabs .ruf-menu-label .ruf-close.mat-icon-button[fisStyle]:hover, .ruf-dynamic-menubar.ruf-dynamic-tabs .ruf-menu-label .ruf-close.mat-icon-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--ruf-background-hover-dark, rgba(0, 0, 0, 0.16));
  color: inherit;
}

.ruf-dynamic-menubar.ruf-dynamic-tabs .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled):hover {
  background-color: rgba(0, 0, 0, 0.345);
}

.ruf-dynamic-menubar.ruf-dynamic-tabs .mat-tab-list .mat-ink-bar {
  background: none !important;
}

.ruf-dynamic-menubar.ruf-dynamic-tabs .mat-tab-labels > .mat-tab-label-active {
  background: var(--ruf-background-raised-button, white);
}

.ruf-dynamic-menubar.ruf-dynamic-tabs .mat-tab-group .mat-tab-labels {
  background-color: var(--ruf-background-alternate-row, #f4f4f4);
}

.ruf-dynamic-menubar.ruf-dynamic-tabs .mat-tab-group .mat-tab-labels .mat-tab-label:not(.mat-tab-disabled):hover, .ruf-dynamic-menubar.ruf-dynamic-tabs .mat-tab-group .mat-tab-labels .mat-tab-label:not(.mat-tab-disabled).cdk-keyboard-focused, .ruf-dynamic-menubar.ruf-dynamic-tabs .mat-tab-group .mat-tab-labels .mat-tab-label:not(.mat-tab-disabled).cdk-program-focused {
  background-color: var(--ruf-background-selected-state, rgba(0, 0, 0, 0.08));
}

.ruf-dynamic-menubar.ruf-dynamic-tabs .mat-tab-group.mat-background-primary .mat-tab-labels > .mat-tab-label-active {
  background: var(--primary, #4bcd3e);
}

.ruf-dynamic-menubar .ruf-overflow-menu-container .ruf-overflow-menu {
  outline: none;
}

.ruf-dynamic-menubar .ruf-overflow-menu-container .ruf-overflow-menu:hover, .ruf-dynamic-menubar .ruf-overflow-menu-container .ruf-overflow-menu.cdk-keyboard-focused {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-dynamic-menubar.ruf-dynamic-menubar-with-ruf-page-header:not(.ruf-dynamic-tabs) .mat-tab-labels > .mat-tab-label-active {
  background: var(--ruf-background-raised-button, white);
}

.ruf-dynamic-menubar.ruf-dynamic-menubar-with-ruf-page-header:not(.ruf-dynamic-tabs) .mat-tab-labels {
  background: var(--ruf-background-raised-button, white);
}

.ruf-drag-element {
  color: var(--ruf-foreground-text, #012834) !important;
}

.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menu-item {
  color: inherit;
}

.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menu-item.ruf-active {
  background: transparent;
}

.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menu-item:hover, .ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menu-item:focus {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menu-item:hover.ruf-unminimized-mode, .ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menu-item:hover.ruf-minimized-mode, .ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menu-item:focus.ruf-unminimized-mode, .ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menu-item:focus.ruf-minimized-mode {
  background-color: inherit;
}

.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-sidemenu-children {
  background: transparent;
}

.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-sidemenu-children .ruf-menu-item:hover, .ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-sidemenu-children .ruf-menu-item:focus {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-dynamic-sidemenu .ruf-inline-sticky-button-container button.mat-button, .ruf-dynamic-sidemenu .ruf-inline-sticky-button-container button.mat-button:hover {
  color: inherit;
}

.ruf-dynamic-sidemenu:not([light]) .ruf-inline-sticky-button-container button.mat-button:hover,
.ruf-dynamic-sidemenu:not([light]) .ruf-inline-sticky-button-container button.mat-button.cdk-focused.cdk-keyboard-focused,
.ruf-dynamic-sidemenu:not([light]) .ruf-inline-sticky-button-container button.mat-button.cdk-focused.cdk-program-focused,
.ruf-dynamic-sidemenu:not([light]) .ruf-inline-sticky-button-container button.mat-icon-button:hover,
.ruf-dynamic-sidemenu:not([light]) .ruf-inline-sticky-button-container button.mat-icon-button.cdk-focused.cdk-keyboard-focused,
.ruf-dynamic-sidemenu:not([light]) .ruf-inline-sticky-button-container button.mat-icon-button.cdk-focused.cdk-program-focused, .ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menubar-item.ruf-unminimized-mode button.mat-button:hover,
.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menubar-item.ruf-unminimized-mode button.mat-button.cdk-focused.cdk-keyboard-focused,
.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menubar-item.ruf-unminimized-mode button.mat-button.cdk-focused.cdk-program-focused,
.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menubar-item.ruf-unminimized-mode button.mat-icon-button:hover,
.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menubar-item.ruf-unminimized-mode button.mat-icon-button.cdk-focused.cdk-keyboard-focused,
.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menubar-item.ruf-unminimized-mode button.mat-icon-button.cdk-focused.cdk-program-focused, .ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menubar-item.ruf-minimized-mode button.mat-button:hover,
.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menubar-item.ruf-minimized-mode button.mat-button.cdk-focused.cdk-keyboard-focused,
.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menubar-item.ruf-minimized-mode button.mat-button.cdk-focused.cdk-program-focused,
.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menubar-item.ruf-minimized-mode button.mat-icon-button:hover,
.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menubar-item.ruf-minimized-mode button.mat-icon-button.cdk-focused.cdk-keyboard-focused,
.ruf-dynamic-sidemenu:not([light]) .ruf-sidemenu .ruf-menubar-item.ruf-minimized-mode button.mat-icon-button.cdk-focused.cdk-program-focused {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menu-item {
  color: inherit;
}

.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menu-item.ruf-active {
  background: var(--ruf-background-hover-dark, rgba(0, 0, 0, 0.16));
}

.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menu-item:hover, .ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menu-item:focus {
  background: var(--ruf-background-hover-dark, rgba(0, 0, 0, 0.16));
}

.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menu-item:hover.ruf-unminimized-mode, .ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menu-item:hover.ruf-minimized-mode, .ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menu-item:focus.ruf-unminimized-mode, .ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menu-item:focus.ruf-minimized-mode {
  background-color: inherit;
}

.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-sidemenu-children {
  background: var(--ruf-background-hover-dark, rgba(0, 0, 0, 0.16));
}

.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-sidemenu-children .ruf-menu-item:hover, .ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-sidemenu-children .ruf-menu-item:focus {
  background: transparent;
}

.ruf-dynamic-sidemenu[light] .ruf-inline-sticky-button-container button.mat-button:hover,
.ruf-dynamic-sidemenu[light] .ruf-inline-sticky-button-container button.mat-button.cdk-focused.cdk-keyboard-focused,
.ruf-dynamic-sidemenu[light] .ruf-inline-sticky-button-container button.mat-button.cdk-focused.cdk-program-focused,
.ruf-dynamic-sidemenu[light] .ruf-inline-sticky-button-container button.mat-icon-button:hover,
.ruf-dynamic-sidemenu[light] .ruf-inline-sticky-button-container button.mat-icon-button.cdk-focused.cdk-keyboard-focused,
.ruf-dynamic-sidemenu[light] .ruf-inline-sticky-button-container button.mat-icon-button.cdk-focused.cdk-program-focused, .ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menubar-item.ruf-unminimized-mode button.mat-button:hover,
.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menubar-item.ruf-unminimized-mode button.mat-button.cdk-focused.cdk-keyboard-focused,
.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menubar-item.ruf-unminimized-mode button.mat-button.cdk-focused.cdk-program-focused,
.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menubar-item.ruf-unminimized-mode button.mat-icon-button:hover,
.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menubar-item.ruf-unminimized-mode button.mat-icon-button.cdk-focused.cdk-keyboard-focused,
.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menubar-item.ruf-unminimized-mode button.mat-icon-button.cdk-focused.cdk-program-focused, .ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menubar-item.ruf-minimized-mode button.mat-button:hover,
.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menubar-item.ruf-minimized-mode button.mat-button.cdk-focused.cdk-keyboard-focused,
.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menubar-item.ruf-minimized-mode button.mat-button.cdk-focused.cdk-program-focused,
.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menubar-item.ruf-minimized-mode button.mat-icon-button:hover,
.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menubar-item.ruf-minimized-mode button.mat-icon-button.cdk-focused.cdk-keyboard-focused,
.ruf-dynamic-sidemenu[light] .ruf-sidemenu .ruf-menubar-item.ruf-minimized-mode button.mat-icon-button.cdk-focused.cdk-program-focused {
  background-color: var(--ruf-background-hover-dark, rgba(0, 0, 0, 0.16));
}

.ruf-dynamic-sidemenu .ruf-expand-sidemenu-popup-icon.mat-icon,
.ruf-dynamic-sidemenu .ruf-slide-menu-list .ruf-slide-menu-item .ruf-slide-menu-item-link > mat-icon,
.ruf-dynamic-sidemenu .ruf-slide-menu-header mat-icon.ruf-back-icon,
.ruf-dynamic-sidemenu .mat-icon-button mat-icon[fisicon=chevron-double] {
  color: var(--primary, #4bcd3e);
}

.ruf-dynamic-sidemenu .ruf-sidemenu.ruf-dynamic-sidemenu-minimized a.ruf-menu-item.ruf-sidemenu-item-section-header-minimized {
  border-bottom-color: var(--ruf-background-hover-dark, rgba(0, 0, 0, 0.16));
  border-bottom-style: solid;
}

.ruf-dynamic-sidemenu.ng-animate-disabled .ruf-slide-menu-root-list, *.ng-animate-disabled .ruf-slide-menu-root-list {
  transition: none !important;
}

.ruf-sidemenu-popup-backdrop + * .mat-menu-content {
  background: transparent;
}

.ruf-sidemenu-popup-backdrop + * .mat-menu-content .ruf-menu-item {
  color: inherit;
}

.ruf-sidemenu-popup-backdrop + * .mat-menu-content .ruf-menu-item.ruf-active {
  background: transparent;
}

.ruf-sidemenu-popup-backdrop + * .mat-menu-content .ruf-menu-item:hover, .ruf-sidemenu-popup-backdrop + * .mat-menu-content .ruf-menu-item:focus {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-sidemenu-popup-backdrop + * .mat-menu-content .ruf-menu-item:hover.ruf-unminimized-mode, .ruf-sidemenu-popup-backdrop + * .mat-menu-content .ruf-menu-item:hover.ruf-minimized-mode, .ruf-sidemenu-popup-backdrop + * .mat-menu-content .ruf-menu-item:focus.ruf-unminimized-mode, .ruf-sidemenu-popup-backdrop + * .mat-menu-content .ruf-menu-item:focus.ruf-minimized-mode {
  background-color: inherit;
}

.ruf-sidemenu-popup-backdrop + * .mat-menu-content .ruf-sidemenu-children {
  background: transparent;
}

.ruf-sidemenu-popup-backdrop + * .mat-menu-content .ruf-sidemenu-children .ruf-menu-item:hover, .ruf-sidemenu-popup-backdrop + * .mat-menu-content .ruf-sidemenu-children .ruf-menu-item:focus {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-sidemenu-popup-backdrop + * .mat-menu-panel {
  border-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-menubar:not(.ruf-menubar-rtl).ruf-primary .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--primary, #4bcd3e);
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-menubar:not(.ruf-menubar-rtl).ruf-accent .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--accent, #009775);
  border-right-color: var(--accent, #009775);
}

.ruf-menubar:not(.ruf-menubar-rtl).ruf-emphasis .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--emphasis, #ffcd00);
  border-right-color: var(--emphasis, #ffcd00);
}

.ruf-menubar:not(.ruf-menubar-rtl) .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--primary, #4bcd3e);
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-menubar:not(.ruf-menubar-rtl).ruf-menubar-inkbar-start.ruf-primary .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--primary, #4bcd3e);
  border-left-color: var(--primary, #4bcd3e);
  border-right-color: transparent;
}

.ruf-menubar:not(.ruf-menubar-rtl).ruf-menubar-inkbar-start.ruf-accent .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--accent, #009775);
  border-left-color: var(--accent, #009775);
  border-right-color: transparent;
}

.ruf-menubar:not(.ruf-menubar-rtl).ruf-menubar-inkbar-start.ruf-emphasis .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--emphasis, #ffcd00);
  border-left-color: var(--emphasis, #ffcd00);
  border-right-color: transparent;
}

.ruf-menubar:not(.ruf-menubar-rtl).ruf-menubar-inkbar-start .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--primary, #4bcd3e);
  border-left-color: var(--primary, #4bcd3e);
  border-right-color: transparent;
}

.ruf-menubar.ruf-menubar-rtl.ruf-primary .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--primary, #4bcd3e);
  border-left-color: var(--primary, #4bcd3e);
}

.ruf-menubar.ruf-menubar-rtl.ruf-accent .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--accent, #009775);
  border-left-color: var(--accent, #009775);
}

.ruf-menubar.ruf-menubar-rtl.ruf-emphasis .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--emphasis, #ffcd00);
  border-left-color: var(--emphasis, #ffcd00);
}

.ruf-menubar.ruf-menubar-rtl .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--primary, #4bcd3e);
  border-left-color: var(--primary, #4bcd3e);
}

.ruf-menubar.ruf-menubar-rtl.ruf-menubar-inkbar-start.ruf-primary .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--primary, #4bcd3e);
  border-right-color: var(--primary, #4bcd3e);
  border-left-color: transparent;
}

.ruf-menubar.ruf-menubar-rtl.ruf-menubar-inkbar-start.ruf-accent .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--accent, #009775);
  border-right-color: var(--accent, #009775);
  border-left-color: transparent;
}

.ruf-menubar.ruf-menubar-rtl.ruf-menubar-inkbar-start.ruf-emphasis .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--emphasis, #ffcd00);
  border-right-color: var(--emphasis, #ffcd00);
  border-left-color: transparent;
}

.ruf-menubar.ruf-menubar-rtl.ruf-menubar-inkbar-start .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--primary, #4bcd3e);
  border-right-color: var(--primary, #4bcd3e);
  border-left-color: transparent;
}

.ruf-menubar-item, [rufMenubarItem] {
  color: inherit;
}

.ruf-menubar-item:hover, [rufMenubarItem]:hover {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-menubar-item:focus, [rufMenubarItem]:focus {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

[light].ruf-menubar-item:hover, [light] [rufMenubarItem]:hover, [light].ruf-menubar-item:focus, [light] [rufMenubarItem]:focus {
  background-color: var(--ruf-background-contrast, #012834);
}

.ruf-sidemenu:not(.ruf-sidemenu-rtl).ruf-primary .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel:not(.ruf-sidemenu-rtl).ruf-primary .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--primary, #4bcd3e);
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-sidemenu:not(.ruf-sidemenu-rtl).ruf-accent .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel:not(.ruf-sidemenu-rtl).ruf-accent .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--accent, #009775);
  border-right-color: var(--accent, #009775);
}

.ruf-sidemenu:not(.ruf-sidemenu-rtl).ruf-emphasis .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel:not(.ruf-sidemenu-rtl).ruf-emphasis .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--emphasis, #ffcd00);
  border-right-color: var(--emphasis, #ffcd00);
}

.ruf-sidemenu:not(.ruf-sidemenu-rtl) .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel:not(.ruf-sidemenu-rtl) .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--primary, #4bcd3e);
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-sidemenu:not(.ruf-sidemenu-rtl).ruf-menubar-inkbar-start.ruf-primary .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel:not(.ruf-sidemenu-rtl).ruf-menubar-inkbar-start.ruf-primary .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--primary, #4bcd3e);
  border-left-color: var(--primary, #4bcd3e);
  border-right-color: transparent;
}

.ruf-sidemenu:not(.ruf-sidemenu-rtl).ruf-menubar-inkbar-start.ruf-accent .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel:not(.ruf-sidemenu-rtl).ruf-menubar-inkbar-start.ruf-accent .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--accent, #009775);
  border-left-color: var(--accent, #009775);
  border-right-color: transparent;
}

.ruf-sidemenu:not(.ruf-sidemenu-rtl).ruf-menubar-inkbar-start.ruf-emphasis .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel:not(.ruf-sidemenu-rtl).ruf-menubar-inkbar-start.ruf-emphasis .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--emphasis, #ffcd00);
  border-left-color: var(--emphasis, #ffcd00);
  border-right-color: transparent;
}

.ruf-sidemenu:not(.ruf-sidemenu-rtl).ruf-menubar-inkbar-start .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel:not(.ruf-sidemenu-rtl).ruf-menubar-inkbar-start .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--primary, #4bcd3e);
  border-left-color: var(--primary, #4bcd3e);
  border-right-color: transparent;
}

.ruf-sidemenu.ruf-sidemenu-rtl.ruf-primary .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel.ruf-sidemenu-rtl.ruf-primary .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--primary, #4bcd3e);
  border-left-color: var(--primary, #4bcd3e);
}

.ruf-sidemenu.ruf-sidemenu-rtl.ruf-accent .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel.ruf-sidemenu-rtl.ruf-accent .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--accent, #009775);
  border-left-color: var(--accent, #009775);
}

.ruf-sidemenu.ruf-sidemenu-rtl.ruf-emphasis .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel.ruf-sidemenu-rtl.ruf-emphasis .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--emphasis, #ffcd00);
  border-left-color: var(--emphasis, #ffcd00);
}

.ruf-sidemenu.ruf-sidemenu-rtl .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel.ruf-sidemenu-rtl .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: var(--primary, #4bcd3e);
  border-left-color: var(--primary, #4bcd3e);
}

.ruf-sidemenu.ruf-sidemenu-rtl.ruf-menubar-inkbar-start.ruf-primary .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel.ruf-sidemenu-rtl.ruf-menubar-inkbar-start.ruf-primary .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--primary, #4bcd3e);
  border-right-color: var(--primary, #4bcd3e);
  border-left-color: transparent;
}

.ruf-sidemenu.ruf-sidemenu-rtl.ruf-menubar-inkbar-start.ruf-accent .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel.ruf-sidemenu-rtl.ruf-menubar-inkbar-start.ruf-accent .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--accent, #009775);
  border-right-color: var(--accent, #009775);
  border-left-color: transparent;
}

.ruf-sidemenu.ruf-sidemenu-rtl.ruf-menubar-inkbar-start.ruf-emphasis .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel.ruf-sidemenu-rtl.ruf-menubar-inkbar-start.ruf-emphasis .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--emphasis, #ffcd00);
  border-right-color: var(--emphasis, #ffcd00);
  border-left-color: transparent;
}

.ruf-sidemenu.ruf-sidemenu-rtl.ruf-menubar-inkbar-start .ruf-menubar-item-active:not(.ruf-active), .ruf-sidemenu-popup-backdrop + * .mat-menu-panel.ruf-sidemenu-rtl.ruf-menubar-inkbar-start .ruf-menubar-item-active:not(.ruf-active) {
  border-bottom-color: transparent;
  border-top-color: var(--primary, #4bcd3e);
  border-right-color: var(--primary, #4bcd3e);
  border-left-color: transparent;
}

.ruf-sidemenu .ruf-menu-item.ruf-toggle-chevron::after, .ruf-sidemenu .ruf-menu-item.ruf-toggle-arrow::after, .ruf-sidemenu-popup-backdrop + * .mat-menu-panel .ruf-menu-item.ruf-toggle-chevron::after, .ruf-sidemenu-popup-backdrop + * .mat-menu-panel .ruf-menu-item.ruf-toggle-arrow::after {
  color: var(--primary, #4bcd3e);
}

.ruf-sidemenu {
  background: inherit;
  color: inherit;
}

.ruf-sidemenu:not(.ruf-sidemenu-rtl) {
  box-shadow: none;
}

.ruf-sidemenu.ruf-sidemenu-rtl {
  box-shadow: none;
}

.ruf-sidemenu:not([light]) .ruf-menu-item {
  color: inherit;
}

.ruf-sidemenu:not([light]) .ruf-menu-item.ruf-active {
  background: transparent;
}

.ruf-sidemenu:not([light]) .ruf-menu-item:hover, .ruf-sidemenu:not([light]) .ruf-menu-item:focus {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-sidemenu:not([light]) .ruf-menu-item:hover.ruf-unminimized-mode, .ruf-sidemenu:not([light]) .ruf-menu-item:hover.ruf-minimized-mode, .ruf-sidemenu:not([light]) .ruf-menu-item:focus.ruf-unminimized-mode, .ruf-sidemenu:not([light]) .ruf-menu-item:focus.ruf-minimized-mode {
  background-color: inherit;
}

.ruf-sidemenu:not([light]) .ruf-sidemenu-children {
  background: transparent;
}

.ruf-sidemenu:not([light]) .ruf-sidemenu-children .ruf-menu-item:hover, .ruf-sidemenu:not([light]) .ruf-sidemenu-children .ruf-menu-item:focus {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-sidemenu[light] .ruf-menu-item {
  color: inherit;
}

.ruf-sidemenu[light] .ruf-menu-item.ruf-active {
  background: var(--ruf-background-hover-dark, rgba(0, 0, 0, 0.16));
}

.ruf-sidemenu[light] .ruf-menu-item:hover, .ruf-sidemenu[light] .ruf-menu-item:focus {
  background: var(--ruf-background-hover-dark, rgba(0, 0, 0, 0.16));
}

.ruf-sidemenu[light] .ruf-menu-item:hover.ruf-unminimized-mode, .ruf-sidemenu[light] .ruf-menu-item:hover.ruf-minimized-mode, .ruf-sidemenu[light] .ruf-menu-item:focus.ruf-unminimized-mode, .ruf-sidemenu[light] .ruf-menu-item:focus.ruf-minimized-mode {
  background-color: inherit;
}

.ruf-sidemenu[light] .ruf-sidemenu-children {
  background: var(--ruf-background-hover-dark, rgba(0, 0, 0, 0.16));
}

.ruf-sidemenu[light] .ruf-sidemenu-children .ruf-menu-item:hover, .ruf-sidemenu[light] .ruf-sidemenu-children .ruf-menu-item:focus {
  background: transparent;
}

.ruf-footer {
  background: var(--ruf-background-footer, white);
  border-top-color: var(--ruf-foreground-border, #dfdfdf);
  color: var(--ruf-foreground-text, #012834);
}

.ruf-app-canvas {
  background: var(--ruf-background-app-canvas, #f4f4f4);
  color: var(--ruf-foreground-text, #012834);
}

.ruf-page-header .ruf-page-header-icon {
  background: var(--ruf-background-contrast-overlay-2, #015b7e);
  color: var(--ruf-foreground-lighter-text, white);
}

.ruf-page-header .ruf-primary .ruf-page-header-icon {
  background-color: var(--ruf-background-icon, rgba(0, 0, 0, 0.3));
  color: inherit;
}

.ruf-page-header .ruf-accent .ruf-page-header-icon {
  background-color: var(--ruf-background-icon, rgba(0, 0, 0, 0.3));
  color: inherit;
}

.ruf-page-header .ruf-warn .ruf-page-header-icon {
  background-color: var(--ruf-background-icon, rgba(0, 0, 0, 0.3));
  color: inherit;
}

.ruf-page-header .ruf-emphasis .ruf-page-header-icon {
  background-color: var(--ruf-background-icon, rgba(0, 0, 0, 0.3));
  color: inherit;
}

.ruf-navbar {
  background: inherit;
  color: inherit;
}

.cdk-overlay-pane mat-dialog-container.mat-dialog-container {
  box-shadow: none;
}

.ruf-dialog-container {
  background: var(--ruf-background-dialog, white);
}

.ruf-dialog-header {
  color: var(--ruf-foreground-text, #012834);
}

.ruf-dialog-header .mat-icon-button {
  color: var(--ruf-foreground-text, #012834);
}

.ruf-dialog-separator {
  border-color: var(--ruf-foreground-subtle-divider, lightgray);
}

.ruf-dialog-panel:focus {
  outline: none;
}

.ruf-megamenu {
  background: var(--ruf-background-panel, white);
  color: var(--ruf-foreground-text, #012834);
}

.ruf-megamenu .ruf-sidemenu .ruf-sidemenu-item.ruf-menu-item:hover {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-megamenu .ruf-sidemenu .ruf-menubar-item-active {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-megamenu .ruf-sidemenu .ruf-menubar-item-active:focus {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-megamenu .ruf-search-divider {
  border-top-color: var(--ruf-background-secondary, #b3bfc2);
}

.ruf-content-heading {
  color: var(--ruf-foreground-text, #012834);
}

.ruf-filter-box .ruf-focus {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.ruf-filter-box:not(.ruf-filter-box-rtl) .ruf-filter-box-group:not(.ruf-focus) {
  border-left-color: transparent;
}

.ruf-filter-box:not(.ruf-filter-box-rtl) .ruf-focus {
  border-left-color: var(--primary, #4bcd3e);
}

.ruf-filter-box.ruf-filter-box-rtl .ruf-filter-box-group:not(.ruf-focus) {
  border-right-color: transparent;
}

.ruf-filter-box.ruf-filter-box-rtl .ruf-focus {
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-sitemap-container {
  background-color: var(--ruf-background-panel, white);
  border-color: var(--ruf-background-panel, white);
}

.ruf-dropdown-panel-container {
  background: var(--ruf-background-panel, white);
  border-color: var(--ruf-foreground-border, #dfdfdf);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
  outline: none;
}

.ruf-dropdown-panel-container.cdk-keyboard-focused {
  border-color: var(--emphasis, #ffcd00);
}

.ruf-popover-menu {
  border-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-dropdown-panel-wrapper {
  background: var(--ruf-background-backdrop-overlay, rgba(0, 0, 0, 0.2));
}

.ruf-panel-center-arrow-up::after, .ruf-panel-center-arrow-up::before,
.ruf-panel-center-arrow-down::after, .ruf-panel-center-arrow-down::before,
.ruf-panel-left-arrow-up::after, .ruf-panel-left-arrow-up::before,
.ruf-panel-left-arrow-center::after, .ruf-panel-left-arrow-center::before,
.ruf-panel-left-arrow-down::after, .ruf-panel-left-arrow-down::before,
.ruf-panel-right-arrow-up::after, .ruf-panel-right-arrow-up::before,
.ruf-panel-right-arrow-center::after, .ruf-panel-right-arrow-center::before,
.ruf-panel-right-arrow-down::after, .ruf-panel-right-arrow-down::before {
  border-color: transparent;
}

.ruf-panel-center-arrow-up::after, .ruf-panel-left-arrow-up::after, .ruf-panel-right-arrow-up::after {
  border-bottom-color: var(--ruf-background-panel, white);
}

.ruf-panel-center-arrow-up::before, .ruf-panel-left-arrow-up::before, .ruf-panel-right-arrow-up::before {
  border-bottom-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-panel-center-arrow-up.cdk-keyboard-focused::before, .ruf-panel-left-arrow-up.cdk-keyboard-focused::before, .ruf-panel-right-arrow-up.cdk-keyboard-focused::before {
  border-bottom-color: var(--emphasis, #ffcd00);
}

.ruf-panel-center-arrow-down::after, .ruf-panel-left-arrow-down::after, .ruf-panel-right-arrow-down::after {
  border-top-color: var(--ruf-background-panel, white);
}

.ruf-panel-center-arrow-down::before, .ruf-panel-left-arrow-down::before, .ruf-panel-right-arrow-down::before {
  border-top-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-panel-center-arrow-down.cdk-keyboard-focused::before, .ruf-panel-left-arrow-down.cdk-keyboard-focused::before, .ruf-panel-right-arrow-down.cdk-keyboard-focused::before {
  border-top-color: var(--emphasis, #ffcd00);
}

.ruf-dropdown-panel-container:not(.ruf-dropdown-panel-rtl).ruf-panel-left-arrow-center::after {
  border-left-color: var(--ruf-background-panel, white);
}

.ruf-dropdown-panel-container:not(.ruf-dropdown-panel-rtl).ruf-panel-left-arrow-center::before {
  border-left-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-dropdown-panel-container:not(.ruf-dropdown-panel-rtl).ruf-panel-left-arrow-center.cdk-keyboard-focused::before {
  border-left-color: var(--emphasis, #ffcd00);
}

.ruf-dropdown-panel-container:not(.ruf-dropdown-panel-rtl).ruf-panel-right-arrow-center::after {
  border-right-color: var(--ruf-background-panel, white);
}

.ruf-dropdown-panel-container:not(.ruf-dropdown-panel-rtl).ruf-panel-right-arrow-center::before {
  border-right-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-dropdown-panel-container:not(.ruf-dropdown-panel-rtl).ruf-panel-right-arrow-center.cdk-keyboard-focused::before {
  border-right-color: var(--emphasis, #ffcd00);
}

.ruf-dropdown-panel-container.ruf-dropdown-panel-rtl.ruf-panel-left-arrow-center::after {
  border-right-color: var(--ruf-background-panel, white);
}

.ruf-dropdown-panel-container.ruf-dropdown-panel-rtl.ruf-panel-left-arrow-center::before {
  border-right-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-dropdown-panel-container.ruf-dropdown-panel-rtl.ruf-panel-left-arrow-center.cdk-keyboard-focused::before {
  border-right-color: var(--emphasis, #ffcd00);
}

.ruf-dropdown-panel-container.ruf-dropdown-panel-rtl.ruf-panel-right-arrow-center::after {
  border-left-color: var(--ruf-background-panel, white);
}

.ruf-dropdown-panel-container.ruf-dropdown-panel-rtl.ruf-panel-right-arrow-center::before {
  border-left-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-dropdown-panel-container.ruf-dropdown-panel-rtl.ruf-panel-right-arrow-center.cdk-keyboard-focused::before {
  border-left-color: var(--emphasis, #ffcd00);
}

.mat-card {
  box-shadow: none;
}

.ruf-card-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.ruf-card-panel .ruf-card-title {
  color: var(--ruf-foreground-text, #012834);
}

.ruf-card-panel .ruf-card-subtitle, .ruf-card-panel .ruf-card-metric-description {
  color: var(--ruf-foreground-text, #012834);
}

.ruf-card-panel .ruf-card-expand {
  color: var(--ruf-foreground-text, #012834);
}

.ruf-card-panel.mat-card {
  border-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-card-canvas {
  background-color: var(--ruf-background-card-canvas, #e5e5e5);
}

.ruf-sitemap {
  color: inherit;
}

.ruf-sitemap .ruf-sitemap-children .ruf-title {
  color: inherit;
}

.ruf-sitemap .ruf-sitemap-children li a,
.ruf-sitemap .ruf-sitemap-children li .mat-icon {
  color: var(--ruf-foreground-link, #285bc5);
}

.ruf-sitemap a .ruf-highlight {
  color: var(--ruf-foreground-link, #285bc5);
}

.ruf-sitemap::-webkit-scrollbar-thumb {
  background-color: var(--primary, #4bcd3e);
}

.ruf-sitemap::-webkit-scrollbar-button {
  display: none;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary {
  background-color: var(--primary-50, #e9f9e8);
  border-color: var(--primary, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
  border-left-color: var(--primary, #4bcd3e);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--primary-50, #e9f9e8);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .ruf-statusbar-close:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .ruf-statusbar-expand:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--primary-100, #c9f0c5);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary.ruf-statusbar-noborder {
  border-left-color: var(--primary, #4bcd3e);
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .ruf-statusbar-header-actions .mat-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--primary-100, #c9f0c5);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-primary .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent {
  background-color: var(--accent-50, #e0f3ee);
  border-color: var(--accent, #009775);
  color: var(--ruf-foreground-text, #012834);
  border-left-color: var(--accent, #009775);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--accent-50, #e0f3ee);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .ruf-statusbar-close:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .ruf-statusbar-expand:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--accent-100, #b3e0d6);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent.ruf-statusbar-noborder {
  border-left-color: var(--accent, #009775);
  border-right-color: var(--accent, #009775);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .ruf-statusbar-header-actions .mat-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--accent-100, #b3e0d6);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-accent .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis {
  background-color: var(--emphasis-50, #fff9e0);
  border-color: var(--emphasis, #ffcd00);
  color: var(--ruf-foreground-text, #012834);
  border-left-color: var(--emphasis, #ffcd00);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--emphasis-50, #fff9e0);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .ruf-statusbar-close:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .ruf-statusbar-expand:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--emphasis-100, #fff0b3);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis.ruf-statusbar-noborder {
  border-left-color: var(--emphasis, #ffcd00);
  border-right-color: var(--emphasis, #ffcd00);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .ruf-statusbar-header-actions .mat-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--emphasis-100, #fff0b3);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-emphasis .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn {
  background-color: var(--warn-50, #fff1ec);
  border-color: var(--warn, #fd8d62);
  color: var(--ruf-foreground-text, #012834);
  border-left-color: var(--warn, #fd8d62);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--warn-50, #fff1ec);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-close:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-expand:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--warn-100, #feddd0);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn.ruf-statusbar-noborder {
  border-left-color: var(--warn, #fd8d62);
  border-right-color: var(--warn, #fd8d62);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-header-actions .mat-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--warn-100, #feddd0);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success {
  background-color: var(--success-50, #e9f9e8);
  border-color: var(--success, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
  border-left-color: var(--success, #4bcd3e);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--success-50, #e9f9e8);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-close:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-expand:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--success-100, #c9f0c5);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success.ruf-statusbar-noborder {
  border-left-color: var(--success, #4bcd3e);
  border-right-color: var(--success, #4bcd3e);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-header-actions .mat-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--success-100, #c9f0c5);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error {
  background-color: var(--error-50, #ffe4e8);
  border-color: var(--error, #ff1f3e);
  color: var(--ruf-foreground-text, #012834);
  border-left-color: var(--error, #ff1f3e);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--error-50, #ffe4e8);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-close:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-expand:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--error-100, #ffbcc5);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error.ruf-statusbar-noborder {
  border-left-color: var(--error, #ff1f3e);
  border-right-color: var(--error, #ff1f3e);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-header-actions .mat-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--error-100, #ffbcc5);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info {
  background-color: var(--info-50, #e7f9fd);
  border-color: var(--info, #3bcff0);
  color: var(--ruf-foreground-text, #012834);
  border-left-color: var(--info, #3bcff0);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--info-50, #e7f9fd);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .ruf-statusbar-close:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .ruf-statusbar-expand:hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--info-100, #c4f1fb);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info.ruf-statusbar-noborder {
  border-left-color: var(--info, #3bcff0);
  border-right-color: var(--info, #3bcff0);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .ruf-statusbar-header-actions .mat-button, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--info-100, #c4f1fb);
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-info .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-primary {
  background-color: var(--primary-50, #e9f9e8);
  border-color: var(--primary, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--primary-50, #e9f9e8);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .ruf-statusbar-close:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .ruf-statusbar-expand:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--primary-100, #c9f0c5);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-primary.ruf-statusbar-noborder {
  border-right-color: var(--primary, #4bcd3e);
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-primary .ruf-statusbar-header-actions .mat-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-primary .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar.ruf-statusbar-rtl.ruf-primary .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--primary-100, #c9f0c5);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-primary .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-accent {
  background-color: var(--accent-50, #e0f3ee);
  border-color: var(--accent, #009775);
  color: var(--ruf-foreground-text, #012834);
  border-right-color: var(--accent, #009775);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--accent-50, #e0f3ee);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .ruf-statusbar-close:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .ruf-statusbar-expand:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--accent-100, #b3e0d6);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-accent.ruf-statusbar-noborder {
  border-right-color: var(--accent, #009775);
  border-right-color: var(--accent, #009775);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-accent .ruf-statusbar-header-actions .mat-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-accent .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar.ruf-statusbar-rtl.ruf-accent .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--accent-100, #b3e0d6);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-accent .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis {
  background-color: var(--emphasis-50, #fff9e0);
  border-color: var(--emphasis, #ffcd00);
  color: var(--ruf-foreground-text, #012834);
  border-right-color: var(--emphasis, #ffcd00);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--emphasis-50, #fff9e0);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .ruf-statusbar-close:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .ruf-statusbar-expand:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--emphasis-100, #fff0b3);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis.ruf-statusbar-noborder {
  border-right-color: var(--emphasis, #ffcd00);
  border-right-color: var(--emphasis, #ffcd00);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .ruf-statusbar-header-actions .mat-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--emphasis-100, #fff0b3);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-emphasis .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-warn {
  background-color: var(--warn-50, #fff1ec);
  border-color: var(--warn, #fd8d62);
  color: var(--ruf-foreground-text, #012834);
  border-right-color: var(--warn, #fd8d62);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--warn-50, #fff1ec);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .ruf-statusbar-close:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .ruf-statusbar-expand:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--warn-100, #feddd0);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-warn.ruf-statusbar-noborder {
  border-right-color: var(--warn, #fd8d62);
  border-right-color: var(--warn, #fd8d62);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-warn .ruf-statusbar-header-actions .mat-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-warn .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar.ruf-statusbar-rtl.ruf-warn .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--warn-100, #feddd0);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-warn .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-success {
  background-color: var(--success-50, #e9f9e8);
  border-color: var(--success, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
  border-right-color: var(--success, #4bcd3e);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-success .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--success-50, #e9f9e8);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-success .ruf-statusbar-close:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-success .ruf-statusbar-expand:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-success .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-success .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--success-100, #c9f0c5);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-success .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-success .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-success .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-success .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-success.ruf-statusbar-noborder {
  border-right-color: var(--success, #4bcd3e);
  border-right-color: var(--success, #4bcd3e);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-success .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-success .ruf-statusbar-header-actions .mat-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-success .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-success .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar.ruf-statusbar-rtl.ruf-success .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-success .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-success .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--success-100, #c9f0c5);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-success .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-success .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-error {
  background-color: var(--error-50, #ffe4e8);
  border-color: var(--error, #ff1f3e);
  color: var(--ruf-foreground-text, #012834);
  border-right-color: var(--error, #ff1f3e);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-error .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--error-50, #ffe4e8);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-error .ruf-statusbar-close:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-error .ruf-statusbar-expand:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-error .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-error .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--error-100, #ffbcc5);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-error .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-error .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-error .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-error .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-error.ruf-statusbar-noborder {
  border-right-color: var(--error, #ff1f3e);
  border-right-color: var(--error, #ff1f3e);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-error .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-error .ruf-statusbar-header-actions .mat-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-error .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-error .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar.ruf-statusbar-rtl.ruf-error .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-error .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-error .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--error-100, #ffbcc5);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-error .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-error .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-info {
  background-color: var(--info-50, #e7f9fd);
  border-color: var(--info, #3bcff0);
  color: var(--ruf-foreground-text, #012834);
  border-right-color: var(--info, #3bcff0);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-info .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: var(--info-50, #e7f9fd);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-info .ruf-statusbar-close:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-info .ruf-statusbar-expand:hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-info .ruf-statusbar-close.cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-info .ruf-statusbar-expand.cdk-keyboard-focused {
  background-color: var(--info-100, #c4f1fb);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-info .ruf-statusbar-close:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-info .ruf-statusbar-expand:hover .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-info .ruf-statusbar-close.cdk-keyboard-focused .mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-info .ruf-statusbar-expand.cdk-keyboard-focused .mat-button-focus-overlay {
  opacity: 0;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-info.ruf-statusbar-noborder {
  border-right-color: var(--info, #3bcff0);
  border-right-color: var(--info, #3bcff0);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-info .ruf-statusbar-header-actions .mat-icon-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-info .ruf-statusbar-header-actions .mat-button, .ruf-statusbar.ruf-statusbar-rtl.ruf-info .ruf-statusbar-header-actions .mat-button:hover {
  color: inherit;
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-info .mat-button:not(.mat-button-disabled):hover, .ruf-statusbar.ruf-statusbar-rtl.ruf-info .mat-button:not(.mat-button-disabled).cdk-keyboard-focused,
.ruf-statusbar.ruf-statusbar-rtl.ruf-info .mat-icon-button:not(.mat-button-disabled):hover,
.ruf-statusbar.ruf-statusbar-rtl.ruf-info .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused {
  background-color: var(--info-100, #c4f1fb);
}

.ruf-statusbar.ruf-statusbar-rtl.ruf-info .mat-button:not(.mat-button-disabled) span.mat-button-focus-overlay,
.ruf-statusbar.ruf-statusbar-rtl.ruf-info .mat-icon-button:not(.mat-button-disabled) span.mat-button-focus-overlay {
  opacity: 0;
}

.ruf-ellipsis {
  background-color: inherit;
}

.ruf-ellipsis div, .ruf-ellipsis span {
  background-color: inherit;
}

.ruf-side-panel .ruf-side-panel-container {
  background-color: var(--ruf-background-panel, white);
  border-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron.mat-default:not(.mat-button-disabled) {
  background-color: var(--ruf-background-contrast, #012834);
  border-color: var(--ruf-foreground-text, #012834);
  color: var(--ruf-foreground-lighter-text, white);
}

.ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron.mat-default:not(.mat-button-disabled):hover, .ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron.mat-default:not(.mat-button-disabled):focus {
  background-color: var(--ruf-background-base, white);
  color: var(--ruf-foreground-text, #012834);
}

.ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron.mat-primary:not(.mat-button-disabled):hover, .ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron.mat-primary:not(.mat-button-disabled):focus {
  background-color: var(--ruf-background-base, white);
  color: var(--ruf-foreground-text, #012834);
}

.ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron:not(.ruf-side-panel-toggle-direction-left):not(.ruf-side-panel-toggle-rtl).cdk-keyboard-focused, .ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron.ruf-side-panel-toggle-rtl.ruf-side-panel-toggle-direction-left.cdk-keyboard-focused, .ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron:not(.ruf-side-panel-toggle-direction-left):not(.ruf-side-panel-toggle-rtl).cdk-program-focused, .ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron.ruf-side-panel-toggle-rtl.ruf-side-panel-toggle-direction-left.cdk-program-focused {
  box-shadow: -0.125rem 0 0 var(--emphasis, #ffcd00), 0 0.125rem 0 var(--emphasis, #ffcd00), 0 -0.125rem 0 var(--emphasis, #ffcd00);
}

.ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron.ruf-side-panel-toggle-direction-left:not(.ruf-side-panel-toggle-rtl).cdk-keyboard-focused, .ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron.ruf-side-panel-toggle-rtl:not(.ruf-side-panel-toggle-direction-left).cdk-keyboard-focused, .ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron.ruf-side-panel-toggle-direction-left:not(.ruf-side-panel-toggle-rtl).cdk-program-focused, .ruf-side-panel-toggle.mat-raised-button.ruf-toggle-chevron.ruf-side-panel-toggle-rtl:not(.ruf-side-panel-toggle-direction-left).cdk-program-focused {
  box-shadow: 0.125rem 0px 0 var(--emphasis, #ffcd00), 0px 0.125rem 0 var(--emphasis, #ffcd00), 0px -0.125rem 0 var(--emphasis, #ffcd00);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-primary.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-primary.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--primary, #4bcd3e);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-accent.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-accent.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--accent, #009775);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-warn.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-warn.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--warn, #fd8d62);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-emphasis.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-emphasis.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--emphasis, #ffcd00);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-success.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-success.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--success, #4bcd3e);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-error.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-error.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--error, #ff1f3e);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-info.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-info.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--info, #3bcff0);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-primary.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-primary.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--primary, #4bcd3e);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-accent.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-accent.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--accent, #009775);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-warn.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-warn.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--warn, #fd8d62);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-emphasis.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-emphasis.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--emphasis, #ffcd00);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-success.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-success.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--success, #4bcd3e);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-error.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-error.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--error, #ff1f3e);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-info.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-info.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--info, #3bcff0);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-primary.ruf-inkbar-left .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-primary.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--primary, #4bcd3e);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-accent.ruf-inkbar-left .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-accent.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--accent, #009775);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-warn.ruf-inkbar-left .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-warn.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--warn, #fd8d62);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-emphasis.ruf-inkbar-left .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-emphasis.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--emphasis, #ffcd00);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-success.ruf-inkbar-left .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-success.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--success, #4bcd3e);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-error.ruf-inkbar-left .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-error.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--error, #ff1f3e);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-info.ruf-inkbar-left .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-info.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--info, #3bcff0);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-primary.ruf-inkbar-right .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-primary.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-accent.ruf-inkbar-right .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-accent.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--accent, #009775);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-warn.ruf-inkbar-right .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-warn.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--warn, #fd8d62);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-emphasis.ruf-inkbar-right .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-emphasis.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--emphasis, #ffcd00);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-success.ruf-inkbar-right .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-success.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--success, #4bcd3e);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-error.ruf-inkbar-right .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-error.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--error, #ff1f3e);
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-info.ruf-inkbar-right .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar:not(.ruf-inkbar-rtl).ruf-inkbar-info.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--info, #3bcff0);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-primary.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-primary.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--primary, #4bcd3e);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-accent.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-accent.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--accent, #009775);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-warn.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-warn.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--warn, #fd8d62);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-emphasis.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-emphasis.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--emphasis, #ffcd00);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-success.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-success.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--success, #4bcd3e);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-error.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-error.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--error, #ff1f3e);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-info.ruf-inkbar-top .ruf-inkbar-item {
  border-top-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-info.ruf-inkbar-top .ruf-inkbar-item.ruf-inkbar-active {
  border-top-color: var(--info, #3bcff0);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-primary.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-primary.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--primary, #4bcd3e);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-accent.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-accent.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--accent, #009775);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-warn.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-warn.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--warn, #fd8d62);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-emphasis.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-emphasis.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--emphasis, #ffcd00);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-success.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-success.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--success, #4bcd3e);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-error.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-error.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--error, #ff1f3e);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-info.ruf-inkbar-bottom .ruf-inkbar-item {
  border-bottom-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-info.ruf-inkbar-bottom .ruf-inkbar-item.ruf-inkbar-active {
  border-bottom-color: var(--info, #3bcff0);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-primary.ruf-inkbar-left .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-primary.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-accent.ruf-inkbar-left .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-accent.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--accent, #009775);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-warn.ruf-inkbar-left .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-warn.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--warn, #fd8d62);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-emphasis.ruf-inkbar-left .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-emphasis.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--emphasis, #ffcd00);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-success.ruf-inkbar-left .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-success.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--success, #4bcd3e);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-error.ruf-inkbar-left .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-error.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--error, #ff1f3e);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-info.ruf-inkbar-left .ruf-inkbar-item {
  border-right-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-info.ruf-inkbar-left .ruf-inkbar-item.ruf-inkbar-active {
  border-right-color: var(--info, #3bcff0);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-primary.ruf-inkbar-right .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-primary.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--primary, #4bcd3e);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-accent.ruf-inkbar-right .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-accent.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--accent, #009775);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-warn.ruf-inkbar-right .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-warn.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--warn, #fd8d62);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-emphasis.ruf-inkbar-right .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-emphasis.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--emphasis, #ffcd00);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-success.ruf-inkbar-right .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-success.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--success, #4bcd3e);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-error.ruf-inkbar-right .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-error.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--error, #ff1f3e);
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-info.ruf-inkbar-right .ruf-inkbar-item {
  border-left-color: transparent;
}

.ruf-inkbar.ruf-inkbar-rtl.ruf-inkbar-info.ruf-inkbar-right .ruf-inkbar-item.ruf-inkbar-active {
  border-left-color: var(--info, #3bcff0);
}

.ruf-scrollbar::-webkit-scrollbar-track {
  background-color: var(--ruf-background-scrollbar-track, #f4f4f4);
}

.ruf-scrollbar ::-webkit-scrollbar-track {
  background-color: var(--ruf-background-scrollbar-track, #f4f4f4);
}

.ruf-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--ruf-background-scrollbar-thumb, #a7a7a7);
}

.ruf-scrollbar ::-webkit-scrollbar-thumb {
  background-color: var(--ruf-background-scrollbar-thumb, #a7a7a7);
}

.ruf-scrollbar *, .ruf-scrollbar {
  scrollbar-color: var(--ruf-background-scrollbar-thumb, #a7a7a7) var(--ruf-background-scrollbar-track, #f4f4f4);
}

.ruf-toolbar {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-banner-header {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-banner-brand-title {
  font-family: var(--ruf-banner-brand-title-font-family, "Titillium Web", Arial, sans-serif);
  font-size: var(--ruf-banner-brand-title-font-size, 1.125rem);
  font-weight: var(--ruf-banner-brand-title-font-weight, bold);
  line-height: var(--ruf-banner-brand-title-line-height, 1);
}

.ruf-banner-brand.ruf-banner-brand-title-bold .ruf-banner-brand-title {
  font-family: var(--ruf-banner-brand-title-2-font-family, RisingSun, Roboto, Arial, sans-serif);
  font-size: var(--ruf-banner-brand-title-2-font-size, 1rem);
  font-weight: var(--ruf-banner-brand-title-2-font-weight, bold);
  letter-spacing: 0.22rem;
  line-height: var(--ruf-banner-brand-title-2-line-height, 1.19);
}

.ruf-dynamic-menubar {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-dynamic-menubar .mat-tab-label,
.ruf-dynamic-menubar .mat-tab-label .mat-tab-label-content > a,
.ruf-dynamic-menubar .mat-tab-link {
  font-family: var(--ruf-dynamic-menubar-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-dynamic-menubar-font-size, 14px);
  font-weight: var(--ruf-dynamic-menubar-font-weight, 400);
}

.ruf-dynamic-menubar.ruf-dynamic-menubar-flex-height .mat-tab-label .mat-tab-label-content > a {
  line-height: inherit;
}

.ruf-dynamic-menubar.ruf-dynamic-menubar-flex-height .mat-tab-labels > .mat-tab-label {
  line-height: inherit;
}

.ruf-dynamic-menubar .mat-tab-labels > .mat-tab-label {
  line-height: var(--ruf-dynamic-menubar-line-height, 44px);
}

.ruf-dynamic-menubar .mat-tab-label-active,
.ruf-dynamic-menubar .mat-tab-label-active .mat-tab-label-content > a {
  font-weight: var(--ruf-bold-font-weight, 700);
}

.ruf-dynamic-sidemenu {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-dynamic-sidemenu .ruf-dynamic-sidemenu-section-header-italic {
  font-style: italic;
}

.ruf-dynamic-sidemenu .ruf-dynamic-sidemenu-section-header-uppercase {
  text-transform: uppercase;
}

.ruf-dynamic-sidemenu .ruf-inline-sticky-button-container ruf-labeled-icon span {
  font-size: var(--ruf-menu-item-font-size, 18px);
}

.ruf-sidemenu-children .ruf-side-menu-popup-title {
  font-family: var(--ruf-menu-item-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-menu-item-font-size, 18px);
  font-weight: var(--ruf-menu-item-font-weight, 600);
  line-height: var(--ruf-menu-item-line-height, 1.2);
}

.ruf-sidemenu-popup-backdrop + * .mat-menu-panel .ruf-dynamic-sidemenu-section-header-italic {
  font-style: italic;
}

.ruf-sidemenu-popup-backdrop + * .mat-menu-panel .ruf-dynamic-sidemenu-section-header-uppercase {
  text-transform: uppercase;
}

.ruf-menubar-layout {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-menubar-layout .ruf-menu-item {
  font-family: var(--ruf-dynamic-menubar-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-dynamic-menubar-font-size, 14px);
  font-weight: var(--ruf-dynamic-menubar-font-weight, 400);
  line-height: inherit;
}

.ruf-menubar-layout .ruf-menu-item.ruf-menubar-item-active {
  font-weight: var(--ruf-bold-font-weight, 700);
}

.ruf-sidemenu .ruf-menu-item, .ruf-sidemenu-popup-backdrop + * .mat-menu-panel .ruf-menu-item {
  font-family: var(--ruf-menu-item-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-menu-item-font-size, 18px);
  font-weight: var(--ruf-menu-item-font-weight, 600);
  line-height: var(--ruf-menu-item-line-height, 1.2);
}

.ruf-sidemenu .ruf-sidemenu-children .ruf-menu-item, .ruf-sidemenu-popup-backdrop + * .mat-menu-panel .ruf-sidemenu-children .ruf-menu-item {
  font-family: var(--ruf-menu-children-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-menu-children-font-size, 14px);
  font-weight: var(--ruf-menu-children-font-weight, 400);
  line-height: var(--ruf-menu-children-line-height, 1.2);
}

.ruf-footer {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-app-canvas {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-page-header .ruf-pageheader-toolbar > .ruf-toolbar-rows .ruf-page-header-title,
.ruf-page-header .ruf-pageheader-toolbar > .ruf-toolbar-rows .ruf-page-header-metric {
  font-family: var(--ruf-title-font-family, "Titillium Web", Arial, sans-serif);
  font-size: var(--ruf-title-font-size, 14px);
  font-weight: var(--ruf-title-font-weight, bold);
  line-height: var(--ruf-title-line-height, 21px);
}

.ruf-page-header .ruf-pageheader-toolbar > .ruf-toolbar-rows .ruf-page-header-description,
.ruf-page-header .ruf-pageheader-toolbar > .ruf-toolbar-rows .ruf-page-header-metric-description {
  font-family: var(--ruf-caption-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-caption-font-size, 12px);
  font-weight: var(--ruf-caption-font-weight, 400);
}

.ruf-page-header .ruf-pageheader-toolbar > .ruf-toolbar-rows .ruf-page-header-text-icon > div {
  font-family: var(--ruf-title-font-family, "Titillium Web", Arial, sans-serif);
  font-weight: var(--ruf-subheading-2-font-weight, bold);
}

.ruf-dialog-container {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-dialog-container .ruf-dialog-header.mat-dialog-title {
  font: var(--ruf-dialog-title-font-weight, bold) var(--ruf-dialog-title-font-size, 16px)/var(--ruf-dialog-title-line-height, 22px) var(--ruf-dialog-title-font-family, "Titillium Web", Arial, sans-serif);
}

.ruf-dialog-container .ruf-dialog-header.mat-dialog-title .ruf-dialog-header-bar .mat-icon-button .mat-icon {
  line-height: var(--ruf-dialog-title-line-height, 22px);
}

mat-dialog-container.mat-dialog-container .ruf-dialog-content {
  font-family: var(--ruf-subheading-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-subheading-1-font-size, 14px);
  line-height: 30px;
}

.ruf-megamenu {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-filter-box input {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-sitemap-search-field,
.ruf-sitemap-search-result {
  font-size: var(--ruf-subheading-2-font-size, 18px);
  font-weight: var(--ruf-bold-font-weight, 700);
}

.ruf-megamenu-container .ruf-megamenu-empty-result .mat-icon {
  font-size: 3.125rem;
}

.ruf-megamenu-container .ruf-megamenu-empty-result .ruf-megamenu-empty-search {
  font-family: var(--ruf-title-font-family, "Titillium Web", Arial, sans-serif);
  font-size: 1.375rem;
  font-weight: var(--ruf-bold-font-weight, 700);
}

.ruf-megamenu-container .ruf-megamenu-empty-result .ruf-megamenu-revise-search {
  font-size: var(--ruf-dialog-title-font-size, 16px);
}

.ruf-cust-menu {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-cust-menu .mat-menu-content .mat-menu-item {
  font-size: var(--ruf-subheading-1-font-size, 14px);
}

.ruf-dropdown-panel-container {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
  font-size: var(--ruf-subheading-1-font-size, 14px);
}

.ruf-card-panel {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-card-panel.mat-card .ruf-card-title, .ruf-card-panel.mat-card .ruf-card-metric {
  font-family: var(--ruf-caption-2-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: 16px;
  font-weight: var(--ruf-caption-2-font-weight, bold);
}

.ruf-card-panel.mat-card .ruf-card-subtitle, .ruf-card-panel.mat-card .ruf-card-metric-description {
  font-size: var(--ruf-caption-font-size, 12px);
  line-height: var(--ruf-caption-line-height, 15px);
}

.ruf-sitemap {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-sitemap .ruf-sitemap-parent .ruf-title {
  font-family: var(--ruf-title-font-family, "Titillium Web", Arial, sans-serif);
  font-size: var(--ruf-sitemap-title-font-size, 18px);
  font-weight: var(--ruf-sitemap-title-font-weight, bold);
}

.ruf-sitemap .ruf-sitemap-parent ul .ruf-title, .ruf-sitemap .ruf-sitemap-parent ul li {
  font-size: var(--ruf-caption-font-size, 12px);
}

.ruf-sitemap .ruf-sitemap-children:not(.ruf-sitemap-nested-children) > .ruf-sitemap-child > div, .ruf-sitemap .ruf-sitemap-children:not(.ruf-sitemap-nested-children) > .ruf-sitemap-child > a {
  font-size: var(--ruf-body-2-font-size, 14px);
  font-weight: var(--ruf-sitemap-title-font-weight, bold);
  line-height: 21px;
}

.ruf-statusbar {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-statusbar .ruf-statusbar-title {
  font-size: var(--ruf-subheading-1-font-size, 14px);
  font-weight: var(--ruf-bold-font-weight, 700);
}

.ruf-statusbar .ruf-statusbar-subtitle {
  font-size: var(--ruf-subheading-1-font-size, 14px);
}

.ruf-statusbar .ruf-statusbar-detail {
  font-size: var(--ruf-subheading-1-font-size, 14px);
}

.ruf-ellipsis {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
  line-height: var(--ruf-ellipsis-line-height, 16px);
}

.ruf-dynamic-segment {
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif);
}

.ruf-caption-2 {
  font: var(--ruf-caption-2-font-weight, bold) var(--ruf-caption-2-font-size, 16px)/var(--ruf-caption-2-line-height, 18px) var(--ruf-caption-2-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
}

.ruf-bold-text {
  font-weight: bold !important;
}

.ruf-uppercase-text {
  text-transform: uppercase !important;
}

.ruf-italics-text {
  font-style: italic !important;
}

.ruf-dynamic-segment .mat-button-toggle-selected.ruf-segment-clip::after {
  background-color: var(--ruf-background-base, white);
  border-bottom-color: var(--ruf-foreground-border, #dfdfdf);
  border-right-color: var(--ruf-foreground-border, #dfdfdf);
}

.ruf-dynamic-segment .mat-button-toggle-selected.ruf-segment-clip:not(.mat-button-toggle-disabled):hover::after {
  background-color: var(--ruf-background-selected-button-toggle, #b3bfc2);
}

.ruf-dynamic-segment .mat-button-toggle-selected.ruf-segment-clip:not(.mat-button-toggle-disabled).cdk-keyboard-focused::after {
  background: var(--ruf-background-selected-button-toggle, #b3bfc2);
  border-bottom-color: var(--emphasis, #ffcd00);
  border-right-color: var(--emphasis, #ffcd00);
  box-shadow: none;
}

.mat-ripple-element {
  background-color: var(--ruf-foreground-base, black);
  opacity: 0.1;
}

.mat-option {
  color: var(--ruf-foreground-text, #012834);
}

.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-option.mat-active {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--ruf-foreground-text, #012834);
}

.mat-option.mat-option-disabled {
  color: var(--ruf-foreground-hint-text, #012834);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--primary, #4bcd3e);
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--accent, #009775);
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--warn, #fd8d62);
}

.mat-optgroup-label {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: var(--ruf-foreground-hint-text, #012834);
}

.mat-pseudo-checkbox {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-pseudo-checkbox::after {
  color: var(--ruf-background-background, #f4f4f4);
}

.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: var(--primary, #4bcd3e);
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: var(--accent, #009775);
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: var(--warn, #fd8d62);
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: var(--ruf-background-background, #f4f4f4);
  color: var(--ruf-foreground-text, #012834);
}

.mat-elevation-z0 {
  box-shadow: 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-elevation-z1 {
  box-shadow: 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-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3 {
  box-shadow: 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-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6 {
  box-shadow: 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-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8 {
  box-shadow: 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-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12 {
  box-shadow: 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-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

.mat-autocomplete-panel {
  background: var(--ruf-background-card, white);
  color: var(--ruf-foreground-text, #012834);
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: var(--ruf-background-card, white);
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: var(--ruf-foreground-text, #012834);
}

.mat-badge {
  position: relative;
}

.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

.mat-badge-content {
  color: var(--primary-contrast, #012834);
  background: var(--primary, #4bcd3e);
}

.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-accent .mat-badge-content {
  background: var(--accent, #009775);
  color: var(--accent-contrast, #ffffff);
}

.mat-badge-warn .mat-badge-content {
  color: var(--warn-contrast, #012834);
  background: var(--warn, #fd8d62);
}

.mat-badge-disabled .mat-badge-content {
  background: var(--ruf-foreground-disabled-button, #b3bfc2);
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: var(--ruf-background-dialog, white);
  color: var(--ruf-foreground-text, #012834);
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}

.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: var(--primary, #4bcd3e);
}

.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: var(--accent, #009775);
}

.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: var(--warn, #fd8d62);
}

.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
}

.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: var(--primary, #4bcd3e);
}

.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: var(--accent, #009775);
}

.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: var(--warn, #fd8d62);
}

.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}

.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.mat-button-focus-overlay {
  background: var(--ruf-foreground-base, black);
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: var(--ruf-foreground-text, #012834);
  background-color: var(--ruf-background-raised-button, white);
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: var(--primary-contrast, #012834);
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: var(--accent-contrast, #ffffff);
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: var(--warn-contrast, #012834);
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: var(--primary, #4bcd3e);
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: var(--accent, #009775);
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: var(--warn, #fd8d62);
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: var(--ruf-background-disabled-button, rgba(0, 0, 0, 0.15));
}

.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: var(--primary-contrast, #012834);
  opacity: 0.1;
}

.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: var(--accent-contrast, #ffffff);
  opacity: 0.1;
}

.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: var(--warn-contrast, #012834);
  opacity: 0.1;
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 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-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 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-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 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-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 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-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 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-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 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-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.mat-button-toggle {
  color: var(--ruf-foreground-hint-text, #012834);
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: var(--ruf-background-focused-button, rgba(0, 0, 0, 0.06));
}

.mat-button-toggle-appearance-standard {
  color: var(--ruf-foreground-text, #012834);
  background: var(--ruf-background-card, white);
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: var(--ruf-background-focused-button, rgba(0, 0, 0, 0.06));
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px var(--ruf-foreground-divider, #c1c1c1);
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px var(--ruf-foreground-divider, #c1c1c1);
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px var(--ruf-foreground-divider, #c1c1c1);
}

.mat-button-toggle-checked {
  background-color: var(--ruf-background-selected-button, rgba(0, 0, 0, 0.53));
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: var(--ruf-foreground-text, #012834);
}

.mat-button-toggle-disabled {
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  background-color: var(--ruf-background-disabled-button-toggle, #e1e5e7);
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: var(--ruf-background-card, white);
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: var(--ruf-background-selected-disabled-button, #7d7d7d);
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px var(--ruf-foreground-divider, #c1c1c1);
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}

.mat-card {
  background: var(--ruf-background-card, white);
  color: var(--ruf-foreground-text, #012834);
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 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-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 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-card-subtitle {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-checkbox-frame {
  border-color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-checkbox-checkmark {
  fill: var(--ruf-background-background, #f4f4f4);
}

.mat-checkbox-checkmark-path {
  stroke: var(--ruf-background-background, #f4f4f4) !important;
}

.mat-checkbox-mixedmark {
  background-color: var(--ruf-background-background, #f4f4f4);
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: var(--primary, #4bcd3e);
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: var(--accent, #009775);
}

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: var(--warn, #fd8d62);
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-checkbox .mat-ripple-element {
  background-color: var(--ruf-foreground-base, black);
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: var(--primary, #4bcd3e);
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: var(--accent, #009775);
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: var(--warn, #fd8d62);
}

.mat-chip.mat-standard-chip {
  background-color: var(--ruf-background-unselected-chip, #949494);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: var(--ruf-foreground-text, #012834);
  opacity: 0.4;
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 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-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}

.mat-chip.mat-standard-chip::after {
  background: var(--ruf-foreground-base, black);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: var(--primary, #4bcd3e);
  color: var(--primary-contrast, #012834);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: var(--primary-contrast, #012834);
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: var(--primary-contrast, #012834);
  opacity: 0.1;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: var(--warn, #fd8d62);
  color: var(--warn-contrast, #012834);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: var(--warn-contrast, #012834);
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: var(--warn-contrast, #012834);
  opacity: 0.1;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: var(--accent, #009775);
  color: var(--accent-contrast, #ffffff);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: var(--accent-contrast, #ffffff);
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: var(--accent-contrast, #ffffff);
  opacity: 0.1;
}

.mat-table {
  background: var(--ruf-background-card, white);
}

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-header-cell {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-cell, .mat-footer-cell {
  color: var(--ruf-foreground-text, #012834);
}

.mat-calendar-arrow {
  fill: var(--ruf-foreground-icon, #01232d);
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: var(--ruf-foreground-icon, #01232d);
}

.mat-calendar-table-header-divider::after {
  background: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: var(--ruf-foreground-text, #012834);
  border-color: transparent;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-form-field-disabled .mat-date-range-input-separator {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-calendar-body-in-preview {
  color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: var(--ruf-foreground-hint-text, #012834);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  opacity: 0.5;
}

.mat-calendar-body-in-range::before {
  background: var(--primary, #4bcd3e);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, var(--primary, #4bcd3e) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, var(--primary, #4bcd3e) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-calendar-body-selected {
  background-color: var(--primary, #4bcd3e);
  color: var(--primary-contrast, #012834);
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px var(--primary-contrast, #012834);
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--primary, #4bcd3e);
}

@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: var(--primary, #4bcd3e);
  }
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: var(--ruf-background-card, white);
  color: var(--ruf-foreground-text, #012834);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: var(--accent, #009775);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, var(--accent, #009775) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, var(--accent, #009775) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: var(--accent, #009775);
  color: var(--accent-contrast, #ffffff);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px var(--accent-contrast, #ffffff);
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--accent, #009775);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: var(--accent, #009775);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: var(--warn, #fd8d62);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, var(--warn, #fd8d62) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, var(--warn, #fd8d62) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: var(--warn, #fd8d62);
  color: var(--warn-contrast, #012834);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px var(--warn-contrast, #012834);
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--warn, #fd8d62);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: var(--warn, #fd8d62);
  }
}
.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-datepicker-toggle-active {
  color: var(--primary, #4bcd3e);
}

.mat-datepicker-toggle-active.mat-accent {
  color: var(--accent, #009775);
}

.mat-datepicker-toggle-active.mat-warn {
  color: var(--warn, #fd8d62);
}

.mat-date-range-input-inner[disabled] {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: var(--ruf-background-dialog, white);
  color: var(--ruf-foreground-text, #012834);
}

.mat-divider {
  border-top-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-divider-vertical {
  border-right-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-expansion-panel {
  background: var(--ruf-background-card, white);
  color: var(--ruf-foreground-text, #012834);
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-action-row {
  border-top-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: var(--ruf-background-card, white);
  }
}
.mat-expansion-panel-header-title {
  color: var(--ruf-foreground-text, #012834);
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}

.mat-expansion-panel-header {
  height: 48px;
}

.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}

.mat-form-field-label {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-hint {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: var(--primary, #4bcd3e);
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: var(--accent, #009775);
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: var(--warn, #fd8d62);
}

.mat-focused .mat-form-field-required-marker {
  color: var(--accent, #009775);
}

.mat-form-field-ripple {
  background-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: var(--primary, #4bcd3e);
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: var(--accent, #009775);
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: var(--warn, #fd8d62);
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: var(--primary, #4bcd3e);
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: var(--accent, #009775);
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: var(--warn, #fd8d62);
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--warn, #fd8d62);
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: var(--warn, #fd8d62);
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: var(--warn, #fd8d62);
}

.mat-error {
  color: var(--warn, #fd8d62);
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-legacy .mat-hint {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, var(--ruf-foreground-divider, #c1c1c1) 0%, var(--ruf-foreground-divider, #c1c1c1) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, var(--ruf-foreground-divider, #c1c1c1) 0%, var(--ruf-foreground-divider, #c1c1c1) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: var(--ruf-foreground-base, black);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: var(--ruf-foreground-base, black);
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: var(--primary, #4bcd3e);
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: var(--accent, #009775);
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: var(--warn, #fd8d62);
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: var(--warn, #fd8d62);
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-icon.mat-primary {
  color: var(--primary, #4bcd3e);
}

.mat-icon.mat-accent {
  color: var(--accent, #009775);
}

.mat-icon.mat-warn {
  color: var(--warn, #fd8d62);
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-input-element {
  caret-color: var(--primary, #4bcd3e);
}

.mat-input-element::placeholder {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-input-element::-moz-placeholder {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-input-element::-webkit-input-placeholder {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-input-element:-ms-input-placeholder {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: var(--accent, #009775);
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: var(--warn, #fd8d62);
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: var(--warn, #fd8d62);
}

.mat-list-base .mat-list-item {
  color: var(--ruf-foreground-text, #012834);
}

.mat-list-base .mat-list-option {
  color: var(--ruf-foreground-text, #012834);
}

.mat-list-base .mat-subheader {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-list-base .mat-list-item-disabled {
  background-color: var(--ruf-background-disabled-list-option, #b3b3b3);
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-menu-panel {
  background: var(--ruf-background-card, white);
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-menu-item {
  background: transparent;
  color: var(--ruf-foreground-text, #012834);
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: var(--ruf-foreground-icon, #01232d);
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-paginator {
  background: var(--ruf-background-card, white);
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid var(--ruf-foreground-icon, #01232d);
  border-right: 2px solid var(--ruf-foreground-icon, #01232d);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid var(--ruf-foreground-icon, #01232d);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-paginator-container {
  min-height: 56px;
}

.mat-progress-bar-background {
  fill: var(--primary-100, #c9f0c5);
}

.mat-progress-bar-buffer {
  background-color: var(--primary-100, #c9f0c5);
}

.mat-progress-bar-fill::after {
  background-color: var(--primary, #4bcd3e);
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: var(--accent-100, #b3e0d6);
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: var(--accent-100, #b3e0d6);
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: var(--accent, #009775);
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: var(--warn-100, #feddd0);
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: var(--warn-100, #feddd0);
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: var(--warn, #fd8d62);
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: var(--primary, #4bcd3e);
}

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: var(--accent, #009775);
}

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: var(--warn, #fd8d62);
}

.mat-radio-outer-circle {
  border-color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--primary, #4bcd3e);
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: var(--primary, #4bcd3e);
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--accent, #009775);
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: var(--accent, #009775);
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--warn, #fd8d62);
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: var(--warn, #fd8d62);
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-radio-button .mat-ripple-element {
  background-color: var(--ruf-foreground-base, black);
}

.mat-select-value {
  color: var(--ruf-foreground-text, #012834);
}

.mat-select-placeholder {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-select-disabled .mat-select-value {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-select-arrow {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-select-panel {
  background: var(--ruf-background-card, white);
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: var(--primary, #4bcd3e);
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: var(--accent, #009775);
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: var(--warn, #fd8d62);
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: var(--warn, #fd8d62);
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-drawer-container {
  background-color: var(--ruf-background-background, #f4f4f4);
  color: var(--ruf-foreground-text, #012834);
}

.mat-drawer {
  background-color: var(--ruf-background-dialog, white);
  color: var(--ruf-foreground-text, #012834);
}

.mat-drawer.mat-drawer-push {
  background-color: var(--ruf-background-dialog, white);
}

.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-drawer-side {
  border-right: solid 1px var(--ruf-foreground-divider, #c1c1c1);
}

.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px var(--ruf-foreground-divider, #c1c1c1);
  border-right: none;
}

[dir=rtl] .mat-drawer-side {
  border-left: solid 1px var(--ruf-foreground-divider, #c1c1c1);
  border-right: none;
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px var(--ruf-foreground-divider, #c1c1c1);
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: var(--ruf-background-card, white);
  opacity: 0.6;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--accent, #009775);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--accent, #009775);
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: var(--accent, #009775);
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--primary, #4bcd3e);
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: var(--primary, #4bcd3e);
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: var(--primary, #4bcd3e);
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--warn, #fd8d62);
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: var(--warn, #fd8d62);
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: var(--warn, #fd8d62);
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: var(--ruf-foreground-base, black);
}

.mat-slide-toggle-thumb {
  box-shadow: 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);
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-slider-track-background {
  background-color: var(--ruf-foreground-slider-off, rgba(0, 0, 0, 0.38));
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: var(--primary, #4bcd3e);
}

.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: var(--primary-contrast, #012834);
}

.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: var(--primary, #4bcd3e);
  opacity: 0.2;
}

.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: var(--accent, #009775);
}

.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: var(--accent-contrast, #ffffff);
}

.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: var(--accent, #009775);
  opacity: 0.2;
}

.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: var(--warn, #fd8d62);
}

.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: var(--warn-contrast, #012834);
}

.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: var(--warn, #fd8d62);
  opacity: 0.2;
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: var(--ruf-foreground-slider-off-active, rgba(0, 0, 0, 0.38));
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: var(--ruf-foreground-slider-off, rgba(0, 0, 0, 0.38));
}

.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: var(--ruf-foreground-slider-off, rgba(0, 0, 0, 0.38));
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: var(--ruf-foreground-base, black);
  opacity: 0.12;
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: var(--ruf-foreground-slider-min, rgba(0, 0, 0, 0.87));
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: var(--ruf-foreground-slider-off, rgba(0, 0, 0, 0.38));
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: var(--ruf-foreground-slider-off, rgba(0, 0, 0, 0.38));
  background-color: transparent;
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: var(--ruf-foreground-slider-off-active, rgba(0, 0, 0, 0.38));
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: var(--ruf-foreground-slider-off, rgba(0, 0, 0, 0.38));
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: var(--ruf-foreground-base, black);
  opacity: 0.7;
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, var(--ruf-foreground-base, black), var(--ruf-foreground-base, black) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, var(--ruf-foreground-base, black), var(--ruf-foreground-base, black) 2px, transparent 0, transparent);
  opacity: 0.7;
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, var(--ruf-foreground-base, black), var(--ruf-foreground-base, black) 2px, transparent 0, transparent);
  opacity: 0.7;
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}

@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-step-header .mat-step-icon {
  background-color: var(--ruf-foreground-secondary-text, #012834);
  color: var(--primary-contrast, #012834);
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: var(--primary, #4bcd3e);
  color: var(--primary-contrast, #012834);
}

.mat-step-header.mat-accent .mat-step-icon {
  color: var(--accent-contrast, #ffffff);
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: var(--accent, #009775);
  color: var(--accent-contrast, #ffffff);
}

.mat-step-header.mat-warn .mat-step-icon {
  color: var(--warn-contrast, #012834);
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: var(--warn, #fd8d62);
  color: var(--warn-contrast, #012834);
}

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: var(--warn, #fd8d62);
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: var(--ruf-foreground-text, #012834);
}

.mat-step-header .mat-step-label.mat-step-label-error {
  color: var(--warn, #fd8d62);
}

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: var(--ruf-background-card, white);
}

.mat-stepper-vertical-line::before {
  border-left-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-horizontal-stepper-header {
  height: 72px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}

.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}

.mat-sort-header-arrow {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid var(--ruf-foreground-divider, #c1c1c1);
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid var(--ruf-foreground-divider, #c1c1c1);
  border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
  color: var(--ruf-foreground-text, #012834);
}

.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-tab-header-pagination-chevron {
  border-color: var(--ruf-foreground-text, #012834);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: var(--primary-100, #c9f0c5);
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: var(--primary, #4bcd3e);
}

.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: var(--primary-contrast, #012834);
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: var(--accent-100, #b3e0d6);
}

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: var(--accent, #009775);
}

.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: var(--accent-contrast, #ffffff);
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: var(--warn-100, #feddd0);
}

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: var(--warn, #fd8d62);
}

.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: var(--warn-contrast, #012834);
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: var(--primary-100, #c9f0c5);
}

.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: var(--primary, #4bcd3e);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: var(--primary-contrast, #012834);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: var(--primary-contrast, #012834);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: var(--primary-contrast, #012834);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: var(--primary-contrast, #012834);
  opacity: 0.4;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: var(--primary-contrast, #012834);
  opacity: 0.12;
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: var(--accent-100, #b3e0d6);
}

.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: var(--accent, #009775);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: var(--accent-contrast, #ffffff);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: var(--accent-contrast, #ffffff);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: var(--accent-contrast, #ffffff);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: var(--accent-contrast, #ffffff);
  opacity: 0.4;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: var(--accent-contrast, #ffffff);
  opacity: 0.12;
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: var(--warn-100, #feddd0);
}

.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: var(--warn, #fd8d62);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: var(--warn-contrast, #012834);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: var(--warn-contrast, #012834);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: var(--warn-contrast, #012834);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: var(--warn-contrast, #012834);
  opacity: 0.4;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: var(--warn-contrast, #012834);
  opacity: 0.12;
}

.mat-toolbar {
  background: var(--ruf-background-app-bar, white);
  color: var(--ruf-foreground-text, #012834);
}

.mat-toolbar.mat-primary {
  background: var(--primary, #4bcd3e);
  color: var(--primary-contrast, #012834);
}

.mat-toolbar.mat-accent {
  background: var(--accent, #009775);
  color: var(--accent-contrast, #ffffff);
}

.mat-toolbar.mat-warn {
  background: var(--warn, #fd8d62);
  color: var(--warn-contrast, #012834);
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}

.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}

.mat-toolbar-multiple-rows {
  min-height: 64px;
}

.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}

@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }

  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: var(--ruf-background-tooltip, #5a5a5a);
}

.mat-tree {
  background: var(--ruf-background-card, white);
}

.mat-tree-node,
.mat-nested-tree-node {
  color: var(--ruf-foreground-text, #012834);
}

.mat-tree-node {
  min-height: 48px;
}

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 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-simple-snackbar-action {
  color: var(--accent, #009775);
}

.mat-badge-hidden.mat-badge-medium[fisStyle] .mat-badge-content:empty {
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
}

.mat-badge-hidden.mat-badge-medium[fisStyle].mat-badge-after .mat-badge-content:empty {
  right: -0.1875rem;
}

[dir=rtl] .mat-badge-hidden.mat-badge-medium[fisStyle].mat-badge-after .mat-badge-content:empty {
  left: -0.1875rem;
  right: auto;
}

.mat-badge-hidden.mat-badge-medium[fisStyle].mat-badge-before .mat-badge-content:empty {
  left: -0.1875rem;
}

[dir=rtl] .mat-badge-hidden.mat-badge-medium[fisStyle].mat-badge-before .mat-badge-content:empty {
  left: auto;
  right: -0.1875rem;
}

.mat-badge-hidden.mat-badge-medium[fisStyle].mat-badge-above .mat-badge-content:empty {
  top: -0.3125rem;
}

.mat-badge-hidden.mat-badge-medium[fisStyle].mat-badge-below .mat-badge-content:empty {
  bottom: -0.125rem;
}

.ruf-badge-oval.mat-badge-medium .mat-badge-content:not(:empty) {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  width: auto;
}

.ruf-badge-oval.mat-badge-before .mat-badge-content:not(:empty) {
  border-radius: 1rem;
  left: -1.25rem;
}

[dir=rtl] .ruf-badge-oval.mat-badge-before .mat-badge-content:not(:empty) {
  left: auto;
  right: -1.25rem;
}

.ruf-badge-oval.mat-badge-after .mat-badge-content:not(:empty) {
  border-radius: 1rem;
  right: -1.25rem;
}

[dir=rtl] .ruf-badge-oval.mat-badge-after .mat-badge-content:not(:empty) {
  left: -1.25rem;
  right: auto;
}

.mat-button[fisStyle]:not(a):not([disabled]).cdk-focused.cdk-keyboard-focused, .mat-button[fisStyle]:not(a):not([disabled]).cdk-focused.cdk-program-focused {
  border-width: 0;
}

.mat-button[fisStyle], .mat-raised-button[fisStyle] {
  border-radius: 1.0625rem;
  border-width: 0.125rem;
  padding: 0rem 1.0625rem 0rem 1.0625rem;
  text-transform: capitalize;
  transition: background-color 0.3s ease-out;
}

.mat-button[fisStyle][ruf-ghost-button]:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle][ruf-ghost-button]:not([disabled]).cdk-program-focused, .mat-button[fisStyle].ruf-ghost-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle].ruf-ghost-button[fisStyle]:not([disabled]).cdk-program-focused, .mat-raised-button[fisStyle][ruf-ghost-button]:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle][ruf-ghost-button]:not([disabled]).cdk-program-focused, .mat-raised-button[fisStyle].ruf-ghost-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].ruf-ghost-button[fisStyle]:not([disabled]).cdk-program-focused {
  border-style: solid;
  border-width: 0.125rem;
}

.mat-button[fisStyle][fixedWidth], .mat-raised-button[fisStyle][fixedWidth] {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 10.125rem;
}

.mat-button[fisStyle] .mat-ripple, .mat-raised-button[fisStyle] .mat-ripple {
  display: none;
}

.mat-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle]:not([disabled]).cdk-program-focused, .mat-raised-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle]:not([disabled]).cdk-program-focused {
  border-style: solid;
  border-width: 0.125rem;
}

.mat-fab[fisStyle]:not([disabled]) {
  border-style: solid;
  border-width: 0.125rem;
}

.mat-fab[fisStyle]:not([disabled]) .mat-button-wrapper {
  padding: 0.875rem 0rem;
}

.mat-mini-fab[fisStyle]:not([disabled]) {
  border-style: solid;
  border-width: 0.125rem;
}

.mat-mini-fab[fisStyle]:not([disabled]) .mat-button-wrapper {
  padding: 0.375rem 0rem;
}

.mat-raised-button[fisStyle] {
  border: 0.125rem solid;
}

a.mat-button[fisStyle],
a.mat-raised-button[fisStyle],
a.mat-flat-button[fisStyle] {
  border: 0.125rem solid;
}

a.mat-button[fisStyle][fixedWidth],
a.mat-raised-button[fisStyle][fixedWidth],
a.mat-flat-button[fisStyle][fixedWidth] {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 10.125rem;
}

a.mat-button > .mat-button-focus-overlay {
  display: none;
}

.mat-icon-button[fisStyle],
[fisStyle] .mat-icon-button {
  line-height: normal;
}

.mat-icon-button[fisStyle] .mat-icon,
[fisStyle] .mat-icon-button .mat-icon {
  height: auto;
  line-height: normal;
  width: auto;
}

.mat-icon-button[fisStyle] .mat-icon.mat-error,
[fisStyle] .mat-icon-button .mat-icon.mat-error {
  /*
    material adds "display: block" css property in mat-error class
    and material does not have any error palette for button as of now.
    and we are using error color for icons so, overriding this property over here.
  */
  display: inline-block;
}

.mat-icon-button[fisStyle].mat-error,
[fisStyle] .mat-icon-button.mat-error {
  /*
    material adds "display: block" css property in mat-error class
    and material does not have any error palette for button as of now.
    and we are using error color for icons so, overriding this property over here.
  */
  display: inline-block;
}

.mat-icon-button[fisStyle]:not([disabled]).cdk-keyboard-focused,
[fisStyle] .mat-icon-button:not([disabled]).cdk-keyboard-focused {
  border-style: solid;
  border-width: 0.125rem;
}

.mat-icon-button[fisStyle][ruf-ghost-button]:not([disabled]).cdk-keyboard-focused, .mat-icon-button[fisStyle][ruf-ghost-button]:not([disabled]).cdk-program-focused, .mat-icon-button[fisStyle].ruf-ghost-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-icon-button[fisStyle].ruf-ghost-button[fisStyle]:not([disabled]).cdk-program-focused,
[fisStyle] .mat-icon-button[ruf-ghost-button]:not([disabled]).cdk-keyboard-focused,
[fisStyle] .mat-icon-button[ruf-ghost-button]:not([disabled]).cdk-program-focused,
[fisStyle] .mat-icon-button.ruf-ghost-button[fisStyle]:not([disabled]).cdk-keyboard-focused,
[fisStyle] .mat-icon-button.ruf-ghost-button[fisStyle]:not([disabled]).cdk-program-focused {
  border-style: solid;
  border-width: 0.125rem;
}

a.mat-icon-button[fisStyle],
[fisStyle] a.mat-icon-button {
  line-height: 1.875rem;
}

a.mat-icon-button[fisStyle]:not([disabled]).cdk-keyboard-focused .mat-button-wrapper .mat-icon, a.mat-icon-button[fisStyle]:not([disabled]).cdk-program-focused .mat-button-wrapper .mat-icon,
[fisStyle] a.mat-icon-button:not([disabled]).cdk-keyboard-focused .mat-button-wrapper .mat-icon,
[fisStyle] a.mat-icon-button:not([disabled]).cdk-program-focused .mat-button-wrapper .mat-icon {
  position: relative;
  top: calc(0.125rem * -1);
}

.mat-stroked-button[fisStyle], .mat-flat-button[fisStyle] {
  border: 0.125rem solid;
  border-radius: 1.0625rem;
  padding: 0rem 1.0625rem 0rem 1.0625rem;
  text-transform: capitalize;
}

.mat-stroked-button[fisStyle][fixedWidth], .mat-flat-button[fisStyle][fixedWidth] {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 10.125rem;
}

.mat-button-base[fisStyle] .ruf-labeled-icon.fis-override:not(.ruf-labeled-icon-rtl) > span.ruf-icon-before,
.mat-button[fisStyle] .ruf-labeled-icon.fis-override:not(.ruf-labeled-icon-rtl) > span.ruf-icon-before {
  margin-left: 0.3125rem;
}

.mat-button-base[fisStyle] .ruf-labeled-icon.fis-override:not(.ruf-labeled-icon-rtl) > span.ruf-icon-after,
.mat-button[fisStyle] .ruf-labeled-icon.fis-override:not(.ruf-labeled-icon-rtl) > span.ruf-icon-after {
  margin-right: 0.3125rem;
}

.mat-button-base[fisStyle] .ruf-labeled-icon.fis-override.ruf-labeled-icon-rtl > span.ruf-icon-before,
.mat-button[fisStyle] .ruf-labeled-icon.fis-override.ruf-labeled-icon-rtl > span.ruf-icon-before {
  margin-right: 0.3125rem;
}

.mat-button-base[fisStyle] .ruf-labeled-icon.fis-override.ruf-labeled-icon-rtl > span.ruf-icon-after,
.mat-button[fisStyle] .ruf-labeled-icon.fis-override.ruf-labeled-icon-rtl > span.ruf-icon-after {
  margin-left: 0.3125rem;
}

.mat-button-base[fisStyle].mat-button-disabled,
.mat-button[fisStyle].mat-button-disabled {
  cursor: not-allowed;
}

.ruf-button-wrapper {
  display: flex;
}

.ruf-button-wrapper > button,
.ruf-button-wrapper a.mat-button,
.ruf-button-wrapper a.mat-raised-button,
.ruf-button-wrapper a.mat-flat-button,
.ruf-button-wrapper a.mat-stroked-button {
  flex: 1;
}

.ruf-stacked-buttons {
  display: flex;
  flex-direction: column;
}

.ruf-stacked-buttons > button,
.ruf-stacked-buttons a.mat-button,
.ruf-stacked-buttons a.mat-raised-button,
.ruf-stacked-buttons a.mat-flat-button,
.ruf-stacked-buttons a.mat-stroked-button {
  margin-bottom: 0.5rem;
}

.ruf-stacked-buttons > button.mat-button-base + .mat-button-base,
.ruf-stacked-buttons a.mat-button.mat-button-base + .mat-button-base,
.ruf-stacked-buttons a.mat-raised-button.mat-button-base + .mat-button-base,
.ruf-stacked-buttons a.mat-flat-button.mat-button-base + .mat-button-base,
.ruf-stacked-buttons a.mat-stroked-button.mat-button-base + .mat-button-base {
  margin-left: 0px;
}

[dir=rtl] .ruf-stacked-buttons > button.mat-button-base + .mat-button-base,
[dir=rtl] .ruf-stacked-buttons a.mat-button.mat-button-base + .mat-button-base,
[dir=rtl] .ruf-stacked-buttons a.mat-raised-button.mat-button-base + .mat-button-base,
[dir=rtl] .ruf-stacked-buttons a.mat-flat-button.mat-button-base + .mat-button-base,
[dir=rtl] .ruf-stacked-buttons a.mat-stroked-button.mat-button-base + .mat-button-base {
  margin-left: 0.5rem;
}

.ruf-split-buttons {
  border-radius: 1.0625rem;
  display: inline-flex;
}

.ruf-split-buttons .mat-button-base[fisStyle]:not(.mat-stroked-button) {
  border-bottom-width: 0rem;
  border-top-width: 0rem;
}

.ruf-split-buttons .mat-button-base[fisStyle]:hover, .ruf-split-buttons .mat-button-base[fisStyle].cdk-focused.cdk-keyboard-focused {
  border-bottom-width: 0.125rem;
  border-top-width: 0.125rem;
}

.ruf-split-buttons .mat-button-base[fisStyle]:nth-child(1) {
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
  border-top-left-radius: 1.0625rem;
  border-bottom-left-radius: 1.0625rem;
  border-right-width: 0.0625rem;
  border-left-width: 0.125rem;
}

.ruf-split-buttons .mat-button-base[fisStyle]:nth-child(2) {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-top-right-radius: 1.0625rem;
  border-bottom-right-radius: 1.0625rem;
  border-left-width: 0.0625rem;
  border-right-width: 0.125rem;
}

.ruf-split-buttons .mat-button-base[fisStyle].ruf-split-icon-button {
  min-width: 2.25rem;
  padding: 0rem;
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-button:not(.mat-stroked-button):not(.mat-raised-button):nth-child(1) {
  border-right-width: 0.0625rem;
  border-left-width: 0.125rem;
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-button:not(.mat-stroked-button):not(.mat-raised-button):nth-child(2) {
  border-left-width: 0.0625rem;
  border-right-width: 0.125rem;
}

.ruf-split-buttons .mat-button-base[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  z-index: 1;
}

[dir=rtl] .ruf-split-buttons {
  border-radius: 1.0625rem;
  display: inline-flex;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle]:not(.mat-stroked-button) {
  border-bottom-width: 0rem;
  border-top-width: 0rem;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle]:hover, [dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].cdk-focused.cdk-keyboard-focused {
  border-bottom-width: 0.125rem;
  border-top-width: 0.125rem;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle]:nth-child(1) {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-top-right-radius: 1.0625rem;
  border-bottom-right-radius: 1.0625rem;
  border-left-width: 0.0625rem;
  border-right-width: 0.125rem;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle]:nth-child(2) {
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
  border-top-left-radius: 1.0625rem;
  border-bottom-left-radius: 1.0625rem;
  border-right-width: 0.0625rem;
  border-left-width: 0.125rem;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].ruf-split-icon-button {
  min-width: 2.25rem;
  padding: 0rem;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-button:not(.mat-stroked-button):not(.mat-raised-button):nth-child(1) {
  border-left-width: 0.0625rem;
  border-right-width: 0.125rem;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-button:not(.mat-stroked-button):not(.mat-raised-button):nth-child(2) {
  border-right-width: 0.0625rem;
  border-left-width: 0.125rem;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  z-index: 1;
}

.mat-button-toggle-group[fisStyle] {
  border-radius: 11.8125rem;
  padding: 0.1875rem 0.1875rem;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle-group-appearance-standard {
  border-style: solid;
  border-width: 11.8125rem;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle] {
  border-radius: 1.25rem;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  margin: 0px 0.0625rem;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle.mat-button-toggle-checked,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle].mat-button-toggle-checked {
  border-radius: 1.125rem;
  border-style: solid;
  border-width: 0.125rem;
  text-align: left;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle].mat-button-toggle-checked .mat-button-toggle-button {
  height: 32px;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-disabled):hover,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle]:not(.mat-button-toggle-disabled):hover {
  border-radius: 1.125rem;
  border-style: solid;
  border-width: 0.125rem;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-disabled).cdk-keyboard-focused, .mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-disabled).cdk-program-focused,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle]:not(.mat-button-toggle-disabled).cdk-keyboard-focused,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle]:not(.mat-button-toggle-disabled).cdk-program-focused {
  border-radius: 1.125rem;
  border-style: solid;
  border-width: 0.125rem;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle .mat-button-toggle-button,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle] .mat-button-toggle-button {
  height: 32px;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle .mat-button-toggle-button[disabled],
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle] .mat-button-toggle-button[disabled] {
  cursor: not-allowed;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle .mat-button-toggle-label-content,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle] .mat-button-toggle-label-content {
  padding: 0rem 1.0625rem 0rem 1.0625rem;
  text-transform: none;
}

.mat-card[fisStyle] {
  border-radius: 0rem;
  border-style: solid;
  border-width: 0.125rem;
  padding: 0.625rem 1.0625rem;
}

.mat-card[fisStyle] .ruf-card-header {
  height: 2.75rem;
  min-height: 2.75rem;
  padding-left: 0rem;
  padding-right: 0rem;
}

.mat-card[fisStyle] .mat-card-header-text {
  margin: 0rem 0.625rem;
}

.mat-card[fisStyle] .mat-card-image {
  margin: -0.625rem -1.0625rem 1rem -1.0625rem;
}

.mat-card[fisStyle] .mat-card-title {
  text-transform: capitalize;
}

.mat-checkbox[fisStyle] .mat-checkbox-inner-container {
  height: 1.125rem;
  width: 1.125rem;
}

.mat-checkbox[fisStyle] .mat-checkbox-inner-container .mat-checkbox-ripple {
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  width: 40px;
}

.mat-checkbox[fisStyle].ruf-checkbox-small .mat-checkbox-inner-container {
  height: 0.8125rem;
  width: 0.8125rem;
}

.mat-checkbox[fisStyle].ruf-checkbox-small .mat-checkbox-inner-container .mat-checkbox-ripple {
  height: 30px;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  width: 30px;
}

.mat-checkbox[fisStyle].ruf-checkbox-medium .mat-checkbox-inner-container {
  height: 0.9375rem;
  width: 0.9375rem;
}

.mat-checkbox[fisStyle].ruf-checkbox-medium .mat-checkbox-inner-container .mat-checkbox-ripple {
  height: 34px;
  left: calc(50% - 17px);
  top: calc(50% - 17px);
  width: 34px;
}

.mat-checkbox[fisStyle].ruf-checkbox-default .mat-checkbox-inner-container {
  height: 1.125rem;
  width: 1.125rem;
}

.mat-checkbox[fisStyle].ruf-checkbox-default .mat-checkbox-inner-container .mat-checkbox-ripple {
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  width: 40px;
}

.mat-checkbox[fisStyle].mat-checkbox-disabled {
  cursor: not-allowed;
}

.mat-checkbox[fisStyle].mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-style: solid;
  border-width: 0.0625rem;
}

.mat-checkbox[fisStyle]:not(.mat-checkbox-disabled):not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-style: solid;
  border-width: 0.0625rem;
}

.mat-checkbox[fisStyle].ruf-checkbox-readonly {
  pointer-events: none;
}

.mat-checkbox[fisStyle].ruf-checkbox-readonly .mat-checkbox-inner-container {
  display: none;
}

.mat-pseudo-checkbox[fisStyle]:not(.mat-pseudo-checkbox-checked) {
  border-style: solid;
  border-width: 0.0625rem;
}

mat-pseudo-checkbox.mat-pseudo-checkbox:not(.mat-pseudo-checkbox-checked) {
  border-style: solid;
  border-width: 0.0625rem;
}

.mat-pseudo-checkbox[fisStyle].mat-pseudo-checkbox-disabled:not(.mat-pseudo-checkbox-checked) .mat-pseudo-checkbox-frame {
  border-style: solid;
  border-width: 0.0625rem;
}

.mat-pseudo-checkbox[fisStyle]:not(.mat-pseudo-checkbox-disabled):not(.mat-pseudo-checkbox-checked) .mat-pseudo-checkbox-frame {
  border-style: solid;
  border-width: 0.0625rem;
}

.mat-selection-list.ruf-row-halo[fisStyle] .mat-list-option {
  background: none;
}

.mat-selection-list.ruf-row-halo[fisStyle] .mat-list-option:hover .mat-pseudo-checkbox, .mat-selection-list.ruf-row-halo[fisStyle] .mat-list-option:focus .mat-pseudo-checkbox {
  transform-style: preserve-3d;
}

.mat-selection-list.ruf-row-halo[fisStyle] .mat-list-option:hover .mat-pseudo-checkbox::before, .mat-selection-list.ruf-row-halo[fisStyle] .mat-list-option:focus .mat-pseudo-checkbox::before {
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 2.5rem;
  left: calc(50% - 1.25rem);
  opacity: 1;
  position: absolute;
  top: calc(50% - 1.25rem);
  transform: translateZ(-0.0625rem);
  width: 2.5rem;
}

.mat-chip-list[fisStyle] .mat-chip-list-wrapper {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.mat-chip-list[fisStyle] .mat-chip {
  border: solid 0.0625rem;
  border-radius: 0rem;
}

.mat-chip-list[fisStyle] .mat-chip.cdk-keyboard-focused {
  outline-width: 0.125rem;
}

.mat-chip-list[fisStyle] .mat-chip .mat-icon-button {
  margin-left: 0.125rem;
  margin-right: -0.25rem;
  padding: 0rem;
}

.mat-chip-list[fisStyle] .mat-chip .ruf-overflow-chip {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mat-chip-list[fisStyle] .mat-chip .mat-chip-remove {
  -webkit-appearance: none;
  margin: 0.125rem;
  margin-right: 0.125rem;
}

.mat-chip-list[fisStyle] .mat-chip .mat-chip-remove:not([disabled]).cdk-keyboard-focused .mat-icon {
  left: -0.125rem;
  position: relative;
  top: -0.125rem;
}

.mat-chip-list[fisStyle] .mat-chip.ruf-tagged-chip {
  border-width: 0.0625rem;
}

.mat-chip-list[fisStyle] .mat-chip.mat-chip-disabled {
  border-width: 0.0625rem;
  cursor: not-allowed;
}

.mat-chip-list[fisStyle] .mat-error {
  padding-left: 0.625rem;
}

.mat-chip-list[fisStyle] .mat-standard-chip.mat-chip-with-trailing-icon {
  padding-right: 0.5rem;
}

.mat-datepicker-toggle[fisStyle] .mat-icon-button.mat-button-disabled {
  cursor: not-allowed;
}

.mat-form-field[fisStyle] .mat-datepicker-toggle .mat-icon-button {
  height: 2rem;
  left: 0.4375rem;
  position: relative;
  width: 2rem;
}

.mat-form-field[fisStyle] .mat-datepicker-toggle .mat-icon-button::after {
  position: relative;
  top: 0rem;
  z-index: 1;
}

[dir=rtl] .mat-form-field[fisStyle] .mat-datepicker-toggle .mat-icon-button {
  left: auto;
  right: 0.4375rem;
}

.mat-form-field[fisStyle] .mat-datepicker-toggle .mat-icon-button::after {
  font-family: "fisfont";
}

.mat-form-field[fisStyle].mat-form-field-disabled .mat-button-disabled {
  cursor: not-allowed;
}

.mat-form-field-appearance-outline.mat-form-field[fisStyle] .mat-datepicker-toggle[fisStyle] .mat-icon-button,
.mat-datepicker-toggle[fisStyle] .mat-icon-button {
  height: 2rem;
  left: 0rem;
  position: relative;
  width: 2rem;
}

.mat-form-field-appearance-outline.mat-form-field[fisStyle] .mat-datepicker-toggle[fisStyle] .mat-icon-button::after,
.mat-datepicker-toggle[fisStyle] .mat-icon-button::after {
  position: relative;
  top: 0rem;
  z-index: 1;
}

[dir=rtl] .mat-form-field-appearance-outline.mat-form-field[fisStyle] .mat-datepicker-toggle[fisStyle] .mat-icon-button,
[dir=rtl] .mat-datepicker-toggle[fisStyle] .mat-icon-button {
  left: auto;
  right: 0rem;
}

.mat-form-field-appearance-outline.mat-form-field[fisStyle] .mat-datepicker-toggle[fisStyle] .mat-icon-button::after,
.mat-datepicker-toggle[fisStyle] .mat-icon-button::after {
  font-family: "fisfont";
}

.mat-form-field-appearance-outline.mat-form-field[fisStyle] .mat-datepicker-toggle[fisStyle] .mat-button-focus-overlay,
.mat-form-field-appearance-outline.mat-form-field[fisStyle] .mat-datepicker-toggle[fisStyle] .mat-button-ripple,
.mat-datepicker-toggle[fisStyle] .mat-button-focus-overlay,
.mat-datepicker-toggle[fisStyle] .mat-button-ripple {
  left: -0.0625rem;
  padding: 1rem;
  top: 0.375rem;
}

[dir=rtl] .mat-form-field-appearance-outline.mat-form-field[fisStyle] .mat-datepicker-toggle[fisStyle] .mat-button-focus-overlay,
[dir=rtl] .mat-form-field-appearance-outline.mat-form-field[fisStyle] .mat-datepicker-toggle[fisStyle] .mat-button-ripple,
[dir=rtl] .mat-datepicker-toggle[fisStyle] .mat-button-focus-overlay,
[dir=rtl] .mat-datepicker-toggle[fisStyle] .mat-button-ripple {
  left: auto;
  right: -0.0625rem;
}

.mat-accordion[fisStyle] .mat-expansion-panel:last-of-type {
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
}

.mat-accordion[fisStyle] .mat-expansion-panel:first-of-type {
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}

.mat-expansion-panel[fisStyle] {
  border-radius: 0rem;
  outline-style: solid;
  outline-width: 0.125rem;
}

.mat-expansion-panel[fisStyle]:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header {
  border-style: solid;
  border-width: 0rem;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header .mat-content {
  order: 1;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header .mat-expansion-indicator {
  font-family: "fisfont";
  font-size: 1.25rem;
  margin: -0.375rem;
  margin-top: -0.3125rem;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header .mat-expansion-indicator::after {
  border: none;
  content: "\e910";
  transform: none;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header.mat-expanded {
  height: 3rem;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header.mat-expanded .mat-expansion-indicator {
  margin-top: -0.375rem;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header .mat-expansion-panel-header-description {
  margin: auto;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-body {
  padding: 1.25rem;
}

.mat-expansion-panel[fisStyle] .mat-action-row {
  border-top-style: solid;
  border-top-width: 0rem;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header .mat-content {
  margin-left: 0.625rem;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header .mat-expansion-indicator::after {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header.mat-expanded .mat-expansion-indicator::after {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

.mat-expansion-panel[fisStyle].ruf-amorphous-expansion-panel {
  outline-style: none;
}

.mat-accordion.ruf-amorphous-expansion-panels .mat-expansion-panel[fisStyle] {
  outline-style: none;
}

[dir=rtl] .mat-expansion-panel[fisStyle] .mat-expansion-panel-header .mat-content {
  margin-right: 0.625rem;
}

[dir=rtl] .mat-expansion-panel[fisStyle] .mat-expansion-panel-header .mat-expansion-indicator::after {
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
}

[dir=rtl] .mat-expansion-panel[fisStyle] .mat-expansion-panel-header.mat-expanded .mat-expansion-indicator::after {
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
}

.mat-icon[fisStyle] {
  height: auto;
  width: auto;
}

.mat-form-field[fisStyle] .mat-form-field-label {
  text-transform: capitalize;
}

.mat-list-base[fisStyle] .mat-subheader {
  height: auto;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.mat-list-base[fisStyle]:not([dense]) .mat-list-item:not(.mat-list-option) {
  height: auto;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.mat-list-base[fisStyle] .mat-list-option,
.mat-list-base[fisStyle] .mat-list-option.mat-list-item-with-avatar {
  height: auto;
  padding-bottom: 0.6875rem;
  padding-top: 0.6875rem;
}

.mat-list-base[fisStyle] .mat-list-item .mat-list-item-content .mat-list-icon,
.mat-list-base[fisStyle] .mat-list-item .mat-list-avatar {
  height: auto;
  width: auto;
}

.mat-list-base[fisStyle] .mat-list-item .mat-divider.ruf-divider-margin {
  margin: 0.25rem 1rem;
  width: calc(100% - 2rem);
}

.mat-list-base[fisStyle] .mat-list-item .mat-divider.ruf-divider-horizontal-margin {
  margin: 0.25rem 0rem;
}

.mat-list-base[fisStyle] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text, .mat-list-base[fisStyle][dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text {
  padding-left: 0.375rem;
  padding-right: 0rem;
}

[dir=rtl] .mat-list-base[fisStyle] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text, [dir=rtl] .mat-list-base[fisStyle][dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text {
  padding-left: 0;
  padding-right: 0.375rem;
}

.mat-selection-list[fisStyle].ruf-hover-interaction-rounded-border .mat-list-option,
.mat-selection-list[fisStyle].ruf-hover-interaction-rounded-border .mat-list-item,
.mat-nav-list[fisStyle].ruf-hover-interaction-rounded-border .mat-list-option,
.mat-nav-list[fisStyle].ruf-hover-interaction-rounded-border .mat-list-item {
  border-radius: 624.9375rem;
}

.mat-nav-list[fisStyle] .ruf-list-item-disable-interaction.mat-list-item {
  cursor: default;
}

.mat-nav-list[fisStyle] .ruf-list-item-disable-interaction.mat-list-item:hover, .mat-nav-list[fisStyle] .ruf-list-item-disable-interaction.mat-list-item:focus {
  background: transparent;
}

.mat-paginator[fisStyle] .mat-paginator-navigation-first {
  font-family: "fisfont";
  font-size: 1.5rem;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mat-paginator[fisStyle] .mat-paginator-navigation-first.mat-focus-indicator::before {
  border: none;
  display: inline;
  position: relative;
}

.mat-paginator[fisStyle] .mat-paginator-navigation-first::before {
  content: "\e9a6";
}

.mat-paginator[fisStyle] .mat-paginator-navigation-last {
  font-family: "fisfont";
  font-size: 1.5rem;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.mat-paginator[fisStyle] .mat-paginator-navigation-last.mat-focus-indicator::before {
  border: none;
  display: inline;
  position: relative;
}

.mat-paginator[fisStyle] .mat-paginator-navigation-last::before {
  content: "\e9a6";
}

.mat-paginator[fisStyle] .mat-paginator-navigation-previous {
  font-family: "fisfont";
  font-size: 1.5rem;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mat-paginator[fisStyle] .mat-paginator-navigation-previous.mat-focus-indicator::before {
  border: none;
  display: inline;
  position: relative;
}

.mat-paginator[fisStyle] .mat-paginator-navigation-previous::before {
  content: "\e910";
}

.mat-paginator[fisStyle] .mat-paginator-navigation-next {
  font-family: "fisfont";
  font-size: 1.5rem;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.mat-paginator[fisStyle] .mat-paginator-navigation-next.mat-focus-indicator::before {
  border: none;
  display: inline;
  position: relative;
}

.mat-paginator[fisStyle] .mat-paginator-navigation-next::before {
  content: "\e910";
}

.mat-paginator[fisStyle] .mat-paginator-page-size {
  align-items: center;
}

.mat-paginator[fisStyle] .mat-paginator-page-size-select {
  margin: 0.375rem 0.25rem;
}

.mat-paginator[fisStyle] .mat-paginator-page-size .mat-paginator-page-size-select.mat-form-field-disabled .mat-form-field-wrapper * {
  cursor: not-allowed;
}

.mat-paginator[fisStyle] .mat-paginator-page-size .mat-paginator-page-size-value {
  position: relative;
  top: 0.0625rem;
}

.mat-paginator[fisStyle] .mat-paginator-container {
  flex-wrap: nowrap;
}

.mat-paginator[fisStyle] .mat-paginator-container .mat-button-disabled {
  cursor: not-allowed;
}

[dir=rtl] .mat-paginator[fisStyle] .mat-paginator-navigation-first {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

[dir=rtl] .mat-paginator[fisStyle] .mat-paginator-navigation-last {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

[dir=rtl] .mat-paginator[fisStyle] .mat-paginator-navigation-previous {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

[dir=rtl] .mat-paginator[fisStyle] .mat-paginator-navigation-next {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

[dir=rtl] .mat-paginator[fisStyle] .mat-paginator-range-label {
  direction: ltr;
}

.mat-radio-button[fisStyle] .mat-radio-label {
  white-space: normal;
}

.mat-radio-button[fisStyle] .mat-radio-container {
  height: 1.25rem;
  width: 1.25rem;
}

.mat-radio-button[fisStyle] .mat-radio-outer-circle {
  border-width: 0.0625rem;
  height: 1.25rem;
  width: 1.25rem;
}

.mat-radio-button[fisStyle] .mat-radio-inner-circle {
  height: 1.25rem;
  width: 1.25rem;
}

.mat-radio-button[fisStyle].mat-radio-checked .mat-radio-inner-circle {
  transform: scale(0.6);
}

.mat-radio-button[fisStyle] .mat-radio-label-content {
  padding-left: 0.75rem;
}

[dir=rtl] .mat-radio-button[fisStyle] .mat-radio-label-content {
  padding-right: 0.75rem;
}

.mat-radio-button[fisStyle] .mat-radio-label-content.mat-radio-label-before {
  padding-right: 0.75rem;
}

[dir=rtl] .mat-radio-button[fisStyle] .mat-radio-label-content.mat-radio-label-before {
  padding-left: 0.75rem;
}

.mat-radio-button[fisStyle] .mat-radio-button .mat-radio-ripple {
  height: calc(1.25rem * 2);
  left: calc(50% - 1.25rem);
  top: calc(50% - 1.25rem);
  width: calc(1.25rem * 2);
}

.mat-radio-button[fisStyle].mat-radio-disabled .mat-radio-label {
  cursor: not-allowed;
}

.mat-radio-group.ruf-radio-readonly[fisStyle] {
  pointer-events: none;
}

.mat-radio-group.ruf-radio-readonly[fisStyle] .mat-radio-button:not(.mat-radio-checked) {
  display: none;
}

.mat-radio-group.ruf-radio-readonly[fisStyle] .mat-radio-button.mat-radio-checked .mat-radio-container {
  display: none;
}

.mat-radio-group.ruf-radio-readonly[fisStyle] .mat-radio-button.mat-radio-checked .mat-radio-label-content {
  padding: 0;
}

.mat-slide-toggle[fisStyle] .mat-slide-toggle-thumb {
  border-style: solid;
  border-width: 0px;
}

.mat-slide-toggle[fisStyle] .mat-slide-toggle-bar {
  height: 0.875rem;
  margin: 0rem 0.375rem 0rem 0rem;
  width: 2.25rem;
}

.mat-slide-toggle[fisStyle].mat-disabled .mat-slide-toggle-label {
  cursor: not-allowed;
}

.mat-slide-toggle[fisStyle].mat-disabled .mat-slide-toggle-thumb-container {
  cursor: not-allowed;
}

.mat-slide-toggle[fisStyle].ruf-toggle-readonly {
  pointer-events: none;
}

.mat-slide-toggle[fisStyle].ruf-toggle-readonly .mat-slide-toggle-bar {
  display: none;
}

[dir=rtl] .mat-slide-toggle[fisStyle] .mat-slide-toggle-bar {
  margin: 0rem 0rem 0rem 0.375rem;
}

.mat-table[fisStyle] {
  border-bottom-style: none;
  border-bottom-width: 0rem;
}

.mat-table[fisStyle] [mat-sort-header].cdk-program-focused .mat-sort-header-container,
.mat-table[fisStyle] [mat-sort-header].cdk-keyboard-focused .mat-sort-header-container {
  border-bottom: none;
}

.mat-table[fisStyle] mat-header-row {
  border-bottom-style: none;
}

.mat-table[fisStyle] .mat-header-row {
  height: auto;
  padding: 0;
}

.mat-table[fisStyle] .mat-header-row * {
  text-transform: capitalize;
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell {
  border-bottom-style: solid;
  border-bottom-width: 0.0625rem;
  padding: 0.3125rem 0.9375rem;
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell .mat-sort-header-container {
  justify-content: space-between;
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell .mat-sort-header-container .mat-sort-header-stem {
  display: none;
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell .mat-sort-header-container .mat-sort-header-pointer-right {
  left: 0.4rem;
  right: unset;
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell .mat-checkbox-inner-container {
  margin: auto auto;
}

.mat-table[fisStyle] .mat-row, .mat-table[fisStyle] .mat-footer-row {
  height: auto;
}

.mat-table[fisStyle] .mat-row .mat-cell, .mat-table[fisStyle] .mat-row .mat-footer-cell, .mat-table[fisStyle] .mat-footer-row .mat-cell, .mat-table[fisStyle] .mat-footer-row .mat-footer-cell {
  padding-bottom: 0.9375rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.9375rem;
}

.mat-table[fisStyle] .mat-row .mat-cell .mat-checkbox-inner-container, .mat-table[fisStyle] .mat-row .mat-footer-cell .mat-checkbox-inner-container, .mat-table[fisStyle] .mat-footer-row .mat-cell .mat-checkbox-inner-container, .mat-table[fisStyle] .mat-footer-row .mat-footer-cell .mat-checkbox-inner-container {
  margin: auto auto;
}

.mat-table[fisStyle] .mat-row.ruf-detail-row, .mat-table[fisStyle] .mat-footer-row.ruf-detail-row {
  height: auto;
}

.mat-table[fisStyle].ruf-density-medium .mat-row, .mat-table[fisStyle].ruf-density-medium .mat-footer-row, .mat-table[fisStyle].ruf-density-small .mat-row, .mat-table[fisStyle].ruf-density-small .mat-footer-row {
  height: auto;
}

.mat-table[fisStyle] mat-header-row {
  min-height: auto;
}

.mat-table[fisStyle] mat-row {
  min-height: auto;
}

.mat-table[fisStyle].ruf-striped-rows .mat-row .mat-cell, .mat-table[fisStyle].striped-rows .mat-row .mat-cell {
  border-bottom: none;
}

.mat-table[fisStyle].ruf-rows-without-border .mat-row .mat-cell, .mat-table[fisStyle].rows-without-border .mat-row .mat-cell {
  border-bottom: none;
}

.mat-table[fisStyle][row-border=true] .mat-row .mat-cell:first-child {
  border-left-style: solid;
  border-left-width: 0.1875rem;
}

[dir=rtl] .mat-table[fisStyle][row-border=true] .mat-row .mat-cell:first-child {
  border-left: none;
  border-right-style: solid;
  border-right-width: 0.1875rem;
}

.mat-table[fisStyle].ruf-density-large .mat-row .mat-cell, .mat-table[fisStyle].ruf-density-large .mat-footer-row .mat-cell {
  padding-bottom: 0.9375rem;
  padding-top: 0.9375rem;
}

.mat-table[fisStyle].ruf-density-medium .mat-row.ruf-detail-row .mat-cell, .mat-table[fisStyle].ruf-density-medium .mat-footer-row.ruf-detail-row .mat-cell {
  height: auto;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}

.mat-table[fisStyle].ruf-density-medium .mat-row .mat-cell:not(.mat-column-expandedDetail), .mat-table[fisStyle].ruf-density-medium .mat-footer-row .mat-cell:not(.mat-column-expandedDetail) {
  height: auto;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}

.mat-table[fisStyle].ruf-density-small .mat-row.ruf-detail-row .mat-cell, .mat-table[fisStyle].ruf-density-small .mat-footer-row.ruf-detail-row .mat-cell {
  height: auto;
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
}

.mat-table[fisStyle].ruf-density-small .mat-row .mat-cell:not(.mat-column-expandedDetail), .mat-table[fisStyle].ruf-density-small .mat-footer-row .mat-cell:not(.mat-column-expandedDetail) {
  height: auto;
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
}

.mat-table[fisStyle].ruf-card-rows {
  border-collapse: separate;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.mat-table[fisStyle].ruf-card-rows .mat-row,
.mat-table[fisStyle].ruf-card-rows .mat-header-row,
.mat-table[fisStyle].ruf-card-rows .mat-footer-row,
.mat-table[fisStyle].ruf-card-rows th.mat-header-cell,
.mat-table[fisStyle].ruf-card-rows td.mat-footer-cell,
.mat-table[fisStyle].ruf-card-rows td.mat-cell {
  cursor: auto;
}

.mat-table[fisStyle].ruf-card-rows tr:not(.ruf-expansion-row) td.mat-cell {
  border-bottom-width: 0.5rem;
}

.mat-table[fisStyle].ruf-sort-icon-solid-arrow .mat-sort-header-stem {
  display: none;
}

.mat-table[fisStyle].ruf-sort-icon-solid-arrow .mat-sort-header-indicator {
  font-family: "fisfont";
  transform: translateY(0) !important;
}

.mat-table[fisStyle].ruf-sort-icon-solid-arrow .mat-sort-header-indicator::before {
  position: absolute;
  content: "\e968";
  top: -0.375rem;
}

.mat-table[fisStyle].ruf-sort-icon-solid-arrow .mat-sort-header-indicator .mat-sort-header-pointer-left,
.mat-table[fisStyle].ruf-sort-icon-solid-arrow .mat-sort-header-indicator .mat-sort-header-pointer-right,
.mat-table[fisStyle].ruf-sort-icon-solid-arrow .mat-sort-header-indicator .mat-sort-header-pointer-middle {
  display: none;
}

.mat-table[fisStyle].ruf-sort-icon-solid-arrow .mat-header-cell[aria-sort=none]:hover .mat-sort-header-indicator {
  font-family: "fisfont";
}

.mat-table[fisStyle].ruf-sort-icon-solid-arrow .mat-header-cell[aria-sort=none]:hover .mat-sort-header-indicator::before {
  content: "\e904";
  opacity: 0.54;
  top: -0.625rem;
  transform: rotate(180deg);
}

.mat-table[fisStyle].ruf-sort-icon-solid-arrow [aria-sort=ascending] .mat-sort-header-arrow .mat-sort-header-indicator {
  font-family: "fisfont";
}

.mat-table[fisStyle].ruf-sort-icon-solid-arrow [aria-sort=ascending] .mat-sort-header-arrow .mat-sort-header-indicator::before {
  content: "\e904";
  top: -0.625rem;
  transform: rotate(180deg);
}

.mat-table[fisStyle].ruf-sort-icon-solid-arrow [aria-sort=descending] .mat-sort-header-arrow .mat-sort-header-indicator {
  font-family: "fisfont";
}

.mat-table[fisStyle].ruf-sort-icon-solid-arrow [aria-sort=descending] .mat-sort-header-arrow .mat-sort-header-indicator::before {
  content: "\e904";
  top: -0.3125rem;
}

.mat-table[fisStyle].ruf-sort-icon-solid-arrow .mat-sort-header-arrow {
  opacity: 1 !important;
  transform: translateY(25%) !important;
}

.mat-table[fisStyle].ruf-sort-icon-alphabetical .mat-sort-header-stem {
  display: none;
}

.mat-table[fisStyle].ruf-sort-icon-alphabetical .mat-sort-header-indicator {
  font-family: "fisfont";
  transform: translateY(0) !important;
}

.mat-table[fisStyle].ruf-sort-icon-alphabetical .mat-sort-header-indicator::before {
  position: absolute;
}

.mat-table[fisStyle].ruf-sort-icon-alphabetical .mat-sort-header-indicator::before {
  content: "\e95f";
  top: -0.2rem;
}

.mat-table[fisStyle].ruf-sort-icon-alphabetical .mat-sort-header-indicator .mat-sort-header-pointer-left,
.mat-table[fisStyle].ruf-sort-icon-alphabetical .mat-sort-header-indicator .mat-sort-header-pointer-right,
.mat-table[fisStyle].ruf-sort-icon-alphabetical .mat-sort-header-indicator .mat-sort-header-pointer-middle {
  display: none;
}

.mat-table[fisStyle].ruf-sort-icon-alphabetical .mat-header-cell[aria-sort=none]:hover .mat-sort-header-indicator {
  font-family: "fisfont";
}

.mat-table[fisStyle].ruf-sort-icon-alphabetical [aria-sort=ascending] .mat-sort-header-arrow .mat-sort-header-indicator {
  font-family: "fisfont";
}

.mat-table[fisStyle].ruf-sort-icon-alphabetical [aria-sort=ascending] .mat-sort-header-arrow .mat-sort-header-indicator::before {
  content: "\e95f";
  top: -0.2rem;
}

.mat-table[fisStyle].ruf-sort-icon-alphabetical [aria-sort=descending] .mat-sort-header-arrow .mat-sort-header-indicator {
  font-family: "fisfont";
}

.mat-table[fisStyle].ruf-sort-icon-alphabetical [aria-sort=descending] .mat-sort-header-arrow .mat-sort-header-indicator::before {
  content: "\e961";
  top: -0.2rem;
}

.mat-table[fisStyle].ruf-sort-icon-arrow .mat-header-row .mat-header-cell .mat-sort-header-container .mat-sort-header-stem {
  display: flex;
}

.mat-slider[fisStyle] .mat-slider-thumb {
  bottom: -0.625rem;
  height: 1.25rem;
  right: -0.625rem;
  width: 1.25rem;
}

.mat-slider[fisStyle]:not(.mat-slider-min-value).mat-slider-disabled .mat-slider-thumb {
  bottom: -0.625rem;
  height: 1.25rem;
  right: -0.625rem;
  width: 1.25rem;
}

.mat-stepper-vertical[fisStyle] .mat-step-header .mat-step-icon, .mat-stepper-horizontal[fisStyle] .mat-step-header .mat-step-icon {
  border-style: solid;
  border-width: 0.125rem;
  height: 1.25rem;
  width: 1.25rem;
}

.mat-stepper-vertical[fisStyle] .mat-step-header:hover, .mat-stepper-vertical[fisStyle] .mat-step-header.cdk-focused, .mat-stepper-vertical[fisStyle] .mat-step-header.cdk-program-focused, .mat-stepper-vertical[fisStyle] .mat-step-header.cdk-keyboard-focused, .mat-stepper-horizontal[fisStyle] .mat-step-header:hover, .mat-stepper-horizontal[fisStyle] .mat-step-header.cdk-focused, .mat-stepper-horizontal[fisStyle] .mat-step-header.cdk-program-focused, .mat-stepper-horizontal[fisStyle] .mat-step-header.cdk-keyboard-focused {
  border-radius: 2.25rem;
}

.mat-tab-group[fisStyle] .mat-tab-link, .mat-tab-nav-bar[fisStyle] .mat-tab-link {
  height: 2.75rem;
  line-height: 2.75rem;
  min-width: auto;
  padding: 0rem 2.5rem;
  text-transform: capitalize;
}

.mat-tab-group[fisStyle] .mat-tab-link[disabled], .mat-tab-nav-bar[fisStyle] .mat-tab-link[disabled] {
  cursor: not-allowed;
  pointer-events: auto;
}

.mat-tab-group[fisStyle] .mat-tab-label, .mat-tab-nav-bar[fisStyle] .mat-tab-label {
  height: 2.75rem;
  line-height: 2.75rem;
  min-width: auto;
  padding: 0rem 2.5rem;
  text-transform: capitalize;
}

.mat-tab-group[fisStyle] .mat-tab-label[aria-disabled=true], .mat-tab-nav-bar[fisStyle] .mat-tab-label[aria-disabled=true] {
  cursor: not-allowed;
}

.mat-tab-group[fisStyle] .mat-ink-bar, .mat-tab-nav-bar[fisStyle] .mat-ink-bar {
  height: 0.375rem;
}

.mat-tab-group[fisStyle] .mat-tab-header.mat-tab-header-rtl .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-tab-header-pagination-after, .mat-tab-nav-bar[fisStyle] .mat-tab-header.mat-tab-header-rtl .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-tab-header-pagination-after {
  border-right-width: 0.125rem;
  border-right-style: solid;
}

.mat-tab-group[fisStyle] .mat-tab-header.mat-tab-header-rtl .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-tab-header-pagination-before, .mat-tab-nav-bar[fisStyle] .mat-tab-header.mat-tab-header-rtl .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-tab-header-pagination-before {
  border-left-width: 0.125rem;
  border-left-style: solid;
}

.mat-tab-group[fisStyle] .mat-tab-header.mat-tab-header-rtl .mat-tab-header-pagination-disabled, .mat-tab-nav-bar[fisStyle] .mat-tab-header.mat-tab-header-rtl .mat-tab-header-pagination-disabled {
  cursor: not-allowed;
}

.mat-tab-group[fisStyle] .mat-tab-header:not(.mat-tab-header-rtl) .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-tab-header-pagination-after, .mat-tab-nav-bar[fisStyle] .mat-tab-header:not(.mat-tab-header-rtl) .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-tab-header-pagination-after {
  border-left-width: 0.125rem;
  border-left-style: solid;
}

.mat-tab-group[fisStyle] .mat-tab-header:not(.mat-tab-header-rtl) .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-tab-header-pagination-before, .mat-tab-nav-bar[fisStyle] .mat-tab-header:not(.mat-tab-header-rtl) .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-tab-header-pagination-before {
  border-right-width: 0.125rem;
  border-right-style: solid;
}

.mat-tab-group[fisStyle] .mat-tab-header:not(.mat-tab-header-rtl) .mat-tab-header-pagination-disabled, .mat-tab-nav-bar[fisStyle] .mat-tab-header:not(.mat-tab-header-rtl) .mat-tab-header-pagination-disabled {
  cursor: not-allowed;
}

.mat-menu-item[fisStyle] {
  height: 2.1875rem;
  line-height: 2.1875rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.mat-menu-item[fisStyle] .mat-ripple {
  display: none;
}

.mat-menu-item[fisStyle][disabled] {
  cursor: not-allowed;
  pointer-events: auto;
}

.mat-select[fisStyle] {
  margin-top: -0.0625rem;
}

.mat-select[fisStyle] .ruf-boxed-form-field-disabled .mat-select.mat-select-disabled span.mat-select-placeholder {
  opacity: inherit;
}

.mat-select[fisStyle].mat-select-disabled .mat-select-trigger {
  cursor: not-allowed;
}

.mat-select[fisStyle] .mat-select-arrow-wrapper .mat-select-arrow {
  border-bottom: 0.0625rem solid;
  border-left: 0rem solid;
  border-right: 0.0625rem solid;
  border-top: 0rem solid;
  height: 0.4375rem;
  margin: -0.3125rem 0.125rem;
  transform: rotate(45deg);
  width: 0.4375rem;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .mat-select[fisStyle] .mat-select-trigger {
    float: right;
  }
}
.mat-form-field-type-mat-native-select[fisStyle] .mat-form-field-infix::after {
  border-bottom: 0.0625rem solid;
  border-left: 0rem solid;
  border-right: 0.0625rem solid;
  border-top: 0rem solid;
  height: 0.4375rem;
  right: 2%;
  top: 42%;
  transform: rotate(45deg);
  width: 0.4375rem;
}

.mat-drawer-container[fisStyle] .mat-drawer-side, .mat-drawer-container[fisStyle] .mat-drawer-opened {
  border-left: none;
  border-right-style: solid;
  border-right-width: 0.0625rem;
}

[dir=rtl] .mat-drawer-container[fisStyle] .mat-drawer-side, [dir=rtl] .mat-drawer-container[fisStyle] .mat-drawer-opened {
  border-left-style: solid;
  border-left-width: 0.0625rem;
  border-right: none;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-label {
  top: 1.8125rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-label-wrapper,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-label-wrapper,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-label-wrapper {
  padding-top: 0px;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-boxed-input-with-chips .mat-form-field-label-wrapper,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-boxed-input-with-chips .mat-form-field-label-wrapper,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-boxed-input-with-chips .mat-form-field-label-wrapper {
  padding-top: 1.375rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-wrapper .mat-form-field-flex,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-wrapper .mat-form-field-flex,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0rem 0.625rem 0rem 0.625rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  border-top-width: 0rem;
  position: static;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-wrapper .mat-form-field-subscript-wrapper,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-wrapper .mat-form-field-subscript-wrapper,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
  padding: 0 0rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-can-float:not(.mat-form-field-should-float) .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-can-float:not(.mat-form-field-should-float) .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-can-float:not(.mat-form-field-should-float) .mat-form-field-label {
  padding: 0rem 0.625rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline .mat-form-field-outline-gap, .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-thick .mat-form-field-outline-gap,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline .mat-form-field-outline-gap,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-thick .mat-form-field-outline-gap,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline .mat-form-field-outline-gap,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-top-color: inherit;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-prefix,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-suffix,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-prefix,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-suffix,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix {
  align-self: center;
  top: 0rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-suffix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-suffix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
  font-size: 14px;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-outline-thick .mat-form-field-outline-gap,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-outline-thick .mat-form-field-outline-gap,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-outline-thick .mat-form-field-outline-end,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-outline-thick .mat-form-field-outline-start,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 0.0625rem;
  transition: none;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-gap,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick .mat-form-field-outline-gap,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-gap,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick .mat-form-field-outline-gap,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-gap,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick .mat-form-field-outline-end,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick .mat-form-field-outline-start,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 0.125rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-outline-start,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-outline-start,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-outline-start {
  border-radius: 0.25rem 0 0 0.25rem;
  min-width: 0.25rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-outline-end,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-outline-end,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-outline-end {
  border-radius: 0 0.25rem 0.25rem 0;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-select-arrow-wrapper,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-select-arrow-wrapper,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-select-arrow-wrapper {
  transform: translateY(0px);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-input-element,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-input-element,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-input-element {
  position: relative;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-input-readonly .mat-form-field-wrapper .mat-form-field-flex, .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle][readonly] .mat-form-field-wrapper .mat-form-field-flex,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-input-readonly .mat-form-field-wrapper .mat-form-field-flex,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle][readonly] .mat-form-field-wrapper .mat-form-field-flex,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-input-readonly .mat-form-field-wrapper .mat-form-field-flex,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[readonly] .mat-form-field-wrapper .mat-form-field-flex {
  padding-left: 0rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-input-readonly .mat-form-field-required-marker, .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle][readonly] .mat-form-field-required-marker,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-input-readonly .mat-form-field-required-marker,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle][readonly] .mat-form-field-required-marker,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-input-readonly .mat-form-field-required-marker,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[readonly] .mat-form-field-required-marker {
  display: none;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-input-readonly textarea, .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle][readonly] textarea,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-input-readonly textarea,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle][readonly] textarea,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-input-readonly textarea,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[readonly] textarea {
  resize: none;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-boxed-input-with-chips .mat-form-field-wrapper .mat-form-field-flex,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-boxed-input-with-chips .mat-form-field-wrapper .mat-form-field-flex,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-boxed-input-with-chips .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0 0.25rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-boxed-input-with-chips .mat-form-field-wrapper .mat-form-field-infix,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-boxed-input-with-chips .mat-form-field-wrapper .mat-form-field-infix,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-boxed-input-with-chips .mat-form-field-wrapper .mat-form-field-infix {
  margin-right: 0.25rem;
}

[dir=rtl] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-outline-start,
[dir=rtl] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-outline-start,
[dir=rtl] *[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-outline-start {
  border-radius: 0 0.25rem 0.25rem 0;
}

[dir=rtl] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-outline-end,
[dir=rtl] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-outline-end,
[dir=rtl] *[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-outline-end {
  border-radius: 0.25rem 0 0 0.25rem;
}

.ruf-boxed-input-wrapper {
  align-items: center;
  display: flex;
}

.ruf-boxed-input-wrapper .ruf-label {
  min-width: 4.375rem;
  padding-right: 1.25rem;
  text-align: right;
}

.ruf-boxed-input-wrapper .ruf-label-align-right {
  text-align: right;
}

.ruf-boxed-input-wrapper .ruf-label-align-left {
  text-align: left;
}

.ruf-boxed-input-wrapper .ruf-label-padding-small {
  padding-right: 0.3125rem;
}

.ruf-boxed-input-wrapper .ruf-label-padding-large {
  padding-right: 1.25rem;
}

.ruf-boxed-input-wrapper .ruf-overflow-ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[dir=rtl] .ruf-boxed-input-wrapper .ruf-label {
  padding-left: 1.25rem;
  text-align: left;
}

[dir=rtl] .ruf-boxed-input-wrapper .ruf-label-align-right {
  text-align: left;
}

[dir=rtl] .ruf-boxed-input-wrapper .ruf-label-align-left {
  text-align: right;
}

[dir=rtl] .ruf-boxed-input-wrapper .ruf-label-padding-small {
  padding-left: 0.3125rem;
}

[dir=rtl] .ruf-boxed-input-wrapper .ruf-label-padding-large {
  padding-left: 1.25rem;
}

.ruf-boxed-input-wrapper-row .ruf-label {
  flex: 0 0 30%;
}

.ruf-boxed-input-wrapper-row .mat-form-field {
  flex: 0 0 70%;
}

.ruf-text-area-suffix {
  display: flex;
}

.ruf-text-area-suffix .ruf-suffix-out {
  margin-left: 0.125rem;
  margin-top: 0.125rem;
}

.mat-divider[fisStyle].mat-divider-horizontal {
  position: relative;
}

.mat-divider[fisStyle].ruf-divider-margin {
  margin: 0.25rem 1rem;
  width: calc(100% - 2rem);
}

.mat-divider[fisStyle].ruf-divider-horizontal-margin {
  margin: 0.25rem 0rem;
}

.mat-autocomplete-panel.fis-style {
  border-style: solid;
  border-width: 0.125rem;
}

.mat-menu-panel.fis-style {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.0625rem;
  min-height: 2rem;
}

.mat-menu-panel.fis-style .mat-menu-content {
  padding-bottom: 0rem;
  padding-top: 0rem;
}

.mat-menu-panel.fis-style .mat-menu-content .mat-menu-item {
  height: 2.1875rem;
  line-height: 2.1875rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  text-transform: capitalize;
}

.mat-menu-panel.fis-style .mat-menu-content .mat-menu-item .mat-icon {
  margin-right: 0.625rem;
}

.mat-datepicker-popup .mat-datepicker-content {
  border-radius: 0rem;
  border-style: solid;
  border-width: 0.125rem;
}

.mat-calendar.fis-style .mat-calendar-body-cell-content, .mat-calendar .mat-calendar-body-cell-content {
  border-radius: 0 !important;
  border-style: none;
}

.mat-calendar.fis-style .mat-calendar-body-cell-content.mat-calendar-body-today, .mat-calendar .mat-calendar-body-cell-content.mat-calendar-body-today {
  border-style: solid;
  border-width: 0.0625rem;
}

.mat-calendar.fis-style .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before,
.mat-calendar.fis-style .mat-calendar-body-range-start::after,
.mat-calendar.fis-style .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before,
.mat-calendar.fis-style .mat-calendar-body-comparison-start::after,
.mat-calendar.fis-style .mat-calendar-body-preview-start .mat-calendar-body-cell-preview, .mat-calendar .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before,
.mat-calendar .mat-calendar-body-range-start::after,
.mat-calendar .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before,
.mat-calendar .mat-calendar-body-comparison-start::after,
.mat-calendar .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

[dir=rtl] .mat-calendar.fis-style .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before,
[dir=rtl] .mat-calendar.fis-style .mat-calendar-body-range-start::after,
[dir=rtl] .mat-calendar.fis-style .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before,
[dir=rtl] .mat-calendar.fis-style .mat-calendar-body-comparison-start::after,
[dir=rtl] .mat-calendar.fis-style .mat-calendar-body-preview-start .mat-calendar-body-cell-preview, [dir=rtl] .mat-calendar .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before,
[dir=rtl] .mat-calendar .mat-calendar-body-range-start::after,
[dir=rtl] .mat-calendar .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before,
[dir=rtl] .mat-calendar .mat-calendar-body-comparison-start::after,
[dir=rtl] .mat-calendar .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}

.mat-calendar.fis-style .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
.mat-calendar.fis-style .mat-calendar-body-range-end::after,
.mat-calendar.fis-style .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
.mat-calendar.fis-style .mat-calendar-body-comparison-end::after,
.mat-calendar.fis-style .mat-calendar-body-preview-end .mat-calendar-body-cell-preview, .mat-calendar .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
.mat-calendar .mat-calendar-body-range-end::after,
.mat-calendar .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
.mat-calendar .mat-calendar-body-comparison-end::after,
.mat-calendar .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}

[dir=rtl] .mat-calendar.fis-style .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
[dir=rtl] .mat-calendar.fis-style .mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar.fis-style .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
[dir=rtl] .mat-calendar.fis-style .mat-calendar-body-comparison-end::after,
[dir=rtl] .mat-calendar.fis-style .mat-calendar-body-preview-end .mat-calendar-body-cell-preview, [dir=rtl] .mat-calendar .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
[dir=rtl] .mat-calendar .mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
[dir=rtl] .mat-calendar .mat-calendar-body-comparison-end::after,
[dir=rtl] .mat-calendar .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.cdk-overlay-pane.fis-style mat-dialog-container.mat-dialog-container {
  border-radius: 0rem;
}

.cdk-overlay-pane.fis-style mat-dialog-container.mat-dialog-container .mat-dialog-title {
  text-transform: capitalize;
}

.cdk-overlay-pane.fis-style .mat-dialog-actions {
  padding: 1.25rem 0rem 0.5rem 0rem;
}

.cdk-overlay-pane.fis-style .mat-dialog-actions .mat-button, .cdk-overlay-pane.fis-style .mat-dialog-actions .mat-raised-button {
  margin-right: 0.5rem;
}

[dir=rtl] .cdk-overlay-pane.fis-style .mat-dialog-actions .mat-button, [dir=rtl] .cdk-overlay-pane.fis-style .mat-dialog-actions .mat-raised-button {
  margin-left: 0.5rem;
  margin-right: 0rem;
}

.cdk-overlay-pane.fis-style .mat-dialog-actions .mat-button + .mat-button,
.cdk-overlay-pane.fis-style .mat-dialog-actions .mat-raised-button + .mat-raised-button,
.cdk-overlay-pane.fis-style .mat-dialog-actions .mat-button + .mat-raised-button,
.cdk-overlay-pane.fis-style .mat-dialog-actions .mat-raised-button + .mat-button {
  margin-left: 0rem;
}

[dir=rtl] .cdk-overlay-pane.fis-style .mat-dialog-actions .mat-button + .mat-button,
[dir=rtl] .cdk-overlay-pane.fis-style .mat-dialog-actions .mat-raised-button + .mat-raised-button,
[dir=rtl] .cdk-overlay-pane.fis-style .mat-dialog-actions .mat-button + .mat-raised-button,
[dir=rtl] .cdk-overlay-pane.fis-style .mat-dialog-actions .mat-raised-button + .mat-button {
  margin-right: 0rem;
}

@media (min-width: 0) and (max-width: 599px) {
  .cdk-overlay-pane.fis-style {
    max-width: 100vw !important;
    width: 100vw;
  }

  .cdk-overlay-pane.fis-style mat-dialog-container.mat-dialog-container {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
.mat-select-panel-wrap .mat-select-panel.fis-style, .mat-select-panel-wrap .mat-select-panel {
  border-style: solid;
  border-width: 0.0625rem;
  /* Added this property to fix in IE so that mat-option can take available width */
  display: inline-block;
}

.mat-select-panel-wrap .mat-select-panel.fis-style .mat-option, .mat-select-panel-wrap .mat-select-panel .mat-option {
  height: 2.125rem;
  min-height: 2.125rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.mat-select-panel-wrap .mat-select-panel.fis-style .mat-option.mat-option-disabled, .mat-select-panel-wrap .mat-select-panel .mat-option.mat-option-disabled {
  cursor: not-allowed;
}

.mat-select-panel-wrap .mat-select-panel.fis-style .mat-option.ruf-select-multiline, .mat-select-panel-wrap .mat-select-panel .mat-option.ruf-select-multiline {
  height: auto;
  min-height: 2.125rem;
}

.mat-select-panel-wrap .mat-select-panel.fis-style .mat-option.ruf-select-multiline .mat-option-text, .mat-select-panel-wrap .mat-select-panel .mat-option.ruf-select-multiline .mat-option-text {
  white-space: normal;
}

.mat-tooltip-panel .mat-tooltip.fis-style {
  overflow: visible;
  text-overflow: inherit;
  text-transform: capitalize;
  word-break: break-all;
}

.mat-snack-bar-container.fis-style {
  align-items: center;
  border: 0.125rem solid;
  border-radius: 0rem;
  display: flex;
  margin: 0rem;
  max-width: 29.8125rem;
  min-height: 3rem;
  min-width: 19.375rem;
  padding: 1.0625rem 1.0625rem;
}

.mat-snack-bar-container.fis-style.ruf-inkbar-top {
  border-top-style: solid;
  border-top-width: 0.375rem;
}

.mat-snack-bar-container.fis-style.ruf-inkbar-bottom {
  border-bottom-style: solid;
  border-bottom-width: 0.375rem;
}

.mat-snack-bar-container.fis-style .mat-icon {
  font-size: 1.375rem;
  height: 100%;
  line-height: 1.875rem;
  width: 1.375rem;
}

.mat-bottom-sheet-container.fis-style, .cdk-overlay-pane.fis-style .mat-bottom-sheet-container {
  border-style: solid;
  border-top-left-radius: 1.125rem;
  border-top-right-radius: 1.125rem;
  border-width: 0.125rem;
  padding: 1rem 1rem 0.5rem;
}

.mat-button[fisStyle], .mat-raised-button[fisStyle], .mat-stroked-button[fisStyle], .mat-flat-button[fisStyle] {
  height: 36px;
  line-height: 32px;
}

.mat-icon-button[fisStyle]:not(.fis-icon-button-xs):not(.fis-icon-button-sm):not(.fis-icon-button-md):not(.fis-icon-button-lg):not(.fis-icon-button-xl),
[fisStyle] .mat-icon-button:not(.fis-icon-button-xs):not(.fis-icon-button-sm):not(.fis-icon-button-md):not(.fis-icon-button-lg):not(.fis-icon-button-xl) {
  height: 36px;
  width: 36px;
}

.mat-icon-button[fisStyle].fis-icon-button-xs,
[fisStyle] .mat-icon-button.fis-icon-button-xs {
  height: 1.5rem;
  width: 1.5rem;
}

.mat-icon-button[fisStyle].fis-icon-button-sm,
[fisStyle] .mat-icon-button.fis-icon-button-sm {
  height: 2.125rem;
  width: 2.125rem;
}

.mat-icon-button[fisStyle].fis-icon-button-md,
[fisStyle] .mat-icon-button.fis-icon-button-md {
  height: 2.25rem;
  width: 2.25rem;
}

.mat-icon-button[fisStyle].fis-icon-button-lg,
[fisStyle] .mat-icon-button.fis-icon-button-lg {
  height: 2.5rem;
  width: 2.5rem;
}

.mat-icon-button[fisStyle].fis-icon-button-xl,
[fisStyle] .mat-icon-button.fis-icon-button-xl {
  height: 3rem;
  width: 3rem;
}

a.mat-icon-button[fisStyle],
[fisStyle] a.mat-icon-button {
  height: 36px;
  line-height: 32px;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle] {
  height: 36px;
  line-height: 32px;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle].mat-button-toggle-checked .mat-button-toggle-button {
  height: 32px;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle .mat-button-toggle-button,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle] .mat-button-toggle-button {
  height: 32px;
}

.mat-icon[fisStyle] {
  font-size: 24px;
}

.mat-chip-list[fisStyle] .mat-chip {
  height: 28px;
  max-width: calc(100% - 36px);
  min-height: 28px;
}

.mat-chip-list[fisStyle] .mat-chip .mat-icon-button[fisStyle],
.mat-chip-list[fisStyle] .mat-chip [fisStyle] .mat-icon-button {
  height: 24px !important;
  line-height: 24px;
  width: 24px !important;
}

.mat-chip-list[fisStyle] .mat-chip .mat-icon-button[fisStyle] .mat-button-wrapper,
.mat-chip-list[fisStyle] .mat-chip [fisStyle] .mat-icon-button .mat-button-wrapper {
  height: 24px;
  line-height: 24px;
  width: 24px;
}

.mat-chip-list[fisStyle] .mat-chip .mat-icon-button[fisStyle] .mat-chip-remove, .mat-chip-list[fisStyle] .mat-chip .mat-icon-button[fisStyle].mat-chip-remove .mat-icon,
.mat-chip-list[fisStyle] .mat-chip [fisStyle] .mat-icon-button .mat-chip-remove,
.mat-chip-list[fisStyle] .mat-chip [fisStyle] .mat-icon-button.mat-chip-remove .mat-icon {
  font-size: 0.875rem;
  height: 24px;
  line-height: 24px;
  vertical-align: baseline;
  width: 24px;
}

.mat-chip-list[fisStyle] .mat-chip .mat-icon-button[fisStyle] .mat-chip-remove::before, .mat-chip-list[fisStyle] .mat-chip .mat-icon-button[fisStyle].mat-chip-remove .mat-icon::before,
.mat-chip-list[fisStyle] .mat-chip [fisStyle] .mat-icon-button .mat-chip-remove::before,
.mat-chip-list[fisStyle] .mat-chip [fisStyle] .mat-icon-button.mat-chip-remove .mat-icon::before {
  position: relative;
}

.mat-chip-list[fisStyle] .mat-chip > .mat-icon[fisStyle] {
  font-size: 22px;
  height: 24px !important;
  line-height: 24px;
  width: 24px !important;
}

.mat-form-field-should-float .mat-form-field-infix .mat-chip-list[fisStyle] .mat-chip-list-wrapper {
  margin-top: 0rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle] .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle] .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea) .mat-form-field-outline {
  height: 2.25rem;
  min-height: 2.25rem;
  top: 4px;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-boxed-input-auto-height .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-boxed-input-auto-height .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-boxed-input-auto-height .mat-form-field-outline {
  height: auto;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle] .mat-form-field-wrapper,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle] .mat-form-field-wrapper,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea) .mat-form-field-wrapper {
  padding-bottom: 0.75rem;
  padding-top: 0.875rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].mat-form-field-should-float .mat-form-field-label-wrapper,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].mat-form-field-should-float .mat-form-field-label-wrapper,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).mat-form-field-should-float .mat-form-field-label-wrapper {
  top: -12px;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle] .mat-form-field-prefix .mat-icon-button,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle] .mat-form-field-suffix .mat-icon-button,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle] .mat-form-field-prefix .mat-icon-button,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle] .mat-form-field-suffix .mat-icon-button,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea) .mat-form-field-prefix .mat-icon-button,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea) .mat-form-field-suffix .mat-icon-button {
  height: 2.125rem !important;
  width: 2.125rem !important;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle] .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle] .mat-form-field-suffix .mat-icon-button .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle] .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle] .mat-form-field-suffix .mat-icon-button .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea) .mat-form-field-prefix .mat-icon-button .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea) .mat-form-field-suffix .mat-icon-button .mat-icon {
  font-size: 18px !important;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle]:not(.ruf-boxed-form-field-disabled).ruf-background-card .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle]:not(.ruf-boxed-form-field-disabled).ruf-background-card .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea):not(.ruf-boxed-form-field-disabled).ruf-background-card .mat-form-field-outline {
  border-radius: 0.25rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-boxed-input-with-chips .mat-form-field-wrapper .mat-form-field-infix,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-boxed-input-with-chips .mat-form-field-wrapper .mat-form-field-infix,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-boxed-input-with-chips .mat-form-field-wrapper .mat-form-field-infix {
  padding: 0.25rem 0rem 0.25rem 0rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-boxed-input-with-chips .mat-form-field-wrapper .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-boxed-input-with-chips .mat-form-field-wrapper .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-boxed-input-with-chips .mat-form-field-wrapper .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip {
  margin: 0.25rem 0rem 0.25rem 0.25rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-label {
  margin: 0;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-label .mat-form-field-flex,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-label .mat-form-field-flex,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-label .mat-form-field-flex {
  margin-top: 0;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-label .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-label .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-label .mat-form-field-outline {
  top: 0;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-label .mat-form-field-infix,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-label .mat-form-field-infix,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-label .mat-form-field-infix {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-label .mat-form-field-subscript-wrapper,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-label .mat-form-field-subscript-wrapper,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-label .mat-form-field-subscript-wrapper {
  margin-top: 0.75rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-label .mat-form-field-wrapper,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-label .mat-form-field-wrapper,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-label .mat-form-field-wrapper {
  margin-top: 0;
  padding-bottom: 0.75rem;
  padding-top: 0;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-hint,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-hint,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-hint {
  margin: 0;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-hint .mat-form-field-flex,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-hint .mat-form-field-flex,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-hint .mat-form-field-flex {
  margin-top: 0;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-hint .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-hint .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-hint .mat-form-field-outline {
  top: 0;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-hint .mat-form-field-infix,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-hint .mat-form-field-infix,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-hint .mat-form-field-infix {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-hint .mat-form-field-subscript-wrapper,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-hint .mat-form-field-subscript-wrapper,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-hint .mat-form-field-subscript-wrapper {
  margin-top: 0.75rem;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-hint .mat-form-field-wrapper,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-hint .mat-form-field-wrapper,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-hint .mat-form-field-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-hint .mat-form-field-label-wrapper,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-hint .mat-form-field-label-wrapper,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-hint .mat-form-field-label-wrapper {
  top: -0.875rem;
}

.ruf-prefix-out.mat-icon[fisStyle],
.ruf-suffix-out.mat-icon[fisStyle] {
  font-size: 16px;
}

.ruf-prefix-out.mat-icon-button[fisStyle], [fisStyle] .ruf-prefix-out.mat-icon-button,
.ruf-suffix-out.mat-icon-button[fisStyle],
[fisStyle] .ruf-suffix-out.mat-icon-button {
  height: 2.125rem !important;
  top: -2px;
  width: 2.125rem !important;
}

.ruf-prefix-out.mat-icon-button[fisStyle] .mat-icon[fisStyle], [fisStyle] .ruf-prefix-out.mat-icon-button .mat-icon[fisStyle],
.ruf-suffix-out.mat-icon-button[fisStyle] .mat-icon[fisStyle],
[fisStyle] .ruf-suffix-out.mat-icon-button .mat-icon[fisStyle] {
  font-size: 18px;
}

.ruf-boxed-input-wrapper .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[boxStyle].ruf-form-field-no-label:not(.ruf-form-field-no-hint) .mat-form-field-wrapper,
.ruf-boxed-input-wrapper .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea)[fisStyle].ruf-form-field-no-label:not(.ruf-form-field-no-hint) .mat-form-field-wrapper,
.ruf-boxed-input-wrapper *[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.ruf-form-field-textarea).ruf-form-field-no-label:not(.ruf-form-field-no-hint) .mat-form-field-wrapper {
  margin-top: 0.21875rem;
  padding-top: 0.75rem;
}

*:not(.mat-form-field-appearance-outline) .mat-hint[fisStyle] {
  display: block;
  margin-top: 0.125rem;
}

.mat-form-field-appearance-outline.mat-form-field[fisStyle] .mat-datepicker-toggle[fisStyle] .mat-icon-button,
.mat-datepicker-toggle[fisStyle] .mat-icon-button {
  font-size: 18px !important;
}

.mat-tree[fisStyle] .mat-tree-node {
  height: 48px;
  min-height: 48px;
}

.mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-nested-tree-node:not(:last-child) > .mat-tree-node,
.mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-nested-tree-node:not(:last-child) > .ruf-tree-vertical-dotted-line {
  border-left-width: 0.0625rem;
  border-left-style: dotted;
}

.mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-nested-tree-node:last-child > .mat-tree-node::before {
  background: transparent;
  border-style: dotted;
  border-width: 0 0 0 0.0625rem;
  content: "";
  height: 50%;
  position: relative;
  top: -25%;
  width: 0rem;
}

.mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-nested-tree-node:not(:last-child) > .mat-tree-node,
.mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-nested-tree-node:not(:last-child) > .ruf-tree-vertical-dotted-line {
  border-right-width: 0rem;
  border-right-style: none;
}

.mat-tree[fisStyle] .ruf-tree-vertical-dotted-line {
  padding-left: 58px;
}

.mat-tree[fisStyle] > .mat-nested-tree-node > .ruf-tree-vertical-dotted-line {
  border-left: none;
  padding-left: 18px;
}

[dir=rtl] .mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-nested-tree-node:not(:last-child) > .mat-tree-node,
[dir=rtl] .mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-nested-tree-node:not(:last-child) > .ruf-tree-vertical-dotted-line {
  border-right-width: 0.0625rem;
  border-right-style: dotted;
}

[dir=rtl] .mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-nested-tree-node:last-child > .mat-tree-node::before {
  background: transparent;
  border-style: dotted;
  border-width: 0 0 0 0.0625rem;
  content: "";
  height: 50%;
  position: relative;
  top: -25%;
  width: 0rem;
}

[dir=rtl] .mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-nested-tree-node:not(:last-child) > .mat-tree-node,
[dir=rtl] .mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-nested-tree-node:not(:last-child) > .ruf-tree-vertical-dotted-line {
  border-left-width: 0rem;
  border-left-style: none;
}

[dir=rtl] .mat-tree[fisStyle] .ruf-tree-vertical-dotted-line {
  padding-right: 58px;
}

[dir=rtl] .mat-tree[fisStyle] > .mat-nested-tree-node > .ruf-tree-vertical-dotted-line {
  border-right: none;
  padding-right: 18px;
}

.mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .ruf-tree-horizontal-dotted-line {
  border-bottom-style: dotted;
  border-bottom-width: 0.0625rem;
  height: 0rem;
  left: -0.0625rem;
  position: relative;
  top: 0rem;
  width: 40px;
}

[dir=rtl] .mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .ruf-tree-horizontal-dotted-line {
  left: 0.0625rem;
}

[dir=rtl] .mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-nested-tree-node:last-child > .mat-tree-node::before {
  left: 0.03125rem;
}

.mat-option[fisStyle] {
  color: var(--ruf-foreground-text, #012834);
}

.mat-option[fisStyle]:hover:not(.mat-option-disabled), .mat-option[fisStyle]:focus:not(.mat-option-disabled) {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-option[fisStyle].mat-selected.mat-primary, .mat-primary .mat-option[fisStyle].mat-selected, .mat-option[fisStyle].mat-selected.mat-accent, .mat-accent .mat-option[fisStyle].mat-selected, .mat-option[fisStyle].mat-selected.mat-warn, .mat-warn .mat-option[fisStyle].mat-selected {
  color: var(--ruf-foreground-text, #012834);
}

.mat-option[fisStyle].mat-selected:not(.mat-option-multiple) {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--ruf-foreground-text, #012834);
}

.mat-option[fisStyle].mat-active {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--ruf-foreground-text, #012834);
}

.mat-option[fisStyle].mat-option-disabled {
  color: var(--ruf-foreground-hint-text, #012834);
}

mat-optgroup[fisStyle] .mat-optgroup-label {
  color: var(--ruf-foreground-secondary-text, #012834);
}

mat-optgroup[fisStyle] .mat-optgroup-disabled .mat-optgroup-label {
  color: var(--ruf-foreground-hint-text, #012834);
}

*[fisStyle] .mat-pseudo-checkbox:not(.mat-pseudo-checkbox-checked), .mat-pseudo-checkbox[fisStyle]:not(.mat-pseudo-checkbox-checked) {
  border-color: var(--ruf-foreground-text, #012834);
}

*[fisStyle] .mat-pseudo-checkbox.mat-pseudo-checkbox-disabled:not(.mat-pseudo-checkbox-checked), .mat-pseudo-checkbox[fisStyle].mat-pseudo-checkbox-disabled:not(.mat-pseudo-checkbox-checked) {
  border-color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background: var(--primary, #4bcd3e);
}

.mat-pseudo-checkbox-checked::after,
.mat-pseudo-checkbox-indeterminate::after {
  color: var(--primary-contrast, #012834) !important;
}

.mat-pseudo-checkbox-checkmark {
  fill: var(--primary-contrast, #012834);
}

.mat-pseudo-checkbox-checked {
  stroke: var(--primary-contrast, #012834) !important;
}

.mat-option-multiple[fisStyle] .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-option-multiple[fisStyle] .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}

.mat-pseudo-checkbox::before {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

*[fisStyle] .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-primary[fisStyle] .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled {
  background-color: var(--primary, #4bcd3e);
  opacity: 0.5;
}

*[fisStyle] .mat-primary .mat-pseudo-checkbox-checked::after, .mat-primary[fisStyle] .mat-pseudo-checkbox-checked::after {
  color: var(--primary-contrast, #012834) !important;
}

*[fisStyle] .mat-primary .mat-pseudo-checkbox-checkmark, .mat-primary[fisStyle] .mat-pseudo-checkbox-checkmark {
  fill: var(--primary-contrast, #012834);
}

*[fisStyle] .mat-primary .mat-pseudo-checkbox-checked, .mat-primary[fisStyle] .mat-pseudo-checkbox-checked {
  stroke: var(--primary-contrast, #012834) !important;
}

*[fisStyle] .mat-primary .mat-pseudo-checkbox-checked::before, .mat-primary[fisStyle] .mat-pseudo-checkbox-checked::before {
  background: var(--primary-50, #e9f9e8);
}

*[fisStyle] .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-accent[fisStyle] .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled {
  background-color: var(--accent, #009775);
  opacity: 0.5;
}

*[fisStyle] .mat-accent .mat-pseudo-checkbox-checked::after, .mat-accent[fisStyle] .mat-pseudo-checkbox-checked::after {
  color: var(--accent-contrast, #ffffff) !important;
}

*[fisStyle] .mat-accent .mat-pseudo-checkbox-checkmark, .mat-accent[fisStyle] .mat-pseudo-checkbox-checkmark {
  fill: var(--accent-contrast, #ffffff);
}

*[fisStyle] .mat-accent .mat-pseudo-checkbox-checked, .mat-accent[fisStyle] .mat-pseudo-checkbox-checked {
  stroke: var(--accent-contrast, #ffffff) !important;
}

*[fisStyle] .mat-accent .mat-pseudo-checkbox-checked::before, .mat-accent[fisStyle] .mat-pseudo-checkbox-checked::before {
  background: var(--accent-50, #e0f3ee);
}

*[fisStyle] .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-warn[fisStyle] .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled {
  background-color: var(--warn, #fd8d62);
  opacity: 0.5;
}

*[fisStyle] .mat-warn .mat-pseudo-checkbox-checked::after, .mat-warn[fisStyle] .mat-pseudo-checkbox-checked::after {
  color: var(--warn-contrast, #012834) !important;
}

*[fisStyle] .mat-warn .mat-pseudo-checkbox-checkmark, .mat-warn[fisStyle] .mat-pseudo-checkbox-checkmark {
  fill: var(--warn-contrast, #012834);
}

*[fisStyle] .mat-warn .mat-pseudo-checkbox-checked, .mat-warn[fisStyle] .mat-pseudo-checkbox-checked {
  stroke: var(--warn-contrast, #012834) !important;
}

*[fisStyle] .mat-warn .mat-pseudo-checkbox-checked::before, .mat-warn[fisStyle] .mat-pseudo-checkbox-checked::before {
  background: var(--warn-50, #fff1ec);
}

.mat-badge[fisStyle].mat-badge-warn .mat-badge-content {
  background: var(--warn, #fd8d62);
}

.mat-badge[fisStyle].mat-badge-emphasis .mat-badge-content {
  background: var(--emphasis, #ffcd00);
}

.mat-badge[fisStyle].mat-badge-success .mat-badge-content {
  background: var(--success, #4bcd3e);
}

.mat-badge[fisStyle].mat-badge-error .mat-badge-content {
  background: var(--error, #ff1f3e);
}

.mat-badge[fisStyle].mat-badge-info .mat-badge-content {
  background: var(--info, #3bcff0);
}

.mat-button[fisStyle] {
  background-color: transparent;
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].cdk-mouse-focused {
  outline: 0;
}

.mat-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle]:not([disabled]).cdk-program-focused, .mat-button[fisStyle]:not([disabled]):hover, .mat-button[fisStyle]:not([disabled]):active {
  background-color: var(--primary-100, #c9f0c5);
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle]:not([disabled]).cdk-program-focused {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-button[fisStyle][disabled] {
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-button[fisStyle] .mat-button-focus-overlay {
  display: none;
}

.mat-button[fisStyle].mat-primary {
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-primary[disabled] {
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-button[fisStyle].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle].mat-primary:not([disabled]).cdk-program-focused, .mat-button[fisStyle].mat-primary:not([disabled]):hover, .mat-button[fisStyle].mat-primary:not([disabled]):active {
  background-color: var(--primary-100, #c9f0c5);
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-accent {
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-accent[disabled] {
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-button[fisStyle].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle].mat-accent:not([disabled]).cdk-program-focused, .mat-button[fisStyle].mat-accent:not([disabled]):hover, .mat-button[fisStyle].mat-accent:not([disabled]):active {
  background-color: var(--accent-100, #b3e0d6);
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-warn {
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-warn[disabled] {
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-button[fisStyle].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle].mat-warn:not([disabled]).cdk-program-focused, .mat-button[fisStyle].mat-warn:not([disabled]):hover, .mat-button[fisStyle].mat-warn:not([disabled]):active {
  background-color: var(--warn-100, #feddd0);
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-emphasis {
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-emphasis[disabled] {
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-button[fisStyle].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle].mat-emphasis:not([disabled]).cdk-program-focused, .mat-button[fisStyle].mat-emphasis:not([disabled]):hover, .mat-button[fisStyle].mat-emphasis:not([disabled]):active {
  background-color: var(--emphasis-100, #fff0b3);
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-success {
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-success[disabled] {
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-button[fisStyle].mat-success:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle].mat-success:not([disabled]).cdk-program-focused, .mat-button[fisStyle].mat-success:not([disabled]):hover, .mat-button[fisStyle].mat-success:not([disabled]):active {
  background-color: var(--success-100, #c9f0c5);
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-error {
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-error[disabled] {
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-button[fisStyle].mat-error:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle].mat-error:not([disabled]).cdk-program-focused, .mat-button[fisStyle].mat-error:not([disabled]):hover, .mat-button[fisStyle].mat-error:not([disabled]):active {
  background-color: var(--error-100, #ffbcc5);
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-info {
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-info[disabled] {
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-button[fisStyle].mat-info:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle].mat-info:not([disabled]).cdk-program-focused, .mat-button[fisStyle].mat-info:not([disabled]):hover, .mat-button[fisStyle].mat-info:not([disabled]):active {
  background-color: var(--info-100, #c4f1fb);
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-secondary {
  background-color: transparent;
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-secondary:not([disabled]).cdk-keyboard-focused, .mat-button[fisStyle].mat-secondary:not([disabled]).cdk-program-focused, .mat-button[fisStyle].mat-secondary:not([disabled]):hover, .mat-button[fisStyle].mat-secondary:not([disabled]):active {
  background-color: var(--ruf-background-secondary, #b3bfc2);
  color: var(--ruf-foreground-text, #012834);
}

.mat-button[fisStyle].mat-secondary[disabled] {
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-raised-button[fisStyle], .mat-flat-button[fisStyle], .mat-fab[fisStyle], .mat-mini-fab[fisStyle] {
  background-color: var(--ruf-background-raised-button, white);
  border-color: var(--primary, #4bcd3e);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-raised-button[fisStyle].cdk-mouse-focused, .mat-flat-button[fisStyle].cdk-mouse-focused, .mat-fab[fisStyle].cdk-mouse-focused, .mat-mini-fab[fisStyle].cdk-mouse-focused {
  outline: 0;
}

.mat-raised-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle]:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle]:not([disabled]).cdk-program-focused, .mat-fab[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle]:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle]:not([disabled]).cdk-program-focused {
  border-color: var(--emphasis, #ffcd00);
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-raised-button[fisStyle]:not([disabled]):hover, .mat-raised-button[fisStyle]:not([disabled]):active, .mat-raised-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle]:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle]:not([disabled]):hover, .mat-flat-button[fisStyle]:not([disabled]):active, .mat-flat-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle]:not([disabled]).cdk-program-focused, .mat-fab[fisStyle]:not([disabled]):hover, .mat-fab[fisStyle]:not([disabled]):active, .mat-fab[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle]:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle]:not([disabled]):hover, .mat-mini-fab[fisStyle]:not([disabled]):active, .mat-mini-fab[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle]:not([disabled]).cdk-program-focused {
  background-color: var(--primary, #4bcd3e);
  border-color: var(--primary, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-raised-button[fisStyle]:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-flat-button[fisStyle]:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-fab[fisStyle]:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab[fisStyle]:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.mat-raised-button[fisStyle][disabled], .mat-raised-button[fisStyle][disabled].mat-primary, .mat-raised-button[fisStyle][disabled].mat-accent, .mat-raised-button[fisStyle][disabled].mat-warn, .mat-raised-button[fisStyle][disabled].mat-success, .mat-raised-button[fisStyle][disabled].mat-error, .mat-raised-button[fisStyle][disabled].mat-info, .mat-raised-button[fisStyle][disabled].mat-emphasis, .mat-raised-button[fisStyle][disabled].mat-secondary, .mat-flat-button[fisStyle][disabled], .mat-flat-button[fisStyle][disabled].mat-primary, .mat-flat-button[fisStyle][disabled].mat-accent, .mat-flat-button[fisStyle][disabled].mat-warn, .mat-flat-button[fisStyle][disabled].mat-success, .mat-flat-button[fisStyle][disabled].mat-error, .mat-flat-button[fisStyle][disabled].mat-info, .mat-flat-button[fisStyle][disabled].mat-emphasis, .mat-flat-button[fisStyle][disabled].mat-secondary, .mat-fab[fisStyle][disabled], .mat-fab[fisStyle][disabled].mat-primary, .mat-fab[fisStyle][disabled].mat-accent, .mat-fab[fisStyle][disabled].mat-warn, .mat-fab[fisStyle][disabled].mat-success, .mat-fab[fisStyle][disabled].mat-error, .mat-fab[fisStyle][disabled].mat-info, .mat-fab[fisStyle][disabled].mat-emphasis, .mat-fab[fisStyle][disabled].mat-secondary, .mat-mini-fab[fisStyle][disabled], .mat-mini-fab[fisStyle][disabled].mat-primary, .mat-mini-fab[fisStyle][disabled].mat-accent, .mat-mini-fab[fisStyle][disabled].mat-warn, .mat-mini-fab[fisStyle][disabled].mat-success, .mat-mini-fab[fisStyle][disabled].mat-error, .mat-mini-fab[fisStyle][disabled].mat-info, .mat-mini-fab[fisStyle][disabled].mat-emphasis, .mat-mini-fab[fisStyle][disabled].mat-secondary {
  background-color: var(--ruf-background-disabled, #e1e5e7);
  border-color: transparent;
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-raised-button[fisStyle] .mat-button-focus-overlay, .mat-flat-button[fisStyle] .mat-button-focus-overlay, .mat-fab[fisStyle] .mat-button-focus-overlay, .mat-mini-fab[fisStyle] .mat-button-focus-overlay {
  display: none;
}

.mat-raised-button[fisStyle].mat-primary, .mat-flat-button[fisStyle].mat-primary, .mat-fab[fisStyle].mat-primary, .mat-mini-fab[fisStyle].mat-primary {
  background-color: var(--primary, #4bcd3e);
  border-color: var(--primary, #4bcd3e);
  box-shadow: none;
  color: var(--primary-contrast, #012834);
}

.mat-raised-button[fisStyle].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-primary:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-primary:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-primary:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-primary:not([disabled]).cdk-program-focused {
  border-color: var(--emphasis, #ffcd00);
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-raised-button[fisStyle].mat-primary:not([disabled]):hover, .mat-raised-button[fisStyle].mat-primary:not([disabled]):active, .mat-raised-button[fisStyle].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-primary:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-primary:not([disabled]):hover, .mat-flat-button[fisStyle].mat-primary:not([disabled]):active, .mat-flat-button[fisStyle].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-primary:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-primary:not([disabled]):hover, .mat-fab[fisStyle].mat-primary:not([disabled]):active, .mat-fab[fisStyle].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-primary:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-primary:not([disabled]):hover, .mat-mini-fab[fisStyle].mat-primary:not([disabled]):active, .mat-mini-fab[fisStyle].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-primary:not([disabled]).cdk-program-focused {
  background-color: transparent;
  border-color: var(--primary, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-raised-button[fisStyle].mat-warn, .mat-flat-button[fisStyle].mat-warn, .mat-fab[fisStyle].mat-warn, .mat-mini-fab[fisStyle].mat-warn {
  background-color: var(--warn, #fd8d62);
  border-color: var(--warn, #fd8d62);
  box-shadow: none;
  color: var(--warn-contrast, #012834);
}

.mat-raised-button[fisStyle].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-warn:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-warn:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-warn:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-warn:not([disabled]).cdk-program-focused {
  border-color: var(--emphasis, #ffcd00);
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-raised-button[fisStyle].mat-warn:not([disabled]):hover, .mat-raised-button[fisStyle].mat-warn:not([disabled]):active, .mat-raised-button[fisStyle].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-warn:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-warn:not([disabled]):hover, .mat-flat-button[fisStyle].mat-warn:not([disabled]):active, .mat-flat-button[fisStyle].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-warn:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-warn:not([disabled]):hover, .mat-fab[fisStyle].mat-warn:not([disabled]):active, .mat-fab[fisStyle].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-warn:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-warn:not([disabled]):hover, .mat-mini-fab[fisStyle].mat-warn:not([disabled]):active, .mat-mini-fab[fisStyle].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-warn:not([disabled]).cdk-program-focused {
  background-color: transparent;
  border-color: var(--warn, #fd8d62);
  color: var(--ruf-foreground-text, #012834);
}

.mat-raised-button[fisStyle].mat-emphasis, .mat-flat-button[fisStyle].mat-emphasis, .mat-fab[fisStyle].mat-emphasis, .mat-mini-fab[fisStyle].mat-emphasis {
  background-color: var(--emphasis, #ffcd00);
  border-color: var(--emphasis, #ffcd00);
  box-shadow: none;
  color: var(--emphasis-contrast, #ffffff);
}

.mat-raised-button[fisStyle].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-emphasis:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-emphasis:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-emphasis:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-emphasis:not([disabled]).cdk-program-focused {
  border-color: var(--emphasis, #ffcd00);
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-raised-button[fisStyle].mat-emphasis:not([disabled]):hover, .mat-raised-button[fisStyle].mat-emphasis:not([disabled]):active, .mat-raised-button[fisStyle].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-emphasis:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-emphasis:not([disabled]):hover, .mat-flat-button[fisStyle].mat-emphasis:not([disabled]):active, .mat-flat-button[fisStyle].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-emphasis:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-emphasis:not([disabled]):hover, .mat-fab[fisStyle].mat-emphasis:not([disabled]):active, .mat-fab[fisStyle].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-emphasis:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-emphasis:not([disabled]):hover, .mat-mini-fab[fisStyle].mat-emphasis:not([disabled]):active, .mat-mini-fab[fisStyle].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-emphasis:not([disabled]).cdk-program-focused {
  background-color: transparent;
  border-color: var(--emphasis, #ffcd00);
  color: var(--ruf-foreground-text, #012834);
}

.mat-raised-button[fisStyle].mat-success, .mat-flat-button[fisStyle].mat-success, .mat-fab[fisStyle].mat-success, .mat-mini-fab[fisStyle].mat-success {
  background-color: var(--success, #4bcd3e);
  border-color: var(--success, #4bcd3e);
  box-shadow: none;
  color: var(--success-contrast, #012834);
}

.mat-raised-button[fisStyle].mat-success:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-success:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-success:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-success:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-success:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-success:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-success:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-success:not([disabled]).cdk-program-focused {
  border-color: var(--emphasis, #ffcd00);
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-raised-button[fisStyle].mat-success:not([disabled]):hover, .mat-raised-button[fisStyle].mat-success:not([disabled]):active, .mat-raised-button[fisStyle].mat-success:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-success:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-success:not([disabled]):hover, .mat-flat-button[fisStyle].mat-success:not([disabled]):active, .mat-flat-button[fisStyle].mat-success:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-success:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-success:not([disabled]):hover, .mat-fab[fisStyle].mat-success:not([disabled]):active, .mat-fab[fisStyle].mat-success:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-success:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-success:not([disabled]):hover, .mat-mini-fab[fisStyle].mat-success:not([disabled]):active, .mat-mini-fab[fisStyle].mat-success:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-success:not([disabled]).cdk-program-focused {
  background-color: transparent;
  border-color: var(--success, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-raised-button[fisStyle].mat-error, .mat-flat-button[fisStyle].mat-error, .mat-fab[fisStyle].mat-error, .mat-mini-fab[fisStyle].mat-error {
  background-color: var(--error, #ff1f3e);
  border-color: var(--error, #ff1f3e);
  box-shadow: none;
  color: var(--error-contrast, #012834);
}

.mat-raised-button[fisStyle].mat-error:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-error:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-error:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-error:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-error:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-error:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-error:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-error:not([disabled]).cdk-program-focused {
  border-color: var(--emphasis, #ffcd00);
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-raised-button[fisStyle].mat-error:not([disabled]):hover, .mat-raised-button[fisStyle].mat-error:not([disabled]):active, .mat-raised-button[fisStyle].mat-error:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-error:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-error:not([disabled]):hover, .mat-flat-button[fisStyle].mat-error:not([disabled]):active, .mat-flat-button[fisStyle].mat-error:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-error:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-error:not([disabled]):hover, .mat-fab[fisStyle].mat-error:not([disabled]):active, .mat-fab[fisStyle].mat-error:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-error:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-error:not([disabled]):hover, .mat-mini-fab[fisStyle].mat-error:not([disabled]):active, .mat-mini-fab[fisStyle].mat-error:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-error:not([disabled]).cdk-program-focused {
  background-color: transparent;
  border-color: var(--error, #ff1f3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-raised-button[fisStyle].mat-info, .mat-flat-button[fisStyle].mat-info, .mat-fab[fisStyle].mat-info, .mat-mini-fab[fisStyle].mat-info {
  background-color: var(--info, #3bcff0);
  border-color: var(--info, #3bcff0);
  box-shadow: none;
  color: var(--info-contrast, #012834);
}

.mat-raised-button[fisStyle].mat-info:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-info:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-info:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-info:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-info:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-info:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-info:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-info:not([disabled]).cdk-program-focused {
  border-color: var(--emphasis, #ffcd00);
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-raised-button[fisStyle].mat-info:not([disabled]):hover, .mat-raised-button[fisStyle].mat-info:not([disabled]):active, .mat-raised-button[fisStyle].mat-info:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-info:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-info:not([disabled]):hover, .mat-flat-button[fisStyle].mat-info:not([disabled]):active, .mat-flat-button[fisStyle].mat-info:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-info:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-info:not([disabled]):hover, .mat-fab[fisStyle].mat-info:not([disabled]):active, .mat-fab[fisStyle].mat-info:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-info:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-info:not([disabled]):hover, .mat-mini-fab[fisStyle].mat-info:not([disabled]):active, .mat-mini-fab[fisStyle].mat-info:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-info:not([disabled]).cdk-program-focused {
  background-color: transparent;
  border-color: var(--info, #3bcff0);
  color: var(--ruf-foreground-text, #012834);
}

.mat-raised-button[fisStyle].mat-accent, .mat-flat-button[fisStyle].mat-accent, .mat-fab[fisStyle].mat-accent, .mat-mini-fab[fisStyle].mat-accent {
  background-color: var(--accent, #009775);
  border-color: var(--accent, #009775);
  box-shadow: none;
  color: var(--accent-contrast, #ffffff);
}

.mat-raised-button[fisStyle].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-accent:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-accent:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-accent:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-accent:not([disabled]).cdk-program-focused {
  border-color: var(--emphasis, #ffcd00);
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-raised-button[fisStyle].mat-accent:not([disabled]):hover, .mat-raised-button[fisStyle].mat-accent:not([disabled]):active, .mat-raised-button[fisStyle].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-accent:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-accent:not([disabled]):hover, .mat-flat-button[fisStyle].mat-accent:not([disabled]):active, .mat-flat-button[fisStyle].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-accent:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-accent:not([disabled]):hover, .mat-fab[fisStyle].mat-accent:not([disabled]):active, .mat-fab[fisStyle].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-accent:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-accent:not([disabled]):hover, .mat-mini-fab[fisStyle].mat-accent:not([disabled]):active, .mat-mini-fab[fisStyle].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-accent:not([disabled]).cdk-program-focused {
  background-color: transparent;
  border-color: var(--accent, #009775);
  color: var(--ruf-foreground-text, #012834);
}

.mat-raised-button[fisStyle].mat-secondary, .mat-flat-button[fisStyle].mat-secondary, .mat-fab[fisStyle].mat-secondary, .mat-mini-fab[fisStyle].mat-secondary {
  background-color: var(--ruf-background-secondary, #b3bfc2);
  border-color: var(--ruf-background-secondary, #b3bfc2);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-raised-button[fisStyle].mat-secondary:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-secondary:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-secondary:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-secondary:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-secondary:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-secondary:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-secondary:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-secondary:not([disabled]).cdk-program-focused {
  border-color: var(--emphasis, #ffcd00);
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-raised-button[fisStyle].mat-secondary:not([disabled]).cdk-keyboard-focused, .mat-raised-button[fisStyle].mat-secondary:not([disabled]).cdk-program-focused, .mat-raised-button[fisStyle].mat-secondary:not([disabled]):hover, .mat-raised-button[fisStyle].mat-secondary:not([disabled]):active, .mat-flat-button[fisStyle].mat-secondary:not([disabled]).cdk-keyboard-focused, .mat-flat-button[fisStyle].mat-secondary:not([disabled]).cdk-program-focused, .mat-flat-button[fisStyle].mat-secondary:not([disabled]):hover, .mat-flat-button[fisStyle].mat-secondary:not([disabled]):active, .mat-fab[fisStyle].mat-secondary:not([disabled]).cdk-keyboard-focused, .mat-fab[fisStyle].mat-secondary:not([disabled]).cdk-program-focused, .mat-fab[fisStyle].mat-secondary:not([disabled]):hover, .mat-fab[fisStyle].mat-secondary:not([disabled]):active, .mat-mini-fab[fisStyle].mat-secondary:not([disabled]).cdk-keyboard-focused, .mat-mini-fab[fisStyle].mat-secondary:not([disabled]).cdk-program-focused, .mat-mini-fab[fisStyle].mat-secondary:not([disabled]):hover, .mat-mini-fab[fisStyle].mat-secondary:not([disabled]):active {
  background-color: transparent;
  border-color: var(--ruf-background-secondary, #b3bfc2);
  color: var(--ruf-foreground-text, #012834);
}

a.mat-button[fisStyle], a.mat-raised-button[fisStyle], a.mat-flat-button[fisStyle] {
  background-color: transparent;
  border-color: transparent;
  color: var(--ruf-foreground-link, #285bc5);
}

a.mat-button[fisStyle].mat-primary:not([disabled]):hover, a.mat-button[fisStyle].mat-emphasis:not([disabled]):hover, a.mat-button[fisStyle].mat-secondary:not([disabled]):hover, a.mat-button[fisStyle]:not([disabled]):hover, a.mat-raised-button[fisStyle].mat-primary:not([disabled]):hover, a.mat-raised-button[fisStyle].mat-emphasis:not([disabled]):hover, a.mat-raised-button[fisStyle].mat-secondary:not([disabled]):hover, a.mat-raised-button[fisStyle]:not([disabled]):hover, a.mat-flat-button[fisStyle].mat-primary:not([disabled]):hover, a.mat-flat-button[fisStyle].mat-emphasis:not([disabled]):hover, a.mat-flat-button[fisStyle].mat-secondary:not([disabled]):hover, a.mat-flat-button[fisStyle]:not([disabled]):hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--ruf-foreground-link, #285bc5);
  text-decoration: underline;
}

a.mat-button[fisStyle].mat-primary, a.mat-button[fisStyle].mat-emphasis, a.mat-button[fisStyle].mat-secondary, a.mat-button[fisStyle][disabled], a.mat-raised-button[fisStyle].mat-primary, a.mat-raised-button[fisStyle].mat-emphasis, a.mat-raised-button[fisStyle].mat-secondary, a.mat-raised-button[fisStyle][disabled], a.mat-flat-button[fisStyle].mat-primary, a.mat-flat-button[fisStyle].mat-emphasis, a.mat-flat-button[fisStyle].mat-secondary, a.mat-flat-button[fisStyle][disabled] {
  background-color: transparent;
  border-color: transparent;
  color: var(--ruf-foreground-link, #285bc5);
}

a.mat-button[fisStyle].mat-primary[disabled], a.mat-button[fisStyle].mat-emphasis[disabled], a.mat-button[fisStyle].mat-secondary[disabled], a.mat-button[fisStyle][disabled][disabled], a.mat-raised-button[fisStyle].mat-primary[disabled], a.mat-raised-button[fisStyle].mat-emphasis[disabled], a.mat-raised-button[fisStyle].mat-secondary[disabled], a.mat-raised-button[fisStyle][disabled][disabled], a.mat-flat-button[fisStyle].mat-primary[disabled], a.mat-flat-button[fisStyle].mat-emphasis[disabled], a.mat-flat-button[fisStyle].mat-secondary[disabled], a.mat-flat-button[fisStyle][disabled][disabled] {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: rgba(var(--ruf-foreground-link-rgb, 40, 91, 197), 0.5);
  opacity: 1;
}

a.mat-button[fisStyle].cdk-keyboard-focused, a.mat-raised-button[fisStyle].cdk-keyboard-focused, a.mat-flat-button[fisStyle].cdk-keyboard-focused {
  outline: 0;
}

a.mat-button[fisStyle]:not([disabled]).cdk-focused.cdk-focused, a.mat-raised-button[fisStyle]:not([disabled]).cdk-focused.cdk-focused, a.mat-flat-button[fisStyle]:not([disabled]).cdk-focused.cdk-focused {
  border-color: var(--emphasis, #ffcd00);
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
  background-color: transparent;
  border-color: transparent;
  color: var(--ruf-foreground-link, #285bc5);
  text-decoration: underline;
}

.mat-icon-button[fisStyle] .mat-button-focus-overlay,
[fisStyle] .mat-icon-button .mat-button-focus-overlay {
  background-color: transparent;
  opacity: 0;
}

.mat-icon-button[fisStyle][disabled],
[fisStyle] .mat-icon-button[disabled] {
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-icon-button[fisStyle]:not([disabled]).cdk-keyboard-focused,
[fisStyle] .mat-icon-button:not([disabled]).cdk-keyboard-focused {
  border-color: var(--emphasis, #ffcd00);
  box-shadow: none;
}

.mat-icon-button[fisStyle]:not([disabled]):hover, .mat-icon-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).cdk-program-focused,
[fisStyle] .mat-icon-button:not([disabled]):hover,
[fisStyle] .mat-icon-button:not([disabled]).cdk-keyboard-focused,
[fisStyle] .mat-icon-button:not([disabled]).cdk-program-focused {
  background-color: var(--ruf-background-secondary, #b3bfc2);
}

.mat-icon-button[fisStyle][disabled] .mat-icon,
[fisStyle] .mat-icon-button[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
}

.mat-icon-button[fisStyle]:not([disabled]).mat-primary:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-primary:active, .mat-icon-button[fisStyle]:not([disabled]).mat-primary.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-primary.cdk-program-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-primary:hover,
[fisStyle] .mat-icon-button:not([disabled]).mat-primary:active,
[fisStyle] .mat-icon-button:not([disabled]).mat-primary.cdk-keyboard-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-primary.cdk-program-focused {
  background-color: var(--primary-100, #c9f0c5);
}

.mat-icon-button[fisStyle]:not([disabled]).mat-primary:hover .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-primary:active .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-primary.cdk-keyboard-focused .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-primary.cdk-program-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-primary:hover .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-primary:active .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-primary.cdk-keyboard-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-primary.cdk-program-focused .mat-button-focus-overlay {
  background-color: transparent;
  opacity: 0;
}

.mat-icon-button[fisStyle].mat-primary[disabled] .mat-primary.mat-icon,
[fisStyle] .mat-icon-button.mat-primary[disabled] .mat-primary.mat-icon {
  opacity: 1;
}

.mat-icon-button[fisStyle]:not([disabled]).mat-accent:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-accent:active, .mat-icon-button[fisStyle]:not([disabled]).mat-accent.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-accent.cdk-program-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-accent:hover,
[fisStyle] .mat-icon-button:not([disabled]).mat-accent:active,
[fisStyle] .mat-icon-button:not([disabled]).mat-accent.cdk-keyboard-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-accent.cdk-program-focused {
  background-color: var(--accent-100, #b3e0d6);
}

.mat-icon-button[fisStyle]:not([disabled]).mat-accent:hover .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-accent:active .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-accent.cdk-keyboard-focused .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-accent.cdk-program-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-accent:hover .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-accent:active .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-accent.cdk-keyboard-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-accent.cdk-program-focused .mat-button-focus-overlay {
  background-color: transparent;
  opacity: 0;
}

.mat-icon-button[fisStyle].mat-accent[disabled] .mat-accent.mat-icon,
[fisStyle] .mat-icon-button.mat-accent[disabled] .mat-accent.mat-icon {
  opacity: 1;
}

.mat-icon-button[fisStyle]:not([disabled]).mat-warn:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-warn:active, .mat-icon-button[fisStyle]:not([disabled]).mat-warn.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-warn.cdk-program-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-warn:hover,
[fisStyle] .mat-icon-button:not([disabled]).mat-warn:active,
[fisStyle] .mat-icon-button:not([disabled]).mat-warn.cdk-keyboard-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-warn.cdk-program-focused {
  background-color: var(--warn-100, #feddd0);
}

.mat-icon-button[fisStyle]:not([disabled]).mat-warn:hover .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-warn:active .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-warn.cdk-keyboard-focused .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-warn.cdk-program-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-warn:hover .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-warn:active .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-warn.cdk-keyboard-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-warn.cdk-program-focused .mat-button-focus-overlay {
  background-color: transparent;
  opacity: 0;
}

.mat-icon-button[fisStyle].mat-warn[disabled] .mat-warn.mat-icon,
[fisStyle] .mat-icon-button.mat-warn[disabled] .mat-warn.mat-icon {
  opacity: 1;
}

.mat-icon-button[fisStyle]:not([disabled]).mat-emphasis:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-emphasis:active, .mat-icon-button[fisStyle]:not([disabled]).mat-emphasis.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-emphasis.cdk-program-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-emphasis:hover,
[fisStyle] .mat-icon-button:not([disabled]).mat-emphasis:active,
[fisStyle] .mat-icon-button:not([disabled]).mat-emphasis.cdk-keyboard-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-emphasis.cdk-program-focused {
  background-color: var(--emphasis-100, #fff0b3);
}

.mat-icon-button[fisStyle]:not([disabled]).mat-emphasis:hover .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-emphasis:active .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-emphasis.cdk-keyboard-focused .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-emphasis.cdk-program-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-emphasis:hover .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-emphasis:active .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-emphasis.cdk-keyboard-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-emphasis.cdk-program-focused .mat-button-focus-overlay {
  background-color: transparent;
  opacity: 0;
}

.mat-icon-button[fisStyle]:not([disabled]).mat-success:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-success:active, .mat-icon-button[fisStyle]:not([disabled]).mat-success.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-success.cdk-program-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-success:hover,
[fisStyle] .mat-icon-button:not([disabled]).mat-success:active,
[fisStyle] .mat-icon-button:not([disabled]).mat-success.cdk-keyboard-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-success.cdk-program-focused {
  background-color: var(--success-100, #c9f0c5);
}

.mat-icon-button[fisStyle]:not([disabled]).mat-success:hover .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-success:active .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-success.cdk-keyboard-focused .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-success.cdk-program-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-success:hover .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-success:active .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-success.cdk-keyboard-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-success.cdk-program-focused .mat-button-focus-overlay {
  background-color: transparent;
  opacity: 0;
}

.mat-icon-button[fisStyle].mat-success[disabled] .mat-success.mat-icon,
[fisStyle] .mat-icon-button.mat-success[disabled] .mat-success.mat-icon {
  opacity: 1;
}

.mat-icon-button[fisStyle]:not([disabled]).mat-error:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-error:active, .mat-icon-button[fisStyle]:not([disabled]).mat-error.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-error.cdk-program-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-error:hover,
[fisStyle] .mat-icon-button:not([disabled]).mat-error:active,
[fisStyle] .mat-icon-button:not([disabled]).mat-error.cdk-keyboard-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-error.cdk-program-focused {
  background-color: var(--error-100, #ffbcc5);
}

.mat-icon-button[fisStyle]:not([disabled]).mat-error:hover .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-error:active .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-error.cdk-keyboard-focused .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-error.cdk-program-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-error:hover .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-error:active .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-error.cdk-keyboard-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-error.cdk-program-focused .mat-button-focus-overlay {
  background-color: transparent;
  opacity: 0;
}

.mat-icon-button[fisStyle].mat-error[disabled] .mat-error.mat-icon,
[fisStyle] .mat-icon-button.mat-error[disabled] .mat-error.mat-icon {
  opacity: 1;
}

.mat-icon-button[fisStyle]:not([disabled]).mat-info:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-info:active, .mat-icon-button[fisStyle]:not([disabled]).mat-info.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-info.cdk-program-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-info:hover,
[fisStyle] .mat-icon-button:not([disabled]).mat-info:active,
[fisStyle] .mat-icon-button:not([disabled]).mat-info.cdk-keyboard-focused,
[fisStyle] .mat-icon-button:not([disabled]).mat-info.cdk-program-focused {
  background-color: var(--info-100, #c4f1fb);
}

.mat-icon-button[fisStyle]:not([disabled]).mat-info:hover .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-info:active .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-info.cdk-keyboard-focused .mat-button-focus-overlay, .mat-icon-button[fisStyle]:not([disabled]).mat-info.cdk-program-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-info:hover .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-info:active .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-info.cdk-keyboard-focused .mat-button-focus-overlay,
[fisStyle] .mat-icon-button:not([disabled]).mat-info.cdk-program-focused .mat-button-focus-overlay {
  background-color: transparent;
  opacity: 0;
}

.mat-icon-button[fisStyle].mat-info[disabled] .mat-info.mat-icon,
[fisStyle] .mat-icon-button.mat-info[disabled] .mat-info.mat-icon {
  opacity: 1;
}

[light].mat-icon-button[fisStyle]:not([disabled]):hover, [light].mat-icon-button[fisStyle]:not([disabled]).cdk-keyboard-focused, [light].mat-icon-button[fisStyle]:not([disabled]).cdk-program-focused, [fisStyle] [light].mat-icon-button:not([disabled]):hover, [fisStyle] [light].mat-icon-button:not([disabled]).cdk-keyboard-focused, [fisStyle] [light].mat-icon-button:not([disabled]).cdk-program-focused {
  background-color: var(--ruf-background-halo-dark, #34535d);
}

[light].mat-icon-button[fisStyle].mat-primary:not([disabled]):hover, [light].mat-icon-button[fisStyle].mat-primary:not([disabled]).cdk-keyboard-focused, [light].mat-icon-button[fisStyle].mat-primary:not([disabled]).cdk-program-focused, [fisStyle] [light].mat-icon-button.mat-primary:not([disabled]):hover, [fisStyle] [light].mat-icon-button.mat-primary:not([disabled]).cdk-keyboard-focused, [fisStyle] [light].mat-icon-button.mat-primary:not([disabled]).cdk-program-focused {
  background-color: var(--primary-800, #225c1c);
}

[light].mat-icon-button[fisStyle][disabled], [fisStyle] [light].mat-icon-button[disabled] {
  color: #1a3e48;
}

[light].mat-icon-button[fisStyle].mat-accent:not([disabled]):hover, [light].mat-icon-button[fisStyle].mat-accent:not([disabled]).cdk-keyboard-focused, [light].mat-icon-button[fisStyle].mat-accent:not([disabled]).cdk-program-focused, [fisStyle] [light].mat-icon-button.mat-accent:not([disabled]):hover, [fisStyle] [light].mat-icon-button.mat-accent:not([disabled]).cdk-keyboard-focused, [fisStyle] [light].mat-icon-button.mat-accent:not([disabled]).cdk-program-focused {
  background-color: var(--accent-800, #00523f);
}

[light].mat-icon-button[fisStyle][disabled], [fisStyle] [light].mat-icon-button[disabled] {
  color: #1a3e48;
}

[light].mat-icon-button[fisStyle].mat-warn:not([disabled]):hover, [light].mat-icon-button[fisStyle].mat-warn:not([disabled]).cdk-keyboard-focused, [light].mat-icon-button[fisStyle].mat-warn:not([disabled]).cdk-program-focused, [fisStyle] [light].mat-icon-button.mat-warn:not([disabled]):hover, [fisStyle] [light].mat-icon-button.mat-warn:not([disabled]).cdk-keyboard-focused, [fisStyle] [light].mat-icon-button.mat-warn:not([disabled]).cdk-program-focused {
  background-color: var(--warn-800, #713f2c);
}

[light].mat-icon-button[fisStyle][disabled], [fisStyle] [light].mat-icon-button[disabled] {
  color: #1a3e48;
}

[light].mat-icon-button[fisStyle].mat-emphasis:not([disabled]):hover, [light].mat-icon-button[fisStyle].mat-emphasis:not([disabled]).cdk-keyboard-focused, [light].mat-icon-button[fisStyle].mat-emphasis:not([disabled]).cdk-program-focused, [fisStyle] [light].mat-icon-button.mat-emphasis:not([disabled]):hover, [fisStyle] [light].mat-icon-button.mat-emphasis:not([disabled]).cdk-keyboard-focused, [fisStyle] [light].mat-icon-button.mat-emphasis:not([disabled]).cdk-program-focused {
  background-color: var(--emphasis-800, #8a6f00);
}

[light].mat-icon-button[fisStyle][disabled], [fisStyle] [light].mat-icon-button[disabled] {
  color: #1a3e48;
}

[light].mat-icon-button[fisStyle].mat-success:not([disabled]):hover, [light].mat-icon-button[fisStyle].mat-success:not([disabled]).cdk-keyboard-focused, [light].mat-icon-button[fisStyle].mat-success:not([disabled]).cdk-program-focused, [fisStyle] [light].mat-icon-button.mat-success:not([disabled]):hover, [fisStyle] [light].mat-icon-button.mat-success:not([disabled]).cdk-keyboard-focused, [fisStyle] [light].mat-icon-button.mat-success:not([disabled]).cdk-program-focused {
  background-color: var(--success-800, #225c1c);
}

[light].mat-icon-button[fisStyle][disabled], [fisStyle] [light].mat-icon-button[disabled] {
  color: #1a3e48;
}

[light].mat-icon-button[fisStyle].mat-error:not([disabled]):hover, [light].mat-icon-button[fisStyle].mat-error:not([disabled]).cdk-keyboard-focused, [light].mat-icon-button[fisStyle].mat-error:not([disabled]).cdk-program-focused, [fisStyle] [light].mat-icon-button.mat-error:not([disabled]):hover, [fisStyle] [light].mat-icon-button.mat-error:not([disabled]).cdk-keyboard-focused, [fisStyle] [light].mat-icon-button.mat-error:not([disabled]).cdk-program-focused {
  background-color: var(--error-800, #720e1c);
}

[light].mat-icon-button[fisStyle][disabled], [fisStyle] [light].mat-icon-button[disabled] {
  color: #1a3e48;
}

[light].mat-icon-button[fisStyle].mat-info:not([disabled]):hover, [light].mat-icon-button[fisStyle].mat-info:not([disabled]).cdk-keyboard-focused, [light].mat-icon-button[fisStyle].mat-info:not([disabled]).cdk-program-focused, [fisStyle] [light].mat-icon-button.mat-info:not([disabled]):hover, [fisStyle] [light].mat-icon-button.mat-info:not([disabled]).cdk-keyboard-focused, [fisStyle] [light].mat-icon-button.mat-info:not([disabled]).cdk-program-focused {
  background-color: var(--info-800, #1a5c6b);
}

[light].mat-icon-button[fisStyle][disabled], [fisStyle] [light].mat-icon-button[disabled] {
  color: #1a3e48;
}

.mat-stroked-button[fisStyle] {
  background-color: var(--ruf-background-raised-button, white);
  border-color: var(--primary, #4bcd3e);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-stroked-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-stroked-button[fisStyle]:not([disabled]).cdk-program-focused, .mat-stroked-button[fisStyle]:not([disabled]):hover, .mat-stroked-button[fisStyle]:not([disabled]):active {
  background-color: var(--primary, #4bcd3e);
  border-color: var(--primary, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-stroked-button[fisStyle]:not([disabled]).cdk-keyboard-focused, .mat-stroked-button[fisStyle]:not([disabled]).cdk-program-focused {
  border-color: var(--primary, #4bcd3e);
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-stroked-button[fisStyle][disabled] {
  border-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-stroked-button[fisStyle].mat-primary {
  background-color: transparent;
  border-color: var(--primary, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-stroked-button[fisStyle].mat-primary[disabled] {
  border-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-stroked-button[fisStyle].mat-primary:not([disabled]):hover, .mat-stroked-button[fisStyle].mat-primary:not([disabled]):active, .mat-stroked-button[fisStyle].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-stroked-button[fisStyle].mat-primary:not([disabled]).cdk-program-focused {
  background-color: var(--primary, #4bcd3e);
  border-color: var(--primary, #4bcd3e);
  color: var(--primary-contrast, #012834);
}

.mat-stroked-button[fisStyle].mat-accent {
  background-color: transparent;
  border-color: var(--accent, #009775);
  color: var(--ruf-foreground-text, #012834);
}

.mat-stroked-button[fisStyle].mat-accent[disabled] {
  border-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-stroked-button[fisStyle].mat-accent:not([disabled]):hover, .mat-stroked-button[fisStyle].mat-accent:not([disabled]):active, .mat-stroked-button[fisStyle].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-stroked-button[fisStyle].mat-accent:not([disabled]).cdk-program-focused {
  background-color: var(--accent, #009775);
  border-color: var(--accent, #009775);
  color: var(--accent-contrast, #ffffff);
}

.mat-stroked-button[fisStyle].mat-warn {
  background-color: transparent;
  border-color: var(--warn, #fd8d62);
  color: var(--ruf-foreground-text, #012834);
}

.mat-stroked-button[fisStyle].mat-warn[disabled] {
  border-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-stroked-button[fisStyle].mat-warn:not([disabled]):hover, .mat-stroked-button[fisStyle].mat-warn:not([disabled]):active, .mat-stroked-button[fisStyle].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-stroked-button[fisStyle].mat-warn:not([disabled]).cdk-program-focused {
  background-color: var(--warn, #fd8d62);
  border-color: var(--warn, #fd8d62);
  color: var(--warn-contrast, #012834);
}

.mat-stroked-button[fisStyle].mat-emphasis {
  background-color: transparent;
  border-color: var(--emphasis, #ffcd00);
  color: var(--ruf-foreground-text, #012834);
}

.mat-stroked-button[fisStyle].mat-emphasis[disabled] {
  border-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-stroked-button[fisStyle].mat-emphasis:not([disabled]):hover, .mat-stroked-button[fisStyle].mat-emphasis:not([disabled]):active, .mat-stroked-button[fisStyle].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-stroked-button[fisStyle].mat-emphasis:not([disabled]).cdk-program-focused {
  background-color: var(--emphasis, #ffcd00);
  border-color: var(--emphasis, #ffcd00);
  color: var(--emphasis-contrast, #ffffff);
}

.mat-stroked-button[fisStyle].mat-success {
  background-color: transparent;
  border-color: var(--success, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-stroked-button[fisStyle].mat-success[disabled] {
  border-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-stroked-button[fisStyle].mat-success:not([disabled]):hover, .mat-stroked-button[fisStyle].mat-success:not([disabled]):active, .mat-stroked-button[fisStyle].mat-success:not([disabled]).cdk-keyboard-focused, .mat-stroked-button[fisStyle].mat-success:not([disabled]).cdk-program-focused {
  background-color: var(--success, #4bcd3e);
  border-color: var(--success, #4bcd3e);
  color: var(--success-contrast, #012834);
}

.mat-stroked-button[fisStyle].mat-error {
  background-color: transparent;
  border-color: var(--error, #ff1f3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-stroked-button[fisStyle].mat-error[disabled] {
  border-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-stroked-button[fisStyle].mat-error:not([disabled]):hover, .mat-stroked-button[fisStyle].mat-error:not([disabled]):active, .mat-stroked-button[fisStyle].mat-error:not([disabled]).cdk-keyboard-focused, .mat-stroked-button[fisStyle].mat-error:not([disabled]).cdk-program-focused {
  background-color: var(--error, #ff1f3e);
  border-color: var(--error, #ff1f3e);
  color: var(--error-contrast, #012834);
}

.mat-stroked-button[fisStyle].mat-info {
  background-color: transparent;
  border-color: var(--info, #3bcff0);
  color: var(--ruf-foreground-text, #012834);
}

.mat-stroked-button[fisStyle].mat-info[disabled] {
  border-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-stroked-button[fisStyle].mat-info:not([disabled]):hover, .mat-stroked-button[fisStyle].mat-info:not([disabled]):active, .mat-stroked-button[fisStyle].mat-info:not([disabled]).cdk-keyboard-focused, .mat-stroked-button[fisStyle].mat-info:not([disabled]).cdk-program-focused {
  background-color: var(--info, #3bcff0);
  border-color: var(--info, #3bcff0);
  color: var(--info-contrast, #012834);
}

.mat-stroked-button[fisStyle].mat-secondary:not([disabled]):hover, .mat-stroked-button[fisStyle].mat-secondary:not([disabled]).cdk-keyboard-focused, .mat-stroked-button[fisStyle].mat-secondary:not([disabled]).cdk-program-focused {
  background-color: transparent;
}

.mat-fab[fisStyle], .mat-mini-fab[fisStyle] {
  box-shadow: none;
}

.mat-fab[fisStyle].mat-primary[disabled], .mat-mini-fab[fisStyle].mat-primary[disabled] {
  background-color: var(--ruf-background-disabled, #e1e5e7);
  border-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-fab[fisStyle].mat-accent[disabled], .mat-mini-fab[fisStyle].mat-accent[disabled] {
  background-color: var(--ruf-background-disabled, #e1e5e7);
  border-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-fab[fisStyle].mat-warn[disabled], .mat-mini-fab[fisStyle].mat-warn[disabled] {
  background-color: var(--ruf-background-disabled, #e1e5e7);
  border-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  box-shadow: none;
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button] {
  background-color: var(--ruf-background-card-canvas, #e5e5e5);
  border-color: transparent;
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button]:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button]:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button]:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button]:not([disabled]).cdk-program-focused {
  border-style: none;
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button:not([disabled]):active, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button]:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button]:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button]:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button]:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button]:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button]:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button]:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button]:not([disabled]):active {
  background-color: #b3bfc2;
  color: var(--ruf-foreground-text, #012834);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-primary, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-primary,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-primary,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-primary {
  background-color: var(--primary-100, #c9f0c5);
  box-shadow: none;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-primary:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-primary:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-primary:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-primary:not([disabled]):active, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-primary:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-primary:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-primary:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-primary:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-primary:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-primary:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-primary:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-primary:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-primary:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-primary:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-primary:not([disabled]):active {
  background-color: var(--primary-200, #a5e69f);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-primary[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-primary[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-primary[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-primary[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-primary[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-primary[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-primary[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-primary[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-accent, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-accent,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-accent,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-accent {
  background-color: var(--accent-100, #b3e0d6);
  box-shadow: none;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-accent:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-accent:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-accent:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-accent:not([disabled]):active, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-accent:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-accent:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-accent:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-accent:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-accent:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-accent:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-accent:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-accent:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-accent:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-accent:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-accent:not([disabled]):active {
  background-color: var(--accent-200, #80cbba);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-accent[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-accent[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-accent[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-accent[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-accent[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-accent[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-accent[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-accent[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-warn, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-warn,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-warn,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-warn {
  background-color: var(--warn-100, #feddd0);
  box-shadow: none;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-warn:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-warn:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-warn:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-warn:not([disabled]):active, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-warn:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-warn:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-warn:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-warn:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-warn:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-warn:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-warn:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-warn:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-warn:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-warn:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-warn:not([disabled]):active {
  background-color: var(--warn-200, #fec6b1);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-warn[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-warn[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-warn[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-warn[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-warn[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-warn[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-warn[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-warn[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-emphasis, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-emphasis,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-emphasis,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-emphasis {
  background-color: var(--emphasis-100, #fff0b3);
  box-shadow: none;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-emphasis:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-emphasis:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-emphasis:not([disabled]):active, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-emphasis:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-emphasis:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-emphasis:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-emphasis:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-emphasis:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-emphasis:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-emphasis:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-emphasis:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-emphasis:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-emphasis:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-emphasis:not([disabled]):active {
  background-color: var(--emphasis-200, #ffe680);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-emphasis[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-emphasis[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-emphasis[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-emphasis[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-emphasis[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-emphasis[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-emphasis[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-emphasis[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-success, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-success,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-success,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-success {
  background-color: var(--success-100, #c9f0c5);
  box-shadow: none;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-success:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-success:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-success:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-success:not([disabled]):active, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-success:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-success:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-success:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-success:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-success:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-success:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-success:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-success:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-success:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-success:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-success:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-success:not([disabled]):active {
  background-color: var(--success-200, #a5e69f);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-success[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-success[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-success[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-success[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-success[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-success[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-success[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-success[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-error, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-error,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-error,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-error {
  background-color: var(--error-100, #ffbcc5);
  box-shadow: none;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-error:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-error:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-error:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-error:not([disabled]):active, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-error:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-error:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-error:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-error:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-error:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-error:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-error:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-error:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-error:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-error:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-error:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-error:not([disabled]):active {
  background-color: var(--error-200, #ff8f9f);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-error[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-error[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-error[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-error[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-error[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-error[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-error[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-error[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-info, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-info,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-info,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-info {
  background-color: var(--info-100, #c4f1fb);
  box-shadow: none;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-info:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-info:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-info:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-info:not([disabled]):active, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-info:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-info:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-info:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-info:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-info:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-info:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-info:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-info:not([disabled]):active,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-info:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-info:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-info:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-info:not([disabled]):active {
  background-color: var(--info-200, #9de7f8);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-info[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-info[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-info[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-info[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button.mat-info[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button].mat-info[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button.mat-info[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button].mat-info[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-primary, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-primary,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-primary,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-primary {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--primary, #4bcd3e);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-primary:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-primary:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-primary:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-primary:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-primary:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-primary:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-primary:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-primary:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-primary:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-primary:not([disabled]):hover {
  background-color: var(--primary-900, #1a4816);
  color: var(--primary, #4bcd3e);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-primary:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-primary:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-primary:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-primary:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-primary:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-primary:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-primary:not([disabled]).cdk-program-focused {
  border-style: none;
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-primary[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-primary[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-primary[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-primary[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-primary[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-primary[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-primary[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-primary[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-accent, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-accent,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-accent,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-accent {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--accent, #009775);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-accent:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-accent:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-accent:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-accent:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-accent:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-accent:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-accent:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-accent:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-accent:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-accent:not([disabled]):hover {
  background-color: var(--accent-900, #003529);
  color: var(--accent, #009775);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-accent:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-accent:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-accent:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-accent:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-accent:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-accent:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-accent:not([disabled]).cdk-program-focused {
  border-style: none;
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-accent[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-accent[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-accent[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-accent[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-accent[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-accent[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-accent[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-accent[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-warn, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-warn,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-warn,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-warn {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--warn, #fd8d62);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-warn:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-warn:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-warn:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-warn:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-warn:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-warn:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-warn:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-warn:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-warn:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-warn:not([disabled]):hover {
  background-color: var(--warn-900, #593122);
  color: var(--warn, #fd8d62);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-warn:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-warn:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-warn:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-warn:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-warn:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-warn:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-warn:not([disabled]).cdk-program-focused {
  border-style: none;
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-warn[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-warn[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-warn[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-warn[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-warn[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-warn[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-warn[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-warn[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-emphasis, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-emphasis,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-emphasis,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-emphasis {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--emphasis, #ffcd00);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-emphasis:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-emphasis:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-emphasis:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-emphasis:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-emphasis:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-emphasis:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-emphasis:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-emphasis:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-emphasis:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-emphasis:not([disabled]):hover {
  background-color: var(--emphasis-900, #594800);
  color: var(--emphasis, #ffcd00);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-emphasis:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-emphasis:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-emphasis:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-emphasis:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-emphasis:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-emphasis:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-emphasis:not([disabled]).cdk-program-focused {
  border-style: none;
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-emphasis[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-emphasis[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-emphasis[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-emphasis[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-emphasis[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-emphasis[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-emphasis[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-emphasis[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-success, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-success,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-success,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-success {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--success, #4bcd3e);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-success:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-success:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-success:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-success:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-success:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-success:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-success:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-success:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-success:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-success:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-success:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-success:not([disabled]):hover {
  background-color: var(--success-900, #1a4816);
  color: var(--success, #4bcd3e);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-success:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-success:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-success:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-success:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-success:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-success:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-success:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-success:not([disabled]).cdk-program-focused {
  border-style: none;
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-success[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-success[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-success[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-success[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-success[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-success[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-success[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-success[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-error, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-error,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-error,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-error {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--error, #ff1f3e);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-error:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-error:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-error:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-error:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-error:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-error:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-error:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-error:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-error:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-error:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-error:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-error:not([disabled]):hover {
  background-color: var(--error-900, #590b16);
  color: var(--error, #ff1f3e);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-error:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-error:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-error:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-error:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-error:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-error:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-error:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-error:not([disabled]).cdk-program-focused {
  border-style: none;
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-error[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-error[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-error[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-error[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-error[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-error[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-error[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-error[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-info, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-info,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-info,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-info {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--info, #3bcff0);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-info:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-info:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-info:not([disabled]):hover, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-info:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-info:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-info:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-info:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-info:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-info:not([disabled]):hover,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-info:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-info:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-info:not([disabled]):hover {
  background-color: var(--info-900, #154854);
  color: var(--info, #3bcff0);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-info:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-info:not([disabled]).cdk-program-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-info:not([disabled]).cdk-keyboard-focused, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-info:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-info:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-info:not([disabled]).cdk-program-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-info:not([disabled]).cdk-keyboard-focused,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-info:not([disabled]).cdk-program-focused {
  border-style: none;
  box-shadow: 0 0 0 2px var(--emphasis, #ffcd00);
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-info[disabled], .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-info[disabled],
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-info[disabled],
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-info[disabled] {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  box-shadow: none;
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle].ruf-ghost-button[dark].mat-info[disabled] .mat-icon, .mat-button:not(.mat-stroked-button):not(.mat-raised-button):not(.mat-flat-button)[fisStyle][ruf-ghost-button][dark].mat-info[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle].ruf-ghost-button[dark].mat-info[disabled] .mat-icon,
.mat-icon-button.mat-button-base[fisStyle][ruf-ghost-button][dark].mat-info[disabled] .mat-icon {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-primary:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--primary-600, #41b236);
  border-left-color: var(--primary, #4bcd3e);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-primary:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--primary-600, #41b236);
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-primary:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-right-color: transparent;
  border-left-color: var(--primary, #4bcd3e);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-primary:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-left-color: transparent;
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-primary:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--primary, #4bcd3e);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-primary:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--primary, #4bcd3e);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-accent:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--accent-600, #008366);
  border-left-color: var(--accent, #009775);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-accent:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--accent-600, #008366);
  border-right-color: var(--accent, #009775);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-accent:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-right-color: transparent;
  border-left-color: var(--accent, #009775);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-accent:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-left-color: transparent;
  border-right-color: var(--accent, #009775);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-accent:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--accent, #009775);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-accent:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--accent, #009775);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-warn:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--warn-600, #dc7b55);
  border-left-color: var(--warn, #fd8d62);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-warn:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--warn-600, #dc7b55);
  border-right-color: var(--warn, #fd8d62);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-warn:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-right-color: transparent;
  border-left-color: var(--warn, #fd8d62);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-warn:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-left-color: transparent;
  border-right-color: var(--warn, #fd8d62);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-warn:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--warn, #fd8d62);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-warn:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--warn, #fd8d62);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-emphasis:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--emphasis-600, #deb200);
  border-left-color: var(--emphasis, #ffcd00);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-emphasis:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--emphasis-600, #deb200);
  border-right-color: var(--emphasis, #ffcd00);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-emphasis:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-right-color: transparent;
  border-left-color: var(--emphasis, #ffcd00);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-emphasis:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-left-color: transparent;
  border-right-color: var(--emphasis, #ffcd00);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-emphasis:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--emphasis, #ffcd00);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-emphasis:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--emphasis, #ffcd00);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-success:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--success-600, #41b236);
  border-left-color: var(--success, #4bcd3e);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-success:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--success-600, #41b236);
  border-right-color: var(--success, #4bcd3e);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-success:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-right-color: transparent;
  border-left-color: var(--success, #4bcd3e);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-success:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-left-color: transparent;
  border-right-color: var(--success, #4bcd3e);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-success:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--success, #4bcd3e);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-success:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--success, #4bcd3e);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-error:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--error-600, #de1b36);
  border-left-color: var(--error, #ff1f3e);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-error:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--error-600, #de1b36);
  border-right-color: var(--error, #ff1f3e);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-error:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-right-color: transparent;
  border-left-color: var(--error, #ff1f3e);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-error:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-left-color: transparent;
  border-right-color: var(--error, #ff1f3e);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-error:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--error, #ff1f3e);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-error:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--error, #ff1f3e);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-info:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--info-600, #33b4d1);
  border-left-color: var(--info, #3bcff0);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-info:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--info-600, #33b4d1);
  border-right-color: var(--info, #3bcff0);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-info:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-right-color: transparent;
  border-left-color: var(--info, #3bcff0);
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-info:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-left-color: transparent;
  border-right-color: var(--info, #3bcff0);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-info:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-right-color: var(--info, #3bcff0);
}

.ruf-split-buttons:hover .mat-button-base[fisStyle].mat-info:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-left-color: var(--info, #3bcff0);
}

.ruf-split-buttons .mat-button-base[fisStyle]:not(.mat-stroked-button):not(.mat-raised-button) {
  border-color: transparent;
  border-style: solid;
}

.ruf-split-buttons .mat-button-base[fisStyle]:not(.mat-stroked-button):not(.mat-raised-button):nth-child(1) {
  border-right-color: var(--ruf-foreground-subtle-divider, lightgray);
  border-left-color: transparent;
}

.ruf-split-buttons .mat-button-base[fisStyle]:not(.mat-stroked-button):not(.mat-raised-button):nth-child(2) {
  border-left-color: var(--ruf-foreground-subtle-divider, lightgray);
  border-right-color: transparent;
}

.ruf-split-buttons .mat-button-base[fisStyle]:not(.mat-stroked-button):not(.mat-raised-button).mat-button-disabled:nth-child(1) {
  border-right-color: #e1e5e7;
}

.ruf-split-buttons .mat-button-base[fisStyle]:not(.mat-stroked-button):not(.mat-raised-button).mat-button-disabled:nth-child(2) {
  border-left-color: #e1e5e7;
}

.ruf-split-buttons .mat-button-base[fisStyle].cdk-focused.cdk-keyboard-focused:not(.mat-button-disabled).mat-button:not(.mat-raised-button):not(.mat-stroked-button):nth-child(1) {
  border-right-color: transparent;
}

.ruf-split-buttons .mat-button-base[fisStyle].cdk-focused.cdk-keyboard-focused:not(.mat-button-disabled).mat-button:not(.mat-raised-button):not(.mat-stroked-button):nth-child(2) {
  border-left-color: transparent;
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-button-disabled[fisStyle].mat-raised-button:nth-child(1) {
  border-right-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  border-left-color: transparent;
}

.ruf-split-buttons .mat-button-base[fisStyle].mat-button-disabled[fisStyle].mat-raised-button:nth-child(2) {
  border-left-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  border-right-color: transparent;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-primary:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--primary-600, #41b236);
  border-right-color: var(--primary, #4bcd3e);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-primary:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--primary-600, #41b236);
  border-left-color: var(--primary, #4bcd3e);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-primary:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-left-color: transparent;
  border-right-color: var(--primary, #4bcd3e);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-primary:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-right-color: transparent;
  border-left-color: var(--primary, #4bcd3e);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-primary:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--primary, #4bcd3e);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-primary:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--primary, #4bcd3e);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-accent:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--accent-600, #008366);
  border-right-color: var(--accent, #009775);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-accent:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--accent-600, #008366);
  border-left-color: var(--accent, #009775);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-accent:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-left-color: transparent;
  border-right-color: var(--accent, #009775);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-accent:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-right-color: transparent;
  border-left-color: var(--accent, #009775);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-accent:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--accent, #009775);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-accent:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--accent, #009775);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-warn:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--warn-600, #dc7b55);
  border-right-color: var(--warn, #fd8d62);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-warn:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--warn-600, #dc7b55);
  border-left-color: var(--warn, #fd8d62);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-warn:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-left-color: transparent;
  border-right-color: var(--warn, #fd8d62);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-warn:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-right-color: transparent;
  border-left-color: var(--warn, #fd8d62);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-warn:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--warn, #fd8d62);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-warn:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--warn, #fd8d62);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-emphasis:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--emphasis-600, #deb200);
  border-right-color: var(--emphasis, #ffcd00);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-emphasis:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--emphasis-600, #deb200);
  border-left-color: var(--emphasis, #ffcd00);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-emphasis:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-left-color: transparent;
  border-right-color: var(--emphasis, #ffcd00);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-emphasis:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-right-color: transparent;
  border-left-color: var(--emphasis, #ffcd00);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-emphasis:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--emphasis, #ffcd00);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-emphasis:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--emphasis, #ffcd00);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-success:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--success-600, #41b236);
  border-right-color: var(--success, #4bcd3e);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-success:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--success-600, #41b236);
  border-left-color: var(--success, #4bcd3e);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-success:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-left-color: transparent;
  border-right-color: var(--success, #4bcd3e);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-success:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-right-color: transparent;
  border-left-color: var(--success, #4bcd3e);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-success:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--success, #4bcd3e);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-success:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--success, #4bcd3e);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-error:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--error-600, #de1b36);
  border-right-color: var(--error, #ff1f3e);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-error:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--error-600, #de1b36);
  border-left-color: var(--error, #ff1f3e);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-error:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-left-color: transparent;
  border-right-color: var(--error, #ff1f3e);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-error:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-right-color: transparent;
  border-left-color: var(--error, #ff1f3e);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-error:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--error, #ff1f3e);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-error:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--error, #ff1f3e);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-info:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--info-600, #33b4d1);
  border-right-color: var(--info, #3bcff0);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-info:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--info-600, #33b4d1);
  border-left-color: var(--info, #3bcff0);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-info:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(1) {
  border-left-color: transparent;
  border-right-color: var(--info, #3bcff0);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-info:not(.mat-button-disabled).mat-raised-button[fisStyle].cdk-focused.cdk-keyboard-focused:nth-child(2) {
  border-right-color: transparent;
  border-left-color: var(--info, #3bcff0);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-info:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(1) {
  border-left-color: var(--info, #3bcff0);
}

[dir=rtl] .ruf-split-buttons:hover .mat-button-base[fisStyle].mat-info:not(.mat-button-disabled).mat-raised-button[fisStyle]:nth-child(2) {
  border-right-color: var(--info, #3bcff0);
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle]:not(.mat-stroked-button):not(.mat-raised-button) {
  border-color: transparent;
  border-style: solid;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle]:not(.mat-stroked-button):not(.mat-raised-button):nth-child(1) {
  border-left-color: var(--ruf-foreground-subtle-divider, lightgray);
  border-right-color: transparent;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle]:not(.mat-stroked-button):not(.mat-raised-button):nth-child(2) {
  border-right-color: var(--ruf-foreground-subtle-divider, lightgray);
  border-left-color: transparent;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle]:not(.mat-stroked-button):not(.mat-raised-button).mat-button-disabled:nth-child(1) {
  border-left-color: #e1e5e7;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle]:not(.mat-stroked-button):not(.mat-raised-button).mat-button-disabled:nth-child(2) {
  border-right-color: #e1e5e7;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].cdk-focused.cdk-keyboard-focused:not(.mat-button-disabled).mat-button:not(.mat-raised-button):not(.mat-stroked-button):nth-child(1) {
  border-left-color: transparent;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].cdk-focused.cdk-keyboard-focused:not(.mat-button-disabled).mat-button:not(.mat-raised-button):not(.mat-stroked-button):nth-child(2) {
  border-right-color: transparent;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-button-disabled[fisStyle].mat-raised-button:nth-child(1) {
  border-left-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  border-right-color: transparent;
}

[dir=rtl] .ruf-split-buttons .mat-button-base[fisStyle].mat-button-disabled[fisStyle].mat-raised-button:nth-child(2) {
  border-right-color: var(--ruf-foreground-disabled-button, #b3bfc2);
  border-left-color: transparent;
}

.mat-button-toggle-group[fisStyle] {
  background-color: var(--ruf-background-card-canvas, #e5e5e5);
  border-color: transparent;
  box-shadow: none;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle] {
  background-color: var(--ruf-background-card-canvas, #e5e5e5);
  border-color: transparent;
  color: var(--ruf-foreground-text, #012834);
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle.mat-button-toggle-disabled,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle].mat-button-toggle-disabled {
  color: var(--ruf-foreground-disabled, #b3bfc2);
  opacity: 1;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-disabled).cdk-keyboard-focused, .mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-disabled):hover,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle]:not(.mat-button-toggle-disabled).cdk-keyboard-focused,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle]:not(.mat-button-toggle-disabled):hover {
  background-color: var(--ruf-background-selected-button-toggle, #b3bfc2);
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-disabled).cdk-keyboard-focused .mat-button-toggle-focus-overlay, .mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-disabled):hover .mat-button-toggle-focus-overlay,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle]:not(.mat-button-toggle-disabled).cdk-keyboard-focused .mat-button-toggle-focus-overlay,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle]:not(.mat-button-toggle-disabled):hover .mat-button-toggle-focus-overlay {
  opacity: 0;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-checked):not(.mat-button-toggle-disabled):hover,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle]:not(.mat-button-toggle-checked):not(.mat-button-toggle-disabled):hover {
  background-color: var(--ruf-background-selected-button-toggle, #b3bfc2);
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-checked):not(.mat-button-toggle-disabled):hover .mat-button-toggle-focus-overlay,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle]:not(.mat-button-toggle-checked):not(.mat-button-toggle-disabled):hover .mat-button-toggle-focus-overlay {
  opacity: 0;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-disabled).cdk-keyboard-focused,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle]:not(.mat-button-toggle-disabled).cdk-keyboard-focused {
  border-color: var(--emphasis, #ffcd00);
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-disabled).cdk-keyboard-focused .mat-button-toggle-focus-overlay,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle]:not(.mat-button-toggle-disabled).cdk-keyboard-focused .mat-button-toggle-focus-overlay {
  opacity: 0;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle.mat-button-toggle-checked,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle].mat-button-toggle-checked {
  background-color: var(--ruf-background-base, white);
  border-color: var(--ruf-foreground-border, #dfdfdf);
  color: var(--ruf-foreground-text, #012834);
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle.mat-button-toggle-checked.mat-button-toggle-disabled,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle].mat-button-toggle-checked.mat-button-toggle-disabled {
  background-color: var(--ruf-background-disabled-button-toggle, #e1e5e7);
  border-color: var(--ruf-background-disabled-button-toggle, #e1e5e7);
  color: var(--ruf-foreground-disabled, #b3bfc2);
  opacity: 1;
}

.mat-button-toggle-group[fisStyle] .mat-button-toggle.cdk-mouse-focused,
.mat-button-toggle-group[fisStyle] .mat-button-toggle[fisStyle].cdk-mouse-focused {
  outline: 0;
}

.mat-card[fisStyle] {
  background: var(--ruf-background-card, white);
  border-color: var(--ruf-foreground-border, #dfdfdf);
  box-shadow: none;
}

.mat-card[fisStyle] .mat-card-title {
  color: var(--ruf-foreground-text, #012834);
}

.mat-card[fisStyle] .mat-card-subtitle {
  color: var(--ruf-foreground-text, #012834);
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.mat-checkbox[fisStyle].mat-checkbox-checked.mat-checkbox-disabled .mat-checkbox-frame {
  border-color: transparent;
}

.mat-checkbox[fisStyle].mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-checkbox[fisStyle].mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-label {
  color: var(--ruf-foreground-text, #012834);
}

.mat-checkbox[fisStyle]:not(.mat-checkbox-disabled):not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: var(--ruf-foreground-text, #012834);
}

.mat-checkbox[fisStyle].cdk-focused .mat-checkbox-persistent-ripple, .mat-checkbox[fisStyle].cdk-keyboard-focused .mat-checkbox-persistent-ripple, .mat-checkbox[fisStyle].cdk-program-focused .mat-checkbox-persistent-ripple,
.mat-checkbox[fisStyle] .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
  opacity: 1;
}

.mat-checkbox[fisStyle]:not(.mat-checkbox-checked):not(.mat-checkbox-disabled):not(.mat-checkbox-indeterminate).mat-primary .mat-ripple-element, .mat-checkbox[fisStyle]:not(.mat-checkbox-checked):not(.mat-checkbox-disabled):not(.mat-checkbox-indeterminate).mat-accent .mat-ripple-element, .mat-checkbox[fisStyle]:not(.mat-checkbox-checked):not(.mat-checkbox-disabled):not(.mat-checkbox-indeterminate).mat-warn .mat-ripple-element {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-checkbox[fisStyle]:not(.mat-checkbox-checked):not(.mat-checkbox-disabled):not(.mat-checkbox-indeterminate).mat-primary .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple, .mat-checkbox[fisStyle]:not(.mat-checkbox-checked):not(.mat-checkbox-disabled):not(.mat-checkbox-indeterminate).mat-accent .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple, .mat-checkbox[fisStyle]:not(.mat-checkbox-checked):not(.mat-checkbox-disabled):not(.mat-checkbox-indeterminate).mat-warn .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
  opacity: 1;
}

.mat-checkbox[fisStyle] .mat-checkbox-inner-container .mat-checkbox-ripple {
  z-index: 0;
}

.mat-checkbox[fisStyle] .mat-checkbox-label {
  z-index: 1;
}

.mat-checkbox[fisStyle].mat-primary.mat-checkbox-checked.mat-checkbox-disabled .mat-checkbox-background, .mat-checkbox[fisStyle].mat-primary.mat-checkbox-indeterminate.mat-checkbox-disabled .mat-checkbox-background {
  background-color: var(--primary, #4bcd3e);
  opacity: 0.5;
}

.mat-checkbox[fisStyle].mat-primary.mat-checkbox-checked .mat-checkbox-inner-container .mat-ripple-element, .mat-checkbox[fisStyle].mat-primary.mat-checkbox-indeterminate .mat-checkbox-inner-container .mat-ripple-element {
  background: var(--primary-50, #e9f9e8);
}

.mat-checkbox[fisStyle].mat-primary .mat-checkbox-mixedmark {
  background-color: var(--primary-contrast, #012834);
}

.mat-checkbox[fisStyle].mat-primary .mat-checkbox-checkmark {
  fill: var(--primary-contrast, #012834);
}

.mat-checkbox[fisStyle].mat-primary .mat-checkbox-checkmark-path {
  stroke: var(--primary-contrast, #012834) !important;
}

.mat-checkbox[fisStyle].mat-accent.mat-checkbox-checked.mat-checkbox-disabled .mat-checkbox-background, .mat-checkbox[fisStyle].mat-accent.mat-checkbox-indeterminate.mat-checkbox-disabled .mat-checkbox-background {
  background-color: var(--accent, #009775);
  opacity: 0.5;
}

.mat-checkbox[fisStyle].mat-accent.mat-checkbox-checked .mat-checkbox-inner-container .mat-ripple-element, .mat-checkbox[fisStyle].mat-accent.mat-checkbox-indeterminate .mat-checkbox-inner-container .mat-ripple-element {
  background: var(--accent-50, #e0f3ee);
}

.mat-checkbox[fisStyle].mat-accent .mat-checkbox-mixedmark {
  background-color: var(--accent-contrast, #ffffff);
}

.mat-checkbox[fisStyle].mat-accent .mat-checkbox-checkmark {
  fill: var(--accent-contrast, #ffffff);
}

.mat-checkbox[fisStyle].mat-accent .mat-checkbox-checkmark-path {
  stroke: var(--accent-contrast, #ffffff) !important;
}

.mat-checkbox[fisStyle].mat-warn.mat-checkbox-checked.mat-checkbox-disabled .mat-checkbox-background, .mat-checkbox[fisStyle].mat-warn.mat-checkbox-indeterminate.mat-checkbox-disabled .mat-checkbox-background {
  background-color: var(--warn, #fd8d62);
  opacity: 0.5;
}

.mat-checkbox[fisStyle].mat-warn.mat-checkbox-checked .mat-checkbox-inner-container .mat-ripple-element, .mat-checkbox[fisStyle].mat-warn.mat-checkbox-indeterminate .mat-checkbox-inner-container .mat-ripple-element {
  background: var(--warn-50, #fff1ec);
}

.mat-checkbox[fisStyle].mat-warn .mat-checkbox-mixedmark {
  background-color: var(--warn-contrast, #012834);
}

.mat-checkbox[fisStyle].mat-warn .mat-checkbox-checkmark {
  fill: var(--warn-contrast, #012834);
}

.mat-checkbox[fisStyle].mat-warn .mat-checkbox-checkmark-path {
  stroke: var(--warn-contrast, #012834) !important;
}

.mat-chip-list[fisStyle] mat-chip.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-standard-chip {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-standard-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-primary {
  background-color: var(--ruf-background-base, white);
  border-color: var(--primary, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.cdk-keyboard-focused {
  box-shadow: none;
  outline-color: var(--emphasis, #ffcd00);
  outline-style: solid;
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.mat-chip-selected .mat-chip-remove {
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.mat-chip-selected .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-primary.mat-chip-selected .mat-chip-remove .mat-icon:hover {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-primary .mat-chip-remove, .mat-chip-list[fisStyle] mat-chip.mat-primary .mat-chip-remove:hover,
.mat-chip-list[fisStyle] mat-chip.mat-primary .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-primary .mat-chip-remove .mat-icon:hover,
.mat-chip-list[fisStyle] mat-chip.mat-primary .mat-icon.mat-chip-avatar {
  color: var(--ruf-foreground-text, #012834);
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-primary .mat-icon-button:hover {
  background-color: var(--primary-600, #41b236);
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-primary.mat-chip:not(.ruf-static-chip):focus {
  background-color: var(--primary, #4bcd3e);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.mat-chip:not([disabled]):not(.ruf-static-chip):hover .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-primary.mat-chip:not(.ruf-static-chip):focus .mat-icon {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  box-shadow: none;
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.mat-chip::after {
  background-color: var(--primary, #4bcd3e);
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.mat-chip.ruf-static-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.ruf-tagged-chip {
  background-color: var(--primary-100, #c9f0c5);
  border-color: var(--primary, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-primary.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: var(--primary-100, #c9f0c5);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.ruf-tagged-chip.mat-chip::after {
  background-color: var(--primary-100, #c9f0c5);
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.ruf-tagged-chip.mat-chip-disabled {
  background-color: var(--ruf-background-base, white);
  border-color: var(--ruf-foreground-disabled, #b3bfc2);
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.ruf-tagged-chip.ruf-tagged-outlined-chip {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.ruf-tagged-chip.ruf-tagged-outlined-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-primary.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-primary.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-accent {
  background-color: var(--ruf-background-base, white);
  border-color: var(--accent, #009775);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.cdk-keyboard-focused {
  box-shadow: none;
  outline-color: var(--emphasis, #ffcd00);
  outline-style: solid;
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.mat-chip-selected .mat-chip-remove {
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.mat-chip-selected .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-accent.mat-chip-selected .mat-chip-remove .mat-icon:hover {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-accent .mat-chip-remove, .mat-chip-list[fisStyle] mat-chip.mat-accent .mat-chip-remove:hover,
.mat-chip-list[fisStyle] mat-chip.mat-accent .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-accent .mat-chip-remove .mat-icon:hover,
.mat-chip-list[fisStyle] mat-chip.mat-accent .mat-icon.mat-chip-avatar {
  color: var(--ruf-foreground-text, #012834);
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-accent .mat-icon-button:hover {
  background-color: var(--accent-600, #008366);
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-accent.mat-chip:not(.ruf-static-chip):focus {
  background-color: var(--accent, #009775);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.mat-chip:not([disabled]):not(.ruf-static-chip):hover .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-accent.mat-chip:not(.ruf-static-chip):focus .mat-icon {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  box-shadow: none;
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.mat-chip::after {
  background-color: var(--accent, #009775);
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.mat-chip.ruf-static-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.ruf-tagged-chip {
  background-color: var(--accent-100, #b3e0d6);
  border-color: var(--accent, #009775);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-accent.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: var(--accent-100, #b3e0d6);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.ruf-tagged-chip.mat-chip::after {
  background-color: var(--accent-100, #b3e0d6);
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.ruf-tagged-chip.mat-chip-disabled {
  background-color: var(--ruf-background-base, white);
  border-color: var(--ruf-foreground-disabled, #b3bfc2);
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.ruf-tagged-chip.ruf-tagged-outlined-chip {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.ruf-tagged-chip.ruf-tagged-outlined-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-accent.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-accent.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-warn {
  background-color: var(--ruf-background-base, white);
  border-color: var(--warn, #fd8d62);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.cdk-keyboard-focused {
  box-shadow: none;
  outline-color: var(--emphasis, #ffcd00);
  outline-style: solid;
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.mat-chip-selected .mat-chip-remove {
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.mat-chip-selected .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-warn.mat-chip-selected .mat-chip-remove .mat-icon:hover {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-warn .mat-chip-remove, .mat-chip-list[fisStyle] mat-chip.mat-warn .mat-chip-remove:hover,
.mat-chip-list[fisStyle] mat-chip.mat-warn .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-warn .mat-chip-remove .mat-icon:hover,
.mat-chip-list[fisStyle] mat-chip.mat-warn .mat-icon.mat-chip-avatar {
  color: var(--ruf-foreground-text, #012834);
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-warn .mat-icon-button:hover {
  background-color: var(--warn-600, #dc7b55);
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-warn.mat-chip:not(.ruf-static-chip):focus {
  background-color: var(--warn, #fd8d62);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.mat-chip:not([disabled]):not(.ruf-static-chip):hover .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-warn.mat-chip:not(.ruf-static-chip):focus .mat-icon {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  box-shadow: none;
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.mat-chip::after {
  background-color: var(--warn, #fd8d62);
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.mat-chip.ruf-static-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.ruf-tagged-chip {
  background-color: var(--warn-100, #feddd0);
  border-color: var(--warn, #fd8d62);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-warn.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: var(--warn-100, #feddd0);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.ruf-tagged-chip.mat-chip::after {
  background-color: var(--warn-100, #feddd0);
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.ruf-tagged-chip.mat-chip-disabled {
  background-color: var(--ruf-background-base, white);
  border-color: var(--ruf-foreground-disabled, #b3bfc2);
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.ruf-tagged-chip.ruf-tagged-outlined-chip {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.ruf-tagged-chip.ruf-tagged-outlined-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-warn.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-warn.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis {
  background-color: var(--ruf-background-base, white);
  border-color: var(--emphasis, #ffcd00);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.cdk-keyboard-focused {
  box-shadow: none;
  outline-color: var(--emphasis, #ffcd00);
  outline-style: solid;
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.mat-chip-selected .mat-chip-remove {
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.mat-chip-selected .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-emphasis.mat-chip-selected .mat-chip-remove .mat-icon:hover {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis .mat-chip-remove, .mat-chip-list[fisStyle] mat-chip.mat-emphasis .mat-chip-remove:hover,
.mat-chip-list[fisStyle] mat-chip.mat-emphasis .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-emphasis .mat-chip-remove .mat-icon:hover,
.mat-chip-list[fisStyle] mat-chip.mat-emphasis .mat-icon.mat-chip-avatar {
  color: var(--ruf-foreground-text, #012834);
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis .mat-icon-button:hover {
  background-color: var(--emphasis-600, #deb200);
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-emphasis.mat-chip:not(.ruf-static-chip):focus {
  background-color: var(--emphasis, #ffcd00);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.mat-chip:not([disabled]):not(.ruf-static-chip):hover .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-emphasis.mat-chip:not(.ruf-static-chip):focus .mat-icon {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  box-shadow: none;
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.mat-chip::after {
  background-color: var(--emphasis, #ffcd00);
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.mat-chip.ruf-static-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.ruf-tagged-chip {
  background-color: var(--emphasis-100, #fff0b3);
  border-color: var(--emphasis, #ffcd00);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-emphasis.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: var(--emphasis-100, #fff0b3);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.ruf-tagged-chip.mat-chip::after {
  background-color: var(--emphasis-100, #fff0b3);
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.ruf-tagged-chip.mat-chip-disabled {
  background-color: var(--ruf-background-base, white);
  border-color: var(--ruf-foreground-disabled, #b3bfc2);
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.ruf-tagged-chip.ruf-tagged-outlined-chip {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.ruf-tagged-chip.ruf-tagged-outlined-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-emphasis.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-emphasis.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-info {
  background-color: var(--ruf-background-base, white);
  border-color: var(--info, #3bcff0);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-info.cdk-keyboard-focused {
  box-shadow: none;
  outline-color: var(--emphasis, #ffcd00);
  outline-style: solid;
}

.mat-chip-list[fisStyle] mat-chip.mat-info.mat-chip-selected .mat-chip-remove {
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-info.mat-chip-selected .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-info.mat-chip-selected .mat-chip-remove .mat-icon:hover {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-info .mat-chip-remove, .mat-chip-list[fisStyle] mat-chip.mat-info .mat-chip-remove:hover,
.mat-chip-list[fisStyle] mat-chip.mat-info .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-info .mat-chip-remove .mat-icon:hover,
.mat-chip-list[fisStyle] mat-chip.mat-info .mat-icon.mat-chip-avatar {
  color: var(--ruf-foreground-text, #012834);
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-info .mat-icon-button:hover {
  background-color: var(--info-600, #33b4d1);
}

.mat-chip-list[fisStyle] mat-chip.mat-info.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-info.mat-chip:not(.ruf-static-chip):focus {
  background-color: var(--info, #3bcff0);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-info.mat-chip:not([disabled]):not(.ruf-static-chip):hover .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-info.mat-chip:not(.ruf-static-chip):focus .mat-icon {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-info.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  box-shadow: none;
}

.mat-chip-list[fisStyle] mat-chip.mat-info.mat-chip::after {
  background-color: var(--info, #3bcff0);
}

.mat-chip-list[fisStyle] mat-chip.mat-info.mat-chip.ruf-static-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-info.ruf-tagged-chip {
  background-color: var(--info-100, #c4f1fb);
  border-color: var(--info, #3bcff0);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-info.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-info.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: var(--info-100, #c4f1fb);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-info.ruf-tagged-chip.mat-chip::after {
  background-color: var(--info-100, #c4f1fb);
}

.mat-chip-list[fisStyle] mat-chip.mat-info.ruf-tagged-chip.mat-chip-disabled {
  background-color: var(--ruf-background-base, white);
  border-color: var(--ruf-foreground-disabled, #b3bfc2);
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-chip-list[fisStyle] mat-chip.mat-info.ruf-tagged-chip.ruf-tagged-outlined-chip {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-info.ruf-tagged-chip.ruf-tagged-outlined-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-info.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-info.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-error {
  background-color: var(--ruf-background-base, white);
  border-color: var(--error, #ff1f3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-error.cdk-keyboard-focused {
  box-shadow: none;
  outline-color: var(--emphasis, #ffcd00);
  outline-style: solid;
}

.mat-chip-list[fisStyle] mat-chip.mat-error.mat-chip-selected .mat-chip-remove {
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-error.mat-chip-selected .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-error.mat-chip-selected .mat-chip-remove .mat-icon:hover {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-error .mat-chip-remove, .mat-chip-list[fisStyle] mat-chip.mat-error .mat-chip-remove:hover,
.mat-chip-list[fisStyle] mat-chip.mat-error .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-error .mat-chip-remove .mat-icon:hover,
.mat-chip-list[fisStyle] mat-chip.mat-error .mat-icon.mat-chip-avatar {
  color: var(--ruf-foreground-text, #012834);
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-error .mat-icon-button:hover {
  background-color: var(--error-600, #de1b36);
}

.mat-chip-list[fisStyle] mat-chip.mat-error.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-error.mat-chip:not(.ruf-static-chip):focus {
  background-color: var(--error, #ff1f3e);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-error.mat-chip:not([disabled]):not(.ruf-static-chip):hover .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-error.mat-chip:not(.ruf-static-chip):focus .mat-icon {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-error.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  box-shadow: none;
}

.mat-chip-list[fisStyle] mat-chip.mat-error.mat-chip::after {
  background-color: var(--error, #ff1f3e);
}

.mat-chip-list[fisStyle] mat-chip.mat-error.mat-chip.ruf-static-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-error.ruf-tagged-chip {
  background-color: var(--error-100, #ffbcc5);
  border-color: var(--error, #ff1f3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-error.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-error.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: var(--error-100, #ffbcc5);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-error.ruf-tagged-chip.mat-chip::after {
  background-color: var(--error-100, #ffbcc5);
}

.mat-chip-list[fisStyle] mat-chip.mat-error.ruf-tagged-chip.mat-chip-disabled {
  background-color: var(--ruf-background-base, white);
  border-color: var(--ruf-foreground-disabled, #b3bfc2);
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-chip-list[fisStyle] mat-chip.mat-error.ruf-tagged-chip.ruf-tagged-outlined-chip {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-error.ruf-tagged-chip.ruf-tagged-outlined-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-error.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-error.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-success {
  background-color: var(--ruf-background-base, white);
  border-color: var(--success, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-success.cdk-keyboard-focused {
  box-shadow: none;
  outline-color: var(--emphasis, #ffcd00);
  outline-style: solid;
}

.mat-chip-list[fisStyle] mat-chip.mat-success.mat-chip-selected .mat-chip-remove {
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-success.mat-chip-selected .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-success.mat-chip-selected .mat-chip-remove .mat-icon:hover {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-success .mat-chip-remove, .mat-chip-list[fisStyle] mat-chip.mat-success .mat-chip-remove:hover,
.mat-chip-list[fisStyle] mat-chip.mat-success .mat-chip-remove .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-success .mat-chip-remove .mat-icon:hover,
.mat-chip-list[fisStyle] mat-chip.mat-success .mat-icon.mat-chip-avatar {
  color: var(--ruf-foreground-text, #012834);
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-success .mat-icon-button:hover {
  background-color: var(--success-600, #41b236);
}

.mat-chip-list[fisStyle] mat-chip.mat-success.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-success.mat-chip:not(.ruf-static-chip):focus {
  background-color: var(--success, #4bcd3e);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-success.mat-chip:not([disabled]):not(.ruf-static-chip):hover .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-success.mat-chip:not(.ruf-static-chip):focus .mat-icon {
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-success.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  box-shadow: none;
}

.mat-chip-list[fisStyle] mat-chip.mat-success.mat-chip::after {
  background-color: var(--success, #4bcd3e);
}

.mat-chip-list[fisStyle] mat-chip.mat-success.mat-chip.ruf-static-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-success.ruf-tagged-chip {
  background-color: var(--success-100, #c9f0c5);
  border-color: var(--success, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-success.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-success.ruf-tagged-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: var(--success-100, #c9f0c5);
  color: var(--ruf-foreground-text, #012834);
}

.mat-chip-list[fisStyle] mat-chip.mat-success.ruf-tagged-chip.mat-chip::after {
  background-color: var(--success-100, #c9f0c5);
}

.mat-chip-list[fisStyle] mat-chip.mat-success.ruf-tagged-chip.mat-chip-disabled {
  background-color: var(--ruf-background-base, white);
  border-color: var(--ruf-foreground-disabled, #b3bfc2);
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-chip-list[fisStyle] mat-chip.mat-success.ruf-tagged-chip.ruf-tagged-outlined-chip {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-success.ruf-tagged-chip.ruf-tagged-outlined-chip::after {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-success.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):hover, .mat-chip-list[fisStyle] mat-chip.mat-success.ruf-tagged-chip.ruf-tagged-outlined-chip.mat-chip:not([disabled]):not(.ruf-static-chip):focus {
  background-color: transparent;
}

.mat-chip-list[fisStyle] mat-chip.mat-chip-disabled {
  background-color: var(--ruf-background-base, white);
  border-color: var(--ruf-foreground-disabled, #b3bfc2);
  color: var(--ruf-foreground-disabled, #b3bfc2);
  opacity: 1;
}

.mat-chip-list[fisStyle] mat-chip.mat-chip-disabled:not(.mat-chip-selected) .mat-chip-remove.mat-icon-button .mat-icon, .mat-chip-list[fisStyle] mat-chip.mat-chip-disabled:not(.mat-chip-selected) .mat-chip-remove.mat-icon-button:hover .mat-icon {
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-chip-list[fisStyle] mat-chip.mat-chip-disabled .mat-chip-remove:hover {
  cursor: not-allowed;
}

.mat-chip-list[fisStyle] mat-chip.mat-chip-disabled > .mat-icon-button:hover {
  background: none;
}

.ruf-boxed-form-field-disabled .mat-datepicker-toggle[fisStyle] .mat-icon-button[disabled] {
  color: inherit;
}

.mat-form-field[fisStyle] .mat-datepicker-toggle .mat-icon-button {
  font: inherit;
  font-family: "fisfont";
}

.mat-form-field[fisStyle] .mat-datepicker-toggle .mat-icon-button .mat-button-focus-overlay {
  background-color: transparent;
}

.mat-form-field[fisStyle] .mat-datepicker-toggle .mat-icon-button:not([disabled]):hover, .mat-form-field[fisStyle] .mat-datepicker-toggle .mat-icon-button:not([disabled]):focus {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
}

.mat-form-field[fisStyle] .mat-datepicker-toggle .mat-icon-button::after {
  color: var(--ruf-foreground-text, #012834);
  content: "\e90b";
}

.mat-form-field[fisStyle] .mat-datepicker-toggle .mat-icon-button .mat-button-wrapper {
  display: none;
}

.mat-datepicker-toggle[fisStyle] .mat-icon-button {
  font: inherit;
  font-family: "fisfont";
}

.mat-datepicker-toggle[fisStyle] .mat-icon-button .mat-button-focus-overlay {
  background-color: transparent;
}

.mat-datepicker-toggle[fisStyle] .mat-icon-button:not([disabled]):hover, .mat-datepicker-toggle[fisStyle] .mat-icon-button:not([disabled]):focus {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
}

.mat-datepicker-toggle[fisStyle] .mat-icon-button::after {
  color: var(--ruf-foreground-text, #012834);
  content: "\e90b";
}

.mat-datepicker-toggle[fisStyle] .mat-icon-button .mat-button-wrapper {
  display: none;
}

.mat-datepicker-toggle[fisStyle] .mat-icon-button[disabled] {
  opacity: 0.5;
}

.mat-expansion-panel[fisStyle] {
  outline-color: var(--ruf-foreground-border, #dfdfdf);
}

.mat-expansion-panel[fisStyle]:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background-color: var(--ruf-background-base, white);
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header {
  background-color: var(--ruf-background-base, white);
  border-color: transparent;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel[fisStyle] .mat-expansion-panel-header.mat-expanded:hover, .mat-expansion-panel[fisStyle] .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel[fisStyle] .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]) {
  background-color: var(--ruf-background-base, white);
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header:hover .mat-expansion-indicator, .mat-expansion-panel[fisStyle] .mat-expansion-panel-header:focus .mat-expansion-indicator, .mat-expansion-panel[fisStyle] .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]) .mat-expansion-indicator, .mat-expansion-panel[fisStyle] .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]) .mat-expansion-indicator {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
  border-radius: 50%;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header .mat-expansion-panel-header-title {
  color: var(--ruf-foreground-text, #012834);
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header .mat-expansion-panel-header-description,
.mat-expansion-panel[fisStyle] .mat-expansion-panel-header .mat-expansion-indicator::after {
  color: var(--ruf-foreground-text, #012834);
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-body {
  background: var(--ruf-background-panel, white);
  border-color: var(--ruf-foreground-subtle-divider, lightgray);
}

.mat-expansion-panel[fisStyle].ruf-amorphous-expansion-panel {
  background-color: inherit;
}

.mat-expansion-panel[fisStyle].ruf-amorphous-expansion-panel .mat-expansion-panel-header {
  background-color: inherit;
}

.mat-expansion-panel[fisStyle].ruf-amorphous-expansion-panel .mat-expansion-panel-header:not(.mat-expanded):focus, .mat-expansion-panel[fisStyle].ruf-amorphous-expansion-panel .mat-expansion-panel-header:not(.mat-expanded):hover {
  background-color: inherit;
}

.mat-expansion-panel[fisStyle].ruf-amorphous-expansion-panel .mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel[fisStyle].ruf-amorphous-expansion-panel .mat-expansion-panel-header.mat-expanded:hover, .mat-expansion-panel[fisStyle].ruf-amorphous-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel[fisStyle].ruf-amorphous-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]) {
  background-color: inherit;
}

.mat-expansion-panel[fisStyle].ruf-amorphous-expansion-panel .mat-expansion-panel-body {
  background-color: inherit;
}

.mat-accordion.ruf-amorphous-expansion-panels .mat-expansion-panel[fisStyle] {
  background-color: inherit;
}

.mat-accordion.ruf-amorphous-expansion-panels .mat-expansion-panel[fisStyle] .mat-expansion-panel-header {
  background-color: inherit;
}

.mat-accordion.ruf-amorphous-expansion-panels .mat-expansion-panel[fisStyle] .mat-expansion-panel-header:not(.mat-expanded):focus, .mat-accordion.ruf-amorphous-expansion-panels .mat-expansion-panel[fisStyle] .mat-expansion-panel-header:not(.mat-expanded):hover {
  background-color: inherit;
}

.mat-accordion.ruf-amorphous-expansion-panels .mat-expansion-panel[fisStyle] .mat-expansion-panel-header.mat-expanded:focus, .mat-accordion.ruf-amorphous-expansion-panels .mat-expansion-panel[fisStyle] .mat-expansion-panel-header.mat-expanded:hover, .mat-accordion.ruf-amorphous-expansion-panels .mat-expansion-panel[fisStyle] .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-accordion.ruf-amorphous-expansion-panels .mat-expansion-panel[fisStyle] .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]) {
  background-color: inherit;
}

.mat-accordion.ruf-amorphous-expansion-panels .mat-expansion-panel[fisStyle] .mat-expansion-panel-body {
  background-color: inherit;
}

.mat-icon.mat-emphasis {
  color: var(--emphasis, #ffcd00);
}

.mat-icon.mat-error {
  color: var(--error, #ff1f3e);
}

.mat-icon.mat-success {
  color: var(--success, #4bcd3e);
}

.mat-icon.mat-info {
  color: var(--info, #3bcff0);
}

.mat-form-field[fisStyle]:not(.mat-form-field-invalid):not(.mat-focused) .mat-form-field-label,
*[fisStyle] .mat-form-field:not(.mat-form-field-invalid):not(.mat-focused) .mat-form-field-label {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field[fisStyle]:not(.mat-form-field-invalid):not(.mat-focused) .mat-hint,
.mat-form-field[fisStyle]:not(.mat-form-field-invalid):not(.mat-focused) .mat-icon, .mat-form-field[fisStyle]:not(.mat-form-field-invalid):not(.mat-focused).ruf-form-field-no-hint + .mat-hint,
*[fisStyle] .mat-form-field:not(.mat-form-field-invalid):not(.mat-focused) .mat-hint,
*[fisStyle] .mat-form-field:not(.mat-form-field-invalid):not(.mat-focused) .mat-icon,
*[fisStyle] .mat-form-field:not(.mat-form-field-invalid):not(.mat-focused).ruf-form-field-no-hint + .mat-hint {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field[fisStyle]:not(.mat-form-field-invalid):not(.mat-focused) .mat-form-field-prefix,
.mat-form-field[fisStyle]:not(.mat-form-field-invalid):not(.mat-focused) .mat-form-field-suffix,
*[fisStyle] .mat-form-field:not(.mat-form-field-invalid):not(.mat-focused) .mat-form-field-prefix,
*[fisStyle] .mat-form-field:not(.mat-form-field-invalid):not(.mat-focused) .mat-form-field-suffix {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field[fisStyle]:not(.mat-form-field-invalid):not(.mat-focused) .mat-form-field-underline,
*[fisStyle] .mat-form-field:not(.mat-form-field-invalid):not(.mat-focused) .mat-form-field-underline {
  background-color: var(--ruf-foreground-border, #dfdfdf);
}

.mat-form-field[fisStyle].mat-form-field-appearance-fill .mat-form-field-flex,
*[fisStyle] .mat-form-field.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(var(--ruf-foreground-base-rgb, 0, 0, 0), 0.04);
}

.mat-form-field[fisStyle] .mat-input-element::placeholder, .mat-form-field[fisStyle] .mat-date-range-input .mat-date-range-input-inner::placeholder,
*[fisStyle] .mat-form-field .mat-input-element::placeholder,
*[fisStyle] .mat-form-field .mat-date-range-input .mat-date-range-input-inner::placeholder {
  color: #4d6971;
}

.mat-form-field[fisStyle] .mat-input-element::-moz-placeholder, .mat-form-field[fisStyle] .mat-date-range-input .mat-date-range-input-inner::-moz-placeholder,
*[fisStyle] .mat-form-field .mat-input-element::-moz-placeholder,
*[fisStyle] .mat-form-field .mat-date-range-input .mat-date-range-input-inner::-moz-placeholder {
  color: #4d6971;
}

.mat-form-field[fisStyle] .mat-input-element::-webkit-input-placeholder, .mat-form-field[fisStyle] .mat-date-range-input .mat-date-range-input-inner::-webkit-input-placeholder,
*[fisStyle] .mat-form-field .mat-input-element::-webkit-input-placeholder,
*[fisStyle] .mat-form-field .mat-date-range-input .mat-date-range-input-inner::-webkit-input-placeholder {
  color: #4d6971;
}

.mat-form-field[fisStyle] .mat-input-element:-ms-input-placeholder, .mat-form-field[fisStyle] .mat-date-range-input .mat-date-range-input-inner:-ms-input-placeholder,
*[fisStyle] .mat-form-field .mat-input-element:-ms-input-placeholder,
*[fisStyle] .mat-form-field .mat-date-range-input .mat-date-range-input-inner:-ms-input-placeholder {
  color: #4d6971;
}

.mat-form-field[fisStyle].mat-form-field-invalid .mat-form-field-label,
.mat-form-field[fisStyle].mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field[fisStyle].mat-form-field-invalid .mat-form-field-underline .mat-form-field-outline-thick,
.mat-form-field[fisStyle].mat-form-field-invalid .mat-icon[matSuffix], .mat-form-field[fisStyle].mat-form-field-invalid .mat-icon[matPrefix],
.mat-form-field[fisStyle].mat-form-field-invalid .mat-error,
*[fisStyle] .mat-form-field.mat-form-field-invalid .mat-form-field-label,
*[fisStyle] .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
*[fisStyle] .mat-form-field.mat-form-field-invalid .mat-form-field-underline .mat-form-field-outline-thick,
*[fisStyle] .mat-form-field.mat-form-field-invalid .mat-icon[matSuffix],
*[fisStyle] .mat-form-field.mat-form-field-invalid .mat-icon[matPrefix],
*[fisStyle] .mat-form-field.mat-form-field-invalid .mat-error {
  color: var(--error, #ff1f3e);
}

.mat-form-field[fisStyle].mat-form-field-invalid .mat-form-field-ripple,
*[fisStyle] .mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
  background-color: var(--error, #ff1f3e);
}

.mat-form-field[fisStyle].mat-form-field-disabled,
*[fisStyle] .mat-form-field.mat-form-field-disabled {
  opacity: 0.5;
}

.mat-form-field[fisStyle][light] .mat-form-field-wrapper .mat-input-element,
*[fisStyle] .mat-form-field[light] .mat-form-field-wrapper .mat-input-element {
  caret-color: inherit;
  color: inherit;
}

.mat-form-field[fisStyle][light]:not(.mat-form-field-invalid):not(.mat-focused) .mat-form-field-wrapper .mat-form-field-underline,
*[fisStyle] .mat-form-field[light]:not(.mat-form-field-invalid):not(.mat-focused) .mat-form-field-wrapper .mat-form-field-underline {
  background-color: currentColor;
}

.mat-form-field[fisStyle][light]:not(.mat-form-field-invalid):not(.mat-focused) .mat-form-field-wrapper .mat-form-field-label,
*[fisStyle] .mat-form-field[light]:not(.mat-form-field-invalid):not(.mat-focused) .mat-form-field-wrapper .mat-form-field-label {
  color: inherit;
}

.mat-form-field[fisStyle][light]:not(.mat-form-field-invalid).mat-focused .mat-form-field-wrapper .mat-form-field-ripple,
*[fisStyle] .mat-form-field[light]:not(.mat-form-field-invalid).mat-focused .mat-form-field-wrapper .mat-form-field-ripple {
  background-color: currentColor;
}

.mat-form-field[fisStyle][light]:not(.mat-form-field-invalid).mat-focused .mat-form-field-wrapper .mat-form-field-label,
*[fisStyle] .mat-form-field[light]:not(.mat-form-field-invalid).mat-focused .mat-form-field-wrapper .mat-form-field-label {
  color: inherit;
}

.mat-form-field.mat-form-field-appearance-legacy[fisStyle].mat-form-field-invalid .mat-input-element {
  caret-color: var(--error, #ff1f3e);
}

.mat-form-field.mat-form-field-appearance-legacy[fisStyle] .mat-input-element {
  color: var(--ruf-foreground-text, #012834);
}

.mat-list-base[fisStyle] .mat-subheader {
  color: var(--ruf-foreground-text, #012834);
}

.mat-selection-list[fisStyle] .mat-list-option.mat-list-item-disabled {
  background-color: transparent;
}

.mat-progress-bar[fisStyle].mat-primary .mat-progress-bar-fill::after {
  background-color: var(--primary, #4bcd3e);
}

.mat-progress-bar[fisStyle].mat-primary .mat-progress-bar-buffer {
  background-color: var(--primary-100, #c9f0c5);
}

.mat-progress-bar[fisStyle].mat-primary .mat-progress-bar-background {
  fill: var(--primary-100, #c9f0c5);
}

.mat-progress-bar[fisStyle].mat-accent .mat-progress-bar-fill::after {
  background-color: var(--accent, #009775);
}

.mat-progress-bar[fisStyle].mat-accent .mat-progress-bar-buffer {
  background-color: var(--accent-100, #b3e0d6);
}

.mat-progress-bar[fisStyle].mat-accent .mat-progress-bar-background {
  fill: var(--accent-100, #b3e0d6);
}

.mat-progress-bar[fisStyle].mat-warn .mat-progress-bar-fill::after {
  background-color: var(--warn, #fd8d62);
}

.mat-progress-bar[fisStyle].mat-warn .mat-progress-bar-buffer {
  background-color: var(--warn-100, #feddd0);
}

.mat-progress-bar[fisStyle].mat-warn .mat-progress-bar-background {
  fill: var(--warn-100, #feddd0);
}

.mat-progress-bar[fisStyle].mat-emphasis .mat-progress-bar-fill::after {
  background-color: var(--emphasis, #ffcd00);
}

.mat-progress-bar[fisStyle].mat-emphasis .mat-progress-bar-buffer {
  background-color: var(--emphasis-100, #fff0b3);
}

.mat-progress-bar[fisStyle].mat-emphasis .mat-progress-bar-background {
  fill: var(--emphasis-100, #fff0b3);
}

.mat-progress-bar[fisStyle].mat-success .mat-progress-bar-fill::after {
  background-color: var(--success, #4bcd3e);
}

.mat-progress-bar[fisStyle].mat-success .mat-progress-bar-buffer {
  background-color: var(--success-100, #c9f0c5);
}

.mat-progress-bar[fisStyle].mat-success .mat-progress-bar-background {
  fill: var(--success-100, #c9f0c5);
}

.mat-progress-bar[fisStyle].mat-error .mat-progress-bar-fill::after {
  background-color: var(--error, #ff1f3e);
}

.mat-progress-bar[fisStyle].mat-error .mat-progress-bar-buffer {
  background-color: var(--error-100, #ffbcc5);
}

.mat-progress-bar[fisStyle].mat-error .mat-progress-bar-background {
  fill: var(--error-100, #ffbcc5);
}

.mat-progress-bar[fisStyle].mat-info .mat-progress-bar-fill::after {
  background-color: var(--info, #3bcff0);
}

.mat-progress-bar[fisStyle].mat-info .mat-progress-bar-buffer {
  background-color: var(--info-100, #c4f1fb);
}

.mat-progress-bar[fisStyle].mat-info .mat-progress-bar-background {
  fill: var(--info-100, #c4f1fb);
}

.mat-progress-spinner[fisStyle].mat-primary {
  stroke: var(--primary, #4bcd3e);
}

.mat-progress-spinner[fisStyle].mat-accent {
  stroke: var(--accent, #009775);
}

.mat-progress-spinner[fisStyle].mat-warn {
  stroke: var(--warn, #fd8d62);
}

.mat-progress-spinner[fisStyle].mat-emphasis {
  stroke: var(--emphasis, #ffcd00);
}

.mat-radio-button[fisStyle]:not(.mat-radio-disabled):not(.mat-radio-checked) .mat-radio-outer-circle {
  border-color: var(--ruf-foreground-text, #012834);
}

.mat-radio-button[fisStyle]:not(.mat-radio-disabled):not(.mat-radio-checked) .mat-radio-inner-circle {
  background-color: transparent;
}

.mat-radio-button[fisStyle].mat-radio-disabled .mat-radio-label {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-radio-button[fisStyle]:not(.mat-radio-disabled).mat-radio-checked.cdk-focused .mat-ripple .mat-radio-persistent-ripple, .mat-radio-button[fisStyle]:not(.mat-radio-disabled).mat-radio-checked.cdk-keyboard-focused .mat-ripple .mat-radio-persistent-ripple, .mat-radio-button[fisStyle]:not(.mat-radio-disabled).mat-radio-checked.cdk-program-focused .mat-ripple .mat-radio-persistent-ripple,
.mat-radio-button[fisStyle]:not(.mat-radio-disabled).mat-radio-checked .mat-radio-container:hover .mat-ripple .mat-radio-persistent-ripple {
  opacity: 1;
}

.mat-radio-button[fisStyle]:not(.mat-radio-disabled):not(.mat-radio-checked).cdk-focused .mat-ripple .mat-radio-persistent-ripple, .mat-radio-button[fisStyle]:not(.mat-radio-disabled):not(.mat-radio-checked).cdk-keyboard-focused .mat-ripple .mat-radio-persistent-ripple, .mat-radio-button[fisStyle]:not(.mat-radio-disabled):not(.mat-radio-checked).cdk-program-focused .mat-ripple .mat-radio-persistent-ripple,
.mat-radio-button[fisStyle]:not(.mat-radio-disabled):not(.mat-radio-checked) .mat-radio-container:hover .mat-ripple .mat-radio-persistent-ripple {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  opacity: 1;
}

.mat-radio-button[fisStyle] .mat-radio-container .mat-radio-outer-circle,
.mat-radio-button[fisStyle] .mat-radio-container .mat-radio-inner-circle {
  z-index: 1;
}

.mat-radio-button[fisStyle] .mat-radio-container .mat-ripple {
  z-index: 0;
}

.mat-radio-button[fisStyle].mat-primary.mat-radio-checked.mat-radio-disabled .mat-radio-inner-circle {
  background-color: var(--primary, #4bcd3e);
  opacity: 0.5;
}

.mat-radio-button[fisStyle].mat-primary.mat-radio-checked.mat-radio-disabled .mat-radio-outer-circle {
  border-color: var(--primary, #4bcd3e);
  opacity: 0.5;
}

.mat-radio-button[fisStyle].mat-primary.mat-radio-checked .mat-radio-container .mat-ripple-element {
  background: var(--primary-50, #e9f9e8);
}

.mat-radio-button[fisStyle].mat-accent.mat-radio-checked.mat-radio-disabled .mat-radio-inner-circle {
  background-color: var(--accent, #009775);
  opacity: 0.5;
}

.mat-radio-button[fisStyle].mat-accent.mat-radio-checked.mat-radio-disabled .mat-radio-outer-circle {
  border-color: var(--accent, #009775);
  opacity: 0.5;
}

.mat-radio-button[fisStyle].mat-accent.mat-radio-checked .mat-radio-container .mat-ripple-element {
  background: var(--accent-50, #e0f3ee);
}

.mat-radio-button[fisStyle].mat-warn.mat-radio-checked.mat-radio-disabled .mat-radio-inner-circle {
  background-color: var(--warn, #fd8d62);
  opacity: 0.5;
}

.mat-radio-button[fisStyle].mat-warn.mat-radio-checked.mat-radio-disabled .mat-radio-outer-circle {
  border-color: var(--warn, #fd8d62);
  opacity: 0.5;
}

.mat-radio-button[fisStyle].mat-warn.mat-radio-checked .mat-radio-container .mat-ripple-element {
  background: var(--warn-50, #fff1ec);
}

.mat-slider[fisStyle].mat-slider-has-ticks:not(.mat-slider-disabled) .mat-slider-ticks-container .mat-slider-ticks {
  opacity: 0;
}

.mat-slider[fisStyle].mat-slider-has-ticks:not(.mat-slider-disabled):hover .mat-slider-ticks-container .mat-slider-ticks, .mat-slider[fisStyle].mat-slider-has-ticks:not(.mat-slider-disabled).cdk-focused .mat-slider-ticks-container .mat-slider-ticks {
  opacity: 1;
}

.mat-slider[fisStyle].mat-slider-has-ticks:not(.mat-slider-disabled).mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, var(--ruf-background-contrast, #012834), var(--ruf-background-contrast, #012834) 0.125rem, transparent 0, transparent);
}

.mat-slider[fisStyle].mat-slider-has-ticks:not(.mat-slider-disabled).mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, var(--ruf-background-contrast, #012834), var(--ruf-background-contrast, #012834) 0.125rem, transparent 0, transparent);
}

.mat-slider[fisStyle]:not(.mat-slider-hide-last-tick):not(.mat-slider-disabled) .mat-slider-wrapper::after {
  border-color: var(--ruf-background-contrast, #012834);
}

.mat-slider[fisStyle].mat-slider-disabled .mat-slider-track-background {
  background-color: var(--ruf-background-secondary, #b3bfc2);
}

.mat-slider[fisStyle]:not(.mat-slider-min-value).mat-slider-disabled .mat-slider-track-fill {
  background-color: var(--ruf-background-secondary, #b3bfc2);
  opacity: 0.26;
}

.mat-slider[fisStyle]:not(.mat-slider-min-value).mat-slider-disabled .mat-slider-thumb {
  background-color: var(--ruf-background-secondary, #b3bfc2);
  border-color: transparent;
}

.mat-slider[fisStyle].mat-slider-min-value.mat-slider-disabled .mat-slider-thumb {
  background-color: transparent;
  border-color: var(--ruf-foreground-disabled-button, #b3bfc2);
}

.mat-slider[fisStyle].mat-slider-min-value:not(.mat-slider-disabled) .mat-slider-thumb {
  background-color: transparent;
  border-color: var(--ruf-foreground-slider-off, rgba(0, 0, 0, 0.38));
}

.mat-slider[fisStyle].cdk-keyboard-focused:not(.mat-slider-min-value) .mat-slider-focus-ring, .mat-slider[fisStyle].cdk-program-focused:not(.mat-slider-min-value) .mat-slider-focus-ring {
  opacity: 0.2;
}

.mat-slider[fisStyle].cdk-keyboard-focused .mat-slider-focus-ring, .mat-slider[fisStyle].cdk-program-focused .mat-slider-focus-ring {
  opacity: 0.12;
}

.mat-slider-track-background,
.mat-slider[fisStyle]:hover:not(.mat-slider-disabled) .mat-slider-track-background,
.mat-slider[fisStyle].cdk-focused:not(.mat-slider-disabled) .mat-slider-track-background {
  background-color: var(--ruf-background-secondary, #b3bfc2);
  opacity: 0.26;
}

.mat-slide-toggle[fisStyle] .mat-slide-toggle-thumb {
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 1px 1px 0 var(--ruf-foreground-shadow, rgba(0, 0, 0, 0.25));
}

.mat-slide-toggle[fisStyle]:not(.mat-disabled).mat-checked .mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple {
  opacity: 0.28;
}

.mat-slide-toggle[fisStyle]:not(.mat-disabled) .mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple {
  opacity: 0.08;
}

.mat-slide-toggle[fisStyle]:not(.mat-checked) .mat-slide-toggle-thumb {
  background-color: var(--ruf-background-contrast, #012834);
}

.mat-slide-toggle[fisStyle]:not(.mat-checked) .mat-slide-toggle-bar {
  background-color: rgba(var(--ruf-foreground-text-rgb, 1, 40, 52), 0.54);
}

.mat-slide-toggle[fisStyle]:not(.mat-checked).mat-disabled {
  opacity: 1;
}

.mat-slide-toggle[fisStyle]:not(.mat-checked).mat-disabled .mat-slide-toggle-thumb {
  background-color: var(--ruf-background-secondary, #b3bfc2);
  opacity: 1;
}

.mat-slide-toggle[fisStyle]:not(.mat-checked).mat-disabled .mat-slide-toggle-bar {
  background-color: var(--ruf-background-disabled, #e1e5e7);
  opacity: 1;
}

.mat-slide-toggle[fisStyle]:not(.mat-checked).mat-disabled .mat-slide-toggle-label .mat-slide-toggle-content {
  color: var(--ruf-foreground-disabled, #b3bfc2);
  opacity: 1;
}

.mat-slide-toggle[fisStyle].mat-primary.mat-checked.mat-disabled {
  opacity: 1;
}

.mat-slide-toggle[fisStyle].mat-primary.mat-checked.mat-disabled .mat-slide-toggle-bar {
  background-color: transparent;
}

.mat-slide-toggle[fisStyle].mat-primary.mat-checked.mat-disabled .mat-slide-toggle-bar::before {
  background-color: var(--ruf-background-disabled, #e1e5e7);
  border-radius: 0.5rem;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mat-slide-toggle[fisStyle].mat-primary.mat-checked.mat-disabled .mat-slide-toggle-thumb {
  background-color: var(--ruf-background-secondary, #b3bfc2);
}

.mat-slide-toggle[fisStyle].mat-primary.mat-checked.mat-disabled .mat-slide-toggle-label .mat-slide-toggle-content {
  opacity: 1;
}

.mat-slide-toggle[fisStyle].mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: transparent;
}

.mat-slide-toggle[fisStyle].mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar::before {
  background-color: rgba(var(--primary-rgb, 75, 205, 62), 0.54);
  border-radius: 0.5rem;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mat-slide-toggle[fisStyle].mat-accent.mat-checked.mat-disabled {
  opacity: 1;
}

.mat-slide-toggle[fisStyle].mat-accent.mat-checked.mat-disabled .mat-slide-toggle-bar {
  background-color: transparent;
}

.mat-slide-toggle[fisStyle].mat-accent.mat-checked.mat-disabled .mat-slide-toggle-bar::before {
  background-color: var(--ruf-background-disabled, #e1e5e7);
  border-radius: 0.5rem;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mat-slide-toggle[fisStyle].mat-accent.mat-checked.mat-disabled .mat-slide-toggle-thumb {
  background-color: var(--ruf-background-secondary, #b3bfc2);
}

.mat-slide-toggle[fisStyle].mat-accent.mat-checked.mat-disabled .mat-slide-toggle-label .mat-slide-toggle-content {
  opacity: 1;
}

.mat-slide-toggle[fisStyle].mat-accent.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: transparent;
}

.mat-slide-toggle[fisStyle].mat-accent.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar::before {
  background-color: rgba(var(--accent-rgb, 0, 151, 117), 0.54);
  border-radius: 0.5rem;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mat-slide-toggle[fisStyle].mat-warn.mat-checked.mat-disabled {
  opacity: 1;
}

.mat-slide-toggle[fisStyle].mat-warn.mat-checked.mat-disabled .mat-slide-toggle-bar {
  background-color: transparent;
}

.mat-slide-toggle[fisStyle].mat-warn.mat-checked.mat-disabled .mat-slide-toggle-bar::before {
  background-color: var(--ruf-background-disabled, #e1e5e7);
  border-radius: 0.5rem;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mat-slide-toggle[fisStyle].mat-warn.mat-checked.mat-disabled .mat-slide-toggle-thumb {
  background-color: var(--ruf-background-secondary, #b3bfc2);
}

.mat-slide-toggle[fisStyle].mat-warn.mat-checked.mat-disabled .mat-slide-toggle-label .mat-slide-toggle-content {
  opacity: 1;
}

.mat-slide-toggle[fisStyle].mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: transparent;
}

.mat-slide-toggle[fisStyle].mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar::before {
  background-color: rgba(var(--warn-rgb, 253, 141, 98), 0.54);
  border-radius: 0.5rem;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mat-table[fisStyle] {
  border-bottom-color: rgba(var(--ruf-foreground-base-rgb, 0, 0, 0), 0.2);
}

.mat-table[fisStyle][row-border=true][color=primary] .mat-row .mat-cell:first-child {
  border-left-color: var(--primary, #4bcd3e);
}

[dir=rtl] .mat-table[fisStyle][row-border=true][color=primary] .mat-row .mat-cell:first-child {
  border-right-color: var(--primary, #4bcd3e);
}

.mat-table[fisStyle][row-border=true][color=accent] .mat-row .mat-cell:first-child {
  border-left-color: var(--accent, #009775);
}

[dir=rtl] .mat-table[fisStyle][row-border=true][color=accent] .mat-row .mat-cell:first-child {
  border-right-color: var(--accent, #009775);
}

.mat-table[fisStyle][row-border=true][color=warn] .mat-row .mat-cell:first-child {
  border-left-color: var(--warn, #fd8d62);
}

[dir=rtl] .mat-table[fisStyle][row-border=true][color=warn] .mat-row .mat-cell:first-child {
  border-right-color: var(--warn, #fd8d62);
}

.mat-table[fisStyle][row-border=true][color=emphasis] .mat-row .mat-cell:first-child {
  border-left-color: var(--emphasis, #ffcd00);
}

[dir=rtl] .mat-table[fisStyle][row-border=true][color=emphasis] .mat-row .mat-cell:first-child {
  border-right-color: var(--emphasis, #ffcd00);
}

.mat-table[fisStyle][row-border=true][color=error] .mat-row .mat-cell:first-child {
  border-left-color: var(--ruf-background-error, #ff1f3e);
}

[dir=rtl] .mat-table[fisStyle][row-border=true][color=error] .mat-row .mat-cell:first-child {
  border-right-color: var(--ruf-background-error, #ff1f3e);
}

.mat-table[fisStyle][row-border=true][color=success] .mat-row .mat-cell:first-child {
  border-left-color: var(--ruf-background-success, #4bcd3e);
}

[dir=rtl] .mat-table[fisStyle][row-border=true][color=success] .mat-row .mat-cell:first-child {
  border-right-color: var(--ruf-background-success, #4bcd3e);
}

.mat-table[fisStyle][row-border=true][color=info] .mat-row .mat-cell:first-child {
  border-left-color: var(--ruf-background-info, #3bcff0);
}

[dir=rtl] .mat-table[fisStyle][row-border=true][color=info] .mat-row .mat-cell:first-child {
  border-right-color: var(--ruf-background-info, #3bcff0);
}

.mat-table[fisStyle] .mat-header-row {
  background: var(--ruf-background-header-row, #e5e5e5);
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell {
  border-bottom-color: var(--ruf-foreground-divider, #c1c1c1);
  color: var(--ruf-foreground-text, #012834);
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell:hover:not(.mat-table-sticky).mat-sort-header {
  background-color: var(--ruf-background-hover-row, lightgray);
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell .mat-sort-header-sorted .mat-sort-header-arrow {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell.mat-sort-header.mat-sort-header-disabled {
  cursor: not-allowed;
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell.mat-sort-header.mat-sort-header-disabled .mat-sort-header-container {
  cursor: not-allowed;
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell.mat-sort-header.mat-sort-header-disabled:hover {
  background-color: transparent;
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell.mat-sort-header.mat-sort-header-disabled .mat-sort-header-arrow {
  color: var(--ruf-foreground-disabled-button, #b3bfc2);
}

.mat-table[fisStyle] .mat-row.ruf-row-active {
  background-color: var(--ruf-background-selected-row, rgba(0, 0, 0, 0.08));
}

.mat-table[fisStyle] .mat-row.ruf-row-active-pale {
  background-color: var(--emphasis-100, #fff0b3);
}

.mat-table[fisStyle] .mat-row.ruf-detail-row:not(.ruf-row-halo):hover {
  background-color: transparent;
  cursor: auto;
}

.mat-table[fisStyle] .mat-row.ruf-row-halo:hover {
  cursor: pointer;
}

.mat-table[fisStyle] .mat-row.ruf-row-halo:hover button.mat-icon-button {
  background: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
}

.mat-table[fisStyle] .mat-row.ruf-row-halo:hover .mat-checkbox .mat-ripple-element {
  opacity: 1;
}

.mat-table[fisStyle] .mat-row.ruf-row-halo.ruf-detail-row:hover {
  cursor: auto;
}

.mat-table[fisStyle] .mat-row .mat-cell {
  border-bottom-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-table[fisStyle] .mat-row:not(.ruf-row-halo).ruf-hover-interaction:hover, .mat-table[fisStyle] .mat-row:not(.ruf-row-halo).ruf-hover-interaction:active {
  background-color: var(--ruf-background-alternate-row, #f4f4f4);
  cursor: pointer;
}

.mat-table[fisStyle] .mat-row:not(.ruf-row-halo).ruf-hover-interaction .mat-checkbox:hover .mat-checkbox-ripple, .mat-table[fisStyle] .mat-row:not(.ruf-row-halo).ruf-hover-interaction .mat-checkbox:active .mat-checkbox-ripple {
  display: none;
}

.mat-table[fisStyle] .mat-row:not(.ruf-row-halo).ruf-hover-interaction button:hover .mat-button-focus-overlay, .mat-table[fisStyle] .mat-row:not(.ruf-row-halo).ruf-hover-interaction button:active .mat-button-focus-overlay {
  display: none;
}

.mat-table[fisStyle] .mat-row.ruf-row-halo button:hover .mat-button-focus-overlay, .mat-table[fisStyle] .mat-row.ruf-row-halo button:active .mat-button-focus-overlay {
  display: none;
}

.mat-table[fisStyle].ruf-striped-rows:not(.ruf-expandable-rows) .mat-row:not(.ruf-row-active):not(.ruf-row-active-pale):nth-child(even), .mat-table[fisStyle].striped-rows:not(.ruf-expandable-rows) .mat-row:not(.ruf-row-active):not(.ruf-row-active-pale):nth-child(even) {
  background-color: var(--ruf-background-alternate-row, #f4f4f4);
}

.mat-table[fisStyle].ruf-striped-rows:not(.ruf-expandable-rows) .mat-row:not(.ruf-row-active):not(.ruf-row-active-pale):nth-child(odd), .mat-table[fisStyle].striped-rows:not(.ruf-expandable-rows) .mat-row:not(.ruf-row-active):not(.ruf-row-active-pale):nth-child(odd) {
  background-color: var(--ruf-background-row, white);
}

.mat-table[fisStyle].ruf-striped-rows.ruf-expandable-rows .mat-row:nth-child(3),
.mat-table[fisStyle].ruf-striped-rows.ruf-expandable-rows .mat-row:nth-child(4n+3),
.mat-table[fisStyle].ruf-striped-rows.ruf-expandable-rows .mat-row:nth-child(4n+4), .mat-table[fisStyle].striped-rows.ruf-expandable-rows .mat-row:nth-child(3),
.mat-table[fisStyle].striped-rows.ruf-expandable-rows .mat-row:nth-child(4n+3),
.mat-table[fisStyle].striped-rows.ruf-expandable-rows .mat-row:nth-child(4n+4) {
  background-color: var(--ruf-background-alternate-row, #f4f4f4);
}

.mat-table[fisStyle].ruf-striped-rows.ruf-expandable-rows .mat-row:nth-child(2),
.mat-table[fisStyle].ruf-striped-rows.ruf-expandable-rows .mat-row:nth-child(4n+1),
.mat-table[fisStyle].ruf-striped-rows.ruf-expandable-rows .mat-row:nth-child(4n+2), .mat-table[fisStyle].striped-rows.ruf-expandable-rows .mat-row:nth-child(2),
.mat-table[fisStyle].striped-rows.ruf-expandable-rows .mat-row:nth-child(4n+1),
.mat-table[fisStyle].striped-rows.ruf-expandable-rows .mat-row:nth-child(4n+2) {
  background-color: var(--ruf-background-row, white);
}

.mat-table[fisStyle].ruf-grey-header .mat-header-row .mat-header-cell, .mat-table[fisStyle].grey-header .mat-header-row .mat-header-cell {
  border-bottom-color: var(--ruf-foreground-divider, #c1c1c1);
  color: var(--ruf-foreground-text, #012834);
}

.mat-table[fisStyle][row-border=true] .mat-row .mat-cell:first-child {
  border-left-color: var(--primary, #4bcd3e);
}

[dir=rtl] .mat-table[fisStyle][row-border=true] .mat-row .mat-cell:first-child {
  border-right-color: var(--primary, #4bcd3e);
}

.mat-table[fisStyle].ruf-card-rows {
  background: var(--ruf-background-card-canvas, #e5e5e5);
}

.mat-table[fisStyle].ruf-card-rows .mat-row {
  background: var(--ruf-background-card, white);
  box-shadow: none;
}

.mat-table[fisStyle].ruf-card-rows .mat-row.ruf-row-active {
  background-color: var(--ruf-background-selected-row, rgba(0, 0, 0, 0.08));
}

.mat-table[fisStyle].ruf-card-rows .mat-row.ruf-row-active-pale {
  background-color: var(--emphasis-100, #fff0b3);
}

.mat-table[fisStyle].ruf-card-rows .mat-row.ruf-detail-row:not(.ruf-row-halo):hover {
  background: var(--ruf-background-card, white);
}

.mat-table[fisStyle].ruf-card-rows .mat-header-row {
  background: var(--ruf-background-card-canvas, #e5e5e5);
}

.mat-table[fisStyle].ruf-card-rows th.mat-header-cell {
  border-bottom: none;
}

.mat-table[fisStyle].ruf-card-rows .mat-row,
.mat-table[fisStyle].ruf-card-rows .mat-header-row,
.mat-table[fisStyle].ruf-card-rows .mat-footer-row,
.mat-table[fisStyle].ruf-card-rows td.mat-footer-cell,
.mat-table[fisStyle].ruf-card-rows td.mat-cell {
  border-bottom-color: var(--ruf-background-header-row, #e5e5e5);
}

.mat-table[fisStyle].ruf-card-rows .mat-row:not(.ruf-row-halo).ruf-hover-interaction:hover, .mat-table[fisStyle].ruf-card-rows .mat-row:not(.ruf-row-halo).ruf-hover-interaction:active {
  background-color: var(--ruf-background-alternate-row, #f4f4f4);
}

.mat-table[fisStyle].ruf-card-rows .mat-row:not(.ruf-row-halo).ruf-hover-interaction:hover td.mat-cell, .mat-table[fisStyle].ruf-card-rows .mat-row:not(.ruf-row-halo).ruf-hover-interaction:active td.mat-cell {
  cursor: pointer;
}

.mat-table[fisStyle].ruf-card-rows .mat-row.ruf-row-halo:not(.ruf-detail-row):hover td.mat-cell, .mat-table[fisStyle].ruf-card-rows .mat-row.ruf-row-halo:not(.ruf-detail-row):active td.mat-cell {
  cursor: pointer;
}

.mat-stepper-horizontal[fisStyle] .mat-step-header .mat-step-icon, .mat-stepper-vertical[fisStyle] .mat-step-header .mat-step-icon {
  background-color: var(--ruf-background-base, white);
  border-color: #015b7e;
  color: #015b7e;
}

.mat-stepper-horizontal[fisStyle] .mat-step-header .mat-step-icon.mat-step-icon-selected, .mat-stepper-vertical[fisStyle] .mat-step-header .mat-step-icon.mat-step-icon-selected {
  background-color: #015b7e;
  color: #ffffff;
}

.mat-stepper-horizontal[fisStyle] .mat-step-header:hover, .mat-stepper-horizontal[fisStyle] .mat-step-header.cdk-focused, .mat-stepper-horizontal[fisStyle] .mat-step-header.cdk-program-focused, .mat-stepper-horizontal[fisStyle] .mat-step-header.cdk-keyboard-focused, .mat-stepper-vertical[fisStyle] .mat-step-header:hover, .mat-stepper-vertical[fisStyle] .mat-step-header.cdk-focused, .mat-stepper-vertical[fisStyle] .mat-step-header.cdk-program-focused, .mat-stepper-vertical[fisStyle] .mat-step-header.cdk-keyboard-focused {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-stepper-horizontal[fisStyle] .mat-step-header:hover .mat-step-icon:not(.mat-step-icon-selected), .mat-stepper-horizontal[fisStyle] .mat-step-header.cdk-focused .mat-step-icon:not(.mat-step-icon-selected), .mat-stepper-horizontal[fisStyle] .mat-step-header.cdk-program-focused .mat-step-icon:not(.mat-step-icon-selected), .mat-stepper-horizontal[fisStyle] .mat-step-header.cdk-keyboard-focused .mat-step-icon:not(.mat-step-icon-selected), .mat-stepper-vertical[fisStyle] .mat-step-header:hover .mat-step-icon:not(.mat-step-icon-selected), .mat-stepper-vertical[fisStyle] .mat-step-header.cdk-focused .mat-step-icon:not(.mat-step-icon-selected), .mat-stepper-vertical[fisStyle] .mat-step-header.cdk-program-focused .mat-step-icon:not(.mat-step-icon-selected), .mat-stepper-vertical[fisStyle] .mat-step-header.cdk-keyboard-focused .mat-step-icon:not(.mat-step-icon-selected) {
  background: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-stepper-horizontal[fisStyle] .mat-step-header[aria-disabled=true]:hover, .mat-stepper-horizontal[fisStyle] .mat-step-header[aria-disabled=true].cdk-focused, .mat-stepper-horizontal[fisStyle] .mat-step-header[aria-disabled=true].cdk-program-focused, .mat-stepper-horizontal[fisStyle] .mat-step-header[aria-disabled=true].cdk-keyboard-focused, .mat-stepper-vertical[fisStyle] .mat-step-header[aria-disabled=true]:hover, .mat-stepper-vertical[fisStyle] .mat-step-header[aria-disabled=true].cdk-focused, .mat-stepper-vertical[fisStyle] .mat-step-header[aria-disabled=true].cdk-program-focused, .mat-stepper-vertical[fisStyle] .mat-step-header[aria-disabled=true].cdk-keyboard-focused {
  background-color: transparent;
  cursor: auto;
}

.mat-stepper-horizontal[fisStyle] .mat-stepper-horizontal-line, .mat-stepper-vertical[fisStyle] .mat-stepper-horizontal-line {
  border-top-color: var(--ruf-foreground-border, #dfdfdf);
}

.mat-stepper-horizontal[fisStyle] .mat-stepper-vertical-line::before, .mat-stepper-vertical[fisStyle] .mat-stepper-vertical-line::before {
  border-left-color: var(--ruf-foreground-border, #dfdfdf);
}

.mat-tab-group[fisStyle] .mat-tab-labels > .mat-tab-label, .mat-tab-group[fisStyle] .mat-tab-labels .mat-tab-link, .mat-tab-group[fisStyle] .mat-tab-links > .mat-tab-label, .mat-tab-group[fisStyle] .mat-tab-links .mat-tab-link, .mat-tab-nav-bar[fisStyle] .mat-tab-labels > .mat-tab-label, .mat-tab-nav-bar[fisStyle] .mat-tab-labels .mat-tab-link, .mat-tab-nav-bar[fisStyle] .mat-tab-links > .mat-tab-label, .mat-tab-nav-bar[fisStyle] .mat-tab-links .mat-tab-link {
  /* Make sure labels have just a little less opacity to further differenciate activation */
  opacity: 1;
}

.mat-tab-group[fisStyle] .mat-tab-labels .mat-tab-label:not(.mat-tab-disabled):hover, .mat-tab-group[fisStyle] .mat-tab-labels .mat-tab-label:not(.mat-tab-disabled).cdk-keyboard-focused, .mat-tab-group[fisStyle] .mat-tab-labels .mat-tab-link:not(.mat-tab-disabled):hover, .mat-tab-group[fisStyle] .mat-tab-labels .mat-tab-link:not(.mat-tab-disabled).cdk-keyboard-focused, .mat-tab-group[fisStyle] .mat-tab-links .mat-tab-label:not(.mat-tab-disabled):hover, .mat-tab-group[fisStyle] .mat-tab-links .mat-tab-label:not(.mat-tab-disabled).cdk-keyboard-focused, .mat-tab-group[fisStyle] .mat-tab-links .mat-tab-link:not(.mat-tab-disabled):hover, .mat-tab-group[fisStyle] .mat-tab-links .mat-tab-link:not(.mat-tab-disabled).cdk-keyboard-focused, .mat-tab-nav-bar[fisStyle] .mat-tab-labels .mat-tab-label:not(.mat-tab-disabled):hover, .mat-tab-nav-bar[fisStyle] .mat-tab-labels .mat-tab-label:not(.mat-tab-disabled).cdk-keyboard-focused, .mat-tab-nav-bar[fisStyle] .mat-tab-labels .mat-tab-link:not(.mat-tab-disabled):hover, .mat-tab-nav-bar[fisStyle] .mat-tab-labels .mat-tab-link:not(.mat-tab-disabled).cdk-keyboard-focused, .mat-tab-nav-bar[fisStyle] .mat-tab-links .mat-tab-label:not(.mat-tab-disabled):hover, .mat-tab-nav-bar[fisStyle] .mat-tab-links .mat-tab-label:not(.mat-tab-disabled).cdk-keyboard-focused, .mat-tab-nav-bar[fisStyle] .mat-tab-links .mat-tab-link:not(.mat-tab-disabled):hover, .mat-tab-nav-bar[fisStyle] .mat-tab-links .mat-tab-link:not(.mat-tab-disabled).cdk-keyboard-focused {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-tab-group[fisStyle] .mat-tab-labels > .mat-tab-label-active, .mat-tab-group[fisStyle] .mat-tab-links > .mat-tab-label-active, .mat-tab-nav-bar[fisStyle] .mat-tab-labels > .mat-tab-label-active, .mat-tab-nav-bar[fisStyle] .mat-tab-links > .mat-tab-label-active {
  opacity: 1;
  /* Make sure active labels have have full opcity */
}

.mat-tab-group[fisStyle] .mat-tab-labels .mat-tab-disabled, .mat-tab-group[fisStyle] .mat-tab-links .mat-tab-disabled, .mat-tab-nav-bar[fisStyle] .mat-tab-labels .mat-tab-disabled, .mat-tab-nav-bar[fisStyle] .mat-tab-links .mat-tab-disabled {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-tab-group[fisStyle] .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled):hover, .mat-tab-nav-bar[fisStyle] .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled):hover {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-tab-group[fisStyle] .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-elevation-z4.mat-tab-header-pagination-after, .mat-tab-group[fisStyle] .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-elevation-z4.mat-tab-header-pagination-before, .mat-tab-nav-bar[fisStyle] .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-elevation-z4.mat-tab-header-pagination-after, .mat-tab-nav-bar[fisStyle] .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-elevation-z4.mat-tab-header-pagination-before {
  border-color: var(--ruf-foreground-border, #dfdfdf);
  box-shadow: none;
}

.mat-tab-header-pagination-chevron {
  border-color: var(--ruf-foreground-text, #012834);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: var(--ruf-foreground-disabled, #b3bfc2);
  opacity: 1;
}

.mat-menu-item[fisStyle]:not([disabled]) .mat-icon {
  color: var(--ruf-foreground-icon, #01232d);
}

.mat-menu-item[fisStyle][disabled] .mat-icon, .mat-menu-item[fisStyle][disabled] .mat-icon-no-color,
.mat-menu-item[fisStyle][disabled] .mat-menu-item-submenu-trigger::after {
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-select[fisStyle] .mat-select-trigger .mat-select-placeholder {
  color: #4d6971;
}

.mat-select[fisStyle] .mat-select-underline {
  background-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-select[fisStyle] .mat-select-trigger {
  color: var(--ruf-foreground-text, #012834);
}

.ruf-primary .mat-select[fisStyle] .mat-select-trigger {
  color: var(--primary-contrast, #012834);
}

.ruf-accent .mat-select[fisStyle] .mat-select-trigger {
  color: var(--accent-contrast, #ffffff);
}

.ruf-emphasis .mat-select[fisStyle] .mat-select-trigger {
  color: var(--emphasis-contrast, #ffffff);
}

.mat-select[fisStyle] .mat-select-arrow {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-select[fisStyle].mat-select-invalid:not(.mat-select-disabled) .mat-select-placeholder {
  color: #4d6971;
}

.mat-select[fisStyle].mat-select-invalid:not(.mat-select-disabled) .mat-select-value {
  color: var(--ruf-foreground-text, #012834);
}

.mat-select[fisStyle].mat-select-invalid:not(.mat-select-disabled) .mat-select-arrow {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-select[fisStyle] .mat-select-content,
.mat-select[fisStyle] .mat-select-panel-done-animating {
  background: var(--ruf-background-panel, white);
}

.mat-select[fisStyle]:not(.mat-select-disabled) .mat-select-value {
  color: var(--ruf-foreground-text, #012834);
}

.ruf-primary .mat-select[fisStyle]:not(.mat-select-disabled) .mat-select-value {
  color: var(--primary-contrast, #012834);
}

.ruf-accent .mat-select[fisStyle]:not(.mat-select-disabled) .mat-select-value {
  color: var(--accent-contrast, #ffffff);
}

.ruf-emphasis .mat-select[fisStyle]:not(.mat-select-disabled) .mat-select-value {
  color: var(--emphasis-contrast, #ffffff);
}

.mat-select[fisStyle].mat-select-disabled .mat-select-value {
  color: var(--ruf-foreground-text, #012834);
  opacity: 1;
}

[light].mat-form-field[fisStyle].mat-form-field-type-mat-select.mat-form-field-appearance-outline:not(.mat-form-field-invalid) .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label,
[light].mat-form-field[fisStyle].mat-form-field-type-mat-select.mat-form-field-appearance-outline:not(.mat-form-field-invalid) .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline, [light].mat-form-field[fisStyle].mat-form-field-type-mat-select.mat-form-field-appearance-outline:not(.mat-form-field-invalid) .mat-form-field-wrapper .mat-form-field-flex .mat-select-value, [light].mat-form-field[fisStyle].mat-form-field-type-mat-select.mat-form-field-appearance-outline:not(.mat-form-field-invalid) .mat-form-field-wrapper .mat-form-field-flex .mat-select-trigger {
  color: inherit;
}

[light].mat-form-field[fisStyle].mat-form-field-type-mat-select.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid) .mat-form-field-wrapper .mat-form-field-flex .mat-select-value, [light].mat-form-field[fisStyle].mat-form-field-type-mat-select.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid) .mat-form-field-wrapper .mat-form-field-flex .mat-select-arrow, [light].mat-form-field[fisStyle].mat-form-field-type-mat-select.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid) .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  color: inherit;
}

.mat-sidenav-container[fisStyle] .mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(var(--ruf-background-backdrop-overlay-rgb, 0, 0, 0), 0.0.2);
  opacity: 1;
}

.mat-sidenav-container[fisStyle] .mat-drawer:not(.mat-drawer-side) {
  box-shadow: none;
}

.mat-drawer-container[fisStyle] .mat-drawer-side, .mat-drawer-container[fisStyle] .mat-drawer-opened {
  border-right-color: var(--ruf-foreground-border, #dfdfdf);
}

[dir=rtl] .mat-drawer-container[fisStyle] .mat-drawer-side, [dir=rtl] .mat-drawer-container[fisStyle] .mat-drawer-opened {
  border-left-color: var(--ruf-foreground-border, #dfdfdf);
}

.cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: var(--ruf-background-backdrop-overlay, rgba(0, 0, 0, 0.2));
}

.mat-tree[fisStyle] .ruf-tree-vertical-dotted-line {
  border-color: var(--ruf-foreground-dividers, #b4b4b4);
}

.mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-nested-tree-node:last-child > .mat-tree-node::before {
  border-color: var(--ruf-foreground-dividers, #b4b4b4);
}

.mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .ruf-tree-horizontal-dotted-line,
.mat-tree[fisStyle] .ruf-tree-vertical-dotted-line .mat-tree-node {
  border-color: var(--ruf-foreground-dividers, #b4b4b4);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle]:not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle]:not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle]:not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle]:not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick {
  color: var(--ruf-foreground-input-border, #dfdfdf);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).cdk-keyboard-focused.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-form-field-outline-thick {
  color: var(--emphasis, #ffcd00);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle]:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle]:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline {
  transition: none;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-input-element,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-input-element,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-input-element {
  caret-color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-primary .mat-select .mat-select-value,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-primary .mat-select .mat-select-value,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-primary .mat-select .mat-select-value {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-primary .mat-select .mat-select-arrow,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-primary .mat-select .mat-select-arrow,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-primary .mat-select .mat-select-arrow {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon-button::after,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon-button::after,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon-button::after,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon-button::after,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon-button::after,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon-button::after {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-label {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-label .mat-placeholder-required,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-label .mat-placeholder-required,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-label .mat-placeholder-required {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-outline-thick,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-outline-thick,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-primary:not(.mat-form-field-invalid) .mat-form-field-outline-thick {
  color: var(--ruf-foreground-input-border, #dfdfdf);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-input-element,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-input-element,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-input-element {
  caret-color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-accent .mat-select .mat-select-value,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-accent .mat-select .mat-select-value,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-accent .mat-select .mat-select-value {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-accent .mat-select .mat-select-arrow,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-accent .mat-select .mat-select-arrow,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-accent .mat-select .mat-select-arrow {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon-button::after,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon-button::after,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon-button::after,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon-button::after,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon-button::after,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon-button::after {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-label {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-label .mat-placeholder-required,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-label .mat-placeholder-required,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-label .mat-placeholder-required {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-outline-thick,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-outline-thick,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-accent:not(.mat-form-field-invalid) .mat-form-field-outline-thick {
  color: var(--ruf-foreground-input-border, #dfdfdf);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-input-element,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-input-element,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-input-element {
  caret-color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-warn .mat-select .mat-select-value,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-warn .mat-select .mat-select-value,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-warn .mat-select .mat-select-value {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-warn .mat-select .mat-select-arrow,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-warn .mat-select .mat-select-arrow,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-warn .mat-select .mat-select-arrow {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon-button::after,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon-button::after,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon-button::after,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon-button::after,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon-button::after,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon-button::after {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-label {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-label .mat-placeholder-required,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-label .mat-placeholder-required,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-label .mat-placeholder-required {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-outline-thick,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-outline-thick,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-warn:not(.mat-form-field-invalid) .mat-form-field-outline-thick {
  color: var(--ruf-foreground-input-border, #dfdfdf);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-input-element,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-input-element,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-input-element {
  caret-color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-emphasis .mat-select .mat-select-value,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-emphasis .mat-select .mat-select-value,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-emphasis .mat-select .mat-select-value {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-emphasis .mat-select .mat-select-arrow,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-emphasis .mat-select .mat-select-arrow,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-emphasis .mat-select .mat-select-arrow {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon-button::after,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon-button::after,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon-button::after,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon-button::after,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-suffix .mat-icon-button::after,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-prefix .mat-icon-button::after {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-label {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-label .mat-placeholder-required,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-label .mat-placeholder-required,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-label .mat-placeholder-required {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-outline-thick,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-outline-thick,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-focused.mat-emphasis:not(.mat-form-field-invalid) .mat-form-field-outline-thick {
  color: var(--ruf-foreground-input-border, #dfdfdf);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-hint,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-hint,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-hint {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-should-float:not(.mat-focused) .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-should-float:not(.mat-focused) .mat-form-field-label-wrapper .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-should-float:not(.mat-focused) .mat-form-field-label-wrapper .mat-form-field-label {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-should-float:not(.mat-focused).mat-form-field-disabled:not(.ruf-boxed-form-field-disabled) .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-should-float:not(.mat-focused).mat-form-field-disabled:not(.ruf-boxed-form-field-disabled) .mat-form-field-label-wrapper .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-should-float:not(.mat-focused).mat-form-field-disabled:not(.ruf-boxed-form-field-disabled) .mat-form-field-label-wrapper .mat-form-field-label {
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle]:not(.mat-form-field-should-float):not(.mat-focused) .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle]:not(.mat-form-field-should-float):not(.mat-focused) .mat-form-field-label-wrapper .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.mat-form-field-should-float):not(.mat-focused) .mat-form-field-label-wrapper .mat-form-field-label {
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-invalid.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-invalid .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-invalid .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-invalid.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-invalid .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-invalid .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-invalid.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-invalid .mat-form-field-label-wrapper .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-invalid .mat-icon {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-invalid .mat-error,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-invalid .mat-error,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-invalid .mat-error {
  color: var(--error-600, #de1b36);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-invalid .mat-input-element,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-invalid .mat-input-element,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-invalid .mat-input-element {
  caret-color: var(--error-600, #de1b36);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-invalid .mat-form-field-outline-thick,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-invalid .mat-form-field-outline-thick,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-invalid .mat-form-field-outline-thick {
  color: var(--error, #ff1f3e);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-invalid.mat-form-field-can-float:not(.mat-focused) .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-invalid.mat-form-field-can-float:not(.mat-focused) .mat-form-field-label-wrapper .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-invalid.mat-form-field-can-float:not(.mat-focused) .mat-form-field-label-wrapper .mat-form-field-label {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-disabled,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-disabled,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-disabled {
  opacity: 1;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-input-element,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-input-element,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-input-element {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-input-element[type=password],
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-input-element[type=password],
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-input-element[type=password] {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-icon-button .mat-icon:hover,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-icon-button .mat-icon:focus,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-icon-button .mat-icon:hover,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-icon-button .mat-icon:focus,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-icon-button .mat-icon:hover,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-icon-button .mat-icon:focus {
  color: inherit;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-disabled .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-disabled .mat-form-field-outline-thick,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-disabled .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-disabled .mat-form-field-suffix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-disabled .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-disabled .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-disabled .mat-form-field-outline-thick,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-disabled .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-disabled .mat-form-field-suffix .mat-icon,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-disabled .mat-form-field-prefix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-disabled .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-disabled .mat-form-field-outline-thick,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-disabled .mat-form-field-label-wrapper .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-disabled .mat-form-field-suffix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-disabled .mat-form-field-prefix .mat-icon {
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-disabled .mat-icon-button:hover,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-disabled .mat-icon-button:hover,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-disabled .mat-icon-button:hover {
  background-color: transparent;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-input-readonly .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-input-readonly .mat-form-field-outline-thick, .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle][readonly] .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle][readonly] .mat-form-field-outline-thick,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-input-readonly .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-input-readonly .mat-form-field-outline-thick,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle][readonly] .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle][readonly] .mat-form-field-outline-thick,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-input-readonly .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-input-readonly .mat-form-field-outline-thick,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[readonly] .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[readonly] .mat-form-field-outline-thick {
  color: transparent !important;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-input-readonly .mat-select-arrow, .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle][readonly] .mat-select-arrow,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-input-readonly .mat-select-arrow,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle][readonly] .mat-select-arrow,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-input-readonly .mat-select-arrow,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[readonly] .mat-select-arrow {
  border: none;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-input-readonly .mat-form-field-flex,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-input-readonly .mat-input-element,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-input-readonly .mat-select,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-input-readonly .mat-select-value-text, .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle][readonly] .mat-form-field-flex,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle][readonly] .mat-input-element,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle][readonly] .mat-select,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle][readonly] .mat-select-value-text,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-input-readonly .mat-form-field-flex,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-input-readonly .mat-input-element,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-input-readonly .mat-select,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-input-readonly .mat-select-value-text,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle][readonly] .mat-form-field-flex,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle][readonly] .mat-input-element,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle][readonly] .mat-select,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle][readonly] .mat-select-value-text,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-input-readonly .mat-form-field-flex,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-input-readonly .mat-input-element,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-input-readonly .mat-select,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-input-readonly .mat-select-value-text,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[readonly] .mat-form-field-flex,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[readonly] .mat-input-element,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[readonly] .mat-select,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[readonly] .mat-select-value-text {
  cursor: default;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-input-readonly.mat-form-field.mat-form-field-disabled:not(.mat-form-field-invalid) .mat-select-value-text,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-input-readonly.mat-form-field.mat-form-field-disabled:not(.mat-form-field-invalid) .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle][readonly].mat-form-field.mat-form-field-disabled:not(.mat-form-field-invalid) .mat-select-value-text,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle][readonly].mat-form-field.mat-form-field-disabled:not(.mat-form-field-invalid) .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-input-readonly.mat-form-field.mat-form-field-disabled:not(.mat-form-field-invalid) .mat-select-value-text,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-input-readonly.mat-form-field.mat-form-field-disabled:not(.mat-form-field-invalid) .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle][readonly].mat-form-field.mat-form-field-disabled:not(.mat-form-field-invalid) .mat-select-value-text,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle][readonly].mat-form-field.mat-form-field-disabled:not(.mat-form-field-invalid) .mat-form-field-label-wrapper .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-input-readonly.mat-form-field.mat-form-field-disabled:not(.mat-form-field-invalid) .mat-select-value-text,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-input-readonly.mat-form-field.mat-form-field-disabled:not(.mat-form-field-invalid) .mat-form-field-label-wrapper .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[readonly].mat-form-field.mat-form-field-disabled:not(.mat-form-field-invalid) .mat-select-value-text,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[readonly].mat-form-field.mat-form-field-disabled:not(.mat-form-field-invalid) .mat-form-field-label-wrapper .mat-form-field-label {
  color: var(--ruf-foreground-text, #012834);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-background-card,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-background-card,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-background-card {
  background-color: inherit;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].ruf-background-card:not(.ruf-boxed-form-field-disabled) .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].ruf-background-card:not(.ruf-boxed-form-field-disabled) .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).ruf-background-card:not(.ruf-boxed-form-field-disabled) .mat-form-field-outline {
  background-color: var(--ruf-background-card, white);
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-disabled.ruf-boxed-form-field-disabled .mat-form-field-outline,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-disabled.ruf-boxed-form-field-disabled .mat-form-field-outline,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-disabled.ruf-boxed-form-field-disabled .mat-form-field-outline {
  background: var(--ruf-background-disabled, #e1e5e7);
}

.ruf-label {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.ruf-label-disabled {
  color: var(--ruf-foreground-disabled, #b3bfc2);
  opacity: 1;
}

.mat-form-field[fisStyle].ruf-mat-form-field-without-label.mat-form-field-type-mat-input.mat-form-field {
  margin: 0;
}

.mat-form-field[fisStyle].ruf-mat-form-field-without-label.mat-form-field-type-mat-input.mat-form-field .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}

.mat-form-field[fisStyle].ruf-mat-form-field-without-label.mat-form-field-type-mat-input.mat-form-field .mat-form-field-underline {
  display: none;
}

.mat-paginator[fisStyle] {
  color: var(--ruf-foreground-secondary-text, #012834);
}

.mat-paginator[fisStyle] .mat-paginator-navigation-first .mat-button-wrapper svg,
.mat-paginator[fisStyle] .mat-paginator-navigation-last .mat-button-wrapper svg,
.mat-paginator[fisStyle] .mat-paginator-navigation-previous .mat-button-wrapper svg,
.mat-paginator[fisStyle] .mat-paginator-navigation-next .mat-button-wrapper svg {
  display: none;
}

.mat-paginator[fisStyle] .mat-paginator-navigation-first:not([disabled]):hover, .mat-paginator[fisStyle] .mat-paginator-navigation-first:not([disabled]).cdk-keyboard-focused, .mat-paginator[fisStyle] .mat-paginator-navigation-first:not([disabled]).cdk-program-focused,
.mat-paginator[fisStyle] .mat-paginator-navigation-last:not([disabled]):hover,
.mat-paginator[fisStyle] .mat-paginator-navigation-last:not([disabled]).cdk-keyboard-focused,
.mat-paginator[fisStyle] .mat-paginator-navigation-last:not([disabled]).cdk-program-focused,
.mat-paginator[fisStyle] .mat-paginator-navigation-previous:not([disabled]):hover,
.mat-paginator[fisStyle] .mat-paginator-navigation-previous:not([disabled]).cdk-keyboard-focused,
.mat-paginator[fisStyle] .mat-paginator-navigation-previous:not([disabled]).cdk-program-focused,
.mat-paginator[fisStyle] .mat-paginator-navigation-next:not([disabled]):hover,
.mat-paginator[fisStyle] .mat-paginator-navigation-next:not([disabled]).cdk-keyboard-focused,
.mat-paginator[fisStyle] .mat-paginator-navigation-next:not([disabled]).cdk-program-focused {
  background-color: var(--ruf-background-halo, rgba(1, 40, 52, 0.12));
}

.mat-paginator[fisStyle] .mat-paginator-navigation-first[disabled],
.mat-paginator[fisStyle] .mat-paginator-navigation-last[disabled],
.mat-paginator[fisStyle] .mat-paginator-navigation-previous[disabled],
.mat-paginator[fisStyle] .mat-paginator-navigation-next[disabled] {
  opacity: 0.5;
}

.mat-divider[fisStyle] {
  border-top-color: var(--ruf-foreground-divider, #c1c1c1);
}

.mat-autocomplete-panel.fis-style {
  background: var(--ruf-background-panel, white);
  border-color: var(--ruf-foreground-border, #dfdfdf);
  box-shadow: none;
  color: var(--ruf-foreground-text, #012834);
}

.mat-autocomplete-panel.fis-style .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: var(--ruf-background-panel, white);
  color: var(--ruf-foreground-text, #012834);
}

.mat-menu-panel.fis-style {
  border-color: var(--ruf-foreground-border, #dfdfdf);
}

.mat-menu-panel.fis-style[class*=mat-elevation-z] {
  box-shadow: none;
}

.mat-menu-panel.fis-style .mat-menu-item:not([disabled]) .mat-icon {
  color: var(--ruf-foreground-icon, #01232d);
}

.mat-menu-panel.fis-style .mat-menu-item[disabled] .mat-icon, .mat-menu-panel.fis-style .mat-menu-item[disabled] .mat-icon-no-color,
.mat-menu-panel.fis-style .mat-menu-item[disabled] .mat-menu-item-submenu-trigger::after {
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-datepicker-content {
  border-color: var(--ruf-foreground-border, #dfdfdf);
  box-shadow: none;
}

.mat-calendar.fis-style .mat-calendar-body-label, .mat-calendar .mat-calendar-body-label {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-calendar.fis-style .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar.fis-style .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar.fis-style .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-calendar .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--ruf-foreground-text, #012834);
}

.mat-calendar.fis-style .mat-calendar-body-cell.mat-calendar-body-disabled .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-calendar .mat-calendar-body-cell.mat-calendar-body-disabled .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
}

.mat-calendar.fis-style .mat-calendar-body-cell-content.mat-calendar-body-today, .mat-calendar .mat-calendar-body-cell-content.mat-calendar-body-today {
  background-color: var(--ruf-background-panel, white);
  border-color: var(--primary, #4bcd3e);
  color: var(--ruf-foreground-text, #012834);
}

.mat-calendar.fis-style .mat-calendar-body-cell-content.mat-calendar-body-selected, .mat-calendar .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background: #015b7e;
  color: #ffffff;
}

.mat-calendar.fis-style .mat-calendar-body-cell-content.mat-calendar-body-today.mat-calendar-body-selected, .mat-calendar .mat-calendar-body-cell-content.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: none;
}

.mat-calendar.fis-style .mat-calendar-header .mat-calendar-controls .mat-icon-button, .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-icon-button {
  color: var(--primary, #4bcd3e);
}

.mat-calendar.fis-style .mat-calendar-header .mat-calendar-controls .mat-icon-button.mat-button-disabled, .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-icon-button.mat-button-disabled {
  color: var(--ruf-foreground-disabled, #b3bfc2);
}

.mat-calendar.fis-style .mat-calendar-header .mat-calendar-controls .mat-icon-button:not(.mat-button-disabled):hover .mat-button-focus-overlay,
.mat-calendar.fis-style .mat-calendar-header .mat-calendar-controls .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused .mat-button-focus-overlay,
.mat-calendar.fis-style .mat-calendar-header .mat-calendar-controls .mat-icon-button:not(.mat-button-disabled).cdk-program-focused .mat-button-focus-overlay, .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-icon-button:not(.mat-button-disabled):hover .mat-button-focus-overlay,
.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-icon-button:not(.mat-button-disabled).cdk-keyboard-focused .mat-button-focus-overlay,
.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-icon-button:not(.mat-button-disabled).cdk-program-focused .mat-button-focus-overlay {
  background-color: var(--primary, #4bcd3e);
  opacity: 0.21;
}

.mat-calendar.fis-style .mat-calendar-header button.mat-calendar-period-button:hover,
.mat-calendar.fis-style .mat-calendar-header button.mat-calendar-period-button.cdk-keyboard-focused,
.mat-calendar.fis-style .mat-calendar-header button.mat-calendar-period-button.cdk-program-focused, .mat-calendar .mat-calendar-header button.mat-calendar-period-button:hover,
.mat-calendar .mat-calendar-header button.mat-calendar-period-button.cdk-keyboard-focused,
.mat-calendar .mat-calendar-header button.mat-calendar-period-button.cdk-program-focused {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.mat-calendar.fis-style .mat-calendar-header button.mat-calendar-period-button:hover .mat-button-focus-overlay,
.mat-calendar.fis-style .mat-calendar-header button.mat-calendar-period-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-calendar.fis-style .mat-calendar-header button.mat-calendar-period-button.cdk-program-focused .mat-button-focus-overlay, .mat-calendar .mat-calendar-header button.mat-calendar-period-button:hover .mat-button-focus-overlay,
.mat-calendar .mat-calendar-header button.mat-calendar-period-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-calendar .mat-calendar-header button.mat-calendar-period-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0;
}

.mat-calendar.fis-style .mat-calendar-body-in-range::before, .mat-calendar .mat-calendar-body-in-range::before {
  background: #e1ebf0;
}

.mat-calendar.fis-style .mat-calendar-body-in-range .mat-calendar-body-cell-content.mat-calendar-body-today:not(.mat-calendar-body-selected), .mat-calendar .mat-calendar-body-in-range .mat-calendar-body-cell-content.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  background-color: transparent;
}

.cdk-overlay-pane.fis-style mat-dialog-container.mat-dialog-container {
  background: var(--ruf-background-dialog, white);
  box-shadow: none;
}

.cdk-overlay-pane.fis-style mat-dialog-container.mat-dialog-container:focus {
  outline: none;
}

.cdk-overlay-pane.fis-style mat-dialog-container.mat-dialog-container .mat-dialog-title {
  color: var(--ruf-foreground-text, #012834);
}

.mat-select-panel-wrap .mat-select-panel.fis-style, .mat-select-panel-wrap .mat-select-panel {
  box-shadow: none;
}

.mat-select-panel-wrap .mat-select-panel.fis-style.mat-primary, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-accent, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-warn, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-emphasis, .mat-select-panel-wrap .mat-select-panel.mat-primary, .mat-select-panel-wrap .mat-select-panel.mat-accent, .mat-select-panel-wrap .mat-select-panel.mat-warn, .mat-select-panel-wrap .mat-select-panel.mat-emphasis {
  border-color: var(--ruf-foreground-subtle-divider, lightgray);
  box-shadow: none;
}

.mat-select-panel-wrap .mat-select-panel.fis-style.mat-primary .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-primary .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-selected, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-primary .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-primary .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):hover, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-primary .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):focus, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-accent .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-accent .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-selected, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-accent .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-accent .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):hover, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-accent .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):focus, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-warn .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-warn .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-selected, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-warn .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-warn .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):hover, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-warn .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):focus, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-emphasis .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-emphasis .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-selected, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-emphasis .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-emphasis .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):hover, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-emphasis .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):focus, .mat-select-panel-wrap .mat-select-panel.mat-primary .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active, .mat-select-panel-wrap .mat-select-panel.mat-primary .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-selected, .mat-select-panel-wrap .mat-select-panel.mat-primary .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.mat-primary .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):hover, .mat-select-panel-wrap .mat-select-panel.mat-primary .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):focus, .mat-select-panel-wrap .mat-select-panel.mat-accent .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active, .mat-select-panel-wrap .mat-select-panel.mat-accent .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-selected, .mat-select-panel-wrap .mat-select-panel.mat-accent .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.mat-accent .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):hover, .mat-select-panel-wrap .mat-select-panel.mat-accent .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):focus, .mat-select-panel-wrap .mat-select-panel.mat-warn .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active, .mat-select-panel-wrap .mat-select-panel.mat-warn .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-selected, .mat-select-panel-wrap .mat-select-panel.mat-warn .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.mat-warn .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):hover, .mat-select-panel-wrap .mat-select-panel.mat-warn .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):focus, .mat-select-panel-wrap .mat-select-panel.mat-emphasis .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active, .mat-select-panel-wrap .mat-select-panel.mat-emphasis .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-selected, .mat-select-panel-wrap .mat-select-panel.mat-emphasis .mat-option:not(.mat-option-disabled):not(.mat-option-multiple).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.mat-emphasis .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):hover, .mat-select-panel-wrap .mat-select-panel.mat-emphasis .mat-option:not(.mat-option-disabled):not(.mat-option-multiple):focus {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--ruf-foreground-text, #012834);
}

.mat-select-panel-wrap .mat-select-panel.fis-style.mat-primary .mat-option-multiple:not(.mat-option-disabled).mat-active, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-primary .mat-option-multiple:not(.mat-option-disabled):hover, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-primary .mat-option-multiple:not(.mat-option-disabled):focus, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-primary .mat-option-multiple:not(.mat-option-disabled).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-accent .mat-option-multiple:not(.mat-option-disabled).mat-active, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-accent .mat-option-multiple:not(.mat-option-disabled):hover, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-accent .mat-option-multiple:not(.mat-option-disabled):focus, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-accent .mat-option-multiple:not(.mat-option-disabled).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-warn .mat-option-multiple:not(.mat-option-disabled).mat-active, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-warn .mat-option-multiple:not(.mat-option-disabled):hover, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-warn .mat-option-multiple:not(.mat-option-disabled):focus, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-warn .mat-option-multiple:not(.mat-option-disabled).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-emphasis .mat-option-multiple:not(.mat-option-disabled).mat-active, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-emphasis .mat-option-multiple:not(.mat-option-disabled):hover, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-emphasis .mat-option-multiple:not(.mat-option-disabled):focus, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-emphasis .mat-option-multiple:not(.mat-option-disabled).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.mat-primary .mat-option-multiple:not(.mat-option-disabled).mat-active, .mat-select-panel-wrap .mat-select-panel.mat-primary .mat-option-multiple:not(.mat-option-disabled):hover, .mat-select-panel-wrap .mat-select-panel.mat-primary .mat-option-multiple:not(.mat-option-disabled):focus, .mat-select-panel-wrap .mat-select-panel.mat-primary .mat-option-multiple:not(.mat-option-disabled).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.mat-accent .mat-option-multiple:not(.mat-option-disabled).mat-active, .mat-select-panel-wrap .mat-select-panel.mat-accent .mat-option-multiple:not(.mat-option-disabled):hover, .mat-select-panel-wrap .mat-select-panel.mat-accent .mat-option-multiple:not(.mat-option-disabled):focus, .mat-select-panel-wrap .mat-select-panel.mat-accent .mat-option-multiple:not(.mat-option-disabled).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.mat-warn .mat-option-multiple:not(.mat-option-disabled).mat-active, .mat-select-panel-wrap .mat-select-panel.mat-warn .mat-option-multiple:not(.mat-option-disabled):hover, .mat-select-panel-wrap .mat-select-panel.mat-warn .mat-option-multiple:not(.mat-option-disabled):focus, .mat-select-panel-wrap .mat-select-panel.mat-warn .mat-option-multiple:not(.mat-option-disabled).mat-active.mat-selected, .mat-select-panel-wrap .mat-select-panel.mat-emphasis .mat-option-multiple:not(.mat-option-disabled).mat-active, .mat-select-panel-wrap .mat-select-panel.mat-emphasis .mat-option-multiple:not(.mat-option-disabled):hover, .mat-select-panel-wrap .mat-select-panel.mat-emphasis .mat-option-multiple:not(.mat-option-disabled):focus, .mat-select-panel-wrap .mat-select-panel.mat-emphasis .mat-option-multiple:not(.mat-option-disabled).mat-active.mat-selected {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--ruf-foreground-text, #012834);
}

.mat-select-panel-wrap .mat-select-panel.fis-style.mat-primary .mat-option-multiple:not(.mat-option-disabled).mat-selected:not(:hover):not(.mat-active):not(:focus), .mat-select-panel-wrap .mat-select-panel.fis-style.mat-accent .mat-option-multiple:not(.mat-option-disabled).mat-selected:not(:hover):not(.mat-active):not(:focus), .mat-select-panel-wrap .mat-select-panel.fis-style.mat-warn .mat-option-multiple:not(.mat-option-disabled).mat-selected:not(:hover):not(.mat-active):not(:focus), .mat-select-panel-wrap .mat-select-panel.fis-style.mat-emphasis .mat-option-multiple:not(.mat-option-disabled).mat-selected:not(:hover):not(.mat-active):not(:focus), .mat-select-panel-wrap .mat-select-panel.mat-primary .mat-option-multiple:not(.mat-option-disabled).mat-selected:not(:hover):not(.mat-active):not(:focus), .mat-select-panel-wrap .mat-select-panel.mat-accent .mat-option-multiple:not(.mat-option-disabled).mat-selected:not(:hover):not(.mat-active):not(:focus), .mat-select-panel-wrap .mat-select-panel.mat-warn .mat-option-multiple:not(.mat-option-disabled).mat-selected:not(:hover):not(.mat-active):not(:focus), .mat-select-panel-wrap .mat-select-panel.mat-emphasis .mat-option-multiple:not(.mat-option-disabled).mat-selected:not(:hover):not(.mat-active):not(:focus) {
  background-color: transparent;
  color: var(--ruf-foreground-text, #012834);
}

.mat-select-panel-wrap .mat-select-panel.fis-style.mat-primary .mat-option.mat-option-disabled, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-accent .mat-option.mat-option-disabled, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-warn .mat-option.mat-option-disabled, .mat-select-panel-wrap .mat-select-panel.fis-style.mat-emphasis .mat-option.mat-option-disabled, .mat-select-panel-wrap .mat-select-panel.mat-primary .mat-option.mat-option-disabled, .mat-select-panel-wrap .mat-select-panel.mat-accent .mat-option.mat-option-disabled, .mat-select-panel-wrap .mat-select-panel.mat-warn .mat-option.mat-option-disabled, .mat-select-panel-wrap .mat-select-panel.mat-emphasis .mat-option.mat-option-disabled {
  color: var(--ruf-foreground-disabled-text, #b3bfc2);
  opacity: 1;
}

.mat-snack-bar-container.fis-style {
  border-color: var(--info, #3bcff0);
  background-color: var(--info-50, #e7f9fd);
  box-shadow: none;
  color: var(--ruf-foreground-darker-text, #012834);
}

.mat-snack-bar-container.fis-style.ruf-inkbar-top {
  border-top-color: var(--info, #3bcff0);
}

.mat-snack-bar-container.fis-style.ruf-inkbar-bottom {
  border-bottom-color: var(--info, #3bcff0);
}

.mat-snack-bar-container.fis-style.mat-button:hover, .mat-snack-bar-container.fis-style.mat-button.cdk-keyboard-focused,
.mat-snack-bar-container.fis-style .mat-button[fisStyle]:hover,
.mat-snack-bar-container.fis-style .mat-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--info-200, #9de7f8);
}

.mat-snack-bar-container.fis-style.ruf-primary {
  border-color: var(--primary, #4bcd3e);
  background-color: var(--primary-50, #e9f9e8);
}

.mat-snack-bar-container.fis-style.ruf-primary.ruf-inkbar-top {
  border-top-color: var(--primary, #4bcd3e);
}

.mat-snack-bar-container.fis-style.ruf-primary.ruf-inkbar-bottom {
  border-bottom-color: var(--primary, #4bcd3e);
}

.mat-snack-bar-container.fis-style.ruf-primary.mat-button:hover, .mat-snack-bar-container.fis-style.ruf-primary.mat-button.cdk-keyboard-focused,
.mat-snack-bar-container.fis-style.ruf-primary .mat-button[fisStyle]:hover,
.mat-snack-bar-container.fis-style.ruf-primary .mat-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--primary-200, #a5e69f);
}

.mat-snack-bar-container.fis-style.ruf-accent {
  border-color: var(--accent, #009775);
  background-color: var(--accent-50, #e0f3ee);
}

.mat-snack-bar-container.fis-style.ruf-accent.ruf-inkbar-top {
  border-top-color: var(--accent, #009775);
}

.mat-snack-bar-container.fis-style.ruf-accent.ruf-inkbar-bottom {
  border-bottom-color: var(--accent, #009775);
}

.mat-snack-bar-container.fis-style.ruf-accent.mat-button:hover, .mat-snack-bar-container.fis-style.ruf-accent.mat-button.cdk-keyboard-focused,
.mat-snack-bar-container.fis-style.ruf-accent .mat-button[fisStyle]:hover,
.mat-snack-bar-container.fis-style.ruf-accent .mat-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--accent-200, #80cbba);
}

.mat-snack-bar-container.fis-style.ruf-warn {
  border-color: var(--warn, #fd8d62);
  background-color: var(--warn-50, #fff1ec);
}

.mat-snack-bar-container.fis-style.ruf-warn.ruf-inkbar-top {
  border-top-color: var(--warn, #fd8d62);
}

.mat-snack-bar-container.fis-style.ruf-warn.ruf-inkbar-bottom {
  border-bottom-color: var(--warn, #fd8d62);
}

.mat-snack-bar-container.fis-style.ruf-warn.mat-button:hover, .mat-snack-bar-container.fis-style.ruf-warn.mat-button.cdk-keyboard-focused,
.mat-snack-bar-container.fis-style.ruf-warn .mat-button[fisStyle]:hover,
.mat-snack-bar-container.fis-style.ruf-warn .mat-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--warn-200, #fec6b1);
}

.mat-snack-bar-container.fis-style.ruf-emphasis {
  border-color: var(--emphasis, #ffcd00);
  background-color: var(--emphasis-50, #fff9e0);
}

.mat-snack-bar-container.fis-style.ruf-emphasis.ruf-inkbar-top {
  border-top-color: var(--emphasis, #ffcd00);
}

.mat-snack-bar-container.fis-style.ruf-emphasis.ruf-inkbar-bottom {
  border-bottom-color: var(--emphasis, #ffcd00);
}

.mat-snack-bar-container.fis-style.ruf-emphasis.mat-button:hover, .mat-snack-bar-container.fis-style.ruf-emphasis.mat-button.cdk-keyboard-focused,
.mat-snack-bar-container.fis-style.ruf-emphasis .mat-button[fisStyle]:hover,
.mat-snack-bar-container.fis-style.ruf-emphasis .mat-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--emphasis-200, #ffe680);
}

.mat-snack-bar-container.fis-style.ruf-error {
  border-color: var(--error, #ff1f3e);
  background-color: var(--error-50, #ffe4e8);
}

.mat-snack-bar-container.fis-style.ruf-error.ruf-inkbar-top {
  border-top-color: var(--error, #ff1f3e);
}

.mat-snack-bar-container.fis-style.ruf-error.ruf-inkbar-bottom {
  border-bottom-color: var(--error, #ff1f3e);
}

.mat-snack-bar-container.fis-style.ruf-error.mat-button:hover, .mat-snack-bar-container.fis-style.ruf-error.mat-button.cdk-keyboard-focused,
.mat-snack-bar-container.fis-style.ruf-error .mat-button[fisStyle]:hover,
.mat-snack-bar-container.fis-style.ruf-error .mat-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--error-200, #ff8f9f);
}

.mat-snack-bar-container.fis-style.ruf-success {
  border-color: var(--success, #4bcd3e);
  background-color: var(--success-50, #e9f9e8);
}

.mat-snack-bar-container.fis-style.ruf-success.ruf-inkbar-top {
  border-top-color: var(--success, #4bcd3e);
}

.mat-snack-bar-container.fis-style.ruf-success.ruf-inkbar-bottom {
  border-bottom-color: var(--success, #4bcd3e);
}

.mat-snack-bar-container.fis-style.ruf-success.mat-button:hover, .mat-snack-bar-container.fis-style.ruf-success.mat-button.cdk-keyboard-focused,
.mat-snack-bar-container.fis-style.ruf-success .mat-button[fisStyle]:hover,
.mat-snack-bar-container.fis-style.ruf-success .mat-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--success-200, #a5e69f);
}

.mat-snack-bar-container.fis-style.ruf-info {
  border-color: var(--info, #3bcff0);
  background-color: var(--info-50, #e7f9fd);
}

.mat-snack-bar-container.fis-style.ruf-info.ruf-inkbar-top {
  border-top-color: var(--info, #3bcff0);
}

.mat-snack-bar-container.fis-style.ruf-info.ruf-inkbar-bottom {
  border-bottom-color: var(--info, #3bcff0);
}

.mat-snack-bar-container.fis-style.ruf-info.mat-button:hover, .mat-snack-bar-container.fis-style.ruf-info.mat-button.cdk-keyboard-focused,
.mat-snack-bar-container.fis-style.ruf-info .mat-button[fisStyle]:hover,
.mat-snack-bar-container.fis-style.ruf-info .mat-button[fisStyle].cdk-keyboard-focused {
  background-color: var(--info-200, #9de7f8);
}

.mat-snack-bar-container.fis-style .mat-button, .mat-snack-bar-container.fis-style .mat-button[fisStyle] {
  background-color: transparent;
  border: none;
  color: var(--ruf-foreground-darker-text, #012834);
  min-width: 5.125rem;
}

.mat-tooltip-panel .mat-tooltip.fis-style, .mat-tooltip-panel .mat-tooltip {
  background-color: var(--ruf-background-tooltip, #5a5a5a);
  color: var(--ruf-foreground-lighter-text, white);
}

.mat-bottom-sheet-container.fis-style, .cdk-overlay-pane.fis-style .mat-bottom-sheet-container {
  border-color: var(--ruf-foreground-border, #dfdfdf);
  box-shadow: none;
}

.mat-button-toggle .mat-button-toggle-label-content,
.mat-button-toggle[fisStyle] .mat-button-toggle-label-content {
  font-weight: 600;
  line-height: 1.1;
}

.mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content,
.mat-button-toggle[fisStyle].mat-button-toggle-checked .mat-button-toggle-label-content {
  font-weight: 700;
}

.mat-button-toggle:hover .mat-button-toggle-label-content,
.mat-button-toggle[fisStyle]:hover .mat-button-toggle-label-content {
  font-weight: 700;
}

.mat-card[fisStyle] .mat-card-title {
  font-family: var(--ruf-caption-2-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: 16px;
  font-weight: var(--ruf-caption-2-font-weight, bold);
}

.mat-checkbox[fisStyle] .mat-checkbox-label {
  font-size: var(--ruf-subheading-1-font-size, 14px);
}

.mat-chip-list[fisStyle] .mat-chip {
  font-weight: 700;
}

.mat-table[fisStyle] .mat-header-cell {
  font-family: var(--ruf-title-font-family, "Titillium Web", Arial, sans-serif);
  font-size: var(--ruf-subheading-1-font-size, 14px);
  font-weight: var(--ruf-bold-font-weight, 700);
  line-height: 18px;
}

.mat-table[fisStyle] .mat-row .mat-cell {
  font-size: 12px;
  font-weight: var(--ruf-body-1-font-weight, 400);
  line-height: 1.67;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header .mat-expansion-panel-header-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 2rem;
}

.mat-form-field[fisStyle].mat-form-field-should-float .mat-form-field-label,
*[fisStyle] .mat-form-field.mat-form-field-should-float .mat-form-field-label {
  font-size: 16px;
  font-weight: 700;
}

.mat-form-field[fisStyle] .mat-hint,
*[fisStyle] .mat-form-field .mat-hint {
  font-size: var(--ruf-caption-font-size, 12px);
}

.mat-form-field.mat-form-field-appearance-legacy[fisStyle] .mat-input-element,
*[fisStyle] .mat-form-field.mat-form-field-appearance-legacy .mat-input-element {
  font-size: var(--ruf-input-font-size, 14px);
}

.mat-radio-button[fisStyle] .mat-radio-label-content {
  font-size: var(--ruf-subheading-1-font-size, 14px);
}

.mat-select[fisStyle] .mat-select-value {
  font-size: var(--ruf-input-font-size, 14px);
}

.mat-select[fisStyle] .mat-select-value .mat-select-placeholder {
  font-weight: var(--ruf-display-4-font-weight, 300);
}

[light] .mat-select-value {
  color: inherit;
}

[light]:not(.mat-form-field-invalid) .mat-form-field-wrapper .mat-select-arrow {
  color: inherit;
}

.mat-slide-toggle[fisStyle] .mat-slide-toggle-label .mat-slide-toggle-content {
  font: var(--ruf-subheading-1-font-weight, 400) var(--ruf-subheading-1-font-size, 14px)/var(--ruf-subheading-1-line-height, 18px) var(--ruf-subheading-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
}

.mat-slider .mat-slider-thumb-label-text {
  font-weight: var(--ruf-bold-font-weight, 700);
}

.mat-stepper-horizontal[fisStyle] .mat-step-header .mat-step-label, .mat-stepper-vertical[fisStyle] .mat-step-header .mat-step-label {
  font-size: var(--ruf-subheading-1-font-size, 14px);
  font-weight: 700;
}

.mat-stepper-horizontal[fisStyle] .mat-step-header .mat-step-icon-content, .mat-stepper-vertical[fisStyle] .mat-step-header .mat-step-icon-content {
  font-family: var(--ruf-subheading-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-weight: 700;
}

.mat-tab-group[fisStyle] .mat-tab-link, .mat-tab-group[fisStyle] .mat-tab-label, .mat-tab-nav-bar[fisStyle] .mat-tab-link, .mat-tab-nav-bar[fisStyle] .mat-tab-label {
  font-family: var(--ruf-dynamic-menubar-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-dynamic-menubar-font-size, 14px);
  font-weight: var(--ruf-dynamic-menubar-font-weight, 400);
}

.mat-tab-group[fisStyle] .mat-tab-label-active, .mat-tab-nav-bar[fisStyle] .mat-tab-label-active {
  font-weight: var(--ruf-bold-font-weight, 700);
}

.mat-pseudo-checkbox[fisStyle] .mat-option-text {
  font-size: var(--ruf-caption-2-font-size, 16px);
}

.mat-form-field-appearance-outline[fisStyle] .mat-form-field-prefix,
.mat-form-field-appearance-outline[fisStyle] .mat-form-field-suffix,
*[fisStyle] .mat-form-field-appearance-outline .mat-form-field-prefix,
*[fisStyle] .mat-form-field-appearance-outline .mat-form-field-suffix,
.mat-form-field-appearance-outline[boxStyle] .mat-form-field-prefix,
.mat-form-field-appearance-outline[boxStyle] .mat-form-field-suffix {
  font-size: var(--ruf-input-font-size, 14px);
}

.mat-form-field-appearance-outline[fisStyle] .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline[fisStyle] .mat-form-field-suffix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline .mat-form-field-prefix .mat-icon,
*[fisStyle] .mat-form-field-appearance-outline .mat-form-field-suffix .mat-icon,
.mat-form-field-appearance-outline[boxStyle] .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-outline[boxStyle] .mat-form-field-suffix .mat-icon {
  font-size: var(--ruf-input-font-size, 14px);
}

.mat-form-field-appearance-outline[fisStyle] .mat-hint,
*[fisStyle] .mat-form-field-appearance-outline .mat-hint,
.mat-form-field-appearance-outline[boxStyle] .mat-hint {
  font-size: var(--ruf-caption-font-size, 12px);
}

.mat-form-field-appearance-outline[fisStyle] .mat-form-field-wrapper .mat-form-field-subscript-wrapper,
*[fisStyle] .mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-subscript-wrapper,
.mat-form-field-appearance-outline[boxStyle] .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
  font-size: var(--ruf-caption-font-size, 12px);
}

.mat-form-field-appearance-outline[fisStyle] .mat-input-element,
*[fisStyle] .mat-form-field-appearance-outline .mat-input-element,
.mat-form-field-appearance-outline[boxStyle] .mat-input-element {
  font-size: var(--ruf-input-font-size, 14px);
}

.mat-form-field-appearance-outline[fisStyle] .mat-input-element::placeholder,
*[fisStyle] .mat-form-field-appearance-outline .mat-input-element::placeholder,
.mat-form-field-appearance-outline[boxStyle] .mat-input-element::placeholder {
  font-weight: var(--ruf-display-4-font-weight, 300);
}

.mat-form-field-appearance-outline[fisStyle] .mat-input-element::-moz-placeholder,
*[fisStyle] .mat-form-field-appearance-outline .mat-input-element::-moz-placeholder,
.mat-form-field-appearance-outline[boxStyle] .mat-input-element::-moz-placeholder {
  font-weight: var(--ruf-display-4-font-weight, 300);
}

.mat-form-field-appearance-outline[fisStyle] .mat-input-element::-webkit-input-placeholder,
*[fisStyle] .mat-form-field-appearance-outline .mat-input-element::-webkit-input-placeholder,
.mat-form-field-appearance-outline[boxStyle] .mat-input-element::-webkit-input-placeholder {
  font-weight: var(--ruf-display-4-font-weight, 300);
}

.mat-form-field-appearance-outline[fisStyle] .mat-input-element:-ms-input-placeholder,
*[fisStyle] .mat-form-field-appearance-outline .mat-input-element:-ms-input-placeholder,
.mat-form-field-appearance-outline[boxStyle] .mat-input-element:-ms-input-placeholder {
  font-weight: var(--ruf-display-4-font-weight, 300);
}

.mat-form-field-appearance-outline[fisStyle].mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label,
*[fisStyle] .mat-form-field-appearance-outline.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline[boxStyle].mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
  font-size: 16px;
  font-weight: 700;
  line-height: var(--ruf-caption-2-line-height, 18px);
}

.ruf-label {
  font-size: var(--ruf-caption-font-size, 12px);
  font-weight: var(--ruf-bold-font-weight, 700);
}

.ruf-boxed-input-wrapper .ruf-label {
  font-size: var(--ruf-input-font-size, 14px);
}

*:not(.mat-form-field-appearance-outline) .mat-hint[fisStyle] {
  font-size: var(--ruf-caption-font-size, 12px);
}

.mat-paginator[fisStyle] .mat-paginator-page-size-label, .mat-paginator[fisStyle] .mat-paginator-range-label, .mat-paginator[fisStyle] .mat-paginator-page-size-value {
  font-size: var(--ruf-caption-2-font-size, 16px);
}

.mat-paginator[fisStyle] .mat-paginator-page-size .mat-select-trigger {
  font-family: var(--ruf-input-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-input-font-size, 14px);
}

.mat-tree[fisStyle] .mat-tree-node {
  font-size: var(--ruf-subheading-1-font-size, 14px);
}

.mat-list[fisStyle] .mat-list-item .mat-list-text .mat-line:first-child, .mat-nav-list[fisStyle] .mat-list-item .mat-list-text .mat-line:first-child {
  font-size: var(--ruf-subheading-1-font-size, 14px);
}

.mat-selection-list[fisStyle] .mat-list-option .mat-list-text {
  font-size: var(--ruf-subheading-1-font-size, 14px);
}

.mat-list-base[fisStyle].mat-list .mat-list-item .mat-list-text .ruf-mat-line-primary-text, .mat-list-base[fisStyle].mat-nav-list .mat-list-item .mat-list-text .ruf-mat-line-primary-text {
  font-size: var(--ruf-subheading-1-font-size, 14px);
}

.mat-list-base[fisStyle].mat-list .mat-list-item .mat-list-text .ruf-mat-line-secondary-text, .mat-list-base[fisStyle].mat-nav-list .mat-list-item .mat-list-text .ruf-mat-line-secondary-text {
  font-size: var(--ruf-caption-font-size, 12px);
}

.mat-menu-panel.fis-style .mat-menu-item {
  font-size: var(--ruf-menu-children-font-size, 14px);
}

.mat-calendar.fis-style .mat-calendar-header .mat-calendar-controls .mat-button-wrapper {
  font-family: var(--ruf-title-font-family, "Titillium Web", Arial, sans-serif);
  font-size: var(--ruf-subheading-1-font-size, 14px);
  font-weight: 700;
  line-height: 21px;
}

.mat-calendar.fis-style .mat-calendar-table-header {
  font-family: var(--ruf-title-font-family, "Titillium Web", Arial, sans-serif);
}

.mat-calendar.fis-style .mat-calendar-table-header th {
  font-size: var(--ruf-caption-font-size, 12px);
  font-weight: 700;
  line-height: 18px;
}

.mat-calendar.fis-style .mat-calendar-body .mat-calendar-body-label {
  font-family: var(--ruf-title-font-family, "Titillium Web", Arial, sans-serif);
  font-size: var(--ruf-subheading-1-font-size, 14px);
  font-weight: var(--ruf-normal-weight-font-weight, 500);
}

.mat-calendar.fis-style .mat-calendar-body .mat-calendar-body-cell-content {
  font-size: var(--ruf-body-1-font-size, 12px);
  line-height: 15px;
}

.mat-calendar.fis-style .mat-calendar-body .mat-calendar-body-cell-content.mat-calendar-body-today, .mat-calendar.fis-style .mat-calendar-body .mat-calendar-body-cell-content.mat-calendar-body-selected {
  font-weight: 700;
  line-height: 15px;
}

.cdk-overlay-pane.fis-style .mat-dialog-title {
  font: var(--ruf-dialog-title-font-weight, bold) var(--ruf-dialog-title-font-size, 16px)/var(--ruf-dialog-title-line-height, 22px) var(--ruf-dialog-title-font-family, "Titillium Web", Arial, sans-serif);
  font-size: var(--ruf-dialog-title-font-size, 16px);
}

.cdk-overlay-pane.fis-style mat-dialog-container.mat-dialog-container .mat-dialog-content {
  font-family: var(--ruf-subheading-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-subheading-1-font-size, 14px);
  line-height: 30px;
}

.mat-select-panel-wrap .mat-select-panel.fis-style .mat-option.ruf-select-multiline, .mat-select-panel-wrap .mat-select-panel .mat-option.ruf-select-multiline {
  line-height: var(--ruf-body-1-line-height, 15px);
}

.mat-select-panel-wrap .mat-select-panel.fis-style .mat-option, .mat-select-panel-wrap .mat-select-panel .mat-option {
  font-size: var(--ruf-body-2-font-size, 14px);
}

.mat-snack-bar-container.fis-style {
  font-family: var(--ruf-body-1-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-body-2-font-size, 14px);
  font-weight: var(--ruf-bold-font-weight, 700);
  line-height: var(--ruf-body-1-line-height, 15px);
}

.ruf-toolbar.fis-override ruf-toolbar-row > *:not(.ruf-square) {
  margin-left: 0.875rem;
}

.ruf-toolbar.fis-override ruf-toolbar-row > *:nth-last-child(1) {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

.ruf-toolbar.fis-override ruf-toolbar-row > *:nth-last-child(1).ruf-square {
  margin-right: 0;
}

.ruf-toolbar.ruf-toolbar-rtl.fis-override ruf-toolbar-row > *:not(.ruf-square) {
  margin-right: 0.875rem;
}

.ruf-toolbar.ruf-toolbar-rtl.fis-override ruf-toolbar-row > *:nth-last-child(1) {
  margin-right: 0.875rem;
  margin-left: 0.875rem;
}

.ruf-toolbar.ruf-toolbar-rtl.fis-override ruf-toolbar-row > *:nth-last-child(1).ruf-square {
  margin-left: 0;
}

.ruf-banner.fis-override {
  border-bottom-style: solid;
  border-bottom-width: 0.0625rem;
  min-height: 3.125rem;
}

.ruf-banner.fis-override header.ruf-banner-header {
  min-height: 3.125rem;
}

.ruf-banner.fis-override ruf-toolbar-row .ruf-banner-brand .ruf-banner-brand-title, .ruf-banner.fis-override ruf-banner-row .ruf-banner-brand .ruf-banner-brand-title {
  height: 1.6875rem;
  padding-top: 0.3125rem;
}

.ruf-banner.fis-override .ruf-banner-brand {
  height: 3.125rem;
}

.ruf-banner.fis-override .ruf-banner-brand .ruf-banner-brand-logo.fis-logo {
  background-size: 3.4375rem 1.375rem;
  height: 1.6875rem;
  max-width: 3.4375rem;
  width: 3.4375rem;
}

.ruf-banner.fis-override .ruf-banner-toolbar > .ruf-toolbar-rows > .ruf-toolbar-first-row > *:first-child:not(.ruf-square) {
  margin-left: 0.625rem;
}

.ruf-banner.fis-override .ruf-banner-toolbar > .ruf-toolbar-rows > .ruf-toolbar-first-row > *:last-child:not(.ruf-square) {
  margin-right: 0.625rem;
}

.ruf-banner.fis-override .ruf-banner-toolbar > .ruf-toolbar-rows > * .ruf-toolbar-first-row > *:first-child:not(.ruf-square) {
  margin-left: 0px;
}

.ruf-banner.fis-override .ruf-banner-toolbar > .ruf-toolbar-rows > * .ruf-toolbar-first-row > *:last-child:not(.ruf-square) {
  margin-right: 0px;
}

.ruf-banner.fis-override .ruf-banner-toolbar.ruf-toolbar-rtl > .ruf-toolbar-rows > .ruf-toolbar-first-row > *:first-child:not(.ruf-square) {
  margin-right: 0.625rem;
}

.ruf-banner.fis-override .ruf-banner-toolbar.ruf-toolbar-rtl > .ruf-toolbar-rows > .ruf-toolbar-first-row > *:last-child:not(.ruf-square) {
  margin-left: 0.625rem;
}

.ruf-banner.fis-override .ruf-banner-toolbar.ruf-toolbar-rtl > .ruf-toolbar-rows > * .ruf-toolbar-first-row > *:first-child:not(.ruf-square) {
  margin-right: 0px;
}

.ruf-banner.fis-override .ruf-banner-toolbar.ruf-toolbar-rtl > .ruf-toolbar-rows > * .ruf-toolbar-first-row > *:last-child:not(.ruf-square) {
  margin-left: 0px;
}

.ruf-dynamic-menubar.fis-override:not(.ruf-dynamic-menubar-rtl) .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-tab-header-pagination-after {
  border-left-width: 0.125rem;
  border-left-style: solid;
}

.ruf-dynamic-menubar.fis-override:not(.ruf-dynamic-menubar-rtl) .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-tab-header-pagination-before {
  border-right-width: 0.125rem;
  border-right-style: solid;
}

.ruf-dynamic-menubar.fis-override:not(.ruf-dynamic-menubar-rtl) .ruf-menu-label .ruf-close.mat-icon-button[fisStyle] {
  margin-left: 0rem;
}

.ruf-dynamic-menubar.fis-override.ruf-dynamic-menubar-rtl .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-tab-header-pagination-after {
  border-right-width: 0.125rem;
  border-right-style: solid;
}

.ruf-dynamic-menubar.fis-override.ruf-dynamic-menubar-rtl .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled).mat-tab-header-pagination-before {
  border-left-width: 0.125rem;
  border-left-style: solid;
}

.ruf-dynamic-menubar.fis-override.ruf-dynamic-menubar-rtl .ruf-menu-label .ruf-close.mat-icon-button[fisStyle] {
  margin-right: 0rem;
}

.ruf-dynamic-menubar.fis-override .mat-tab-labels > .mat-tab-label .mat-tab-label-content > a {
  padding: 0rem 2.5rem;
}

.ruf-dynamic-menubar.fis-override .mat-ink-bar {
  height: 0.375rem;
}

.ruf-dynamic-menubar.fis-override .ruf-menu-label .ruf-close.mat-icon-button[fisStyle]:hover {
  text-shadow: none;
}

.ruf-dynamic-menubar.fis-override .ruf-menu-label .ruf-close.mat-icon-button[fisStyle] .mat-icon.fis-icon-xs {
  margin-left: 0rem;
  margin-right: 0rem;
}

.ruf-dynamic-menubar.fis-override.ruf-dynamic-menubar-with-ruf-page-header .mat-tab-labels > .mat-tab-label {
  height: auto;
}

.ruf-dynamic-menubar.fis-override.ruf-dynamic-menubar-with-ruf-page-header .mat-tab-labels > .mat-tab-label .mat-tab-label-content > a {
  height: 2.125rem;
  line-height: 2.125rem;
  padding: 0rem 1.25rem;
}

.ruf-dynamic-menubar.fis-override.ruf-dynamic-menubar-with-ruf-page-header .mat-ink-bar {
  height: 0.25rem;
}

.ruf-dynamic-menubar.fis-override .ruf-overflow-menu-container .ruf-overflow-menu {
  padding: 0rem 2.5rem;
}

.ruf-dynamic-sidemenu.fis-override .ruf-minimized-sidemenu-icon.mat-icon {
  font-size: 1.125rem;
}

.ruf-dynamic-sidemenu.fis-override .ruf-inline-sticky-button-container .ruf-labeled-icon .mat-icon {
  font-size: 1.125rem;
}

.ruf-dynamic-sidemenu.fis-override .ruf-sidemenu:not(.ruf-sidemenu-rtl).ruf-dynamic-sidemenu-minimized .ruf-expand-sidemenu-popup-icon {
  transform: rotate(270deg);
}

.ruf-dynamic-sidemenu.fis-override .ruf-sidemenu.ruf-sidemenu-rtl.ruf-dynamic-sidemenu-minimized .ruf-expand-sidemenu-popup-icon {
  transform: rotate(-270deg);
}

.ruf-dynamic-sidemenu.fis-override .ruf-inline-sticky-button-container button.ruf-sticky-button.mat-button .ruf-labeled-icon:not(.ruf-labeled-icon-rtl) span.ruf-icon-before {
  margin-left: 0.9375rem;
}

.ruf-dynamic-sidemenu.fis-override .ruf-inline-sticky-button-container button.ruf-sticky-button.mat-button .ruf-labeled-icon.ruf-labeled-icon-rtl span.ruf-icon-before {
  margin-right: 0.9375rem;
}

.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.125rem;
}

.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override .mat-menu-content {
  padding-bottom: 0rem;
  padding-top: 0rem;
}

.ruf-layout-row.fis-override .ruf-menu-item {
  border-bottom-width: 0.375rem;
  border-top-width: 0.375rem;
}

.ruf-menubar-layout.ruf-layout-column.fis-override .ruf-menu-item {
  border-left-width: 0.375rem;
  border-right-width: 0.375rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.ruf-sidemenu.fis-override,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override {
  width: 18.75rem;
}

.ruf-sidemenu.fis-override .ruf-menu-item.ruf-toggle-chevron::after, .ruf-sidemenu.fis-override .ruf-menu-item.ruf-toggle-arrow::after,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override .ruf-menu-item.ruf-toggle-chevron::after,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override .ruf-menu-item.ruf-toggle-arrow::after {
  font-size: 1.125rem;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}

.ruf-sidemenu.fis-override .ruf-menu-item .ruf-labeled-icon .mat-icon,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override .ruf-menu-item .ruf-labeled-icon .mat-icon {
  font-size: 1.125rem;
}

.ruf-sidemenu.fis-override .ruf-menubar-layout.ruf-layout-column .ruf-sidemenu-children .ruf-menu-item,
.ruf-sidemenu.fis-override .ruf-sidemenu-children .ruf-menu-item,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override .ruf-menubar-layout.ruf-layout-column .ruf-sidemenu-children .ruf-menu-item,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override .ruf-sidemenu-children .ruf-menu-item {
  padding-bottom: 0.375rem;
  padding-left: 3rem;
  padding-right: 0.9375rem;
  padding-top: 0.375rem;
}

.ruf-sidemenu.fis-override .ruf-menubar-layout.ruf-layout-column .ruf-sidemenu-children .ruf-menu-item:hover, .ruf-sidemenu.fis-override .ruf-menubar-layout.ruf-layout-column .ruf-sidemenu-children .ruf-menu-item:active, .ruf-sidemenu.fis-override .ruf-menubar-layout.ruf-layout-column .ruf-sidemenu-children .ruf-menu-item:focus,
.ruf-sidemenu.fis-override .ruf-sidemenu-children .ruf-menu-item:hover,
.ruf-sidemenu.fis-override .ruf-sidemenu-children .ruf-menu-item:active,
.ruf-sidemenu.fis-override .ruf-sidemenu-children .ruf-menu-item:focus,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override .ruf-menubar-layout.ruf-layout-column .ruf-sidemenu-children .ruf-menu-item:hover,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override .ruf-menubar-layout.ruf-layout-column .ruf-sidemenu-children .ruf-menu-item:active,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override .ruf-menubar-layout.ruf-layout-column .ruf-sidemenu-children .ruf-menu-item:focus,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override .ruf-sidemenu-children .ruf-menu-item:hover,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override .ruf-sidemenu-children .ruf-menu-item:active,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override .ruf-sidemenu-children .ruf-menu-item:focus {
  text-decoration: none;
}

.ruf-sidemenu.fis-override.ruf-sidemenu-rtl .ruf-menubar-layout.ruf-layout-column .ruf-sidemenu-children .ruf-menu-item,
.ruf-sidemenu.fis-override.ruf-sidemenu-rtl .ruf-sidemenu-children .ruf-menu-item,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override.ruf-sidemenu-rtl .ruf-menubar-layout.ruf-layout-column .ruf-sidemenu-children .ruf-menu-item,
.ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override.ruf-sidemenu-rtl .ruf-sidemenu-children .ruf-menu-item {
  padding-left: 0.9375rem;
  padding-right: 3rem;
}

.ruf-page-header.fis-override .ruf-pageheader-toolbar > .ruf-toolbar-rows > .ruf-toolbar-first-row {
  padding: 0.625rem 0;
}

.ruf-page-header.fis-override .ruf-pageheader-toolbar > .ruf-toolbar-rows .ruf-page-header-title-area {
  min-height: 2.5rem;
}

.ruf-page-header.fis-override .ruf-pageheader-toolbar > .ruf-toolbar-rows .ruf-page-header-icon.fis-override {
  border-radius: 50%;
  height: 2.375rem;
  width: 2.375rem;
}

.ruf-page-header.fis-override .ruf-pageheader-toolbar > .ruf-toolbar-rows .ruf-page-header-icon.fis-override > div {
  font-size: 1.5rem;
}

.ruf-page-header.fis-override .ruf-pageheader-toolbar > .ruf-toolbar-rows .ruf-page-header-icon.fis-override.ruf-page-header-text-icon > div {
  font-size: 1.125rem;
}

.ruf-page-header.fis-override .ruf-pageheader-toolbar > .ruf-toolbar-rows .ruf-page-header-title.fis-override {
  margin: 0;
}

.ruf-page-header.fis-override .ruf-pageheader-toolbar > .ruf-toolbar-rows .ruf-page-header-metric {
  margin: 0;
}

.ruf-page-header.fis-override .ruf-pageheader-toolbar > .ruf-toolbar-rows > ruf-toolbar-row, .ruf-page-header.fis-override .ruf-pageheader-toolbar > .ruf-toolbar-rows > ruf-page-header-row {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.ruf-page-header.fis-override .ruf-pageheader-toolbar .ruf-toolbar-rows .ruf-toolbar-first-row > *:first-child:not(.ruf-square) {
  margin-left: 0.5625rem;
}

.ruf-page-header.fis-override .ruf-pageheader-toolbar .ruf-toolbar-rows .ruf-toolbar-first-row > *:last-child:not(.ruf-square) {
  margin-right: 0.5625rem;
}

.ruf-page-header.fis-override .ruf-pageheader-toolbar.ruf-toolbar-rtl .ruf-toolbar-first-row > *:first-child:not(.ruf-square) {
  margin-right: 0.5625rem;
}

.ruf-page-header.fis-override .ruf-pageheader-toolbar.ruf-toolbar-rtl .ruf-toolbar-first-row > *:last-child:not(.ruf-square) {
  margin-left: 0.5625rem;
}

.cdk-overlay-pane mat-dialog-container.mat-dialog-container {
  border-radius: 0rem;
}

.cdk-overlay-pane mat-dialog-container.mat-dialog-container .ruf-dialog-panel.fis-override .ruf-dialog-container {
  padding: 1.4375rem 1.5rem 1.25rem 1.5rem;
}

.cdk-overlay-pane mat-dialog-container.mat-dialog-container .ruf-dialog-panel.fis-override .ruf-dialog-container .ruf-dialog-footer {
  margin-bottom: 0rem;
  padding: 0rem 0rem 0rem 0rem;
}

.cdk-overlay-pane mat-dialog-container.mat-dialog-container .ruf-dialog-panel.fis-override .ruf-dialog-container .ruf-dialog-footer ruf-dialog-footer {
  padding-top: 0rem;
}

.cdk-overlay-pane mat-dialog-container.mat-dialog-container .ruf-dialog-panel.fis-override .ruf-dialog-container .ruf-dialog-content {
  margin: 0rem -1.25rem;
  max-height: 60vh;
  padding: 0rem 1.25rem;
}

.cdk-overlay-pane mat-dialog-container.mat-dialog-container .ruf-dialog-panel.fis-override .ruf-dialog-container .ruf-dialog-header.mat-dialog-title {
  margin-bottom: 0rem;
}

.cdk-overlay-pane mat-dialog-container.mat-dialog-container .ruf-dialog-panel.fis-override .ruf-dialog-container.ruf-dialog-separator-enabled .ruf-dialog-header.mat-dialog-title {
  margin-bottom: 1.125rem;
}

.cdk-overlay-pane mat-dialog-container.mat-dialog-container .ruf-dialog-panel.fis-override .ruf-dialog-container .ruf-dialog-separator {
  border-bottom-width: 0rem;
  margin: 1.4375rem -0.5625rem 1.125rem -0.5625rem;
}

.ruf-menu-label.fis-override .ruf-menu-label-chevron.fis-icon-arrow-down {
  font-size: 1.125rem;
}

.ruf-menu-label.fis-override .ruf-menu-label-chevron.fis-icon-arrow-down::before {
  content: "\e910";
}

.ruf-menu-label.fis-override:not(.ruf-menu-label-rtl) .ruf-menu-label-chevron {
  margin-left: 0.5rem;
}

.ruf-menu-label.fis-override.ruf-menu-label-rtl .ruf-menu-label-chevron {
  margin-right: 0.5rem;
}

.ruf-dropdown-panel-container.fis-override {
  border-radius: 0.25rem;
  border-width: 0.125rem;
}

.ruf-card.fis-override .ruf-card-panel.mat-card {
  border-radius: 0rem;
  border-style: solid;
  border-width: 0.125rem;
}

.ruf-card.fis-override .ruf-card-header {
  height: 2.75rem;
  min-height: 2.75rem;
}

.ruf-card.fis-override:not(.ruf-card-rtl) .ruf-card-header {
  padding-left: 1.0625rem;
  padding-right: 0rem;
}

.ruf-card.fis-override.ruf-card-rtl .ruf-card-header {
  padding-left: 0rem;
  padding-right: 1.0625rem;
}

.ruf-card.fis-override[class*=ruf-elevation-z] .ruf-card-panel.mat-card {
  border-style: none;
  border-width: none;
}

.ruf-statusbar.fis-override {
  border: 0.125rem solid;
  min-height: 3.25rem;
}

.ruf-statusbar.fis-override .ruf-statusbar-title {
  line-height: 1.5rem;
}

.ruf-statusbar.fis-override .ruf-statusbar-subtitle {
  line-height: 1.5rem;
}

.ruf-statusbar.fis-override .ruf-statusbar-close {
  margin-right: 0.75rem;
  margin-top: 0.1875rem;
}

.ruf-statusbar.fis-override .ruf-statusbar-header .ruf-statusbar-icon-content mat-icon {
  font-size: 1.375rem;
  height: 1.375rem;
  line-height: 1.75rem;
  width: 1.375rem;
}

.ruf-statusbar.fis-override .ruf-statusbar-expand.ruf-toggle.ruf-toggle-chevron {
  height: 2.25rem;
  margin-top: 0.125rem !important;
  padding-bottom: 0rem;
  padding-top: 0rem;
  width: 2.375rem;
}

.ruf-statusbar.fis-override .ruf-statusbar-header-actions {
  margin: 0.125rem 0.3125rem 0 0.3125rem;
}

.ruf-statusbar.fis-override .ruf-statusbar-desc-content {
  line-height: 1.5rem;
}

.ruf-statusbar.fis-override:not(.ruf-statusbar-rtl).ruf-statusbar-noborder {
  border-radius: 0rem;
  border-left-width: 0.125rem;
}

.ruf-statusbar.fis-override:not(.ruf-statusbar-rtl):not(.ruf-statusbar-noborder) {
  border-radius: 0rem;
  border-bottom-right-radius: 0rem;
  border-top-right-radius: 0rem;
}

.ruf-statusbar.fis-override.ruf-statusbar-rtl.ruf-statusbar-noborder {
  border-radius: 0rem;
  border-right-width: 0.125rem;
}

.ruf-statusbar.fis-override.ruf-statusbar-rtl:not(.ruf-statusbar-noborder) {
  border-radius: 0rem;
  border-bottom-right-radius: 0rem;
  border-top-right-radius: 0rem;
}

.ruf-dynamic-segment.fis-override .ruf-segment-layout .mat-button-toggle-group .mat-icon-button.ruf-segment-overflow-button {
  border-radius: 50%;
}

.ruf-scrollbar::-webkit-scrollbar {
  height: 0.625rem;
  width: 0.625rem;
}

.ruf-scrollbar ::-webkit-scrollbar {
  height: 0.625rem;
  width: 0.625rem;
}

.ruf-scrollbar *, .ruf-scrollbar {
  scrollbar-width: thin;
}

.ruf-scrollbar.ruf-scrollbar-auto-hide {
  overflow: hidden;
}

.ruf-scrollbar.ruf-scrollbar-auto-hide:hover {
  overflow: auto;
}

.ruf-labeled-icon.fis-override:not(.ruf-labeled-icon-rtl) > span.ruf-icon-before {
  margin-left: 0.9375rem;
}

.ruf-labeled-icon.fis-override:not(.ruf-labeled-icon-rtl) > span.ruf-icon-after {
  margin-right: 0.9375rem;
}

.ruf-labeled-icon.fis-override.ruf-labeled-icon-rtl > span.ruf-icon-before {
  margin-right: 0.9375rem;
}

.ruf-labeled-icon.fis-override.ruf-labeled-icon-rtl > span.ruf-icon-after {
  margin-left: 0.9375rem;
}

.ruf-dynamic-segment .ruf-segment-layout .mat-button-toggle-group .mat-icon-button.ruf-segment-overflow-button {
  height: 36px;
  width: 36px;
}

.ruf-dynamic-segment .ruf-segment-layout .mat-button-toggle-group > .ruf-segment-clip.mat-button-toggle-selected::after {
  left: calc(50% - 7px);
  padding: 8px;
  top: calc(100% - 8px);
}

/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
/* accent colors, used sparingly (less than 15%) to bring attention to an element. */
/* colors, default theme */
/* dark palette base values */
/* mixin to print css vars and values for typography
  The output will be something like this. It can be included in the :root selector.
  --ruf-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-family: "Source Sans Pro", Arial, sans-serif;
  --ruf-display-4-font-size: 112px;
  --ruf-display-4-font-weight: 300;
  --ruf-display-4-line-height: 112px;
  ...
*/
/* mixin to print css vars and values for foreground palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-foreground-base: black;
  --ruf-foreground-border: #dfdfdf;
  --ruf-foreground-divider: #c1c1c1;
  --ruf-foreground-dividers: #b4b4b4;

  --ruf-foreground-base: 0, 0, 0
  ...
*/
/* mixin to print css vars and values for background palette
  The output will be something like this. It can be included in the :root selector.
  --ruf-background-base: white;
  --ruf-background-panel: white;
  --ruf-background-side: lightgray;
  ...
*/
.ParentExpansion {
  background-color: var(--ruf-background-alternate-row, #f4f4f4);
  border-bottom-width: 2px;
  border-bottom-style: solid !important;
  border-radius: initial !important;
  border-color: var(--ruf-foreground-border, #dfdfdf);
  margin-bottom: 12px;
}

.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-error .ruf-statusbar-detail .ruf-statusbar-desc-content,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-success .ruf-statusbar-detail .ruf-statusbar-desc-content,
.ruf-statusbar:not(.ruf-statusbar-rtl).ruf-warn .ruf-statusbar-detail .ruf-statusbar-desc-content {
  background-color: transparent !important;
}

.ChildExpansion {
  border-bottom-width: 2px;
  border-bottom-style: solid !important;
  border-radius: initial !important;
  border-color: rgba(var(--ruf-foreground-border, 211, 211, 211), 1);
}

mat-expansion-panel-header > span:nth-child(1) {
  padding-left: 24px;
}

mat-expansion-panel-header > span[style*="transform: rotate(0deg)"] {
  position: absolute;
  left: 20px;
  top: 12px;
}

mat-expansion-panel-header > span[style*="transform: rotate(180deg)"] {
  position: absolute;
  left: 20px;
  top: 28px;
}

.headerTable th {
  color: var(--primary, #4bcd3e);
  font-weight: bold;
}

.headerTable th:hover {
  background-color: var(--ruf-background-hover, rgba(0, 0, 0, 0.04));
}

.element-rw {
  background-color: #e0ebeb;
}

.highlightRow {
  background-color: #e0ebeb !important;
}

.highlightWarnRow {
  border-left-color: var(--warn, #fd8d62) !important;
}

.reviewDataTable[fisStyle] .mat-row .mat-cell, .reviewDataTable[fisStyle] .mat-row .mat-footer-cell, .reviewDataTable[fisStyle] .mat-footer-row .mat-cell, .reviewDataTable[fisStyle] .mat-footer-row .mat-footer-cell {
  padding-left: 8px !important;
}

.mat-checkbox > label > span.mat-checkbox-label {
  line-height: 24px;
  white-space: break-spaces !important;
}

.element-detail-background {
  background-color: var(--ruf-background-alternate-row, #f4f4f4);
}

.dvw-page-header {
  color: var(--primary, #4bcd3e);
}

.dvw-color-only {
  color: var(--primary, #4bcd3e);
}

.dvw-error-only {
  color: var(--error-700, #b3162b);
}

.mat-stepper-horizontal[fisStyle] .mat-step-header .mat-step-icon.mat-step-icon-selected, .mat-stepper-vertical[fisStyle] .mat-step-header .mat-step-icon.mat-step-icon-selected {
  background-color: var(--accent, #009775);
}

.rapidCounter {
  background-color: var(--accent, #009775);
  color: var(--accent-contrast, #ffffff);
  border-radius: 20px;
  left: calc(50% + 33px);
  position: absolute;
  line-height: 1.6;
  top: -10px;
  padding-right: 6px !important;
  padding-left: 6px !important;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-prefix,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle] .mat-form-field-suffix,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-prefix,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle] .mat-form-field-suffix,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix {
  align-self: initial !important;
}

.mat-error {
  display: initial !important;
}

.h1-class {
  font-size: 28px !important;
  font-family: "Titillium Web" !important;
  font-weight: Bold !important;
}

.h2-class {
  font-size: 24px !important;
  font-family: "Titillium Web" !important;
  font-weight: Bold !important;
}

.h3-class {
  font-size: 20px !important;
  font-family: "Titillium Web" !important;
  font-weight: Bold !important;
}

.label-class, .field-label-class {
  font-size: 12px;
  font-family: "Source Sans Pro";
  font-weight: bold;
}

.table-content-class {
  font-size: 12px;
  font-family: "Source Sans Pro";
  font-weight: 400;
}

.hint-text-class {
  font-size: 12px;
  font-family: "Source Sans Pro";
  font-style: italic;
}

.accordion-class, .list-label-class, .tab-header-class {
  font-size: 14px;
  font-family: "Source Sans Pro";
  font-weight: bold;
}

.list-text-class {
  font-size: 14px;
  font-family: "Source Sans Pro";
  font-weight: 400;
  flex-direction: column-reverse !important;
}

.radio-label-class, .field-content-class {
  font-size: 16px;
  font-family: "Source Sans Pro";
  font-weight: 400;
}

.table-header-class {
  font-size: 14px;
  font-family: "Titillium Web";
  font-weight: Bold;
}

div[role=tab][aria-selected=true] {
  opacity: 1;
}

.dvw-page-header {
  font-size: var(--ruf-title-font-size, 14px);
}

.dvw-subtitle {
  font-weight: var(--ruf-bold-font-weight, 700);
  font-size: var(--ruf-subheading-2-font-size, 18px);
}

.field-set-caption {
  font-family: var(--ruf-caption-2-font-family, var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif));
  font-size: var(--ruf-caption-2-font-size, 16px);
}

.top-align-checkbox > label > span.mat-checkbox-inner-container {
  margin: 0.3rem 0.5rem auto 0;
}

#pastdue {
  color: var(--error-700, #b3162b);
}

.testMode {
  color: var(--error-700, #b3162b);
}

.dashTitle {
  font-size: 20px;
}

.segment {
  width: 500px;
  margin: 0 auto;
}

html, body {
  height: 100vh;
  margin: 0px;
  padding: 0px;
}

.chart {
  width: 95%;
  padding-bottom: 100%;
  height: 55%;
}

.cardtitle {
  font-size: 20px;
  padding: 3px 0px 3px 0px;
}

.content {
  display: flex;
}

#name {
  color: var(--accent, #009775);
}

.mat-table {
  width: 100%;
}

.chevron {
  font-size: 14px;
}

.pastdue {
  color: var(--error, #ff1f3e);
}

table {
  width: 100%;
}

.mat-column-status .mat-column-daysPastDue {
  width: 15%;
}

.mat-column-action {
  width: 25%;
}

.mat-column-description {
  width: 35%;
}

.mat-column-id {
  width: 10%;
}

::ng-deep .custom-tooltip {
  max-width: unset !important;
}

.exception-file #description {
  color: var(--info-800, #1a5c6b) !important;
  text-decoration: none !important;
}

.exception-file .mat-sort-header-container.mat-sort-header-sorted .mat-sort-header-arrow {
  opacity: 1 !important;
}

.main-div {
  background-image: url("../../../assets/login-bkgd.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
}

.sign-in {
  opacity: 0.95;
  padding: 35px 70px !important;
  border-radius: 2px;
  box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.25);
  width: 450px;
}

#loginform {
  display: block;
  margin: auto;
  text-align: center;
}

.login-title {
  margin-bottom: 20px;
}

.login-card-title {
  font-size: Large;
  color: var(--accent-700, #006a52);
  font-weight: 400;
  margin-left: -40px;
}

.login-bottom {
  margin-top: 20px;
  text-align: left;
  display: block;
  height: 40px;
}

.login-bottomcontent {
  margin-top: -14px;
  margin-left: -40px;
}

.skipRows {
  border-style: solid;
  border-width: 2px;
}

.skipRows {
  border-style: solid;
  border-width: 2px;
}

.errorMsg {
  margin-left: 6px;
  font-size: 12px;
  margin-top: 12px;
}

.split-container {
  width: 100%;
  height: 500px;
}

as-split-area {
  padding: 0px 15px;
}

tr.map-result-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

table {
  width: 100%;
}

#validationErrors .mat-tab-label, #validationErrors .mat-tab-label.mat-tab-label-active {
  max-height: 44px;
  background-color: var(--accent-600, #008366);
  opacity: 100;
}

#ValidationErrorsTable {
  font-weight: 700;
  color: var(--accent, #009775);
  border-top-style: solid;
  border-top-width: 4px;
  border-top-color: var(--primary, #4bcd3e);
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-bottom-color: var(--primary, #4bcd3e);
}

.map-validations {
  max-height: 40px;
}

#partTabs > mat-tab-header {
  border-bottom-width: 0px !important;
}

#partTabs *[id^=mat-tab-content-] > div > div {
  margin-top: 8px;
}

#partTabs *[id^=mat-tab-content-] > div > div > table:nth-child(2) > tr {
  font-size: 16px;
  padding-top: 16px;
}

#viewResultTable *[class^=red] {
  color: var(--error, #ff1f3e);
}

tr.rapid-entry-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

th, td {
  text-overflow: ellipsis;
  white-space: wrap;
}

#rapidDataEntryTableFrozen {
  width: 41% !important;
}

#rapidDataEntryTableScroll {
  width: 58% !important;
}

#rapidParticipant {
  color: var(--accent, #009775);
  font-size: 18px;
  font-weight: 700;
  height: 45px;
}

#rapidFilter {
  color: var(--accent, #009775);
  font-size: 18px;
  font-weight: 700;
  height: 40px;
}

#rapidValidationErrors {
  color: var(--accent, #009775);
  font-size: 18px;
  font-weight: 700;
  height: 40px;
}

#validationErrors .mat-tab-label, #validationErrors .mat-tab-label.mat-tab-label-active {
  max-height: 44px;
  background-color: var(--accent-600, #008366);
  opacity: 100;
  color: var(--accent-700-contrast, #ffffff);
}

tr.validation-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

#entryTables {
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-color: #e5e5e5;
}

#tableDivider1 {
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 2px;
  border-bottom-width: 0px;
  border-right-width: 2px;
  border-color: lightgray;
  max-width: 0px;
}

.mapResultRapidDataEntryTableFrozenTable {
  width: 100%;
  border-style: solid;
  border-top-width: 2px;
  border-left-width: 0px;
  border-bottom-width: 2px;
  border-right-width: 0px;
}

.mapResultRapidDataEntryTableScrollTable {
  border-style: solid;
  border-top-width: 2px;
  border-left-width: 0px;
  border-bottom-width: 2px;
  border-right-width: 1px;
}

.mapResultRapidDataEntryTableFrozenTable .deleteCheckbox {
  border-top-width: 6px;
}

.button-margin {
  margin-right: 10px;
}

.markerTextArea .mat-form-field-label-wrapper {
  top: -25px !important;
}

#fileContentTextarea {
  white-space: pre;
  word-spacing: 0px;
  text-decoration: none;
  font-family: "Courier New", "Courier New", Courier, monospace;
  font-size: 1em;
  height: 200px;
  width: 1600px;
}

#fixedColumns {
  font-weight: 700;
  color: var(--accent-700-contrast, #ffffff);
  border-top-style: solid;
  border-top-width: 4px;
  border-top-color: var(--accent-700-contrast, #ffffff);
}

#vline {
  position: relative;
  height: 150px;
  width: 1px;
  left: 100px;
  top: 1px;
  padding: 0px;
  margin: 0px;
  z-index: 0;
  background-color: var(--info, #3bcff0);
}

#xPosition {
  font-weight: 400;
}

#length {
  margin-bottom: -1.25em;
  margin-top: -1.25em;
}

.map-text-table {
  border-collapse: separate;
  border-spacing: 0 10px;
  margin-top: -10px;
  /* correct offset on first border spacing if desired */
}

.solid {
  outline: 2px solid;
}

::ng-deep .mapping-field-text .mat-cell {
  padding: -0.625rem -0.625rem;
}

::ng-deep .mapping-field-text .mat-form-field-wrapper {
  margin-bottom: -1.25em;
  margin-top: -0.25em;
}

table {
  width: 100%;
}

#DataColumnTable {
  min-height: 0px;
  padding: 0rem 0rem;
  font-weight: 600;
  border-color: #a7a7a7;
  border-left-style: solid;
  border-left-width: thin;
  border-top-style: solid;
  border-top-width: thin;
  border-right-style: solid;
  border-right-width: thin;
  border-bottom-style: solid;
  border-bottom-width: medium;
  border-bottom-color: var(--accent, #009775);
  border-spacing: 0px !important;
}

.DataColumnTableHeader {
  border-color: #a7a7a7;
  border-right-style: solid;
  border-right-width: thin;
  padding-left: 4px;
  padding-right: 4px;
}

#DataColumnTableHeaderCheckbox {
  margin-top: 2px;
}

.TableRow {
  max-height: 24px;
}

.DataColumn {
  border-color: #a7a7a7;
  border-right-style: solid;
  border-right-width: thin;
  padding-left: 4px;
  padding-right: 4px;
}

.xsIcon {
  font-size: 14px;
}

#padTotals {
  padding-top: 8px;
}

#rapidValidationErrors {
  color: var(--accent-600, #008366);
  font-size: 18px;
  font-weight: 700;
  height: 40px;
}

#validationErrors .mat-tab-label, #validationErrors .mat-tab-label.mat-tab-label-active {
  max-height: 44px;
  background-color: var(--accent-600, #008366);
  opacity: 100;
}

tr.validation-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.mapping .mat-button-toggle-selected .mat-button-toggle-label-content {
  color: var(--error, #ff1f3e);
}

.disable:hover {
  cursor: not-allowed;
}

.disable:active {
  pointer-events: none;
}

#legalLookup {
  overflow: hidden;
  max-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 170px;
}

#legalLookup > mat-form-field {
  display: initial !important;
}

::ng-deep .custom-tooltip {
  max-width: unset !important;
}

.fields-table tr td {
  padding: 0.625rem 0.625rem;
}

.mapping-field-text {
  margin-bottom: -1.25em;
  margin-top: 0.75em;
}

.headerTable tr td {
  padding: 0.625rem 0.625rem;
}

.mapping-tabs {
  color: var(--error, #ff1f3e);
}

.mapping-checkbox {
  color: var(--accent-900, #003529);
}

th, td {
  text-overflow: ellipsis;
  white-space: wrap;
}

tr.rapid-entry-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

#rapidDataEntryTableFrozen {
  width: 41% !important;
}

#rapidDataEntryTableScroll {
  width: 58% !important;
}

.partNotesAllowed {
  max-width: 110px !important;
  min-width: 100px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#rapidParticipant {
  color: var(--accent, #009775);
  font-size: 18px;
  font-weight: 700;
  height: 40px;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header {
  background: var(--primary-700-contrast, #ffffff);
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-body {
  padding-left: 0;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel[fisStyle] .mat-expansion-panel-header.mat-expanded:hover {
  background: var(--primary-700-contrast, #ffffff);
}

.partNotesNotAllowed {
  max-width: 50px !important;
  min-width: 50px !important;
}

.partNotesAllowedNoDelete {
  max-width: 75px !important;
  min-width: 75px !important;
}

.partNotesNotAllowedNoDelete {
  max-width: 25px !important;
  min-width: 25px !important;
}

#validationErrors .mat-tab-label, #validationErrors .mat-tab-label.mat-tab-label-active {
  max-height: 44px;
  background-color: var(--accent-600, #008366);
  opacity: 100;
  color: var(--accent-700-contrast, #ffffff);
}

tr.validation-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

#entryTables {
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-color: #e5e5e5;
}

#tableDivider1 {
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 2px;
  border-bottom-width: 0px;
  border-right-width: 2px;
  border-color: lightgray;
  max-width: 0px;
}

#rapidDataEntryTableFrozenTable {
  width: 100%;
}

#rapidDataEntryTableFrozenTable .deleteCheckbox {
  border-top-width: 6px;
}

.mat-select-disabled ::ng-deep .mat-select-value {
  color: inherit;
  opacity: 1 !important;
}

.bigMarginBottom {
  margin-bottom: 24px;
  display: inline-block;
}

mat-card-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.asterisk1 {
  color: var(--error-800, #720e1c);
  margin-top: 8px;
  margin-right: 8px;
}

.asterisk2 {
  color: var(--error-800, #720e1c);
  margin-top: 8px;
}

/* Designing for scroll-bar */
.rapidDataEntryScrollBar .ruf-segment-layout {
  overflow: auto !important;
  transform: rotateX(180deg) !important;
  background-color: rgba(var(--ruf-background-app-canvas, 249, 245, 241), 1);
}
.rapidDataEntryScrollBar .ruf-segment-layout .ruf-segment-group {
  transform: rotateX(180deg) !important;
}

.rapidDataEntryScrollBar ::-webkit-scrollbar {
  width: 2px;
  height: 12px;
}

.rapidDataEntryScrollBar ::-webkit-scrollbar-track {
  background: rgba(219, 216, 216, 0.9098039216);
  border-radius: 5px;
}

.rapidDataEntryScrollBar ::-webkit-scrollbar-thumb {
  background: #b9b9b9;
  border-radius: 5px;
}

.rapidDataEntryScrollBar ::-webkit-scrollbar-thumb:hover {
  background: #999595;
}

.no-label {
  display: none;
}

tr.notes-detail-row {
  height: 0px !important;
}

tr.notes-detail-row td {
  padding: 0px !important;
}

td.mat-cell {
  border-bottom-style: none;
}

th.mat-header-cell {
  border-bottom-style: none;
}

.add-part-card-title {
  color: var(--accent, #009775);
  font-size: 20px;
}

#startOver {
  background-color: var(--accent-100, #b3e0d6);
}

#reviewContinueBody {
  font-weight: 600;
}

.copypayroll-message {
  color: var(--error-700, #b3162b);
}

.no-label {
  display: none;
}

.wo-summary-title {
  color: var(--accent-contrast, #012834) !important;
}

.strong, .bold {
  font-weight: bold;
}

.mat-radio-button {
  margin: 5px 8px 8px 8px;
}

.valMsgError {
  margin-top: -15px;
  margin-bottom: 15px;
  color: var(--error, #ff1f3e);
  font-size: 12px;
  line-height: 1.125;
  max-width: 252px;
}

.mat-select-disabled ::ng-deep .mat-select-value {
  color: #3a3a3a;
}

tr.exclpart-row {
  height: 0px !important;
}

tr.exclpart-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.validation-error-label {
  color: var(--accent, #009775);
  font-size: 20px;
}

form[rufid=createComplianceForm] ul {
  list-style-type: square !important;
}

table {
  width: 100%;
}

tr.demo-detail-row {
  height: 0px !important;
}

tr.demo-detail-row td {
  padding: 0px !important;
}

.demo-element-row td {
  border-bottom-width: 0;
}

.error-header-table > .mat-row > .mat-cell,
.error-header-table > .mat-footer-row > .mat-cell {
  padding: 0.25rem 0.25rem;
}

.error-header-table > .mat-header-row > .mat-header-cell {
  padding: 0rem 0rem;
}

.topPadded {
  vertical-align: middle;
}

.matDatePicker {
  max-width: 3px !important;
}

.filterOn {
  font-size: 18px;
  padding-top: 10px;
}

.mat-cell.mat-cell.cdk-column-icon.mat-column-icon.ng-tns-c30-4.ng-star-inserted {
  max-width: 30px;
}

.mat-cell.mat-cell.cdk-column-checkAll.mat-column-checkAll.ng-tns-c29-14.ng-star-inserted {
  justify-content: flex-end;
}

#correctWorkOrderForm_0_mat-table_0_mat-header-row_0 {
  min-height: 0px;
}

.mat-card > mat-card-content > div > table {
  padding: 0rem 0rem;
}

#correctWorkOrderForm_0 > mat-card > mat-card-content > div > table > tr > td {
  font-weight: 600;
  border-color: #a7a7a7;
  border-left-style: solid;
  border-left-width: thin;
  border-top-style: solid;
  border-top-width: thin;
  padding-top: 2px;
  padding-left: 2px;
}

.correctField {
  height: 55px !important;
  padding-top: 15px;
}

#correctWorkOrderForm_0 > mat-card > mat-card-content > div > table > tr > td:nth-child(8) {
  border-color: #a7a7a7;
  border-right-style: solid;
  border-right-width: thin;
}

tr.rapid-entry-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.detail-expand {
  overflow: hidden;
  display: flex;
}

#fields-table mat-form-field > div.mat-form-field-wrapper {
  max-height: 34px;
}

#fields-table mat-form-field > div.mat-form-field-wrapper > div > div {
  border-top-width: 0px;
}

#fields-table mat-form-field > div.mat-form-field-wrapper > div.mat-form-field-underline {
  top: calc(100% - 0.1em);
}

::ng-deep .editable-field .mat-form-field-wrapper {
  margin-bottom: -1.25em;
  margin-top: -1.25em;
}

.headerTable tr td {
  padding: 0.625rem 0.625rem;
}

tr.validation-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.s-no-cell {
  width: 5%;
}

.field-cell {
  width: 15%;
}

.org-val-cell {
  width: 15%;
}

.curr-val-cell {
  width: 20%;
}

.sevirity-cell {
  width: 10%;
}

.description-cell {
  width: 50%;
}

.tableErrorIcon {
  margin-top: 9px;
  margin-right: 5px;
}

.filterIcons {
  background: #f4f4f4 !important;
  height: 100%;
  gap: 8px !important;
}

#toggle .mat-button-toggle-focus-overlay {
  background-color: #015b7e !important;
  color: var(--accent2-600-contrast, #fff) !important;
}

#toggle {
  overflow: visible !important;
}

#toggle .mat-button-toggle-button {
  outline-style: none;
  width: 100% !important;
  padding-right: 16px;
}
#toggle .mat-button-toggle-button:focus, #toggle .mat-button-toggle-button:active:focus {
  outline-style: solid !important;
  outline-width: 0.125rem !important;
  outline-color: var(--emphasis, #ffcd00) !important;
}

.buttonToggleLayout {
  height: 40px !important;
  border-radius: 30px 30px 30px 30px !important;
  border-color: #015b7e !important;
  background: #f4f4f4 !important;
}

.infoToggle {
  border-radius: 30px 0px 0px 30px;
  border-right: 1px solid #015b7e !important;
}

.errorToggle {
  border-radius: 0px 30px 30px 0px;
}

.middleToggleButtons {
  border-right: 1px solid #015b7e !important;
}

#toggle .mat-badge-medium.mat-badge-above .mat-badge-content {
  top: unset;
  overflow: visible;
  bottom: 8px !important;
}

#toggle .mat-badge-content {
  background-color: #e5e5e5 !important;
  color: var(--light-neutral-1-100-contrast, #012834) !important;
}

#toggle .mat-button-toggle-checked {
  background-color: #015b7e !important;
  color: var(--accent2-600-contrast, #fff) !important;
}

#toggle .mat-button-toggle:hover {
  background-color: #015b7e !important;
  color: var(--accent2-600-contrast, #fff) !important;
}

.toggleText {
  padding-left: 8px !important;
  margin-right: 20px !important;
}

.toggleIcon {
  padding-top: 10px !important;
}

.single-part-link {
  color: var(--ruf-foreground-link, #285bc5) !important;
}

.WorkOrderDetailsSectionTitle {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 7px;
  padding-top: 7px;
  border-top-style: solid;
  border-top-width: 2px;
}

.WorkOrderDetailsSectionTitleNoBorder {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 7px;
  padding-top: 7px;
}

.WorkOrderDetailsSectionTitleNoDataToDisplay {
  color: #000e12;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 7px;
  padding-top: 7px;
}

#details-workorder-dialog mat-list-item {
  height: 32px;
}

.text-truncate {
  display: inline-block;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  padding: 8px;
}

.detail-spinner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 56px;
  right: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: 1;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  place-content: stretch center !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.sourceTd {
  text-align: left;
}

.amtTd {
  text-align: right;
}

.isDisabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
}

.detail-error {
  color: var(--error, #ff1f3e);
}

#woMessagesTable {
  border-bottom-width: 0px;
}

#woMessagesTable tr {
  margin-bottom: 15px;
}

.messages-spinner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 56px;
  right: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: 1;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  place-content: stretch center !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.workOrderPastDueDays {
  color: var(--error, #ff1f3e);
}

.processing-spinner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 56px;
  right: 0;
  background: var(--ruf-background-backdrop-overlay, rgba(0, 0, 0, 0.2));
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hover-display-table > td, th {
  text-align: left;
  padding: 8px;
}

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
  width: auto;
}

.hover-display-dropdown {
  color: var(--accent, #009775);
  font-size: 14px;
}

.card {
  padding: 15px;
  margin: 10px;
  margin-top: 20px;
}

.chevron {
  font-size: 14px;
}

.sub {
  padding-right: 20px;
  font-weight: normal;
  text-decoration: underline;
}

#description {
  color: var(--accent, #009775);
  text-decoration: underline;
}

table {
  width: 100%;
}

tr.demo-detail-row {
  height: 0px !important;
}

tr.demo-detail-row td {
  padding: 0px !important;
}

.demo-element-row td {
  border-bottom-width: 0;
}

.part-validation-table[fisStyle] .mat-row .mat-cell, .mat-table[fisStyle] .mat-footer-row .mat-cell {
  padding: 0.25rem 0.25rem;
}

.topPadded {
  padding-top: 14px;
}

.msgText {
  vertical-align: middle;
}

.matDatePicker {
  max-width: 3px !important;
}

.filterOn {
  font-size: 18px;
  padding-top: 10px;
}

.mat-cell.mat-cell.cdk-column-icon.mat-column-icon.ng-tns-c30-4.ng-star-inserted {
  max-width: 30px;
}

.mat-cell.mat-cell.cdk-column-checkAll.mat-column-checkAll.ng-tns-c29-14.ng-star-inserted {
  justify-content: flex-end;
}

#correctWorkOrderForm_0_mat-table_0_mat-header-row_0 {
  min-height: 0px;
}

.mat-card > mat-card-content > div > table {
  padding: 0rem 0rem;
}

#correctWorkOrderForm > div > table > tr > td {
  background-color: #e5e5e5;
  font-weight: 600;
  border-color: #a7a7a7;
  border-left-style: solid;
  border-left-width: thin;
  border-top-style: solid;
  border-top-width: thin;
  padding-top: 2px;
  padding-left: 2px;
}

#correctWorkOrderForm > mat-card > mat-card-content > div > table > tr > td:nth-child(8) {
  border-color: #a7a7a7;
  border-right-style: solid;
  border-right-width: thin;
}

.part-validation-table[fisStyle] .mat-header-row .mat-header-cell {
  padding: 0rem 0rem;
}

.mat-cell:nth-child(11) {
  overflow: hidden;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}

::ng-deep .custom-tooltip {
  white-space: pre-line;
  width: auto;
  max-width: 250px;
  font-size: 12px;
}

.select-last-payroll-title {
  color: var(--accent, #009775);
}

::ng-deep .custom-tooltip {
  max-width: unset !important;
}

.segment {
  width: 500px;
  margin: 0 auto;
}

.templateInfo-button button[disabled] {
  background-color: lightgray;
}

#dvGroupTruncate {
  overflow: hidden;
  max-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 250px;
}

::ng-deep .custom-tooltip {
  word-break: break-all !important;
}

.mat-sort-header-container:not(.mat-sort-header-sorted) .mat-sort-header-arrow {
  opacity: 0.54 !important;
  transform: translateY(0px) !important;
}

.mat-sort-header-container:focus .mat-sort-header-arrow {
  background-color: var(--ruf-background-secondary, #b3bfc2);
  outline-color: var(--emphasis, #ffcd00) !important;
  outline-style: solid !important;
  outline-width: 0.125rem !important;
}

table {
  width: 100%;
}

tr.demo-detail-row {
  height: 0px !important;
}

tr.demo-detail-row td {
  padding: 0px !important;
}

.demo-element-row td {
  border-bottom-width: 0;
}

.error-header-table[fisStyle] .mat-row .mat-cell, .error-header-table[fisStyle] .mat-footer-row .mat-cell {
  padding: 0.25rem 0.25rem;
}

.topPadded {
  padding-top: 14px;
}

.msgText {
  vertical-align: middle;
}

.matDatePicker {
  max-width: 3px !important;
}

.filterOn {
  font-size: 18px;
  padding-top: 10px;
}

.mat-cell.mat-cell.cdk-column-icon.mat-column-icon.ng-tns-c30-4.ng-star-inserted {
  max-width: 30px;
}

.mat-cell.mat-cell.cdk-column-checkAll.mat-column-checkAll.ng-tns-c29-14.ng-star-inserted {
  justify-content: flex-end;
}

#correctWorkOrderForm_0_mat-table_0_mat-header-row_0 {
  min-height: 0px;
}

.mat-card > mat-card-content > div > table {
  padding: 0rem 0rem;
}

#correctWorkOrderForm_0 > mat-card > mat-card-content > div > table > tr > td {
  background-color: lightgray;
  font-weight: 600;
  border-color: #a7a7a7;
  border-left-style: solid;
  border-left-width: thin;
  border-top-style: solid;
  border-top-width: thin;
  padding-top: 2px;
  padding-left: 2px;
}

#correctWorkOrderForm_0 > mat-card > mat-card-content > div > table > tr > td:nth-child(8) {
  border-color: #a7a7a7;
  border-right-style: solid;
  border-right-width: thin;
}

.error-header-table[fisStyle] .mat-header-row .mat-header-cell {
  padding: 0rem 0rem;
}

table {
  width: 100%;
}

tr.demo-detail-row {
  height: 0px !important;
}

tr.demo-detail-row td {
  padding: 0px !important;
}

.demo-element-row td {
  border-bottom-width: 0;
}

.error-header-table[fisStyle] .mat-row .mat-cell, .error-header-table[fisStyle] .mat-footer-row .mat-cell {
  padding: 0.25rem 0.25rem;
}

.topPadded {
  padding-top: 14px;
}

.msgText {
  vertical-align: middle;
}

.matDatePicker {
  max-width: 3px !important;
}

.filterOn {
  font-size: 18px;
  padding-top: 10px;
}

.mat-cell.mat-cell.cdk-column-icon.mat-column-icon.ng-tns-c30-4.ng-star-inserted {
  max-width: 30px;
}

.mat-cell.mat-cell.cdk-column-checkAll.mat-column-checkAll.ng-tns-c29-14.ng-star-inserted {
  justify-content: flex-end;
}

#correctWorkOrderForm_0_mat-table_0_mat-header-row_0 {
  min-height: 0px;
}

.mat-card > mat-card-content > div > table {
  padding: 0rem 0rem;
}

#correctWorkOrderForm_0 > mat-card > mat-card-content > div > table > tr > td {
  background-color: lightgray;
  font-weight: 600;
  border-color: #a7a7a7;
  border-left-style: solid;
  border-left-width: thin;
  border-top-style: solid;
  border-top-width: thin;
  padding-top: 2px;
  padding-left: 2px;
}

#correctWorkOrderForm_0 > mat-card > mat-card-content > div > table > tr > td:nth-child(8) {
  border-color: #a7a7a7;
  border-right-style: solid;
  border-right-width: thin;
}

.error-header-table[fisStyle] .mat-header-row .mat-header-cell {
  padding: 0rem 0rem;
}

.menu-label-button button[disabled] {
  background-color: lightgray;
}

mat-option.theme-picker, mat-option.mat-selected:not(.mat-option-multiple).theme-picker {
  color: #fefefd;
}

ul {
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: 50px;
  box-shadow: 2px 3px 4px 0px 0, 0, 0, 0.25;
  background-color: #fefefd;
}

#top-menu-bar li {
  float: left;
  display: block;
}

.welcome {
  color: #4d8ca5;
  font-size: small;
}

.iconbutton {
  margin-top: 5px !important;
}

.routes {
  padding: 15px;
}

.searchBtn {
  padding-top: 9px;
}

.ruf-dropdown-panel {
  width: 100%;
}

.search-icon {
  cursor: pointer;
}

.avatar {
  text-align: center;
  margin-top: 25px;
  transform: scale(1.75);
}

.loading {
  display: inline-block;
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#advance_search_btn:not([disabled]).cdk-keyboard-focused,
#advance_search_btn:not([disabled]).cdk-program-focused {
  outline-color: var(--emphasis, #ffcd00) !important;
  outline-style: solid !important;
  outline-width: 0.125rem !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.invisibleHeader {
  display: none;
}

.statusArea {
  margin-top: -12px;
  flex-shrink: 0;
  overflow-x: auto;
}
.statusArea .subject-table tr.expandedTable {
  padding-top: 4px;
  display: block;
}

tr.notification-detail-row {
  height: 0px !important;
}

tr.notification-detail-row td {
  padding: 0px !important;
}

.statusbar-tb {
  background-color: inherit !important;
  border-bottom-style: none;
  width: 68%;
}

.statusbar-tb .mat-cell {
  color: inherit !important;
}

.page {
  background-color: inherit !important;
  margin-top: -5px;
}

.acknowledgebutton {
  text-decoration: underline;
  font-weight: bold;
  color: inherit !important;
}

.ack-container {
  display: flex;
  justify-content: end;
  align-items: baseline;
}

.loading-indicator {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.page .mat-paginator-range-label {
  display: none;
}

.range {
  margin-top: 16px;
  color: #575654;
}

.expandButton {
  color: var(--accent-700, #006a52);
}

.report-segment {
  width: 400px;
  margin: 0 auto;
}

table {
  width: 100%;
}

.chevron {
  font-size: 14px;
}

.sub {
  padding-right: 20px;
  font-weight: normal;
  text-decoration: underline;
}

.promptText {
  color: var(--error, #ff1f3e);
}

.content-in-grid {
  height: 35px;
  text-align: right;
  padding: 8px;
}

.mat-grid-tile-header {
  font-weight: bold;
  place-content: center;
}

.label {
  display: block;
  font-weight: normal;
  padding: 7px 3px;
  margin-bottom: 5px;
}

.label span.label-text {
  float: left;
  width: 200px !important;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
}

.funding-summary-cell {
  text-align: end;
}

.funding-header-cell {
  text-align: center !important;
}

.forfeitInput {
  text-align: right !important;
}

.errorMsg {
  font-size: 12px;
  margin-top: 3px;
}

.funding-form-field .mat-form-field-wrapper {
  margin-bottom: -1.25em !important;
  margin-top: -1.25em !important;
}

.funding-error-label {
  color: var(--error-800, #720e1c);
}

.ndBackButton, .ndForwardButton {
  margin-left: 12px;
}

.disclaimerLink {
  padding: 0px;
  text-align: center !important;
}

.ndCanvas > ruf-card > mat-card > mat-card-content > form > div:nth-child(1) > mat-divider {
  position: initial !important;
}

.secondHeader {
  margin-top: 0px !important;
}

.welcomeDivider {
  width: 98.7% !important;
  border-top-color: #012834 !important;
  position: initial !important;
}

.welcomeFieldset {
  border: ridge;
  border-width: thin;
  width: 50%;
}

.testDatesDiv {
  padding: 0px !important;
  margin-top: -11px;
}

.testDates {
  font-size: 16px !important;
  padding: 0px !important;
}

.typeGroup {
  margin-left: 10px;
}

.ndHelpButton {
  float: right !important;
  margin-top: -45px !important;
}

.fieldSetHeader {
  width: 100%;
}

.welcomeBottomDiv {
  margin-left: -18px;
  width: 100%;
  position: fixed;
  /* height: 52px; */
  bottom: 41px;
  background-color: var(--ruf-background-card, #ffffff) !important;
  border: 1px solid lightgray;
}

.welcomeBtns {
  margin-top: 10px !important;
  margin-left: 17px !important;
  margin-bottom: 10px;
}

.form-section {
  margin-bottom: 30px;
}

.disabled {
  color: #c1c1c1;
}

.ndCanvas.fis-override.ruf-app-canvas > ruf-card {
  padding: 16px !important;
}

.ndCanvas.fis-override.ruf-app-canvas > ruf-card > mat-card {
  border-width: 1px !important;
}

.ndStepperCanvas > ruf-card > mat-card > mat-card-content > ruf-stepper > div.footer.ruf-default {
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px !important;
  padding: 0px !important;
  border-color: lightgray;
}

.ndStepperCanvas {
  height: initial !important;
  padding: initial !important;
}

.ndStepperCanvas ruf-card > mat-card {
  border-width: 0px !important;
}

.ndStepperCanvas > ruf-card > mat-card > mat-card-content > ruf-stepper > section {
  padding: 0px !important;
}

.ndStepperCanvas ruf-card > mat-card > mat-card-header {
  display: none !important;
}

.ndStepperCanvas > ruf-card > mat-card > mat-card-content > ruf-stepper > div.header.ruf-default > div > div:nth-child(1) > div.step-count {
  padding-bottom: 3px;
}

.ndStepperCanvas > ruf-card > mat-card > mat-card-content > ruf-stepper > div.header.ruf-default > div > div:nth-child(1) > div.step-label {
  font-weight: 800;
}

.stepInfo {
  margin-top: 30px !important;
}

.messages {
  margin-bottom: 0px;
  margin-top: 0px;
}

.hardStopText {
  margin-bottom: 30px;
}

.backButton {
  border-color: #c1c1c1 !important;
}

.backOfficeCount {
  padding: 8px;
  border-style: solid;
  border-width: 2px;
  border-color: var(--info, #3bcff0);
  align-items: center;
}

.hardStopWarningCount {
  padding: 8px;
  border-style: solid;
  border-width: 2px;
  border-color: var(--warn, #fd8d62);
  align-items: center;
}

.hardStopErrorCount {
  padding: 8px;
  border-style: solid;
  border-width: 2px;
  border-color: var(--error, #ff1f3e);
  align-items: center;
}

.messages {
  margin-bottom: 0px;
  margin-top: 0px;
}

.resumeExistingText {
  margin-bottom: 30px;
}

.backButton {
  border-color: #c1c1c1 !important;
}

.dialog-header {
  padding: 0 !important;
  width: 100% !important;
}

.close {
  color: #8f8e8e;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -1%;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.ndBackButton, .ndForwardButton {
  margin-left: 12px;
}

.disclaimerLink {
  padding: 0px;
  text-align: left !important;
}

.secondHeader {
  margin-top: 0px !important;
}

.ndCanvas > ruf-card > mat-card > mat-card-content > form > div:nth-child(1) > mat-divider {
  position: initial !important;
}

.ndCanvas.fis-override.ruf-app-canvas > ruf-card {
  padding: 16px !important;
}

.ndCanvas.fis-override.ruf-app-canvas > ruf-card > mat-card {
  border-width: 1px !important;
}

.ndStepperCanvas > ruf-card > mat-card > mat-card-content > ruf-stepper > div.footer.ruf-default {
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px !important;
  padding: 0px !important;
  border-color: lightgray;
}

.ndStepperCanvas {
  height: initial !important;
  padding: initial !important;
}

.ndStepperCanvas ruf-card > mat-card {
  border-width: 0px !important;
}

.ndStepperCanvas > ruf-card > mat-card > mat-card-content > ruf-stepper > section {
  padding: 0px !important;
}

.ndStepperCanvas ruf-card > mat-card > mat-card-header {
  display: none !important;
}

.ndStepperCanvas > ruf-card > mat-card > mat-card-content > ruf-stepper > div.header.ruf-default > div > div:nth-child(1) > div.step-count {
  padding-bottom: 3px;
}

.ndStepperCanvas > ruf-card > mat-card > mat-card-content > ruf-stepper > div.header.ruf-default > div > div:nth-child(1) > div.step-label {
  font-weight: 800;
}

dvwsponsor-ui-plansummary > form > div > mat-expansion-panel > div > div {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

span[class=list-label-class] {
  text-align: end;
}

span[class=list-text-class] {
  flex-direction: column-reverse !important;
}

.list-bullet-class {
  text-align: start;
}

.bottomDiv {
  margin-left: -41px;
  width: 100%;
  position: fixed;
  bottom: 41px;
  background-color: var(--ruf-background-card, #ffffff) !important;
  border: 1px solid lightgray;
  z-index: 1;
}

.welcomeBtns {
  margin-top: 10px !important;
  margin-left: 17px !important;
  margin-bottom: 10px;
}

.subStepParentDivision {
  height: calc(100vh - 392px);
  overflow-y: auto;
}

.ndBackButton, .ndForwardButton {
  margin-left: 12px;
}

.disclaimerLink {
  padding: 0px;
  text-align: left !important;
}

.ndCanvas > ruf-card > mat-card > mat-card-content > form > div:nth-child(1) > mat-divider {
  position: initial !important;
}

.ndCanvas.fis-override.ruf-app-canvas > ruf-card {
  padding: 16px !important;
}

.ndCanvas.fis-override.ruf-app-canvas > ruf-card > mat-card {
  border-width: 1px !important;
}

.ndStepperCanvas > ruf-card > mat-card > mat-card-content > ruf-stepper > div.footer.ruf-default {
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px !important;
  padding: 0px !important;
  border-color: lightgray;
}

.ndStepperCanvas {
  height: initial !important;
  padding: initial !important;
}

.ndStepperCanvas ruf-card > mat-card {
  border-width: 0px !important;
}

.ndStepperCanvas > ruf-card > mat-card > mat-card-content > ruf-stepper > section {
  padding: 0px !important;
}

.ndStepperCanvas ruf-card > mat-card > mat-card-header {
  display: none !important;
}

.ndStepperCanvas > ruf-card > mat-card > mat-card-content > ruf-stepper > div.header.ruf-default > div > div:nth-child(1) > div.step-count {
  padding-bottom: 3px;
}

.ndStepperCanvas > ruf-card > mat-card > mat-card-content > ruf-stepper > div.header.ruf-default > div > div:nth-child(1) > div.step-label {
  font-weight: 800;
}

.showWelcome {
  display: flex;
}

.hideWelcome {
  opacity: 0 !important;
}

compliancewizzard-nd .mat-radio-group.ng-invalid.ng-touched .mat-radio-button.mat-primary .mat-radio-outer-circle {
  border-color: var(--error, #ff1f3e) !important;
}

.requiredCaption {
  color: var(--error, #ff1f3e);
  text-align: right;
  margin-top: 0%;
}

.subStepParentDivisionCensus {
  height: calc(100vh - 381px) !important;
  overflow-y: auto;
  overflow-x: hidden !important;
}

compliancewizzard-nd .mat-checkbox.ng-invalid.ng-touched:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #de1b36 !important;
}

compliancewizzard-nd .ruf-file-upload.ng-invalid.ng-touched .ruf-file-upload-button {
  border-color: #de1b36 !important;
}

.detailDivider {
  border-top-color: #012834 !important;
  position: initial !important;
}

.detailLabel {
  font-weight: Bold;
}

.checkboxCell {
  text-align: center !important;
}
.checkboxCell .checkboxForHeader {
  width: 150px !important;
}

.check, .effective-date, .groups {
  width: 174px;
}

.check, .effective-date, .groups {
  width: 174px;
}

.companyInput {
  vertical-align: baseline;
}

.qUnderTable {
  margin-top: 50px;
}

.entityTable {
  overflow-x: auto !important;
}

.complianceDetailFormField {
  width: 200px;
}

.militaryInfo {
  font-style: italic;
  margin-left: 5%;
  display: block;
}

.employeeQuestionMargin {
  margin-top: 0px;
  margin-bottom: 0px;
}

.detailsHelp:before {
  font-size: 16px !important;
  cursor: pointer;
}

.detailsHelp {
  width: 16px !important;
}

.newCompanyTable[fisStyle] .mat-header-row * {
  text-transform: none !important;
}

.deleteBtn {
  border-bottom: 0.125em solid;
  cursor: pointer;
}

.addOwnerBtn {
  border-bottom: 0.125em solid;
  margin-right: 5px;
  white-space: nowrap;
  cursor: pointer;
}

.complianceDetailsContainer {
  display: inline !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

dvwsponsor-ui-census-hce-key-employees > form > div > mat-expansion-panel > div > div {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

span[class=list-label-class] {
  text-align: end;
}

span[class=list-text-class] {
  flex-direction: column-reverse !important;
}

.list-bullet-class {
  text-align: start;
}

.hceKeyHelp {
  float: right !important;
  margin-top: -52px !important;
}

.relationshipIndicator {
  text-align: center;
}

.ackChecked .mat-checkbox-frame {
  border-color: var(--error, #ff1f3e) !important;
}

dvwsponsor-ui-census-certification > form > div > mat-expansion-panel > div > div {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.certification-content-wrapper {
  display: flex;
}

.compensation-summary-content {
  width: 100%;
}

.contribution-summary-content {
  width: 100%;
}

.total-summary-content {
  width: 100%;
}

.term-declarations {
  display: flex;
}

.agreeDeclaration {
  font-weight: bold;
  margin-top: 6px;
}

.secondHeader {
  margin-top: 0px !important;
}

.certification-content-wrapper {
  display: flex;
}

.compensation-summary-content {
  width: 100%;
}

.contribution-summary-content {
  width: 100%;
}

.total-summary-content {
  width: 100%;
}

.term-declaration {
  display: flex;
  margin-left: 5%;
}

.summary-column-align {
  justify-content: center;
}

.certificationCustomText {
  padding: 10px;
}

.terms-divider {
  position: relative !important;
  margin-left: 0px !important;
  top: -16px !important;
}

.terms-bullet {
  font-size: 40px;
}

.terms-content {
  display: flex;
  padding-left: 5%;
}

.declaration {
  margin-top: 20px;
  margin-left: 5px;
}

.terms-listing {
  margin-top: -20px;
}

.header-divider {
  border-top: 1px solid black !important;
  position: relative !important;
  width: 94% !important;
  top: -12px;
}

.summary-column-wrap {
  width: 175px;
  text-align: end;
}

.summary-value-wrap {
  text-align: end;
  margin-left: 20px;
}

.total-summary-value-wrap {
  text-align: end;
  margin-left: 8px;
}

dvwsponsor-ui-census-review-data > form > div > mat-expansion-panel > div > div {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

span[class=list-label-class] {
  text-align: end;
}

span[class=list-text-class] {
  flex-direction: column-reverse !important;
}

.list-bullet-class {
  text-align: start;
}

th, td {
  text-overflow: ellipsis;
  white-space: wrap;
}

.rapid-entry-row {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.warn-entry-row {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-left-width: 8px !important;
  border-left-color: transparent;
}

#rapidDataEntryTableFrozen {
  width: 29% !important;
}

#rapidDataEntryTableScroll {
  width: 70% !important;
}

.partNotesAllowed {
  max-width: 110px !important;
  min-width: 100px !important;
}

#rapidParticipant {
  color: var(--accent, #009775);
  font-size: 18px;
  font-weight: 700;
  height: 40px;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header {
  background: var(--primary-700-contrast, #ffffff);
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-body {
  padding-left: 0;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.mat-expansion-panel[fisStyle] .mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel[fisStyle] .mat-expansion-panel-header.mat-expanded:hover {
  background: var(--primary-700-contrast, #ffffff);
}

.partNotesNotAllowed {
  max-width: 50px !important;
  min-width: 50px !important;
}

.partNotesAllowedNoDelete {
  max-width: 75px !important;
  min-width: 75px !important;
}

.partNotesNotAllowedNoDelete {
  max-width: 25px !important;
  min-width: 25px !important;
}

#validationErrors .mat-tab-label, #validationErrors .mat-tab-label.mat-tab-label-active {
  max-height: 44px;
  background-color: var(--accent-600, #008366);
  opacity: 100;
  color: var(--accent-700-contrast, #ffffff);
}

tr.validation-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

#entryTables {
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-color: #e5e5e5;
}

#tableDivider1 {
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 2px;
  border-bottom-width: 0px;
  border-right-width: 2px;
  border-color: lightgray;
  max-width: 0px;
}

#rapidDataEntryTableFrozenTable {
  width: 100%;
}

.mat-select-disabled ::ng-deep .mat-select-value {
  color: inherit;
  opacity: 1 !important;
}

.bigMarginBottom {
  margin-bottom: 24px;
  display: inline-block;
}

mat-card-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.asterisk1 {
  color: var(--error-800, #720e1c);
  margin-top: 8px;
  margin-right: 12px;
}

.asterisk2 {
  color: var(--error-800, #720e1c);
  margin-top: 8px;
  margin-right: 8px;
}

.action-cell-border-left {
  border-left: 1px solid #dddddd !important;
  flex: 0 0 128px !important;
  min-width: 140px;
}

.totalsHardStop {
  font-size: 14px !important;
}

.hardStopHelp {
  margin-top: -6px !important;
}

.relationShip-disabled-btn {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

.rel_btn {
  background: none !important;
  color: rgba(var(--ruf-foreground-link, 40, 91, 197), 1) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  border: none !important;
  margin: 0px !important;
  font-family: var(--ruf-font-family, "Source Sans Pro", Arial, sans-serif) !important;
}

table {
  width: 100%;
}

tr.demo-detail-row {
  height: 0px !important;
}

tr.demo-detail-row td {
  padding: 0px !important;
}

.demo-element-row td {
  border-bottom-width: 0;
}

.error-header-table > .mat-row > .mat-cell,
.error-header-table > .mat-footer-row > .mat-cell {
  padding: 0.25rem 0.25rem;
}

.error-header-table > .mat-header-row > .mat-header-cell {
  padding: 0rem 0rem;
}

.topPadded {
  vertical-align: middle;
}

.matDatePicker {
  max-width: 3px !important;
}

.filterOn {
  font-size: 18px;
  padding-top: 10px;
}

.mat-cell.mat-cell.cdk-column-icon.mat-column-icon.ng-tns-c30-4.ng-star-inserted {
  max-width: 30px;
}

.mat-cell.mat-cell.cdk-column-checkAll.mat-column-checkAll.ng-tns-c29-14.ng-star-inserted {
  justify-content: flex-end;
}

#correctWorkOrderForm_0_mat-table_0_mat-header-row_0 {
  min-height: 0px;
}

.mat-card > mat-card-content > div > table {
  padding: 0rem 0rem;
}

#correctWorkOrderForm_0 > mat-card > mat-card-content > div > table > tr > td {
  font-weight: 600;
  border-color: #a7a7a7;
  border-left-style: solid;
  border-left-width: thin;
  border-top-style: solid;
  border-top-width: thin;
  padding-top: 2px;
  padding-left: 2px;
}

#correctWorkOrderForm_0 > mat-card > mat-card-content > div > table > tr > td:nth-child(8) {
  border-color: #a7a7a7;
  border-right-style: solid;
  border-right-width: thin;
}

tr.rapid-entry-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.detail-expand {
  overflow: hidden;
  display: flex;
}

#fields-table mat-form-field > div.mat-form-field-wrapper {
  max-height: 34px;
}

#fields-table mat-form-field > div.mat-form-field-wrapper > div > div {
  border-top-width: 0px;
}

#fields-table mat-form-field > div.mat-form-field-wrapper > div.mat-form-field-underline {
  top: calc(100% - 0.1em);
}

::ng-deep .editable-field .mat-form-field-wrapper {
  margin-bottom: -1.25em;
  margin-top: -1.25em;
}

.headerTable tr td {
  padding: 0.625rem 0.625rem;
}

tr.validation-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.s-no-cell {
  width: 5%;
}

.s-no-cell-exp {
  width: 10%;
}

.field-cell {
  width: 19%;
}

.org-val-cell {
  width: 15%;
}

.curr-val-cell {
  width: 19%;
}

.sevirity-cell {
  width: 5%;
}

.description-cell {
  width: 30%;
}

.backOfficeCountErrorCorrection {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: var(--warn, #fd8d62) !important;
  align-items: center;
}

.backOfficeCountErrorCorrectionActive {
  background-color: var(--warn, #fd8d62) !important;
}

.informationCount {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: var(--info, #3bcff0) !important;
  align-items: center;
}

.informationCountActive {
  background-color: var(--info, #3bcff0) !important;
}

.hardStopWarningCount {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: var(--emphasis, #ffc845) !important;
  align-items: center;
}

.hardStopWarningCountActive {
  background-color: var(--emphasis, #ffc845) !important;
}

.hardStopErrorCount {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: var(--error, #ff1f3e) !important;
  align-items: center;
}

.hardStopErrorCountActive {
  background-color: var(--error, #ff1f3e) !important;
}

.headerCell {
  white-space: nowrap;
}

.header-cell-view-title {
  cursor: pointer;
}

.disclaimerLinkPerformTests {
  float: right !important;
  margin-top: -10px !important;
}

.testResultsHelp {
  float: right !important;
}

.resultsTable {
  border-bottom: 2px solid lightgray !important;
}

.testInfo {
  font-size: 15px !important;
}

.resultsInfoIcon {
  margin-top: 15px;
}

.downloadBtn {
  border-bottom: 0.125em solid;
}

.contribution-container {
  text-align: center;
}

.totalsColumn {
  text-align: right !important;
}

.tableFooter {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  border-bottom-width: 2px !important;
}

.infoIcon {
  margin-top: 9px;
}

/* root font size for rem */
/* base font size for RUF */
/* the only font-family you should need */
.mat-paginator[fisStyle] .mat-paginator-page-size-label, .mat-paginator[fisStyle] .mat-paginator-range-label, .mat-paginator[fisStyle] .mat-paginator-page-size-value {
  font-size: var(--ruf-caption-font-size, 12px) !important;
}

.dvw-page-header {
  color: var(--ruf-foreground-text, #012834);
  font-weight: var(--ruf-title-font-weight, bold);
}

.mat-raised-button[fisStyle], .mat-flat-button[fisStyle] {
  color: var(--primary-50-contrast, #012834);
}

.mat-raised-button[fisStyle]:not([disabled]):hover,
.mat-raised-button[fisStyle]:not([disabled]):active,
.mat-raised-button[fisStyle]:not([disabled]).cdk-keyboard-focused,
.mat-raised-button[fisStyle]:not([disabled]).cdk-program-focused {
  color: var(--primary-contrast, #012834) !important;
}

.mat-raised-button[fisStyle].mat-primary:not([disabled]):hover,
.mat-raised-button[fisStyle].mat-primary:not([disabled]):active,
.mat-raised-button[fisStyle].mat-primary:not([disabled]).cdk-keyboard-focused,
.mat-raised-button[fisStyle].mat-primary:not([disabled]).cdk-program-focused,
.mat-raised-button[fisStyle].mat-accent:not([disabled]):hover,
.mat-raised-button[fisStyle].mat-accent:not([disabled]):active,
.mat-raised-button[fisStyle].mat-accent:not([disabled]).cdk-keyboard-focused,
.mat-raised-button[fisStyle].mat-accent:not([disabled]).cdk-program-focused {
  color: var(--primary-50-contrast, #012834) !important;
}

.ruf-dynamic-segment > div .mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-disabled):hover > button[aria-pressed=true] > span,
.ruf-dynamic-segment > div .mat-button-toggle-group[fisStyle] .mat-button-toggle:not(.mat-button-toggle-disabled).cdk-keyboard-focused > button[aria-pressed=true] > span {
  color: inherit !important;
}

a.mat-raised-button[fisStyle]:not([disabled]):hover {
  color: var(--ruf-foreground-link, #285bc5) !important;
}

.ruf-banner-toolbar .ruf-banner-brand-logo.fis-logo {
  background-image: var(--logo, url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTYuMTYgMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7ZmlsbDojNWZiYTQ2O30uY2xzLTN7b3BhY2l0eTowLjg7fS5jbHMtNHtjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTV7b3BhY2l0eTowLjY7fS5jbHMtNntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgtMik7fS5jbHMtN3tvcGFjaXR5OjAuNDt9LmNscy04e2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC0zKTt9LmNscy05e29wYWNpdHk6MC4yO30uY2xzLTEwe2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC00KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMC44NiIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNS4xMSIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMyI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI5LjM2IiB5PSIwLjI2IiB3aWR0aD0iMy42MSIgaGVpZ2h0PSIzLjYxIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC00Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuNjEiIHk9IjAuMjYiIHdpZHRoPSIzLjYxIiBoZWlnaHQ9IjMuNjEiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZmlzbG9nbzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTUuNDcsOC44MmExLjI0LDEuMjQsMCwwLDAtMS4yMy0xLjI0SDM5LjkyYTQuNjIsNC42MiwwLDAsMC0uMjQsOS4yNEg1MS40MmEyLjE1LDIuMTUsMCwwLDEsMCw0LjI5SDM3LjFBMS4yNCwxLjI0LDAsMCwwLDM3LDIzLjU5SDUxLjQyYTQuNjIsNC42MiwwLDAsMCwuMjQtOS4yNEgzOS45MmEyLjE1LDIuMTUsMCwwLDEsMC00LjI5SDU0LjIzYTEuMjEsMS4yMSwwLDAsMCwxLjI0LTEuMjF2MCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI3LjA2LDguODJWMjIuMzZhMS4zNSwxLjM1LDAsMCwwLDIuNjkuMDdWOC44MmExLjM1LDEuMzUsMCwwLDAtMi42OS0uMDd2LjA3Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjAuNCw3LjU4bC0uMSwwdjBIOC4xMkMzLjI4LDcuNTgsMCwxMC43NiwwLDE1LjZ2Ni43NmExLjM1LDEuMzUsMCwwLDAsMi43LDBWMTUuNmMwLTMuMzYsMi01LjUzLDUuNDEtNS41M0gyMC4zOWExLjIzLDEuMjMsMCwwLDAsMS4yNC0xLjIzaDBhMS4yMywxLjIzLDAsMCwwLTEuMi0xLjI1aDAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00LjA1LDE1LjZhMS4yNSwxLjI1LDAsMCwwLDEuMjQsMS4yNEgxNy43YTEuMjQsMS4yNCwwLDAsMCwuMDctMi40OEg1LjI5QTEuMjUsMS4yNSwwLDAsMCw0LjA1LDE1LjYiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMC4yMiwyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjxnIGNsYXNzPSJjbHMtMyI+PGcgY2xhc3M9ImNscy00Ij48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNC40NywyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy01Ij48ZyBjbGFzcz0iY2xzLTYiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4LjcyLDIuMDZhMS44MSwxLjgxLDAsMSwwLTEuOCwxLjgxLDEuODEsMS44MSwwLDAsMCwxLjgtMS44MWgwIi8+PC9nPjwvZz48ZyBjbGFzcz0iY2xzLTciPjxnIGNsYXNzPSJjbHMtOCI+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTMsMi4wNmExLjgxLDEuODEsMCwxLDAtMS44LDEuODFBMS44MSwxLjgxLDAsMCwwLDEzLDIuMDZoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy05Ij48ZyBjbGFzcz0iY2xzLTEwIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik03LjIyLDIuMDZBMS44MSwxLjgxLDAsMSwwLDUuNDEsMy44NywxLjgxLDEuODEsMCwwLDAsNy4yMiwyLjA2aDAiLz48L2c+PC9nPjwvc3ZnPg=="));
}

.mat-icon-button[fisStyle]:not([disabled]).mat-primary:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-primary:active, .mat-icon-button[fisStyle]:not([disabled]).mat-primary.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-primary.cdk-program-focused {
  background-color: var(--primary-100, #c9f0c5);
}
.mat-icon-button[fisStyle]:not([disabled]).mat-accent:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-accent:active, .mat-icon-button[fisStyle]:not([disabled]).mat-accent.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-accent.cdk-program-focused {
  background-color: var(--accent-100, #b3e0d6);
}
.mat-icon-button[fisStyle]:not([disabled]).mat-warn:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-warn:active, .mat-icon-button[fisStyle]:not([disabled]).mat-warn.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-warn.cdk-program-focused {
  background-color: var(--warn-100, #feddd0);
}
.mat-icon-button[fisStyle]:not([disabled]).mat-emphasis:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-emphasis:active, .mat-icon-button[fisStyle]:not([disabled]).mat-emphasis.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-emphasis.cdk-program-focused {
  background-color: var(--emphasis-100, #fff0b3);
}
.mat-icon-button[fisStyle]:not([disabled]).mat-success:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-success:active, .mat-icon-button[fisStyle]:not([disabled]).mat-success.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-success.cdk-program-focused {
  background-color: rgba(var(--ruf-background-success-rgb, 75, 205, 62), 0.21);
}
.mat-icon-button[fisStyle]:not([disabled]).mat-error:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-error:active, .mat-icon-button[fisStyle]:not([disabled]).mat-error.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-error.cdk-program-focused {
  background-color: rgba(var(--ruf-background-error-rgb, 255, 31, 62), 0.21);
}
.mat-icon-button[fisStyle]:not([disabled]).mat-info:hover, .mat-icon-button[fisStyle]:not([disabled]).mat-info:active, .mat-icon-button[fisStyle]:not([disabled]).mat-info.cdk-keyboard-focused, .mat-icon-button[fisStyle]:not([disabled]).mat-info.cdk-program-focused {
  background-color: rgba(var(--ruf-background-info-rgb, 59, 207, 240), 0.21);
}

/* Changed default dynamic segment color to theme primary color */
.ruf-dynamic-segment .mat-button-toggle-selected.ruf-segment-clip::after {
  background-color: var(--primary, #4bcd3e);
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.ruf-dynamic-segment .mat-button-toggle-group[fisStyle] .mat-button-toggle.mat-button-toggle-checked {
  background-color: var(--primary, #4bcd3e);
  border-color: transparent;
}

.ruf-dynamic-segment > div > mat-button-toggle-group > mat-button-toggle > button[aria-pressed=true] > span {
  color: var(--primary-contrast, #012834);
}

.mat-stepper-horizontal-line {
  border-color: var(--accent-700, #006a52);
}

mat-horizontal-stepper > div > mat-step-header > div.mat-step-icon.mat-step-icon-state-number.mat-step-icon-selected {
  color: var(--accent-contrast, #ffffff) !important;
  background-color: var(--accent, #009775) !important;
  border-color: var(--accent-700, #006a52) !important;
}

mat-horizontal-stepper > div > mat-step-header > div.mat-step-icon.mat-step-icon-state-number:not(.mat-step-icon-selected) {
  color: var(--accent, #009775) !important;
  background-color: var(--accent-contrast, #ffffff) !important;
  border-color: var(--accent-700, #006a52) !important;
}

.mat-badge-accent .mat-badge-content {
  color: var(--accent-contrast, #ffffff) !important;
  background-color: var(--accent, #009775) !important;
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: #3a3a3a !important;
  background-color: lightgray !important;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle].mat-form-field-invalid .mat-form-field-outline-thick,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle].mat-form-field-invalid .mat-form-field-outline-thick,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
*[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy).mat-form-field-invalid .mat-form-field-outline-thick,
.mat-form-field[fisStyle].mat-form-field-invalid .mat-form-field-label,
*[fisStyle] .mat-form-field.mat-form-field-invalid .mat-error {
  color: var(--error-600, #de1b36) !important;
}

.mat-card .mat-divider-horizontal {
  position: absolute;
  left: 0 !important;
  width: 100%;
}

.mat-paginator-container .mat-form-field-wrapper {
  display: flex;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
}

.ruf-sidemenu.fis-override, .ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override {
  max-width: 18.75rem !important;
  min-width: 6.25rem !important;
}

.ruf-dynamic-sidemenu-container {
  height: auto !important;
}

.ruf-sidemenu.fis-override, .ruf-sidemenu-popup-backdrop + * .mat-menu-panel.fis-override {
  width: auto !important;
}

.ruf-dynamic-sidemenu .ruf-sidemenu.ruf-dynamic-sidemenu-minimized {
  min-width: 4.375rem !important;
}

.ruf-dynamic-sidemenu .ruf-sidemenu:not(.ruf-sidemenu-rtl).ruf-dynamic-sidemenu-minimized a.ruf-menu-item {
  padding-left: 0.9375rem !important;
}

.ruf-card .ruf-card-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mat-card .mat-divider-horizontal.mat-divider-inset {
  position: static !important;
  margin: 0;
}

.mat-list-base[fisStyle]:not([dense]) .mat-list-item:not(.mat-list-option) {
  height: 48px;
  padding-bottom: 0;
  padding-top: 0;
}

.mat-list-base {
  padding-top: 0;
}

.ruf-icon-default-accent2 .mat-icon,
a.mat-button[fisStyle] .mat-icon {
  color: var(--ruf-foreground-icon, #015b7e) !important;
}

.mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel-header.mat-expanded:hover,
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background-color: var(--ruf-background-alternate-row, #f4f4f4) !important;
}

.mat-select[fisStyle] .mat-select-trigger .mat-select-placeholder, .mat-form-field-hide-placeholder .mat-select-placeholder {
  color: var(--ruf-foreground-secondary-text, #012834) !important;
}

.card_background-color {
  background: var(--ruf-background-card, white);
}

.ruf-menu-item.cdk-focused.cdk-keyboard-focused {
  outline-offset: -0.125rem;
  outline-style: solid;
  outline-width: 0.125rem;
}

.ruf-menubar-item.cdk-focused.cdk-keyboard-focused, .ruf-menu-item.cdk-focused.cdk-keyboard-focused {
  outline-color: var(--emphasis, #ffcd00) !important;
}

.ruf-keyboard-focused.cdk-keyboard-focused, .mat-stepper-horizontal[fisStyle] .cdk-keyboard-focused.mat-step-header, .mat-stepper-vertical[fisStyle] .cdk-keyboard-focused.mat-step-header {
  outline-color: var(--emphasis, #ffcd00) !important;
  outline-style: solid !important;
  outline-width: 0.125rem !important;
}

.mat-paginator-container .mat-focused .mat-form-field-outline {
  outline-color: var(--emphasis, #ffcd00) !important;
  outline-style: solid !important;
  outline-width: 0.125rem !important;
  background-color: var(--ruf-background-secondary, #b3bfc2);
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell .mat-sort-header-container {
  justify-content: start !important;
}

.mat-table[fisStyle] .mat-header-row .mat-header-cell .mat-sort-header-container .mat-sort-header-stem {
  display: inline !important;
}

a.cdk-focused.cdk-keyboard-focused, .sub:focus, .sub:focus-visible, a:focus-visible,
.mat-focus-indicator.mat-tooltip-trigger.mat-button.cdk-focused.cdk-keyboard-focused {
  outline-color: var(--emphasis, #ffcd00) !important;
  outline-style: solid !important;
  outline-width: 0.125rem !important;
}

.mat-radio-button.mat-primary.cdk-focused.cdk-keyboard-focused .mat-radio-ripple {
  outline-color: var(--emphasis, #ffcd00) !important;
  outline-style: solid !important;
  outline-width: 0.125rem !important;
  border-radius: 50px;
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary.cdk-focused.cdk-keyboard-focused .mat-checkbox-frame,
.flat-btn:not([disabled]).cdk-keyboard-focused,
.flat-btn:not([disabled]).cdk-program-focused,
.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-appearance-legacy)[fisStyle]:not(.mat-form-field-disabled) .mat-form-field-outline,
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn.cdk-focused.cdk-keyboard-focused .mat-checkbox-frame {
  outline-color: var(--emphasis, #ffcd00) !important;
  outline-style: solid !important;
  outline-width: 0.125rem !important;
}

.dashboard-link {
  background-color: transparent;
  border-color: transparent;
  color: var(--ruf-foreground-link, #285bc5) !important;
}

.mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[fisStyle]:not(.mat-form-field-should-float):not(.mat-focused) .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy)[boxStyle]:not(.mat-form-field-should-float):not(.mat-focused) .mat-form-field-label-wrapper .mat-form-field-label, *[fisStyle] .mat-form-field-appearance-outline:not(.mat-form-field-appearance-legacy):not(.mat-form-field-should-float):not(.mat-focused) .mat-form-field-label-wrapper .mat-form-field-label {
  color: var(--ruf-foreground-text, #012834) !important;
}

.mat-badge[fisStyle].mat-badge-info .mat-badge-content {
  background: var(--info, #3bcff0);
  color: var(--info-contrast, #012834) !important;
}

.mat-badge[fisStyle].mat-badge-emphasis .mat-badge-content {
  background: var(--emphasis, #ffcd00);
  color: var(--emphasis-contrast, #012834) !important;
}

.mat-badge[fisStyle].mat-badge-warn .mat-badge-content {
  background: var(--warn-600, #b3162b) !important;
  color: var(--warn-600-contrast, #fff) !important;
}

.mat-badge[fisStyle].mat-badge-error .mat-badge-content {
  background: var(--error-600, #ff1f3e) !important;
  color: var(--error-600-contrast, #fff) !important;
}

.mat-icon.mat-error {
  color: var(--error-600, #ff1f3e) !important;
}

.mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: var(--ruf-foreground-disabled-text, #b3bfc2) !important;
}

ruf-labeled-icon:focus-visible {
  outline-color: var(--emphasis, #ffcd00) !important;
  outline-style: solid !important;
  outline-width: 0.125rem !important;
}

.ruf-sidemenu.fis-override .ruf-menubar-layout.ruf-layout-column .ruf-sidemenu-children .ruf-menu-item, .ruf-sidemenu.fis-override .ruf-sidemenu-children .ruf-menu-item {
  margin-bottom: 2px !important;
}

.reports .mat-sort-header-container.mat-sort-header-sorted .mat-sort-header-arrow {
  opacity: 1 !important;
}

.ruf-banner-toolbar .ruf-banner-brand-logo.fis-logo {
  background-image: var(--logo, url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTYuMTYgMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7ZmlsbDojNWZiYTQ2O30uY2xzLTN7b3BhY2l0eTowLjg7fS5jbHMtNHtjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTV7b3BhY2l0eTowLjY7fS5jbHMtNntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgtMik7fS5jbHMtN3tvcGFjaXR5OjAuNDt9LmNscy04e2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC0zKTt9LmNscy05e29wYWNpdHk6MC4yO30uY2xzLTEwe2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC00KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMC44NiIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNS4xMSIgeT0iMC4yNiIgd2lkdGg9IjMuNjEiIGhlaWdodD0iMy42MSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMyI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI5LjM2IiB5PSIwLjI2IiB3aWR0aD0iMy42MSIgaGVpZ2h0PSIzLjYxIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC00Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuNjEiIHk9IjAuMjYiIHdpZHRoPSIzLjYxIiBoZWlnaHQ9IjMuNjEiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+ZmlzbG9nbzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNTUuNDcsOC44MmExLjI0LDEuMjQsMCwwLDAtMS4yMy0xLjI0SDM5LjkyYTQuNjIsNC42MiwwLDAsMC0uMjQsOS4yNEg1MS40MmEyLjE1LDIuMTUsMCwwLDEsMCw0LjI5SDM3LjFBMS4yNCwxLjI0LDAsMCwwLDM3LDIzLjU5SDUxLjQyYTQuNjIsNC42MiwwLDAsMCwuMjQtOS4yNEgzOS45MmEyLjE1LDIuMTUsMCwwLDEsMC00LjI5SDU0LjIzYTEuMjEsMS4yMSwwLDAsMCwxLjI0LTEuMjF2MCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI3LjA2LDguODJWMjIuMzZhMS4zNSwxLjM1LDAsMCwwLDIuNjkuMDdWOC44MmExLjM1LDEuMzUsMCwwLDAtMi42OS0uMDd2LjA3Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjAuNCw3LjU4bC0uMSwwdjBIOC4xMkMzLjI4LDcuNTgsMCwxMC43NiwwLDE1LjZ2Ni43NmExLjM1LDEuMzUsMCwwLDAsMi43LDBWMTUuNmMwLTMuMzYsMi01LjUzLDUuNDEtNS41M0gyMC4zOWExLjIzLDEuMjMsMCwwLDAsMS4yNC0xLjIzaDBhMS4yMywxLjIzLDAsMCwwLTEuMi0xLjI1aDAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00LjA1LDE1LjZhMS4yNSwxLjI1LDAsMCwwLDEuMjQsMS4yNEgxNy43YTEuMjQsMS4yNCwwLDAsMCwuMDctMi40OEg1LjI5QTEuMjUsMS4yNSwwLDAsMCw0LjA1LDE1LjYiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMC4yMiwyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjxnIGNsYXNzPSJjbHMtMyI+PGcgY2xhc3M9ImNscy00Ij48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNC40NywyLjA2YTEuODEsMS44MSwwLDEsMC0xLjgsMS44MSwxLjgxLDEuODEsMCwwLDAsMS44LTEuODFoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy01Ij48ZyBjbGFzcz0iY2xzLTYiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4LjcyLDIuMDZhMS44MSwxLjgxLDAsMSwwLTEuOCwxLjgxLDEuODEsMS44MSwwLDAsMCwxLjgtMS44MWgwIi8+PC9nPjwvZz48ZyBjbGFzcz0iY2xzLTciPjxnIGNsYXNzPSJjbHMtOCI+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTMsMi4wNmExLjgxLDEuODEsMCwxLDAtMS44LDEuODFBMS44MSwxLjgxLDAsMCwwLDEzLDIuMDZoMCIvPjwvZz48L2c+PGcgY2xhc3M9ImNscy05Ij48ZyBjbGFzcz0iY2xzLTEwIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik03LjIyLDIuMDZBMS44MSwxLjgxLDAsMSwwLDUuNDEsMy44NywxLjgxLDEuODEsMCwwLDAsNy4yMiwyLjA2aDAiLz48L2c+PC9nPjwvc3ZnPg=="));
  background-size: 100% 100% !important;
  height: 90% !important;
  max-width: none !important;
  width: var(--logo-width, 3.4375rem) !important;
}