@import "pagy.tailwind.css";
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  input[type="text"],
  input[type="email"],
  input[type="number"],
  input[type="password"] {
    @apply focus:ring-2 focus:ring-inset focus:ring-regainables-dark !important;
  }
  input[type="radio"],
  input[type="checkbox"] {
    @apply focus:ring-2 focus:ring-regainables-dark text-regainables-dark !important;
  }
  select {
    @apply focus:ring-2 focus:ring-inset focus:ring-regainables-dark !important;
  }
}

@font-face {
  font-family: "Oswald";
  src: url(/fonts/Oswald-VariableFont_wght.ttf);
}

@font-face {
  font-family: "Shalimar";
  src: url(/fonts/Shalimar-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

.signature-text {
  font-family: "Shalimar", cursive;
}

.reimbursemenets-quick-search:has(input:focus) .reimbursements-quick-search-icon {
  visibility: hidden;
}

/*

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

*/
@import 'tailwindcss/base';
/* Have all of Avo's custom and plugins styles available. */
@import '../../../../tmp/avo/avo.base.css';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

/*

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

*/
@tailwind base;
@tailwind components;
@tailwind utilities;
.pagy {
  @apply flex space-x-1 text-sm justify-center place-items-center;
}
.pagy a:not(.gap) {
  @apply cursor-pointer block px-3 py-1;
}
.pagy a:not(.gap):not([href]) {
  @apply text-black bg-white cursor-default;
}
.pagy a:not(.gap).current {
  @apply bg-white text-black bg-gray-100 rounded-md;
}
.pagy label {
  @apply inline-block whitespace-nowrap bg-gray-200 rounded-lg px-3 py-0.5;
}
.pagy label input {
  @apply bg-gray-100 border-none rounded-md;
}
/*
 * 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.
 *


 */