.required:after {
    color: #ff2605;
    content: "  *";
}

.required_asterik:after {
    color: #ff2605;
    content: "  *";
}

/* =====================================================================
   Brand primary — Cargo OS signature orange (sampled from logo: #F97316)
   Overrides the stock Limitless blue (#0c83ff). Loaded after all.min.css
   so it wins without touching the compiled theme.
   ===================================================================== */
:root,
[data-color-theme="light"],
[data-color-theme="dark"] {
    --primary: #F97316;
    --primary-rgb: 249, 115, 22;
    --component-active-bg: #F97316;
    --component-active-bg-rgb: 249, 115, 22;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(249, 115, 22, 0.25);
}

.btn-primary {
    --btn-bg: #F97316;
    --btn-border-color: #F97316;
    --btn-hover-bg: #E06714;
    --btn-hover-border-color: #E06714;
    --btn-active-bg: #D46213;
    --btn-active-border-color: #D46213;
    --btn-disabled-bg: #F97316;
    --btn-disabled-border-color: #F97316;
    --btn-focus-shadow-rgb: 249, 115, 22;
}

.link-primary {
    color: #F97316 !important;
}

/* Keep the -primary utilities orange in the dark theme too (theme lightens
   them to a blue tint otherwise). */
[data-color-theme="dark"] .text-primary,
[data-color-theme="dark"] .bg-primary,
[data-color-theme="dark"] .border-primary,
[data-color-theme="dark"] .link-primary {
    --primary-rgb: 249, 115, 22;
}

[data-color-theme="dark"] .link-primary {
    color: #F97316 !important;
}

/* Jobick's circular Previous/Next pagination styling (.paginate_button.previous/.next)
   targets a DataTables markup convention where that class sits directly on the
   clickable element. Our Bootstrap4 DataTables integration instead puts it on the
   <li> wrapping a separate <a class="page-link">, so the two box models fought
   (circular <li> sized by line-height, block <a> sized by its own padding),
   producing clipped/overlapping buttons. Let the native Bootstrap .page-item
   .page-link styling (a plain, correctly-sized rounded button) handle it instead. */
.dataTables_wrapper .dataTables_paginate .page-item.paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .page-item.paginate_button.next {
    height: auto;
    width: auto;
    line-height: normal;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    display: list-item;
    color: inherit !important;
}

/* Jobick shrinks .nav-header to an icon-only rail below 1024px and already
   hides .brand-title there (the wordmark), but ships no rule showing
   .logo-abbr in exchange — so our single full-width logo had nowhere to go
   and overflowed into .nav-control's hamburger. This is the missing other
   half of that swap: the compact mark stays hidden until the wordmark does. */
.nav-header .logo-abbr {
    display: none;
}

@media only screen and (max-width: 63.9375rem) {
    .nav-header .logo-abbr {
        display: block;
    }
}