/*
    Static
*/
:root {
  --mud-ripple-color: var(--mud-palette-text-primary);
  --mud-ripple-opacity: 0.1;
  --mud-ripple-opacity-secondary: 0.2;
  --mud-elevation-0: none;
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-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);
  --mud-elevation-25: 0 5px 5px -3px rgba(0,0,0,.06), 0 8px 10px 1px rgba(0,0,0,.042), 0 3px 14px 2px rgba(0,0,0,.036);
  --mud-default-borderradius: 4px;
  --mud-drawer-width-left: 240px;
  --mud-drawer-width-right: 240px;
  --mud-drawer-width-mini-left: 56px;
  --mud-drawer-width-mini-right: 56px;
  --mud-appbar-height: 64px;
  --mud-typography-default-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-default-size: .875rem;
  --mud-typography-default-weight: 400;
  --mud-typography-default-lineheight: 1.43;
  --mud-typography-default-letterspacing: .01071em;
  --mud-typography-default-text-transform: none;
  --mud-typography-h1-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-h1-size: 6rem;
  --mud-typography-h1-weight: 300;
  --mud-typography-h1-lineheight: 1.167;
  --mud-typography-h1-letterspacing: -.01562em;
  --mud-typography-h1-text-transform: none;
  --mud-typography-h2-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-h2-size: 3.75rem;
  --mud-typography-h2-weight: 300;
  --mud-typography-h2-lineheight: 1.2;
  --mud-typography-h2-letterspacing: -.00833em;
  --mud-typography-h2-text-transform: none;
  --mud-typography-h3-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-h3-size: 3rem;
  --mud-typography-h3-weight: 400;
  --mud-typography-h3-lineheight: 1.167;
  --mud-typography-h3-letterspacing: 0;
  --mud-typography-h3-text-transform: none;
  --mud-typography-h4-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-h4-size: 2.125rem;
  --mud-typography-h4-weight: 400;
  --mud-typography-h4-lineheight: 1.235;
  --mud-typography-h4-letterspacing: .00735em;
  --mud-typography-h4-text-transform: none;
  --mud-typography-h5-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-h5-size: 1.5rem;
  --mud-typography-h5-weight: 400;
  --mud-typography-h5-lineheight: 1.334;
  --mud-typography-h5-letterspacing: 0;
  --mud-typography-h5-text-transform: none;
  --mud-typography-h6-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-h6-size: 1.25rem;
  --mud-typography-h6-weight: 500;
  --mud-typography-h6-lineheight: 1.6;
  --mud-typography-h6-letterspacing: .0075em;
  --mud-typography-h6-text-transform: none;
  --mud-typography-subtitle1-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-subtitle1-size: 1rem;
  --mud-typography-subtitle1-weight: 400;
  --mud-typography-subtitle1-lineheight: 1.75;
  --mud-typography-subtitle1-letterspacing: .00938em;
  --mud-typography-subtitle1-text-transform: none;
  --mud-typography-subtitle2-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-subtitle2-size: .875rem;
  --mud-typography-subtitle2-weight: 500;
  --mud-typography-subtitle2-lineheight: 1.57;
  --mud-typography-subtitle2-letterspacing: .00714em;
  --mud-typography-subtitle2-text-transform: none;
  --mud-typography-body1-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-body1-size: 1rem;
  --mud-typography-body1-weight: 400;
  --mud-typography-body1-lineheight: 1.5;
  --mud-typography-body1-letterspacing: .00938em;
  --mud-typography-body1-text-transform: none;
  --mud-typography-body2-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-body2-size: .875rem;
  --mud-typography-body2-weight: 400;
  --mud-typography-body2-lineheight: 1.43;
  --mud-typography-body2-letterspacing: .01071em;
  --mud-typography-body2-text-transform: none;
  --mud-typography-button-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-button-size: .875rem;
  --mud-typography-button-weight: 500;
  --mud-typography-button-lineheight: 1.75;
  --mud-typography-button-letterspacing: .02857em;
  --mud-typography-button-text-transform: none;
  --mud-typography-caption-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-caption-size: .75rem;
  --mud-typography-caption-weight: 400;
  --mud-typography-caption-lineheight: 1.66;
  --mud-typography-caption-letterspacing: .03333em;
  --mud-typography-caption-text-transform: none;
  --mud-typography-overline-family: myriad-pro, 'Segoe UI', Arial, sans-serif;
  --mud-typography-overline-size: .75rem;
  --mud-typography-overline-weight: 400;
  --mud-typography-overline-lineheight: 2.66;
  --mud-typography-overline-letterspacing: .08333em;
  --mud-typography-overline-text-transform: none;
  --mud-zindex-drawer: 1100;
  --mud-zindex-appbar: 1300;
  --mud-zindex-dialog: 1400;
  --mud-zindex-popover: 1200;
  --mud-zindex-snackbar: 1500;
  --mud-zindex-tooltip: 1600;
}

/*
    Scrollbar
*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  z-index: 1;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #c4c4c4;
  border-radius: 1px;
}

  ::-webkit-scrollbar-thumb:hover {
    background: #a6a6a6;
  }

html, body * {
  scrollbar-color: #c4c4c4 transparent;
  scrollbar-width: thin;
}

/*
    Chart
*/
.mud-chart-serie:hover {
  filter: url(#lighten);
}

.mud-chart-serie-hovered {
  filter: url(#lighten);
}