/*Form fields*/
.dataTables_filter {
  display: none;
}
.dataTable tfoot td {
   border-top: 0 !important;
  border-color: transparent !important;
}
.dataTables_wrapper select,
.dataTables_wrapper .dataTables_filter input {
  color: #4a5568; /*text-gray-700*/
  padding-left: 1rem; /*pl-4*/
  padding-right: 1rem; /*pl-4*/
  padding-top: 0.5rem; /*pl-2*/
  padding-bottom: 0.5rem; /*pl-2*/
  line-height: 1.25; /*leading-tight*/
  border-width: 2px; /*border-2*/
  border-radius: 0.25rem;
  border-color: #fafafa; /*border-gray-200*/
  background-color: #fafafa; /*bg-gray-200*/
}
.dataTables_wrapper .dataTables_filter input:hover {
  border-color: #f3f3f3;
  background-color: #f3f3f3;
}

/*Row Hover*/
.row-border {
  border-bottom: 1px solid #000;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: #f8f8f9; /*bg-indigo-100*/
}

/*Pagination Buttons*/
.dataTables_wrapper .dataTables_paginate {
  bottom: 0px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #999 !important;
  font-weight: 700; /*font-bold*/
  border-radius: 0.25rem; /*rounded*/
  border: 1px solid transparent; /*border border-transparent*/
}

/*Pagination Buttons - Current selected */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #111 !important;
  font-weight: 700; /*font-bold*/
  border-radius: 0.25rem; /*rounded*/
  background: #ffffff !important; /*bg-indigo-500*/
  border: 1px solid #999; /*border border-transparent*/
}

/*Pagination Buttons - Hover */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #111 !important;
  font-weight: 700; /*font-bold*/
  border-radius: 0.25rem; /*rounded*/
  background: #ffffff !important; /*bg-indigo-500*/
  border: 1px solid transparent; /*border border-transparent*/
}

/*Add padding to bottom border */
table.dataTable.no-footer {
  border-bottom: 1px solid #ececec !important; /*border-b-1 border-gray-300*/
  margin-top: 0.75em !important;
  margin-bottom: 0.75em !important;
}

/*Change colour of responsive icon*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  background-color: #1d4ed8 !important; /*bg-indigo-500*/
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px !important;
  border-bottom: 1px solid #ececec !important;
}
table.dataTable tbody td {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  color: rgba(107, 114, 128, 0.9);
}
.dataTables_info {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

@keyframes loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
  border-right-color: transparent;
  animation: loader-rotate 1s linear infinite;
}

.text-right {
  text-align: right;
}

.dt-button {
  background-color: #3b82f6;
  width: 80px;

  border-radius: 100px !important;
  color: #fff;
  font-weight: 500;
  font-size: 12px !important;
}

.dt-button:hover {
  background-color: #2563eb;
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background-color: #eaeaea;
}
::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
*:focus {
  outline: none;
}
input[type="checkbox"]:focus {
  outline: 0;
}

 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23434F5B' viewBox='0 0 20 20'%3E%3Cpath d='M10 12l-5-5 1.41-1.41L10 9.17l3.59-3.58L15 7l-5 5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    position: relative;
  }
  
  select::-ms-expand {
    display: none;
  }
  
  select:focus {
    outline: none;
  }
  
  select option:checked {
    background-color: rgba(59, 130, 246, 0.1);
  }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-text-fill-color: #333;
}
a, button, input, textarea {
    touch-action: manipulation;
}

body {
    touch-action: manipulation;
}