/* app components */
@import "./pagy/index.css";
@import "./template/style.css";
@import "./template/prism.css";
@import "./template/glightbox.css";
@import "history_accordion.css";
@import "jsoneditor.css";
@import "simplemde.min.css";
@import "toastify.css";

/* Tailwind */
@tailwind components;
@tailwind utilities;

@import "google";

@layer components {
  .tw-form-control {
    @apply w-full leading-5 relative py-2 px-4 rounded text-gray-800 bg-white border border-gray-300 overflow-x-auto focus:outline-none focus:border-gray-400 focus:ring-0;
  }

  .tw-form-group {
    @apply w-full px-3 mb-6 md:w-1/2 md:mb-0;
  }

  .tw-form-select {
    @apply w-full leading-5 relative py-2 pl-3 pr-8 rounded text-gray-800 bg-white border border-gray-300 overflow-x-auto focus:outline-none focus:border-gray-400 focus:ring-0 select-caret appearance-none;
  }
}

.required:after {
  content: " *";
  color: red;
}

.hover-menu:hover {
  background-color: rgb(108 137 202 / 1); /* igual a bg-indigo-400 */
}