@import "_data_tables";
@import "_swiper_custom";
@import "_nouislider_custom";
@import "_dropzone_custom";
@import "flatpickr/dist/flatpickr.min.css";
@import "_flatpickr_custom";
@import "_task_list";
@import "_normall.scss";
@import 'toastify-js/src/toastify';
@import 'common/_toastify_custom.scss';

@tailwind base;
@tailwind components;
@tailwind utilities;

@import "https://cdn.jsdelivr.net/npm/satoshi-font@1.0.0/dist/satoshi.css";
@import "./jsvectormap.css";


@layer base {
  body.admin {
    @apply relative min-h-screen bg-whiten font-satoshi text-base font-normal text-body antialiased;
  }

  .admin-shell {
    @apply flex min-h-screen bg-gray-2 text-body;
  }
}

@layer utilities {
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

@layer components {
  .admin-card {
    @apply rounded-2xl border border-stroke bg-white p-6 shadow-default transition-shadow duration-200 hover:shadow-4
           dark:border-strokedark dark:bg-boxdark dark:shadow-none;
  }

  .admin-section-title {
    @apply text-title-sm font-semibold text-black dark:text-white;
  }

  .admin-section-subtitle {
    @apply text-sm font-medium text-bodydark2 dark:text-bodydark;
  }
}