@import 'tailwind/_base.css';
@import 'tailwind/_components.css';
@import 'tailwind/_utilities.css';
@import 'intro.js/introjs.css';
@import '_checkbox-radio-switch.css';
@import '_progress.css';
@import '_scrollbars.css';
@import '_table.css';
@import '_helper.css';
@import '_calendar.css';
@import '_select-dropdown.css';
@import '_theme.css';
@import '_rich-text.css';

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

body {
  @apply font-sans text-primaryText !important;
}
.MuiList-root,
.MuiListItemIcon-root {
  @apply text-midnightBlueTheme-buttonColor  bg-gray-600  !important;
}
.MuiCheckbox-colorPrimary {
  @apply text-midnightBlueTheme-buttonColor !important;
}
.MuiDataGrid-row.Mui-selected {
  @apply bg-midnightBlueTheme-mainBG !important;
}
.MuiDataGrid-withBorderColor {
  @apply border-midnightBlueTheme-mainBG !important;
}
.MuiDataGrid-cell:focus {
  @apply outline-midnightBlueTheme-buttonColor !important;
}

.introjs-tooltip {
  @apply min-w-[400px] max-w-[480px] p-2 !important;
}

.introjs-tooltipReferenceLayer * {
  @apply font-sans text-base text-gray-900;

  font-family: 'Ubuntu', sans-serif !important;
}

.good-img {
  @apply -mt-96 !important;
}
.end-img {
  @apply -mt-72 !important;
}
.introjs-button {
  @apply bg-midnightBlueTheme-buttonColor text-white  !important;
  text-shadow: none !important;
}
.introjs-bullets ul li a.active {
  @apply bg-midnightBlueTheme-iconsColor  !important;
}
.introjs-prevbutton {
  @apply bg-transparent border border-midnightBlueTheme-buttonColor text-midnightBlueTheme-buttonColor !important;
}