/* Utility classes extracted from inline styles in TPL templates */

/* Display */
.d-none { display: none; }
.d-inline-block { display: inline-block; }
.d-flex-center { display: flex; align-items: center; }

/* Cursor */
.cursor-pointer { cursor: pointer !important; }

/* Position */
.position-relative { position: relative; }
.pos-abs-left-0 { position: absolute; left: 0px; transform: translate(0px); }

/* Width */
.w-100 { width: 100% !important; }
.w-70 { width: 70px; }
.w-180 { width: 180px; }

/* Overflow */
.overflow-hidden { overflow: hidden; }
.overflow-y-auto { overflow-y: auto; }

/* Text & Color */
.text-center { text-align: center; }
.text-center-p-0 { text-align: center; padding: 0; }
.text-brand { color: #009fdd; }
.text-brand-rgb { color: rgb(0, 159, 221); }
.text-gray { color: gray; }
.text-red { color: red; }
.fs-14 { font-size: 14px; }

/* Font weight */
.fw-bold { font-weight: bold !important; }

/* Float */
.pull-left { float: left !important; }
.pull-right { float: right !important; }

/* Border radius */
.rounded-5 { border-radius: 5px !important; }

/* Opacity */
.opacity-50 { opacity: 0.5; }

/* Padding */
.p-0 { padding: 0; }

/* Margin & combined utilities */
.d-inline-block-mr-10 { display: inline-block; margin-right: 10px; }
.mx-auto-max-w-250 { max-width: 250px; margin: 2em auto; display: block; }

/* Max height */
.max-h-70vh-overflow-y-auto { max-height: 70vh; overflow-y: auto; }

/* Admin header override */
.mainheader-bg-brand { background: #009fdd !important; }