/* Form Upload */
:is(.dark .uppy-Dashboard-inner){
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity));
    background-color: rgb(15 23 42 / 0.2);
  }
  
  :is(.dark [data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles),:is(.dark 
  .uppy-Dashboard-dropFilesHereHint){
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity));
  }
  
  :is(.dark .uppy-Dashboard-AddFiles-title){
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity));
  }
  
  .datatable-editor-input{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #fff;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    font-size: [object Object];
    line-height: 1.5;
  }
  
  .datatable-editor-input::-webkit-input-placeholder{
    color: #6b7280;
    opacity: 1;
  }
  
  .datatable-editor-input::-moz-placeholder{
    color: #6b7280;
    opacity: 1;
  }
  
  .datatable-editor-input:-ms-input-placeholder{
    color: #6b7280;
    opacity: 1;
  }
  
  .datatable-editor-input::-ms-input-placeholder{
    color: #6b7280;
    opacity: 1;
  }
  
  .datatable-editor-input::placeholder{
    color: #6b7280;
    opacity: 1;
  }
  
  .datatable-editor-input:focus{
    outline: none;
    border-color: #60a5fa;
  }
  
  .datatable-editor-input{
    width: 100%;
    border-radius: 0.375rem;
    border-width: 1px;
    border-color: rgb(203 213 225 / 0.6);
    background-color: transparent;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    line-height: 22px;
  }
  
  .datatable-editor-input::-webkit-input-placeholder{
    font-size: 0.813rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: rgb(148 163 184 / 0.7);
  }
  
  .datatable-editor-input::-moz-placeholder{
    font-size: 0.813rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: rgb(148 163 184 / 0.7);
  }
  
  .datatable-editor-input:-ms-input-placeholder{
    font-size: 0.813rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: rgb(148 163 184 / 0.7);
  }
  
  .datatable-editor-input::-ms-input-placeholder{
    font-size: 0.813rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: rgb(148 163 184 / 0.7);
  }
  
  .datatable-editor-input::placeholder{
    font-size: 0.813rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: rgb(148 163 184 / 0.7);
  }
  
  .datatable-editor-input:hover{
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184 / var(--tw-border-opacity));
  }
  
  .datatable-editor-input:focus{
    --tw-border-opacity: 1;
    border-color: rgb(56 116 255 / var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  
  :is(.dark .datatable-editor-input){
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity));
  }
  
  :is(.dark .datatable-editor-input:hover){
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity));
  }
  
  :is(.dark .datatable-editor-input:focus){
    --tw-border-opacity: 1;
    border-color: rgb(56 116 255 / var(--tw-border-opacity));
  }
  
  .datatable-table tbody tr{
    border-bottom-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  :is(.dark .datatable-table tbody tr){
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  }
  .datatable-table tr:last-child{
    border-bottom-width: 0px;
  }
  
  .datatable-table thead{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  }
  
  :is(.dark .datatable-table thead){
    background-color: rgb(51 65 85 / 0.2);
  }
  .datatable-table thead th{
    padding: 0.75rem;
    text-align: left;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
  }
  :is(.dark .datatable-table thead th){
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
  .datatable-table thead th a th{
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
  }
  :is(.dark .datatable-table thead th a th){
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
  
  .datatable-selector,
  .datatable-input{
    margin-top: 0.25rem;
    border-radius: 0.375rem;
    border-width: 1px;
    border-color: rgb(203 213 225 / 0.6);
    background-color: transparent;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  
  .datatable-selector::-webkit-input-placeholder, .datatable-input::-webkit-input-placeholder{
    font-size: 0.813rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: rgb(148 163 184 / 0.7);
  }
  
  .datatable-selector::-moz-placeholder, .datatable-input::-moz-placeholder{
    font-size: 0.813rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: rgb(148 163 184 / 0.7);
  }
  
  .datatable-selector:-ms-input-placeholder, .datatable-input:-ms-input-placeholder{
    font-size: 0.813rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: rgb(148 163 184 / 0.7);
  }
  
  .datatable-selector::-ms-input-placeholder, .datatable-input::-ms-input-placeholder{
    font-size: 0.813rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: rgb(148 163 184 / 0.7);
  }
  
  .datatable-selector::placeholder,
  .datatable-input::placeholder{
    font-size: 0.813rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: rgb(148 163 184 / 0.7);
  }
  
  .datatable-selector:hover,
  .datatable-input:hover{
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184 / var(--tw-border-opacity));
  }
  
  .datatable-selector:focus,
  .datatable-input:focus{
    --tw-border-opacity: 1;
    border-color: rgb(56 116 255 / var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  
  :is(.dark .datatable-selector),:is(.dark 
  .datatable-input){
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity));
  }
  
  :is(.dark .datatable-selector:hover),:is(.dark 
  .datatable-input:hover){
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity));
  }
  
  :is(.dark .datatable-selector:focus),:is(.dark 
  .datatable-input:focus){
    --tw-border-opacity: 1;
    border-color: rgb(56 116 255 / var(--tw-border-opacity));
  }
  
  .datatable-selector,
  .datatable-input {
    border-radius: 0.25rem;
    padding-right: 2.5rem;
  }
  
  :is(.dark .datatable-info),:is(.dark 
  .datatable-dropdown label){
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity));
  }
  
  :is(.datatable-table) > :is(tbody, tfoot, thead) tr :is(td, th) {
    color:  #020202;/*#9ca3af;*/
    padding: 12px;
    vertical-align: middle;
    border-bottom: none;
  }
  
  :is(.dataTable-table) > :is(tbody, tfoot, thead) > tr :is(td, th) {
    vertical-align: middle;
    border: none;
  }
  
  .datatable-pagination .active a,
  .datatable-pagination .active a:focus,
  .datatable-pagination .active a:hover {
    background-color: #f1f5f9;
  }
  
  .datatable-table th a {
    color: #334155;
  }
  
  .dark .datatable-table th a {
    color: #cbd5e1;
  }
  
  .dark .dataTable-sorter::before {
    content: "";
    border-top: 4px solid #cbd5e1;
  }
  
  .dark .dataTable-sorter::after {
    content: "";
    border-bottom: 4px solid #cbd5e1;
  }
  
  .dataTable-wrapper.no-footer .dataTable-container {
    border-bottom: 1px dashed #cbd5e1 !important;
  }
  
  .dark .dataTable-wrapper.no-footer .dataTable-container {
    border-bottom: 1px dashed #475569 !important;
  }
  
  .dataTable-dropdown > label,
  .dataTable-info{
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity));
  }
  
  :is(.dark .dataTable-dropdown > label),:is(.dark 
  .dataTable-info){
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity));
  }
  
  .dataTable-selector,
  .dataTable-input{
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity));
  }
  
  .dataTable-selector:focus-visible,
  .dataTable-input:focus-visible{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  :is(.dark .dataTable-selector),:is(.dark 
  .dataTable-input){
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity));
  }
  
  .dataTable-selector,
  .dataTable-input {
    border-radius: 0.25rem;
    padding-right: 2.5rem;
  }
  
  .dataTable-pagination{
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
  }
  
  :is(.dark .dataTable-pagination){
    border-color: rgb(51 65 85 / 0.6);
  }
  .dataTable-pagination li{
    border-left-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
  }
  :is(.dark .dataTable-pagination li){
    border-color: rgb(51 65 85 / 0.6);
  }
  .dataTable-pagination a{
    margin-left: 0px;
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity));
  }
  :is(.dark .dataTable-pagination a){
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity));
  }
  .dataTable-pagination a {
    padding: 4px 12px;
  }
  .dataTable-pagination a:focus, .dataTable-pagination a:hover{
    border-radius: 0.125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(217 231 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(56 116 255 / var(--tw-text-opacity));
  }
  :is(.dark .dataTable-pagination a:focus),:is(.dark  .dataTable-pagination a:hover){
    background-color: rgb(51 65 85 / 0.6);
  }
  .dataTable-pagination .active a,
  .dataTable-pagination .active a:focus,
  .dataTable-pagination .active a:hover{
    border-radius: 0.125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(217 231 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(56 116 255 / var(--tw-text-opacity));
  }
  :is(.dark .dataTable-pagination .active a),:is(.dark 
  .dataTable-pagination .active a:focus),:is(.dark 
  .dataTable-pagination .active a:hover){
    background-color: rgb(51 65 85 / 0.6);
  }
  
  .bgg-brand-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 5 56 / var(--tw-bg-opacity)) !important;
  }

  .hover\:bg-gray-550:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 153 51 / var(--tw-bg-opacity)) !important;
  }

  .rounded {
    border-radius: 0.50rem !important;
  }