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

.btn {
    @apply text-center text-white px-2 py-1 focus:outline-1 border border-white transition duration-300 ease-in-out shadow hover:shadow-lg rounded cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed;
}

.btn-primary {
    @apply btn bg-blue-700 border-blue-700 hover:bg-blue-800 focus:bg-blue-800;
}

.form-control .error-message,
.form-control.invalid-control input,
.form-control.invalid-control select,
.form-control.invalid-control textarea  {
    @apply text-red-600 border-red-600;
}