@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

[x-cloak] { display: none !important; }

.datatable td {
    @apply p-2;
    @apply text-center;
}

.datatable td:first-child {
    @apply text-left;
}

.datatable .sortable:before {
    position: absolute;
    content: '˄';
    top: 0;
    right: 0;
    padding: 2px 5px;
    opacity: .2;
    font-size: .9em;
}

.datatable .sortable:after {
    position: absolute;
    content: '˅';
    bottom: 0;
    right: 0;
    padding: 2px 5px;
    opacity: .2;
    font-size: .9em;
}

.datatable .sorting_asc:before {
    opacity: .9;
}

.datatable .sorting_desc:after {
    opacity: .9;
}

.drag-scroll {
    max-width: calc(100vw - 2rem);
}

.text-center-important {
    text-align: center !important;
}

.dropbtn {
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 170px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 6px 10px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover {
  @apply bg-gray-200
}
.dropbtn:hover {
  @apply text-red-800
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE 10+ */
    scrollbar-width: none; /* Firefox */
}
*::-webkit-scrollbar {
    display: none;
}
* {
    -ms-overflow-style: none;  /* IE 10+ */
    scrollbar-width: none; /* Firefox */
}
.transitions {
  @apply transition-all duration-150;
}
#index-table {
  min-width: 100% !important;
}
#index-table {
  @apply no-scrollbar
}