.satis-dropdown {
  .max-h-select {
    min-height: 50px;
    max-height: 200px;
  }

  input {
    @apply dark:text-gray-100;
  }
  
  .warning
  {
    @apply border-orange-500;
    input {
      @apply text-gray-400;
      
    }
  }

  .highlighted {
    @apply bg-primary-200;
    @apply font-bold;
  }
}

.topbar .satis-dropdown .sts-dropdown{
  @apply bg-white dark:bg-gray-900 outline dark:outline-none outline-gray-200 outline-1 rounded-md shadow-none shadow-md;
}

.page_body .satis-dropdown .sts-dropdown{
  @apply bg-white dark:bg-gray-900 outline dark:outline-none outline-gray-300 outline-1 rounded-md shadow-none;
}

.page_body .satis-dropdown .sts-dropdown-results{
  @apply bg-white divide-gray-900 divide-opacity-25 shadow-gray-300 shadow-lg text-gray-900 text-opacity-75 dark:bg-gray-900 dark:shadow-gray-700 dark:shadow-lg dark:bg-opacity-75 dark:divide-gray-50 dark:divide-opacity-25 dark:text-gray-300;
}

.page_body .satis-dropdown .sts-dropdown .sts-dropdown-input{
  @apply bg-white dark:bg-gray-900 dark:divide-gray-100;
}

.page_body .satis-dropdown .sts-dropdown-results-items{
  @apply dark:border-gray-700 border-b divide-gray-200 divide-opacity-25 hover:bg-gray-200 hover:shadow dark:hover:text-white dark:bg-opacity-75 dark:hover:bg-gray-800 dark:bg-gray-900 dark:divide-gray-100 dark:divide-opacity-5;
}


.changelog-menu{
  @apply dark:bg-gray-900 dark:border-gray-100 dark:shadow-gray-800 divide-y divide-gray-100 dark:divide-gray-800 right-0 z-10 mx-1 w-1/3 rounded-md bg-white text-gray-500 dark:text-gray-100 shadow-lg ring-1 ring-black ring-opacity-5 overflow-y-auto max-h-screen;
}

.changelog-menu .changelog-menu-item{
  @apply py-1 hover:bg-gray-50 divide-gray-900 dark:divide-gray-500 dark:hover:bg-gray-700 cursor-pointer;
}

.topbar .satis-dropdown .sts-dropdown-results{
  ;
  @apply bg-white divide-gray-900 divide-opacity-25 shadow-gray-300 shadow-lg text-gray-900 text-opacity-75 dark:bg-gray-900 dark:shadow-gray-700 dark:shadow-lg dark:bg-opacity-75 dark:divide-gray-50 dark:divide-opacity-25 dark:text-gray-300;
}

.topbar .satis-dropdown .sts-dropdown .sts-dropdown-input{
  @apply bg-white dark:bg-gray-900 dark:divide-gray-100;
}

.topbar .satis-dropdown .sts-dropdown-results-items{
  @apply dark:border-gray-700 border-b divide-gray-200 divide-opacity-25 hover:bg-gray-200 hover:shadow dark:hover:text-white dark:bg-opacity-75 dark:hover:bg-gray-800 dark:bg-gray-900 dark:divide-gray-100 dark:divide-opacity-5;
}