table.dataTable td.dt-control {
   cursor: pointer;
   text-align: center;
}

table.dataTable td.dt-control:before {
   display: inline-block;
   --tw-text-opacity: 1;
   color: rgb(100 116 139 / var(--tw-text-opacity));
   content: "►";
}

table.dataTable tr.dt-hasChild td.dt-control:before {
   content: "▼";
}

table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting_asc_disabled,
table.dataTable thead > tr > th.sorting_desc_disabled,
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting_asc_disabled,
table.dataTable thead > tr > td.sorting_desc_disabled {
   position: relative;
   cursor: pointer;
   padding-right: 1.5rem;
}

table.dataTable :is(thead > tr > th, thead > tr > td).sorting:before,
table.dataTable :is(thead > tr > th, thead > tr > td).sorting:after,
table.dataTable :is(thead > tr > th, thead > tr > td).sorting_asc:before,
table.dataTable :is(thead > tr > th, thead > tr > td).sorting_asc:after,
table.dataTable :is(thead > tr > th, thead > tr > td).sorting_desc:before,
table.dataTable :is(thead > tr > th, thead > tr > td).sorting_desc:after,
table.dataTable
   :is(thead > tr > th, thead > tr > td).sorting_asc_disabled:before,
table.dataTable
   :is(thead > tr > th, thead > tr > td).sorting_asc_disabled:after,
table.dataTable
   :is(thead > tr > th, thead > tr > td).sorting_desc_disabled:before,
table.dataTable
   :is(thead > tr > th, thead > tr > td).sorting_desc_disabled:after {
   position: absolute;
   display: block;
   font-size: 0.875rem;
   opacity: 0.125;
   right: 10px;
   line-height: 11px;
}

table.dataTable :is(thead > tr > th, thead > tr > td).sorting:before,
table.dataTable :is(thead > tr > th, thead > tr > td).sorting_asc:before,
table.dataTable :is(thead > tr > th, thead > tr > td).sorting_desc:before,
table.dataTable
   :is(thead > tr > th, thead > tr > td).sorting_asc_disabled:before,
table.dataTable
   :is(thead > tr > th, thead > tr > td).sorting_desc_disabled:before {
   bottom: 50%;
   content: "▲" /"";
}

table.dataTable :is(thead > tr > th, thead > tr > td).sorting:after,
table.dataTable :is(thead > tr > th, thead > tr > td).sorting_asc:after,
table.dataTable :is(thead > tr > th, thead > tr > td).sorting_desc:after,
table.dataTable
   :is(thead > tr > th, thead > tr > td).sorting_asc_disabled:after,
table.dataTable
   :is(thead > tr > th, thead > tr > td).sorting_desc_disabled:after {
   top: 50%;
   content: "▼" /"";
}

table.dataTable :is(thead > tr > th, thead > tr > td).sorting_asc:before,
table.dataTable :is(thead > tr > th, thead > tr > td).sorting_desc:after {
   opacity: 0.6;
}

table.dataTable
   :is(thead > tr > th, thead > tr > td).sorting_desc_disabled:after,
table.dataTable
   :is(thead > tr > th, thead > tr > td).sorting_asc_disabled:before {
   display: none;
}

table.flatpickr-day.dataTable
   :is(thead > tr > th, thead > tr > td).sorting_desc_disabled:after,
table.flatpickr-day.dataTable
   :is(thead > tr > th, thead > tr > td).sorting_asc_disabled:before {
   visibility: hidden;
}

table.dataTable .dataTables_empty {
   padding: 1.5rem;
   text-align: center;
   font-size: 1.125rem;
   line-height: 1.75rem;
}

div.dataTables_scrollBody
   > table.dataTable
   > :is(thead > tr > th, thead > tr > td):after,
div.dataTables_scrollBody
   > table.dataTable
   > :is(thead > tr > th, thead > tr > td):before {
   display: none;
}

.dataTables_filter {
   display: none;
}

.dataTables_empty {
   font-size: 13px !important;
}

.dataTables_length {
   font-size: 13px;
   margin-bottom: 13px;
   padding: 0 15px;
}

.dataTables_info {
   font-size: 13px;
   text-align: center;
}

.dt-button {
   position: absolute;
   background: transparent;
   padding: 5px 20px;
   /* top: 20px; */
   right: 20px;
   border-radius: 7px;
   color: darkgrey;
   font-size: 13px;
   border: 2px solid darkgrey;
   z-index: 1;
}

.dataTables_paginate {
   padding: 20px;
}

.form-input {
   display: block;
   width: 100%;
   border-radius: 0.375rem;
   border-width: 1px;
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
}

.form-select {
   display: block;
   width: 100%;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0.375rem;
   border-width: 1px;
}

.dt-button:hover {
   background: lightgrey;
}

@media only screen and (max-width: 600px) {
   .dataTables_length {
      position: relative;
   }

   .dataTables_info {
      margin: 10px 0;
      position: relative;
   }
}

.group.stripe .dark\:group-\[\.stripe\]\:even\:bg-slate-700:nth-child(even):is(.dark *) {
   background-color: rgb(44 57 83) !important;
}