/*Theme*/
:root {
    --white: #ffffff;
    --black: #000000;

    --warning: #ffbf36;
    --danger: #f83f37;
    --success: #22af47;
    --info: #1ebccd;
    --primary: #0d6efd;
    --secondary: #6c757d;

    --dark9: #1c1c1c;
    --dark8-5: #252525;
    --dark8: #2e2e2e;
    --dark7: #404040;
    --dark6: #525252;
    --dark5: #646464;
    --dark4: #767676;
    --dark3: #888888;
    --dark2: #9a9a9a;
    --dark1: #acacac;
    --light1: #bebebe;
    --light2: #d0d0d0;
    --light3: #e2e2e2;
    --light4: #f4f4f4;
    --light5: #ffffff;

    /*SCrollbar*/
    --scrollbar-thumb-light-theme: #6d7a8f;
    --scrollbar-thumb-hover-light-theme: #525965;
    --scrollbar-thumb-dark-theme: var(--dark1);
    --scrollbar-thumb-hover-dark-theme: var(--dark3);

    /*Sidebar*/
    --bg-theme-light-sidebar: var(--light4);
    --bg-theme-dark-sidebar: var(--dark9);

    /*Background*/
    --theme-v-faded: #a871fb1c;
    --theme-v-0: #F0A500;
    --theme-v: #dd9803;
    --theme-v-shade-1: #F0A500;
    --theme-v-shade-2: #f0a400e4;
    --theme-red: #ec0e0e;
    --theme-blue: #1a66c9;
    --theme-blue-hover: #134e9a;

    --theme-dark-red: #e00000;
    --bg-theme-light: #fdfdfd;

    --bg-dark: #343a40;
    /*Bootstrap hex*/
    --bg-theme-dark: #171717;
    --bg-theme-dark-container: #1f1f1f;

    --bg-shade-1-light: #F2F3F5;

    /*Background Image*/
    --bg-checkered-dark: linear-gradient(45deg, #333 25%, transparent 25%, transparent 75%, #333 75%, #333), linear-gradient(45deg, #333 25%, transparent 25%, transparent 75%, #333 75%, #333);
    --bg-checkered-light: linear-gradient(45deg, #ebebeb 25%, transparent 25%, transparent 75%, #ebebeb 75%, #ebebeb), linear-gradient(45deg, #ebebeb 25%, transparent 25%, transparent 75%, #ebebeb 75%, #ebebeb);

    /*Font*/
    --font-red: #cb2323;

    --font-light: #d9d9d9;
    --font-white: #ffffff;
    --font-muted: #6c757d;

    --font-dark: #393939;
    --font-black: #000;
    --font-cool-gray: #b8babf;

    --sidebar-light-font: #b8babf;
    --sidebar-dark-font: #4f4f4f;

    --border-color-light: var(--light5);

    /* Bootstrap overwrite */
}


/*Border*/
.border-style-light {
    border: 1px solid #b1b1b191;
}

.border-style-dark {
    border: 1px solid #7b7b7bb1;
}

/*BG*/
.bg-theme-v {
    background-color: var(--theme-v);
}

.bg-theme-v-0 {
    background-color: var(--theme-v-0);
}

.bg-theme-v-shade-1 {
    background-color: var(--theme-v-shade-1);
}

.bg-theme-v-shade-2 {
    background-color: var(--theme-v-shade-2);
}

.bg-cool-gray {
    background-color: var(--cool-gray);
}

.bg-silver-gray {
    background-color: var(--silver-gray);
}

.bg-light-silver {
    background-color: var(--light-silver);
}

.bg-light-gray {
    background-color: var(--light-gray);
}

.bg-dark-blue-gray {
    background-color: var(--dark-blue-grey);
}

.bg-turquoise {
    background-color: var(--turquoise);
}

.bg-black {
    background-color: #000;
}

.bg-charcoal {
    background-color: #141414;
}

.bg-transparent {
    background-color: #00000000;
}

.bg-black-white {
    background-color: var(--black-white);
}

/* FUEL specific colors */
.bg-ms {
    background-color: rgb(245, 136, 42) !important;
}

.bg-hsd {
    background-color: rgb(110, 179, 56) !important;
}

.bg-xp {
    background-color: rgb(255, 99, 132) !important;
}

.bg-xg {
    background-color: rgb(52, 211, 131) !important;
}



/*Gradiant*/
.bg-gradient-primary {
    background: #0d6efd;
    background: linear-gradient(135deg, #0d6efd 0%, #6f42c1 100%);
    background: -webkit-bg-linear-gradient(45deg, #0d6efd, #6640b2) !important;
}

.bg-gradient-primary-light {
    /* 20% opacity allows the theme background to balance the contrast */
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.2) 0%, rgba(111, 66, 193, 0.2) 100%) !important;
    backdrop-filter: blur(4px); /* Optional: adds a premium "glass" feel */
}

.bg-gradient-info {
    background: #1ebccd;
    background: linear-gradient(45deg, #1ebccd, #3a55b1) !important;
    background: -webkit-bg-linear-gradient(45deg, #1ebccd, #3a55b1) !important;
}

.bg-gradient-success {
    background: #22af47;
    background: linear-gradient(45deg, #22af47, #d0d962) !important;
    background: -webkit-bg-linear-gradient(45deg, #22af47, #d0d962) !important;
}

.bg-gradient-warning {
    background: #ffbf36;
    background: linear-gradient(45deg, #ffbf36, #ff6028) !important;
    background: -webkit-bg-linear-gradient(45deg, #ffbf36, #ff6028) !important;
}

.bg-gradient-danger {
    background: #f83f37;
    background: linear-gradient(45deg, #f83f37, #ab26aa) !important;
    background: -webkit-bg-linear-gradient(45deg, #f83f37, #ab26aa) !important;
}

/* HSD Gradient */
.bg-gradient-hsd {
    background: #22af47;
    background: linear-gradient(45deg, #22af47, #d0d962) !important;
    background: -webkit-bg-linear-gradient(45deg, #22af47, #d0d962) !important;
}

/* MS Gradient */
.bg-gradient-ms {
    background: #ff9528;
    background: linear-gradient(45deg, #ff9528, #ff6028) !important;
    background: -webkit-bg-linear-gradient(45deg, #ff9528, #ff6028) !important;
}

/* MS to HSD Gradient */
.bg-gradient-ms-hsd {
    background: #ff9528;
    background: linear-gradient(45deg, #ff9528, #22af47) !important;
    background: -webkit-bg-linear-gradient(45deg, #ff9528, #22af47) !important;
}

/* XP Gradient */
.bg-gradient-xp {
    background: #f83f37;
    background: linear-gradient(45deg, #f83f37, #ab26aa) !important;
    background: -webkit-bg-linear-gradient(45deg, #f83f37, #ab26aa) !important;
}

.bg-gradient-secondary {
    background: #9e9e9e;
    background: linear-gradient(45deg, #9e9e9e, #5e7d8a) !important;
    background: -webkit-bg-linear-gradient(45deg, #9e9e9e, #5e7d8a) !important;
}

.bg-gradient-light {
    background: #f5f5f6;
    background: linear-gradient(45deg, #f5f5f6, #9e9e9e) !important;
    background: -webkit-bg-linear-gradient(45deg, #f5f5f6, #9e9e9e) !important;
}

.bg-gradient-dark {
    background: #324148;
    background: linear-gradient(45deg, #324148, #7a5449) !important;
    background: -webkit-bg-linear-gradient(45deg, #324148, #7a5449) !important;
}

.bg-gradient-pony {
    background: #ed1b60;
    background: linear-gradient(45deg, #ed1b60, #1ebccd) !important;
    background: -webkit-bg-linear-gradient(45deg, #ed1b60, #1ebccd) !important;
}

.bg-gradient-space {
    background: #ab26aa;
    background: linear-gradient(45deg, #ab26aa, #fde335) !important;
    background: -webkit-bg-linear-gradient(45deg, #ab26aa, #fde335) !important;
}

.bg-gradient-streaks {
    background: #6640b2;
    background: linear-gradient(45deg, #6640b2, #009b84) !important;
    background: -webkit-bg-linear-gradient(45deg, #6640b2, #009b84) !important;
}

.bg-gradient-bunting {
    background: #3a55b1;
    background: linear-gradient(45deg, #3a55b1, #7a5449) !important;
    background: -webkit-bg-linear-gradient(45deg, #3a55b1, #7a5449) !important;
}

.bg-gradient-paradise {
    background: #0092ee;
    background: linear-gradient(45deg, #0092ee, #88c241) !important;
    background: -webkit-bg-linear-gradient(45deg, #0092ee, #88c241) !important;
}

.bg-gradient-heaven {
    background: #88c241;
    background: linear-gradient(45deg, #88c241, #00acf0) !important;
    background: -webkit-bg-linear-gradient(45deg, #88c241, #00acf0) !important;
}

.bg-gradient-honey {
    background: #d0d962;
    background: linear-gradient(45deg, #d0d962, #ff9528) !important;
    background: -webkit-bg-linear-gradient(45deg, #d0d962, #ff9528) !important;
}

.bg-gradient-warbler {
    background: #fde335;
    background: linear-gradient(45deg, #fde335, #9e9e9e) !important;
    background: -webkit-bg-linear-gradient(45deg, #fde335, #9e9e9e) !important;
}

.bg-gradient-dusk {
    background: #ff9528;
    background: linear-gradient(45deg, #ff9528, #6640b2) !important;
    background: -webkit-bg-linear-gradient(45deg, #ff9528, #6640b2) !important;
}

.bg-gradient-citrine {
    background: #ffaf93;
    background: linear-gradient(45deg, #ffaf93, #f68de5) !important;
    background: -webkit-bg-linear-gradient(45deg, #ffaf93, #f68daf) !important;
}

.bg-gradient-royston {
    background: #7a5449;
    background: linear-gradient(45deg, #7a5449, #009b84) !important;
    background: -webkit-bg-linear-gradient(45deg, #7a5449, #009b84) !important;
}

.bg-gradient-ashes {
    background: #5e7d8a;
    background: linear-gradient(45deg, #5e7d8a, #324148) !important;
    background: -webkit-bg-linear-gradient(45deg, #5e7d8a, #324148) !important;
}

.bg-gradient-metal {
    background: #c1993f;
    background: linear-gradient(45deg, #c1993f, #9e9e9e) !important;
    background: -webkit-bg-linear-gradient(45deg, #c1993f, #9e9e9e) !important;
}

.bg-gradient-sunset {
    background: #009b84;
    background: linear-gradient(45deg, #009b84, #b2e1da) !important;
    background: -webkit-bg-linear-gradient(45deg, #009b84, #b2e1da) !important;
}

.bg-gradient-water {
    background: #4facfe;
    /* fallback for old browsers */
    background: linear-gradient(45deg, #4facfe, #00f2fe) !important;
    background: -webkit-linear-gradient(45deg, #4facfe, #00f2fe) !important;
}

.bg-gradient-water-soft {
    background: #dff9fb;
    /* fallback */
    background: linear-gradient(45deg, #dff9fb, #a6e4f7) !important;
    background: -webkit-linear-gradient(45deg, #dff9fb, #a6e4f7) !important;
}

.bg-gradient-ocean {
    background: #2E8BC0;
    /* fallback */
    background: linear-gradient(45deg, #2E8BC0, #0C3C78) !important;
    background: -webkit-linear-gradient(45deg, #2E8BC0, #0C3C78) !important;
}

/*Text*/
.font-muted,
.text-muted {
    color: var(--font-muted) !important;
}

.text-black {
    color: #0c0c0c !important;
}

.text-dark {
    color: #232323 !important;
}

.text-dark-gray {
    color: #575757 !important;
}

/* .text-primary {
    color: var(--theme-v) !important;
} */
.text-cool-gray {
    color: var(--cool-gray) !important;
}

.text-silver-gray {
    color: var(--silver-gray) !important;
}

.text-light-silver {
    color: var(--light-silver) !important;
}

.text-light-gray {
    color: var(--light-gray) !important;
}

.text-royal-blue {
    color: var(--royal-blue) !important;
}

.text-turquoise {
    color: var(--turquoise) !important;
}

.text-dark-blue-grey {
    color: var(--dark-blue-grey) !important;
}

/*Border*/
.border-cool-gray {
    border: 1px solid var(--cool-gray) !important;
}

.border-silver-gray {
    border: 1px solid var(--silver-gray) !important;
}

.border-light-silver {
    border: 1px solid var(--light-silver) !important;
}

.border-light-gray {
    border: 1px solid var(--light-gray) !important;
}

.border-royal-blue {
    border: 1px solid var(--royal-blue) !important;
}

.border-turquoise {
    border: 1px solid var(--turquoise) !important;
}

.border-dark-blue-grey {
    border: 1px solid var(--dark-blue-grey) !important;
}