@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&display=swap');
@import "tailwindcss";

.btn-primary {
  @apply text-xs uppercase mx-1 cursor-pointer bg-sky-200 ring ring-sky-300 px-2 py-1 rounded-sm font-semibold hover:bg-sky-400 hover:text-white text-gray-500 transition duration-200;
}

.btn-danger {
  @apply text-xs uppercase mx-1 cursor-pointer bg-red-200 ring ring-red-300 px-2 py-1 rounded-sm font-semibold hover:bg-red-400 hover:text-white text-gray-500 transition duration-200;
}

dialog::backdrop {
  @apply bg-black/60;
}

.primary-degree-text {
  @apply text-transparent bg-clip-text bg-gradient-to-r from-teal-400 to-cyan-400;
}

.primary-degree-btn {
  @apply bg-gradient-to-r from-teal-500 to-cyan-500 hover:from-teal-600 hover:to-cyan-600 text-white font-semibold rounded-md transform hover:scale-105 transition-all duration-200 cursor-pointer;
}

.primary-icon-btn {
  @apply rounded-full w-10 h-10 flex justify-center items-center hover:bg-sky-200 transition duration-300 cursor-pointer hover:scale-102;
}

.primary-badge-btn {
  @apply rounded-sm flex flex-row justify-center items-center py-1 px-2 bg-sky-100 hover:bg-sky-200 text-xs text-sky-500 uppercase font-semibold cursor-pointer transition duration-300 ease-in-out hover:scale-102;
}

.gray-badge-btn {
  @apply rounded-sm flex flex-row items-center py-1 px-2 bg-gray-100 hover:bg-gray-200 text-xs text-gray-500 uppercase font-semibold cursor-pointer transition duration-300 ease-in-out hover:scale-102;
}

.green-badge-btn {
  @apply rounded-sm flex flex-row items-center py-1 px-2 bg-green-100 hover:bg-green-200 text-xs text-green-500 uppercase font-semibold cursor-pointer transition duration-300 ease-in-out hover:scale-102;
}

.lime-badge-btn {
  @apply rounded-sm flex flex-row items-center py-1 px-2 bg-lime-100 hover:bg-lime-200 text-xs text-lime-500 uppercase font-semibold cursor-pointer transition duration-300 ease-in-out hover:scale-102;
}

.indigo-badge-btn {
  @apply rounded-sm flex flex-row items-center py-1 px-2 bg-indigo-100 hover:bg-indigo-200 text-xs text-indigo-500 uppercase font-semibold cursor-pointer transition duration-300 ease-in-out hover:scale-102;
}

.fuchsia-badge-btn {
  @apply rounded-sm flex flex-row items-center py-1 px-2 bg-fuchsia-100 hover:bg-fuchsia-200 text-xs text-fuchsia-500 uppercase font-semibold cursor-pointer transition duration-300 ease-in-out hover:scale-102;
}

.red-badge-btn {
  @apply rounded-sm flex flex-row items-center py-1 px-2 bg-red-100 hover:bg-red-200 text-xs text-red-500 uppercase font-semibold cursor-pointer transition duration-300 ease-in-out hover:scale-102;
}

.input-form {
  @apply pl-4 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-1.5;
}

.disabled-input-form {
  @apply pl-4 bg-gray-200 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-1.5;
}

.label-form {
  @apply block mb-1 text-sm font-medium text-gray-500;
}

.modal {
  @apply fixed inset-0 m-auto bg-white p-6 rounded-2xl shadow-lg w-128;
}

* {
  @apply select-none;
  font-family: Maven Pro, sans-serif;
}

.reservation {
  @apply rounded-md flex flex-col h-full justify-start bg-sky-500/40 border-l-2 border-sky-500 text-xs font-medium text-white p-2 hover:scale-102 duration-300 ease-in-out;
}

.selected-cell {
  @apply bg-blue-500;
}

.view-switch {
  @apply font-medium;
}

.card-primary {
  @apply bg-sky-500/40 border-l-4 border-sky-400;
}

.card-danger {
  @apply bg-red-500/40 border-l-4 border-red-400;
}

.card-success {
  @apply bg-green-500/40 border-l-4 border-green-400;
}

.card-warning {
  @apply bg-yellow-500/40 border-l-4 border-yellow-400;
}

.card-info {
  @apply bg-blue-500/40 border-l-4 border-blue-400;
}

.card-dark {
  @apply bg-gray-800/40 border-l-4 border-gray-400;
}

.card-light {
  @apply bg-gray-500/40 border-l-4 border-gray-400;
}

.card-dark {
  @apply bg-gray-800/40 border-l-4 border-gray-400;
}

.card-blocked {
  @apply bg-gray-300/40 border-l-4 border-gray-400;
}