.flex-col {
    flex-direction: column;
}
.border-t {
    border: 0 solid #e5e7eb;
    border-top-width: 1px;
}
.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 600;
}
.btn-blue {
    background: #2563eb;
    color: white;
}

.btn-blue:hover {
    background: #1d4ed8;
}

.btn-green {
    background: #16a34a;
    color: white;
}

.btn-green:hover {
    background: #15803d;
}

.btn-gray {
    background: white;
    color: #374151;
    border: 1px solid #d1d5db;
}

.btn-gray:hover {
    background: #f9fafb;
}
.text-green-800 {
    color: rgb(22 101 52) !important;
}
.text-gray-400 {
    color: rgb(156 163 175);
}
.text-gray-500 {
    color: rgb(107 114 128);
}
.text-gray-600 {
    color: rgb(75 85 99) !important;
}
.text-gray-700 {
    color: rgb(55 65 81) !important;
}
.text-gray-800 {
    color: rgb(31 41 55);
}
.text-red-500 {
    color: rgb(239 68 68) !important;
}
.text-purple-800 {
    color: rgb(107 33 168) !important;
}
.text-blue-600 {
    color: rgb(37 99 235) !important;
}
.text-blue-700 {
    color: rgb(29 78 216) !important;
}
.text-blue-800 {
    color: rgb(30 64 175) !important;
}
.text-red-600 {
    color: rgb(220 38 38);
}
.text-red-700 {
    color: rgb(185 28 28) !important;
}
.text-gray-600 {
    color: rgb(75 85 99) !important;
}
.text-gray-800 {
    color: rgb(31 41 55) !important;
}
.text-green-600 {
    color: rgb(22 163 74);
}
.text-green-700 {
    color: rgb(21 128 61) !important;
}
.text-yellow-700 {
    color: rgb(161 98 7) !important;
}
.bg-green-50 {
    background-color: rgb(240 253 244) !important;
}
.bg-green-100 {
    background-color: rgb(220 252 231) !important;
}
.bg-green-500 {
    background-color: rgb(34 197 94);
}
.bg-purple-50 {
    background-color: rgb(245 243 255) !important;
}
.bg-purple-100 {
    background-color: rgb(243 232 255) !important;
}
.bg-red-50 {
    background-color: rgb(254 242 242) !important;
}
.bg-red-100 {
    background-color: rgb(254 226 226) !important;
}
.bg-red-500 {
    background-color: rgb(239 68 68);
}
.bg-yellow-50 {
    background-color: rgb(254 252 232) !important;
}
.bg-yellow-100 {
    background-color: rgb(254 249 195) !important;
}
.bg-yellow-500 {
    background-color: rgb(234 179 8);
}
.bg-blue-100 {
    background-color: rgb(219 234 254) !important;
}
.bg-blue-50 {
    background-color: rgb(239 246 255) !important;
}
.bg-gray-50 {
    background-color: rgb(249 250 251) !important;
}
.bg-gray-100 {
    background-color: rgb(243 244 246) !important;
}
.border-gray-200 {
    border-color: rgb(229 231 235) !important;
}
.border-gray-500 {
    border-color: rgb(107 114 128) !important;
}
.border-gray-600 {
    border-color: rgb(75 85 99) !important;
}
.border-blue-400 {
    border-color: rgb(96 165 250) !important;
}
.border-yellow-300 {
    border-color: rgb(253 224 71) !important;
}
.border-green-300 {
    border-color: rgb(134 239 172) !important;
}
.border-red-300 {
    border-color: rgb(252 165 165) !important;
}
.border-purple-300 {
    border-color: rgb(192 132 252) !important;
}
.border-l-4 {
    border-left-width: 4px !important;
    border-left-style: solid !important;
}
.line-clamp-1, .line-clamp-2 ,.line-clamp-3, .line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.line-clamp-2 {
    -webkit-line-clamp: 2;
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
}
.line-clamp-4 {
    -webkit-line-clamp: 4;
}
.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}
.font-medium {
    font-weight: 500;
}
.w-4 {
    width: 1rem;
}
.h-4 {
    height: 1rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.w-3 {
    width: .75rem;
}

.h-3 {
    height: .75rem;
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.space-y-4 >:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}