/* =====================================================
   Tailwind-style Border Utilities
   For Bootstrap 3.4.1
   ===================================================== */

/* =====================================================
   BORDER SIDES – Tailwind style
   ===================================================== */

/* ---------- ALL SIDES ---------- */
.border {
    border-width: 1px !important;
    border-style: solid !important;
}

.border-0 {
    border-width: 0 !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-8 {
    border-width: 8px !important;
}

/* ---------- TOP ---------- */
.border-t {
    border-top-width: 1px !important;
    border-style: solid !important;
}

.border-t-0 {
    border-top-width: 0 !important;
}

.border-t-2 {
    border-top-width: 2px !important;
}

.border-t-4 {
    border-top-width: 4px !important;
}

.border-t-8 {
    border-top-width: 8px !important;
}

/* ---------- RIGHT ---------- */
.border-r {
    border-right-width: 1px !important;
    border-style: solid !important;
}

.border-r-0 {
    border-right-width: 0 !important;
}

.border-r-2 {
    border-right-width: 2px !important;
}

.border-r-4 {
    border-right-width: 4px !important;
}

.border-r-8 {
    border-right-width: 8px !important;
}

/* ---------- BOTTOM ---------- */
.border-b {
    border-bottom-width: 1px !important;
    border-style: solid !important;
}

.border-b-0 {
    border-bottom-width: 0 !important;
}

.border-b-2 {
    border-bottom-width: 2px !important;
}

.border-b-4 {
    border-bottom-width: 4px !important;
}

.border-b-8 {
    border-bottom-width: 8px !important;
}

/* ---------- LEFT ---------- */
.border-l {
    border-left-width: 1px !important;
    border-style: solid !important;
}

.border-l-0 {
    border-left-width: 0 !important;
}

.border-l-2 {
    border-left-width: 2px !important;
}

.border-l-4 {
    border-left-width: 4px !important;
}

.border-l-8 {
    border-left-width: 8px !important;
}

/* ---------- AXES ---------- */
.border-x {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-style: solid !important;
}

.border-x-0 {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

.border-x-2 {
    border-left-width: 2px !important;
    border-right-width: 2px !important;
}

.border-y {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-style: solid !important;
}

.border-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

.border-y-2 {
    border-top-width: 2px !important;
    border-bottom-width: 2px !important;
}


/* ======================
   BORDER STYLE
   ====================== */
.border-solid {
    border-style: solid !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-dotted {
    border-style: dotted !important;
}

.border-double {
    border-style: double !important;
}

.border-none {
    border-style: none !important;
}

/* ======================
   BORDER RADIUS
   ====================== */
.rounded-none {
    border-radius: 0 !important;
}

.rounded-sm {
    border-radius: 0.125rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-md {
    border-radius: 0.375rem !important;
}

.rounded-lg {
    border-radius: 0.5rem !important;
}

.rounded-xl {
    border-radius: 0.75rem !important;
}

.rounded-2xl {
    border-radius: 1rem !important;
}

.rounded-full {
    border-radius: 9999px !important;
}

/* =====================================================
   BORDER COLOR – Tailwind palette
   ===================================================== */

/* ---------- GRAY ---------- */
.border-gray-50 {
    border-color: #f9fafb !important;
}

.border-gray-100 {
    border-color: #f3f4f6 !important;
}

.border-gray-200 {
    border-color: #e5e7eb !important;
}

.border-gray-300 {
    border-color: #d1d5db !important;
}

.border-gray-400 {
    border-color: #9ca3af !important;
}

.border-gray-500 {
    border-color: #6b7280 !important;
}

.border-gray-600 {
    border-color: #4b5563 !important;
}

.border-gray-700 {
    border-color: #374151 !important;
}

.border-gray-800 {
    border-color: #1f2937 !important;
}

.border-gray-900 {
    border-color: #111827 !important;
}

/* ---------- RED ---------- */
.border-red-100 {
    border-color: #fee2e2 !important;
}

.border-red-300 {
    border-color: #fca5a5 !important;
}

.border-red-500 {
    border-color: #ef4444 !important;
}

.border-red-700 {
    border-color: #b91c1c !important;
}

/* ---------- GREEN ---------- */
.border-green-100 {
    border-color: #dcfce7 !important;
}

.border-green-300 {
    border-color: #86efac !important;
}

.border-green-500 {
    border-color: #22c55e !important;
}

.border-green-700 {
    border-color: #15803d !important;
}

/* ---------- BLUE ---------- */
.border-blue-100 {
    border-color: #dbeafe !important;
}

.border-blue-300 {
    border-color: #93c5fd !important;
}

.border-blue-500 {
    border-color: #3b82f6 !important;
}

.border-blue-700 {
    border-color: #1d4ed8 !important;
}

/* ---------- YELLOW ---------- */
.border-yellow-100 {
    border-color: #fef9c3 !important;
}

.border-yellow-300 {
    border-color: #fde047 !important;
}

.border-yellow-500 {
    border-color: #eab308 !important;
}

.border-yellow-700 {
    border-color: #a16207 !important;
}

/* ---------- PURPLE ---------- */
.border-purple-100 {
    border-color: #f3e8ff !important;
}

.border-purple-300 {
    border-color: #d8b4fe !important;
}

.border-purple-500 {
    border-color: #a855f7 !important;
}

.border-purple-700 {
    border-color: #7e22ce !important;
}

/* ---------- BASE ---------- */
.border-black {
    border-color: #000 !important;
}

.border-white {
    border-color: #fff !important;
}

.border-transparent {
    border-color: transparent !important;
}