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

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

@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;
}

:root {
  --ss-main-height: 38px !important; /* Sobrescribe el valor remoto */
}