/* Background - Tailwind 2 */

.bg-gray-50{
  background-color: #F9FAFB;
}

.bg-gray-300{ 
  background-color: #D1D5DB;
}
.bg-gray-700{
  background-color: #374151;
}

.bg-sky-100{
  background-color: #E0F2FE;
}

.bg-sky-200{
  background-color: #BAE6FD;
}

.bg-sky-300{
  background-color: #7DD3FC;
}

.bg-sky-600{
  background-color: #0284C7;
}

.bg-sky-700{
  background-color: #0369A1;
}

.bg-sky-800{
  background-color: #075985;
}


.bg-green-50{
  background-color: #F0FDF4;
}

.bg-green-600{
  background-color: #16A34A;
}

.bg-yellow-100{
  background-color: #FEF9C3;
}

.text-orange-700{
  color: #C2410C
}

/* Border color */

.border-orange-700{
  border-color: #C2410C !important;
}

.border-green-700{
  border-color: #15803D;
}

/* Text color */

.text-green-700{
  color: #15803D;
}

.text-red-700{
  color: #B91C1C;
}

.text-white{
  color: white;
}

.text-gray-400{
  color: #9CA3AF;
}

.text-gray-500{
  color: #6B7280;
}

.text-gray-700{
  color: #374151 ;
}

.text-sky-700{
  color: #0369A1;
}

.font-medium{
  font-weight: 500;
}

/* Font size */

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

/* Width */

.w-fit	{
  width: fit-content;
}

/* Max Width */
.max-w-sm{
  max-width: 24rem;
}

.max-w-md{
  max-width: 28rem;
}

.max-w-lg{
  max-width: 32rem;
}

.max-w-xl{
  max-width: 36rem;
}

.max-w-screen-md{
  max-width: 768px;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}