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

/*

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

*/

a {
  @apply font-medium text-blue-600 underline dark:text-blue-500 hover:no-underline;
}

input[type=file]::-webkit-file-upload-button,
input[type=file]::file-selector-button {
    @apply text-white bg-gray-700 hover:bg-gray-600 font-medium text-sm cursor-pointer border-0 py-2.5 pl-8 pr-4;
    margin-inline-start: -1rem;
    margin-inline-end: 1rem;
}
/* custom.css */

.main-content {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

#map {
  width: 100%;
  height: 100vh; /* Adjust as needed for your layout */
}
.flash-messages {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 9999;
  max-width: 90%;
  width: auto;
}

.flash-message {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.375rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.flash-error {
  background-color: #fee2e2;
  border: 1px solid #ef4444;
  color: #991b1b;
}

.flash-notice {
  background-color: #e0f2fe;
  border: 1px solid #3b82f6;
  color: #1e40af;
}

.flash-alert {
  background-color: #fef3c7;
  border: 1px solid #f59e0b;
  color: #92400e;
} 
.nav-link{
  @apply block px-4 py-2 text-sm text-gray-100;
}

.nav-margins{
  @apply mx-auto max-w-7xl px-2 sm:px-6 lg:px-8;
}

.nav-container{
  @apply relative flex h-16 items-center justify-between;
}

.nav-hidden{
  @apply absolute inset-y-0 left-0 flex items-center sm:hidden;
}

.nav-site{
  @apply flex flex-1 items-center justify-center sm:items-stretch sm:justify-start;
}

.nav-logo{
  @apply flex flex-shrink-0 items-center;
}

.nav-sections{
  @apply hidden sm:ml-6 sm:block;
}

.nav-account{
  @apply absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0;
}

body{
  font-family: sans-serif;
}

th{
  text-align: left;
}

td{
  padding: 2px;
}

.grey{
  background-color: #f4f6f6;
}

.right{
  text-align: right;
  padding-right: 4px;
}
/*
 * 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.
 *


 */

 .dropzone {
  border: 2px dashed #ccc;
  padding: 20px;
  width: 300px;
  text-align: center;
}