@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Material+Icons";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap";

/* src/uv-theme.scss */
:root {
  --custom-light-primary-main-color: #0971CE;
  --custom-light-primary-lighter-color: #0B84F1;
  --custom-light-primary-darker-color: #003C92;
  --custom-light-primary-pageBG-color: #F7F9FB;
  --custom-light-primary-panel-color: #FFFFFF;
  --custom-light-accent-main-color: #5152E4;
  --custom-light-accent-shadow-color: #2D5C860D;
  --custom-light-accent-hover-color: #E7F3FE;
  --custom-light-accent-active-color: #C1E0FC;
  --custom-light-accent-panel-color: #FAFAFA;
  --custom-dark-primary-main-color: #0B84F1;
  --custom-dark-primary-lighter-color: #2B96F6;
  --custom-dark-primary-darker-color: #003C92;
  --custom-dark-primary-pageBG-color: #061522;
  --custom-dark-primary-panel-color: #0B1C2D;
  --custom-dark-accent-main-color: #5152E4;
  --custom-dark-accent-shadow-color: #00000000;
  --custom-dark-accent-hover-color: #1A2D3E;
  --custom-dark-accent-active-color: #1E374E;
  --custom-dark-accent-panel-color: #172736;
  --custom-light-warn-main-color: #EB565D;
  --custom-light-warn-lighter-color: #F5ABAE;
  --custom-light-warn-accent-color: #C6A53A;
  --custom-light-warn-hover-color: #E7323B;
  --custom-light-warn-active-color: #D71922;
  --custom-dark-warn-main-color: #EB565D;
  --custom-dark-warn-lighter-color: #F5ABAE;
  --custom-dark-warn-accent-color: #C6A53A;
  --custom-dark-warn-hover-color: #E7323B;
  --custom-dark-warn-active-color: #D71922;
  --custom-light-primary-pageBG-contrast-color: #151515;
  --custom-dark-primary-pageBG-contrast-color: #F3F9FF;
  --custom-light-primary-text-color: #F3F9FF;
  --custom-light-blue-text-color: #F3F9FF;
  --custom-light-disabled-link-color: #A2D1FB;
  --custom-light-accent-text-color: #C5CAD8;
  --custom-dark-primary-text-color: #151515;
  --custom-dark-secondary-text-color: #505566;
  --custom-dark-tertiary-text-color: #404040;
  --custom-warn-icon-text-color: #F2A93C;
  --custom-success-icon-text-color: #45CD30;
  --custom-nav-light-primary-main-color: #0863B4;
  --custom-nav-light-primary-child-color: #0971CE;
  --custom-nav-light-primary-section-title-color: #94E388;
  --custom-nav-light-primary-section-border-color: unset;
  --custom-nav-light-primary-header-color: #0863B4;
  --custom-nav-light-primary-app-name-color: #FBFFFF;
  --custom-nav-light-primary-main-contrast-color: #FBFFFF;
  --custom-nav-light-primary-child-contrast-color: #FBFFFF;
  --custom-nav-light-primary-header-contrast-color: #FBFFFF;
  --custom-nav-light-accent-parent-hover-color: #07559B;
  --custom-nav-light-accent-child-hover-color: #07559B;
  --custom-nav-light-accent-active-color: #C1E0FC;
  --custom-nav-light-accent-header-button-hover-color: #C1E0FC;
  --custom-nav-light-accent-header-button-disabled-color: #A2D1FB;
  --custom-nav-light-accent-header-logo-button-color: #FFFFFF;
  --custom-nav-light-accent-header-logo-border-color: #E7F3FE;
  --custom-nav-light-accent-header-logo-shadow-color: #7aa7cf;
  --custom-nav-light-accent-active-contrast-color: #0863B4;
  --custom-nav-dark-primary-main-color: #0B1C2D;
  --custom-nav-dark-primary-child-color: #172736;
  --custom-nav-dark-primary-section-title-color: #5152E4;
  --custom-nav-dark-primary-section-border-color: unset;
  --custom-nav-dark-primary-header-color: #0B1C2D;
  --custom-nav-dark-primary-app-name-color: #FAFAFA;
  --custom-nav-dark-primary-main-contrast-color: #F3F9FF;
  --custom-nav-dark-primary-child-contrast-color: #F3F9FF;
  --custom-nav-dark-primary-header-contrast-color: #F3F9FF;
  --custom-nav-dark-accent-parent-hover-color: #1E374E;
  --custom-nav-dark-accent-child-hover-color: #1E374E;
  --custom-nav-dark-accent-active-color: #1E374E;
  --custom-nav-dark-accent-header-button-hover-color: #C1E0FC;
  --custom-nav-dark-accent-header-button-disabled-color: #A2D1FB;
  --custom-nav-dark-accent-header-logo-button-color: #FFFFFF;
  --custom-nav-dark-accent-header-logo-border-color: unset;
  --custom-nav-dark-accent-header-logo-shadow-color: unset;
  --custom-nav-dark-accent-active-contrast-color: #0B84F1;
  --custom-chart-red-color: #EB565D;
  --custom-chart-yellow-color: #E7CD77;
  --custom-chart-green-color: #69D27D;
  --custom-chart-1-color: #5352E4;
  --custom-chart-2-color: #ED7483;
  --custom-chart-3-color: #EF865B;
  --custom-chart-4-color: #7BA0F8;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.sidenavContent {
  background-color: var(--custom-light-primary-pageBG-color);
  color: var(--custom-light-primary-pageBG-contrast-color);
}
.mat-drawer-container {
  background-color: var(--custom-light-primary-pageBG-color) !important;
  color: var(--custom-light-primary-pageBG-contrast-color) !important;
}
.userSidebars.mat-drawer .mat-drawer-inner-container {
  background-color: var(--custom-light-primary-panel-color) !important;
}
.secondaryTextColor {
  color: var(--custom-dark-secondary-text-color) !important;
}
.tertiaryTextColor {
  color: var(--custom-dark-tertiary-text-color) !important;
}
.bgTextColor {
  color: var(--custom-light-primary-pageBG-color) !important;
}
a,
a:link,
a:visited,
.link {
  color: var(--custom-light-primary-main-color);
}
a:hover,
a:active,
.link:hover {
  color: var(--custom-light-primary-lighter-color) !important;
}
.darkText {
  color: var(--custom-dark-primary-text-color) !important;
}
.primaryColorText {
  color: var(--custom-light-primary-main-color);
}
.accentColorText {
  color: var(--custom-light-accent-main-color);
}
.lightAccentColorText {
  color: var(--custom-light-accent-text-color);
}
.warnColorText,
.warnLink {
  color: var(--custom-light-warn-main-color);
}
.warnAccentColorText {
  color: var(--custom-light-warn-accent-color) !important;
}
.primaryColorBG {
  background-color: var(--custom-light-primary-main-color) !important;
}
.onHoverPrimaryColorBG:hover {
  background-color: var(--custom-light-primary-main-color) !important;
}
.accentColorBG {
  background-color: var(--custom-light-accent-main-color) !important;
}
.warnColorBG {
  background-color: var(--custom-light-warn-main-color) !important;
}
.warnAccentColorBG {
  background-color: var(--custom-light-warn-accent-color) !important;
}
.primaryColorText {
  color: var(--custom-light-primary-main-color);
}
.accentColorText {
  color: var(--custom-light-accent-main-color);
}
.warnColorText {
  color: var(--custom-light-warn-main-color);
}
.warnAccentColorText {
  color: var(--custom-light-warn-accent-color) !important;
}
.primaryColorBorder {
  border-color: var(--custom-light-primary-main-color) !important;
}
.accentColorBorder {
  border-color: var(--custom-light-accent-main-color) !important;
}
.warnColorBorder {
  border-color: var(--custom-light-warn-main-color) !important;
}
.warnAccentColorBorder {
  border-color: var(--custom-light-warn-accent-color) !important;
}
.active {
  color: var(--custom-light-primary-main-color) !important;
}
.infoField > span:first-child {
  color: var(--custom-dark-secondary-text-color) !important;
}
ngx-mat-datetime-content {
  background-color: var(--custom-light-accent-panel-color) !important;
}
.cdk-overlay-container .mat-datepicker-content .mat-stroked-button {
  background-color: var(--custom-light-primary-main-color) !important;
  color: var(--custom-light-primary-text-color) !important;
}
.cdk-overlay-container .mat-datepicker-content .mat-stroked-button.mat-button-disabled {
  color: var(--custom-light-accent-active-color) !important;
  background-color: var(--custom-light-disabled-link-color) !important;
}
.cdk-overlay-container .mat-form-field-ripple {
  background-color: var(--custom-light-primary-main-color) !important;
}
.cdk-overlay-container mat-datepicker-content .mat-calendar-body-in-range .mat-calendar-body-cell-content,
.cdk-overlay-container mat-datepicker-content .mat-calendar-body-cell:hover .mat-calendar-body-cell-content,
.cdk-overlay-container mat-datepicker-content .mat-calendar-body-cell:focus .mat-calendar-body-cell-content {
  color: var(--custom-light-primary-text-color) !important;
}
.mat-select-panel {
  background-color: var(--custom-light-primary-panel-color) !important;
}
.mat-select-panel .mat-active {
  background-color: var(--custom-light-primary-main-color) !important;
  color: var(--custom-light-primary-text-color) !important;
}
mat-datepicker-toggle {
  color: var(--custom-light-primary-main-color) !important;
}
.customColorField .circle,
.colorField .circle {
  border-color: #C5CAD8;
}
.customColorField .circle.empty,
.colorField .circle.empty {
  border-color: #7B85A6;
}
.colorFieldBorder.selected {
  border-color: var(--custom-light-primary-main-color) !important;
}
.tableExpandHover tr.extended-element-row:not(.extended-expanded-row):hover {
  background-color: var(--custom-light-primary-panel-color);
}
.tableExpandHover tr.extended-element-row:not(.extended-expanded-row):active {
  background-color: var(--custom-light-primary-panel-color);
}
.tableSimpleHover .mat-row:hover {
  background-color: var(--custom-light-primary-panel-color);
}
.helpButton {
  color: var(--custom-light-primary-pageBG-contrast-color) !important;
}
.helpButton:hover {
  color: var(--custom-light-primary-main-color) !important;
}
.playBtn {
  background-color: var(--custom-light-primary-main-color) !important;
}
.playBtn:disabled {
  background-color: var(--custom-light-disabled-link-color) !important;
}
.playBtn:disabled i {
  color: var(--custom-light-accent-active-color) !important;
}
.actionButton,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.warnButton,
.smallActionButton,
.smallWarnButton {
  color: var(--custom-light-primary-text-color) !important;
}
.actionButton path,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2) path,
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2) path,
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2) path,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2) path,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2) path,
.warnButton path,
.smallActionButton path,
.smallWarnButton path {
  fill: var(--custom-light-primary-text-color) !important;
}
.outlineActionButton,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.smallOutlineActionButton {
  color: var(--custom-light-primary-main-color) !important;
  border-color: var(--custom-light-primary-main-color) !important;
}
.outlineActionButton path,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child path,
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child path,
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child path,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child path,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child path,
.smallOutlineActionButton path {
  fill: var(--custom-light-primary-main-color) !important;
}
.outlineActionButton:hover,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:hover:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:hover:first-child,
.smallOutlineActionButton:hover {
  color: var(--custom-light-primary-main-color) !important;
  background-color: var(--custom-light-accent-hover-color) !important;
}
.outlineActionButton:active,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:active:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:active:first-child,
.smallOutlineActionButton:active {
  color: var(--custom-light-primary-main-color) !important;
  background-color: var(--custom-light-accent-active-color) !important;
}
.outlineActionButton:disabled,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:first-child,
.smallOutlineActionButton:disabled {
  color: var(--custom-light-disabled-link-color) !important;
  border-color: var(--custom-light-disabled-link-color) !important;
}
.outlineWarnButton {
  border: 1px solid;
  color: var(--custom-light-warn-main-color) !important;
  border-color: var(--custom-light-warn-main-color) !important;
}
.outlineWarnButton:hover,
.outlineWarnButton:active {
  background-color: var(--custom-light-warn-lighter-color) !important;
}
.outlineWarnButton:disabled {
  color: var(--custom-light-warn-lighter-color) !important;
  border-color: var(--custom-light-warn-lighter-color) !important;
}
.outlineWarnButton:focus {
  box-shadow: unset !important;
}
.actionButton,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.smallActionButton,
.extraSmallActionButton {
  background-color: var(--custom-light-primary-main-color) !important;
}
.actionButton:hover,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:hover:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:hover:nth-child(2),
.actionButton:active,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:active:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:active:nth-child(2),
.smallActionButton:hover,
.smallActionButton:active,
.extraSmallActionButton:hover,
.extraSmallActionButton:active {
  background-color: var(--custom-light-primary-lighter-color) !important;
}
.actionButton:disabled,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:nth-child(2),
.smallActionButton:disabled,
.extraSmallActionButton:disabled {
  color: var(--custom-light-accent-active-color) !important;
  background-color: var(--custom-light-disabled-link-color) !important;
}
.warnButton,
.smallWarnButton {
  background-color: var(--custom-light-warn-main-color) !important;
}
.warnButton:hover,
.smallWarnButton:hover {
  background-color: var(--custom-light-warn-hover-color) !important;
}
.warnButton:active,
.smallWarnButton:active {
  background-color: var(--custom-light-warn-active-color) !important;
}
.warnButton:disabled,
.smallWarnButton:disabled {
  background-color: var(--custom-light-warn-lighter-color) !important;
}
.warnButton:focus,
.smallWarnButton:focus {
  box-shadow: unset !important;
}
.searchRangeBtn .mat-button-toggle-checked {
  background-color: var(--custom-light-primary-main-color) !important;
}
.searchRangeBtn .mat-button-toggle-checked:hover,
.searchRangeBtn .mat-button-toggle-checked:active {
  background-color: var(--custom-light-primary-lighter-color) !important;
}
.searchRangeBtn mat-button-toggle:hover {
  background-color: var(--custom-light-accent-hover-color) !important;
}
.searchRangeBtn mat-button-toggle:active {
  background-color: var(--custom-light-accent-active-color) !important;
}
.toggleButtons .mat-button-toggle-checked {
  background-color: var(--custom-light-primary-main-color) !important;
}
.toggleButtons .mat-button-toggle-checked:hover,
.toggleButtons .mat-button-toggle-checked:active {
  background-color: var(--custom-light-primary-lighter-color) !important;
}
.toggleButtons mat-button-toggle {
  background-color: var(--custom-light-primary-panel-color) !important;
}
.toggleButtons mat-button-toggle:hover {
  background-color: var(--custom-light-accent-hover-color) !important;
}
.toggleButtons mat-button-toggle:active {
  background-color: var(--custom-light-accent-active-color) !important;
}
.iconInfoButton {
  color: var(--custom-light-primary-main-color) !important;
}
.iconInfoButton path,
.iconInfoButton circle {
  fill: var(--custom-light-primary-main-color) !important;
}
.iconDeleteButton,
.alertIcon {
  color: var(--custom-light-warn-main-color) !important;
}
.iconDeleteButton path,
.alertIcon path {
  fill: var(--custom-light-warn-main-color) !important;
}
.searchDeviceBG,
.iconBG {
  background-color: var(--custom-light-accent-panel-color) !important;
}
.toolbarShadow {
  box-shadow: 4px 4px 16px 3px var(--custom-light-accent-shadow-color) !important;
}
.mat-drawer-inner-container {
  background-color: var(--custom-light-primary-main-color) !important;
}
.sidebar .mat-mdc-nav-list {
  background-color: var(--custom-light-primary-main-color) !important;
}
.sidebar .mat-mdc-nav-list h6 {
  color:!important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-list-item span,
.sidebar .mat-mdc-nav-list .mat-mdc-list-item i {
  color: var(--custom-light-primary-text-color) !important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-list-item .svg path {
  fill: var(--custom-light-primary-text-color) !important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-list-item:not(.childBg):hover {
  background-color:!important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-list-item.childBg {
  background-color:!important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-list-item.childBg:hover:not(.active) {
  background-color:!important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-list-item.active {
  background-color: var(--custom-light-accent-active-color) !important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-list-item.active span,
.sidebar .mat-mdc-nav-list .mat-mdc-list-item.active i {
  color: var(--custom-light-primary-text-color) !important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-list-item.active .svg path {
  fill: var(--custom-light-primary-text-color) !important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-menu-item {
  color: var(--custom-light-primary-text-color) !important;
  background-color: transparent !important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-menu-item path {
  fill: var(--custom-light-primary-text-color) !important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-menu-item.activeDashboard {
  color: var(--custom-light-primary-text-color) !important;
  background-color: var(--custom-light-accent-active-color) !important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-menu-item.activeDashboard path {
  fill: var(--custom-light-primary-text-color) !important;
}
.sidebar .mat-mdc-nav-list .mat-mdc-menu-item:hover:not(.activeDashboard) {
  background-color:!important;
}
.sidebar .mat-mdc-nav-list .sidebarBorder {
  border-color:!important;
}
.toolbarContainer {
  background-color:!important;
}
.toolbarContainer .mat-mdc-button path {
  fill:!important;
}
.toolbarContainer #topProfile {
  border-color:!important;
}
.toolbarContainer .logoIcon {
  background-color:!important;
  border-color: transparent !important;
}
.toolbarContainer .logoIcon:active {
  background-color:!important;
}
.toolbarContainer .webAppName {
  color:!important;
}
.backButton:disabled {
  color:!important;
}
.panelBG {
  background-color: var(--custom-light-primary-panel-color) !important;
}
.overlayBG {
  background-color: var(--custom-light-accent-panel-color) !important;
}
.overlayBG .mat-menu-item {
  color: var(--custom-dark-tertiary-text-color) !important;
}
.overlayBG .mat-menu-item:hover {
  background-color: var(--custom-light-accent-active-color) !important;
}
.mat-tab-label {
  opacity: 1 !important;
}
.mat-tab-label .mat-tab-label-content {
  color: var(--custom-light-primary-pageBG-contrast-color) !important;
}
.mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: var(--custom-light-primary-main-color) !important;
}
.customTable .mat-cell,
.overlayTable .mat-cell {
  color: var(--custom-light-primary-pageBG-contrast-color) !important;
}
.customTable .mat-header-cell,
.overlayTable .mat-header-cell {
  color: var(--custom-dark-secondary-text-color) !important;
}
.customTable table:not(.noTableHover) .mat-row:hover *:not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *),
.overlayTable table:not(.noTableHover) .mat-row:hover *:not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *) {
  background-color: var(--custom-light-accent-hover-color) !important;
}
.customTable .mat-progress-bar-buffer,
.overlayTable .mat-progress-bar-buffer {
  background-color: var(--custom-light-accent-active-color) !important;
}
.customTable .mat-ink-bar,
.customTable .mat-progress-bar-primary::after,
.overlayTable .mat-ink-bar,
.overlayTable .mat-progress-bar-primary::after {
  background-color: var(--custom-light-primary-main-color) !important;
}
.customTable:not(.panelAccentBG) {
  background-color: var(--custom-light-primary-panel-color) !important;
}
.customTable:not(.panelAccentBG) *:not(.mdc-button *):not(button):not(.mat-ink-bar):not(mat-slide-toggle *):not(mat-form-field *):not(.eventLevel span):not(.menuButton *) {
  background-color: var(--custom-light-primary-panel-color) !important;
}
.overlayTable {
  background-color: var(--custom-light-accent-panel-color) !important;
}
.overlayTable *:not(.mdc-button *):not(button):not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *):not(mat-form-field *) {
  background-color: var(--custom-light-accent-panel-color) !important;
}
.cardBG {
  background-color: var(--custom-light-primary-panel-color) !important;
}
.tableSearch i {
  color: var(--custom-light-primary-main-color) !important;
}
.tableSearch path {
  fill: var(--custom-light-primary-main-color) !important;
}
.rowSelected {
  color: var(--custom-light-primary-main-color) !important;
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--custom-light-primary-main-color) !important;
}
.mat-expansion-panel {
  border: 1px dashed var(--custom-light-primary-main-color);
  background-color: var(--custom-light-accent-hover-color) !important;
}
.mat-expansion-panel:not(.mat-expanded):hover {
  background-color: var(--custom-light-accent-active-color) !important;
}
.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mdc-checkbox__checkmark {
  border-color: var(--custom-light-primary-main-color) !important;
  background-color: var(--custom-light-primary-main-color) !important;
}
.mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark,
.mdc-checkbox__checkmark {
  color: var(--custom-light-accent-panel-color) !important;
}
.mdc-switch--selected .mdc-switch__track::after,
.mdc-switch:enabled:hover .mdc-switch__track::after {
  background: var(--custom-light-accent-active-color) !important;
}
.panelAccentBG {
  background-color: var(--custom-light-accent-hover-color) !important;
}
.dashboardWidgetCard {
  background-color: var(--custom-light-primary-panel-color) !important;
  color: var(--custom-light-primary-pageBG-contrast-color) !important;
  box-shadow: 0px 0px 26px 2px var(--custom-light-accent-shadow-color) !important;
}
.colorButtons .active {
  border-color: var(--custom-light-primary-main-color) !important;
}
.addNote {
  border: 2px dashed var(--custom-light-primary-main-color) !important;
}
.addNote:hover {
  background-color: var(--custom-light-accent-hover-color) !important;
}
.addNote:active {
  background-color: var(--custom-light-accent-active-color) !important;
}
.addNote button {
  color: var(--custom-light-primary-main-color) !important;
}
.unsavedNote {
  color: var(--custom-light-warn-main-color) !important;
}
.chartInfo p {
  color: var(--custom-dark-secondary-text-color) !important;
}
.opacityRectangle,
.opacityRectangle2,
.minAmountLine {
  background-color: var(--custom-light-accent-main-color) !important;
}
.alertEventDialog i {
  color: var(--custom-light-warn-main-color) !important;
}
.amountCircle {
  background-color: var(--custom-light-warn-main-color) !important;
}
.amountCircle2 {
  background-color: var(--custom-light-accent-main-color) !important;
}
.mat-snack-bar-container {
  color: var(--custom-light-accent-panel-color) !important;
}
.customNgxPaginator .ngx-pagination .current {
  background-color: transparent;
  border: 1px solid;
  border-color: var(--custom-light-primary-main-color) !important;
}
.customNgxPaginator .ngx-pagination li:not(.current) span {
  color: var(--custom-light-primary-pageBG-contrast-color) !important;
}
.customNgxPaginator .ngx-pagination .current,
.customNgxPaginator .ngx-pagination .pagination-previous a,
.customNgxPaginator .ngx-pagination .pagination-next a {
  color: var(--custom-light-primary-main-color) !important;
}
.customNgxPaginator .ngx-pagination .disabled {
  color: var(--custom-dark-secondary-text-color) !important;
}
.paginatorPageCounter {
  color: var(--custom-dark-secondary-text-color) !important;
}
.inputWarning {
  color: var(--custom-light-warn-main-color) !important;
}
.propic img,
.propic .noPropic {
  border: 1px solid;
  border-color: var(--custom-light-primary-main-color) !important;
}
.propic .noPropic {
  background-color: var(--custom-light-accent-active-color) !important;
}
.propic .propicActions {
  background-color: var(--custom-light-primary-panel-color) !important;
  border-color: var(--custom-light-primary-main-color) !important;
}
.airQualityLabel {
  color: var(--custom-dark-secondary-text-color) !important;
}
.iconContainer {
  border-color: var(--custom-light-warn-main-color) !important;
}
.iconContainer i {
  color: var(--custom-light-warn-main-color) !important;
}
.iconContainer .backgroundDimmed {
  background-color: var(--custom-light-warn-main-color) !important;
}
.userRecap span:not(.username),
.userRecap p {
  color: var(--custom-dark-secondary-text-color) !important;
}
.selectedWidget,
.selectedRole {
  border-color: var(--custom-light-primary-main-color) !important;
}
.notificationHeader i,
.notificationHeader p {
  color: var(--custom-light-primary-main-color) !important;
}
.mapInfoWindowTitle {
  color: var(--custom-light-primary-main-color) !important;
}
.cardBorderColor,
.mediaCard {
  border-color: var(--custom-light-accent-text-color) !important;
}
.mediaCard .linkText {
  color: var(--custom-light-primary-pageBG-contrast-color) !important;
}
.deleteMediaBtn {
  color: var(--custom-light-warn-main-color) !important;
}
.playlistContainer .mat-mdc-select-placeholder {
  color: var(--custom-light-primary-main-color) !important;
}
.chip,
.mapChip,
.selectedCardBorderColor {
  border-color: var(--custom-light-primary-main-color) !important;
}
.chip.active {
  color: var(--custom-light-primary-text-color) !important;
  background-color: var(--custom-light-primary-main-color);
}
.mapChip i,
.mapChip span {
  color: var(--custom-light-primary-main-color);
}
.mapChip.active {
  background-color: var(--custom-light-accent-hover-color);
}
.mat-mdc-mini-fab path {
  fill: var(--custom-light-primary-text-color);
}
.black4Text {
  color: #7B85A6;
}
.slideshowBorder {
  border-color: var(--custom-light-accent-text-color) !important;
}
.slideshowBorder .darkenedPreview {
  background-color: black;
}
.alertPanel .panelIcon.warnColorIcon path {
  fill: var(--custom-light-warn-main-color);
}
.alertPanel .panelIcon.warnAccentColorIcon path {
  fill: var(--custom-light-warn-accent-color);
}
.alertPanel .panelIcon.accentColorIcon path {
  fill: var(--custom-light-accent-main-color);
}
.alertPanel .alertContent .closeIcon path {
  fill: #BFBFBF;
}
.primaryIcon path,
.primaryIcon circle,
.backIcon path,
.backIcon circle {
  fill: var(--custom-light-primary-main-color) !important;
}
.successIcon path {
  fill: #3BAF29;
}
.iconCircle .deviceTypeIcon path,
.streamingIcon path,
.play path,
.stop path {
  fill: white;
}
.imageBlock .closeIcon path {
  fill: var(--custom-light-primary-main-color);
}
.lightIcon path {
  fill: var(--custom-light-primary-text-color) !important;
}
.domainLogoMenu {
  background-color: var(--custom-light-primary-panel-color) !important;
  border-color: var(--custom-light-primary-main-color) !important;
}
.weatherWidgetContainer .mainWeatherIcon,
.weatherWidgetContainer .cardIcon {
  fill: var(--custom-light-primary-main-color) !important;
}
.weatherWidgetContainer .arrowUp,
.weatherWidgetContainer .arrowDown {
  color: var(--custom-dark-secondary-text-color) !important;
}
.weatherWidgetContainer .weatherCard {
  border-color: var(--custom-light-accent-text-color) !important;
}
.weatherWidgetContainer .airQuality {
  background-color: var(--custom-light-accent-hover-color) !important;
  border-color: var(--custom-light-accent-hover-color) !important;
}
.weatherWidgetContainer .goodAirQuality {
  fill: var(--custom-light-primary-main-color) !important;
}
.weatherWidgetContainer .mediumAirQuality {
  fill: var(--custom-light-warn-accent-color) !important;
}
.weatherWidgetContainer .badAirQuality,
.weatherWidgetContainer .valueArrow.up {
  fill: var(--custom-light-warn-main-color) !important;
}
.weatherWidgetContainer .valueArrow.up {
  fill: var(--custom-light-warn-main-color) !important;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: var(--custom-light-primary-main-color);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: var(--custom-light-accent-main-color);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: var(--custom-light-warn-main-color);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-light-accent-main-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-light-accent-main-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-light-primary-main-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-light-primary-main-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-light-accent-main-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-light-accent-main-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-light-warn-main-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-light-warn-main-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    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-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    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);
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: var(--custom-light-primary-main-color);
  --mat-progress-bar-track-color: var(--custom-light-primary-main-color);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: var(--custom-light-accent-main-color);
  --mat-progress-bar-track-color: var(--custom-light-accent-main-color);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: var(--custom-light-warn-main-color);
  --mat-progress-bar-track-color: var(--custom-light-warn-main-color);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--custom-light-primary-main-color) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--custom-light-primary-main-color);
  --mat-form-field-filled-focus-active-indicator-color: var(--custom-light-primary-main-color);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--custom-light-primary-main-color) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--custom-light-primary-main-color);
  --mat-form-field-outlined-focus-outline-color: var(--custom-light-primary-main-color);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--custom-light-primary-main-color) 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: var(--custom-light-warn-main-color);
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: var(--custom-light-warn-main-color);
  --mat-form-field-filled-error-focus-label-text-color: var(--custom-light-warn-main-color);
  --mat-form-field-filled-error-label-text-color: var(--custom-light-warn-main-color);
  --mat-form-field-filled-error-caret-color: var(--custom-light-warn-main-color);
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: var(--custom-light-warn-main-color);
  --mat-form-field-filled-error-focus-active-indicator-color: var(--custom-light-warn-main-color);
  --mat-form-field-filled-error-hover-active-indicator-color: var(--custom-light-warn-main-color);
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: var(--custom-light-warn-main-color);
  --mat-form-field-outlined-error-focus-label-text-color: var(--custom-light-warn-main-color);
  --mat-form-field-outlined-error-label-text-color: var(--custom-light-warn-main-color);
  --mat-form-field-outlined-error-hover-label-text-color: var(--custom-light-warn-main-color);
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: var(--custom-light-warn-main-color);
  --mat-form-field-outlined-error-hover-outline-color: var(--custom-light-warn-main-color);
  --mat-form-field-outlined-error-outline-color: var(--custom-light-warn-main-color);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--custom-light-accent-main-color) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--custom-light-accent-main-color);
  --mat-form-field-filled-focus-active-indicator-color: var(--custom-light-accent-main-color);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--custom-light-accent-main-color) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--custom-light-accent-main-color);
  --mat-form-field-outlined-focus-outline-color: var(--custom-light-accent-main-color);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--custom-light-accent-main-color) 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--custom-light-warn-main-color) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--custom-light-warn-main-color);
  --mat-form-field-filled-focus-active-indicator-color: var(--custom-light-warn-main-color);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--custom-light-warn-main-color) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--custom-light-warn-main-color);
  --mat-form-field-outlined-focus-outline-color: var(--custom-light-warn-main-color);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--custom-light-warn-main-color) 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-select-container-elevation-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);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--custom-light-primary-main-color);
  --mat-select-invalid-arrow-color: var(--custom-light-warn-main-color);
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--custom-light-accent-main-color);
  --mat-select-invalid-arrow-color: var(--custom-light-warn-main-color);
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--custom-light-warn-main-color);
  --mat-select-invalid-arrow-color: var(--custom-light-warn-main-color);
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-elevated-container-color: var(--custom-light-primary-main-color);
  --mat-chip-elevated-disabled-container-color: var(--custom-light-primary-main-color);
  --mat-chip-elevated-selected-container-color: var(--custom-light-primary-main-color);
  --mat-chip-flat-disabled-selected-container-color: var(--custom-light-primary-main-color);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-disabled-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--custom-light-primary-text-color);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: var(--custom-success-icon-text-color);
  --mat-chip-elevated-container-color: var(--custom-light-accent-main-color);
  --mat-chip-elevated-disabled-container-color: var(--custom-light-accent-main-color);
  --mat-chip-elevated-selected-container-color: var(--custom-light-accent-main-color);
  --mat-chip-flat-disabled-selected-container-color: var(--custom-light-accent-main-color);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: var(--custom-success-icon-text-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--custom-success-icon-text-color);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--custom-success-icon-text-color);
  --mat-chip-selected-trailing-icon-color: var(--custom-success-icon-text-color);
  --mat-chip-with-icon-disabled-icon-color: var(--custom-success-icon-text-color);
  --mat-chip-with-icon-icon-color: var(--custom-success-icon-text-color);
  --mat-chip-with-icon-selected-icon-color: var(--custom-success-icon-text-color);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--custom-success-icon-text-color);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--custom-success-icon-text-color);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-elevated-container-color: var(--custom-light-warn-main-color);
  --mat-chip-elevated-disabled-container-color: var(--custom-light-warn-main-color);
  --mat-chip-elevated-selected-container-color: var(--custom-light-warn-main-color);
  --mat-chip-flat-disabled-selected-container-color: var(--custom-light-warn-main-color);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-disabled-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--custom-light-primary-text-color);
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-slide-toggle-disabled-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--custom-light-primary-main-color);
  --mat-slide-toggle-selected-handle-color: var(--custom-light-primary-main-color);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--custom-light-primary-main-color);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--custom-light-primary-main-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--custom-light-primary-main-color);
  --mat-slide-toggle-selected-hover-handle-color: var(--custom-light-primary-main-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--custom-light-primary-main-color);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-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-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-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-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: var(--custom-success-icon-text-color);
  --mat-slide-toggle-disabled-selected-icon-color: var(--custom-success-icon-text-color);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--custom-light-accent-main-color);
  --mat-slide-toggle-selected-handle-color: var(--custom-light-accent-main-color);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--custom-light-accent-main-color);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--custom-light-accent-main-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--custom-light-accent-main-color);
  --mat-slide-toggle-selected-hover-handle-color: var(--custom-light-accent-main-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--custom-light-accent-main-color);
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-slide-toggle-disabled-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--custom-light-warn-main-color);
  --mat-slide-toggle-selected-handle-color: var(--custom-light-warn-main-color);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--custom-light-warn-main-color);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--custom-light-warn-main-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--custom-light-warn-main-color);
  --mat-slide-toggle-selected-hover-handle-color: var(--custom-light-warn-main-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--custom-light-warn-main-color);
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: var(--custom-light-primary-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-light-primary-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-light-primary-main-color);
  --mat-radio-selected-icon-color: var(--custom-light-primary-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-light-primary-main-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: var(--custom-light-accent-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-light-accent-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-light-accent-main-color);
  --mat-radio-selected-icon-color: var(--custom-light-accent-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-light-accent-main-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: var(--custom-light-warn-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-light-warn-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-light-warn-main-color);
  --mat-radio-selected-icon-color: var(--custom-light-warn-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-light-warn-main-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    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-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
}
html {
  --mat-slider-active-track-color: var(--custom-light-primary-main-color);
  --mat-slider-focus-handle-color: var(--custom-light-primary-main-color);
  --mat-slider-handle-color: var(--custom-light-primary-main-color);
  --mat-slider-hover-handle-color: var(--custom-light-primary-main-color);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--custom-light-primary-main-color) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--custom-light-primary-main-color) 4%, transparent);
  --mat-slider-inactive-track-color: var(--custom-light-primary-main-color);
  --mat-slider-ripple-color: var(--custom-light-primary-main-color);
  --mat-slider-with-tick-marks-active-container-color: var(--custom-light-primary-text-color);
  --mat-slider-with-tick-marks-inactive-container-color: var(--custom-light-primary-main-color);
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: var(--custom-light-accent-main-color);
  --mat-slider-focus-handle-color: var(--custom-light-accent-main-color);
  --mat-slider-handle-color: var(--custom-light-accent-main-color);
  --mat-slider-hover-handle-color: var(--custom-light-accent-main-color);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--custom-light-accent-main-color) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--custom-light-accent-main-color) 4%, transparent);
  --mat-slider-inactive-track-color: var(--custom-light-accent-main-color);
  --mat-slider-ripple-color: var(--custom-light-accent-main-color);
  --mat-slider-with-tick-marks-active-container-color: var(--custom-success-icon-text-color);
  --mat-slider-with-tick-marks-inactive-container-color: var(--custom-light-accent-main-color);
}
.mat-warn {
  --mat-slider-active-track-color: var(--custom-light-warn-main-color);
  --mat-slider-focus-handle-color: var(--custom-light-warn-main-color);
  --mat-slider-handle-color: var(--custom-light-warn-main-color);
  --mat-slider-hover-handle-color: var(--custom-light-warn-main-color);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--custom-light-warn-main-color) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--custom-light-warn-main-color) 4%, transparent);
  --mat-slider-inactive-track-color: var(--custom-light-warn-main-color);
  --mat-slider-ripple-color: var(--custom-light-warn-main-color);
  --mat-slider-with-tick-marks-active-container-color: var(--custom-light-primary-text-color);
  --mat-slider-with-tick-marks-inactive-container-color: var(--custom-light-warn-main-color);
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--custom-light-primary-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-light-primary-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-light-primary-main-color);
  --mat-radio-selected-icon-color: var(--custom-light-primary-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-light-primary-main-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--custom-light-accent-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-light-accent-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-light-accent-main-color);
  --mat-radio-selected-icon-color: var(--custom-light-accent-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-light-accent-main-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--custom-light-warn-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-light-warn-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-light-warn-main-color);
  --mat-radio-selected-icon-color: var(--custom-light-warn-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-light-warn-main-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-light-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-light-primary-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-light-primary-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-light-primary-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-light-primary-main-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-light-primary-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-light-primary-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-light-primary-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-success-icon-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-light-accent-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-light-accent-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-light-accent-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-light-accent-main-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-light-accent-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-light-accent-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-light-accent-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-light-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-light-warn-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-light-warn-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-light-warn-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-light-warn-main-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-light-warn-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-light-warn-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-light-warn-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: var(--custom-light-primary-main-color);
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--custom-light-primary-main-color);
  --mat-tab-active-ripple-color: var(--custom-light-primary-main-color);
  --mat-tab-inactive-ripple-color: var(--custom-light-primary-main-color);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--custom-light-primary-main-color);
  --mat-tab-active-hover-label-text-color: var(--custom-light-primary-main-color);
  --mat-tab-active-focus-indicator-color: var(--custom-light-primary-main-color);
  --mat-tab-active-hover-indicator-color: var(--custom-light-primary-main-color);
  --mat-tab-active-indicator-color: var(--custom-light-primary-main-color);
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--custom-light-accent-main-color);
  --mat-tab-active-ripple-color: var(--custom-light-accent-main-color);
  --mat-tab-inactive-ripple-color: var(--custom-light-accent-main-color);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--custom-light-accent-main-color);
  --mat-tab-active-hover-label-text-color: var(--custom-light-accent-main-color);
  --mat-tab-active-focus-indicator-color: var(--custom-light-accent-main-color);
  --mat-tab-active-hover-indicator-color: var(--custom-light-accent-main-color);
  --mat-tab-active-indicator-color: var(--custom-light-accent-main-color);
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--custom-light-warn-main-color);
  --mat-tab-active-ripple-color: var(--custom-light-warn-main-color);
  --mat-tab-inactive-ripple-color: var(--custom-light-warn-main-color);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--custom-light-warn-main-color);
  --mat-tab-active-hover-label-text-color: var(--custom-light-warn-main-color);
  --mat-tab-active-focus-indicator-color: var(--custom-light-warn-main-color);
  --mat-tab-active-hover-indicator-color: var(--custom-light-warn-main-color);
  --mat-tab-active-indicator-color: var(--custom-light-warn-main-color);
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: var(--custom-light-primary-main-color);
  --mat-tab-foreground-color: var(--custom-light-primary-text-color);
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: var(--custom-light-accent-main-color);
  --mat-tab-foreground-color: var(--custom-success-icon-text-color);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: var(--custom-light-warn-main-color);
  --mat-tab-foreground-color: var(--custom-light-primary-text-color);
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-success-icon-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-light-accent-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-light-accent-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-light-accent-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-light-accent-main-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-light-accent-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-light-accent-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-light-accent-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-light-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-light-primary-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-light-primary-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-light-primary-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-light-primary-main-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-light-primary-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-light-primary-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-light-primary-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-light-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-light-warn-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-light-warn-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-light-warn-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-light-warn-main-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-light-warn-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-light-warn-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-light-warn-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-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-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: var(--custom-light-primary-main-color);
  --mat-button-filled-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--custom-light-primary-text-color);
  --mat-button-outlined-label-text-color: var(--custom-light-primary-main-color);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--custom-light-primary-main-color) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--custom-light-primary-main-color);
  --mat-button-protected-container-color: var(--custom-light-primary-main-color);
  --mat-button-protected-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--custom-light-primary-text-color);
  --mat-button-text-label-text-color: var(--custom-light-primary-main-color);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--custom-light-primary-main-color) 12%, transparent);
  --mat-button-text-state-layer-color: var(--custom-light-primary-main-color);
  --mat-button-tonal-container-color: var(--custom-light-primary-main-color);
  --mat-button-tonal-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--custom-light-primary-text-color);
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: var(--custom-light-accent-main-color);
  --mat-button-filled-label-text-color: var(--custom-success-icon-text-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--custom-success-icon-text-color) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--custom-success-icon-text-color);
  --mat-button-outlined-label-text-color: var(--custom-light-accent-main-color);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--custom-light-accent-main-color) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--custom-light-accent-main-color);
  --mat-button-protected-container-color: var(--custom-light-accent-main-color);
  --mat-button-protected-label-text-color: var(--custom-success-icon-text-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--custom-success-icon-text-color) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--custom-success-icon-text-color);
  --mat-button-text-label-text-color: var(--custom-light-accent-main-color);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--custom-light-accent-main-color) 12%, transparent);
  --mat-button-text-state-layer-color: var(--custom-light-accent-main-color);
  --mat-button-tonal-container-color: var(--custom-light-accent-main-color);
  --mat-button-tonal-label-text-color: var(--custom-success-icon-text-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--custom-success-icon-text-color) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--custom-success-icon-text-color);
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: var(--custom-light-warn-main-color);
  --mat-button-filled-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--custom-light-primary-text-color);
  --mat-button-outlined-label-text-color: var(--custom-light-warn-main-color);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--custom-light-warn-main-color) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--custom-light-warn-main-color);
  --mat-button-protected-container-color: var(--custom-light-warn-main-color);
  --mat-button-protected-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--custom-light-primary-text-color);
  --mat-button-text-label-text-color: var(--custom-light-warn-main-color);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--custom-light-warn-main-color) 12%, transparent);
  --mat-button-text-state-layer-color: var(--custom-light-warn-main-color);
  --mat-button-tonal-container-color: var(--custom-light-warn-main-color);
  --mat-button-tonal-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--custom-light-primary-text-color);
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: var(--custom-light-primary-main-color);
  --mat-icon-button-state-layer-color: var(--custom-light-primary-main-color);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--custom-light-primary-main-color) 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: var(--custom-light-accent-main-color);
  --mat-icon-button-state-layer-color: var(--custom-light-accent-main-color);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--custom-light-accent-main-color) 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: var(--custom-light-warn-main-color);
  --mat-icon-button-state-layer-color: var(--custom-light-warn-main-color);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--custom-light-warn-main-color) 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: var(--custom-light-primary-main-color);
  --mat-fab-foreground-color: var(--custom-light-primary-text-color);
  --mat-fab-ripple-color: color-mix(in srgb, var(--custom-light-primary-main-color) 12%, transparent);
  --mat-fab-small-container-color: var(--custom-light-primary-main-color);
  --mat-fab-small-foreground-color: var(--custom-light-primary-text-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--custom-light-primary-text-color);
  --mat-fab-state-layer-color: var(--custom-light-primary-text-color);
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: var(--custom-light-accent-main-color);
  --mat-fab-foreground-color: var(--custom-success-icon-text-color);
  --mat-fab-ripple-color: color-mix(in srgb, var(--custom-light-accent-main-color) 12%, transparent);
  --mat-fab-small-container-color: var(--custom-light-accent-main-color);
  --mat-fab-small-foreground-color: var(--custom-success-icon-text-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--custom-success-icon-text-color) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--custom-success-icon-text-color);
  --mat-fab-state-layer-color: var(--custom-success-icon-text-color);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: var(--custom-light-warn-main-color);
  --mat-fab-foreground-color: var(--custom-light-primary-text-color);
  --mat-fab-ripple-color: color-mix(in srgb, var(--custom-light-warn-main-color) 12%, transparent);
  --mat-fab-small-container-color: var(--custom-light-warn-main-color);
  --mat-fab-small-foreground-color: var(--custom-light-primary-text-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--custom-light-primary-text-color);
  --mat-fab-state-layer-color: var(--custom-light-primary-text-color);
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: var(--custom-light-primary-main-color);
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: var(--custom-light-accent-main-color);
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: var(--custom-light-warn-main-color);
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: var(--custom-light-primary-main-color);
  --mat-badge-text-color: var(--custom-light-primary-text-color);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: var(--custom-light-accent-main-color);
  --mat-badge-text-color: var(--custom-success-icon-text-color);
}
.mat-badge-warn {
  --mat-badge-background-color: var(--custom-light-warn-main-color);
  --mat-badge-text-color: var(--custom-light-primary-text-color);
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--custom-light-primary-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-light-accent-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--custom-light-primary-text-color);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--custom-light-primary-main-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--custom-light-primary-main-color) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--custom-light-primary-text-color);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--custom-light-primary-main-color) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--custom-light-primary-main-color) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--custom-light-primary-main-color);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--custom-light-accent-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-light-accent-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--custom-success-icon-text-color);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--custom-light-accent-main-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--custom-light-accent-main-color) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--custom-success-icon-text-color);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--custom-light-accent-main-color) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--custom-light-accent-main-color) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--custom-light-accent-main-color);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--custom-light-warn-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-light-accent-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--custom-light-primary-text-color);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--custom-light-warn-main-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--custom-light-warn-main-color) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--custom-light-primary-text-color);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--custom-light-warn-main-color) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--custom-light-warn-main-color) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--custom-light-warn-main-color);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: var(--custom-light-primary-pageBG-color);
}
.mat-icon.mat-accent {
  --mat-icon-color: var(--custom-light-accent-panel-color);
}
.mat-icon.mat-warn {
  --mat-icon-color: var(--custom-light-warn-active-color);
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-selected-state-icon-background-color: var(--custom-light-primary-main-color);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-done-state-icon-background-color: var(--custom-light-primary-main-color);
  --mat-stepper-header-done-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-edit-state-icon-background-color: var(--custom-light-primary-main-color);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: var(--custom-light-warn-main-color);
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: var(--custom-light-warn-main-color);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--custom-success-icon-text-color);
  --mat-stepper-header-selected-state-icon-background-color: var(--custom-light-accent-main-color);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--custom-success-icon-text-color);
  --mat-stepper-header-done-state-icon-background-color: var(--custom-light-accent-main-color);
  --mat-stepper-header-done-state-icon-foreground-color: var(--custom-success-icon-text-color);
  --mat-stepper-header-edit-state-icon-background-color: var(--custom-light-accent-main-color);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--custom-success-icon-text-color);
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-selected-state-icon-background-color: var(--custom-light-warn-main-color);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-done-state-icon-background-color: var(--custom-light-warn-main-color);
  --mat-stepper-header-done-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-edit-state-icon-background-color: var(--custom-light-warn-main-color);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--custom-light-primary-text-color);
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--custom-light-primary-main-color);
  --mat-toolbar-container-text-color: var(--custom-light-primary-text-color);
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--custom-light-accent-main-color);
  --mat-toolbar-container-text-color: var(--custom-success-icon-text-color);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: var(--custom-light-warn-main-color);
  --mat-toolbar-container-text-color: var(--custom-light-primary-text-color);
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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);
}
html {
  --mat-timepicker-container-background-color: white;
}
.darkMode {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-label-text-color: var(--custom-dark-primary-main-color);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-optgroup-label-text-color: white;
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-dark-accent-main-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-dark-accent-main-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
  --mat-card-elevated-container-color: #424242;
  --mat-card-elevated-container-elevation:
    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-outlined-container-color: #424242;
  --mat-card-outlined-container-elevation:
    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-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --mat-card-filled-container-elevation:
    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-tooltip-container-color: white;
  --mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--custom-dark-primary-main-color);
  --mat-form-field-filled-focus-active-indicator-color: var(--custom-dark-primary-main-color);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--custom-dark-primary-main-color);
  --mat-form-field-outlined-focus-outline-color: var(--custom-dark-primary-main-color);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-state-layer-color: white;
  --mat-form-field-error-text-color: var(--custom-dark-warn-main-color);
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #4a4a4a;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-color: white;
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-error-hover-label-text-color: var(--custom-dark-warn-main-color);
  --mat-form-field-filled-error-focus-label-text-color: var(--custom-dark-warn-main-color);
  --mat-form-field-filled-error-label-text-color: var(--custom-dark-warn-main-color);
  --mat-form-field-filled-error-caret-color: var(--custom-dark-warn-main-color);
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: white;
  --mat-form-field-filled-error-active-indicator-color: var(--custom-dark-warn-main-color);
  --mat-form-field-filled-error-focus-active-indicator-color: var(--custom-dark-warn-main-color);
  --mat-form-field-filled-error-hover-active-indicator-color: var(--custom-dark-warn-main-color);
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-hover-label-text-color: white;
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-color: white;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-error-caret-color: var(--custom-dark-warn-main-color);
  --mat-form-field-outlined-error-focus-label-text-color: var(--custom-dark-warn-main-color);
  --mat-form-field-outlined-error-label-text-color: var(--custom-dark-warn-main-color);
  --mat-form-field-outlined-error-hover-label-text-color: var(--custom-dark-warn-main-color);
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: white;
  --mat-form-field-outlined-error-focus-outline-color: var(--custom-dark-warn-main-color);
  --mat-form-field-outlined-error-hover-outline-color: var(--custom-dark-warn-main-color);
  --mat-form-field-outlined-error-outline-color: var(--custom-dark-warn-main-color);
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: var(--custom-dark-primary-main-color);
  --mat-select-invalid-arrow-color: var(--custom-dark-warn-main-color);
  --mat-autocomplete-background-color: #424242;
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: white;
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-slide-toggle-disabled-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-selected-handle-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-selected-hover-handle-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-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-slide-toggle-disabled-selected-handle-color: white;
  --mat-slide-toggle-disabled-selected-track-color: white;
  --mat-slide-toggle-disabled-unselected-handle-color: white;
  --mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-disabled-unselected-track-color: white;
  --mat-slide-toggle-handle-elevation-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-slide-toggle-handle-surface-color: #424242;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-unselected-hover-handle-color: white;
  --mat-slide-toggle-unselected-focus-handle-color: white;
  --mat-slide-toggle-unselected-focus-state-layer-color: white;
  --mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-unselected-hover-state-layer-color: white;
  --mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: white;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: white;
  --mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12);
  --mat-slider-active-track-color: var(--custom-dark-primary-main-color);
  --mat-slider-focus-handle-color: var(--custom-dark-primary-main-color);
  --mat-slider-handle-color: var(--custom-dark-primary-main-color);
  --mat-slider-hover-handle-color: var(--custom-dark-primary-main-color);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 4%, transparent);
  --mat-slider-inactive-track-color: var(--custom-dark-primary-main-color);
  --mat-slider-ripple-color: var(--custom-dark-primary-main-color);
  --mat-slider-with-tick-marks-active-container-color: var(--custom-light-primary-text-color);
  --mat-slider-with-tick-marks-inactive-container-color: var(--custom-dark-primary-main-color);
  --mat-slider-disabled-active-track-color: white;
  --mat-slider-disabled-handle-color: white;
  --mat-slider-disabled-inactive-track-color: white;
  --mat-slider-label-container-color: white;
  --mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: white;
  --mat-slider-with-tick-marks-disabled-container-color: white;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-paginator-container-text-color: white;
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.7);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-success-icon-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-icon-button-state-layer-color: white;
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
  --mat-snack-bar-container-color: white;
  --mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mat-progress-spinner-active-indicator-color: var(--custom-dark-primary-main-color);
  --mat-badge-background-color: var(--custom-dark-primary-main-color);
  --mat-badge-text-color: var(--custom-light-primary-text-color);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: white;
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-text-color: white;
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--custom-light-primary-text-color);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--custom-dark-primary-main-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--custom-light-primary-text-color);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--custom-dark-primary-main-color);
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-icon-color: inherit;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-selected-state-icon-background-color: var(--custom-dark-primary-main-color);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-done-state-icon-background-color: var(--custom-dark-primary-main-color);
  --mat-stepper-header-done-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-edit-state-icon-background-color: var(--custom-dark-primary-main-color);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: var(--custom-dark-warn-main-color);
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: var(--custom-dark-warn-main-color);
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: white;
  --mat-toolbar-container-background-color: #424242;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
  --mat-timepicker-container-background-color: #424242;
}
.darkMode .sidenavContent {
  background-color: var(--custom-dark-primary-pageBG-color);
  color: var(--custom-dark-primary-pageBG-contrast-color);
}
.darkMode .mat-drawer-container {
  background-color: var(--custom-dark-primary-pageBG-color) !important;
  color: var(--custom-dark-primary-pageBG-contrast-color) !important;
}
.darkMode .userSidebars.mat-drawer .mat-drawer-inner-container {
  background-color: var(--custom-dark-primary-panel-color) !important;
}
.darkMode .secondaryTextColor {
  color: var(--custom-light-accent-text-color) !important;
}
.darkMode .tertiaryTextColor {
  color: var(--custom-light-blue-text-color) !important;
}
.darkMode .bgTextColor {
  color: var(--custom-dark-primary-pageBG-color) !important;
}
.darkMode a,
.darkMode a:link,
.darkMode a:visited,
.darkMode .link {
  color: var(--custom-dark-primary-main-color);
}
.darkMode a:hover,
.darkMode a:active,
.darkMode .link:hover {
  color: var(--custom-dark-primary-lighter-color) !important;
}
.darkMode .darkText {
  color: var(--custom-dark-primary-text-color) !important;
}
.darkMode .primaryColorText {
  color: var(--custom-dark-primary-main-color);
}
.darkMode .accentColorText {
  color: var(--custom-dark-accent-main-color);
}
.darkMode .lightAccentColorText {
  color: var(--custom-light-accent-text-color);
}
.darkMode .warnColorText,
.darkMode .warnLink {
  color: var(--custom-dark-warn-main-color);
}
.darkMode .warnAccentColorText {
  color: var(--custom-dark-warn-accent-color) !important;
}
.darkMode .primaryColorBG {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .onHoverPrimaryColorBG:hover {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .accentColorBG {
  background-color: var(--custom-dark-accent-main-color) !important;
}
.darkMode .warnColorBG {
  background-color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .warnAccentColorBG {
  background-color: var(--custom-dark-warn-accent-color) !important;
}
.darkMode .primaryColorText {
  color: var(--custom-dark-primary-main-color);
}
.darkMode .accentColorText {
  color: var(--custom-dark-accent-main-color);
}
.darkMode .warnColorText {
  color: var(--custom-dark-warn-main-color);
}
.darkMode .warnAccentColorText {
  color: var(--custom-dark-warn-accent-color) !important;
}
.darkMode .primaryColorBorder {
  border-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .accentColorBorder {
  border-color: var(--custom-dark-accent-main-color) !important;
}
.darkMode .warnColorBorder {
  border-color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .warnAccentColorBorder {
  border-color: var(--custom-dark-warn-accent-color) !important;
}
.darkMode .active {
  color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .infoField > span:first-child {
  color: var(--custom-light-accent-text-color) !important;
}
.darkMode ngx-mat-datetime-content {
  background-color: var(--custom-dark-accent-panel-color) !important;
}
.darkMode .cdk-overlay-container .mat-datepicker-content .mat-stroked-button {
  background-color: var(--custom-dark-primary-main-color) !important;
  color: var(--custom-light-primary-text-color) !important;
}
.darkMode .cdk-overlay-container .mat-datepicker-content .mat-stroked-button.mat-button-disabled {
  color: var(--custom-dark-accent-active-color) !important;
  background-color: var(--custom-light-disabled-link-color) !important;
}
.darkMode .cdk-overlay-container .mat-form-field-ripple {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .cdk-overlay-container mat-datepicker-content .mat-calendar-body-in-range .mat-calendar-body-cell-content,
.darkMode .cdk-overlay-container mat-datepicker-content .mat-calendar-body-cell:hover .mat-calendar-body-cell-content,
.darkMode .cdk-overlay-container mat-datepicker-content .mat-calendar-body-cell:focus .mat-calendar-body-cell-content {
  color: var(--custom-light-primary-text-color) !important;
}
.darkMode .mat-select-panel {
  background-color: var(--custom-dark-primary-panel-color) !important;
}
.darkMode .mat-select-panel .mat-active {
  background-color: var(--custom-dark-primary-main-color) !important;
  color: var(--custom-light-primary-text-color) !important;
}
.darkMode mat-datepicker-toggle {
  color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .customColorField .circle,
.darkMode .colorField .circle {
  border-color: #C5CAD8;
}
.darkMode .customColorField .circle.empty,
.darkMode .colorField .circle.empty {
  border-color: #7B85A6;
}
.darkMode .colorFieldBorder.selected {
  border-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .tableExpandHover tr.extended-element-row:not(.extended-expanded-row):hover {
  background-color: var(--custom-dark-primary-panel-color);
}
.darkMode .tableExpandHover tr.extended-element-row:not(.extended-expanded-row):active {
  background-color: var(--custom-dark-primary-panel-color);
}
.darkMode .tableSimpleHover .mat-row:hover {
  background-color: var(--custom-dark-primary-panel-color);
}
.darkMode .helpButton {
  color: var(--custom-dark-primary-pageBG-contrast-color) !important;
}
.darkMode .helpButton:hover {
  color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .playBtn {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .playBtn:disabled {
  background-color: var(--custom-light-disabled-link-color) !important;
}
.darkMode .playBtn:disabled i {
  color: var(--custom-dark-accent-active-color) !important;
}
.darkMode .actionButton,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .mat-button:nth-child(2),
.darkMode .warnButton,
.darkMode .smallActionButton,
.darkMode .smallWarnButton {
  color: var(--custom-light-primary-text-color) !important;
}
.darkMode .actionButton path,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2) path,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2) path,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .mat-button:nth-child(2) path,
.darkMode .warnButton path,
.darkMode .smallActionButton path,
.darkMode .smallWarnButton path {
  fill: var(--custom-light-primary-text-color) !important;
}
.darkMode .outlineActionButton,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .mat-button:first-child,
.darkMode .smallOutlineActionButton {
  color: var(--custom-dark-primary-main-color) !important;
  border-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .outlineActionButton path,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child path,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child path,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .mat-button:first-child path,
.darkMode .smallOutlineActionButton path {
  fill: var(--custom-dark-primary-main-color) !important;
}
.darkMode .outlineActionButton:hover,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:hover:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .mat-button:hover:first-child,
.darkMode .smallOutlineActionButton:hover {
  color: var(--custom-dark-primary-main-color) !important;
  background-color: var(--custom-dark-accent-hover-color) !important;
}
.darkMode .outlineActionButton:active,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:active:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .mat-button:active:first-child,
.darkMode .smallOutlineActionButton:active {
  color: var(--custom-dark-primary-main-color) !important;
  background-color: var(--custom-dark-accent-active-color) !important;
}
.darkMode .outlineActionButton:disabled,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .mat-button:disabled:first-child,
.darkMode .smallOutlineActionButton:disabled {
  color: var(--custom-light-disabled-link-color) !important;
  border-color: var(--custom-light-disabled-link-color) !important;
}
.darkMode .outlineWarnButton {
  border: 1px solid;
  color: var(--custom-dark-warn-main-color) !important;
  border-color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .outlineWarnButton:hover,
.darkMode .outlineWarnButton:active {
  background-color: var(--custom-dark-warn-lighter-color) !important;
}
.darkMode .outlineWarnButton:disabled {
  color: var(--custom-dark-warn-lighter-color) !important;
  border-color: var(--custom-dark-warn-lighter-color) !important;
}
.darkMode .outlineWarnButton:focus {
  box-shadow: unset !important;
}
.darkMode .actionButton,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .mat-button:nth-child(2),
.darkMode .smallActionButton,
.darkMode .extraSmallActionButton {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .actionButton:hover,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:hover:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .mat-button:hover:nth-child(2),
.darkMode .actionButton:active,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:active:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .mat-button:active:nth-child(2),
.darkMode .smallActionButton:hover,
.darkMode .smallActionButton:active,
.darkMode .extraSmallActionButton:hover,
.darkMode .extraSmallActionButton:active {
  background-color: var(--custom-dark-primary-lighter-color) !important;
}
.darkMode .actionButton:disabled,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .mat-button:disabled:nth-child(2),
.darkMode .smallActionButton:disabled,
.darkMode .extraSmallActionButton:disabled {
  color: var(--custom-dark-accent-active-color) !important;
  background-color: var(--custom-light-disabled-link-color) !important;
}
.darkMode .warnButton,
.darkMode .smallWarnButton {
  background-color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .warnButton:hover,
.darkMode .smallWarnButton:hover {
  background-color: var(--custom-dark-warn-hover-color) !important;
}
.darkMode .warnButton:active,
.darkMode .smallWarnButton:active {
  background-color: var(--custom-dark-warn-active-color) !important;
}
.darkMode .warnButton:disabled,
.darkMode .smallWarnButton:disabled {
  background-color: var(--custom-dark-warn-lighter-color) !important;
}
.darkMode .warnButton:focus,
.darkMode .smallWarnButton:focus {
  box-shadow: unset !important;
}
.darkMode .searchRangeBtn .mat-button-toggle-checked {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .searchRangeBtn .mat-button-toggle-checked:hover,
.darkMode .searchRangeBtn .mat-button-toggle-checked:active {
  background-color: var(--custom-dark-primary-lighter-color) !important;
}
.darkMode .searchRangeBtn mat-button-toggle:hover {
  background-color: var(--custom-dark-accent-hover-color) !important;
}
.darkMode .searchRangeBtn mat-button-toggle:active {
  background-color: var(--custom-dark-accent-active-color) !important;
}
.darkMode .toggleButtons .mat-button-toggle-checked {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .toggleButtons .mat-button-toggle-checked:hover,
.darkMode .toggleButtons .mat-button-toggle-checked:active {
  background-color: var(--custom-dark-primary-lighter-color) !important;
}
.darkMode .toggleButtons mat-button-toggle {
  background-color: var(--custom-dark-primary-panel-color) !important;
}
.darkMode .toggleButtons mat-button-toggle:hover {
  background-color: var(--custom-dark-accent-hover-color) !important;
}
.darkMode .toggleButtons mat-button-toggle:active {
  background-color: var(--custom-dark-accent-active-color) !important;
}
.darkMode .iconInfoButton {
  color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .iconInfoButton path,
.darkMode .iconInfoButton circle {
  fill: var(--custom-dark-primary-main-color) !important;
}
.darkMode .iconDeleteButton,
.darkMode .alertIcon {
  color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .iconDeleteButton path,
.darkMode .alertIcon path {
  fill: var(--custom-dark-warn-main-color) !important;
}
.darkMode .searchDeviceBG,
.darkMode .iconBG {
  background-color: var(--custom-dark-accent-panel-color) !important;
}
.darkMode .toolbarShadow {
  box-shadow: 4px 4px 16px 3px var(--custom-dark-accent-shadow-color) !important;
}
.darkMode .mat-drawer-inner-container {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .sidebar .mat-mdc-nav-list {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .sidebar .mat-mdc-nav-list h6 {
  color:!important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item span,
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item i {
  color: var(--custom-light-primary-text-color) !important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item .svg path {
  fill: var(--custom-light-primary-text-color) !important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item:not(.childBg):hover {
  background-color:!important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item.childBg {
  background-color:!important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item.childBg:hover:not(.active) {
  background-color:!important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active {
  background-color: var(--custom-dark-accent-active-color) !important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active span,
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active i {
  color: var(--custom-light-primary-text-color) !important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active .svg path {
  fill: var(--custom-light-primary-text-color) !important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-menu-item {
  color: var(--custom-light-primary-text-color) !important;
  background-color: transparent !important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-menu-item path {
  fill: var(--custom-light-primary-text-color) !important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-menu-item.activeDashboard {
  color: var(--custom-light-primary-text-color) !important;
  background-color: var(--custom-dark-accent-active-color) !important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-menu-item.activeDashboard path {
  fill: var(--custom-light-primary-text-color) !important;
}
.darkMode .sidebar .mat-mdc-nav-list .mat-mdc-menu-item:hover:not(.activeDashboard) {
  background-color:!important;
}
.darkMode .sidebar .mat-mdc-nav-list .sidebarBorder {
  border-color:!important;
}
.darkMode .toolbarContainer {
  background-color:!important;
}
.darkMode .toolbarContainer .mat-mdc-button path {
  fill:!important;
}
.darkMode .toolbarContainer #topProfile {
  border-color:!important;
}
.darkMode .toolbarContainer .logoIcon {
  background-color:!important;
  border-color: transparent !important;
}
.darkMode .toolbarContainer .logoIcon:active {
  background-color:!important;
}
.darkMode .toolbarContainer .webAppName {
  color:!important;
}
.darkMode .backButton:disabled {
  color:!important;
}
.darkMode .panelBG {
  background-color: var(--custom-dark-primary-panel-color) !important;
}
.darkMode .overlayBG {
  background-color: var(--custom-dark-accent-panel-color) !important;
}
.darkMode .overlayBG .mat-menu-item {
  color: var(--custom-light-blue-text-color) !important;
}
.darkMode .overlayBG .mat-menu-item:hover {
  background-color: var(--custom-dark-accent-active-color) !important;
}
.darkMode .mat-tab-label {
  opacity: 1 !important;
}
.darkMode .mat-tab-label .mat-tab-label-content {
  color: var(--custom-dark-primary-pageBG-contrast-color) !important;
}
.darkMode .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .customTable .mat-cell,
.darkMode .overlayTable .mat-cell {
  color: var(--custom-dark-primary-pageBG-contrast-color) !important;
}
.darkMode .customTable .mat-header-cell,
.darkMode .overlayTable .mat-header-cell {
  color: var(--custom-light-accent-text-color) !important;
}
.darkMode .customTable table:not(.noTableHover) .mat-row:hover *:not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *),
.darkMode .overlayTable table:not(.noTableHover) .mat-row:hover *:not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *) {
  background-color: var(--custom-dark-accent-hover-color) !important;
}
.darkMode .customTable .mat-progress-bar-buffer,
.darkMode .overlayTable .mat-progress-bar-buffer {
  background-color: var(--custom-dark-accent-active-color) !important;
}
.darkMode .customTable .mat-ink-bar,
.darkMode .customTable .mat-progress-bar-primary::after,
.darkMode .overlayTable .mat-ink-bar,
.darkMode .overlayTable .mat-progress-bar-primary::after {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .customTable:not(.panelAccentBG) {
  background-color: var(--custom-dark-primary-panel-color) !important;
}
.darkMode .customTable:not(.panelAccentBG) *:not(.mdc-button *):not(button):not(.mat-ink-bar):not(mat-slide-toggle *):not(mat-form-field *):not(.eventLevel span):not(.menuButton *) {
  background-color: var(--custom-dark-primary-panel-color) !important;
}
.darkMode .overlayTable {
  background-color: var(--custom-dark-accent-panel-color) !important;
}
.darkMode .overlayTable *:not(.mdc-button *):not(button):not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *):not(mat-form-field *) {
  background-color: var(--custom-dark-accent-panel-color) !important;
}
.darkMode .cardBG {
  background-color: var(--custom-dark-primary-panel-color) !important;
}
.darkMode .tableSearch i {
  color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .tableSearch path {
  fill: var(--custom-dark-primary-main-color) !important;
}
.darkMode .rowSelected {
  color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.darkMode .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.darkMode .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .mat-expansion-panel {
  border: 1px dashed var(--custom-dark-primary-main-color);
  background-color: var(--custom-dark-accent-hover-color) !important;
}
.darkMode .mat-expansion-panel:not(.mat-expanded):hover {
  background-color: var(--custom-dark-accent-active-color) !important;
}
.darkMode .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.darkMode .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.darkMode .mdc-checkbox__checkmark {
  border-color: var(--custom-dark-primary-main-color) !important;
  background-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark,
.darkMode .mdc-checkbox__checkmark {
  color: var(--custom-dark-accent-panel-color) !important;
}
.darkMode .mdc-switch--selected .mdc-switch__track::after,
.darkMode .mdc-switch:enabled:hover .mdc-switch__track::after {
  background: var(--custom-dark-accent-active-color) !important;
}
.darkMode .panelAccentBG {
  background-color: var(--custom-dark-accent-hover-color) !important;
}
.darkMode .dashboardWidgetCard {
  background-color: var(--custom-dark-primary-panel-color) !important;
  color: var(--custom-dark-primary-pageBG-contrast-color) !important;
  box-shadow: 0px 0px 26px 2px var(--custom-dark-accent-shadow-color) !important;
}
.darkMode .colorButtons .active {
  border-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .addNote {
  border: 2px dashed var(--custom-dark-primary-main-color) !important;
}
.darkMode .addNote:hover {
  background-color: var(--custom-dark-accent-hover-color) !important;
}
.darkMode .addNote:active {
  background-color: var(--custom-dark-accent-active-color) !important;
}
.darkMode .addNote button {
  color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .unsavedNote {
  color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .chartInfo p {
  color: var(--custom-light-accent-text-color) !important;
}
.darkMode .opacityRectangle,
.darkMode .opacityRectangle2,
.darkMode .minAmountLine {
  background-color: var(--custom-dark-accent-main-color) !important;
}
.darkMode .alertEventDialog i {
  color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .amountCircle {
  background-color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .amountCircle2 {
  background-color: var(--custom-dark-accent-main-color) !important;
}
.darkMode .mat-snack-bar-container {
  color: var(--custom-light-accent-panel-color) !important;
}
.darkMode .customNgxPaginator .ngx-pagination .current {
  background-color: transparent;
  border: 1px solid;
  border-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .customNgxPaginator .ngx-pagination li:not(.current) span {
  color: var(--custom-dark-primary-pageBG-contrast-color) !important;
}
.darkMode .customNgxPaginator .ngx-pagination .current,
.darkMode .customNgxPaginator .ngx-pagination .pagination-previous a,
.darkMode .customNgxPaginator .ngx-pagination .pagination-next a {
  color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .customNgxPaginator .ngx-pagination .disabled {
  color: var(--custom-light-accent-text-color) !important;
}
.darkMode .paginatorPageCounter {
  color: var(--custom-light-accent-text-color) !important;
}
.darkMode .inputWarning {
  color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .propic img,
.darkMode .propic .noPropic {
  border: 1px solid;
  border-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .propic .noPropic {
  background-color: var(--custom-dark-accent-active-color) !important;
}
.darkMode .propic .propicActions {
  background-color: var(--custom-dark-primary-panel-color) !important;
  border-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .airQualityLabel {
  color: var(--custom-light-accent-text-color) !important;
}
.darkMode .iconContainer {
  border-color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .iconContainer i {
  color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .iconContainer .backgroundDimmed {
  background-color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .userRecap span:not(.username),
.darkMode .userRecap p {
  color: var(--custom-light-accent-text-color) !important;
}
.darkMode .selectedWidget,
.darkMode .selectedRole {
  border-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .notificationHeader i,
.darkMode .notificationHeader p {
  color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .mapInfoWindowTitle {
  color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .cardBorderColor,
.darkMode .mediaCard {
  border-color: var(--custom-light-accent-text-color) !important;
}
.darkMode .mediaCard .linkText {
  color: var(--custom-dark-primary-pageBG-contrast-color) !important;
}
.darkMode .deleteMediaBtn {
  color: var(--custom-dark-warn-main-color) !important;
}
.darkMode .playlistContainer .mat-mdc-select-placeholder {
  color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .chip,
.darkMode .mapChip,
.darkMode .selectedCardBorderColor {
  border-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .chip.active {
  color: var(--custom-light-primary-text-color) !important;
  background-color: var(--custom-dark-primary-main-color);
}
.darkMode .mapChip i,
.darkMode .mapChip span {
  color: var(--custom-dark-primary-main-color);
}
.darkMode .mapChip.active {
  background-color: var(--custom-dark-accent-hover-color);
}
.darkMode .mat-mdc-mini-fab path {
  fill: var(--custom-light-primary-text-color);
}
.darkMode .black4Text {
  color: #7B85A6;
}
.darkMode .slideshowBorder {
  border-color: var(--custom-light-accent-text-color) !important;
}
.darkMode .slideshowBorder .darkenedPreview {
  background-color: black;
}
.darkMode .alertPanel .panelIcon.warnColorIcon path {
  fill: var(--custom-dark-warn-main-color);
}
.darkMode .alertPanel .panelIcon.warnAccentColorIcon path {
  fill: var(--custom-dark-warn-accent-color);
}
.darkMode .alertPanel .panelIcon.accentColorIcon path {
  fill: var(--custom-dark-accent-main-color);
}
.darkMode .alertPanel .alertContent .closeIcon path {
  fill: #BFBFBF;
}
.darkMode .primaryIcon path,
.darkMode .primaryIcon circle,
.darkMode .backIcon path,
.darkMode .backIcon circle {
  fill: var(--custom-dark-primary-main-color) !important;
}
.darkMode .successIcon path {
  fill: #3BAF29;
}
.darkMode .iconCircle .deviceTypeIcon path,
.darkMode .streamingIcon path,
.darkMode .play path,
.darkMode .stop path {
  fill: white;
}
.darkMode .imageBlock .closeIcon path {
  fill: var(--custom-dark-primary-main-color);
}
.darkMode .lightIcon path {
  fill: var(--custom-light-primary-text-color) !important;
}
.darkMode .domainLogoMenu {
  background-color: var(--custom-dark-primary-panel-color) !important;
  border-color: var(--custom-dark-primary-main-color) !important;
}
.darkMode .weatherWidgetContainer .mainWeatherIcon,
.darkMode .weatherWidgetContainer .cardIcon {
  fill: var(--custom-dark-primary-main-color) !important;
}
.darkMode .weatherWidgetContainer .arrowUp,
.darkMode .weatherWidgetContainer .arrowDown {
  color: var(--custom-light-accent-text-color) !important;
}
.darkMode .weatherWidgetContainer .weatherCard {
  border-color: var(--custom-light-accent-text-color) !important;
}
.darkMode .weatherWidgetContainer .airQuality {
  background-color: var(--custom-dark-accent-hover-color) !important;
  border-color: var(--custom-dark-accent-hover-color) !important;
}
.darkMode .weatherWidgetContainer .goodAirQuality {
  fill: var(--custom-dark-primary-main-color) !important;
}
.darkMode .weatherWidgetContainer .mediumAirQuality {
  fill: var(--custom-dark-warn-accent-color) !important;
}
.darkMode .weatherWidgetContainer .badAirQuality,
.darkMode .weatherWidgetContainer .valueArrow.up {
  fill: var(--custom-dark-warn-main-color) !important;
}
.darkMode .weatherWidgetContainer .valueArrow.up {
  fill: var(--custom-dark-warn-main-color) !important;
}
.darkMode .mat-accent {
  --mat-option-selected-state-label-text-color: var(--custom-dark-accent-main-color);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.darkMode .mat-warn {
  --mat-option-selected-state-label-text-color: var(--custom-dark-warn-main-color);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.darkMode .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-dark-primary-main-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-dark-primary-main-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.darkMode .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-dark-accent-main-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-dark-accent-main-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.darkMode .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-dark-warn-main-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-dark-warn-main-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.darkMode .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: var(--custom-dark-primary-main-color);
  --mat-progress-bar-track-color: var(--custom-dark-primary-main-color);
}
.darkMode .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: var(--custom-dark-accent-main-color);
  --mat-progress-bar-track-color: var(--custom-dark-accent-main-color);
}
.darkMode .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: var(--custom-dark-warn-main-color);
  --mat-progress-bar-track-color: var(--custom-dark-warn-main-color);
}
.darkMode .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--custom-dark-accent-main-color);
  --mat-form-field-filled-focus-active-indicator-color: var(--custom-dark-accent-main-color);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--custom-dark-accent-main-color);
  --mat-form-field-outlined-focus-outline-color: var(--custom-dark-accent-main-color);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 87%, transparent);
}
.darkMode .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--custom-dark-warn-main-color);
  --mat-form-field-filled-focus-active-indicator-color: var(--custom-dark-warn-main-color);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--custom-dark-warn-main-color);
  --mat-form-field-outlined-focus-outline-color: var(--custom-dark-warn-main-color);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 87%, transparent);
}
.darkMode .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: var(--custom-dark-accent-main-color);
  --mat-select-invalid-arrow-color: var(--custom-dark-warn-main-color);
}
.darkMode .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: var(--custom-dark-warn-main-color);
  --mat-select-invalid-arrow-color: var(--custom-dark-warn-main-color);
}
.darkMode .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-elevated-container-color: var(--custom-dark-primary-main-color);
  --mat-chip-elevated-disabled-container-color: var(--custom-dark-primary-main-color);
  --mat-chip-elevated-selected-container-color: var(--custom-dark-primary-main-color);
  --mat-chip-flat-disabled-selected-container-color: var(--custom-dark-primary-main-color);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-disabled-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--custom-light-primary-text-color);
}
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: var(--custom-success-icon-text-color);
  --mat-chip-elevated-container-color: var(--custom-dark-accent-main-color);
  --mat-chip-elevated-disabled-container-color: var(--custom-dark-accent-main-color);
  --mat-chip-elevated-selected-container-color: var(--custom-dark-accent-main-color);
  --mat-chip-flat-disabled-selected-container-color: var(--custom-dark-accent-main-color);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: var(--custom-success-icon-text-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--custom-success-icon-text-color);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--custom-success-icon-text-color);
  --mat-chip-selected-trailing-icon-color: var(--custom-success-icon-text-color);
  --mat-chip-with-icon-disabled-icon-color: var(--custom-success-icon-text-color);
  --mat-chip-with-icon-icon-color: var(--custom-success-icon-text-color);
  --mat-chip-with-icon-selected-icon-color: var(--custom-success-icon-text-color);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--custom-success-icon-text-color);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--custom-success-icon-text-color);
}
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: var(--custom-dark-primary-text-color);
  --mat-chip-elevated-container-color: var(--custom-dark-warn-main-color);
  --mat-chip-elevated-disabled-container-color: var(--custom-dark-warn-main-color);
  --mat-chip-elevated-selected-container-color: var(--custom-dark-warn-main-color);
  --mat-chip-flat-disabled-selected-container-color: var(--custom-dark-warn-main-color);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: var(--custom-dark-primary-text-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--custom-dark-primary-text-color);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--custom-dark-primary-text-color);
  --mat-chip-selected-trailing-icon-color: var(--custom-dark-primary-text-color);
  --mat-chip-with-icon-disabled-icon-color: var(--custom-dark-primary-text-color);
  --mat-chip-with-icon-icon-color: var(--custom-dark-primary-text-color);
  --mat-chip-with-icon-selected-icon-color: var(--custom-dark-primary-text-color);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--custom-dark-primary-text-color);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--custom-dark-primary-text-color);
}
.darkMode .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: var(--custom-success-icon-text-color);
  --mat-slide-toggle-disabled-selected-icon-color: var(--custom-success-icon-text-color);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--custom-dark-accent-main-color);
  --mat-slide-toggle-selected-handle-color: var(--custom-dark-accent-main-color);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--custom-dark-accent-main-color);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--custom-dark-accent-main-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--custom-dark-accent-main-color);
  --mat-slide-toggle-selected-hover-handle-color: var(--custom-dark-accent-main-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--custom-dark-accent-main-color);
}
.darkMode .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: var(--custom-dark-primary-text-color);
  --mat-slide-toggle-disabled-selected-icon-color: var(--custom-dark-primary-text-color);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--custom-dark-warn-main-color);
  --mat-slide-toggle-selected-handle-color: var(--custom-dark-warn-main-color);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--custom-dark-warn-main-color);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--custom-dark-warn-main-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--custom-dark-warn-main-color);
  --mat-slide-toggle-selected-hover-handle-color: var(--custom-dark-warn-main-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--custom-dark-warn-main-color);
}
.darkMode .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: var(--custom-dark-primary-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-selected-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.darkMode .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: var(--custom-dark-accent-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--custom-dark-accent-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-dark-accent-main-color);
  --mat-radio-selected-icon-color: var(--custom-dark-accent-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-dark-accent-main-color);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.darkMode .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: var(--custom-dark-warn-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--custom-dark-warn-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-dark-warn-main-color);
  --mat-radio-selected-icon-color: var(--custom-dark-warn-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-dark-warn-main-color);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.darkMode .mat-accent {
  --mat-slider-active-track-color: var(--custom-dark-accent-main-color);
  --mat-slider-focus-handle-color: var(--custom-dark-accent-main-color);
  --mat-slider-handle-color: var(--custom-dark-accent-main-color);
  --mat-slider-hover-handle-color: var(--custom-dark-accent-main-color);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 4%, transparent);
  --mat-slider-inactive-track-color: var(--custom-dark-accent-main-color);
  --mat-slider-ripple-color: var(--custom-dark-accent-main-color);
  --mat-slider-with-tick-marks-active-container-color: var(--custom-success-icon-text-color);
  --mat-slider-with-tick-marks-inactive-container-color: var(--custom-dark-accent-main-color);
}
.darkMode .mat-warn {
  --mat-slider-active-track-color: var(--custom-dark-warn-main-color);
  --mat-slider-focus-handle-color: var(--custom-dark-warn-main-color);
  --mat-slider-handle-color: var(--custom-dark-warn-main-color);
  --mat-slider-hover-handle-color: var(--custom-dark-warn-main-color);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 4%, transparent);
  --mat-slider-inactive-track-color: var(--custom-dark-warn-main-color);
  --mat-slider-ripple-color: var(--custom-dark-warn-main-color);
  --mat-slider-with-tick-marks-active-container-color: var(--custom-dark-primary-text-color);
  --mat-slider-with-tick-marks-inactive-container-color: var(--custom-dark-warn-main-color);
}
.darkMode .mdc-list-item__start,
.darkMode .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--custom-dark-primary-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-selected-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.darkMode .mat-accent .mdc-list-item__start,
.darkMode .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--custom-dark-accent-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--custom-dark-accent-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-dark-accent-main-color);
  --mat-radio-selected-icon-color: var(--custom-dark-accent-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-dark-accent-main-color);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.darkMode .mat-warn .mdc-list-item__start,
.darkMode .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--custom-dark-warn-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--custom-dark-warn-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-dark-warn-main-color);
  --mat-radio-selected-icon-color: var(--custom-dark-warn-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-dark-warn-main-color);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.darkMode .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-light-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.darkMode .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-success-icon-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-dark-accent-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.darkMode .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-dark-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.darkMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.darkMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.darkMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.darkMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: var(--custom-dark-primary-main-color);
}
.darkMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.darkMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.darkMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.darkMode .mat-mdc-tab-group,
.darkMode .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: var(--custom-dark-primary-main-color);
  --mat-tab-active-ripple-color: var(--custom-dark-primary-main-color);
  --mat-tab-inactive-ripple-color: var(--custom-dark-primary-main-color);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: var(--custom-dark-primary-main-color);
  --mat-tab-active-hover-label-text-color: var(--custom-dark-primary-main-color);
  --mat-tab-active-focus-indicator-color: var(--custom-dark-primary-main-color);
  --mat-tab-active-hover-indicator-color: var(--custom-dark-primary-main-color);
  --mat-tab-active-indicator-color: var(--custom-dark-primary-main-color);
}
.darkMode .mat-mdc-tab-group.mat-accent,
.darkMode .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: var(--custom-dark-accent-main-color);
  --mat-tab-active-ripple-color: var(--custom-dark-accent-main-color);
  --mat-tab-inactive-ripple-color: var(--custom-dark-accent-main-color);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: var(--custom-dark-accent-main-color);
  --mat-tab-active-hover-label-text-color: var(--custom-dark-accent-main-color);
  --mat-tab-active-focus-indicator-color: var(--custom-dark-accent-main-color);
  --mat-tab-active-hover-indicator-color: var(--custom-dark-accent-main-color);
  --mat-tab-active-indicator-color: var(--custom-dark-accent-main-color);
}
.darkMode .mat-mdc-tab-group.mat-warn,
.darkMode .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: var(--custom-dark-warn-main-color);
  --mat-tab-active-ripple-color: var(--custom-dark-warn-main-color);
  --mat-tab-inactive-ripple-color: var(--custom-dark-warn-main-color);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: var(--custom-dark-warn-main-color);
  --mat-tab-active-hover-label-text-color: var(--custom-dark-warn-main-color);
  --mat-tab-active-focus-indicator-color: var(--custom-dark-warn-main-color);
  --mat-tab-active-hover-indicator-color: var(--custom-dark-warn-main-color);
  --mat-tab-active-indicator-color: var(--custom-dark-warn-main-color);
}
.darkMode .mat-mdc-tab-group.mat-background-primary,
.darkMode .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: var(--custom-dark-primary-main-color);
  --mat-tab-foreground-color: var(--custom-light-primary-text-color);
}
.darkMode .mat-mdc-tab-group.mat-background-accent,
.darkMode .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: var(--custom-dark-accent-main-color);
  --mat-tab-foreground-color: var(--custom-success-icon-text-color);
}
.darkMode .mat-mdc-tab-group.mat-background-warn,
.darkMode .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: var(--custom-dark-warn-main-color);
  --mat-tab-foreground-color: var(--custom-dark-primary-text-color);
}
.darkMode .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-light-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.darkMode .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-dark-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-dark-warn-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.darkMode .mat-mdc-button.mat-primary,
.darkMode .mat-mdc-unelevated-button.mat-primary,
.darkMode .mat-mdc-raised-button.mat-primary,
.darkMode .mat-mdc-outlined-button.mat-primary,
.darkMode .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: var(--custom-dark-primary-main-color);
  --mat-button-filled-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--custom-light-primary-text-color);
  --mat-button-outlined-label-text-color: var(--custom-dark-primary-main-color);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-button-protected-container-color: var(--custom-dark-primary-main-color);
  --mat-button-protected-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--custom-light-primary-text-color);
  --mat-button-text-label-text-color: var(--custom-dark-primary-main-color);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 12%, transparent);
  --mat-button-text-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-button-tonal-container-color: var(--custom-dark-primary-main-color);
  --mat-button-tonal-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--custom-light-primary-text-color);
}
.darkMode .mat-mdc-button.mat-accent,
.darkMode .mat-mdc-unelevated-button.mat-accent,
.darkMode .mat-mdc-raised-button.mat-accent,
.darkMode .mat-mdc-outlined-button.mat-accent,
.darkMode .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: var(--custom-dark-accent-main-color);
  --mat-button-filled-label-text-color: var(--custom-success-icon-text-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--custom-success-icon-text-color) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--custom-success-icon-text-color);
  --mat-button-outlined-label-text-color: var(--custom-dark-accent-main-color);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--custom-dark-accent-main-color);
  --mat-button-protected-container-color: var(--custom-dark-accent-main-color);
  --mat-button-protected-label-text-color: var(--custom-success-icon-text-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--custom-success-icon-text-color) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--custom-success-icon-text-color);
  --mat-button-text-label-text-color: var(--custom-dark-accent-main-color);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 12%, transparent);
  --mat-button-text-state-layer-color: var(--custom-dark-accent-main-color);
  --mat-button-tonal-container-color: var(--custom-dark-accent-main-color);
  --mat-button-tonal-label-text-color: var(--custom-success-icon-text-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--custom-success-icon-text-color) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--custom-success-icon-text-color);
}
.darkMode .mat-mdc-button.mat-warn,
.darkMode .mat-mdc-unelevated-button.mat-warn,
.darkMode .mat-mdc-raised-button.mat-warn,
.darkMode .mat-mdc-outlined-button.mat-warn,
.darkMode .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: var(--custom-dark-warn-main-color);
  --mat-button-filled-label-text-color: var(--custom-dark-primary-text-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--custom-dark-primary-text-color) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--custom-dark-primary-text-color);
  --mat-button-outlined-label-text-color: var(--custom-dark-warn-main-color);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--custom-dark-warn-main-color);
  --mat-button-protected-container-color: var(--custom-dark-warn-main-color);
  --mat-button-protected-label-text-color: var(--custom-dark-primary-text-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--custom-dark-primary-text-color) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--custom-dark-primary-text-color);
  --mat-button-text-label-text-color: var(--custom-dark-warn-main-color);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 12%, transparent);
  --mat-button-text-state-layer-color: var(--custom-dark-warn-main-color);
  --mat-button-tonal-container-color: var(--custom-dark-warn-main-color);
  --mat-button-tonal-label-text-color: var(--custom-dark-primary-text-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--custom-dark-primary-text-color) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--custom-dark-primary-text-color);
}
.darkMode .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: var(--custom-dark-primary-main-color);
  --mat-icon-button-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 12%, transparent);
}
.darkMode .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: var(--custom-dark-accent-main-color);
  --mat-icon-button-state-layer-color: var(--custom-dark-accent-main-color);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 12%, transparent);
}
.darkMode .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: var(--custom-dark-warn-main-color);
  --mat-icon-button-state-layer-color: var(--custom-dark-warn-main-color);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 12%, transparent);
}
.darkMode .mat-mdc-fab.mat-primary,
.darkMode .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: var(--custom-dark-primary-main-color);
  --mat-fab-foreground-color: var(--custom-light-primary-text-color);
  --mat-fab-ripple-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 12%, transparent);
  --mat-fab-small-container-color: var(--custom-dark-primary-main-color);
  --mat-fab-small-foreground-color: var(--custom-light-primary-text-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--custom-light-primary-text-color);
  --mat-fab-state-layer-color: var(--custom-light-primary-text-color);
}
.darkMode .mat-mdc-fab.mat-accent,
.darkMode .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: var(--custom-dark-accent-main-color);
  --mat-fab-foreground-color: var(--custom-success-icon-text-color);
  --mat-fab-ripple-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 12%, transparent);
  --mat-fab-small-container-color: var(--custom-dark-accent-main-color);
  --mat-fab-small-foreground-color: var(--custom-success-icon-text-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--custom-success-icon-text-color) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--custom-success-icon-text-color);
  --mat-fab-state-layer-color: var(--custom-success-icon-text-color);
}
.darkMode .mat-mdc-fab.mat-warn,
.darkMode .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: var(--custom-dark-warn-main-color);
  --mat-fab-foreground-color: var(--custom-dark-primary-text-color);
  --mat-fab-ripple-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 12%, transparent);
  --mat-fab-small-container-color: var(--custom-dark-warn-main-color);
  --mat-fab-small-foreground-color: var(--custom-dark-primary-text-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--custom-dark-primary-text-color) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--custom-dark-primary-text-color);
  --mat-fab-state-layer-color: var(--custom-dark-primary-text-color);
}
.darkMode .mat-accent {
  --mat-progress-spinner-active-indicator-color: var(--custom-dark-accent-main-color);
}
.darkMode .mat-warn {
  --mat-progress-spinner-active-indicator-color: var(--custom-dark-warn-main-color);
}
.darkMode .mat-badge-accent {
  --mat-badge-background-color: var(--custom-dark-accent-main-color);
  --mat-badge-text-color: var(--custom-success-icon-text-color);
}
.darkMode .mat-badge-warn {
  --mat-badge-background-color: var(--custom-dark-warn-main-color);
  --mat-badge-text-color: var(--custom-dark-primary-text-color);
}
.darkMode .mat-datepicker-content.mat-accent,
.darkMode .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--custom-success-icon-text-color);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--custom-dark-accent-main-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--custom-success-icon-text-color);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--custom-dark-accent-main-color);
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.darkMode .mat-datepicker-content.mat-warn,
.darkMode .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-dark-accent-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--custom-dark-primary-text-color);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--custom-dark-warn-main-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--custom-dark-primary-text-color);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--custom-dark-warn-main-color) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--custom-dark-warn-main-color);
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.darkMode .mat-icon.mat-primary {
  --mat-icon-color: var(--custom-dark-primary-pageBG-color);
}
.darkMode .mat-icon.mat-accent {
  --mat-icon-color: var(--custom-dark-accent-panel-color);
}
.darkMode .mat-icon.mat-warn {
  --mat-icon-color: var(--custom-dark-warn-active-color);
}
.darkMode .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--custom-success-icon-text-color);
  --mat-stepper-header-selected-state-icon-background-color: var(--custom-dark-accent-main-color);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--custom-success-icon-text-color);
  --mat-stepper-header-done-state-icon-background-color: var(--custom-dark-accent-main-color);
  --mat-stepper-header-done-state-icon-foreground-color: var(--custom-success-icon-text-color);
  --mat-stepper-header-edit-state-icon-background-color: var(--custom-dark-accent-main-color);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--custom-success-icon-text-color);
}
.darkMode .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: var(--custom-dark-primary-text-color);
  --mat-stepper-header-selected-state-icon-background-color: var(--custom-dark-warn-main-color);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--custom-dark-primary-text-color);
  --mat-stepper-header-done-state-icon-background-color: var(--custom-dark-warn-main-color);
  --mat-stepper-header-done-state-icon-foreground-color: var(--custom-dark-primary-text-color);
  --mat-stepper-header-edit-state-icon-background-color: var(--custom-dark-warn-main-color);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--custom-dark-primary-text-color);
}
.darkMode .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--custom-dark-primary-main-color);
  --mat-toolbar-container-text-color: var(--custom-light-primary-text-color);
}
.darkMode .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--custom-dark-accent-main-color);
  --mat-toolbar-container-text-color: var(--custom-success-icon-text-color);
}
.darkMode .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: var(--custom-dark-warn-main-color);
  --mat-toolbar-container-text-color: var(--custom-dark-primary-text-color);
}
.authMode {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-label-text-color: #fafafa;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-optgroup-label-text-color: white;
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-dark-primary-main-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-dark-primary-main-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
  --mat-card-elevated-container-color: #424242;
  --mat-card-elevated-container-elevation:
    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-outlined-container-color: #424242;
  --mat-card-outlined-container-elevation:
    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-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --mat-card-filled-container-elevation:
    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-tooltip-container-color: white;
  --mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fafafa 87%, transparent);
  --mat-form-field-filled-caret-color: #fafafa;
  --mat-form-field-filled-focus-active-indicator-color: #fafafa;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fafafa 87%, transparent);
  --mat-form-field-outlined-caret-color: #fafafa;
  --mat-form-field-outlined-focus-outline-color: #fafafa;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fafafa 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-state-layer-color: white;
  --mat-form-field-error-text-color: #fa7d7d;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #4a4a4a;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-color: white;
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-error-hover-label-text-color: #fa7d7d;
  --mat-form-field-filled-error-focus-label-text-color: #fa7d7d;
  --mat-form-field-filled-error-label-text-color: #fa7d7d;
  --mat-form-field-filled-error-caret-color: #fa7d7d;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: white;
  --mat-form-field-filled-error-active-indicator-color: #fa7d7d;
  --mat-form-field-filled-error-focus-active-indicator-color: #fa7d7d;
  --mat-form-field-filled-error-hover-active-indicator-color: #fa7d7d;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-hover-label-text-color: white;
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-color: white;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-error-caret-color: #fa7d7d;
  --mat-form-field-outlined-error-focus-label-text-color: #fa7d7d;
  --mat-form-field-outlined-error-label-text-color: #fa7d7d;
  --mat-form-field-outlined-error-hover-label-text-color: #fa7d7d;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: white;
  --mat-form-field-outlined-error-focus-outline-color: #fa7d7d;
  --mat-form-field-outlined-error-hover-outline-color: #fa7d7d;
  --mat-form-field-outlined-error-outline-color: #fa7d7d;
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #fafafa;
  --mat-select-invalid-arrow-color: #fa7d7d;
  --mat-autocomplete-background-color: #424242;
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: white;
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-slide-toggle-disabled-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-slide-toggle-selected-focus-state-layer-color: #fafafa;
  --mat-slide-toggle-selected-handle-color: #fafafa;
  --mat-slide-toggle-selected-hover-state-layer-color: #fafafa;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fafafa;
  --mat-slide-toggle-selected-focus-handle-color: #fafafa;
  --mat-slide-toggle-selected-hover-handle-color: #fafafa;
  --mat-slide-toggle-selected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-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-slide-toggle-disabled-selected-handle-color: white;
  --mat-slide-toggle-disabled-selected-track-color: white;
  --mat-slide-toggle-disabled-unselected-handle-color: white;
  --mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-disabled-unselected-track-color: white;
  --mat-slide-toggle-handle-elevation-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-slide-toggle-handle-surface-color: #424242;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-unselected-hover-handle-color: white;
  --mat-slide-toggle-unselected-focus-handle-color: white;
  --mat-slide-toggle-unselected-focus-state-layer-color: white;
  --mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-unselected-hover-state-layer-color: white;
  --mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: white;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: white;
  --mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12);
  --mat-slider-active-track-color: #fafafa;
  --mat-slider-focus-handle-color: #fafafa;
  --mat-slider-handle-color: #fafafa;
  --mat-slider-hover-handle-color: #fafafa;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fafafa 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fafafa 4%, transparent);
  --mat-slider-inactive-track-color: #fafafa;
  --mat-slider-ripple-color: #fafafa;
  --mat-slider-with-tick-marks-active-container-color: var(--custom-light-primary-text-color);
  --mat-slider-with-tick-marks-inactive-container-color: #fafafa;
  --mat-slider-disabled-active-track-color: white;
  --mat-slider-disabled-handle-color: white;
  --mat-slider-disabled-inactive-track-color: white;
  --mat-slider-label-container-color: white;
  --mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: white;
  --mat-slider-with-tick-marks-disabled-container-color: white;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-paginator-container-text-color: white;
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.7);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-light-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-icon-button-state-layer-color: white;
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
  --mat-snack-bar-container-color: white;
  --mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mat-progress-spinner-active-indicator-color: #fafafa;
  --mat-badge-background-color: #fafafa;
  --mat-badge-text-color: var(--custom-light-primary-text-color);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: white;
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-text-color: white;
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fafafa 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--custom-light-primary-text-color);
  --mat-datepicker-calendar-date-selected-state-background-color: #fafafa;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fafafa 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--custom-light-primary-text-color);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fafafa 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fafafa 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fafafa;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-icon-color: inherit;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-selected-state-icon-background-color: #fafafa;
  --mat-stepper-header-selected-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-done-state-icon-background-color: #fafafa;
  --mat-stepper-header-done-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-edit-state-icon-background-color: #fafafa;
  --mat-stepper-header-edit-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #fa7d7d;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #fa7d7d;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: white;
  --mat-toolbar-container-background-color: #424242;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
  --mat-timepicker-container-background-color: #424242;
}
.authMode .mat-drawer-container {
  background-color:!important;
  color:!important;
}
.authMode .userSidebars.mat-drawer .mat-drawer-inner-container {
  background-color:!important;
}
.authMode .secondaryTextColor {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .tertiaryTextColor {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .bgTextColor {
  color:!important;
}
.authMode a,
.authMode a:link,
.authMode a:visited,
.authMode .link {
  color: #fafafa;
}
.authMode a:hover,
.authMode a:active,
.authMode .link:hover {
  color: #b3cce6 !important;
}
.authMode .darkText {
  color: var(--custom-dark-primary-text-color) !important;
}
.authMode .primaryColorText {
  color: #fafafa;
}
.authMode .accentColorText {
  color: var(--custom-dark-primary-main-color);
}
.authMode .lightAccentColorText {
  color: var(--custom-light-accent-text-color);
}
.authMode .warnColorText,
.authMode .warnLink {
  color: #fa7d7d;
}
.authMode .warnAccentColorText {
  color:!important;
}
.authMode .primaryColorBG {
  background-color: #fafafa !important;
}
.authMode .onHoverPrimaryColorBG:hover {
  background-color: #fafafa !important;
}
.authMode .accentColorBG {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.authMode .warnColorBG {
  background-color: #fa7d7d !important;
}
.authMode .warnAccentColorBG {
  background-color:!important;
}
.authMode .primaryColorText {
  color: #fafafa;
}
.authMode .accentColorText {
  color: var(--custom-dark-primary-main-color);
}
.authMode .warnColorText {
  color: #fa7d7d;
}
.authMode .warnAccentColorText {
  color:!important;
}
.authMode .primaryColorBorder {
  border-color: #fafafa !important;
}
.authMode .accentColorBorder {
  border-color: var(--custom-dark-primary-main-color) !important;
}
.authMode .warnColorBorder {
  border-color: #fa7d7d !important;
}
.authMode .warnAccentColorBorder {
  border-color:!important;
}
.authMode .active {
  color: #fafafa !important;
}
.authMode .infoField > span:first-child {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode ngx-mat-datetime-content {
  background-color: var(--custom-dark-primary-panel-color) !important;
}
.authMode .cdk-overlay-container .mat-datepicker-content .mat-stroked-button {
  background-color: #fafafa !important;
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .cdk-overlay-container .mat-datepicker-content .mat-stroked-button.mat-button-disabled {
  color:!important;
  background-color: var(--custom-dark-primary-text-color) !important;
}
.authMode .cdk-overlay-container .mat-form-field-ripple {
  background-color: #fafafa !important;
}
.authMode .cdk-overlay-container mat-datepicker-content .mat-calendar-body-in-range .mat-calendar-body-cell-content,
.authMode .cdk-overlay-container mat-datepicker-content .mat-calendar-body-cell:hover .mat-calendar-body-cell-content,
.authMode .cdk-overlay-container mat-datepicker-content .mat-calendar-body-cell:focus .mat-calendar-body-cell-content {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .mat-select-panel {
  background-color:!important;
}
.authMode .mat-select-panel .mat-active {
  background-color: #fafafa !important;
  color: var(--custom-light-primary-text-color) !important;
}
.authMode mat-datepicker-toggle {
  color: #fafafa !important;
}
.authMode .customColorField .circle,
.authMode .colorField .circle {
  border-color: #C5CAD8;
}
.authMode .customColorField .circle.empty,
.authMode .colorField .circle.empty {
  border-color: #7B85A6;
}
.authMode .colorFieldBorder.selected {
  border-color: #fafafa !important;
}
.authMode .helpButton {
  color:!important;
}
.authMode .helpButton:hover {
  color: #fafafa !important;
}
.authMode .playBtn {
  background-color: #fafafa !important;
}
.authMode .playBtn:disabled {
  background-color: var(--custom-dark-primary-text-color) !important;
}
.authMode .playBtn:disabled i {
  color:!important;
}
.authMode .actionButton,
.authMode .darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:nth-child(2),
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:nth-child(2),
.authMode .warnButton,
.authMode .smallActionButton,
.authMode .smallWarnButton {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .actionButton path,
.authMode .darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2) path,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:nth-child(2) path,
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2) path,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:nth-child(2) path,
.authMode .warnButton path,
.authMode .smallActionButton path,
.authMode .smallWarnButton path {
  fill: var(--custom-light-primary-text-color) !important;
}
.authMode .outlineActionButton,
.authMode .darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:first-child,
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:first-child,
.authMode .smallOutlineActionButton {
  color: #fafafa !important;
  border-color: #fafafa !important;
}
.authMode .outlineActionButton path,
.authMode .darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child path,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:first-child path,
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child path,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:first-child path,
.authMode .smallOutlineActionButton path {
  fill: #fafafa !important;
}
.authMode .outlineActionButton:hover,
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:hover:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:hover:first-child,
.authMode .smallOutlineActionButton:hover {
  color: #fafafa !important;
  background-color:!important;
}
.authMode .outlineActionButton:active,
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:active:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:active:first-child,
.authMode .smallOutlineActionButton:active {
  color: #fafafa !important;
  background-color:!important;
}
.authMode .outlineActionButton:disabled,
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:disabled:first-child,
.authMode .smallOutlineActionButton:disabled {
  color: var(--custom-dark-primary-text-color) !important;
  border-color: var(--custom-dark-primary-text-color) !important;
}
.authMode .outlineWarnButton {
  border: 1px solid;
  color: #fa7d7d !important;
  border-color: #fa7d7d !important;
}
.authMode .outlineWarnButton:hover,
.authMode .outlineWarnButton:active {
  background-color: #c58585 !important;
}
.authMode .outlineWarnButton:disabled {
  color: #c58585 !important;
  border-color: #c58585 !important;
}
.authMode .outlineWarnButton:focus {
  box-shadow: unset !important;
}
.authMode .actionButton,
.authMode .darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:nth-child(2),
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:nth-child(2),
.authMode .smallActionButton,
.authMode .extraSmallActionButton {
  background-color: #fafafa !important;
}
.authMode .actionButton:hover,
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:hover:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:hover:nth-child(2),
.authMode .actionButton:active,
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:active:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:active:nth-child(2),
.authMode .smallActionButton:hover,
.authMode .smallActionButton:active,
.authMode .extraSmallActionButton:hover,
.authMode .extraSmallActionButton:active {
  background-color: #b3cce6 !important;
}
.authMode .actionButton:disabled,
.authMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .authMode .mat-button:disabled:nth-child(2),
.authMode .smallActionButton:disabled,
.authMode .extraSmallActionButton:disabled {
  color:!important;
  background-color: var(--custom-dark-primary-text-color) !important;
}
.authMode .warnButton,
.authMode .smallWarnButton {
  background-color: #fa7d7d !important;
}
.authMode .warnButton:hover,
.authMode .smallWarnButton:hover {
  background-color:!important;
}
.authMode .warnButton:active,
.authMode .smallWarnButton:active {
  background-color:!important;
}
.authMode .warnButton:disabled,
.authMode .smallWarnButton:disabled {
  background-color: #c58585 !important;
}
.authMode .warnButton:focus,
.authMode .smallWarnButton:focus {
  box-shadow: unset !important;
}
.authMode .searchRangeBtn .mat-button-toggle-checked {
  background-color: #fafafa !important;
}
.authMode .searchRangeBtn .mat-button-toggle-checked:hover,
.authMode .searchRangeBtn .mat-button-toggle-checked:active {
  background-color: #b3cce6 !important;
}
.authMode .searchRangeBtn mat-button-toggle:hover {
  background-color:!important;
}
.authMode .searchRangeBtn mat-button-toggle:active {
  background-color:!important;
}
.authMode .toggleButtons .mat-button-toggle-checked {
  background-color: #fafafa !important;
}
.authMode .toggleButtons .mat-button-toggle-checked:hover,
.authMode .toggleButtons .mat-button-toggle-checked:active {
  background-color: #b3cce6 !important;
}
.authMode .toggleButtons mat-button-toggle {
  background-color:!important;
}
.authMode .toggleButtons mat-button-toggle:hover {
  background-color:!important;
}
.authMode .toggleButtons mat-button-toggle:active {
  background-color:!important;
}
.authMode .iconInfoButton {
  color: #fafafa !important;
}
.authMode .iconInfoButton path,
.authMode .iconInfoButton circle {
  fill: #fafafa !important;
}
.authMode .iconDeleteButton,
.authMode .alertIcon {
  color: #fa7d7d !important;
}
.authMode .iconDeleteButton path,
.authMode .alertIcon path {
  fill: #fa7d7d !important;
}
.authMode .searchDeviceBG,
.authMode .iconBG {
  background-color: var(--custom-dark-primary-panel-color) !important;
}
.authMode .toolbarShadow {
  box-shadow: 4px 4px 16px 3px !important;
}
.authMode .mat-drawer-inner-container {
  background-color: #fafafa !important;
}
.authMode .sidebar .mat-mdc-nav-list {
  background-color: #fafafa !important;
}
.authMode .sidebar .mat-mdc-nav-list h6 {
  color:!important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item span,
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item i {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item .svg path {
  fill: var(--custom-light-primary-text-color) !important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item:not(.childBg):hover {
  background-color:!important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item.childBg {
  background-color:!important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item.childBg:hover:not(.active) {
  background-color:!important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active {
  background-color:!important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active span,
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active i {
  color:!important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active .svg path {
  fill:!important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-menu-item {
  color: var(--custom-light-primary-text-color) !important;
  background-color: transparent !important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-menu-item path {
  fill: var(--custom-light-primary-text-color) !important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-menu-item.activeDashboard {
  color:!important;
  background-color:!important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-menu-item.activeDashboard path {
  fill:!important;
}
.authMode .sidebar .mat-mdc-nav-list .mat-mdc-menu-item:hover:not(.activeDashboard) {
  background-color:!important;
}
.authMode .sidebar .mat-mdc-nav-list .sidebarBorder {
  border-color:!important;
}
.authMode .toolbarContainer {
  background-color:!important;
}
.authMode .toolbarContainer .mat-mdc-button path {
  fill:!important;
}
.authMode .toolbarContainer #topProfile {
  border-color:!important;
}
.authMode .toolbarContainer .logoIcon {
  background-color:!important;
  border-color: transparent !important;
}
.authMode .toolbarContainer .logoIcon:active {
  background-color:!important;
}
.authMode .toolbarContainer .webAppName {
  color:!important;
}
.authMode .backButton:disabled {
  color:!important;
}
.authMode .panelBG {
  background-color:!important;
}
.authMode .overlayBG {
  background-color: var(--custom-dark-primary-panel-color) !important;
}
.authMode .overlayBG .mat-menu-item {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .overlayBG .mat-menu-item:hover {
  background-color:!important;
}
.authMode .mat-tab-label {
  opacity: 1 !important;
}
.authMode .mat-tab-label .mat-tab-label-content {
  color:!important;
}
.authMode .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #fafafa !important;
}
.authMode .customTable .mat-cell,
.authMode .overlayTable .mat-cell {
  color:!important;
}
.authMode .customTable .mat-header-cell,
.authMode .overlayTable .mat-header-cell {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .customTable table:not(.noTableHover) .mat-row:hover *:not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *),
.authMode .overlayTable table:not(.noTableHover) .mat-row:hover *:not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *) {
  background-color:!important;
}
.authMode .customTable .mat-progress-bar-buffer,
.authMode .overlayTable .mat-progress-bar-buffer {
  background-color:!important;
}
.authMode .customTable .mat-ink-bar,
.authMode .customTable .mat-progress-bar-primary::after,
.authMode .overlayTable .mat-ink-bar,
.authMode .overlayTable .mat-progress-bar-primary::after {
  background-color: #fafafa !important;
}
.authMode .customTable:not(.panelAccentBG) {
  background-color:!important;
}
.authMode .customTable:not(.panelAccentBG) *:not(.mdc-button *):not(button):not(.mat-ink-bar):not(mat-slide-toggle *):not(mat-form-field *):not(.eventLevel span):not(.menuButton *) {
  background-color:!important;
}
.authMode .overlayTable {
  background-color: var(--custom-dark-primary-panel-color) !important;
}
.authMode .overlayTable *:not(.mdc-button *):not(button):not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *):not(mat-form-field *) {
  background-color: var(--custom-dark-primary-panel-color) !important;
}
.authMode .cardBG {
  background-color:!important;
}
.authMode .tableSearch i {
  color: #fafafa !important;
}
.authMode .tableSearch path {
  fill: #fafafa !important;
}
.authMode .rowSelected {
  color: #fafafa !important;
}
.authMode .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.authMode .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.authMode .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #fafafa !important;
}
.authMode .mat-expansion-panel {
  border: 1px dashed #fafafa;
  background-color:!important;
}
.authMode .mat-expansion-panel:not(.mat-expanded):hover {
  background-color:!important;
}
.authMode .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.authMode .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.authMode .mdc-checkbox__checkmark {
  border-color: #fafafa !important;
  background-color: #fafafa !important;
}
.authMode .mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark,
.authMode .mdc-checkbox__checkmark {
  color: var(--custom-dark-primary-panel-color) !important;
}
.authMode .mdc-switch--selected .mdc-switch__track::after,
.authMode .mdc-switch:enabled:hover .mdc-switch__track::after {
  background:!important;
}
.authMode .panelAccentBG {
  background-color:!important;
}
.authMode .dashboardWidgetCard {
  background-color:!important;
  color:!important;
  box-shadow: 0px 0px 26px 2px !important;
}
.authMode .colorButtons .active {
  border-color: #fafafa !important;
}
.authMode .addNote {
  border: 2px dashed #fafafa !important;
}
.authMode .addNote:hover {
  background-color:!important;
}
.authMode .addNote:active {
  background-color:!important;
}
.authMode .addNote button {
  color: #fafafa !important;
}
.authMode .unsavedNote {
  color: #fa7d7d !important;
}
.authMode .chartInfo p {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .opacityRectangle,
.authMode .opacityRectangle2,
.authMode .minAmountLine {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.authMode .alertEventDialog i {
  color: #fa7d7d !important;
}
.authMode .amountCircle {
  background-color: #fa7d7d !important;
}
.authMode .amountCircle2 {
  background-color: var(--custom-dark-primary-main-color) !important;
}
.authMode .mat-snack-bar-container {
  color: var(--custom-light-accent-panel-color) !important;
}
.authMode .customNgxPaginator .ngx-pagination .current {
  background-color: transparent;
  border: 1px solid;
  border-color: #fafafa !important;
}
.authMode .customNgxPaginator .ngx-pagination li:not(.current) span {
  color:!important;
}
.authMode .customNgxPaginator .ngx-pagination .current,
.authMode .customNgxPaginator .ngx-pagination .pagination-previous a,
.authMode .customNgxPaginator .ngx-pagination .pagination-next a {
  color: #fafafa !important;
}
.authMode .customNgxPaginator .ngx-pagination .disabled {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .paginatorPageCounter {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .inputWarning {
  color: #fa7d7d !important;
}
.authMode .propic img,
.authMode .propic .noPropic {
  border: 1px solid;
  border-color: #fafafa !important;
}
.authMode .propic .noPropic {
  background-color:!important;
}
.authMode .propic .propicActions {
  background-color:!important;
  border-color: #fafafa !important;
}
.authMode .airQualityLabel {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .iconContainer {
  border-color: #fa7d7d !important;
}
.authMode .iconContainer i {
  color: #fa7d7d !important;
}
.authMode .iconContainer .backgroundDimmed {
  background-color: #fa7d7d !important;
}
.authMode .userRecap span:not(.username),
.authMode .userRecap p {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .selectedWidget,
.authMode .selectedRole {
  border-color: #fafafa !important;
}
.authMode .notificationHeader i,
.authMode .notificationHeader p {
  color: #fafafa !important;
}
.authMode .mapInfoWindowTitle {
  color: #fafafa !important;
}
.authMode .cardBorderColor,
.authMode .mediaCard {
  border-color: var(--custom-light-accent-text-color) !important;
}
.authMode .mediaCard .linkText {
  color:!important;
}
.authMode .deleteMediaBtn {
  color: #fa7d7d !important;
}
.authMode .playlistContainer .mat-mdc-select-placeholder {
  color: #fafafa !important;
}
.authMode .chip,
.authMode .mapChip,
.authMode .selectedCardBorderColor {
  border-color: #fafafa !important;
}
.authMode .chip.active {
  color: var(--custom-light-primary-text-color) !important;
  background-color: #fafafa;
}
.authMode .mapChip i,
.authMode .mapChip span {
  color: #fafafa;
}
.authMode .mat-mdc-mini-fab path {
  fill: var(--custom-light-primary-text-color);
}
.authMode .black4Text {
  color: #7B85A6;
}
.authMode .slideshowBorder {
  border-color: var(--custom-light-accent-text-color) !important;
}
.authMode .slideshowBorder .darkenedPreview {
  background-color: black;
}
.authMode .alertPanel .panelIcon.warnColorIcon path {
  fill: #fa7d7d;
}
.authMode .alertPanel .panelIcon.accentColorIcon path {
  fill: var(--custom-dark-primary-main-color);
}
.authMode .alertPanel .alertContent .closeIcon path {
  fill: #BFBFBF;
}
.authMode .primaryIcon path,
.authMode .primaryIcon circle,
.authMode .backIcon path,
.authMode .backIcon circle {
  fill: #fafafa !important;
}
.authMode .successIcon path {
  fill: #3BAF29;
}
.authMode .iconCircle .deviceTypeIcon path,
.authMode .streamingIcon path,
.authMode .play path,
.authMode .stop path {
  fill: white;
}
.authMode .imageBlock .closeIcon path {
  fill: #fafafa;
}
.authMode .lightIcon path {
  fill: var(--custom-light-primary-text-color) !important;
}
.authMode .domainLogoMenu {
  background-color:!important;
  border-color: #fafafa !important;
}
.authMode .weatherWidgetContainer .mainWeatherIcon,
.authMode .weatherWidgetContainer .cardIcon {
  fill: #fafafa !important;
}
.authMode .weatherWidgetContainer .arrowUp,
.authMode .weatherWidgetContainer .arrowDown {
  color: var(--custom-light-primary-text-color) !important;
}
.authMode .weatherWidgetContainer .weatherCard {
  border-color: var(--custom-light-accent-text-color) !important;
}
.authMode .weatherWidgetContainer .airQuality {
  background-color:!important;
  border-color:!important;
}
.authMode .weatherWidgetContainer .goodAirQuality {
  fill: #fafafa !important;
}
.authMode .weatherWidgetContainer .mediumAirQuality {
  fill:!important;
}
.authMode .weatherWidgetContainer .badAirQuality,
.authMode .weatherWidgetContainer .valueArrow.up {
  fill: #fa7d7d !important;
}
.authMode .weatherWidgetContainer .valueArrow.up {
  fill: #fa7d7d !important;
}
.authMode .mat-accent {
  --mat-option-selected-state-label-text-color: var(--custom-dark-primary-main-color);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.authMode .mat-warn {
  --mat-option-selected-state-label-text-color: #fa7d7d;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.authMode .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #fafafa;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.authMode .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-dark-primary-main-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-dark-primary-main-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.authMode .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #fa7d7d;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fa7d7d;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.authMode .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #fafafa;
  --mat-progress-bar-track-color: rgba(250, 250, 250, 0.25);
}
.authMode .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: var(--custom-dark-primary-main-color);
  --mat-progress-bar-track-color: var(--custom-dark-primary-main-color);
}
.authMode .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #fa7d7d;
  --mat-progress-bar-track-color: rgba(250, 125, 125, 0.25);
}
.authMode .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--custom-dark-primary-main-color);
  --mat-form-field-filled-focus-active-indicator-color: var(--custom-dark-primary-main-color);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--custom-dark-primary-main-color);
  --mat-form-field-outlined-focus-outline-color: var(--custom-dark-primary-main-color);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 87%, transparent);
}
.authMode .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fa7d7d 87%, transparent);
  --mat-form-field-filled-caret-color: #fa7d7d;
  --mat-form-field-filled-focus-active-indicator-color: #fa7d7d;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fa7d7d 87%, transparent);
  --mat-form-field-outlined-caret-color: #fa7d7d;
  --mat-form-field-outlined-focus-outline-color: #fa7d7d;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fa7d7d 87%, transparent);
}
.authMode .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: var(--custom-dark-primary-main-color);
  --mat-select-invalid-arrow-color: #fa7d7d;
}
.authMode .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #fa7d7d;
  --mat-select-invalid-arrow-color: #fa7d7d;
}
.authMode .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.authMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.authMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-elevated-container-color: #fafafa;
  --mat-chip-elevated-disabled-container-color: #fafafa;
  --mat-chip-elevated-selected-container-color: #fafafa;
  --mat-chip-flat-disabled-selected-container-color: #fafafa;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-disabled-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--custom-light-primary-text-color);
}
.authMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.authMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-elevated-container-color: var(--custom-dark-primary-main-color);
  --mat-chip-elevated-disabled-container-color: var(--custom-dark-primary-main-color);
  --mat-chip-elevated-selected-container-color: var(--custom-dark-primary-main-color);
  --mat-chip-flat-disabled-selected-container-color: var(--custom-dark-primary-main-color);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--custom-light-primary-text-color);
  --mat-chip-selected-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-disabled-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-icon-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--custom-light-primary-text-color);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--custom-light-primary-text-color);
}
.authMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.authMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: var(--custom-dark-primary-text-color);
  --mat-chip-elevated-container-color: #fa7d7d;
  --mat-chip-elevated-disabled-container-color: #fa7d7d;
  --mat-chip-elevated-selected-container-color: #fa7d7d;
  --mat-chip-flat-disabled-selected-container-color: #fa7d7d;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: var(--custom-dark-primary-text-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--custom-dark-primary-text-color);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--custom-dark-primary-text-color);
  --mat-chip-selected-trailing-icon-color: var(--custom-dark-primary-text-color);
  --mat-chip-with-icon-disabled-icon-color: var(--custom-dark-primary-text-color);
  --mat-chip-with-icon-icon-color: var(--custom-dark-primary-text-color);
  --mat-chip-with-icon-selected-icon-color: var(--custom-dark-primary-text-color);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--custom-dark-primary-text-color);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--custom-dark-primary-text-color);
}
.authMode .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-slide-toggle-disabled-selected-icon-color: var(--custom-light-primary-text-color);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-selected-handle-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-selected-hover-handle-color: var(--custom-dark-primary-main-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--custom-dark-primary-main-color);
}
.authMode .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: var(--custom-dark-primary-text-color);
  --mat-slide-toggle-disabled-selected-icon-color: var(--custom-dark-primary-text-color);
  --mat-slide-toggle-selected-focus-state-layer-color: #fa7d7d;
  --mat-slide-toggle-selected-handle-color: #fa7d7d;
  --mat-slide-toggle-selected-hover-state-layer-color: #fa7d7d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fa7d7d;
  --mat-slide-toggle-selected-focus-handle-color: #fa7d7d;
  --mat-slide-toggle-selected-hover-handle-color: #fa7d7d;
  --mat-slide-toggle-selected-pressed-handle-color: #fa7d7d;
}
.authMode .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #fafafa;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #fafafa;
  --mat-radio-selected-hover-icon-color: #fafafa;
  --mat-radio-selected-icon-color: #fafafa;
  --mat-radio-selected-pressed-icon-color: #fafafa;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.authMode .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: var(--custom-dark-primary-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-selected-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.authMode .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #fa7d7d;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #fa7d7d;
  --mat-radio-selected-hover-icon-color: #fa7d7d;
  --mat-radio-selected-icon-color: #fa7d7d;
  --mat-radio-selected-pressed-icon-color: #fa7d7d;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.authMode .mat-accent {
  --mat-slider-active-track-color: var(--custom-dark-primary-main-color);
  --mat-slider-focus-handle-color: var(--custom-dark-primary-main-color);
  --mat-slider-handle-color: var(--custom-dark-primary-main-color);
  --mat-slider-hover-handle-color: var(--custom-dark-primary-main-color);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 4%, transparent);
  --mat-slider-inactive-track-color: var(--custom-dark-primary-main-color);
  --mat-slider-ripple-color: var(--custom-dark-primary-main-color);
  --mat-slider-with-tick-marks-active-container-color: var(--custom-light-primary-text-color);
  --mat-slider-with-tick-marks-inactive-container-color: var(--custom-dark-primary-main-color);
}
.authMode .mat-warn {
  --mat-slider-active-track-color: #fa7d7d;
  --mat-slider-focus-handle-color: #fa7d7d;
  --mat-slider-handle-color: #fa7d7d;
  --mat-slider-hover-handle-color: #fa7d7d;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fa7d7d 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fa7d7d 4%, transparent);
  --mat-slider-inactive-track-color: #fa7d7d;
  --mat-slider-ripple-color: #fa7d7d;
  --mat-slider-with-tick-marks-active-container-color: var(--custom-dark-primary-text-color);
  --mat-slider-with-tick-marks-inactive-container-color: #fa7d7d;
}
.authMode .mdc-list-item__start,
.authMode .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fafafa;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #fafafa;
  --mat-radio-selected-hover-icon-color: #fafafa;
  --mat-radio-selected-icon-color: #fafafa;
  --mat-radio-selected-pressed-icon-color: #fafafa;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.authMode .mat-accent .mdc-list-item__start,
.authMode .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--custom-dark-primary-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-selected-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-dark-primary-main-color);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.authMode .mat-warn .mdc-list-item__start,
.authMode .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fa7d7d;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #fa7d7d;
  --mat-radio-selected-hover-icon-color: #fa7d7d;
  --mat-radio-selected-icon-color: #fa7d7d;
  --mat-radio-selected-pressed-icon-color: #fa7d7d;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.authMode .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-light-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: #fafafa;
  --mat-checkbox-selected-hover-icon-color: #fafafa;
  --mat-checkbox-selected-icon-color: #fafafa;
  --mat-checkbox-selected-pressed-icon-color: #fafafa;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #fafafa;
  --mat-checkbox-selected-hover-state-layer-color: #fafafa;
  --mat-checkbox-selected-pressed-state-layer-color: #fafafa;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.authMode .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-light-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.authMode .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-dark-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: #fa7d7d;
  --mat-checkbox-selected-hover-icon-color: #fa7d7d;
  --mat-checkbox-selected-icon-color: #fa7d7d;
  --mat-checkbox-selected-pressed-icon-color: #fa7d7d;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #fa7d7d;
  --mat-checkbox-selected-hover-state-layer-color: #fa7d7d;
  --mat-checkbox-selected-pressed-state-layer-color: #fa7d7d;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.authMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.authMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.authMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.authMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #fafafa;
}
.authMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.authMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.authMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.authMode .mat-mdc-tab-group,
.authMode .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #fafafa;
  --mat-tab-active-ripple-color: #fafafa;
  --mat-tab-inactive-ripple-color: #fafafa;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #fafafa;
  --mat-tab-active-hover-label-text-color: #fafafa;
  --mat-tab-active-focus-indicator-color: #fafafa;
  --mat-tab-active-hover-indicator-color: #fafafa;
  --mat-tab-active-indicator-color: #fafafa;
}
.authMode .mat-mdc-tab-group.mat-accent,
.authMode .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: var(--custom-dark-primary-main-color);
  --mat-tab-active-ripple-color: var(--custom-dark-primary-main-color);
  --mat-tab-inactive-ripple-color: var(--custom-dark-primary-main-color);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: var(--custom-dark-primary-main-color);
  --mat-tab-active-hover-label-text-color: var(--custom-dark-primary-main-color);
  --mat-tab-active-focus-indicator-color: var(--custom-dark-primary-main-color);
  --mat-tab-active-hover-indicator-color: var(--custom-dark-primary-main-color);
  --mat-tab-active-indicator-color: var(--custom-dark-primary-main-color);
}
.authMode .mat-mdc-tab-group.mat-warn,
.authMode .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #fa7d7d;
  --mat-tab-active-ripple-color: #fa7d7d;
  --mat-tab-inactive-ripple-color: #fa7d7d;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #fa7d7d;
  --mat-tab-active-hover-label-text-color: #fa7d7d;
  --mat-tab-active-focus-indicator-color: #fa7d7d;
  --mat-tab-active-hover-indicator-color: #fa7d7d;
  --mat-tab-active-indicator-color: #fa7d7d;
}
.authMode .mat-mdc-tab-group.mat-background-primary,
.authMode .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #fafafa;
  --mat-tab-foreground-color: var(--custom-light-primary-text-color);
}
.authMode .mat-mdc-tab-group.mat-background-accent,
.authMode .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: var(--custom-dark-primary-main-color);
  --mat-tab-foreground-color: var(--custom-light-primary-text-color);
}
.authMode .mat-mdc-tab-group.mat-background-warn,
.authMode .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #fa7d7d;
  --mat-tab-foreground-color: var(--custom-dark-primary-text-color);
}
.authMode .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-light-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: #fafafa;
  --mat-checkbox-selected-hover-icon-color: #fafafa;
  --mat-checkbox-selected-icon-color: #fafafa;
  --mat-checkbox-selected-pressed-icon-color: #fafafa;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #fafafa;
  --mat-checkbox-selected-hover-state-layer-color: #fafafa;
  --mat-checkbox-selected-pressed-state-layer-color: #fafafa;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.authMode .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-dark-primary-text-color);
  --mat-checkbox-selected-focus-icon-color: #fa7d7d;
  --mat-checkbox-selected-hover-icon-color: #fa7d7d;
  --mat-checkbox-selected-icon-color: #fa7d7d;
  --mat-checkbox-selected-pressed-icon-color: #fa7d7d;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #fa7d7d;
  --mat-checkbox-selected-hover-state-layer-color: #fa7d7d;
  --mat-checkbox-selected-pressed-state-layer-color: #fa7d7d;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.authMode .mat-mdc-button.mat-primary,
.authMode .mat-mdc-unelevated-button.mat-primary,
.authMode .mat-mdc-raised-button.mat-primary,
.authMode .mat-mdc-outlined-button.mat-primary,
.authMode .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #fafafa;
  --mat-button-filled-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--custom-light-primary-text-color);
  --mat-button-outlined-label-text-color: #fafafa;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fafafa 12%, transparent);
  --mat-button-outlined-state-layer-color: #fafafa;
  --mat-button-protected-container-color: #fafafa;
  --mat-button-protected-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--custom-light-primary-text-color);
  --mat-button-text-label-text-color: #fafafa;
  --mat-button-text-ripple-color: color-mix(in srgb, #fafafa 12%, transparent);
  --mat-button-text-state-layer-color: #fafafa;
  --mat-button-tonal-container-color: #fafafa;
  --mat-button-tonal-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--custom-light-primary-text-color);
}
.authMode .mat-mdc-button.mat-accent,
.authMode .mat-mdc-unelevated-button.mat-accent,
.authMode .mat-mdc-raised-button.mat-accent,
.authMode .mat-mdc-outlined-button.mat-accent,
.authMode .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: var(--custom-dark-primary-main-color);
  --mat-button-filled-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--custom-light-primary-text-color);
  --mat-button-outlined-label-text-color: var(--custom-dark-primary-main-color);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-button-protected-container-color: var(--custom-dark-primary-main-color);
  --mat-button-protected-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--custom-light-primary-text-color);
  --mat-button-text-label-text-color: var(--custom-dark-primary-main-color);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 12%, transparent);
  --mat-button-text-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-button-tonal-container-color: var(--custom-dark-primary-main-color);
  --mat-button-tonal-label-text-color: var(--custom-light-primary-text-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--custom-light-primary-text-color);
}
.authMode .mat-mdc-button.mat-warn,
.authMode .mat-mdc-unelevated-button.mat-warn,
.authMode .mat-mdc-raised-button.mat-warn,
.authMode .mat-mdc-outlined-button.mat-warn,
.authMode .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #fa7d7d;
  --mat-button-filled-label-text-color: var(--custom-dark-primary-text-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--custom-dark-primary-text-color) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--custom-dark-primary-text-color);
  --mat-button-outlined-label-text-color: #fa7d7d;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fa7d7d 12%, transparent);
  --mat-button-outlined-state-layer-color: #fa7d7d;
  --mat-button-protected-container-color: #fa7d7d;
  --mat-button-protected-label-text-color: var(--custom-dark-primary-text-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--custom-dark-primary-text-color) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--custom-dark-primary-text-color);
  --mat-button-text-label-text-color: #fa7d7d;
  --mat-button-text-ripple-color: color-mix(in srgb, #fa7d7d 12%, transparent);
  --mat-button-text-state-layer-color: #fa7d7d;
  --mat-button-tonal-container-color: #fa7d7d;
  --mat-button-tonal-label-text-color: var(--custom-dark-primary-text-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--custom-dark-primary-text-color) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--custom-dark-primary-text-color);
}
.authMode .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #fafafa;
  --mat-icon-button-state-layer-color: #fafafa;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fafafa 12%, transparent);
}
.authMode .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: var(--custom-dark-primary-main-color);
  --mat-icon-button-state-layer-color: var(--custom-dark-primary-main-color);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 12%, transparent);
}
.authMode .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #fa7d7d;
  --mat-icon-button-state-layer-color: #fa7d7d;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fa7d7d 12%, transparent);
}
.authMode .mat-mdc-fab.mat-primary,
.authMode .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #fafafa;
  --mat-fab-foreground-color: var(--custom-light-primary-text-color);
  --mat-fab-ripple-color: color-mix(in srgb, #fafafa 12%, transparent);
  --mat-fab-small-container-color: #fafafa;
  --mat-fab-small-foreground-color: var(--custom-light-primary-text-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--custom-light-primary-text-color);
  --mat-fab-state-layer-color: var(--custom-light-primary-text-color);
}
.authMode .mat-mdc-fab.mat-accent,
.authMode .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: var(--custom-dark-primary-main-color);
  --mat-fab-foreground-color: var(--custom-light-primary-text-color);
  --mat-fab-ripple-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 12%, transparent);
  --mat-fab-small-container-color: var(--custom-dark-primary-main-color);
  --mat-fab-small-foreground-color: var(--custom-light-primary-text-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--custom-light-primary-text-color) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--custom-light-primary-text-color);
  --mat-fab-state-layer-color: var(--custom-light-primary-text-color);
}
.authMode .mat-mdc-fab.mat-warn,
.authMode .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #fa7d7d;
  --mat-fab-foreground-color: var(--custom-dark-primary-text-color);
  --mat-fab-ripple-color: color-mix(in srgb, #fa7d7d 12%, transparent);
  --mat-fab-small-container-color: #fa7d7d;
  --mat-fab-small-foreground-color: var(--custom-dark-primary-text-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--custom-dark-primary-text-color) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--custom-dark-primary-text-color);
  --mat-fab-state-layer-color: var(--custom-dark-primary-text-color);
}
.authMode .mat-accent {
  --mat-progress-spinner-active-indicator-color: var(--custom-dark-primary-main-color);
}
.authMode .mat-warn {
  --mat-progress-spinner-active-indicator-color: #fa7d7d;
}
.authMode .mat-badge-accent {
  --mat-badge-background-color: var(--custom-dark-primary-main-color);
  --mat-badge-text-color: var(--custom-light-primary-text-color);
}
.authMode .mat-badge-warn {
  --mat-badge-background-color: #fa7d7d;
  --mat-badge-text-color: var(--custom-dark-primary-text-color);
}
.authMode .mat-datepicker-content.mat-accent,
.authMode .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--custom-light-primary-text-color);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--custom-dark-primary-main-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--custom-light-primary-text-color);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--custom-dark-primary-main-color);
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.authMode .mat-datepicker-content.mat-warn,
.authMode .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fa7d7d 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-dark-primary-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--custom-dark-primary-text-color);
  --mat-datepicker-calendar-date-selected-state-background-color: #fa7d7d;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fa7d7d 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--custom-dark-primary-text-color);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fa7d7d 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fa7d7d 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fa7d7d;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.authMode .mat-icon.mat-primary {
  --mat-icon-color: #fafafa;
}
.authMode .mat-icon.mat-accent {
  --mat-icon-color: var(--custom-dark-primary-pageBG-color);
}
.authMode .mat-icon.mat-warn {
  --mat-icon-color: #fa7d7d;
}
.authMode .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-selected-state-icon-background-color: var(--custom-dark-primary-main-color);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-done-state-icon-background-color: var(--custom-dark-primary-main-color);
  --mat-stepper-header-done-state-icon-foreground-color: var(--custom-light-primary-text-color);
  --mat-stepper-header-edit-state-icon-background-color: var(--custom-dark-primary-main-color);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--custom-light-primary-text-color);
}
.authMode .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: var(--custom-dark-primary-text-color);
  --mat-stepper-header-selected-state-icon-background-color: #fa7d7d;
  --mat-stepper-header-selected-state-icon-foreground-color: var(--custom-dark-primary-text-color);
  --mat-stepper-header-done-state-icon-background-color: #fa7d7d;
  --mat-stepper-header-done-state-icon-foreground-color: var(--custom-dark-primary-text-color);
  --mat-stepper-header-edit-state-icon-background-color: #fa7d7d;
  --mat-stepper-header-edit-state-icon-foreground-color: var(--custom-dark-primary-text-color);
}
.authMode .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #fafafa;
  --mat-toolbar-container-text-color: var(--custom-light-primary-text-color);
}
.authMode .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--custom-dark-primary-main-color);
  --mat-toolbar-container-text-color: var(--custom-light-primary-text-color);
}
.authMode .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #fa7d7d;
  --mat-toolbar-container-text-color: var(--custom-dark-primary-text-color);
}
.navTheme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: var(--custom-nav-light-primary-main-color);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    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-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    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-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--custom-nav-light-primary-main-color);
  --mat-form-field-filled-focus-active-indicator-color: var(--custom-nav-light-primary-main-color);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--custom-nav-light-primary-main-color);
  --mat-form-field-outlined-focus-outline-color: var(--custom-nav-light-primary-main-color);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--custom-nav-light-primary-main-color);
  --mat-select-invalid-arrow-color: #f44336;
  --mat-autocomplete-background-color: white;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-selected-icon-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-slide-toggle-disabled-selected-icon-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--custom-nav-light-primary-main-color);
  --mat-slide-toggle-selected-handle-color: var(--custom-nav-light-primary-main-color);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--custom-nav-light-primary-main-color);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--custom-nav-light-primary-main-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--custom-nav-light-primary-main-color);
  --mat-slide-toggle-selected-hover-handle-color: var(--custom-nav-light-primary-main-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--custom-nav-light-primary-main-color);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-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-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-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-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slider-active-track-color: var(--custom-nav-light-primary-main-color);
  --mat-slider-focus-handle-color: var(--custom-nav-light-primary-main-color);
  --mat-slider-handle-color: var(--custom-nav-light-primary-main-color);
  --mat-slider-hover-handle-color: var(--custom-nav-light-primary-main-color);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 4%, transparent);
  --mat-slider-inactive-track-color: var(--custom-nav-light-primary-main-color);
  --mat-slider-ripple-color: var(--custom-nav-light-primary-main-color);
  --mat-slider-with-tick-marks-active-container-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-slider-with-tick-marks-inactive-container-color: var(--custom-nav-light-primary-main-color);
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-selected-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-progress-spinner-active-indicator-color: var(--custom-nav-light-primary-main-color);
  --mat-badge-background-color: var(--custom-nav-light-primary-main-color);
  --mat-badge-text-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--custom-nav-light-primary-main-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-icon-color: inherit;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-stepper-header-selected-state-icon-background-color: var(--custom-nav-light-primary-main-color);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-stepper-header-done-state-icon-background-color: var(--custom-nav-light-primary-main-color);
  --mat-stepper-header-done-state-icon-foreground-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-stepper-header-edit-state-icon-background-color: var(--custom-nav-light-primary-main-color);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-timepicker-container-background-color: white;
}
.navTheme .mat-drawer-container {
  background-color:!important;
  color:!important;
}
.navTheme .userSidebars.mat-drawer .mat-drawer-inner-container {
  background-color:!important;
}
.navTheme .secondaryTextColor {
  color:!important;
}
.navTheme .tertiaryTextColor {
  color: var(--custom-nav-light-primary-header-contrast-color) !important;
}
.navTheme .bgTextColor {
  color:!important;
}
.navTheme a,
.navTheme a:link,
.navTheme a:visited,
.navTheme .link {
  color: var(--custom-nav-light-primary-main-color);
}
.navTheme a:hover,
.navTheme a:active,
.navTheme .link:hover {
  color: var(--custom-nav-light-primary-child-color) !important;
}
.navTheme .darkText {
  color: var(--custom-dark-primary-text-color) !important;
}
.navTheme .primaryColorText {
  color: var(--custom-nav-light-primary-main-color);
}
.navTheme .accentColorText {
  color: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .lightAccentColorText {
  color: var(--custom-light-accent-text-color);
}
.navTheme .warnColorText,
.navTheme .warnLink {
  color: #f44336;
}
.navTheme .warnAccentColorText {
  color:!important;
}
.navTheme .primaryColorBG {
  background-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .onHoverPrimaryColorBG:hover {
  background-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .accentColorBG {
  background-color: var(--custom-nav-light-accent-parent-hover-color) !important;
}
.navTheme .warnColorBG {
  background-color: #f44336 !important;
}
.navTheme .warnAccentColorBG {
  background-color:!important;
}
.navTheme .primaryColorText {
  color: var(--custom-nav-light-primary-main-color);
}
.navTheme .accentColorText {
  color: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .warnColorText {
  color: #f44336;
}
.navTheme .warnAccentColorText {
  color:!important;
}
.navTheme .primaryColorBorder {
  border-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .accentColorBorder {
  border-color: var(--custom-nav-light-accent-parent-hover-color) !important;
}
.navTheme .warnColorBorder {
  border-color: #f44336 !important;
}
.navTheme .warnAccentColorBorder {
  border-color:!important;
}
.navTheme .active {
  color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .infoField > span:first-child {
  color:!important;
}
.navTheme ngx-mat-datetime-content {
  background-color:!important;
}
.navTheme .cdk-overlay-container .mat-datepicker-content .mat-stroked-button {
  background-color: var(--custom-nav-light-primary-main-color) !important;
  color: var(--custom-nav-light-primary-main-contrast-color) !important;
}
.navTheme .cdk-overlay-container .mat-datepicker-content .mat-stroked-button.mat-button-disabled {
  color: var(--custom-nav-light-accent-active-color) !important;
  background-color: var(--custom-nav-light-primary-child-contrast-color) !important;
}
.navTheme .cdk-overlay-container .mat-form-field-ripple {
  background-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .cdk-overlay-container mat-datepicker-content .mat-calendar-body-in-range .mat-calendar-body-cell-content,
.navTheme .cdk-overlay-container mat-datepicker-content .mat-calendar-body-cell:hover .mat-calendar-body-cell-content,
.navTheme .cdk-overlay-container mat-datepicker-content .mat-calendar-body-cell:focus .mat-calendar-body-cell-content {
  color: var(--custom-nav-light-primary-main-contrast-color) !important;
}
.navTheme .mat-select-panel {
  background-color:!important;
}
.navTheme .mat-select-panel .mat-active {
  background-color: var(--custom-nav-light-primary-main-color) !important;
  color: var(--custom-nav-light-primary-main-contrast-color) !important;
}
.navTheme mat-datepicker-toggle {
  color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .customColorField .circle,
.navTheme .colorField .circle {
  border-color: #C5CAD8;
}
.navTheme .customColorField .circle.empty,
.navTheme .colorField .circle.empty {
  border-color: #7B85A6;
}
.navTheme .colorFieldBorder.selected {
  border-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .helpButton {
  color:!important;
}
.navTheme .helpButton:hover {
  color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .playBtn {
  background-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .playBtn:disabled {
  background-color: var(--custom-nav-light-primary-child-contrast-color) !important;
}
.navTheme .playBtn:disabled i {
  color: var(--custom-nav-light-accent-active-color) !important;
}
.navTheme .actionButton,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:nth-child(2),
.navTheme .warnButton,
.navTheme .smallActionButton,
.navTheme .smallWarnButton {
  color: var(--custom-nav-light-primary-main-contrast-color) !important;
}
.navTheme .actionButton path,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2) path,
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2) path,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:nth-child(2) path,
.navTheme .warnButton path,
.navTheme .smallActionButton path,
.navTheme .smallWarnButton path {
  fill: var(--custom-nav-light-primary-main-contrast-color) !important;
}
.navTheme .outlineActionButton,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:first-child,
.navTheme .smallOutlineActionButton {
  color: var(--custom-nav-light-primary-main-color) !important;
  border-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .outlineActionButton path,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child path,
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child path,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:first-child path,
.navTheme .smallOutlineActionButton path {
  fill: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .outlineActionButton:hover,
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:hover:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:hover:first-child,
.navTheme .smallOutlineActionButton:hover {
  color: var(--custom-nav-light-primary-main-color) !important;
  background-color:!important;
}
.navTheme .outlineActionButton:active,
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:active:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:active:first-child,
.navTheme .smallOutlineActionButton:active {
  color: var(--custom-nav-light-primary-main-color) !important;
  background-color: var(--custom-nav-light-accent-active-color) !important;
}
.navTheme .outlineActionButton:disabled,
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:disabled:first-child,
.navTheme .smallOutlineActionButton:disabled {
  color: var(--custom-nav-light-primary-child-contrast-color) !important;
  border-color: var(--custom-nav-light-primary-child-contrast-color) !important;
}
.navTheme .outlineWarnButton {
  border: 1px solid;
  color: #f44336 !important;
  border-color: #f44336 !important;
}
.navTheme .outlineWarnButton:hover,
.navTheme .outlineWarnButton:active {
  background-color: #ffcdd2 !important;
}
.navTheme .outlineWarnButton:disabled {
  color: #ffcdd2 !important;
  border-color: #ffcdd2 !important;
}
.navTheme .outlineWarnButton:focus {
  box-shadow: unset !important;
}
.navTheme .actionButton,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:nth-child(2),
.navTheme .smallActionButton,
.navTheme .extraSmallActionButton {
  background-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .actionButton:hover,
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:hover:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:hover:nth-child(2),
.navTheme .actionButton:active,
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:active:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:active:nth-child(2),
.navTheme .smallActionButton:hover,
.navTheme .smallActionButton:active,
.navTheme .extraSmallActionButton:hover,
.navTheme .extraSmallActionButton:active {
  background-color: var(--custom-nav-light-primary-child-color) !important;
}
.navTheme .actionButton:disabled,
.navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:disabled:nth-child(2),
.navTheme .smallActionButton:disabled,
.navTheme .extraSmallActionButton:disabled {
  color: var(--custom-nav-light-accent-active-color) !important;
  background-color: var(--custom-nav-light-primary-child-contrast-color) !important;
}
.navTheme .warnButton,
.navTheme .smallWarnButton {
  background-color: #f44336 !important;
}
.navTheme .warnButton:hover,
.navTheme .smallWarnButton:hover {
  background-color:!important;
}
.navTheme .warnButton:active,
.navTheme .smallWarnButton:active {
  background-color:!important;
}
.navTheme .warnButton:disabled,
.navTheme .smallWarnButton:disabled {
  background-color: #ffcdd2 !important;
}
.navTheme .warnButton:focus,
.navTheme .smallWarnButton:focus {
  box-shadow: unset !important;
}
.navTheme .searchRangeBtn .mat-button-toggle-checked {
  background-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .searchRangeBtn .mat-button-toggle-checked:hover,
.navTheme .searchRangeBtn .mat-button-toggle-checked:active {
  background-color: var(--custom-nav-light-primary-child-color) !important;
}
.navTheme .searchRangeBtn mat-button-toggle:hover {
  background-color:!important;
}
.navTheme .searchRangeBtn mat-button-toggle:active {
  background-color: var(--custom-nav-light-accent-active-color) !important;
}
.navTheme .toggleButtons .mat-button-toggle-checked {
  background-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .toggleButtons .mat-button-toggle-checked:hover,
.navTheme .toggleButtons .mat-button-toggle-checked:active {
  background-color: var(--custom-nav-light-primary-child-color) !important;
}
.navTheme .toggleButtons mat-button-toggle {
  background-color:!important;
}
.navTheme .toggleButtons mat-button-toggle:hover {
  background-color:!important;
}
.navTheme .toggleButtons mat-button-toggle:active {
  background-color: var(--custom-nav-light-accent-active-color) !important;
}
.navTheme .iconInfoButton {
  color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .iconInfoButton path,
.navTheme .iconInfoButton circle {
  fill: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .iconDeleteButton,
.navTheme .alertIcon {
  color: #f44336 !important;
}
.navTheme .iconDeleteButton path,
.navTheme .alertIcon path {
  fill: #f44336 !important;
}
.navTheme .searchDeviceBG,
.navTheme .iconBG {
  background-color:!important;
}
.navTheme .toolbarShadow {
  box-shadow: 4px 4px 16px 3px !important;
}
.navTheme .mat-drawer-inner-container {
  background-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list {
  background-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list h6 {
  color: var(--custom-nav-light-primary-section-title-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item span,
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item i {
  color: var(--custom-nav-light-primary-main-contrast-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item .svg path {
  fill: var(--custom-nav-light-primary-main-contrast-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item:not(.childBg):hover {
  background-color: var(--custom-nav-light-accent-parent-hover-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item.childBg {
  background-color: var(--custom-nav-light-primary-child-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item.childBg:hover:not(.active) {
  background-color: var(--custom-nav-light-accent-child-hover-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active {
  background-color: var(--custom-nav-light-accent-active-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active span,
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active i {
  color: var(--custom-nav-light-accent-active-contrast-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active .svg path {
  fill: var(--custom-nav-light-accent-active-contrast-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-menu-item {
  color: var(--custom-nav-light-primary-main-contrast-color) !important;
  background-color: transparent !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-menu-item path {
  fill: var(--custom-nav-light-primary-main-contrast-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-menu-item.activeDashboard {
  color: var(--custom-nav-light-accent-active-contrast-color) !important;
  background-color: var(--custom-nav-light-accent-active-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-menu-item.activeDashboard path {
  fill: var(--custom-nav-light-accent-active-contrast-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .mat-mdc-menu-item:hover:not(.activeDashboard) {
  background-color: var(--custom-nav-light-accent-parent-hover-color) !important;
}
.navTheme .sidebar .mat-mdc-nav-list .sidebarBorder {
  border-color: var(--custom-nav-light-primary-section-border-color) !important;
}
.navTheme .toolbarContainer {
  background-color: var(--custom-nav-light-primary-header-color) !important;
}
.navTheme .toolbarContainer .mat-mdc-button path {
  fill: var(--custom-nav-light-primary-header-contrast-color) !important;
}
.navTheme .toolbarContainer #topProfile {
  border-color: var(--custom-nav-light-primary-header-contrast-color) !important;
}
.navTheme .toolbarContainer .logoIcon {
  background-color: var(--custom-nav-light-accent-header-logo-button-color) !important;
  border-color: transparent !important;
}
.navTheme .toolbarContainer .logoIcon:active {
  background-color: var(--custom-nav-light-accent-header-button-hover-color) !important;
}
.navTheme .toolbarContainer .webAppName {
  color: var(--custom-nav-light-primary-app-name-color) !important;
}
.navTheme .backButton {
  color: var(--custom-nav-light-primary-header-contrast-color);
}
.navTheme .backButton path {
  fill: var(--custom-nav-light-primary-header-contrast-color);
}
.navTheme .backButton:hover {
  color: var(--custom-nav-light-accent-header-button-hover-color);
}
.navTheme .backButton:hover path {
  fill: var(--custom-nav-light-accent-header-button-hover-color);
}
.navTheme .backButton:disabled {
  color: var(--custom-nav-light-accent-header-button-disabled-color) !important;
}
.navTheme .backButton:disabled path {
  fill: var(--custom-nav-light-accent-header-button-disabled-color);
}
.navTheme .panelBG {
  background-color:!important;
}
.navTheme .overlayBG {
  background-color:!important;
}
.navTheme .overlayBG .mat-menu-item {
  color: var(--custom-nav-light-primary-header-contrast-color) !important;
}
.navTheme .overlayBG .mat-menu-item:hover {
  background-color: var(--custom-nav-light-accent-active-color) !important;
}
.navTheme .mat-tab-label {
  opacity: 1 !important;
}
.navTheme .mat-tab-label .mat-tab-label-content {
  color:!important;
}
.navTheme .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .customTable .mat-cell,
.navTheme .overlayTable .mat-cell {
  color:!important;
}
.navTheme .customTable .mat-header-cell,
.navTheme .overlayTable .mat-header-cell {
  color:!important;
}
.navTheme .customTable table:not(.noTableHover) .mat-row:hover *:not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *),
.navTheme .overlayTable table:not(.noTableHover) .mat-row:hover *:not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *) {
  background-color:!important;
}
.navTheme .customTable .mat-progress-bar-buffer,
.navTheme .overlayTable .mat-progress-bar-buffer {
  background-color: var(--custom-nav-light-accent-active-color) !important;
}
.navTheme .customTable .mat-ink-bar,
.navTheme .customTable .mat-progress-bar-primary::after,
.navTheme .overlayTable .mat-ink-bar,
.navTheme .overlayTable .mat-progress-bar-primary::after {
  background-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .customTable:not(.panelAccentBG) {
  background-color:!important;
}
.navTheme .customTable:not(.panelAccentBG) *:not(.mdc-button *):not(button):not(.mat-ink-bar):not(mat-slide-toggle *):not(mat-form-field *):not(.eventLevel span):not(.menuButton *) {
  background-color:!important;
}
.navTheme .overlayTable {
  background-color:!important;
}
.navTheme .overlayTable *:not(.mdc-button *):not(button):not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *):not(mat-form-field *) {
  background-color:!important;
}
.navTheme .cardBG {
  background-color:!important;
}
.navTheme .tableSearch i {
  color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .tableSearch path {
  fill: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .rowSelected {
  color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.navTheme .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.navTheme .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .mat-expansion-panel {
  border: 1px dashed var(--custom-nav-light-primary-main-color);
  background-color:!important;
}
.navTheme .mat-expansion-panel:not(.mat-expanded):hover {
  background-color: var(--custom-nav-light-accent-active-color) !important;
}
.navTheme .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.navTheme .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.navTheme .mdc-checkbox__checkmark {
  border-color: var(--custom-nav-light-primary-main-color) !important;
  background-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark,
.navTheme .mdc-checkbox__checkmark {
  color:!important;
}
.navTheme .mdc-switch--selected .mdc-switch__track::after,
.navTheme .mdc-switch:enabled:hover .mdc-switch__track::after {
  background: var(--custom-nav-light-accent-active-color) !important;
}
.navTheme .panelAccentBG {
  background-color:!important;
}
.navTheme .dashboardWidgetCard {
  background-color:!important;
  color:!important;
  box-shadow: 0px 0px 26px 2px !important;
}
.navTheme .colorButtons .active {
  border-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .addNote {
  border: 2px dashed var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .addNote:hover {
  background-color:!important;
}
.navTheme .addNote:active {
  background-color: var(--custom-nav-light-accent-active-color) !important;
}
.navTheme .addNote button {
  color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .unsavedNote {
  color: #f44336 !important;
}
.navTheme .chartInfo p {
  color:!important;
}
.navTheme .opacityRectangle,
.navTheme .opacityRectangle2,
.navTheme .minAmountLine {
  background-color: var(--custom-nav-light-accent-parent-hover-color) !important;
}
.navTheme .alertEventDialog i {
  color: #f44336 !important;
}
.navTheme .amountCircle {
  background-color: #f44336 !important;
}
.navTheme .amountCircle2 {
  background-color: var(--custom-nav-light-accent-parent-hover-color) !important;
}
.navTheme .mat-snack-bar-container {
  color: var(--custom-light-accent-panel-color) !important;
}
.navTheme .customNgxPaginator .ngx-pagination .current {
  background-color: transparent;
  border: 1px solid;
  border-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .customNgxPaginator .ngx-pagination li:not(.current) span {
  color:!important;
}
.navTheme .customNgxPaginator .ngx-pagination .current,
.navTheme .customNgxPaginator .ngx-pagination .pagination-previous a,
.navTheme .customNgxPaginator .ngx-pagination .pagination-next a {
  color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .customNgxPaginator .ngx-pagination .disabled {
  color:!important;
}
.navTheme .paginatorPageCounter {
  color:!important;
}
.navTheme .inputWarning {
  color: #f44336 !important;
}
.navTheme .propic img,
.navTheme .propic .noPropic {
  border: 1px solid;
  border-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .propic .noPropic {
  background-color: var(--custom-nav-light-accent-active-color) !important;
}
.navTheme .propic .propicActions {
  background-color:!important;
  border-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .airQualityLabel {
  color:!important;
}
.navTheme .iconContainer {
  border-color:!important;
}
.navTheme .iconContainer i {
  color:!important;
}
.navTheme .iconContainer .backgroundDimmed {
  background-color:!important;
}
.navTheme .userRecap span:not(.username),
.navTheme .userRecap p {
  color:!important;
}
.navTheme .selectedWidget,
.navTheme .selectedRole {
  border-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .notificationHeader i,
.navTheme .notificationHeader p {
  color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .mapInfoWindowTitle {
  color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .cardBorderColor,
.navTheme .mediaCard {
  border-color: var(--custom-light-accent-text-color) !important;
}
.navTheme .mediaCard .linkText {
  color:!important;
}
.navTheme .deleteMediaBtn {
  color: #f44336 !important;
}
.navTheme .playlistContainer .mat-mdc-select-placeholder {
  color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .chip,
.navTheme .mapChip,
.navTheme .selectedCardBorderColor {
  border-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .chip.active {
  color: var(--custom-nav-light-primary-main-contrast-color) !important;
  background-color: var(--custom-nav-light-primary-main-color);
}
.navTheme .mapChip i,
.navTheme .mapChip span {
  color: var(--custom-nav-light-primary-main-color);
}
.navTheme .mat-mdc-mini-fab path {
  fill: var(--custom-nav-light-primary-main-contrast-color);
}
.navTheme .black4Text {
  color: #7B85A6;
}
.navTheme .slideshowBorder {
  border-color: var(--custom-light-accent-text-color) !important;
}
.navTheme .slideshowBorder .darkenedPreview {
  background-color: black;
}
.navTheme .alertPanel .panelIcon.warnColorIcon path {
  fill: #f44336;
}
.navTheme .alertPanel .panelIcon.accentColorIcon path {
  fill: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .alertPanel .alertContent .closeIcon path {
  fill: #BFBFBF;
}
.navTheme .primaryIcon path,
.navTheme .primaryIcon circle,
.navTheme .backIcon path,
.navTheme .backIcon circle {
  fill: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .successIcon path {
  fill: #3BAF29;
}
.navTheme .iconCircle .deviceTypeIcon path,
.navTheme .streamingIcon path,
.navTheme .play path,
.navTheme .stop path {
  fill: white;
}
.navTheme .imageBlock .closeIcon path {
  fill: var(--custom-nav-light-primary-main-color);
}
.navTheme .lightIcon path {
  fill: var(--custom-nav-light-primary-main-contrast-color) !important;
}
.navTheme .domainLogoMenu {
  background-color:!important;
  border-color: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .weatherWidgetContainer .mainWeatherIcon,
.navTheme .weatherWidgetContainer .cardIcon {
  fill: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .weatherWidgetContainer .arrowUp,
.navTheme .weatherWidgetContainer .arrowDown {
  color:!important;
}
.navTheme .weatherWidgetContainer .weatherCard {
  border-color: var(--custom-light-accent-text-color) !important;
}
.navTheme .weatherWidgetContainer .airQuality {
  background-color:!important;
  border-color:!important;
}
.navTheme .weatherWidgetContainer .goodAirQuality {
  fill: var(--custom-nav-light-primary-main-color) !important;
}
.navTheme .weatherWidgetContainer .mediumAirQuality {
  fill:!important;
}
.navTheme .weatherWidgetContainer .badAirQuality,
.navTheme .weatherWidgetContainer .valueArrow.up {
  fill: #f44336 !important;
}
.navTheme .weatherWidgetContainer .valueArrow.up {
  fill: #f44336 !important;
}
.navTheme .mat-accent {
  --mat-option-selected-state-label-text-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.navTheme .mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.navTheme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-nav-light-primary-main-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.navTheme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.navTheme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.navTheme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: var(--custom-nav-light-primary-main-color);
  --mat-progress-bar-track-color: var(--custom-nav-light-primary-main-color);
}
.navTheme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-progress-bar-track-color: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
.navTheme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-form-field-filled-focus-active-indicator-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-form-field-outlined-focus-outline-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 87%, transparent);
}
.navTheme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
.navTheme .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-select-invalid-arrow-color: #f44336;
}
.navTheme .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
.navTheme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.navTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-chip-elevated-container-color: var(--custom-nav-light-primary-main-color);
  --mat-chip-elevated-disabled-container-color: var(--custom-nav-light-primary-main-color);
  --mat-chip-elevated-selected-container-color: var(--custom-nav-light-primary-main-color);
  --mat-chip-flat-disabled-selected-container-color: var(--custom-nav-light-primary-main-color);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-chip-selected-trailing-icon-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-chip-with-icon-disabled-icon-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-chip-with-icon-icon-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-chip-with-icon-selected-icon-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--custom-nav-light-primary-main-contrast-color);
}
.navTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.navTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-elevated-container-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-chip-elevated-disabled-container-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-chip-elevated-selected-container-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-chip-flat-disabled-selected-container-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
}
.navTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.navTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.navTheme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-slide-toggle-selected-handle-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-slide-toggle-selected-hover-handle-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
.navTheme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: var(--custom-nav-light-primary-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-radio-selected-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-radio-selected-hover-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-radio-selected-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-accent {
  --mat-slider-active-track-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-slider-focus-handle-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-slider-handle-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-slider-hover-handle-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 4%, transparent);
  --mat-slider-inactive-track-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-slider-ripple-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-slider-with-tick-marks-inactive-container-color: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
.navTheme .mdc-list-item__start,
.navTheme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--custom-nav-light-primary-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-radio-selected-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-accent .mdc-list-item__start,
.navTheme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-radio-selected-hover-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-radio-selected-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-warn .mdc-list-item__start,
.navTheme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-selected-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.navTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.navTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.navTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: var(--custom-nav-light-primary-main-color);
}
.navTheme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.navTheme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.navTheme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.navTheme .mat-mdc-tab-group,
.navTheme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--custom-nav-light-primary-main-color);
  --mat-tab-active-ripple-color: var(--custom-nav-light-primary-main-color);
  --mat-tab-inactive-ripple-color: var(--custom-nav-light-primary-main-color);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--custom-nav-light-primary-main-color);
  --mat-tab-active-hover-label-text-color: var(--custom-nav-light-primary-main-color);
  --mat-tab-active-focus-indicator-color: var(--custom-nav-light-primary-main-color);
  --mat-tab-active-hover-indicator-color: var(--custom-nav-light-primary-main-color);
  --mat-tab-active-indicator-color: var(--custom-nav-light-primary-main-color);
}
.navTheme .mat-mdc-tab-group.mat-accent,
.navTheme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-tab-active-ripple-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-tab-inactive-ripple-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-tab-active-hover-label-text-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-tab-active-focus-indicator-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-tab-active-hover-indicator-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-tab-active-indicator-color: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .mat-mdc-tab-group.mat-warn,
.navTheme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.navTheme .mat-mdc-tab-group.mat-background-primary,
.navTheme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: var(--custom-nav-light-primary-main-color);
  --mat-tab-foreground-color: var(--custom-nav-light-primary-main-contrast-color);
}
.navTheme .mat-mdc-tab-group.mat-background-accent,
.navTheme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .mat-mdc-tab-group.mat-background-warn,
.navTheme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.navTheme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-nav-light-primary-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-mdc-button.mat-primary,
.navTheme .mat-mdc-unelevated-button.mat-primary,
.navTheme .mat-mdc-raised-button.mat-primary,
.navTheme .mat-mdc-outlined-button.mat-primary,
.navTheme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: var(--custom-nav-light-primary-main-color);
  --mat-button-filled-label-text-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--custom-nav-light-primary-main-contrast-color) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-button-outlined-label-text-color: var(--custom-nav-light-primary-main-color);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--custom-nav-light-primary-main-color);
  --mat-button-protected-container-color: var(--custom-nav-light-primary-main-color);
  --mat-button-protected-label-text-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--custom-nav-light-primary-main-contrast-color) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-button-text-label-text-color: var(--custom-nav-light-primary-main-color);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 12%, transparent);
  --mat-button-text-state-layer-color: var(--custom-nav-light-primary-main-color);
  --mat-button-tonal-container-color: var(--custom-nav-light-primary-main-color);
  --mat-button-tonal-label-text-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--custom-nav-light-primary-main-contrast-color) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--custom-nav-light-primary-main-contrast-color);
}
.navTheme .mat-mdc-button.mat-accent,
.navTheme .mat-mdc-unelevated-button.mat-accent,
.navTheme .mat-mdc-raised-button.mat-accent,
.navTheme .mat-mdc-outlined-button.mat-accent,
.navTheme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-outlined-label-text-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-button-protected-container-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-text-label-text-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 12%, transparent);
  --mat-button-text-state-layer-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-button-tonal-container-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, 12%, transparent);
}
.navTheme .mat-mdc-button.mat-warn,
.navTheme .mat-mdc-unelevated-button.mat-warn,
.navTheme .mat-mdc-raised-button.mat-warn,
.navTheme .mat-mdc-outlined-button.mat-warn,
.navTheme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.navTheme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: var(--custom-nav-light-primary-main-color);
  --mat-icon-button-state-layer-color: var(--custom-nav-light-primary-main-color);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 12%, transparent);
}
.navTheme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-icon-button-state-layer-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 12%, transparent);
}
.navTheme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
.navTheme .mat-mdc-fab.mat-primary,
.navTheme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: var(--custom-nav-light-primary-main-color);
  --mat-fab-foreground-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-fab-ripple-color: color-mix(in srgb, var(--custom-nav-light-primary-main-color) 12%, transparent);
  --mat-fab-small-container-color: var(--custom-nav-light-primary-main-color);
  --mat-fab-small-foreground-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--custom-nav-light-primary-main-contrast-color) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--custom-nav-light-primary-main-contrast-color);
  --mat-fab-state-layer-color: var(--custom-nav-light-primary-main-contrast-color);
}
.navTheme .mat-mdc-fab.mat-accent,
.navTheme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-fab-ripple-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 12%, transparent);
  --mat-fab-small-container-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, 12%, transparent);
}
.navTheme .mat-mdc-fab.mat-warn,
.navTheme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.navTheme .mat-accent {
  --mat-progress-spinner-active-indicator-color: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
.navTheme .mat-badge-accent {
  --mat-badge-background-color: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
.navTheme .mat-datepicker-content.mat-accent,
.navTheme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-datepicker-content.mat-warn,
.navTheme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-nav-light-accent-parent-hover-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.navTheme .mat-icon.mat-primary {
  --mat-icon-color: var(--custom-nav-light-primary-main-color);
}
.navTheme .mat-icon.mat-accent {
  --mat-icon-color: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
.navTheme .mat-step-header.mat-accent {
  --mat-stepper-header-selected-state-icon-background-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-stepper-header-done-state-icon-background-color: var(--custom-nav-light-accent-parent-hover-color);
  --mat-stepper-header-edit-state-icon-background-color: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.navTheme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--custom-nav-light-primary-main-color);
  --mat-toolbar-container-text-color: var(--custom-nav-light-primary-main-contrast-color);
}
.navTheme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--custom-nav-light-accent-parent-hover-color);
}
.navTheme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
.darkMode .navTheme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: var(--custom-nav-dark-primary-main-color);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    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-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    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-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--custom-nav-dark-primary-main-color);
  --mat-form-field-filled-focus-active-indicator-color: var(--custom-nav-dark-primary-main-color);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--custom-nav-dark-primary-main-color);
  --mat-form-field-outlined-focus-outline-color: var(--custom-nav-dark-primary-main-color);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--custom-nav-dark-primary-main-color);
  --mat-select-invalid-arrow-color: #f44336;
  --mat-autocomplete-background-color: white;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-selected-icon-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-slide-toggle-disabled-selected-icon-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--custom-nav-dark-primary-main-color);
  --mat-slide-toggle-selected-handle-color: var(--custom-nav-dark-primary-main-color);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--custom-nav-dark-primary-main-color);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--custom-nav-dark-primary-main-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--custom-nav-dark-primary-main-color);
  --mat-slide-toggle-selected-hover-handle-color: var(--custom-nav-dark-primary-main-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--custom-nav-dark-primary-main-color);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-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-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-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-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slider-active-track-color: var(--custom-nav-dark-primary-main-color);
  --mat-slider-focus-handle-color: var(--custom-nav-dark-primary-main-color);
  --mat-slider-handle-color: var(--custom-nav-dark-primary-main-color);
  --mat-slider-hover-handle-color: var(--custom-nav-dark-primary-main-color);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 4%, transparent);
  --mat-slider-inactive-track-color: var(--custom-nav-dark-primary-main-color);
  --mat-slider-ripple-color: var(--custom-nav-dark-primary-main-color);
  --mat-slider-with-tick-marks-active-container-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-slider-with-tick-marks-inactive-container-color: var(--custom-nav-dark-primary-main-color);
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-selected-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-progress-spinner-active-indicator-color: var(--custom-nav-dark-primary-main-color);
  --mat-badge-background-color: var(--custom-nav-dark-primary-main-color);
  --mat-badge-text-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--custom-nav-dark-primary-main-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-icon-color: inherit;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-stepper-header-selected-state-icon-background-color: var(--custom-nav-dark-primary-main-color);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-stepper-header-done-state-icon-background-color: var(--custom-nav-dark-primary-main-color);
  --mat-stepper-header-done-state-icon-foreground-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-stepper-header-edit-state-icon-background-color: var(--custom-nav-dark-primary-main-color);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-timepicker-container-background-color: white;
}
.darkMode .navTheme .mat-drawer-container {
  background-color:!important;
  color:!important;
}
.darkMode .navTheme .userSidebars.mat-drawer .mat-drawer-inner-container {
  background-color:!important;
}
.darkMode .navTheme .secondaryTextColor {
  color:!important;
}
.darkMode .navTheme .tertiaryTextColor {
  color: var(--custom-nav-dark-primary-main-contrast-color) !important;
}
.darkMode .navTheme .bgTextColor {
  color:!important;
}
.darkMode .navTheme a,
.darkMode .navTheme a:link,
.darkMode .navTheme a:visited,
.darkMode .navTheme .link {
  color: var(--custom-nav-dark-primary-main-color);
}
.darkMode .navTheme a:hover,
.darkMode .navTheme a:active,
.darkMode .navTheme .link:hover {
  color: var(--custom-nav-dark-primary-child-color) !important;
}
.darkMode .navTheme .darkText {
  color: var(--custom-dark-primary-text-color) !important;
}
.darkMode .navTheme .primaryColorText {
  color: var(--custom-nav-dark-primary-main-color);
}
.darkMode .navTheme .accentColorText {
  color: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .lightAccentColorText {
  color: var(--custom-light-accent-text-color);
}
.darkMode .navTheme .warnColorText,
.darkMode .navTheme .warnLink {
  color: #f44336;
}
.darkMode .navTheme .warnAccentColorText {
  color:!important;
}
.darkMode .navTheme .primaryColorBG {
  background-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .onHoverPrimaryColorBG:hover {
  background-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .accentColorBG {
  background-color: var(--custom-nav-dark-accent-parent-hover-color) !important;
}
.darkMode .navTheme .warnColorBG {
  background-color: #f44336 !important;
}
.darkMode .navTheme .warnAccentColorBG {
  background-color:!important;
}
.darkMode .navTheme .primaryColorText {
  color: var(--custom-nav-dark-primary-main-color);
}
.darkMode .navTheme .accentColorText {
  color: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .warnColorText {
  color: #f44336;
}
.darkMode .navTheme .warnAccentColorText {
  color:!important;
}
.darkMode .navTheme .primaryColorBorder {
  border-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .accentColorBorder {
  border-color: var(--custom-nav-dark-accent-parent-hover-color) !important;
}
.darkMode .navTheme .warnColorBorder {
  border-color: #f44336 !important;
}
.darkMode .navTheme .warnAccentColorBorder {
  border-color:!important;
}
.darkMode .navTheme .active {
  color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .infoField > span:first-child {
  color:!important;
}
.darkMode .navTheme ngx-mat-datetime-content {
  background-color:!important;
}
.darkMode .navTheme .cdk-overlay-container .mat-datepicker-content .mat-stroked-button {
  background-color: var(--custom-nav-dark-primary-main-color) !important;
  color: var(--custom-nav-dark-primary-main-contrast-color) !important;
}
.darkMode .navTheme .cdk-overlay-container .mat-datepicker-content .mat-stroked-button.mat-button-disabled {
  color: var(--custom-nav-dark-accent-active-color) !important;
  background-color: var(--custom-nav-dark-primary-child-contrast-color) !important;
}
.darkMode .navTheme .cdk-overlay-container .mat-form-field-ripple {
  background-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .cdk-overlay-container mat-datepicker-content .mat-calendar-body-in-range .mat-calendar-body-cell-content,
.darkMode .navTheme .cdk-overlay-container mat-datepicker-content .mat-calendar-body-cell:hover .mat-calendar-body-cell-content,
.darkMode .navTheme .cdk-overlay-container mat-datepicker-content .mat-calendar-body-cell:focus .mat-calendar-body-cell-content {
  color: var(--custom-nav-dark-primary-main-contrast-color) !important;
}
.darkMode .navTheme .mat-select-panel {
  background-color:!important;
}
.darkMode .navTheme .mat-select-panel .mat-active {
  background-color: var(--custom-nav-dark-primary-main-color) !important;
  color: var(--custom-nav-dark-primary-main-contrast-color) !important;
}
.darkMode .navTheme mat-datepicker-toggle {
  color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .customColorField .circle,
.darkMode .navTheme .colorField .circle {
  border-color: #C5CAD8;
}
.darkMode .navTheme .customColorField .circle.empty,
.darkMode .navTheme .colorField .circle.empty {
  border-color: #7B85A6;
}
.darkMode .navTheme .colorFieldBorder.selected {
  border-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .helpButton {
  color:!important;
}
.darkMode .navTheme .helpButton:hover {
  color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .playBtn {
  background-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .playBtn:disabled {
  background-color: var(--custom-nav-dark-primary-child-contrast-color) !important;
}
.darkMode .navTheme .playBtn:disabled i {
  color: var(--custom-nav-dark-accent-active-color) !important;
}
.darkMode .navTheme .actionButton,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .navTheme .mat-button:nth-child(2),
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:nth-child(2),
.darkMode .navTheme .warnButton,
.darkMode .navTheme .smallActionButton,
.darkMode .navTheme .smallWarnButton {
  color: var(--custom-nav-dark-primary-main-contrast-color) !important;
}
.darkMode .navTheme .actionButton path,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2) path,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .navTheme .mat-button:nth-child(2) path,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:nth-child(2) path,
.darkMode .navTheme .warnButton path,
.darkMode .navTheme .smallActionButton path,
.darkMode .navTheme .smallWarnButton path {
  fill: var(--custom-nav-dark-primary-main-contrast-color) !important;
}
.darkMode .navTheme .outlineActionButton,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .navTheme .mat-button:first-child,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:first-child,
.darkMode .navTheme .smallOutlineActionButton {
  color: var(--custom-nav-dark-primary-main-color) !important;
  border-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .outlineActionButton path,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child path,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .navTheme .mat-button:first-child path,
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:first-child path,
.darkMode .navTheme .smallOutlineActionButton path {
  fill: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .outlineActionButton:hover,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:hover:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .navTheme .mat-button:hover:first-child,
.darkMode .navTheme .smallOutlineActionButton:hover {
  color: var(--custom-nav-dark-primary-main-color) !important;
  background-color:!important;
}
.darkMode .navTheme .outlineActionButton:active,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:active:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .navTheme .mat-button:active:first-child,
.darkMode .navTheme .smallOutlineActionButton:active {
  color: var(--custom-nav-dark-primary-main-color) !important;
  background-color: var(--custom-nav-dark-accent-active-color) !important;
}
.darkMode .navTheme .outlineActionButton:disabled,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:first-child,
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .navTheme .mat-button:disabled:first-child,
.darkMode .navTheme .smallOutlineActionButton:disabled {
  color: var(--custom-nav-dark-primary-child-contrast-color) !important;
  border-color: var(--custom-nav-dark-primary-child-contrast-color) !important;
}
.darkMode .navTheme .outlineWarnButton {
  border: 1px solid;
  color: #f44336 !important;
  border-color: #f44336 !important;
}
.darkMode .navTheme .outlineWarnButton:hover,
.darkMode .navTheme .outlineWarnButton:active {
  background-color: #ffcdd2 !important;
}
.darkMode .navTheme .outlineWarnButton:disabled {
  color: #ffcdd2 !important;
  border-color: #ffcdd2 !important;
}
.darkMode .navTheme .outlineWarnButton:focus {
  box-shadow: unset !important;
}
.darkMode .navTheme .actionButton,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .navTheme .mat-button:nth-child(2),
.darkMode .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .navTheme .mat-button:nth-child(2),
.darkMode .navTheme .smallActionButton,
.darkMode .navTheme .extraSmallActionButton {
  background-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .actionButton:hover,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:hover:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .navTheme .mat-button:hover:nth-child(2),
.darkMode .navTheme .actionButton:active,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:active:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .navTheme .mat-button:active:nth-child(2),
.darkMode .navTheme .smallActionButton:hover,
.darkMode .navTheme .smallActionButton:active,
.darkMode .navTheme .extraSmallActionButton:hover,
.darkMode .navTheme .extraSmallActionButton:active {
  background-color: var(--custom-nav-dark-primary-child-color) !important;
}
.darkMode .navTheme .actionButton:disabled,
.darkMode .navTheme .cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:nth-child(2),
.cdk-overlay-container mat-timepicker-dialog .mat-dialog-actions .darkMode .navTheme .mat-button:disabled:nth-child(2),
.darkMode .navTheme .smallActionButton:disabled,
.darkMode .navTheme .extraSmallActionButton:disabled {
  color: var(--custom-nav-dark-accent-active-color) !important;
  background-color: var(--custom-nav-dark-primary-child-contrast-color) !important;
}
.darkMode .navTheme .warnButton,
.darkMode .navTheme .smallWarnButton {
  background-color: #f44336 !important;
}
.darkMode .navTheme .warnButton:hover,
.darkMode .navTheme .smallWarnButton:hover {
  background-color:!important;
}
.darkMode .navTheme .warnButton:active,
.darkMode .navTheme .smallWarnButton:active {
  background-color:!important;
}
.darkMode .navTheme .warnButton:disabled,
.darkMode .navTheme .smallWarnButton:disabled {
  background-color: #ffcdd2 !important;
}
.darkMode .navTheme .warnButton:focus,
.darkMode .navTheme .smallWarnButton:focus {
  box-shadow: unset !important;
}
.darkMode .navTheme .searchRangeBtn .mat-button-toggle-checked {
  background-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .searchRangeBtn .mat-button-toggle-checked:hover,
.darkMode .navTheme .searchRangeBtn .mat-button-toggle-checked:active {
  background-color: var(--custom-nav-dark-primary-child-color) !important;
}
.darkMode .navTheme .searchRangeBtn mat-button-toggle:hover {
  background-color:!important;
}
.darkMode .navTheme .searchRangeBtn mat-button-toggle:active {
  background-color: var(--custom-nav-dark-accent-active-color) !important;
}
.darkMode .navTheme .toggleButtons .mat-button-toggle-checked {
  background-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .toggleButtons .mat-button-toggle-checked:hover,
.darkMode .navTheme .toggleButtons .mat-button-toggle-checked:active {
  background-color: var(--custom-nav-dark-primary-child-color) !important;
}
.darkMode .navTheme .toggleButtons mat-button-toggle {
  background-color:!important;
}
.darkMode .navTheme .toggleButtons mat-button-toggle:hover {
  background-color:!important;
}
.darkMode .navTheme .toggleButtons mat-button-toggle:active {
  background-color: var(--custom-nav-dark-accent-active-color) !important;
}
.darkMode .navTheme .iconInfoButton {
  color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .iconInfoButton path,
.darkMode .navTheme .iconInfoButton circle {
  fill: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .iconDeleteButton,
.darkMode .navTheme .alertIcon {
  color: #f44336 !important;
}
.darkMode .navTheme .iconDeleteButton path,
.darkMode .navTheme .alertIcon path {
  fill: #f44336 !important;
}
.darkMode .navTheme .searchDeviceBG,
.darkMode .navTheme .iconBG {
  background-color:!important;
}
.darkMode .navTheme .toolbarShadow {
  box-shadow: 4px 4px 16px 3px !important;
}
.darkMode .navTheme .mat-drawer-inner-container {
  background-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list {
  background-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list h6 {
  color: var(--custom-nav-dark-primary-section-title-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item span,
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item i {
  color: var(--custom-nav-dark-primary-main-contrast-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item .svg path {
  fill: var(--custom-nav-dark-primary-main-contrast-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item:not(.childBg):hover {
  background-color: var(--custom-nav-dark-accent-parent-hover-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item.childBg {
  background-color: var(--custom-nav-dark-primary-child-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item.childBg:hover:not(.active) {
  background-color: var(--custom-nav-dark-accent-child-hover-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active {
  background-color: var(--custom-nav-dark-accent-active-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active span,
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active i {
  color: var(--custom-nav-dark-accent-active-contrast-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-list-item.active .svg path {
  fill: var(--custom-nav-dark-accent-active-contrast-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-menu-item {
  color: var(--custom-nav-dark-primary-main-contrast-color) !important;
  background-color: transparent !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-menu-item path {
  fill: var(--custom-nav-dark-primary-main-contrast-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-menu-item.activeDashboard {
  color: var(--custom-nav-dark-accent-active-contrast-color) !important;
  background-color: var(--custom-nav-dark-accent-active-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-menu-item.activeDashboard path {
  fill: var(--custom-nav-dark-accent-active-contrast-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .mat-mdc-menu-item:hover:not(.activeDashboard) {
  background-color: var(--custom-nav-dark-accent-parent-hover-color) !important;
}
.darkMode .navTheme .sidebar .mat-mdc-nav-list .sidebarBorder {
  border-color: var(--custom-nav-dark-primary-section-border-color) !important;
}
.darkMode .navTheme .toolbarContainer {
  background-color: var(--custom-nav-dark-primary-header-color) !important;
}
.darkMode .navTheme .toolbarContainer .mat-mdc-button path {
  fill: var(--custom-nav-dark-primary-header-contrast-color) !important;
}
.darkMode .navTheme .toolbarContainer #topProfile {
  border-color: var(--custom-nav-dark-primary-header-contrast-color) !important;
}
.darkMode .navTheme .toolbarContainer .logoIcon {
  background-color: var(--custom-nav-dark-accent-header-logo-button-color) !important;
  border-color: transparent !important;
}
.darkMode .navTheme .toolbarContainer .logoIcon:active {
  background-color: var(--custom-nav-dark-accent-header-button-hover-color) !important;
}
.darkMode .navTheme .toolbarContainer .webAppName {
  color: var(--custom-nav-dark-primary-app-name-color) !important;
}
.darkMode .navTheme .backButton {
  color: var(--custom-nav-dark-primary-header-contrast-color);
}
.darkMode .navTheme .backButton path {
  fill: var(--custom-nav-dark-primary-header-contrast-color);
}
.darkMode .navTheme .backButton:hover {
  color: var(--custom-nav-dark-accent-header-button-hover-color);
}
.darkMode .navTheme .backButton:hover path {
  fill: var(--custom-nav-dark-accent-header-button-hover-color);
}
.darkMode .navTheme .backButton:disabled {
  color: var(--custom-nav-dark-accent-header-button-disabled-color) !important;
}
.darkMode .navTheme .backButton:disabled path {
  fill: var(--custom-nav-dark-accent-header-button-disabled-color);
}
.darkMode .navTheme .panelBG {
  background-color:!important;
}
.darkMode .navTheme .overlayBG {
  background-color:!important;
}
.darkMode .navTheme .overlayBG .mat-menu-item {
  color: var(--custom-nav-dark-primary-main-contrast-color) !important;
}
.darkMode .navTheme .overlayBG .mat-menu-item:hover {
  background-color: var(--custom-nav-dark-accent-active-color) !important;
}
.darkMode .navTheme .mat-tab-label {
  opacity: 1 !important;
}
.darkMode .navTheme .mat-tab-label .mat-tab-label-content {
  color:!important;
}
.darkMode .navTheme .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .customTable .mat-cell,
.darkMode .navTheme .overlayTable .mat-cell {
  color:!important;
}
.darkMode .navTheme .customTable .mat-header-cell,
.darkMode .navTheme .overlayTable .mat-header-cell {
  color:!important;
}
.darkMode .navTheme .customTable table:not(.noTableHover) .mat-row:hover *:not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *),
.darkMode .navTheme .overlayTable table:not(.noTableHover) .mat-row:hover *:not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *) {
  background-color:!important;
}
.darkMode .navTheme .customTable .mat-progress-bar-buffer,
.darkMode .navTheme .overlayTable .mat-progress-bar-buffer {
  background-color: var(--custom-nav-dark-accent-active-color) !important;
}
.darkMode .navTheme .customTable .mat-ink-bar,
.darkMode .navTheme .customTable .mat-progress-bar-primary::after,
.darkMode .navTheme .overlayTable .mat-ink-bar,
.darkMode .navTheme .overlayTable .mat-progress-bar-primary::after {
  background-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .customTable:not(.panelAccentBG) {
  background-color:!important;
}
.darkMode .navTheme .customTable:not(.panelAccentBG) *:not(.mdc-button *):not(button):not(.mat-ink-bar):not(mat-slide-toggle *):not(mat-form-field *):not(.eventLevel span):not(.menuButton *) {
  background-color:!important;
}
.darkMode .navTheme .overlayTable {
  background-color:!important;
}
.darkMode .navTheme .overlayTable *:not(.mdc-button *):not(button):not(.mat-progress-bar-buffer):not(.mat-ink-bar):not(mat-slide-toggle *):not(mat-form-field *) {
  background-color:!important;
}
.darkMode .navTheme .cardBG {
  background-color:!important;
}
.darkMode .navTheme .tableSearch i {
  color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .tableSearch path {
  fill: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .rowSelected {
  color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.darkMode .navTheme .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.darkMode .navTheme .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .mat-expansion-panel {
  border: 1px dashed var(--custom-nav-dark-primary-main-color);
  background-color:!important;
}
.darkMode .navTheme .mat-expansion-panel:not(.mat-expanded):hover {
  background-color: var(--custom-nav-dark-accent-active-color) !important;
}
.darkMode .navTheme .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.darkMode .navTheme .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.darkMode .navTheme .mdc-checkbox__checkmark {
  border-color: var(--custom-nav-dark-primary-main-color) !important;
  background-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark,
.darkMode .navTheme .mdc-checkbox__checkmark {
  color:!important;
}
.darkMode .navTheme .mdc-switch--selected .mdc-switch__track::after,
.darkMode .navTheme .mdc-switch:enabled:hover .mdc-switch__track::after {
  background: var(--custom-nav-dark-accent-active-color) !important;
}
.darkMode .navTheme .panelAccentBG {
  background-color:!important;
}
.darkMode .navTheme .dashboardWidgetCard {
  background-color:!important;
  color:!important;
  box-shadow: 0px 0px 26px 2px !important;
}
.darkMode .navTheme .colorButtons .active {
  border-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .addNote {
  border: 2px dashed var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .addNote:hover {
  background-color:!important;
}
.darkMode .navTheme .addNote:active {
  background-color: var(--custom-nav-dark-accent-active-color) !important;
}
.darkMode .navTheme .addNote button {
  color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .unsavedNote {
  color: #f44336 !important;
}
.darkMode .navTheme .chartInfo p {
  color:!important;
}
.darkMode .navTheme .opacityRectangle,
.darkMode .navTheme .opacityRectangle2,
.darkMode .navTheme .minAmountLine {
  background-color: var(--custom-nav-dark-accent-parent-hover-color) !important;
}
.darkMode .navTheme .alertEventDialog i {
  color: #f44336 !important;
}
.darkMode .navTheme .amountCircle {
  background-color: #f44336 !important;
}
.darkMode .navTheme .amountCircle2 {
  background-color: var(--custom-nav-dark-accent-parent-hover-color) !important;
}
.darkMode .navTheme .mat-snack-bar-container {
  color: var(--custom-light-accent-panel-color) !important;
}
.darkMode .navTheme .customNgxPaginator .ngx-pagination .current {
  background-color: transparent;
  border: 1px solid;
  border-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .customNgxPaginator .ngx-pagination li:not(.current) span {
  color:!important;
}
.darkMode .navTheme .customNgxPaginator .ngx-pagination .current,
.darkMode .navTheme .customNgxPaginator .ngx-pagination .pagination-previous a,
.darkMode .navTheme .customNgxPaginator .ngx-pagination .pagination-next a {
  color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .customNgxPaginator .ngx-pagination .disabled {
  color:!important;
}
.darkMode .navTheme .paginatorPageCounter {
  color:!important;
}
.darkMode .navTheme .inputWarning {
  color: #f44336 !important;
}
.darkMode .navTheme .propic img,
.darkMode .navTheme .propic .noPropic {
  border: 1px solid;
  border-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .propic .noPropic {
  background-color: var(--custom-nav-dark-accent-active-color) !important;
}
.darkMode .navTheme .propic .propicActions {
  background-color:!important;
  border-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .airQualityLabel {
  color:!important;
}
.darkMode .navTheme .iconContainer {
  border-color:!important;
}
.darkMode .navTheme .iconContainer i {
  color:!important;
}
.darkMode .navTheme .iconContainer .backgroundDimmed {
  background-color:!important;
}
.darkMode .navTheme .userRecap span:not(.username),
.darkMode .navTheme .userRecap p {
  color:!important;
}
.darkMode .navTheme .selectedWidget,
.darkMode .navTheme .selectedRole {
  border-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .notificationHeader i,
.darkMode .navTheme .notificationHeader p {
  color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .mapInfoWindowTitle {
  color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .cardBorderColor,
.darkMode .navTheme .mediaCard {
  border-color: var(--custom-light-accent-text-color) !important;
}
.darkMode .navTheme .mediaCard .linkText {
  color:!important;
}
.darkMode .navTheme .deleteMediaBtn {
  color: #f44336 !important;
}
.darkMode .navTheme .playlistContainer .mat-mdc-select-placeholder {
  color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .chip,
.darkMode .navTheme .mapChip,
.darkMode .navTheme .selectedCardBorderColor {
  border-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .chip.active {
  color: var(--custom-nav-dark-primary-main-contrast-color) !important;
  background-color: var(--custom-nav-dark-primary-main-color);
}
.darkMode .navTheme .mapChip i,
.darkMode .navTheme .mapChip span {
  color: var(--custom-nav-dark-primary-main-color);
}
.darkMode .navTheme .mat-mdc-mini-fab path {
  fill: var(--custom-nav-dark-primary-main-contrast-color);
}
.darkMode .navTheme .black4Text {
  color: #7B85A6;
}
.darkMode .navTheme .slideshowBorder {
  border-color: var(--custom-light-accent-text-color) !important;
}
.darkMode .navTheme .slideshowBorder .darkenedPreview {
  background-color: black;
}
.darkMode .navTheme .alertPanel .panelIcon.warnColorIcon path {
  fill: #f44336;
}
.darkMode .navTheme .alertPanel .panelIcon.accentColorIcon path {
  fill: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .alertPanel .alertContent .closeIcon path {
  fill: #BFBFBF;
}
.darkMode .navTheme .primaryIcon path,
.darkMode .navTheme .primaryIcon circle,
.darkMode .navTheme .backIcon path,
.darkMode .navTheme .backIcon circle {
  fill: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .successIcon path {
  fill: #3BAF29;
}
.darkMode .navTheme .iconCircle .deviceTypeIcon path,
.darkMode .navTheme .streamingIcon path,
.darkMode .navTheme .play path,
.darkMode .navTheme .stop path {
  fill: white;
}
.darkMode .navTheme .imageBlock .closeIcon path {
  fill: var(--custom-nav-dark-primary-main-color);
}
.darkMode .navTheme .lightIcon path {
  fill: var(--custom-nav-dark-primary-main-contrast-color) !important;
}
.darkMode .navTheme .domainLogoMenu {
  background-color:!important;
  border-color: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .weatherWidgetContainer .mainWeatherIcon,
.darkMode .navTheme .weatherWidgetContainer .cardIcon {
  fill: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .weatherWidgetContainer .arrowUp,
.darkMode .navTheme .weatherWidgetContainer .arrowDown {
  color:!important;
}
.darkMode .navTheme .weatherWidgetContainer .weatherCard {
  border-color: var(--custom-light-accent-text-color) !important;
}
.darkMode .navTheme .weatherWidgetContainer .airQuality {
  background-color:!important;
  border-color:!important;
}
.darkMode .navTheme .weatherWidgetContainer .goodAirQuality {
  fill: var(--custom-nav-dark-primary-main-color) !important;
}
.darkMode .navTheme .weatherWidgetContainer .mediumAirQuality {
  fill:!important;
}
.darkMode .navTheme .weatherWidgetContainer .badAirQuality,
.darkMode .navTheme .weatherWidgetContainer .valueArrow.up {
  fill: #f44336 !important;
}
.darkMode .navTheme .weatherWidgetContainer .valueArrow.up {
  fill: #f44336 !important;
}
.darkMode .navTheme .mat-accent {
  --mat-option-selected-state-label-text-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.darkMode .navTheme .mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.darkMode .navTheme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-nav-dark-primary-main-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.darkMode .navTheme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.darkMode .navTheme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.darkMode .navTheme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: var(--custom-nav-dark-primary-main-color);
  --mat-progress-bar-track-color: var(--custom-nav-dark-primary-main-color);
}
.darkMode .navTheme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-progress-bar-track-color: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
.darkMode .navTheme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-form-field-filled-focus-active-indicator-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-form-field-outlined-focus-outline-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 87%, transparent);
}
.darkMode .navTheme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
.darkMode .navTheme .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-select-invalid-arrow-color: #f44336;
}
.darkMode .navTheme .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
.darkMode .navTheme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.darkMode .navTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-chip-elevated-container-color: var(--custom-nav-dark-primary-main-color);
  --mat-chip-elevated-disabled-container-color: var(--custom-nav-dark-primary-main-color);
  --mat-chip-elevated-selected-container-color: var(--custom-nav-dark-primary-main-color);
  --mat-chip-flat-disabled-selected-container-color: var(--custom-nav-dark-primary-main-color);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-chip-selected-disabled-trailing-icon-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-chip-selected-trailing-icon-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-chip-with-icon-disabled-icon-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-chip-with-icon-icon-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-chip-with-icon-selected-icon-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--custom-nav-dark-primary-main-contrast-color);
}
.darkMode .navTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.darkMode .navTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-elevated-container-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-chip-elevated-disabled-container-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-chip-elevated-selected-container-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-chip-flat-disabled-selected-container-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
}
.darkMode .navTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.darkMode .navTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.darkMode .navTheme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-slide-toggle-selected-handle-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-slide-toggle-selected-hover-handle-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
.darkMode .navTheme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: var(--custom-nav-dark-primary-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-radio-selected-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-radio-selected-hover-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-radio-selected-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-accent {
  --mat-slider-active-track-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-slider-focus-handle-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-slider-handle-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-slider-hover-handle-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 4%, transparent);
  --mat-slider-inactive-track-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-slider-ripple-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-slider-with-tick-marks-inactive-container-color: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
.darkMode .navTheme .mdc-list-item__start,
.darkMode .navTheme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--custom-nav-dark-primary-main-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-radio-selected-hover-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-radio-selected-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-accent .mdc-list-item__start,
.darkMode .navTheme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-radio-selected-hover-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-radio-selected-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-radio-selected-pressed-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-warn .mdc-list-item__start,
.darkMode .navTheme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-selected-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.darkMode .navTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.darkMode .navTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.darkMode .navTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: var(--custom-nav-dark-primary-main-color);
}
.darkMode .navTheme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.darkMode .navTheme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.darkMode .navTheme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.darkMode .navTheme .mat-mdc-tab-group,
.darkMode .navTheme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--custom-nav-dark-primary-main-color);
  --mat-tab-active-ripple-color: var(--custom-nav-dark-primary-main-color);
  --mat-tab-inactive-ripple-color: var(--custom-nav-dark-primary-main-color);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--custom-nav-dark-primary-main-color);
  --mat-tab-active-hover-label-text-color: var(--custom-nav-dark-primary-main-color);
  --mat-tab-active-focus-indicator-color: var(--custom-nav-dark-primary-main-color);
  --mat-tab-active-hover-indicator-color: var(--custom-nav-dark-primary-main-color);
  --mat-tab-active-indicator-color: var(--custom-nav-dark-primary-main-color);
}
.darkMode .navTheme .mat-mdc-tab-group.mat-accent,
.darkMode .navTheme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-tab-active-ripple-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-tab-inactive-ripple-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-tab-active-hover-label-text-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-tab-active-focus-indicator-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-tab-active-hover-indicator-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-tab-active-indicator-color: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .mat-mdc-tab-group.mat-warn,
.darkMode .navTheme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.darkMode .navTheme .mat-mdc-tab-group.mat-background-primary,
.darkMode .navTheme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: var(--custom-nav-dark-primary-main-color);
  --mat-tab-foreground-color: var(--custom-nav-dark-primary-main-contrast-color);
}
.darkMode .navTheme .mat-mdc-tab-group.mat-background-accent,
.darkMode .navTheme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .mat-mdc-tab-group.mat-background-warn,
.darkMode .navTheme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.darkMode .navTheme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-checkbox-selected-focus-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-selected-hover-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-selected-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-selected-pressed-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-selected-hover-state-layer-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--custom-nav-dark-primary-main-color);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-mdc-button.mat-primary,
.darkMode .navTheme .mat-mdc-unelevated-button.mat-primary,
.darkMode .navTheme .mat-mdc-raised-button.mat-primary,
.darkMode .navTheme .mat-mdc-outlined-button.mat-primary,
.darkMode .navTheme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: var(--custom-nav-dark-primary-main-color);
  --mat-button-filled-label-text-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-contrast-color) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-button-outlined-label-text-color: var(--custom-nav-dark-primary-main-color);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--custom-nav-dark-primary-main-color);
  --mat-button-protected-container-color: var(--custom-nav-dark-primary-main-color);
  --mat-button-protected-label-text-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-contrast-color) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-button-text-label-text-color: var(--custom-nav-dark-primary-main-color);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 12%, transparent);
  --mat-button-text-state-layer-color: var(--custom-nav-dark-primary-main-color);
  --mat-button-tonal-container-color: var(--custom-nav-dark-primary-main-color);
  --mat-button-tonal-label-text-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-contrast-color) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--custom-nav-dark-primary-main-contrast-color);
}
.darkMode .navTheme .mat-mdc-button.mat-accent,
.darkMode .navTheme .mat-mdc-unelevated-button.mat-accent,
.darkMode .navTheme .mat-mdc-raised-button.mat-accent,
.darkMode .navTheme .mat-mdc-outlined-button.mat-accent,
.darkMode .navTheme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-button-filled-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-outlined-label-text-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-button-protected-container-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-button-protected-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-text-label-text-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 12%, transparent);
  --mat-button-text-state-layer-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-button-tonal-container-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-button-tonal-ripple-color: color-mix(in srgb, 12%, transparent);
}
.darkMode .navTheme .mat-mdc-button.mat-warn,
.darkMode .navTheme .mat-mdc-unelevated-button.mat-warn,
.darkMode .navTheme .mat-mdc-raised-button.mat-warn,
.darkMode .navTheme .mat-mdc-outlined-button.mat-warn,
.darkMode .navTheme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.darkMode .navTheme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: var(--custom-nav-dark-primary-main-color);
  --mat-icon-button-state-layer-color: var(--custom-nav-dark-primary-main-color);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 12%, transparent);
}
.darkMode .navTheme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-icon-button-state-layer-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 12%, transparent);
}
.darkMode .navTheme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
.darkMode .navTheme .mat-mdc-fab.mat-primary,
.darkMode .navTheme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: var(--custom-nav-dark-primary-main-color);
  --mat-fab-foreground-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-fab-ripple-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-color) 12%, transparent);
  --mat-fab-small-container-color: var(--custom-nav-dark-primary-main-color);
  --mat-fab-small-foreground-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--custom-nav-dark-primary-main-contrast-color) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--custom-nav-dark-primary-main-contrast-color);
  --mat-fab-state-layer-color: var(--custom-nav-dark-primary-main-contrast-color);
}
.darkMode .navTheme .mat-mdc-fab.mat-accent,
.darkMode .navTheme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-fab-ripple-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 12%, transparent);
  --mat-fab-small-container-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-fab-small-ripple-color: color-mix(in srgb, 12%, transparent);
}
.darkMode .navTheme .mat-mdc-fab.mat-warn,
.darkMode .navTheme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.darkMode .navTheme .mat-accent {
  --mat-progress-spinner-active-indicator-color: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
.darkMode .navTheme .mat-badge-accent {
  --mat-badge-background-color: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
.darkMode .navTheme .mat-datepicker-content.mat-accent,
.darkMode .navTheme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-datepicker-content.mat-warn,
.darkMode .navTheme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--custom-nav-dark-accent-parent-hover-color) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.darkMode .navTheme .mat-icon.mat-primary {
  --mat-icon-color: var(--custom-nav-dark-primary-main-color);
}
.darkMode .navTheme .mat-icon.mat-accent {
  --mat-icon-color: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
.darkMode .navTheme .mat-step-header.mat-accent {
  --mat-stepper-header-selected-state-icon-background-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-stepper-header-done-state-icon-background-color: var(--custom-nav-dark-accent-parent-hover-color);
  --mat-stepper-header-edit-state-icon-background-color: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.darkMode .navTheme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--custom-nav-dark-primary-main-color);
  --mat-toolbar-container-text-color: var(--custom-nav-dark-primary-main-contrast-color);
}
.darkMode .navTheme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--custom-nav-dark-accent-parent-hover-color);
}
.darkMode .navTheme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
:root {
  --light-primary-color: var(--custom-light-primary-main-color);
  --light-accent-color: var(--custom-light-accent-main-color);
  --light-warn-color: var(--custom-light-warn-main-color);
}

/* node_modules/@danielmoncada/angular-datetime-picker/assets/style/picker.min.css */
.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: -webkit-box;
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: -webkit-box;
  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: rgba(0, 0, 0, 0);
  -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .288);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.owl-dialog-container {
  position: relative;
  pointer-events: auto;
  box-sizing: border-box;
  display: block;
  padding: 1.5em;
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, .2),
    0px 24px 38px 3px rgba(0, 0, 0, .14),
    0px 9px 46px 8px rgba(0, 0, 0, .12);
  border-radius: 2px;
  overflow: auto;
  background: #fff;
  color: rgba(0, 0, 0, .87);
  width: 100%;
  height: 100%;
  outline: none;
}
.owl-dt-container,
.owl-dt-container * {
  box-sizing: border-box;
}
.owl-dt-container {
  display: block;
  font-size: 1rem;
  background: #fff;
  pointer-events: auto;
  z-index: 1000;
}
.owl-dt-container-row {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.owl-dt-container-row:last-child {
  border-bottom: none;
}
.owl-dt-calendar {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
}
.owl-dt-calendar-control {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-size: 1em;
  width: 100%;
  padding: .5em;
  color: #000;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button {
  padding: 0 .8em;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover {
  background-color: rgba(0, 0, 0, .12);
}
.owl-dt-calendar-main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  padding: 0 .5em .5em;
  outline: 0;
}
.owl-dt-calendar-view {
  display: flex;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}
.owl-dt-calendar-multi-year-view {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table {
  width: calc(100% - 3em);
}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th {
  padding-bottom: .25em;
}
.owl-dt-calendar-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.owl-dt-calendar-table .owl-dt-calendar-header {
  color: rgba(0, 0, 0, .4);
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
  font-size: .7em;
  font-weight: 400;
  text-align: center;
  padding-bottom: 1em;
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider {
  position: relative;
  height: 1px;
  padding-bottom: .5em;
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after {
  content: "";
  position: absolute;
  top: 0;
  left: -0.5em;
  right: -0.5em;
  height: 1px;
  background: rgba(0, 0, 0, .12);
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider.owl-calendar-weeks:after {
  left: -1.8em;
}
.owl-dt-calendar-table .owl-dt-calendar-cell {
  position: relative;
  height: 0;
  line-height: 0;
  text-align: center;
  outline: 0;
  color: rgba(0, 0, 0, .85);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-content {
  position: absolute;
  top: 5%;
  left: 5%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  font-size: .8em;
  line-height: 1;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 999px;
  color: inherit;
  cursor: pointer;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-out {
  opacity: .2;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: rgba(0, 0, 0, .4);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: rgba(255, 255, 255, .85);
  background-color: #3f51b5;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .85);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled {
  cursor: default;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  color: rgba(0, 0, 0, .4);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected {
  opacity: .4;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: rgba(0, 0, 0, .2);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),
.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  background-color: rgba(0, 0, 0, .04);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
  background: rgba(63, 81, 181, .2);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}
.owl-dt-calendar-table.owl-calendar-weeks .owl-dt-calendar-cell-content {
  height: 86%;
}
.owl-dt-timer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 7em;
  padding: .5em;
  outline: none;
}
.owl-dt-timer-box {
  position: relative;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  width: 25%;
  height: 100%;
}
.owl-dt-timer-content {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  margin: .2em 0;
}
.owl-dt-timer-content .owl-dt-timer-input {
  display: block;
  width: 2em;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .5);
  border-radius: 3px;
  outline: medium none;
  font-size: 1.2em;
  padding: .2em;
}
.owl-dt-timer-divider {
  display: inline-block;
  align-self: flex-end;
  position: absolute;
  width: .6em;
  height: 100%;
  left: -0.3em;
}
.owl-dt-timer-divider:before,
.owl-dt-timer-divider:after {
  content: "";
  display: inline-block;
  width: .35em;
  height: .35em;
  position: absolute;
  left: 50%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: currentColor;
}
.owl-dt-timer-divider:before {
  top: 35%;
}
.owl-dt-timer-divider:after {
  bottom: 35%;
}
.owl-dt-control-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  color: inherit;
}
.owl-dt-control-button .owl-dt-control-button-content {
  position: relative;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
}
.owl-dt-control-period-button .owl-dt-control-button-content {
  height: 1.5em;
  padding: 0 .5em;
  border-radius: 3px;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.owl-dt-control-period-button:hover > .owl-dt-control-button-content {
  background-color: rgba(0, 0, 0, .12);
}
.owl-dt-control-period-button .owl-dt-control-button-arrow {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 1em;
  height: 1em;
  margin: .1em;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}
.owl-dt-control-arrow-button .owl-dt-control-button-content {
  padding: 0;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
}
.owl-dt-control-arrow-button[disabled] {
  color: rgba(0, 0, 0, .4);
  cursor: default;
}
.owl-dt-control-arrow-button svg {
  width: 50%;
  height: 50%;
  fill: currentColor;
}
.owl-dt-inline-container,
.owl-dt-popup-container {
  position: relative;
  width: 18.5em;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, .2),
    0 8px 10px 1px rgba(0, 0, 0, .14),
    0 3px 14px 2px rgba(0, 0, 0, .12);
}
.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-inline-container .owl-dt-timer,
.owl-dt-popup-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-timer {
  width: 100%;
}
.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-calendar {
  height: 20.25em;
}
.owl-dt-dialog-container {
  max-height: 95vh;
  margin: -1.5em;
}
.owl-dt-dialog-container .owl-dt-calendar {
  min-width: 250px;
  min-height: 330px;
  max-width: 750px;
  max-height: 750px;
}
.owl-dt-dialog-container .owl-dt-timer {
  min-width: 250px;
  max-width: 750px;
}
@media all and (orientation: landscape) {
  .owl-dt-dialog-container .owl-dt-calendar {
    width: 58vh;
    height: 62vh;
  }
  .owl-dt-dialog-container .owl-dt-timer {
    width: 58vh;
  }
}
@media all and (orientation: portrait) {
  .owl-dt-dialog-container .owl-dt-calendar {
    width: 80vw;
    height: 80vw;
  }
  .owl-dt-dialog-container .owl-dt-timer {
    width: 80vw;
  }
}
.owl-dt-container-buttons {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 2em;
  color: #3f51b5;
}
.owl-dt-container-control-button {
  font-size: 1em;
  width: 50%;
  height: 100%;
  border-radius: 0;
}
.owl-dt-container-control-button .owl-dt-control-button-content {
  height: 100%;
  width: 100%;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.owl-dt-container-control-button:hover .owl-dt-control-button-content {
  background-color: rgba(0, 0, 0, .1);
}
.owl-dt-container-info {
  padding: 0 .5em;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-dt-container-info .owl-dt-container-range {
  outline: none;
}
.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: .5em 0;
  font-size: .8em;
}
.owl-dt-container-info .owl-dt-container-range:last-child {
  border-top: 1px solid rgba(0, 0, 0, .12);
}
.owl-dt-container-info .owl-dt-container-info-active {
  color: #3f51b5;
}
.owl-dt-container-disabled,
.owl-dt-trigger-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
  cursor: default !important;
}
.owl-dt-timer-hour12 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  color: #3f51b5;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box {
  border: 1px solid currentColor;
  border-radius: 2px;
  -webkit-transition: background 200ms ease;
  transition: background 200ms ease;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content {
  width: 100%;
  height: 100%;
  padding: .5em;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content {
  background: #3f51b5;
  color: #fff;
}
.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out {
  visibility: hidden;
  cursor: default;
}
.owl-dt-inline {
  display: inline-block;
}
.owl-dt-control {
  outline: none;
  cursor: pointer;
}
.owl-dt-control .owl-dt-control-content {
  outline: none;
}
.owl-dt-control:focus > .owl-dt-control-content {
  background-color: rgba(0, 0, 0, .12);
}
.owl-dt-control:not(:-moz-focusring):focus > .owl-dt-control-content {
  box-shadow: none;
}
.owl-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* src/styles.scss */
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-family-monospace:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}
a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1,
.h1 {
  font-size: 2.5rem;
}
h2,
.h2 {
  font-size: 2rem;
}
h3,
.h3 {
  font-size: 1.75rem;
}
h4,
.h4 {
  font-size: 1.5rem;
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 0.875em;
  font-weight: 400;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table-sm th,
.table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(183.6, 218.04, 255);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(122.4, 186.36, 255);
}
.table-hover .table-primary:hover {
  background-color: rgb(158.1, 204.84, 255);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(158.1, 204.84, 255);
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(213.84, 216.36, 218.6);
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: rgb(178.56, 183.24, 187.4);
}
.table-hover .table-secondary:hover {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(194.8, 230.36, 202.92);
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: rgb(143.2, 209.24, 158.28);
}
.table-hover .table-success:hover {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(190.04, 228.96, 235.12);
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: rgb(134.36, 206.64, 218.08);
}
.table-hover .table-info:hover {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(255, 237.64, 185.56);
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: rgb(255, 222.76, 126.04);
}
.table-hover .table-warning:hover {
  background-color: rgb(255, 231.265, 160.06);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(255, 231.265, 160.06);
}
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(245.2, 198.44, 202.92);
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: rgb(236.8, 149.96, 158.28);
}
.table-hover .table-danger:hover {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(253.04, 253.32, 253.6);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(251.36, 251.88, 252.4);
}
.table-hover .table-light:hover {
  background-color: rgb(238.165, 240.57, 242.975);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(238.165, 240.57, 242.975);
}
.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(198.16, 199.84, 201.52);
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: rgb(149.44, 152.56, 155.68);
}
.table-hover .table-dark:hover {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  appearance: none;
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
select.form-control[size],
select.form-control[multiple] {
  height: auto;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #28a745;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .valid-tooltip,
.form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated select.form-control:valid,
select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: rgb(51.6956521739, 206.3043478261, 87);
  background-color: rgb(51.6956521739, 206.3043478261, 87);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .invalid-tooltip,
.form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated select.form-control:invalid,
select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
  background-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(0, 104.55, 216.75);
  border-color: rgb(0, 98.4, 204);
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: rgb(0, 104.55, 216.75);
  border-color: rgb(0, 98.4, 204);
  box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 255, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(0, 98.4, 204);
  border-color: rgb(0, 92.25, 191.25);
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 255, 0.5);
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  border-color: rgb(78.4506437768, 84.9881974249, 90.7993562232);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5);
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(32.6086956522, 136.1413043478, 56.25);
  border-color: rgb(30.1449275362, 125.8550724638, 52);
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: rgb(32.6086956522, 136.1413043478, 56.25);
  border-color: rgb(30.1449275362, 125.8550724638, 52);
  box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
  border-color: rgb(27.6811594203, 115.5688405797, 47.75);
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 0.5);
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5);
}
.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
}
.btn-warning:focus,
.btn-warning.focus {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
  box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: rgb(211, 158.25, 0);
  border-color: rgb(198.25, 148.6875, 0);
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5);
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(200.082278481, 34.667721519, 50.5158227848);
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: rgb(200.082278481, 34.667721519, 50.5158227848);
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  border-color: rgb(178.3481012658, 30.9018987342, 45.0284810127);
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 0.5);
}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
}
.btn-light:focus,
.btn-light.focus {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
  border-color: rgb(210.8125, 217.125, 223.4375);
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5);
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}
.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}
.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgb(127.5, 189, 255);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgb(178.5, 215.4, 255);
  border-color: rgb(178.5, 215.4, 255);
}
.custom-control-input[disabled] ~ .custom-control-label,
.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before,
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition:
    transform 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}
.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: rgb(127.5, 189, 255);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}
.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: rgb(178.5, 215.4, 255);
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: rgb(178.5, 215.4, 255);
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: rgb(178.5, 215.4, 255);
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}
.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: rgb(0, 86.1, 178.5);
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover,
a.badge:focus {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: rgb(0, 98.4, 204);
}
a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #fff;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}
a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
}
a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:hover,
a.badge-warning:focus {
  color: #212529;
  background-color: rgb(211, 158.25, 0);
}
a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}
a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover,
a.badge-light:focus {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
}
a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(204, 228.6, 255);
  border-color: rgb(183.6, 218.04, 255);
}
.alert-primary hr {
  border-top-color: rgb(158.1, 204.84, 255);
}
.alert-primary .alert-link {
  color: rgb(0, 39.36, 81.6);
}
.alert-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(225.6, 227.4, 229);
  border-color: rgb(213.84, 216.36, 218.6);
}
.alert-secondary hr {
  border-top-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.alert-secondary .alert-link {
  color: rgb(32.5205150215, 35.2305579399, 37.6394849785);
}
.alert-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(212, 237.4, 217.8);
  border-color: rgb(194.8, 230.36, 202.92);
}
.alert-success hr {
  border-top-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.alert-success .alert-link {
  color: rgb(10.9449275362, 45.6950724638, 18.88);
}
.alert-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(208.6, 236.4, 240.8);
  border-color: rgb(190.04, 228.96, 235.12);
}
.alert-info hr {
  border-top-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.alert-info .alert-link {
  color: rgb(6.2933333333, 44.3269565217, 50.3466666667);
}
.alert-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 242.6, 205.4);
  border-color: rgb(255, 237.64, 185.56);
}
.alert-warning hr {
  border-top-color: rgb(255, 231.265, 160.06);
}
.alert-warning .alert-link {
  color: rgb(82.9625954198, 62.7912977099, 2.2774045802);
}
.alert-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(248, 214.6, 217.8);
  border-color: rgb(245.2, 198.44, 202.92);
}
.alert-danger hr {
  border-top-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.alert-danger .alert-link {
  color: rgb(73.3010989011, 17.6589010989, 22.9898901099);
}
.alert-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.6, 253.8, 254);
  border-color: rgb(253.04, 253.32, 253.6);
}
.alert-light hr {
  border-top-color: rgb(238.165, 240.57, 242.975);
}
.alert-light .alert-link {
  color: rgb(103.5492351816, 103.98, 104.4107648184);
}
.alert-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(214.4, 215.6, 216.8);
  border-color: rgb(198.16, 199.84, 201.52);
}
.alert-dark hr {
  border-top-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.alert-dark .alert-link {
  color: rgb(4.1779310345, 4.66, 5.1420689655);
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.media {
  display: flex;
  align-items: flex-start;
}
.media-body {
  flex: 1;
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(183.6, 218.04, 255);
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(158.1, 204.84, 255);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(0, 63.96, 132.6);
  border-color: rgb(0, 63.96, 132.6);
}
.list-group-item-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(213.84, 216.36, 218.6);
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(56.16, 60.84, 65);
  border-color: rgb(56.16, 60.84, 65);
}
.list-group-item-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(194.8, 230.36, 202.92);
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(20.8, 86.84, 35.88);
  border-color: rgb(20.8, 86.84, 35.88);
}
.list-group-item-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(190.04, 228.96, 235.12);
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(11.96, 84.24, 95.68);
  border-color: rgb(11.96, 84.24, 95.68);
}
.list-group-item-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 237.64, 185.56);
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 231.265, 160.06);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132.6, 100.36, 3.64);
  border-color: rgb(132.6, 100.36, 3.64);
}
.list-group-item-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(245.2, 198.44, 202.92);
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(114.4, 27.56, 35.88);
  border-color: rgb(114.4, 27.56, 35.88);
}
.list-group-item-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.04, 253.32, 253.6);
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(238.165, 240.57, 242.975);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(128.96, 129.48, 130);
  border-color: rgb(128.96, 129.48, 130);
}
.list-group-item-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(198.16, 199.84, 201.52);
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(27.04, 30.16, 33.28);
  border-color: rgb(27.04, 30.16, 33.28);
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}
a.close.disabled {
  pointer-events: none;
}
.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.toast-body {
  padding: 0.75rem;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}
.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid rgb(247.35, 247.35, 247.35);
}
.bs-popover-left,
.bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}
.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #007bff !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(0, 98.4, 204) !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}
.bg-success {
  background-color: #28a745 !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(30.1449275362, 125.8550724638, 52) !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(211, 158.25, 0) !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(218.25, 223.5, 228.75) !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #007bff !important;
}
.border-secondary {
  border-color: #6c757d !important;
}
.border-success {
  border-color: #28a745 !important;
}
.border-info {
  border-color: #17a2b8 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded-sm {
  border-radius: 0.2rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
  font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #007bff !important;
}
a.text-primary:hover,
a.text-primary:focus {
  color: rgb(0, 86.1, 178.5) !important;
}
.text-secondary {
  color: #6c757d !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
  color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important;
}
.text-success {
  color: #28a745 !important;
}
a.text-success:hover,
a.text-success:focus {
  color: rgb(25.2173913043, 105.2826086957, 43.5) !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:hover,
a.text-info:focus {
  color: rgb(14.5, 102.1304347826, 116) !important;
}
.text-warning {
  color: #ffc107 !important;
}
a.text-warning:hover,
a.text-warning:focus {
  color: rgb(185.5, 139.125, 0) !important;
}
.text-danger {
  color: #dc3545 !important;
}
a.text-danger:hover,
a.text-danger:focus {
  color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
  color: rgb(203.375, 210.75, 218.125) !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:hover,
a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item.center {
  z-index: 5;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
}
.owl-carousel .owl-item .owl-lazy {
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
html,
body {
  height: 100%;
}
body *:not(.material-icons):not(.material-icons-outlined) {
  font-family: Poppins, sans-serif !important;
  font-style: normal !important;
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.passwordIcon {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.passwordIcon::before {
  font-size: 19px;
}
button {
  outline: none !important;
}
.pointer,
.imageBlock .closeIcon,
.customMatFormField .mat-mdc-form-field-icon-suffix .calendarIcon,
.tableSearch .mat-mdc-form-field-icon-suffix .calendarIcon,
.customColorField .mat-mdc-form-field-icon-suffix .calendarIcon,
.customDatePicker .mat-mdc-form-field-icon-suffix .calendarIcon {
  cursor: pointer;
}
.cdk-drag-preview .mat-card {
  background-color: var(--drag-preview-background) !important;
  color: var(--drag-preview-color) !important;
}
.mat-menu-panel {
  max-height: 400px !important;
}
.pageTop {
  margin-bottom: 40px;
}
.no-wrap-text {
  white-space: nowrap;
}
.appearingTextLeft {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  padding-right: 10px;
  white-space: nowrap;
  animation: textGrow 0.8s, appear 0.3s ease 0.5s;
  animation-fill-mode: forwards;
}
.appearingTextRight {
  opacity: 0;
  animation: appear 0.3s;
  animation-fill-mode: forwards;
}
.title1 {
  font-weight: 500;
  font-size: 34.18px;
  line-height: 51.27px;
}
.title2 {
  font-weight: 600;
  font-size: 27.34px;
  line-height: 41.01px;
}
.title3 {
  font-weight: 500;
  font-size: 21.88px;
  line-height: 32.82px;
}
.linkText,
.mat-mdc-select-placeholder {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.14px;
}
.captionText {
  font-weight: 400;
  font-size: 11.2px;
  line-height: 16px;
}
.paragraphText,
.infoField {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.paragraphboldText {
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
}
.subheadText {
  font-weight: 400;
  font-size: 17.5px;
  line-height: 26.25px;
}
.substrongText {
  font-size: 17.5px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.175px;
}
.link {
  cursor: pointer;
}
.link:hover {
  text-decoration: underline;
}
.warnLink {
  cursor: pointer;
  text-decoration: underline;
}
.roundedPanel {
  border-radius: 8px;
}
.customTableRadius {
  border-radius: 16px;
}
.customTable,
.overlayTable {
  border-radius: 16px !important;
  position: relative;
  overflow: hidden;
}
.customTable .mat-cell,
.overlayTable .mat-cell {
  word-break: break-all;
}
.customTable .eventLevel span,
.overlayTable .eventLevel span {
  padding: 4px 10px !important;
  border: 1px solid !important;
  font-size: 12px !important;
  letter-spacing: 0.5px !important;
  font-weight: 500 !important;
}
.customTable table {
  table-layout: fixed;
}
.customTable table th.width-5 {
  width: 5% !important;
}
.customTable table th.width-10 {
  width: 10% !important;
}
.customTable table th.width-15 {
  width: 15% !important;
}
.customTable table th.width-20 {
  width: 20% !important;
}
.customTable table th.width-25 {
  width: 25% !important;
}
.customTable table th.width-30 {
  width: 30% !important;
}
.customTable table th.width-35 {
  width: 35% !important;
}
.customTable table th.width-40 {
  width: 40% !important;
}
.customTable table th.width-45 {
  width: 45% !important;
}
.customTable table th.width-50 {
  width: 50% !important;
}
.customTable table th.width-55 {
  width: 55% !important;
}
.customTable table th.width-60 {
  width: 60% !important;
}
.customTable table th.width-65 {
  width: 65% !important;
}
.customTable table th.width-70 {
  width: 70% !important;
}
.customTable table th.width-75 {
  width: 75% !important;
}
.customTable table th.width-80 {
  width: 80% !important;
}
.customTable table th.width-85 {
  width: 85% !important;
}
.customTable table th.width-90 {
  width: 90% !important;
}
.customTable table th.width-95 {
  width: 95% !important;
}
.customTable table th.actionsColumn {
  width: 116px !important;
}
.customTable table th.actionsColumn1 {
  width: 80px !important;
}
.customTable table th.actionsColumn3 {
  width: 174px !important;
}
.customTable table td.actionsColumn {
  padding-right: 40px;
}
.customTable table .menuButton.mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  display: none !important;
}
.warnProgressBar .mat-progress-bar-buffer {
  background-color: hsl(0, 70%, 85%) !important;
}
.warnProgressBar .mat-progress-bar-primary::after {
  background-color: hsl(0, 70%, 50%) !important;
}
.toolbarShadow {
  position: relative;
  z-index: 2;
}
.sidebar .mat-nav-list .mat-list-item-content {
  color: #808080;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.04em;
}
mat-button-toggle {
  background-color: transparent !important;
}
.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: white !important;
}
@media (max-width: 575.98px) {
  .searchRangeBtn .mat-button-toggle-label-content {
    font-size: 13px;
  }
  .fontSizeToggleEn {
    font-size: 11px;
  }
  .searchRangeBtn .button-toggle-wrap {
    display: flex;
    flex-direction: column;
  }
  .searchRangeBtn .uppercaseText {
    text-transform: uppercase;
    font-size: 10px;
  }
  .lineheightIT {
    line-height: 15px !important;
    padding: 15px 0;
  }
}
.customMenu .mat-menu-content {
  padding: 0 !important;
}
.customMenu .menuPadding {
  padding: 8px 0;
}
.panelShadowLight {
  box-shadow: 2px 4px 24px 4px rgba(1, 92, 173, 0.1);
}
.panelShadowDark {
  box-shadow: 2px 4px 24px 4px rgba(0, 0, 0, 0.15);
}
.actionButton,
mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.warnButton,
.outlineActionButton,
mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.outlineWarnButton {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  letter-spacing: 0.01em !important;
  padding: 10px 30px !important;
}
.actionButton,
mat-timepicker-dialog .mat-dialog-actions .mat-button:nth-child(2),
.warnButton,
.outlineActionButton,
mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.outlineWarnButton,
.smallActionButton,
.smallOutlineActionButton,
.smallWarnButton {
  height: 40px !important;
  border-radius: 8px !important;
}
.actionButton:disabled,
mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:nth-child(2),
.warnButton:disabled,
.outlineActionButton:disabled,
mat-timepicker-dialog .mat-dialog-actions .mat-button:disabled:first-child,
.outlineWarnButton:disabled,
.smallActionButton:disabled,
.smallOutlineActionButton:disabled,
.smallWarnButton:disabled {
  pointer-events: none !important;
}
.outlineActionButton,
mat-timepicker-dialog .mat-dialog-actions .mat-button:first-child,
.outlineWarnButton,
.smallOutlineActionButton {
  border: 1.5px solid !important;
}
.smallActionButton,
.smallWarnButton,
.extraSmallActionButton {
  border: unset !important;
}
.smallOutlineActionButton,
.smallActionButton,
.smallWarnButton {
  width: 40px !important;
  min-width: unset !important;
}
.smallOutlineActionButton,
.smallActionButton,
.smallWarnButton,
.extraSmallActionButton {
  padding: 0 !important;
}
.extraSmallActionButton {
  width: 24px;
  height: 24px;
  margin: 0 !important;
}
.menuButton {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
}
.noRipple.mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  display: none !important;
}
.copyButton .mdc-button__label {
  display: flex;
  justify-content: center;
}
.copyButton .mdc-button__label .copyIcon {
  width: 18.6px;
  height: 19px;
}
.copyButton .mdc-button__label .copyIcon svg {
  vertical-align: top;
}
.mat-radio-button .mat-radio-ripple .mat-ripple-element {
  background-color: unset !important;
}
.tabContent {
  margin-top: 30px;
}
.noDataIllustration h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  margin-top: 40px;
  margin-bottom: 0;
}
.noDataIllustration h6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 8px;
  margin-bottom: 0;
}
.noDataIllustration div {
  margin-top: 32px;
}
.noDataIllustration div button:nth-child(2) {
  margin-left: 8px;
}
.noDataIllustrationInTabs {
  padding-top: 18px;
}
.noDataIllustrationInTabs img {
  margin-right: 48px;
}
.noDataIllustrationInTabs h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 0px;
}
.noDataIllustrationInTabs h6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 8px;
  margin-bottom: 0;
}
.noDataIllustrationInTabs .noDataActions {
  margin-top: 32px;
}
.noDataIllustrationInTabs .noDataActions button:nth-child(2) {
  margin-left: 8px;
}
@media (min-width: 1400px) and (max-width: 1799.98px) {
  .noDataIllustrationInTabs {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1800px) {
  .noDataIllustrationInTabs {
    padding-top: 146px;
    padding-bottom: 100px;
  }
}
.responsiveIllustration {
  min-height: 70%;
}
.searchBar {
  top: 30px;
  border-radius: 8px;
  padding: 24px 20px 0 15px;
  margin-bottom: 40px;
  z-index: 2;
  font-size: 16px;
  width: 100%;
}
.iconInfoButton svg,
.iconDeleteButton svg,
.tertiaryButton svg {
  vertical-align: top !important;
}
.mat-mdc-icon-button .svg,
.boundSvg .svg,
.hideIcon .svg,
.showIcon .svg,
.layoutIcon .svg,
.trafficCategoryIcon .svg,
.manualIcon .svg,
.smallButtonIcon .svg {
  width: 100%;
  height: 100%;
  padding: 6px;
}
.mat-mdc-icon-button svg,
.boundSvg svg,
.hideIcon svg,
.showIcon svg,
.layoutIcon svg,
.trafficCategoryIcon svg,
.manualIcon svg,
.smallButtonIcon svg {
  width: 100% !important;
  height: 100% !important;
  vertical-align: top !important;
}
.iconInfoButton,
.iconDeleteButton {
  font-size: 18px;
  cursor: pointer;
  width: 28.2px;
  padding: 0 4px;
}
.tertiaryButton .mdc-button__label {
  display: flex;
  align-items: center;
  gap: 5px;
}
.tertiaryButton .svg {
  width: 19px;
  height: 19px;
  padding: 1.7px;
}
.iconInfoButton.disabledButton,
.iconDeleteButton.disabledButton,
.menuIcon.disabledButton {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}
.squareButton {
  min-width: 0 !important;
  padding: 8px 12px !important;
}
.streamingIcon {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.adjustButtonIcon {
  position: relative;
  top: 2px;
  right: 5px;
}
table tr:last-child td {
  border-bottom: 0 solid;
}
table *:not(.material-icons):not(.material-icons-outlined):not(.captionText) {
  font-size: 14px;
}
table .material-icons:not(.dontScale),
table .material-icons-outlined:not(.dontScale) {
  font-size: 20px;
}
table .iconInfoButton,
table .iconDeleteButton {
  padding: 0 !important;
}
table .iconInfoButton svg,
table .iconDeleteButton svg {
  height: 21.3px !important;
}
.mat-ink-bar {
  background-color: #0075de !important;
}
.mapPanel .map-container {
  border-radius: 8px;
}
.infoField {
  display: flex;
  flex-direction: column;
}
.infoField span {
  margin-bottom: 8px;
}
.customFilter {
  padding: 5px 10px 15px 10px;
  margin-bottom: 20px;
  border-radius: 4px;
  transition: padding 0.2s;
  transition: border-color 0.3s;
  border: 1px solid transparent;
}
.customFilter input,
.customFilter mat-label {
  font-size: 16px !important;
  line-height: 22px;
}
.customFilter .mat-form-field-underline {
  display: none;
}
.customFilter .mat-form-field-wrapper {
  padding: 0;
}
.customFilter.mat-form-field-hide-placeholder {
  padding: 0px 10px 10px 10px;
}
.mat-focused {
  border-color: #0075de;
}
.filterLight {
  background-color: #e7f3fe;
}
.filterLight .mat-form-field-label {
  color: #6a6f75 !important;
}
.filterLight input {
  caret-color: black !important;
}
.filterDark {
  background-color: #043867;
}
.filterDark .mat-form-field-label {
  color: #c9cccf !important;
}
.filterDark input {
  caret-color: white !important;
}
.customMatFormField,
.tableSearch,
.customColorField,
.customDatePicker {
  width: 100%;
  height: 40px !important;
}
.customMatFormField .mat-mdc-form-field-infix,
.tableSearch .mat-mdc-form-field-infix,
.customColorField .mat-mdc-form-field-infix,
.customDatePicker .mat-mdc-form-field-infix {
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.customMatFormField .mat-mdc-form-field-infix input,
.tableSearch .mat-mdc-form-field-infix input,
.customColorField .mat-mdc-form-field-infix input,
.customDatePicker .mat-mdc-form-field-infix input {
  font-size: 14px;
  padding-top: 2px;
}
.customMatFormField.wideInput .mat-mdc-form-field-infix > div,
.wideInput.tableSearch .mat-mdc-form-field-infix > div,
.wideInput.customColorField .mat-mdc-form-field-infix > div,
.wideInput.customDatePicker .mat-mdc-form-field-infix > div {
  flex-grow: 1;
}
.customMatFormField .mat-mdc-form-field-icon-prefix,
.tableSearch .mat-mdc-form-field-icon-prefix,
.customColorField .mat-mdc-form-field-icon-prefix,
.customDatePicker .mat-mdc-form-field-icon-prefix {
  width: 20px;
  height: 20px;
  margin: 9px 0px 0px 16px;
}
.customMatFormField .mat-mdc-form-field-icon-prefix .prefix i::before,
.tableSearch .mat-mdc-form-field-icon-prefix .prefix i::before,
.customColorField .mat-mdc-form-field-icon-prefix .prefix i::before,
.customDatePicker .mat-mdc-form-field-icon-prefix .prefix i::before {
  font-size: 14px;
}
.customMatFormField .mat-mdc-form-field-icon-prefix .prefix .searchIcon,
.tableSearch .mat-mdc-form-field-icon-prefix .prefix .searchIcon,
.customColorField .mat-mdc-form-field-icon-prefix .prefix .searchIcon,
.customDatePicker .mat-mdc-form-field-icon-prefix .prefix .searchIcon {
  width: 19.53px;
  padding-inline: 2.8px;
}
.customMatFormField .mat-mdc-form-field-icon-suffix,
.tableSearch .mat-mdc-form-field-icon-suffix,
.customColorField .mat-mdc-form-field-icon-suffix,
.customDatePicker .mat-mdc-form-field-icon-suffix {
  padding: 0;
  margin: 3px 16px 0 5px;
}
.customMatFormField .mat-mdc-form-field-icon-suffix .mat-mdc-tooltip-trigger,
.tableSearch .mat-mdc-form-field-icon-suffix .mat-mdc-tooltip-trigger,
.customColorField .mat-mdc-form-field-icon-suffix .mat-mdc-tooltip-trigger,
.customDatePicker .mat-mdc-form-field-icon-suffix .mat-mdc-tooltip-trigger,
.customMatFormField .mat-mdc-form-field-icon-suffix .mat-mdc-button-touch-target,
.tableSearch .mat-mdc-form-field-icon-suffix .mat-mdc-button-touch-target,
.customColorField .mat-mdc-form-field-icon-suffix .mat-mdc-button-touch-target,
.customDatePicker .mat-mdc-form-field-icon-suffix .mat-mdc-button-touch-target,
.customMatFormField .mat-mdc-form-field-icon-suffix i,
.tableSearch .mat-mdc-form-field-icon-suffix i,
.customColorField .mat-mdc-form-field-icon-suffix i,
.customDatePicker .mat-mdc-form-field-icon-suffix i {
  padding: 0;
  width: 20px;
  height: 20px;
}
.customMatFormField .mat-mdc-form-field-icon-suffix i::before,
.tableSearch .mat-mdc-form-field-icon-suffix i::before,
.customColorField .mat-mdc-form-field-icon-suffix i::before,
.customDatePicker .mat-mdc-form-field-icon-suffix i::before {
  font-size: 14px;
}
.customMatFormField .mat-mdc-form-field-icon-suffix .calendarIcon,
.tableSearch .mat-mdc-form-field-icon-suffix .calendarIcon,
.customColorField .mat-mdc-form-field-icon-suffix .calendarIcon,
.customDatePicker .mat-mdc-form-field-icon-suffix .calendarIcon {
  width: 15.1px;
}
.customMatFormField .mat-mdc-form-field-infix,
.tableSearch .mat-mdc-form-field-infix,
.customColorField .mat-mdc-form-field-infix,
.customDatePicker .mat-mdc-form-field-infix,
.customMatFormField .mdc-notched-outline,
.tableSearch .mdc-notched-outline,
.customColorField .mdc-notched-outline,
.customDatePicker .mdc-notched-outline,
.customMatFormField .mat-mdc-form-field-flex,
.tableSearch .mat-mdc-form-field-flex,
.customColorField .mat-mdc-form-field-flex,
.customDatePicker .mat-mdc-form-field-flex {
  padding: 0px !important;
  height: 38px !important;
}
.customMatFormField .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
.tableSearch .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
.customColorField .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
.customDatePicker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  font-size: 14px;
  top: calc(var(--mat-form-field-container-height) / 3);
  color: #7B85A6;
}
.customMatFormField .mdc-floating-label--float-above,
.tableSearch .mdc-floating-label--float-above,
.customColorField .mdc-floating-label--float-above,
.customDatePicker .mdc-floating-label--float-above {
  margin: 5px 0 0 0;
}
.customMatFormField .mat-mdc-select-trigger,
.tableSearch .mat-mdc-select-trigger,
.customColorField .mat-mdc-select-trigger,
.customDatePicker .mat-mdc-select-trigger {
  margin-top: 3px;
}
.customDatePicker {
  width: 226px !important;
}
.customDatePicker .mat-mdc-form-field-infix input {
  padding-top: 5px;
}
.customTextArea {
  width: 100%;
  min-height: 40px !important;
}
.customTextArea .mat-mdc-form-field-subscript-wrapper {
  height: 0;
}
.customTextArea .mat-mdc-form-field-infix {
  display: flex !important;
  align-items: center !important;
}
.customTextArea .mat-mdc-form-field-infix textarea {
  font-size: 14px;
}
.customTextArea .mat-mdc-form-field-infix,
.customTextArea .mdc-notched-outline,
.customTextArea .mat-mdc-form-field-flex {
  min-height: 40px !important;
}
.customTextArea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  font-size: 14px;
  top: calc(var(--mat-form-field-container-height) / 3);
  color: #7B85A6;
}
.customTextArea .mdc-floating-label--float-above {
  margin: 5px 0 0 0;
}
.noUnderline *,
.customMatFormField.noUnderline *,
.noUnderline.tableSearch *,
.noUnderline.customColorField *,
.noUnderline.customDatePicker *,
.customTextArea.noUnderline *,
.customTextArea.customMatFormField.noUnderline * {
  border: none;
}
.noUnderline .mdc-text-field--outlined,
.customMatFormField.noUnderline .mdc-text-field--outlined,
.customColorField .mdc-text-field--outlined {
  padding: 0 !important;
}
.noUnderline .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.customColorField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  display: none !important;
}
.noUnderline .mdc-text-field--outlined .mdc-floating-label,
.customColorField .mdc-text-field--outlined .mdc-floating-label {
  left: 0;
}
.noUnderline .mat-mdc-select-arrow-wrapper,
.customMatFormField.noUnderline .mat-mdc-select-arrow-wrapper,
.customColorField .mat-mdc-select-arrow-wrapper {
  display: none;
}
.customColorField,
.colorField {
  display: flex;
  align-items: center;
}
.customColorField .circle,
.colorField .circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
}
.colorFieldBorder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50%;
  border-width: 1px;
}
.colorFieldBorder.selected {
  border-style: solid;
}
.colorFieldBorder .customColorField {
  width: 24px !important;
  height: 24px !important;
  flex-direction: row !important;
}
.customColorField .circle input {
  opacity: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.customColorField .circle.empty {
  border-width: 2px;
  border-style: dashed;
}
.customColorField:not(.disabled) input {
  cursor: pointer;
}
.customColorField mat-label,
.customColorField.disabled input {
  pointer-events: none;
}
.customColorField .mat-mdc-text-field-wrapper .mdc-notched-outline *,
.customColorField .mat-mdc-text-field-wrapper:hover .mdc-notched-outline * {
  border: none !important;
}
.customColorField .mat-mdc-form-field-infix {
  width: 50px !important;
}
.tableSearch {
  width: 226px !important;
}
.tableSearch .mdc-floating-label {
  transform: var(--mat-mdc-form-field-label-transform, translateY(-50%) translateX(calc(6 * (19.71875px + var(--mat-mdc-form-field-label-offset-x, 0px))))) !important;
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #C5CAD8;
}
.mat-mdc-checkbox .mdc-form-field--align-end > label {
  margin-top: 8px;
}
.mat-mdc-radio-group .mdc-label {
  margin-bottom: 0;
}
.mdc-switch__icon {
  display: none;
}
.mat-mdc-dialog-surface {
  border-radius: 16px !important;
}
.mat-mdc-dialog-container {
  min-width: 350px !important;
}
.mat-mdc-dialog-container mat-timepicker-dialog .circle button {
  margin: unset !important;
}
.removerVisible .goToPeoplePassage,
.removerVisible .seeMoreNotes {
  margin-right: 80px !important;
}
.removerVisible .searchDevice,
.removerVisible .goToPageBtn {
  margin-right: 60px !important;
}
@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes disappear {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes grow {
  from {
    max-height: 0;
  }
  to {
    max-height: 1400px;
  }
}
@keyframes shrink {
  from {
    max-height: 1400px;
  }
  to {
    max-height: 0;
  }
}
@keyframes textGrow {
  from {
    max-width: 0;
  }
  to {
    max-width: 100%;
  }
}
@keyframes toFinalHeight {
  from {
    max-height: var(--table-height);
    min-height: var(--table-height);
  }
  to {
    max-height: 1400px;
    min-height: 0;
  }
}
.appearing {
  opacity: 1;
  animation: appear 0.3s;
  animation-fill-mode: backwards;
}
.disappearing {
  opacity: 0;
  animation: disappear 0.3s;
  animation-fill-mode: backwards;
}
.initialHeight {
  height: 200px;
}
.finalHeight {
  max-height: 1400px;
  min-height: 0;
  animation: toFinalHeight 0.5s;
  animation-fill-mode: backwards;
}
.chip,
.mapChip {
  height: 30px;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 25px;
  border: 1px solid;
  user-select: none;
  -webkit-user-select: none;
}
.noPropic path {
  fill-opacity: 0.45;
}
.noMediaImage {
  width: 160px;
  height: 160px;
}
.linkedField:hover {
  text-decoration: none;
}
.linkedField .linkArrow::before,
.linkedField .mat-select-min-line::after {
  content: " \2197";
  font-size: 20px;
}
.cutFieldBottom .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.imageBlock .imageIcon {
  width: 16px;
}
.imageBlock .closeIcon {
  width: 15px;
  margin-inline: 3px;
}
.imageDropzone ngx-dropzone-label .svg,
.addIconDropzone ngx-dropzone-label .svg {
  width: 20px;
}
.dialogContainer .notificationHeader .infoIcon svg {
  vertical-align: top;
}
.slideshowBorder {
  border: solid 1px;
  align-self: flex-start;
  width: 100%;
  max-width: 433px;
}
.slideshowBorder .slideshowPreviewPlayer {
  position: relative;
  width: 100%;
  max-width: 431px;
  aspect-ratio: 9/16;
}
.slideshowBorder .slideshowPreviewPlayer urban-totem-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slideshowBorder .slideshowPreviewPlayer urban-totem-preview .slideContainer {
  width: 100%;
  aspect-ratio: 9/16;
}
.iconCircle {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.iconCircle .deviceTypeIcon {
  height: 30px;
  max-width: 30px;
}
.deviceOption .mdc-list-item__primary-text .deviceTypeIcon,
.deviceIconCell .deviceTypeIcon {
  width: 25px;
  text-align: center;
  flex-shrink: 0;
}
.deviceOption .mdc-list-item__primary-text .deviceTypeIcon svg,
.deviceIconCell .deviceTypeIcon svg {
  vertical-align: top;
  height: 22px;
  max-width: 100%;
}
.backIcon {
  width: 30px;
  padding-inline: 2.8px;
  cursor: pointer;
  transform: scaleX(-1);
}
.previewIcon {
  height: 17px;
}
.menuIcon {
  height: 20px;
  padding-inline: 5px;
}
.smallButtonIcon {
  height: 15.7px;
}
.manualIcon {
  height: 21px;
}
.carIcon {
  width: 42px;
  padding-inline: 4px;
}
.carIcon.legend {
  width: 50.5px;
}
.trafficCategoryIcon {
  height: 20px;
}
.layoutIcon {
  height: 20px;
}
.showIcon {
  height: 16.5px;
  padding-inline: 3.15px;
  margin-bottom: 0.2px;
}
.hideIcon {
  height: 21.3px;
  padding-inline: 3.05px;
  margin-bottom: 1.4px;
}
.mat-mdc-form-field-icon-suffix .closeIcon,
.smallOutlineActionButton .closeIcon {
  width: 19.6px;
  padding-inline: 2.8px;
}
urban-loading-panel:not(:first-child) .initialMargin {
  margin-top: 30px;
}
urban-loading-panel:not(:first-child) .increasingMargin {
  margin-top: 30px;
  animation: loadingToMargin30 0.5s;
  animation-fill-mode: backwards;
}
@keyframes loadingToMargin30 {
  from {
    margin-top: 0;
  }
  to {
    margin-top: 30px;
  }
}
urban-loading-panel:not(:first-child) .decreasingMargin {
  margin-top: 0;
  animation: loadingToMargin0 0.5s;
  animation-fill-mode: backwards;
}
@keyframes loadingToMargin0 {
  from {
    margin-top: 30px;
  }
  to {
    margin-top: 0;
  }
}
.noOpacity {
  opacity: 0;
}

/* node_modules/flag-icon-css/css/flag-icons.min.css */
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-ad {
  background-image: url("./media/ad-HTL7GHRB.svg");
}
.flag-icon-ad.flag-icon-squared {
  background-image: url("./media/ad-WDA3WHC4.svg");
}
.flag-icon-ae {
  background-image: url("./media/ae-ICAMTCAR.svg");
}
.flag-icon-ae.flag-icon-squared {
  background-image: url("./media/ae-B5QKIR2Q.svg");
}
.flag-icon-af {
  background-image: url("./media/af-MHFH5L72.svg");
}
.flag-icon-af.flag-icon-squared {
  background-image: url("./media/af-M3NIPK6K.svg");
}
.flag-icon-ag {
  background-image: url("./media/ag-ZWO3XI5A.svg");
}
.flag-icon-ag.flag-icon-squared {
  background-image: url("./media/ag-NBVTQEYG.svg");
}
.flag-icon-ai {
  background-image: url("./media/ai-74W4URBX.svg");
}
.flag-icon-ai.flag-icon-squared {
  background-image: url("./media/ai-ASTRDXM4.svg");
}
.flag-icon-al {
  background-image: url("./media/al-RBPPZBOR.svg");
}
.flag-icon-al.flag-icon-squared {
  background-image: url("./media/al-6RS7T32B.svg");
}
.flag-icon-am {
  background-image: url("./media/am-HRP57IPR.svg");
}
.flag-icon-am.flag-icon-squared {
  background-image: url("./media/am-U2526VK6.svg");
}
.flag-icon-ao {
  background-image: url("./media/ao-IDQ66LVW.svg");
}
.flag-icon-ao.flag-icon-squared {
  background-image: url("./media/ao-ZHXITSFN.svg");
}
.flag-icon-aq {
  background-image: url("./media/aq-M762DUH3.svg");
}
.flag-icon-aq.flag-icon-squared {
  background-image: url("./media/aq-VRV3GXRO.svg");
}
.flag-icon-ar {
  background-image: url("./media/ar-QFJC2TDA.svg");
}
.flag-icon-ar.flag-icon-squared {
  background-image: url("./media/ar-KB4WLQAR.svg");
}
.flag-icon-as {
  background-image: url("./media/as-YTUQ36ZQ.svg");
}
.flag-icon-as.flag-icon-squared {
  background-image: url("./media/as-NLYDXE4M.svg");
}
.flag-icon-at {
  background-image: url("./media/at-P53PFVFI.svg");
}
.flag-icon-at.flag-icon-squared {
  background-image: url("./media/at-CPALIWFC.svg");
}
.flag-icon-au {
  background-image: url("./media/au-PLLVIIVX.svg");
}
.flag-icon-au.flag-icon-squared {
  background-image: url("./media/au-GZ7IUQRW.svg");
}
.flag-icon-aw {
  background-image: url("./media/aw-J422VQZM.svg");
}
.flag-icon-aw.flag-icon-squared {
  background-image: url("./media/aw-3SXKGASA.svg");
}
.flag-icon-ax {
  background-image: url("./media/ax-KKUASZ2E.svg");
}
.flag-icon-ax.flag-icon-squared {
  background-image: url("./media/ax-RLSH7JK2.svg");
}
.flag-icon-az {
  background-image: url("./media/az-JZV3NJUP.svg");
}
.flag-icon-az.flag-icon-squared {
  background-image: url("./media/az-PGS55UPJ.svg");
}
.flag-icon-ba {
  background-image: url("./media/ba-3PGDFGB4.svg");
}
.flag-icon-ba.flag-icon-squared {
  background-image: url("./media/ba-ZSQLKNHK.svg");
}
.flag-icon-bb {
  background-image: url("./media/bb-WTDUG7VT.svg");
}
.flag-icon-bb.flag-icon-squared {
  background-image: url("./media/bb-XWVZ6BHU.svg");
}
.flag-icon-bd {
  background-image: url("./media/bd-HMCXBQD3.svg");
}
.flag-icon-bd.flag-icon-squared {
  background-image: url("./media/bd-3WQOALJA.svg");
}
.flag-icon-be {
  background-image: url("./media/be-Y7RGT6WN.svg");
}
.flag-icon-be.flag-icon-squared {
  background-image: url("./media/be-7U62Y5YU.svg");
}
.flag-icon-bf {
  background-image: url("./media/bf-IFOTMWPV.svg");
}
.flag-icon-bf.flag-icon-squared {
  background-image: url("./media/bf-LAHWWADE.svg");
}
.flag-icon-bg {
  background-image: url("./media/bg-QKOWF4RG.svg");
}
.flag-icon-bg.flag-icon-squared {
  background-image: url("./media/bg-33JB2ZQG.svg");
}
.flag-icon-bh {
  background-image: url("./media/bh-5JSGUMEB.svg");
}
.flag-icon-bh.flag-icon-squared {
  background-image: url("./media/bh-AJZ7TQMA.svg");
}
.flag-icon-bi {
  background-image: url("./media/bi-WQRBSL3J.svg");
}
.flag-icon-bi.flag-icon-squared {
  background-image: url("./media/bi-JBVQMTKU.svg");
}
.flag-icon-bj {
  background-image: url("./media/bj-CN25RSKN.svg");
}
.flag-icon-bj.flag-icon-squared {
  background-image: url("./media/bj-OGXSZWST.svg");
}
.flag-icon-bl {
  background-image: url("./media/bl-QXYAF6ZV.svg");
}
.flag-icon-bl.flag-icon-squared {
  background-image: url("./media/bl-FQR6M52P.svg");
}
.flag-icon-bm {
  background-image: url("./media/bm-ZG6ZEJLX.svg");
}
.flag-icon-bm.flag-icon-squared {
  background-image: url("./media/bm-KBWYIUFY.svg");
}
.flag-icon-bn {
  background-image: url("./media/bn-CK5FI4T5.svg");
}
.flag-icon-bn.flag-icon-squared {
  background-image: url("./media/bn-VQGV3NRG.svg");
}
.flag-icon-bo {
  background-image: url("./media/bo-DTZWMGY3.svg");
}
.flag-icon-bo.flag-icon-squared {
  background-image: url("./media/bo-OJYJMRKP.svg");
}
.flag-icon-bq {
  background-image: url("./media/bq-63KYFP2P.svg");
}
.flag-icon-bq.flag-icon-squared {
  background-image: url("./media/bq-NCZV5VRJ.svg");
}
.flag-icon-br {
  background-image: url("./media/br-E7SKW6QV.svg");
}
.flag-icon-br.flag-icon-squared {
  background-image: url("./media/br-34YHZTK5.svg");
}
.flag-icon-bs {
  background-image: url("./media/bs-NXGG7PUI.svg");
}
.flag-icon-bs.flag-icon-squared {
  background-image: url("./media/bs-X2A64SWL.svg");
}
.flag-icon-bt {
  background-image: url("./media/bt-ILNGCG6V.svg");
}
.flag-icon-bt.flag-icon-squared {
  background-image: url("./media/bt-VCQOJOAT.svg");
}
.flag-icon-bv {
  background-image: url("./media/bv-3PDSPR4E.svg");
}
.flag-icon-bv.flag-icon-squared {
  background-image: url("./media/bv-WN3KBQRU.svg");
}
.flag-icon-bw {
  background-image: url("./media/bw-GTCF3QZV.svg");
}
.flag-icon-bw.flag-icon-squared {
  background-image: url("./media/bw-OQ3WEU2X.svg");
}
.flag-icon-by {
  background-image: url("./media/by-S2MUQNB3.svg");
}
.flag-icon-by.flag-icon-squared {
  background-image: url("./media/by-FODZCZIL.svg");
}
.flag-icon-bz {
  background-image: url("./media/bz-ZSRW2FFJ.svg");
}
.flag-icon-bz.flag-icon-squared {
  background-image: url("./media/bz-PIELHOUT.svg");
}
.flag-icon-ca {
  background-image: url("./media/ca-TT2A5UVD.svg");
}
.flag-icon-ca.flag-icon-squared {
  background-image: url("./media/ca-EK3OKI4N.svg");
}
.flag-icon-cc {
  background-image: url("./media/cc-F56DXRNZ.svg");
}
.flag-icon-cc.flag-icon-squared {
  background-image: url("./media/cc-NI5UVTJP.svg");
}
.flag-icon-cd {
  background-image: url("./media/cd-WTKKN7EX.svg");
}
.flag-icon-cd.flag-icon-squared {
  background-image: url("./media/cd-RQD43PVK.svg");
}
.flag-icon-cf {
  background-image: url("./media/cf-XZ4EZSBL.svg");
}
.flag-icon-cf.flag-icon-squared {
  background-image: url("./media/cf-NT7STPUR.svg");
}
.flag-icon-cg {
  background-image: url("./media/cg-5WDML3CY.svg");
}
.flag-icon-cg.flag-icon-squared {
  background-image: url("./media/cg-UHHC6CFO.svg");
}
.flag-icon-ch {
  background-image: url("./media/ch-WYWCI5V5.svg");
}
.flag-icon-ch.flag-icon-squared {
  background-image: url("./media/ch-DH3CPFCE.svg");
}
.flag-icon-ci {
  background-image: url("./media/ci-KFEINJVJ.svg");
}
.flag-icon-ci.flag-icon-squared {
  background-image: url("./media/ci-M54FCW6L.svg");
}
.flag-icon-ck {
  background-image: url("./media/ck-POAFUB4A.svg");
}
.flag-icon-ck.flag-icon-squared {
  background-image: url("./media/ck-E7MD7GBQ.svg");
}
.flag-icon-cl {
  background-image: url("./media/cl-IPHE466T.svg");
}
.flag-icon-cl.flag-icon-squared {
  background-image: url("./media/cl-NZ5JVL5D.svg");
}
.flag-icon-cm {
  background-image: url("./media/cm-2BN3OVZK.svg");
}
.flag-icon-cm.flag-icon-squared {
  background-image: url("./media/cm-SE7PQHVV.svg");
}
.flag-icon-cn {
  background-image: url("./media/cn-SN2DRBHR.svg");
}
.flag-icon-cn.flag-icon-squared {
  background-image: url("./media/cn-M5ALFW6S.svg");
}
.flag-icon-co {
  background-image: url("./media/co-NN4OA66V.svg");
}
.flag-icon-co.flag-icon-squared {
  background-image: url("./media/co-O2ECSUVX.svg");
}
.flag-icon-cr {
  background-image: url("./media/cr-ZQEISEUX.svg");
}
.flag-icon-cr.flag-icon-squared {
  background-image: url("./media/cr-DMRHIMC5.svg");
}
.flag-icon-cu {
  background-image: url("./media/cu-D32TBW53.svg");
}
.flag-icon-cu.flag-icon-squared {
  background-image: url("./media/cu-75QLDCOK.svg");
}
.flag-icon-cv {
  background-image: url("./media/cv-P6B2WCXI.svg");
}
.flag-icon-cv.flag-icon-squared {
  background-image: url("./media/cv-KJX5SGW5.svg");
}
.flag-icon-cw {
  background-image: url("./media/cw-TE2MEUC5.svg");
}
.flag-icon-cw.flag-icon-squared {
  background-image: url("./media/cw-SQCGRMSJ.svg");
}
.flag-icon-cx {
  background-image: url("./media/cx-XOUJ6BDY.svg");
}
.flag-icon-cx.flag-icon-squared {
  background-image: url("./media/cx-AEH3WK3Q.svg");
}
.flag-icon-cy {
  background-image: url("./media/cy-ELWYQW3B.svg");
}
.flag-icon-cy.flag-icon-squared {
  background-image: url("./media/cy-UB6BNLSH.svg");
}
.flag-icon-cz {
  background-image: url("./media/cz-PSDLWGGB.svg");
}
.flag-icon-cz.flag-icon-squared {
  background-image: url("./media/cz-QNKUAFG6.svg");
}
.flag-icon-de {
  background-image: url("./media/de-UZ33VXB7.svg");
}
.flag-icon-de.flag-icon-squared {
  background-image: url("./media/de-AFMAEIP2.svg");
}
.flag-icon-dj {
  background-image: url("./media/dj-YUNJTNUA.svg");
}
.flag-icon-dj.flag-icon-squared {
  background-image: url("./media/dj-DAUXWIEW.svg");
}
.flag-icon-dk {
  background-image: url("./media/dk-JMBRHM34.svg");
}
.flag-icon-dk.flag-icon-squared {
  background-image: url("./media/dk-RGBW7M2U.svg");
}
.flag-icon-dm {
  background-image: url("./media/dm-XTQSW7RH.svg");
}
.flag-icon-dm.flag-icon-squared {
  background-image: url("./media/dm-DIARMOBR.svg");
}
.flag-icon-do {
  background-image: url("./media/do-JUXAVTHL.svg");
}
.flag-icon-do.flag-icon-squared {
  background-image: url("./media/do-OJ3S7UA7.svg");
}
.flag-icon-dz {
  background-image: url("./media/dz-5TGC2F6O.svg");
}
.flag-icon-dz.flag-icon-squared {
  background-image: url("./media/dz-JVBE53J2.svg");
}
.flag-icon-ec {
  background-image: url("./media/ec-RVY2TDQY.svg");
}
.flag-icon-ec.flag-icon-squared {
  background-image: url("./media/ec-LFDYGYJO.svg");
}
.flag-icon-ee {
  background-image: url("./media/ee-76R5FW37.svg");
}
.flag-icon-ee.flag-icon-squared {
  background-image: url("./media/ee-2RRZFUTB.svg");
}
.flag-icon-eg {
  background-image: url("./media/eg-33P6HVEE.svg");
}
.flag-icon-eg.flag-icon-squared {
  background-image: url("./media/eg-44DCXQIG.svg");
}
.flag-icon-eh {
  background-image: url("./media/eh-NA2A7436.svg");
}
.flag-icon-eh.flag-icon-squared {
  background-image: url("./media/eh-KW65YNAD.svg");
}
.flag-icon-er {
  background-image: url("./media/er-24JCI44Y.svg");
}
.flag-icon-er.flag-icon-squared {
  background-image: url("./media/er-GTVPXXYK.svg");
}
.flag-icon-es {
  background-image: url("./media/es-A2KZ3QHF.svg");
}
.flag-icon-es.flag-icon-squared {
  background-image: url("./media/es-2Q32RBSD.svg");
}
.flag-icon-et {
  background-image: url("./media/et-W5LFNNDD.svg");
}
.flag-icon-et.flag-icon-squared {
  background-image: url("./media/et-JDF3TRO2.svg");
}
.flag-icon-fi {
  background-image: url("./media/fi-VQ6ONBW7.svg");
}
.flag-icon-fi.flag-icon-squared {
  background-image: url("./media/fi-RCLBYKWG.svg");
}
.flag-icon-fj {
  background-image: url("./media/fj-BE3JOSD2.svg");
}
.flag-icon-fj.flag-icon-squared {
  background-image: url("./media/fj-5HVAEL6Q.svg");
}
.flag-icon-fk {
  background-image: url("./media/fk-BPB77QYZ.svg");
}
.flag-icon-fk.flag-icon-squared {
  background-image: url("./media/fk-AGEVNNFK.svg");
}
.flag-icon-fm {
  background-image: url("./media/fm-ITPYJV7I.svg");
}
.flag-icon-fm.flag-icon-squared {
  background-image: url("./media/fm-R5XONMD3.svg");
}
.flag-icon-fo {
  background-image: url("./media/fo-56FJQAHT.svg");
}
.flag-icon-fo.flag-icon-squared {
  background-image: url("./media/fo-NYIO3I52.svg");
}
.flag-icon-fr {
  background-image: url("./media/fr-YV6L7ZI5.svg");
}
.flag-icon-fr.flag-icon-squared {
  background-image: url("./media/fr-6LG5E35M.svg");
}
.flag-icon-ga {
  background-image: url("./media/ga-YVFEOFTR.svg");
}
.flag-icon-ga.flag-icon-squared {
  background-image: url("./media/ga-5UURDNUX.svg");
}
.flag-icon-gb {
  background-image: url("./media/gb-SC7363TA.svg");
}
.flag-icon-gb.flag-icon-squared {
  background-image: url("./media/gb-EEL6TRZB.svg");
}
.flag-icon-gd {
  background-image: url("./media/gd-DFU7DED6.svg");
}
.flag-icon-gd.flag-icon-squared {
  background-image: url("./media/gd-VS4LVNC4.svg");
}
.flag-icon-ge {
  background-image: url("./media/ge-YE7BR7QF.svg");
}
.flag-icon-ge.flag-icon-squared {
  background-image: url("./media/ge-RQU7H7VQ.svg");
}
.flag-icon-gf {
  background-image: url("./media/gf-3VCG6CEC.svg");
}
.flag-icon-gf.flag-icon-squared {
  background-image: url("./media/gf-URKNPSQP.svg");
}
.flag-icon-gg {
  background-image: url("./media/gg-7VUU64IM.svg");
}
.flag-icon-gg.flag-icon-squared {
  background-image: url("./media/gg-MYE4ZWVL.svg");
}
.flag-icon-gh {
  background-image: url("./media/gh-SZBUUZXW.svg");
}
.flag-icon-gh.flag-icon-squared {
  background-image: url("./media/gh-QPBCPAXP.svg");
}
.flag-icon-gi {
  background-image: url("./media/gi-CXD7K7GM.svg");
}
.flag-icon-gi.flag-icon-squared {
  background-image: url("./media/gi-FYCVP6GV.svg");
}
.flag-icon-gl {
  background-image: url("./media/gl-PA2YIJP7.svg");
}
.flag-icon-gl.flag-icon-squared {
  background-image: url("./media/gl-KRCL3NCK.svg");
}
.flag-icon-gm {
  background-image: url("./media/gm-5WF3VK63.svg");
}
.flag-icon-gm.flag-icon-squared {
  background-image: url("./media/gm-7HY34KI6.svg");
}
.flag-icon-gn {
  background-image: url("./media/gn-MSN2M353.svg");
}
.flag-icon-gn.flag-icon-squared {
  background-image: url("./media/gn-6GDXA6D7.svg");
}
.flag-icon-gp {
  background-image: url("./media/gp-HSHX6OJZ.svg");
}
.flag-icon-gp.flag-icon-squared {
  background-image: url("./media/gp-LGSMGL3Y.svg");
}
.flag-icon-gq {
  background-image: url("./media/gq-EYN2DF4Z.svg");
}
.flag-icon-gq.flag-icon-squared {
  background-image: url("./media/gq-OQ5IPDUR.svg");
}
.flag-icon-gr {
  background-image: url("./media/gr-OWC3Q2ES.svg");
}
.flag-icon-gr.flag-icon-squared {
  background-image: url("./media/gr-YNSTO4ZC.svg");
}
.flag-icon-gs {
  background-image: url("./media/gs-HI5QT3YX.svg");
}
.flag-icon-gs.flag-icon-squared {
  background-image: url("./media/gs-BKV5EUOG.svg");
}
.flag-icon-gt {
  background-image: url("./media/gt-B6U3MRX3.svg");
}
.flag-icon-gt.flag-icon-squared {
  background-image: url("./media/gt-R25NSWL4.svg");
}
.flag-icon-gu {
  background-image: url("./media/gu-VO3L5INZ.svg");
}
.flag-icon-gu.flag-icon-squared {
  background-image: url("./media/gu-6J4YPOYV.svg");
}
.flag-icon-gw {
  background-image: url("./media/gw-F747MFB6.svg");
}
.flag-icon-gw.flag-icon-squared {
  background-image: url("./media/gw-YBWOI2AJ.svg");
}
.flag-icon-gy {
  background-image: url("./media/gy-C6UGO63R.svg");
}
.flag-icon-gy.flag-icon-squared {
  background-image: url("./media/gy-6NI6WEDW.svg");
}
.flag-icon-hk {
  background-image: url("./media/hk-2Y2Z2QSC.svg");
}
.flag-icon-hk.flag-icon-squared {
  background-image: url("./media/hk-A25VSAKL.svg");
}
.flag-icon-hm {
  background-image: url("./media/hm-RVZORLGR.svg");
}
.flag-icon-hm.flag-icon-squared {
  background-image: url("./media/hm-YB3Y26MN.svg");
}
.flag-icon-hn {
  background-image: url("./media/hn-INBX4LZL.svg");
}
.flag-icon-hn.flag-icon-squared {
  background-image: url("./media/hn-QK6ARYWK.svg");
}
.flag-icon-hr {
  background-image: url("./media/hr-7ORLAYLN.svg");
}
.flag-icon-hr.flag-icon-squared {
  background-image: url("./media/hr-PBR4LB23.svg");
}
.flag-icon-ht {
  background-image: url("./media/ht-HCNXZLPJ.svg");
}
.flag-icon-ht.flag-icon-squared {
  background-image: url("./media/ht-77FRECQ5.svg");
}
.flag-icon-hu {
  background-image: url("./media/hu-C3DDGX7P.svg");
}
.flag-icon-hu.flag-icon-squared {
  background-image: url("./media/hu-3ULY6T2N.svg");
}
.flag-icon-id {
  background-image: url("./media/id-4ZOZXGPQ.svg");
}
.flag-icon-id.flag-icon-squared {
  background-image: url("./media/id-SVB43QU4.svg");
}
.flag-icon-ie {
  background-image: url("./media/ie-QFERZM3U.svg");
}
.flag-icon-ie.flag-icon-squared {
  background-image: url("./media/ie-H76CLZVR.svg");
}
.flag-icon-il {
  background-image: url("./media/il-JRTEZGBK.svg");
}
.flag-icon-il.flag-icon-squared {
  background-image: url("./media/il-U4FV3B6U.svg");
}
.flag-icon-im {
  background-image: url("./media/im-KYUVEXHW.svg");
}
.flag-icon-im.flag-icon-squared {
  background-image: url("./media/im-KKWSFTRU.svg");
}
.flag-icon-in {
  background-image: url("./media/in-QNJVAXMN.svg");
}
.flag-icon-in.flag-icon-squared {
  background-image: url("./media/in-F7AV7HJY.svg");
}
.flag-icon-io {
  background-image: url("./media/io-WKKGJU6D.svg");
}
.flag-icon-io.flag-icon-squared {
  background-image: url("./media/io-ETOGCMG4.svg");
}
.flag-icon-iq {
  background-image: url("./media/iq-7FWRTP5Y.svg");
}
.flag-icon-iq.flag-icon-squared {
  background-image: url("./media/iq-ZGCC4A3P.svg");
}
.flag-icon-ir {
  background-image: url("./media/ir-NHCYGYQV.svg");
}
.flag-icon-ir.flag-icon-squared {
  background-image: url("./media/ir-KZAZEHQS.svg");
}
.flag-icon-is {
  background-image: url("./media/is-66BR5RTB.svg");
}
.flag-icon-is.flag-icon-squared {
  background-image: url("./media/is-7IPWORBZ.svg");
}
.flag-icon-it {
  background-image: url("./media/it-SGJZRZTG.svg");
}
.flag-icon-it.flag-icon-squared {
  background-image: url("./media/it-UM7O24C7.svg");
}
.flag-icon-je {
  background-image: url("./media/je-5SE4VBWJ.svg");
}
.flag-icon-je.flag-icon-squared {
  background-image: url("./media/je-HEOF55R5.svg");
}
.flag-icon-jm {
  background-image: url("./media/jm-WELCOSBK.svg");
}
.flag-icon-jm.flag-icon-squared {
  background-image: url("./media/jm-3ITF6YY2.svg");
}
.flag-icon-jo {
  background-image: url("./media/jo-YE2XVIMS.svg");
}
.flag-icon-jo.flag-icon-squared {
  background-image: url("./media/jo-7JOYIZYT.svg");
}
.flag-icon-jp {
  background-image: url("./media/jp-SP2YF23M.svg");
}
.flag-icon-jp.flag-icon-squared {
  background-image: url("./media/jp-2TNVTWIC.svg");
}
.flag-icon-ke {
  background-image: url("./media/ke-ZX6MQKG6.svg");
}
.flag-icon-ke.flag-icon-squared {
  background-image: url("./media/ke-CBINCNC4.svg");
}
.flag-icon-kg {
  background-image: url("./media/kg-LFX5WHHF.svg");
}
.flag-icon-kg.flag-icon-squared {
  background-image: url("./media/kg-H35THSRO.svg");
}
.flag-icon-kh {
  background-image: url("./media/kh-Z4TCRAR5.svg");
}
.flag-icon-kh.flag-icon-squared {
  background-image: url("./media/kh-233EDYT2.svg");
}
.flag-icon-ki {
  background-image: url("./media/ki-HPC3Y44Y.svg");
}
.flag-icon-ki.flag-icon-squared {
  background-image: url("./media/ki-QDL525T3.svg");
}
.flag-icon-km {
  background-image: url("./media/km-C2YKXQMZ.svg");
}
.flag-icon-km.flag-icon-squared {
  background-image: url("./media/km-PTRN2K4F.svg");
}
.flag-icon-kn {
  background-image: url("./media/kn-SL6J6OQJ.svg");
}
.flag-icon-kn.flag-icon-squared {
  background-image: url("./media/kn-SNCNSFZ4.svg");
}
.flag-icon-kp {
  background-image: url("./media/kp-J3WNB4GL.svg");
}
.flag-icon-kp.flag-icon-squared {
  background-image: url("./media/kp-HS3OMD26.svg");
}
.flag-icon-kr {
  background-image: url("./media/kr-B3X3ZGOO.svg");
}
.flag-icon-kr.flag-icon-squared {
  background-image: url("./media/kr-S2AKJ5LV.svg");
}
.flag-icon-kw {
  background-image: url("./media/kw-A6R2ISPG.svg");
}
.flag-icon-kw.flag-icon-squared {
  background-image: url("./media/kw-NILJWT4Z.svg");
}
.flag-icon-ky {
  background-image: url("./media/ky-S657LL5D.svg");
}
.flag-icon-ky.flag-icon-squared {
  background-image: url("./media/ky-ZAEVY4K4.svg");
}
.flag-icon-kz {
  background-image: url("./media/kz-RPKSTFNY.svg");
}
.flag-icon-kz.flag-icon-squared {
  background-image: url("./media/kz-I3NOCOSP.svg");
}
.flag-icon-la {
  background-image: url("./media/la-NJH3GHNB.svg");
}
.flag-icon-la.flag-icon-squared {
  background-image: url("./media/la-GVSJDTGS.svg");
}
.flag-icon-lb {
  background-image: url("./media/lb-V75CR34G.svg");
}
.flag-icon-lb.flag-icon-squared {
  background-image: url("./media/lb-S7LJVAQW.svg");
}
.flag-icon-lc {
  background-image: url("./media/lc-SHXL3I23.svg");
}
.flag-icon-lc.flag-icon-squared {
  background-image: url("./media/lc-ZM4Y2R67.svg");
}
.flag-icon-li {
  background-image: url("./media/li-FRDARPUJ.svg");
}
.flag-icon-li.flag-icon-squared {
  background-image: url("./media/li-7Z7NWU3Q.svg");
}
.flag-icon-lk {
  background-image: url("./media/lk-24DJYERD.svg");
}
.flag-icon-lk.flag-icon-squared {
  background-image: url("./media/lk-T3I7AHQM.svg");
}
.flag-icon-lr {
  background-image: url("./media/lr-H7SF5FRM.svg");
}
.flag-icon-lr.flag-icon-squared {
  background-image: url("./media/lr-SJMH4HCB.svg");
}
.flag-icon-ls {
  background-image: url("./media/ls-DQYSLKA4.svg");
}
.flag-icon-ls.flag-icon-squared {
  background-image: url("./media/ls-5ZBA3EUG.svg");
}
.flag-icon-lt {
  background-image: url("./media/lt-X5H273BZ.svg");
}
.flag-icon-lt.flag-icon-squared {
  background-image: url("./media/lt-RSVM7DR2.svg");
}
.flag-icon-lu {
  background-image: url("./media/lu-Y7CETSZZ.svg");
}
.flag-icon-lu.flag-icon-squared {
  background-image: url("./media/lu-65TEHPWQ.svg");
}
.flag-icon-lv {
  background-image: url("./media/lv-UD2OKAKZ.svg");
}
.flag-icon-lv.flag-icon-squared {
  background-image: url("./media/lv-JFY5ZN55.svg");
}
.flag-icon-ly {
  background-image: url("./media/ly-HDADEWRO.svg");
}
.flag-icon-ly.flag-icon-squared {
  background-image: url("./media/ly-UEXBUN2V.svg");
}
.flag-icon-ma {
  background-image: url("./media/ma-VSPIMR33.svg");
}
.flag-icon-ma.flag-icon-squared {
  background-image: url("./media/ma-AELGTMLU.svg");
}
.flag-icon-mc {
  background-image: url("./media/mc-IV2TK64Y.svg");
}
.flag-icon-mc.flag-icon-squared {
  background-image: url("./media/mc-RWDN7GBP.svg");
}
.flag-icon-md {
  background-image: url("./media/md-Z2KRCTSL.svg");
}
.flag-icon-md.flag-icon-squared {
  background-image: url("./media/md-ALS43QIU.svg");
}
.flag-icon-me {
  background-image: url("./media/me-GJ5HAC7T.svg");
}
.flag-icon-me.flag-icon-squared {
  background-image: url("./media/me-7M3MHJVS.svg");
}
.flag-icon-mf {
  background-image: url("./media/mf-DHFQJL6D.svg");
}
.flag-icon-mf.flag-icon-squared {
  background-image: url("./media/mf-OD5SRIRX.svg");
}
.flag-icon-mg {
  background-image: url("./media/mg-OT6S6TWP.svg");
}
.flag-icon-mg.flag-icon-squared {
  background-image: url("./media/mg-FXW62GJW.svg");
}
.flag-icon-mh {
  background-image: url("./media/mh-7N2SSCJ3.svg");
}
.flag-icon-mh.flag-icon-squared {
  background-image: url("./media/mh-E2GTTPCR.svg");
}
.flag-icon-mk {
  background-image: url("./media/mk-4CGYETXE.svg");
}
.flag-icon-mk.flag-icon-squared {
  background-image: url("./media/mk-F2FINWYG.svg");
}
.flag-icon-ml {
  background-image: url("./media/ml-REJ3NIH6.svg");
}
.flag-icon-ml.flag-icon-squared {
  background-image: url("./media/ml-XJ6OQGYU.svg");
}
.flag-icon-mm {
  background-image: url("./media/mm-HZCZGRLE.svg");
}
.flag-icon-mm.flag-icon-squared {
  background-image: url("./media/mm-RC6LLYBG.svg");
}
.flag-icon-mn {
  background-image: url("./media/mn-KJYU2QPU.svg");
}
.flag-icon-mn.flag-icon-squared {
  background-image: url("./media/mn-FAK5EASW.svg");
}
.flag-icon-mo {
  background-image: url("./media/mo-P6QQFXVC.svg");
}
.flag-icon-mo.flag-icon-squared {
  background-image: url("./media/mo-5I77PT65.svg");
}
.flag-icon-mp {
  background-image: url("./media/mp-64QSYE7H.svg");
}
.flag-icon-mp.flag-icon-squared {
  background-image: url("./media/mp-2NJVNY5J.svg");
}
.flag-icon-mq {
  background-image: url("./media/mq-S4653T2D.svg");
}
.flag-icon-mq.flag-icon-squared {
  background-image: url("./media/mq-X3DTTM2G.svg");
}
.flag-icon-mr {
  background-image: url("./media/mr-ZBDE3KJQ.svg");
}
.flag-icon-mr.flag-icon-squared {
  background-image: url("./media/mr-ND362SOH.svg");
}
.flag-icon-ms {
  background-image: url("./media/ms-MUMZYXKX.svg");
}
.flag-icon-ms.flag-icon-squared {
  background-image: url("./media/ms-PGERFMYB.svg");
}
.flag-icon-mt {
  background-image: url("./media/mt-DUA34F2Z.svg");
}
.flag-icon-mt.flag-icon-squared {
  background-image: url("./media/mt-Q3QSDLLH.svg");
}
.flag-icon-mu {
  background-image: url("./media/mu-ZHDOJ3TI.svg");
}
.flag-icon-mu.flag-icon-squared {
  background-image: url("./media/mu-IKV5OAGF.svg");
}
.flag-icon-mv {
  background-image: url("./media/mv-6NYHRQLF.svg");
}
.flag-icon-mv.flag-icon-squared {
  background-image: url("./media/mv-ZWMFKUNA.svg");
}
.flag-icon-mw {
  background-image: url("./media/mw-AXRAJH26.svg");
}
.flag-icon-mw.flag-icon-squared {
  background-image: url("./media/mw-EZJFWASQ.svg");
}
.flag-icon-mx {
  background-image: url("./media/mx-MSPV6RQM.svg");
}
.flag-icon-mx.flag-icon-squared {
  background-image: url("./media/mx-5GR6EBYA.svg");
}
.flag-icon-my {
  background-image: url("./media/my-JAVNA4TK.svg");
}
.flag-icon-my.flag-icon-squared {
  background-image: url("./media/my-EJP5F3Y5.svg");
}
.flag-icon-mz {
  background-image: url("./media/mz-6C45AHHE.svg");
}
.flag-icon-mz.flag-icon-squared {
  background-image: url("./media/mz-KHTCMF64.svg");
}
.flag-icon-na {
  background-image: url("./media/na-KENBGPR5.svg");
}
.flag-icon-na.flag-icon-squared {
  background-image: url("./media/na-KD76ZTVC.svg");
}
.flag-icon-nc {
  background-image: url("./media/nc-RS5AE4EI.svg");
}
.flag-icon-nc.flag-icon-squared {
  background-image: url("./media/nc-Y2FKGKPK.svg");
}
.flag-icon-ne {
  background-image: url("./media/ne-NIQVZJOH.svg");
}
.flag-icon-ne.flag-icon-squared {
  background-image: url("./media/ne-3WV2VAGZ.svg");
}
.flag-icon-nf {
  background-image: url("./media/nf-6GXJMQE5.svg");
}
.flag-icon-nf.flag-icon-squared {
  background-image: url("./media/nf-HBCF2NWO.svg");
}
.flag-icon-ng {
  background-image: url("./media/ng-5QXHJYS4.svg");
}
.flag-icon-ng.flag-icon-squared {
  background-image: url("./media/ng-KJDQPHTZ.svg");
}
.flag-icon-ni {
  background-image: url("./media/ni-WZCAAQR6.svg");
}
.flag-icon-ni.flag-icon-squared {
  background-image: url("./media/ni-WBKBD2WM.svg");
}
.flag-icon-nl {
  background-image: url("./media/nl-QVISKFUO.svg");
}
.flag-icon-nl.flag-icon-squared {
  background-image: url("./media/nl-B6ILO3OI.svg");
}
.flag-icon-no {
  background-image: url("./media/no-JTVUCTCT.svg");
}
.flag-icon-no.flag-icon-squared {
  background-image: url("./media/no-UUM3YD7C.svg");
}
.flag-icon-np {
  background-image: url("./media/np-UMO3KQF3.svg");
}
.flag-icon-np.flag-icon-squared {
  background-image: url("./media/np-TPQ7P5DM.svg");
}
.flag-icon-nr {
  background-image: url("./media/nr-J3Z7OKTM.svg");
}
.flag-icon-nr.flag-icon-squared {
  background-image: url("./media/nr-PJQKURNJ.svg");
}
.flag-icon-nu {
  background-image: url("./media/nu-ODPKDTNC.svg");
}
.flag-icon-nu.flag-icon-squared {
  background-image: url("./media/nu-7DXHQXST.svg");
}
.flag-icon-nz {
  background-image: url("./media/nz-RLNLURX3.svg");
}
.flag-icon-nz.flag-icon-squared {
  background-image: url("./media/nz-5OIF7LCY.svg");
}
.flag-icon-om {
  background-image: url("./media/om-WBLOUASY.svg");
}
.flag-icon-om.flag-icon-squared {
  background-image: url("./media/om-3RIPFJ57.svg");
}
.flag-icon-pa {
  background-image: url("./media/pa-PC5ZUPN6.svg");
}
.flag-icon-pa.flag-icon-squared {
  background-image: url("./media/pa-IKMVWHGS.svg");
}
.flag-icon-pe {
  background-image: url("./media/pe-WVRRE6RF.svg");
}
.flag-icon-pe.flag-icon-squared {
  background-image: url("./media/pe-NLYN4F6S.svg");
}
.flag-icon-pf {
  background-image: url("./media/pf-ENVNLPQ7.svg");
}
.flag-icon-pf.flag-icon-squared {
  background-image: url("./media/pf-EGOMBMMN.svg");
}
.flag-icon-pg {
  background-image: url("./media/pg-R7GWNRSB.svg");
}
.flag-icon-pg.flag-icon-squared {
  background-image: url("./media/pg-FGBFT23S.svg");
}
.flag-icon-ph {
  background-image: url("./media/ph-DVAHQKL4.svg");
}
.flag-icon-ph.flag-icon-squared {
  background-image: url("./media/ph-BCKSKT5M.svg");
}
.flag-icon-pk {
  background-image: url("./media/pk-52A7JSOV.svg");
}
.flag-icon-pk.flag-icon-squared {
  background-image: url("./media/pk-UNTCZZRI.svg");
}
.flag-icon-pl {
  background-image: url("./media/pl-JSSZW3KY.svg");
}
.flag-icon-pl.flag-icon-squared {
  background-image: url("./media/pl-W7YEMTF5.svg");
}
.flag-icon-pm {
  background-image: url("./media/pm-R4DJBO6K.svg");
}
.flag-icon-pm.flag-icon-squared {
  background-image: url("./media/pm-TTBT3LJW.svg");
}
.flag-icon-pn {
  background-image: url("./media/pn-Q22W4YJV.svg");
}
.flag-icon-pn.flag-icon-squared {
  background-image: url("./media/pn-L6REO3DJ.svg");
}
.flag-icon-pr {
  background-image: url("./media/pr-H26UPRUY.svg");
}
.flag-icon-pr.flag-icon-squared {
  background-image: url("./media/pr-NXM3J5QE.svg");
}
.flag-icon-ps {
  background-image: url("./media/ps-IRU6GCXV.svg");
}
.flag-icon-ps.flag-icon-squared {
  background-image: url("./media/ps-F2NS4AQZ.svg");
}
.flag-icon-pt {
  background-image: url("./media/pt-EJEEXNOR.svg");
}
.flag-icon-pt.flag-icon-squared {
  background-image: url("./media/pt-NRTYBRFG.svg");
}
.flag-icon-pw {
  background-image: url("./media/pw-VBUKIQZ2.svg");
}
.flag-icon-pw.flag-icon-squared {
  background-image: url("./media/pw-Q6V3NABJ.svg");
}
.flag-icon-py {
  background-image: url("./media/py-BBGVETQS.svg");
}
.flag-icon-py.flag-icon-squared {
  background-image: url("./media/py-CH6WX32T.svg");
}
.flag-icon-qa {
  background-image: url("./media/qa-O6NUQ5WE.svg");
}
.flag-icon-qa.flag-icon-squared {
  background-image: url("./media/qa-OAR2YOMD.svg");
}
.flag-icon-re {
  background-image: url("./media/re-UHLBILVM.svg");
}
.flag-icon-re.flag-icon-squared {
  background-image: url("./media/re-JUMEK724.svg");
}
.flag-icon-ro {
  background-image: url("./media/ro-YBPUPSYC.svg");
}
.flag-icon-ro.flag-icon-squared {
  background-image: url("./media/ro-JCC2KRGD.svg");
}
.flag-icon-rs {
  background-image: url("./media/rs-L5N2A3XR.svg");
}
.flag-icon-rs.flag-icon-squared {
  background-image: url("./media/rs-DT2GDVUA.svg");
}
.flag-icon-ru {
  background-image: url("./media/ru-NVSR5C27.svg");
}
.flag-icon-ru.flag-icon-squared {
  background-image: url("./media/ru-MOJSUNNC.svg");
}
.flag-icon-rw {
  background-image: url("./media/rw-L6HQTLZM.svg");
}
.flag-icon-rw.flag-icon-squared {
  background-image: url("./media/rw-KEWB57VI.svg");
}
.flag-icon-sa {
  background-image: url("./media/sa-KZTBEYBS.svg");
}
.flag-icon-sa.flag-icon-squared {
  background-image: url("./media/sa-QLBRRIPL.svg");
}
.flag-icon-sb {
  background-image: url("./media/sb-MSAGR2MU.svg");
}
.flag-icon-sb.flag-icon-squared {
  background-image: url("./media/sb-35D2UJSQ.svg");
}
.flag-icon-sc {
  background-image: url("./media/sc-V6CCCFRU.svg");
}
.flag-icon-sc.flag-icon-squared {
  background-image: url("./media/sc-QEDMCELF.svg");
}
.flag-icon-sd {
  background-image: url("./media/sd-HFBRPI6J.svg");
}
.flag-icon-sd.flag-icon-squared {
  background-image: url("./media/sd-C4SWX6D5.svg");
}
.flag-icon-se {
  background-image: url("./media/se-DMSSO5NZ.svg");
}
.flag-icon-se.flag-icon-squared {
  background-image: url("./media/se-RBDOE2XK.svg");
}
.flag-icon-sg {
  background-image: url("./media/sg-PLMFMQ2U.svg");
}
.flag-icon-sg.flag-icon-squared {
  background-image: url("./media/sg-S5C3Z3YL.svg");
}
.flag-icon-sh {
  background-image: url("./media/sh-KQGS7ANA.svg");
}
.flag-icon-sh.flag-icon-squared {
  background-image: url("./media/sh-CK7ZHZMQ.svg");
}
.flag-icon-si {
  background-image: url("./media/si-7WVNU5HH.svg");
}
.flag-icon-si.flag-icon-squared {
  background-image: url("./media/si-2IF4472M.svg");
}
.flag-icon-sj {
  background-image: url("./media/sj-EOPZSLCL.svg");
}
.flag-icon-sj.flag-icon-squared {
  background-image: url("./media/sj-QYYJ3R3Y.svg");
}
.flag-icon-sk {
  background-image: url("./media/sk-Z5T3FAV3.svg");
}
.flag-icon-sk.flag-icon-squared {
  background-image: url("./media/sk-BQVDHWO3.svg");
}
.flag-icon-sl {
  background-image: url("./media/sl-DE7XOWOL.svg");
}
.flag-icon-sl.flag-icon-squared {
  background-image: url("./media/sl-XDRPTSE3.svg");
}
.flag-icon-sm {
  background-image: url("./media/sm-M2ZGN37L.svg");
}
.flag-icon-sm.flag-icon-squared {
  background-image: url("./media/sm-HMEYU473.svg");
}
.flag-icon-sn {
  background-image: url("./media/sn-KYWABXNT.svg");
}
.flag-icon-sn.flag-icon-squared {
  background-image: url("./media/sn-HK436VOQ.svg");
}
.flag-icon-so {
  background-image: url("./media/so-NVQ6EJKS.svg");
}
.flag-icon-so.flag-icon-squared {
  background-image: url("./media/so-3UIF6GDF.svg");
}
.flag-icon-sr {
  background-image: url("./media/sr-HMODPFV5.svg");
}
.flag-icon-sr.flag-icon-squared {
  background-image: url("./media/sr-BFJ2NIE7.svg");
}
.flag-icon-ss {
  background-image: url("./media/ss-R7O73JRT.svg");
}
.flag-icon-ss.flag-icon-squared {
  background-image: url("./media/ss-VCBG6S66.svg");
}
.flag-icon-st {
  background-image: url("./media/st-NPWJIGHE.svg");
}
.flag-icon-st.flag-icon-squared {
  background-image: url("./media/st-FXQFVBJU.svg");
}
.flag-icon-sv {
  background-image: url("./media/sv-NIXV2SRX.svg");
}
.flag-icon-sv.flag-icon-squared {
  background-image: url("./media/sv-PVJCZQKU.svg");
}
.flag-icon-sx {
  background-image: url("./media/sx-6PXU3BOP.svg");
}
.flag-icon-sx.flag-icon-squared {
  background-image: url("./media/sx-SUXUEIIT.svg");
}
.flag-icon-sy {
  background-image: url("./media/sy-NKE6DEQ4.svg");
}
.flag-icon-sy.flag-icon-squared {
  background-image: url("./media/sy-R27CX54C.svg");
}
.flag-icon-sz {
  background-image: url("./media/sz-6DEOMXQI.svg");
}
.flag-icon-sz.flag-icon-squared {
  background-image: url("./media/sz-ZXL2QNEJ.svg");
}
.flag-icon-tc {
  background-image: url("./media/tc-J5IQ5EX3.svg");
}
.flag-icon-tc.flag-icon-squared {
  background-image: url("./media/tc-XFHO4NVY.svg");
}
.flag-icon-td {
  background-image: url("./media/td-DN372MP5.svg");
}
.flag-icon-td.flag-icon-squared {
  background-image: url("./media/td-QFCV3MTE.svg");
}
.flag-icon-tf {
  background-image: url("./media/tf-3KM2YOKO.svg");
}
.flag-icon-tf.flag-icon-squared {
  background-image: url("./media/tf-RAGIPNWE.svg");
}
.flag-icon-tg {
  background-image: url("./media/tg-AIJ5IBEL.svg");
}
.flag-icon-tg.flag-icon-squared {
  background-image: url("./media/tg-ICMRNHCV.svg");
}
.flag-icon-th {
  background-image: url("./media/th-WAHAQKQK.svg");
}
.flag-icon-th.flag-icon-squared {
  background-image: url("./media/th-543UAZS4.svg");
}
.flag-icon-tj {
  background-image: url("./media/tj-MG5ALKXM.svg");
}
.flag-icon-tj.flag-icon-squared {
  background-image: url("./media/tj-64SJVF43.svg");
}
.flag-icon-tk {
  background-image: url("./media/tk-G765JUVP.svg");
}
.flag-icon-tk.flag-icon-squared {
  background-image: url("./media/tk-XKQFZK67.svg");
}
.flag-icon-tl {
  background-image: url("./media/tl-MQXEMZYW.svg");
}
.flag-icon-tl.flag-icon-squared {
  background-image: url("./media/tl-XBGOH5S2.svg");
}
.flag-icon-tm {
  background-image: url("./media/tm-7L464HR3.svg");
}
.flag-icon-tm.flag-icon-squared {
  background-image: url("./media/tm-F7O3ENCP.svg");
}
.flag-icon-tn {
  background-image: url("./media/tn-DRA7RTUG.svg");
}
.flag-icon-tn.flag-icon-squared {
  background-image: url("./media/tn-PSQVQYRN.svg");
}
.flag-icon-to {
  background-image: url("./media/to-4IPHWATD.svg");
}
.flag-icon-to.flag-icon-squared {
  background-image: url("./media/to-Y3ZWK7GO.svg");
}
.flag-icon-tr {
  background-image: url("./media/tr-KC7PK4TT.svg");
}
.flag-icon-tr.flag-icon-squared {
  background-image: url("./media/tr-XZNEX4WU.svg");
}
.flag-icon-tt {
  background-image: url("./media/tt-IVVKXXFH.svg");
}
.flag-icon-tt.flag-icon-squared {
  background-image: url("./media/tt-4XVTA5HE.svg");
}
.flag-icon-tv {
  background-image: url("./media/tv-JLJIQALN.svg");
}
.flag-icon-tv.flag-icon-squared {
  background-image: url("./media/tv-YZWVZKM4.svg");
}
.flag-icon-tw {
  background-image: url("./media/tw-OOSFQCFC.svg");
}
.flag-icon-tw.flag-icon-squared {
  background-image: url("./media/tw-X2EV3JOS.svg");
}
.flag-icon-tz {
  background-image: url("./media/tz-XBTR54G2.svg");
}
.flag-icon-tz.flag-icon-squared {
  background-image: url("./media/tz-Q6U5QX2S.svg");
}
.flag-icon-ua {
  background-image: url("./media/ua-42G3UEKS.svg");
}
.flag-icon-ua.flag-icon-squared {
  background-image: url("./media/ua-4WRPQAD2.svg");
}
.flag-icon-ug {
  background-image: url("./media/ug-IS5EVL72.svg");
}
.flag-icon-ug.flag-icon-squared {
  background-image: url("./media/ug-H45TJQIV.svg");
}
.flag-icon-um {
  background-image: url("./media/um-5S6XPORP.svg");
}
.flag-icon-um.flag-icon-squared {
  background-image: url("./media/um-JHHZSFST.svg");
}
.flag-icon-us {
  background-image: url("./media/us-FUFB3VQZ.svg");
}
.flag-icon-us.flag-icon-squared {
  background-image: url("./media/us-IS3BWTHE.svg");
}
.flag-icon-uy {
  background-image: url("./media/uy-FJ6XTJUV.svg");
}
.flag-icon-uy.flag-icon-squared {
  background-image: url("./media/uy-A3EI3LWP.svg");
}
.flag-icon-uz {
  background-image: url("./media/uz-FR2J6ZTX.svg");
}
.flag-icon-uz.flag-icon-squared {
  background-image: url("./media/uz-AE27GCNH.svg");
}
.flag-icon-va {
  background-image: url("./media/va-ZQHHJQ33.svg");
}
.flag-icon-va.flag-icon-squared {
  background-image: url("./media/va-TEZUDB3G.svg");
}
.flag-icon-vc {
  background-image: url("./media/vc-F4EKLJYW.svg");
}
.flag-icon-vc.flag-icon-squared {
  background-image: url("./media/vc-E2OQIPCP.svg");
}
.flag-icon-ve {
  background-image: url("./media/ve-TXPQADML.svg");
}
.flag-icon-ve.flag-icon-squared {
  background-image: url("./media/ve-7TJSHRJP.svg");
}
.flag-icon-vg {
  background-image: url("./media/vg-7KGZ7CCG.svg");
}
.flag-icon-vg.flag-icon-squared {
  background-image: url("./media/vg-425F3YSW.svg");
}
.flag-icon-vi {
  background-image: url("./media/vi-7RSQ7357.svg");
}
.flag-icon-vi.flag-icon-squared {
  background-image: url("./media/vi-QT5RT2PF.svg");
}
.flag-icon-vn {
  background-image: url("./media/vn-VKFW3LKZ.svg");
}
.flag-icon-vn.flag-icon-squared {
  background-image: url("./media/vn-2CM47TLG.svg");
}
.flag-icon-vu {
  background-image: url("./media/vu-UY6NIISJ.svg");
}
.flag-icon-vu.flag-icon-squared {
  background-image: url("./media/vu-5SMMMMBI.svg");
}
.flag-icon-wf {
  background-image: url("./media/wf-STSOJIWF.svg");
}
.flag-icon-wf.flag-icon-squared {
  background-image: url("./media/wf-WIUKTV4Y.svg");
}
.flag-icon-ws {
  background-image: url("./media/ws-PVUKQ4PE.svg");
}
.flag-icon-ws.flag-icon-squared {
  background-image: url("./media/ws-P5MXR5ZW.svg");
}
.flag-icon-ye {
  background-image: url("./media/ye-NQNPF5YD.svg");
}
.flag-icon-ye.flag-icon-squared {
  background-image: url("./media/ye-UV36AEFC.svg");
}
.flag-icon-yt {
  background-image: url("./media/yt-GG222J56.svg");
}
.flag-icon-yt.flag-icon-squared {
  background-image: url("./media/yt-4QK5TCQQ.svg");
}
.flag-icon-za {
  background-image: url("./media/za-ZENJGLJA.svg");
}
.flag-icon-za.flag-icon-squared {
  background-image: url("./media/za-L34J5XGG.svg");
}
.flag-icon-zm {
  background-image: url("./media/zm-BPNBREFJ.svg");
}
.flag-icon-zm.flag-icon-squared {
  background-image: url("./media/zm-7CZTUFGI.svg");
}
.flag-icon-zw {
  background-image: url("./media/zw-4RHGU7JS.svg");
}
.flag-icon-zw.flag-icon-squared {
  background-image: url("./media/zw-7HJGHRPL.svg");
}
.flag-icon-ac {
  background-image: url("./media/ac-TN2SB5ZT.svg");
}
.flag-icon-ac.flag-icon-squared {
  background-image: url("./media/ac-KWJGW6NH.svg");
}
.flag-icon-cp {
  background-image: url("./media/cp-BGXMARHE.svg");
}
.flag-icon-cp.flag-icon-squared {
  background-image: url("./media/cp-VEMVSSMF.svg");
}
.flag-icon-dg {
  background-image: url("./media/dg-SHVJDYMF.svg");
}
.flag-icon-dg.flag-icon-squared {
  background-image: url("./media/dg-P7Q77WSC.svg");
}
.flag-icon-ea {
  background-image: url("./media/ea-QQDSWXSW.svg");
}
.flag-icon-ea.flag-icon-squared {
  background-image: url("./media/ea-BPZ7JBFC.svg");
}
.flag-icon-es-ct {
  background-image: url("./media/es-ct-LZMYMK2E.svg");
}
.flag-icon-es-ct.flag-icon-squared {
  background-image: url("./media/es-ct-YZMY3BN2.svg");
}
.flag-icon-es-ga {
  background-image: url("./media/es-ga-7XBN325Q.svg");
}
.flag-icon-es-ga.flag-icon-squared {
  background-image: url("./media/es-ga-7IPVLVPU.svg");
}
.flag-icon-eu {
  background-image: url("./media/eu-UMUHIX6K.svg");
}
.flag-icon-eu.flag-icon-squared {
  background-image: url("./media/eu-T2DQ62JU.svg");
}
.flag-icon-gb-eng {
  background-image: url("./media/gb-eng-4H6GWTY6.svg");
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url("./media/gb-eng-KED2JQT6.svg");
}
.flag-icon-gb-nir {
  background-image: url("./media/gb-nir-OYA7GOS4.svg");
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url("./media/gb-nir-MPA3J5QK.svg");
}
.flag-icon-gb-sct {
  background-image: url("./media/gb-sct-CDZZA2QR.svg");
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url("./media/gb-sct-MYMPELAJ.svg");
}
.flag-icon-gb-wls {
  background-image: url("./media/gb-wls-5V2TWHQ5.svg");
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url("./media/gb-wls-C55W5YOV.svg");
}
.flag-icon-ic {
  background-image: url("./media/ic-CQCOSBIQ.svg");
}
.flag-icon-ic.flag-icon-squared {
  background-image: url("./media/ic-XC4APDRB.svg");
}
.flag-icon-ta {
  background-image: url("./media/ta-SWHBRZQZ.svg");
}
.flag-icon-ta.flag-icon-squared {
  background-image: url("./media/ta-CRXJ6Q4S.svg");
}
.flag-icon-un {
  background-image: url("./media/un-2QBYBLHL.svg");
}
.flag-icon-un.flag-icon-squared {
  background-image: url("./media/un-MF63QRMF.svg");
}
.flag-icon-xk {
  background-image: url("./media/xk-2TRLJGKM.svg");
}
.flag-icon-xk.flag-icon-squared {
  background-image: url("./media/xk-6U4BLTNX.svg");
}
.flag-icon-xx {
  background-image: url("./media/xx-3JBH755J.svg");
}
.flag-icon-xx.flag-icon-squared {
  background-image: url("./media/xx-J5MDRHIQ.svg");
}

/* node_modules/intro.js/introjs.css */
.introjs-tour {
  transition: all .3s ease-out;
}
.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 999999;
  opacity: 0;
  transition: all .3s ease-out;
}
.introjs-showElement {
  z-index: 9999999 !important;
}
tr.introjs-showElement > td {
  z-index: 9999999 !important;
  position: relative;
}
tr.introjs-showElement > th {
  z-index: 9999999 !important;
  position: relative;
}
.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: #fff;
  opacity: 0;
}
.introjs-relativePosition {
  position: relative;
}
.introjs-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  border-radius: 4px;
  transition: all .3s ease-out;
}
.introjs-helperLayer * {
  box-sizing: content-box;
}
.introjs-helperLayer :before {
  box-sizing: content-box;
}
.introjs-helperLayer :after {
  box-sizing: content-box;
}
.introjs-tooltipReferenceLayer {
  font-family:
    "Helvetica Neue",
    Inter,
    ui-sans-serif,
    "Apple Color Emoji",
    Helvetica,
    Arial,
    sans-serif;
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  transition: all .3s ease-out;
}
.introjs-tooltipReferenceLayer * {
  font-family:
    "Helvetica Neue",
    Inter,
    ui-sans-serif,
    "Apple Color Emoji",
    Helvetica,
    Arial,
    sans-serif;
}
.introjs-helperNumberLayer {
  font-family:
    "Helvetica Neue",
    Inter,
    ui-sans-serif,
    "Apple Color Emoji",
    Helvetica,
    Arial,
    sans-serif;
  color: #9e9e9e;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.introjs-arrow {
  border: 5px solid transparent;
  content: "";
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  left: 10px;
  border-bottom-color: #fff;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: #fff;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #fff;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: #fff;
}
.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: #fff;
}
.introjs-arrow.bottom {
  bottom: -10px;
  left: 10px;
  border-top-color: #fff;
}
.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: #fff;
}
.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #fff;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: #fff;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: #fff;
}
.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  background-color: #fff;
  min-width: 250px;
  max-width: 300px;
  border-radius: 5px;
  box-shadow: 0 3px 30px rgba(33, 33, 33, .3);
  transition: opacity .1s ease-out;
}
.introjs-tooltiptext {
  padding: 20px;
}
.introjs-dontShowAgain {
  padding-left: 20px;
  padding-right: 20px;
}
.introjs-dontShowAgain input {
  padding: 0;
  margin: 0;
  margin-bottom: 2px;
  display: inline;
  width: 10px;
  height: 10px;
}
.introjs-dontShowAgain label {
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
  margin: 0 0 0 5px;
  padding: 0;
  background-color: #fff;
  color: #616161;
  -webkit-user-select: none;
  user-select: none;
}
.introjs-tooltip-title {
  font-size: 18px;
  width: 90%;
  min-height: 1.5em;
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 1.5;
}
.introjs-tooltip-header {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  min-height: 1.5em;
}
.introjs-tooltipbuttons {
  border-top: 1px solid #e0e0e0;
  padding: 10px;
  text-align: right;
  white-space: nowrap;
}
.introjs-tooltipbuttons:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.introjs-button {
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  padding: .5rem 1rem;
  border: 1px solid #bdbdbd;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font-size: 14px;
  color: #424242;
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  background-color: #f4f4f4;
  border-radius: .2em;
  zoom: 1;
  display: inline;
}
.introjs-button:hover {
  outline: 0;
  text-decoration: none;
  border-color: #9e9e9e;
  background-color: #e0e0e0;
  color: #212121;
}
.introjs-button:focus {
  outline: 0;
  text-decoration: none;
  background-color: #eee;
  box-shadow: 0 0 0 .2rem rgba(158, 158, 158, .5);
  border: 1px solid #616161;
  color: #212121;
}
.introjs-button:active {
  outline: 0;
  text-decoration: none;
  background-color: #e0e0e0;
  border-color: #9e9e9e;
  color: #212121;
}
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.introjs-skipbutton {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #616161;
  font-size: 22px;
  cursor: pointer;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.introjs-skipbutton:focus,
.introjs-skipbutton:hover {
  color: #212121;
  outline: 0;
  text-decoration: none;
}
.introjs-prevbutton {
  float: left;
}
.introjs-nextbutton {
  float: right;
}
.introjs-disabled {
  color: #9e9e9e;
  border-color: #bdbdbd;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}
.introjs-disabled:focus,
.introjs-disabled:hover {
  color: #9e9e9e;
  border-color: #bdbdbd;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}
.introjs-hidden {
  display: none;
}
.introjs-bullets {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 0 auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  transition: width .1s ease-in;
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}
.introjs-bullets ul li a:focus,
.introjs-bullets ul li a:hover {
  width: 15px;
  background: #999;
  text-decoration: none;
  outline: 0;
}
.introjs-bullets ul li a.active {
  width: 15px;
  background: #999;
}
.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px;
  border-radius: 4px;
  background-color: #e0e0e0;
}
.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}
.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}
.introjs-fixedTooltip {
  position: fixed;
}
.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: 0 0;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.introjs-hint:focus {
  border: 0;
  outline: 0;
}
.introjs-hint:hover > .introjs-hint-pulse {
  background-color: rgba(60, 60, 60, .57);
}
.introjs-hidehint {
  display: none;
}
.introjs-fixedhint {
  position: fixed;
}
@keyframes introjspulse {
  0% {
    transform: scale(.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px transparent;
  }
  100% {
    transform: scale(.95);
    box-shadow: 0 0 0 0 transparent;
  }
}
.introjs-hint-pulse {
  box-sizing: content-box;
  width: 15px;
  height: 15px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, .24);
  z-index: 10;
  position: absolute;
  transition: all .2s ease-out;
  animation: introjspulse 2s infinite;
}
.introjs-hint-no-anim .introjs-hint-pulse {
  animation: none;
}
.introjs-hint-dot {
  box-sizing: content-box;
  background: 0 0;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -18px;
  left: -18px;
  z-index: 1;
  opacity: 0;
}

/* node_modules/animate.css/animate.min.css */
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration:1s;
  --animate-delay:1s;
  --animate-repeat:1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
  animation-iteration-count: calc(var(--animate-repeat)*2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
  animation-iteration-count: calc(var(--animate-repeat)*3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: calc(var(--animate-delay)*2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: calc(var(--animate-delay)*3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: calc(var(--animate-delay)*4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: calc(var(--animate-delay)*5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.8);
  animation-duration: calc(var(--animate-duration)*0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: calc(var(--animate-duration)*3);
}
@media (prefers-reduced-motion:reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1);
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1);
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1);
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1);
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg);
  }
}
@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration)*1.3);
  animation-duration: calc(var(--animate-duration)*1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

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