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

/*

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

*/


a {
  @apply cursor-pointer;
  @apply text-blue-500;
  @apply hover:underline;
}

p#notice {
  @apply py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block;
}

.btn {
  @apply rounded-lg py-2 px-3 bg-blue-500 text-white block font-medium;
}

/**
* Custom Table
*/
.table {
  min-width: 100%;
  border-collapse: collapse;
}

.table thead th {
  padding: 0.5rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #6B7280;
}

.table tbody td {
  padding: 0.5rem;
  white-space: nowrap;
  cursor: pointer;
}

.table-bold {
  font-weight: 700;
}

.table-tracking {
  letter-spacing: wider;
}