@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

input[type="file"]::file-selector-button {
  @apply rounded-md border-2 border-gray-300 bg-white font-medium py-2 px-2 ml-5 text-sm mr-4
}

input[type="file"]::file-selector-button:hover {
  @apply bg-gray-300
}

.ss-main .ss-values .ss-value {
  @apply bg-indigo-700 !important;
}


.ss-main .ss-values .ss-value .ss-value-delete {
  @apply table !important;
}

.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  @apply bg-indigo-700 !important;
  @apply text-white !important;
  @apply text-sm !important;
}

.ss-content .ss-list .ss-option {
  @apply text-sm !important;
}

.ss-content .ss-list .ss-option:hover {
  @apply hover:bg-indigo-700 !important;
}

.ss-main {
  @apply rounded-md border-gray-300 py-2 pl-3 text-base !important;
}

.ss-main .ss-values .ss-single {
  @apply text-sm !important;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  font-size: 75% !important;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  width: 20px !important;
  height: 14px !;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.fuchsia-link {
  @apply text-fuchsia-600;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */