/* 
These classes emulate Bootstrap 4/5 utilities in a Bootstrap 3 project. 
They allow using modern classes (d-flex, align-items-center, justify-content-*, gap-*) 
without upgrading Bootstrap, which would likely require rewriting large parts of the UI.
*/

/*Flex*/
.d-flex { display: flex; }
.align-items-center { align-items: center; }
.justify-content-center { justify-content: center; }
.justify-content-space { justify-content: space-between; }
.gap-1 > * + * { margin-left: .25rem; }
.gap-2 > * + * { margin-left: .5rem; }
.gap-3 > * + * { margin-left: 1rem; }
.gap-4 > * + * { margin-left: 1.5rem; }
.gap-5 > * + * { margin-left: 3rem; }

/* Additional */
.h-100 { height: 100%; }
.w-100 { width: 100%; }
.text-center { text-align: center; }
.text-end { text-align: right; }