* {
  /* Custom scrollbar styles */
  ::-webkit-scrollbar {
    width: 12px;
  }

  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
    border: 3px solid #f1f1f1;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #555;
  }
}

body {
  margin: 0;
}

/* preventing joyride default container from disrupting page layout */
div.react-joyride {
  position: absolute !important;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index: 1000;
}

div.react-joyride > * {
  margin: 0;
  padding:0;
  box-sizing: border-box;
}

/* Global ripple effect disable for all MUI components */
.MuiTouchRipple-root {
  display: none !important;
}

.MuiButtonBase-root .MuiTouchRipple-root,
.MuiButton-root .MuiTouchRipple-root,
.MuiIconButton-root .MuiTouchRipple-root,
.MuiMenuItem-root .MuiTouchRipple-root,
.MuiListItemButton-root .MuiTouchRipple-root,
.MuiTab-root .MuiTouchRipple-root,
.MuiCheckbox-root .MuiTouchRipple-root,
.MuiRadio-root .MuiTouchRipple-root,
.MuiSwitch-root .MuiTouchRipple-root,
.MuiFab-root .MuiTouchRipple-root,
.MuiChip-root .MuiTouchRipple-root {
  display: none !important;
}