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

@layer utilities {
  .error {
    @apply text-red-700;
  }

  .button_to {
    @apply inline;
  }

  .page {
    @apply p-4;
  }

  .container {
    @apply bg-bcyan-otgs;
    background-color: #F4F6FE !important;
  }
}

.dashboard-menu {
  border: 1px solid #ddd;

  li {
    min-width: 150px;
  }

}

.btn-danger {
  @apply border rounded-sm p-3 text-white bg-red-700 hover:bg-red-800;
}

.btn-default {
  @apply border rounded-sm p-3 text-base hover:bg-gray-100;
}

label a {
  @apply text-link underline hover:text-blue-700;
}