/* Layout & Display */
.d-block { display: block; }
.d-flex { display: flex; }
.d-inline-block { display: inline-block; }
.d-none { display: none; }

/* Flexbox */
.flex-column { flex-direction: column; }
.flex-row { flex-direction: row; }
.justify-content-between { justify-content: space-between; }
.justify-content-center { justify-content: center; }
.align-items-center { align-items: center; }
.align-items-start { align-items: flex-start; }
.flex-grow-1 { flex-grow: 1; }

/* Margins */
.m-0 { margin: 0; }
.my-10 { margin: 10px 0; }

.mt-0 { margin-top: 0; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }

.mb-0 { margin-bottom: 0; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }

/* Paddings */
.p-0 { padding: 0; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }

.pt-0 { padding-top: 0; }
.pt-10 { padding-top: 10px; }
.pb-0 { padding-bottom: 0; }
.pb-10 { padding-bottom: 10px; }
.pl-10 { padding-left: 10px; }
.pl-20 { padding-left: 20px; }
.pr-10 { padding-right: 10px; }

/* Width & Height */
.w-40 { width: 40%; }
.w-50 { width: 50%; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-100 { width: 100%; }
.h-60 { height: 60px; }
.h-100 { height: 100%; }
.h-content-calc { height: calc(100% - 28px); }

/* Typography */
.fw-normal { font-weight: normal; }
.fw-bold { font-weight: bold; }
.fst-italic { font-style: italic; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-decoration-underline { text-decoration: underline; }
.text-nowrap { white-space: nowrap; }
.fs-10 { font-size: 10px; }
.fs-12 { font-size: 12px; }

/* Colors */
.text-dark { color: #333; }
.bg-gray-200 { background-color: #e0e0e0; }
.text-habbo-green { color: #618e27; }

/* Borders & Radius */
.border-0 { border: none; }
.border-bottom { border-bottom: 1px solid #ccc; }
.border-bottom-dotted { border-bottom: 1px dotted #ccc; }
.rounded-0 { border-radius: 0; }
.rounded-2 { border-radius: 2px; }
.rounded-4 { border-radius: 4px; }

/* Misc */
.object-fit-cover { object-fit: cover; }
.bg-center { background-position: center; }
.bg-no-repeat { background-repeat: no-repeat; }
.h-250 { height: 250px; }
.bg-dark { background-color: #111; }

.no-draggable {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none;

}