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

// add the code bellow
@layer utilities {
  /* Hide scrollbar for Chrome, Safari and Opera */
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .scrollbar-hide {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  /* show scrollbar for Chrome, Safari and Opera */
  .scrollbar-default::-webkit-scrollbar {
    display: block;
  }

  /* show scrollbar for IE, Edge and Firefox */
  .scrollbar-default {
    -ms-overflow-style: auto; /* IE and Edge */
    scrollbar-width: auto; /* Firefox */
  }

  .typo-v {
    writing-mode: vertical-lr;
    -webkit-writing-mode: lr;
    -webkit-text-orientation: upright;
    text-orientation: upright;
  }
}
html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  width: 100%;
  a,
  button,
  textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #root {
    height: 100%;

    .ant-table-wrapper {
      *::-webkit-scrollbar {
        display: none;
      }
      * {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
      }
    }

    .ant-table-placeholder {
      height: 85vh;
      height: 85svh;
    }

    .ant-table-sticky-scroll {
      display: none !important;
    }

    .ant-table-sticky-scroll-bar {
      display: none;
    }
    .ant-statistic-title {
      margin-bottom: 0px !important;
    }

    .ant-table-tbody-virtual-scrollbar-thumb {
      display: none;
    }
  }
}