@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;
}