@charset "UTF-8"; /*! * AdminLTE v4.8.5 — Extended color palette * Opt-in. Nothing here is in adminlte.css: load this sheet after it and you * get fourteen additional colours (orange, amber, olive, teal, sky, indigo, * violet, fuchsia, pink, navy, steel, slate, graphite, midnight) as `--bs-*` * tokens plus the * `.bg-*`, `.text-bg-*`, `.text-*`, `.border-*`, `.link-*`, `.bg-gradient-*`, * `.card-*`, `.callout-*` and `.direct-chat-*` families — with dark mode. * `data-lte-primary="teal"` on also makes that colour Bootstrap's * `primary`, buttons and all. Every colour takes white text at ≥ 4.6:1. * See docs/colors.html. * * Author: Colorlib * Website: AdminLTE.io * License: Open source - MIT */ :root, [data-bs-theme=light] { --bs-orange: #c84e10; --bs-orange-rgb: 200, 78, 16; --bs-orange-text-emphasis: #501f06; --bs-orange-bg-subtle: #f4dccf; --bs-orange-border-subtle: #e9b89f; --bs-amber: #a56710; --bs-amber-rgb: 165, 103, 16; --bs-amber-text-emphasis: #422906; --bs-amber-bg-subtle: #ede1cf; --bs-amber-border-subtle: #dbc29f; --bs-olive: #5f7f0f; --bs-olive-rgb: 95, 127, 15; --bs-olive-text-emphasis: #263306; --bs-olive-bg-subtle: #dfe5cf; --bs-olive-border-subtle: #bfcc9f; --bs-teal: #12827d; --bs-teal-rgb: 18, 130, 125; --bs-teal-text-emphasis: #073432; --bs-teal-bg-subtle: #d0e6e5; --bs-teal-border-subtle: #a0cdcb; --bs-sky: #127caf; --bs-sky-rgb: 18, 124, 175; --bs-sky-text-emphasis: #073246; --bs-sky-bg-subtle: #d0e5ef; --bs-sky-border-subtle: #a0cbdf; --bs-indigo: #6f60ea; --bs-indigo-rgb: 111, 96, 234; --bs-indigo-text-emphasis: #2c265e; --bs-indigo-bg-subtle: #e2dffb; --bs-indigo-border-subtle: #c5bff7; --bs-violet: #9553db; --bs-violet-rgb: 149, 83, 219; --bs-violet-text-emphasis: #3c2158; --bs-violet-bg-subtle: #eaddf8; --bs-violet-border-subtle: #d5baf1; --bs-fuchsia: #b347be; --bs-fuchsia-rgb: 179, 71, 190; --bs-fuchsia-text-emphasis: #481c4c; --bs-fuchsia-bg-subtle: #f0daf2; --bs-fuchsia-border-subtle: #e1b5e5; --bs-pink: #cd388d; --bs-pink-rgb: 205, 56, 141; --bs-pink-text-emphasis: #521638; --bs-pink-bg-subtle: #f5d7e8; --bs-pink-border-subtle: #ebafd1; --bs-navy: #1d2d4c; --bs-navy-rgb: 29, 45, 76; --bs-navy-text-emphasis: #0c121e; --bs-navy-bg-subtle: #d2d5db; --bs-navy-border-subtle: #a5abb7; --bs-steel: #3a4860; --bs-steel-rgb: 58, 72, 96; --bs-steel-text-emphasis: #171d26; --bs-steel-bg-subtle: #d8dadf; --bs-steel-border-subtle: #b0b6bf; --bs-slate: #566577; --bs-slate-rgb: 86, 101, 119; --bs-slate-text-emphasis: #222830; --bs-slate-bg-subtle: #dde0e4; --bs-slate-border-subtle: #bbc1c9; --bs-graphite: #32363c; --bs-graphite-rgb: 50, 54, 60; --bs-graphite-text-emphasis: #141618; --bs-graphite-bg-subtle: #d6d7d8; --bs-graphite-border-subtle: #adafb1; --bs-midnight: #1e1d2d; --bs-midnight-rgb: 30, 29, 45; --bs-midnight-text-emphasis: #0c0c12; --bs-midnight-bg-subtle: #d2d2d5; --bs-midnight-border-subtle: #a5a5ab; } [data-bs-theme=dark] { --bs-orange-text-emphasis: #de9570; --bs-orange-bg-subtle: #281003; --bs-orange-border-subtle: #782f0a; --bs-amber-text-emphasis: #c9a470; --bs-amber-bg-subtle: #211503; --bs-amber-border-subtle: #633e0a; --bs-olive-text-emphasis: #9fb26f; --bs-olive-bg-subtle: #131903; --bs-olive-border-subtle: #394c09; --bs-teal-text-emphasis: #71b4b1; --bs-teal-bg-subtle: #041a19; --bs-teal-border-subtle: #0b4e4b; --bs-sky-text-emphasis: #71b0cf; --bs-sky-bg-subtle: #041923; --bs-sky-border-subtle: #0b4a69; --bs-indigo-text-emphasis: #a9a0f2; --bs-indigo-bg-subtle: #16132f; --bs-indigo-border-subtle: #433a8c; --bs-violet-text-emphasis: #bf98e9; --bs-violet-bg-subtle: #1e112c; --bs-violet-border-subtle: #593283; --bs-fuchsia-text-emphasis: #d191d8; --bs-fuchsia-bg-subtle: #240e26; --bs-fuchsia-border-subtle: #6b2b72; --bs-pink-text-emphasis: #e188bb; --bs-pink-bg-subtle: #290b1c; --bs-pink-border-subtle: #7b2255; --bs-navy-text-emphasis: #778194; --bs-navy-bg-subtle: #06090f; --bs-navy-border-subtle: #111b2e; --bs-steel-text-emphasis: #8991a0; --bs-steel-bg-subtle: #0c0e13; --bs-steel-border-subtle: #232b3a; --bs-slate-text-emphasis: #9aa3ad; --bs-slate-bg-subtle: #111418; --bs-slate-border-subtle: #343d47; --bs-graphite-text-emphasis: #84868a; --bs-graphite-bg-subtle: #0a0b0c; --bs-graphite-border-subtle: #1e2024; --bs-midnight-text-emphasis: #787781; --bs-midnight-bg-subtle: #060609; --bs-midnight-border-subtle: #12111b; } .bg-orange { --bs-bg-opacity: 1; background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important; } .text-orange { --bs-text-opacity: 1; color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important; } .border-orange { --bs-border-opacity: 1; border-color: rgba(var(--bs-orange-rgb), var(--bs-border-opacity)) !important; } .text-bg-orange { color: #fff !important; background-color: RGBA(var(--bs-orange-rgb), var(--bs-bg-opacity, 1)) !important; } .link-orange { color: RGBA(var(--bs-orange-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-orange-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-orange:hover, .link-orange:focus { color: RGBA(160, 62, 13, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(160, 62, 13, var(--bs-link-underline-opacity, 1)) !important; } .bg-amber { --bs-bg-opacity: 1; background-color: rgba(var(--bs-amber-rgb), var(--bs-bg-opacity)) !important; } .text-amber { --bs-text-opacity: 1; color: rgba(var(--bs-amber-rgb), var(--bs-text-opacity)) !important; } .border-amber { --bs-border-opacity: 1; border-color: rgba(var(--bs-amber-rgb), var(--bs-border-opacity)) !important; } .text-bg-amber { color: #fff !important; background-color: RGBA(var(--bs-amber-rgb), var(--bs-bg-opacity, 1)) !important; } .link-amber { color: RGBA(var(--bs-amber-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-amber-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-amber:hover, .link-amber:focus { color: RGBA(132, 82, 13, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(132, 82, 13, var(--bs-link-underline-opacity, 1)) !important; } .bg-olive { --bs-bg-opacity: 1; background-color: rgba(var(--bs-olive-rgb), var(--bs-bg-opacity)) !important; } .text-olive { --bs-text-opacity: 1; color: rgba(var(--bs-olive-rgb), var(--bs-text-opacity)) !important; } .border-olive { --bs-border-opacity: 1; border-color: rgba(var(--bs-olive-rgb), var(--bs-border-opacity)) !important; } .text-bg-olive { color: #fff !important; background-color: RGBA(var(--bs-olive-rgb), var(--bs-bg-opacity, 1)) !important; } .link-olive { color: RGBA(var(--bs-olive-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-olive-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-olive:hover, .link-olive:focus { color: RGBA(76, 102, 12, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(76, 102, 12, var(--bs-link-underline-opacity, 1)) !important; } .bg-teal { --bs-bg-opacity: 1; background-color: rgba(var(--bs-teal-rgb), var(--bs-bg-opacity)) !important; } .text-teal { --bs-text-opacity: 1; color: rgba(var(--bs-teal-rgb), var(--bs-text-opacity)) !important; } .border-teal { --bs-border-opacity: 1; border-color: rgba(var(--bs-teal-rgb), var(--bs-border-opacity)) !important; } .text-bg-teal { color: #fff !important; background-color: RGBA(var(--bs-teal-rgb), var(--bs-bg-opacity, 1)) !important; } .link-teal { color: RGBA(var(--bs-teal-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-teal-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-teal:hover, .link-teal:focus { color: RGBA(14, 104, 100, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(14, 104, 100, var(--bs-link-underline-opacity, 1)) !important; } .bg-sky { --bs-bg-opacity: 1; background-color: rgba(var(--bs-sky-rgb), var(--bs-bg-opacity)) !important; } .text-sky { --bs-text-opacity: 1; color: rgba(var(--bs-sky-rgb), var(--bs-text-opacity)) !important; } .border-sky { --bs-border-opacity: 1; border-color: rgba(var(--bs-sky-rgb), var(--bs-border-opacity)) !important; } .text-bg-sky { color: #fff !important; background-color: RGBA(var(--bs-sky-rgb), var(--bs-bg-opacity, 1)) !important; } .link-sky { color: RGBA(var(--bs-sky-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-sky-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-sky:hover, .link-sky:focus { color: RGBA(14, 99, 140, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(14, 99, 140, var(--bs-link-underline-opacity, 1)) !important; } .bg-indigo { --bs-bg-opacity: 1; background-color: rgba(var(--bs-indigo-rgb), var(--bs-bg-opacity)) !important; } .text-indigo { --bs-text-opacity: 1; color: rgba(var(--bs-indigo-rgb), var(--bs-text-opacity)) !important; } .border-indigo { --bs-border-opacity: 1; border-color: rgba(var(--bs-indigo-rgb), var(--bs-border-opacity)) !important; } .text-bg-indigo { color: #fff !important; background-color: RGBA(var(--bs-indigo-rgb), var(--bs-bg-opacity, 1)) !important; } .link-indigo { color: RGBA(var(--bs-indigo-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-indigo-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-indigo:hover, .link-indigo:focus { color: RGBA(89, 77, 187, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(89, 77, 187, var(--bs-link-underline-opacity, 1)) !important; } .bg-violet { --bs-bg-opacity: 1; background-color: rgba(var(--bs-violet-rgb), var(--bs-bg-opacity)) !important; } .text-violet { --bs-text-opacity: 1; color: rgba(var(--bs-violet-rgb), var(--bs-text-opacity)) !important; } .border-violet { --bs-border-opacity: 1; border-color: rgba(var(--bs-violet-rgb), var(--bs-border-opacity)) !important; } .text-bg-violet { color: #fff !important; background-color: RGBA(var(--bs-violet-rgb), var(--bs-bg-opacity, 1)) !important; } .link-violet { color: RGBA(var(--bs-violet-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-violet-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-violet:hover, .link-violet:focus { color: RGBA(119, 66, 175, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(119, 66, 175, var(--bs-link-underline-opacity, 1)) !important; } .bg-fuchsia { --bs-bg-opacity: 1; background-color: rgba(var(--bs-fuchsia-rgb), var(--bs-bg-opacity)) !important; } .text-fuchsia { --bs-text-opacity: 1; color: rgba(var(--bs-fuchsia-rgb), var(--bs-text-opacity)) !important; } .border-fuchsia { --bs-border-opacity: 1; border-color: rgba(var(--bs-fuchsia-rgb), var(--bs-border-opacity)) !important; } .text-bg-fuchsia { color: #fff !important; background-color: RGBA(var(--bs-fuchsia-rgb), var(--bs-bg-opacity, 1)) !important; } .link-fuchsia { color: RGBA(var(--bs-fuchsia-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-fuchsia-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-fuchsia:hover, .link-fuchsia:focus { color: RGBA(143, 57, 152, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(143, 57, 152, var(--bs-link-underline-opacity, 1)) !important; } .bg-pink { --bs-bg-opacity: 1; background-color: rgba(var(--bs-pink-rgb), var(--bs-bg-opacity)) !important; } .text-pink { --bs-text-opacity: 1; color: rgba(var(--bs-pink-rgb), var(--bs-text-opacity)) !important; } .border-pink { --bs-border-opacity: 1; border-color: rgba(var(--bs-pink-rgb), var(--bs-border-opacity)) !important; } .text-bg-pink { color: #fff !important; background-color: RGBA(var(--bs-pink-rgb), var(--bs-bg-opacity, 1)) !important; } .link-pink { color: RGBA(var(--bs-pink-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-pink-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-pink:hover, .link-pink:focus { color: RGBA(164, 45, 113, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(164, 45, 113, var(--bs-link-underline-opacity, 1)) !important; } .bg-navy { --bs-bg-opacity: 1; background-color: rgba(var(--bs-navy-rgb), var(--bs-bg-opacity)) !important; } .text-navy { --bs-text-opacity: 1; color: rgba(var(--bs-navy-rgb), var(--bs-text-opacity)) !important; } .border-navy { --bs-border-opacity: 1; border-color: rgba(var(--bs-navy-rgb), var(--bs-border-opacity)) !important; } .text-bg-navy { color: #fff !important; background-color: RGBA(var(--bs-navy-rgb), var(--bs-bg-opacity, 1)) !important; } .link-navy { color: RGBA(var(--bs-navy-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-navy-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-navy:hover, .link-navy:focus { color: RGBA(23, 36, 61, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(23, 36, 61, var(--bs-link-underline-opacity, 1)) !important; } .bg-steel { --bs-bg-opacity: 1; background-color: rgba(var(--bs-steel-rgb), var(--bs-bg-opacity)) !important; } .text-steel { --bs-text-opacity: 1; color: rgba(var(--bs-steel-rgb), var(--bs-text-opacity)) !important; } .border-steel { --bs-border-opacity: 1; border-color: rgba(var(--bs-steel-rgb), var(--bs-border-opacity)) !important; } .text-bg-steel { color: #fff !important; background-color: RGBA(var(--bs-steel-rgb), var(--bs-bg-opacity, 1)) !important; } .link-steel { color: RGBA(var(--bs-steel-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-steel-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-steel:hover, .link-steel:focus { color: RGBA(46, 58, 77, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(46, 58, 77, var(--bs-link-underline-opacity, 1)) !important; } .bg-slate { --bs-bg-opacity: 1; background-color: rgba(var(--bs-slate-rgb), var(--bs-bg-opacity)) !important; } .text-slate { --bs-text-opacity: 1; color: rgba(var(--bs-slate-rgb), var(--bs-text-opacity)) !important; } .border-slate { --bs-border-opacity: 1; border-color: rgba(var(--bs-slate-rgb), var(--bs-border-opacity)) !important; } .text-bg-slate { color: #fff !important; background-color: RGBA(var(--bs-slate-rgb), var(--bs-bg-opacity, 1)) !important; } .link-slate { color: RGBA(var(--bs-slate-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-slate-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-slate:hover, .link-slate:focus { color: RGBA(69, 81, 95, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(69, 81, 95, var(--bs-link-underline-opacity, 1)) !important; } .bg-graphite { --bs-bg-opacity: 1; background-color: rgba(var(--bs-graphite-rgb), var(--bs-bg-opacity)) !important; } .text-graphite { --bs-text-opacity: 1; color: rgba(var(--bs-graphite-rgb), var(--bs-text-opacity)) !important; } .border-graphite { --bs-border-opacity: 1; border-color: rgba(var(--bs-graphite-rgb), var(--bs-border-opacity)) !important; } .text-bg-graphite { color: #fff !important; background-color: RGBA(var(--bs-graphite-rgb), var(--bs-bg-opacity, 1)) !important; } .link-graphite { color: RGBA(var(--bs-graphite-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-graphite-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-graphite:hover, .link-graphite:focus { color: RGBA(40, 43, 48, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(40, 43, 48, var(--bs-link-underline-opacity, 1)) !important; } .bg-midnight { --bs-bg-opacity: 1; background-color: rgba(var(--bs-midnight-rgb), var(--bs-bg-opacity)) !important; } .text-midnight { --bs-text-opacity: 1; color: rgba(var(--bs-midnight-rgb), var(--bs-text-opacity)) !important; } .border-midnight { --bs-border-opacity: 1; border-color: rgba(var(--bs-midnight-rgb), var(--bs-border-opacity)) !important; } .text-bg-midnight { color: #fff !important; background-color: RGBA(var(--bs-midnight-rgb), var(--bs-bg-opacity, 1)) !important; } .link-midnight { color: RGBA(var(--bs-midnight-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-midnight-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-midnight:hover, .link-midnight:focus { color: RGBA(24, 23, 36, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(24, 23, 36, var(--bs-link-underline-opacity, 1)) !important; } .bg-gradient-primary { color: #fff !important; background-color: #0d6efd !important; background-image: var(--bs-gradient) !important; } .bg-gradient-secondary { color: #fff !important; background-color: #6c757d !important; background-image: var(--bs-gradient) !important; } .bg-gradient-success { color: #fff !important; background-color: #198754 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-info { color: #000 !important; background-color: #0dcaf0 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-warning { color: #000 !important; background-color: #ffc107 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-danger { color: #fff !important; background-color: #dc3545 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-light { color: #000 !important; background-color: #f8f9fa !important; background-image: var(--bs-gradient) !important; } .bg-gradient-dark { color: #fff !important; background-color: #212529 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-orange { color: #fff !important; background-color: #c84e10 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-amber { color: #fff !important; background-color: #a56710 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-olive { color: #fff !important; background-color: #5f7f0f !important; background-image: var(--bs-gradient) !important; } .bg-gradient-teal { color: #fff !important; background-color: #12827d !important; background-image: var(--bs-gradient) !important; } .bg-gradient-sky { color: #fff !important; background-color: #127caf !important; background-image: var(--bs-gradient) !important; } .bg-gradient-indigo { color: #fff !important; background-color: #6f60ea !important; background-image: var(--bs-gradient) !important; } .bg-gradient-violet { color: #fff !important; background-color: #9553db !important; background-image: var(--bs-gradient) !important; } .bg-gradient-fuchsia { color: #fff !important; background-color: #b347be !important; background-image: var(--bs-gradient) !important; } .bg-gradient-pink { color: #fff !important; background-color: #cd388d !important; background-image: var(--bs-gradient) !important; } .bg-gradient-navy { color: #fff !important; background-color: #1d2d4c !important; background-image: var(--bs-gradient) !important; } .bg-gradient-steel { color: #fff !important; background-color: #3a4860 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-slate { color: #fff !important; background-color: #566577 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-graphite { color: #fff !important; background-color: #32363c !important; background-image: var(--bs-gradient) !important; } .bg-gradient-midnight { color: #fff !important; background-color: #1e1d2d !important; background-image: var(--bs-gradient) !important; } .card-orange, .bg-orange, .text-bg-orange { --lte-card-variant-bg: #c84e10; --lte-card-variant-bg-rgb: 200, 78, 16; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-amber, .bg-amber, .text-bg-amber { --lte-card-variant-bg: #a56710; --lte-card-variant-bg-rgb: 165, 103, 16; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-olive, .bg-olive, .text-bg-olive { --lte-card-variant-bg: #5f7f0f; --lte-card-variant-bg-rgb: 95, 127, 15; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-teal, .bg-teal, .text-bg-teal { --lte-card-variant-bg: #12827d; --lte-card-variant-bg-rgb: 18, 130, 125; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-sky, .bg-sky, .text-bg-sky { --lte-card-variant-bg: #127caf; --lte-card-variant-bg-rgb: 18, 124, 175; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-indigo, .bg-indigo, .text-bg-indigo { --lte-card-variant-bg: #6f60ea; --lte-card-variant-bg-rgb: 111, 96, 234; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-violet, .bg-violet, .text-bg-violet { --lte-card-variant-bg: #9553db; --lte-card-variant-bg-rgb: 149, 83, 219; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-fuchsia, .bg-fuchsia, .text-bg-fuchsia { --lte-card-variant-bg: #b347be; --lte-card-variant-bg-rgb: 179, 71, 190; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-pink, .bg-pink, .text-bg-pink { --lte-card-variant-bg: #cd388d; --lte-card-variant-bg-rgb: 205, 56, 141; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-navy, .bg-navy, .text-bg-navy { --lte-card-variant-bg: #1d2d4c; --lte-card-variant-bg-rgb: 29, 45, 76; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-steel, .bg-steel, .text-bg-steel { --lte-card-variant-bg: #3a4860; --lte-card-variant-bg-rgb: 58, 72, 96; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-slate, .bg-slate, .text-bg-slate { --lte-card-variant-bg: #566577; --lte-card-variant-bg-rgb: 86, 101, 119; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-graphite, .bg-graphite, .text-bg-graphite { --lte-card-variant-bg: #32363c; --lte-card-variant-bg-rgb: 50, 54, 60; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-midnight, .bg-midnight, .text-bg-midnight { --lte-card-variant-bg: #1e1d2d; --lte-card-variant-bg-rgb: 30, 29, 45; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .callout-orange { --lte-callout-color: var(--bs-orange-text-emphasis); --lte-callout-bg: var(--bs-orange-bg-subtle); --lte-callout-border: var(--bs-orange-border-subtle); --lte-callout-link: var(--bs-orange-text-emphasis); --lte-callout-code-color: var(--bs-orange-text-emphasis); --bs-callout-link-color: var(--bs-orange-text-emphasis); } .callout-amber { --lte-callout-color: var(--bs-amber-text-emphasis); --lte-callout-bg: var(--bs-amber-bg-subtle); --lte-callout-border: var(--bs-amber-border-subtle); --lte-callout-link: var(--bs-amber-text-emphasis); --lte-callout-code-color: var(--bs-amber-text-emphasis); --bs-callout-link-color: var(--bs-amber-text-emphasis); } .callout-olive { --lte-callout-color: var(--bs-olive-text-emphasis); --lte-callout-bg: var(--bs-olive-bg-subtle); --lte-callout-border: var(--bs-olive-border-subtle); --lte-callout-link: var(--bs-olive-text-emphasis); --lte-callout-code-color: var(--bs-olive-text-emphasis); --bs-callout-link-color: var(--bs-olive-text-emphasis); } .callout-teal { --lte-callout-color: var(--bs-teal-text-emphasis); --lte-callout-bg: var(--bs-teal-bg-subtle); --lte-callout-border: var(--bs-teal-border-subtle); --lte-callout-link: var(--bs-teal-text-emphasis); --lte-callout-code-color: var(--bs-teal-text-emphasis); --bs-callout-link-color: var(--bs-teal-text-emphasis); } .callout-sky { --lte-callout-color: var(--bs-sky-text-emphasis); --lte-callout-bg: var(--bs-sky-bg-subtle); --lte-callout-border: var(--bs-sky-border-subtle); --lte-callout-link: var(--bs-sky-text-emphasis); --lte-callout-code-color: var(--bs-sky-text-emphasis); --bs-callout-link-color: var(--bs-sky-text-emphasis); } .callout-indigo { --lte-callout-color: var(--bs-indigo-text-emphasis); --lte-callout-bg: var(--bs-indigo-bg-subtle); --lte-callout-border: var(--bs-indigo-border-subtle); --lte-callout-link: var(--bs-indigo-text-emphasis); --lte-callout-code-color: var(--bs-indigo-text-emphasis); --bs-callout-link-color: var(--bs-indigo-text-emphasis); } .callout-violet { --lte-callout-color: var(--bs-violet-text-emphasis); --lte-callout-bg: var(--bs-violet-bg-subtle); --lte-callout-border: var(--bs-violet-border-subtle); --lte-callout-link: var(--bs-violet-text-emphasis); --lte-callout-code-color: var(--bs-violet-text-emphasis); --bs-callout-link-color: var(--bs-violet-text-emphasis); } .callout-fuchsia { --lte-callout-color: var(--bs-fuchsia-text-emphasis); --lte-callout-bg: var(--bs-fuchsia-bg-subtle); --lte-callout-border: var(--bs-fuchsia-border-subtle); --lte-callout-link: var(--bs-fuchsia-text-emphasis); --lte-callout-code-color: var(--bs-fuchsia-text-emphasis); --bs-callout-link-color: var(--bs-fuchsia-text-emphasis); } .callout-pink { --lte-callout-color: var(--bs-pink-text-emphasis); --lte-callout-bg: var(--bs-pink-bg-subtle); --lte-callout-border: var(--bs-pink-border-subtle); --lte-callout-link: var(--bs-pink-text-emphasis); --lte-callout-code-color: var(--bs-pink-text-emphasis); --bs-callout-link-color: var(--bs-pink-text-emphasis); } .callout-navy { --lte-callout-color: var(--bs-navy-text-emphasis); --lte-callout-bg: var(--bs-navy-bg-subtle); --lte-callout-border: var(--bs-navy-border-subtle); --lte-callout-link: var(--bs-navy-text-emphasis); --lte-callout-code-color: var(--bs-navy-text-emphasis); --bs-callout-link-color: var(--bs-navy-text-emphasis); } .callout-steel { --lte-callout-color: var(--bs-steel-text-emphasis); --lte-callout-bg: var(--bs-steel-bg-subtle); --lte-callout-border: var(--bs-steel-border-subtle); --lte-callout-link: var(--bs-steel-text-emphasis); --lte-callout-code-color: var(--bs-steel-text-emphasis); --bs-callout-link-color: var(--bs-steel-text-emphasis); } .callout-slate { --lte-callout-color: var(--bs-slate-text-emphasis); --lte-callout-bg: var(--bs-slate-bg-subtle); --lte-callout-border: var(--bs-slate-border-subtle); --lte-callout-link: var(--bs-slate-text-emphasis); --lte-callout-code-color: var(--bs-slate-text-emphasis); --bs-callout-link-color: var(--bs-slate-text-emphasis); } .callout-graphite { --lte-callout-color: var(--bs-graphite-text-emphasis); --lte-callout-bg: var(--bs-graphite-bg-subtle); --lte-callout-border: var(--bs-graphite-border-subtle); --lte-callout-link: var(--bs-graphite-text-emphasis); --lte-callout-code-color: var(--bs-graphite-text-emphasis); --bs-callout-link-color: var(--bs-graphite-text-emphasis); } .callout-midnight { --lte-callout-color: var(--bs-midnight-text-emphasis); --lte-callout-bg: var(--bs-midnight-bg-subtle); --lte-callout-border: var(--bs-midnight-border-subtle); --lte-callout-link: var(--bs-midnight-text-emphasis); --lte-callout-code-color: var(--bs-midnight-text-emphasis); --bs-callout-link-color: var(--bs-midnight-text-emphasis); } .direct-chat-orange { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #c84e10; } .direct-chat-amber { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #a56710; } .direct-chat-olive { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #5f7f0f; } .direct-chat-teal { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #12827d; } .direct-chat-sky { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #127caf; } .direct-chat-indigo { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #6f60ea; } .direct-chat-violet { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #9553db; } .direct-chat-fuchsia { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #b347be; } .direct-chat-pink { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #cd388d; } .direct-chat-navy { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #1d2d4c; } .direct-chat-steel { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #3a4860; } .direct-chat-slate { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #566577; } .direct-chat-graphite { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #32363c; } .direct-chat-midnight { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #1e1d2d; } .btn.bg-orange:hover, .btn.bg-orange:focus-visible, .btn.text-bg-orange:hover, .btn.text-bg-orange:focus-visible, .btn.bg-gradient-orange:hover, .btn.bg-gradient-orange:focus-visible { background-color: #b4460e !important; } .btn.bg-orange:active, .btn.bg-orange.active, .btn.text-bg-orange:active, .btn.text-bg-orange.active, .btn.bg-gradient-orange:active, .btn.bg-gradient-orange.active { background-color: #aa420e !important; } .btn.bg-amber:hover, .btn.bg-amber:focus-visible, .btn.text-bg-amber:hover, .btn.text-bg-amber:focus-visible, .btn.bg-gradient-amber:hover, .btn.bg-gradient-amber:focus-visible { background-color: #955d0e !important; } .btn.bg-amber:active, .btn.bg-amber.active, .btn.text-bg-amber:active, .btn.text-bg-amber.active, .btn.bg-gradient-amber:active, .btn.bg-gradient-amber.active { background-color: #8c580e !important; } .btn.bg-olive:hover, .btn.bg-olive:focus-visible, .btn.text-bg-olive:hover, .btn.text-bg-olive:focus-visible, .btn.bg-gradient-olive:hover, .btn.bg-gradient-olive:focus-visible { background-color: #56720e !important; } .btn.bg-olive:active, .btn.bg-olive.active, .btn.text-bg-olive:active, .btn.text-bg-olive.active, .btn.bg-gradient-olive:active, .btn.bg-gradient-olive.active { background-color: #516c0d !important; } .btn.bg-teal:hover, .btn.bg-teal:focus-visible, .btn.text-bg-teal:hover, .btn.text-bg-teal:focus-visible, .btn.bg-gradient-teal:hover, .btn.bg-gradient-teal:focus-visible { background-color: #107571 !important; } .btn.bg-teal:active, .btn.bg-teal.active, .btn.text-bg-teal:active, .btn.text-bg-teal.active, .btn.bg-gradient-teal:active, .btn.bg-gradient-teal.active { background-color: #0f6f6a !important; } .btn.bg-sky:hover, .btn.bg-sky:focus-visible, .btn.text-bg-sky:hover, .btn.text-bg-sky:focus-visible, .btn.bg-gradient-sky:hover, .btn.bg-gradient-sky:focus-visible { background-color: #10709e !important; } .btn.bg-sky:active, .btn.bg-sky.active, .btn.text-bg-sky:active, .btn.text-bg-sky.active, .btn.bg-gradient-sky:active, .btn.bg-gradient-sky.active { background-color: #0f6995 !important; } .btn.bg-indigo:hover, .btn.bg-indigo:focus-visible, .btn.text-bg-indigo:hover, .btn.text-bg-indigo:focus-visible, .btn.bg-gradient-indigo:hover, .btn.bg-gradient-indigo:focus-visible { background-color: #6456d3 !important; } .btn.bg-indigo:active, .btn.bg-indigo.active, .btn.text-bg-indigo:active, .btn.text-bg-indigo.active, .btn.bg-gradient-indigo:active, .btn.bg-gradient-indigo.active { background-color: #5e52c7 !important; } .btn.bg-violet:hover, .btn.bg-violet:focus-visible, .btn.text-bg-violet:hover, .btn.text-bg-violet:focus-visible, .btn.bg-gradient-violet:hover, .btn.bg-gradient-violet:focus-visible { background-color: #864bc5 !important; } .btn.bg-violet:active, .btn.bg-violet.active, .btn.text-bg-violet:active, .btn.text-bg-violet.active, .btn.bg-gradient-violet:active, .btn.bg-gradient-violet.active { background-color: #7f47ba !important; } .btn.bg-fuchsia:hover, .btn.bg-fuchsia:focus-visible, .btn.text-bg-fuchsia:hover, .btn.text-bg-fuchsia:focus-visible, .btn.bg-gradient-fuchsia:hover, .btn.bg-gradient-fuchsia:focus-visible { background-color: #a140ab !important; } .btn.bg-fuchsia:active, .btn.bg-fuchsia.active, .btn.text-bg-fuchsia:active, .btn.text-bg-fuchsia.active, .btn.bg-gradient-fuchsia:active, .btn.bg-gradient-fuchsia.active { background-color: #983ca2 !important; } .btn.bg-pink:hover, .btn.bg-pink:focus-visible, .btn.text-bg-pink:hover, .btn.text-bg-pink:focus-visible, .btn.bg-gradient-pink:hover, .btn.bg-gradient-pink:focus-visible { background-color: #b9327f !important; } .btn.bg-pink:active, .btn.bg-pink.active, .btn.text-bg-pink:active, .btn.text-bg-pink.active, .btn.bg-gradient-pink:active, .btn.bg-gradient-pink.active { background-color: #ae3078 !important; } .btn.bg-navy:hover, .btn.bg-navy:focus-visible, .btn.text-bg-navy:hover, .btn.text-bg-navy:focus-visible, .btn.bg-gradient-navy:hover, .btn.bg-gradient-navy:focus-visible { background-color: #1a2944 !important; } .btn.bg-navy:active, .btn.bg-navy.active, .btn.text-bg-navy:active, .btn.text-bg-navy.active, .btn.bg-gradient-navy:active, .btn.bg-gradient-navy.active { background-color: #192641 !important; } .btn.bg-steel:hover, .btn.bg-steel:focus-visible, .btn.text-bg-steel:hover, .btn.text-bg-steel:focus-visible, .btn.bg-gradient-steel:hover, .btn.bg-gradient-steel:focus-visible { background-color: #344156 !important; } .btn.bg-steel:active, .btn.bg-steel.active, .btn.text-bg-steel:active, .btn.text-bg-steel.active, .btn.bg-gradient-steel:active, .btn.bg-gradient-steel.active { background-color: #313d52 !important; } .btn.bg-slate:hover, .btn.bg-slate:focus-visible, .btn.text-bg-slate:hover, .btn.text-bg-slate:focus-visible, .btn.bg-gradient-slate:hover, .btn.bg-gradient-slate:focus-visible { background-color: #4d5b6b !important; } .btn.bg-slate:active, .btn.bg-slate.active, .btn.text-bg-slate:active, .btn.text-bg-slate.active, .btn.bg-gradient-slate:active, .btn.bg-gradient-slate.active { background-color: #495665 !important; } .btn.bg-graphite:hover, .btn.bg-graphite:focus-visible, .btn.text-bg-graphite:hover, .btn.text-bg-graphite:focus-visible, .btn.bg-gradient-graphite:hover, .btn.bg-gradient-graphite:focus-visible { background-color: #2d3136 !important; } .btn.bg-graphite:active, .btn.bg-graphite.active, .btn.text-bg-graphite:active, .btn.text-bg-graphite.active, .btn.bg-gradient-graphite:active, .btn.bg-gradient-graphite.active { background-color: #2b2e33 !important; } .btn.bg-midnight:hover, .btn.bg-midnight:focus-visible, .btn.text-bg-midnight:hover, .btn.text-bg-midnight:focus-visible, .btn.bg-gradient-midnight:hover, .btn.bg-gradient-midnight:focus-visible { background-color: #1b1a29 !important; } .btn.bg-midnight:active, .btn.bg-midnight.active, .btn.text-bg-midnight:active, .btn.text-bg-midnight.active, .btn.bg-gradient-midnight:active, .btn.bg-gradient-midnight.active { background-color: #1a1926 !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .border-opacity-10 { --bs-border-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .border-opacity-25 { --bs-border-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .border-opacity-50 { --bs-border-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .border-opacity-75 { --bs-border-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .border-opacity-100 { --bs-border-opacity: 1; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } [data-lte-primary] { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25); --lte-primary-color: #fff; --lte-primary-color-rgb: 255, 255, 255; --lte-primary-hover: var(--bs-primary); --lte-primary-hover-border: var(--bs-primary); --lte-primary-active: var(--bs-primary); --lte-primary-active-border: var(--bs-primary); } @supports (color: color-mix(in srgb, red 50%, black)) { [data-lte-primary] { --lte-primary-hover: color-mix(in srgb, var(--bs-primary) 85%, #000); --lte-primary-hover-border: color-mix(in srgb, var(--bs-primary) 80%, #000); --lte-primary-active: color-mix(in srgb, var(--bs-primary) 80%, #000); --lte-primary-active-border: color-mix(in srgb, var(--bs-primary) 75%, #000); } } [data-lte-primary=secondary] { --bs-primary: var(--bs-secondary); --bs-primary-rgb: var(--bs-secondary-rgb); --bs-primary-text-emphasis: var(--bs-secondary-text-emphasis); --bs-primary-bg-subtle: var(--bs-secondary-bg-subtle); --bs-primary-border-subtle: var(--bs-secondary-border-subtle); --bs-link-color: var(--bs-secondary); --bs-link-color-rgb: var(--bs-secondary-rgb); --bs-link-hover-color: #565e64; --bs-link-hover-color-rgb: 86, 94, 100; --lte-primary-hover: #5c636a; --lte-primary-hover-border: #565e64; --lte-primary-active: #565e64; --lte-primary-active-border: #51585e; } [data-lte-primary=success] { --bs-primary: var(--bs-success); --bs-primary-rgb: var(--bs-success-rgb); --bs-primary-text-emphasis: var(--bs-success-text-emphasis); --bs-primary-bg-subtle: var(--bs-success-bg-subtle); --bs-primary-border-subtle: var(--bs-success-border-subtle); --bs-link-color: var(--bs-success); --bs-link-color-rgb: var(--bs-success-rgb); --bs-link-hover-color: #146c43; --bs-link-hover-color-rgb: 20, 108, 67; --lte-primary-hover: #157347; --lte-primary-hover-border: #146c43; --lte-primary-active: #146c43; --lte-primary-active-border: #13653f; } [data-lte-primary=info] { --bs-primary: var(--bs-info); --bs-primary-rgb: var(--bs-info-rgb); --bs-primary-text-emphasis: var(--bs-info-text-emphasis); --bs-primary-bg-subtle: var(--bs-info-bg-subtle); --bs-primary-border-subtle: var(--bs-info-border-subtle); --bs-link-color: var(--bs-info); --bs-link-color-rgb: var(--bs-info-rgb); --bs-link-hover-color: #0aa2c0; --bs-link-hover-color-rgb: 10, 162, 192; --lte-primary-hover: #31d2f2; --lte-primary-hover-border: #25cff2; --lte-primary-active: #3dd5f3; --lte-primary-active-border: #25cff2; --lte-primary-color: #000; --lte-primary-color-rgb: 0, 0, 0; } [data-lte-primary=warning] { --bs-primary: var(--bs-warning); --bs-primary-rgb: var(--bs-warning-rgb); --bs-primary-text-emphasis: var(--bs-warning-text-emphasis); --bs-primary-bg-subtle: var(--bs-warning-bg-subtle); --bs-primary-border-subtle: var(--bs-warning-border-subtle); --bs-link-color: var(--bs-warning); --bs-link-color-rgb: var(--bs-warning-rgb); --bs-link-hover-color: #cc9a06; --bs-link-hover-color-rgb: 204, 154, 6; --lte-primary-hover: #ffca2c; --lte-primary-hover-border: #ffc720; --lte-primary-active: #ffcd39; --lte-primary-active-border: #ffc720; --lte-primary-color: #000; --lte-primary-color-rgb: 0, 0, 0; } [data-lte-primary=danger] { --bs-primary: var(--bs-danger); --bs-primary-rgb: var(--bs-danger-rgb); --bs-primary-text-emphasis: var(--bs-danger-text-emphasis); --bs-primary-bg-subtle: var(--bs-danger-bg-subtle); --bs-primary-border-subtle: var(--bs-danger-border-subtle); --bs-link-color: var(--bs-danger); --bs-link-color-rgb: var(--bs-danger-rgb); --bs-link-hover-color: #b02a37; --bs-link-hover-color-rgb: 176, 42, 55; --lte-primary-hover: #bb2d3b; --lte-primary-hover-border: #b02a37; --lte-primary-active: #b02a37; --lte-primary-active-border: #a52834; } [data-lte-primary=light] { --bs-primary: var(--bs-light); --bs-primary-rgb: var(--bs-light-rgb); --bs-primary-text-emphasis: var(--bs-light-text-emphasis); --bs-primary-bg-subtle: var(--bs-light-bg-subtle); --bs-primary-border-subtle: var(--bs-light-border-subtle); --bs-link-color: var(--bs-light); --bs-link-color-rgb: var(--bs-light-rgb); --bs-link-hover-color: #c6c7c8; --bs-link-hover-color-rgb: 198, 199, 200; --lte-primary-hover: #f9fafb; --lte-primary-hover-border: #f9fafb; --lte-primary-active: #f9fafb; --lte-primary-active-border: #f9fafb; --lte-primary-color: #000; --lte-primary-color-rgb: 0, 0, 0; } [data-lte-primary=dark] { --bs-primary: var(--bs-dark); --bs-primary-rgb: var(--bs-dark-rgb); --bs-primary-text-emphasis: var(--bs-dark-text-emphasis); --bs-primary-bg-subtle: var(--bs-dark-bg-subtle); --bs-primary-border-subtle: var(--bs-dark-border-subtle); --bs-link-color: var(--bs-dark); --bs-link-color-rgb: var(--bs-dark-rgb); --bs-link-hover-color: #1a1e21; --bs-link-hover-color-rgb: 26, 30, 33; --lte-primary-hover: #1c1f23; --lte-primary-hover-border: #1a1e21; --lte-primary-active: #1a1e21; --lte-primary-active-border: #191c1f; } [data-lte-primary=orange] { --bs-primary: var(--bs-orange); --bs-primary-rgb: var(--bs-orange-rgb); --bs-primary-text-emphasis: var(--bs-orange-text-emphasis); --bs-primary-bg-subtle: var(--bs-orange-bg-subtle); --bs-primary-border-subtle: var(--bs-orange-border-subtle); --bs-link-color: var(--bs-orange); --bs-link-color-rgb: var(--bs-orange-rgb); --bs-link-hover-color: #a03e0d; --bs-link-hover-color-rgb: 160, 62, 13; --lte-primary-hover: #aa420e; --lte-primary-hover-border: #a03e0d; --lte-primary-active: #a03e0d; --lte-primary-active-border: #963b0c; } [data-lte-primary=amber] { --bs-primary: var(--bs-amber); --bs-primary-rgb: var(--bs-amber-rgb); --bs-primary-text-emphasis: var(--bs-amber-text-emphasis); --bs-primary-bg-subtle: var(--bs-amber-bg-subtle); --bs-primary-border-subtle: var(--bs-amber-border-subtle); --bs-link-color: var(--bs-amber); --bs-link-color-rgb: var(--bs-amber-rgb); --bs-link-hover-color: #84520d; --bs-link-hover-color-rgb: 132, 82, 13; --lte-primary-hover: #8c580e; --lte-primary-hover-border: #84520d; --lte-primary-active: #84520d; --lte-primary-active-border: #7c4d0c; } [data-lte-primary=olive] { --bs-primary: var(--bs-olive); --bs-primary-rgb: var(--bs-olive-rgb); --bs-primary-text-emphasis: var(--bs-olive-text-emphasis); --bs-primary-bg-subtle: var(--bs-olive-bg-subtle); --bs-primary-border-subtle: var(--bs-olive-border-subtle); --bs-link-color: var(--bs-olive); --bs-link-color-rgb: var(--bs-olive-rgb); --bs-link-hover-color: #4c660c; --bs-link-hover-color-rgb: 76, 102, 12; --lte-primary-hover: #516c0d; --lte-primary-hover-border: #4c660c; --lte-primary-active: #4c660c; --lte-primary-active-border: #475f0b; } [data-lte-primary=teal] { --bs-primary: var(--bs-teal); --bs-primary-rgb: var(--bs-teal-rgb); --bs-primary-text-emphasis: var(--bs-teal-text-emphasis); --bs-primary-bg-subtle: var(--bs-teal-bg-subtle); --bs-primary-border-subtle: var(--bs-teal-border-subtle); --bs-link-color: var(--bs-teal); --bs-link-color-rgb: var(--bs-teal-rgb); --bs-link-hover-color: #0e6864; --bs-link-hover-color-rgb: 14, 104, 100; --lte-primary-hover: #0f6f6a; --lte-primary-hover-border: #0e6864; --lte-primary-active: #0e6864; --lte-primary-active-border: #0e625e; } [data-lte-primary=sky] { --bs-primary: var(--bs-sky); --bs-primary-rgb: var(--bs-sky-rgb); --bs-primary-text-emphasis: var(--bs-sky-text-emphasis); --bs-primary-bg-subtle: var(--bs-sky-bg-subtle); --bs-primary-border-subtle: var(--bs-sky-border-subtle); --bs-link-color: var(--bs-sky); --bs-link-color-rgb: var(--bs-sky-rgb); --bs-link-hover-color: #0e638c; --bs-link-hover-color-rgb: 14, 99, 140; --lte-primary-hover: #0f6995; --lte-primary-hover-border: #0e638c; --lte-primary-active: #0e638c; --lte-primary-active-border: #0e5d83; } [data-lte-primary=indigo] { --bs-primary: var(--bs-indigo); --bs-primary-rgb: var(--bs-indigo-rgb); --bs-primary-text-emphasis: var(--bs-indigo-text-emphasis); --bs-primary-bg-subtle: var(--bs-indigo-bg-subtle); --bs-primary-border-subtle: var(--bs-indigo-border-subtle); --bs-link-color: var(--bs-indigo); --bs-link-color-rgb: var(--bs-indigo-rgb); --bs-link-hover-color: #594dbb; --bs-link-hover-color-rgb: 89, 77, 187; --lte-primary-hover: #5e52c7; --lte-primary-hover-border: #594dbb; --lte-primary-active: #594dbb; --lte-primary-active-border: #5348b0; } [data-lte-primary=violet] { --bs-primary: var(--bs-violet); --bs-primary-rgb: var(--bs-violet-rgb); --bs-primary-text-emphasis: var(--bs-violet-text-emphasis); --bs-primary-bg-subtle: var(--bs-violet-bg-subtle); --bs-primary-border-subtle: var(--bs-violet-border-subtle); --bs-link-color: var(--bs-violet); --bs-link-color-rgb: var(--bs-violet-rgb); --bs-link-hover-color: #7742af; --bs-link-hover-color-rgb: 119, 66, 175; --lte-primary-hover: #7f47ba; --lte-primary-hover-border: #7742af; --lte-primary-active: #7742af; --lte-primary-active-border: #703ea4; } [data-lte-primary=fuchsia] { --bs-primary: var(--bs-fuchsia); --bs-primary-rgb: var(--bs-fuchsia-rgb); --bs-primary-text-emphasis: var(--bs-fuchsia-text-emphasis); --bs-primary-bg-subtle: var(--bs-fuchsia-bg-subtle); --bs-primary-border-subtle: var(--bs-fuchsia-border-subtle); --bs-link-color: var(--bs-fuchsia); --bs-link-color-rgb: var(--bs-fuchsia-rgb); --bs-link-hover-color: #8f3998; --bs-link-hover-color-rgb: 143, 57, 152; --lte-primary-hover: #983ca2; --lte-primary-hover-border: #8f3998; --lte-primary-active: #8f3998; --lte-primary-active-border: #86358f; } [data-lte-primary=pink] { --bs-primary: var(--bs-pink); --bs-primary-rgb: var(--bs-pink-rgb); --bs-primary-text-emphasis: var(--bs-pink-text-emphasis); --bs-primary-bg-subtle: var(--bs-pink-bg-subtle); --bs-primary-border-subtle: var(--bs-pink-border-subtle); --bs-link-color: var(--bs-pink); --bs-link-color-rgb: var(--bs-pink-rgb); --bs-link-hover-color: #a42d71; --bs-link-hover-color-rgb: 164, 45, 113; --lte-primary-hover: #ae3078; --lte-primary-hover-border: #a42d71; --lte-primary-active: #a42d71; --lte-primary-active-border: #9a2a6a; } [data-lte-primary=navy] { --bs-primary: var(--bs-navy); --bs-primary-rgb: var(--bs-navy-rgb); --bs-primary-text-emphasis: var(--bs-navy-text-emphasis); --bs-primary-bg-subtle: var(--bs-navy-bg-subtle); --bs-primary-border-subtle: var(--bs-navy-border-subtle); --bs-link-color: var(--bs-navy); --bs-link-color-rgb: var(--bs-navy-rgb); --bs-link-hover-color: #17243d; --bs-link-hover-color-rgb: 23, 36, 61; --lte-primary-hover: #192641; --lte-primary-hover-border: #17243d; --lte-primary-active: #17243d; --lte-primary-active-border: #162239; } [data-lte-primary=steel] { --bs-primary: var(--bs-steel); --bs-primary-rgb: var(--bs-steel-rgb); --bs-primary-text-emphasis: var(--bs-steel-text-emphasis); --bs-primary-bg-subtle: var(--bs-steel-bg-subtle); --bs-primary-border-subtle: var(--bs-steel-border-subtle); --bs-link-color: var(--bs-steel); --bs-link-color-rgb: var(--bs-steel-rgb); --bs-link-hover-color: #2e3a4d; --bs-link-hover-color-rgb: 46, 58, 77; --lte-primary-hover: #313d52; --lte-primary-hover-border: #2e3a4d; --lte-primary-active: #2e3a4d; --lte-primary-active-border: #2c3648; } [data-lte-primary=slate] { --bs-primary: var(--bs-slate); --bs-primary-rgb: var(--bs-slate-rgb); --bs-primary-text-emphasis: var(--bs-slate-text-emphasis); --bs-primary-bg-subtle: var(--bs-slate-bg-subtle); --bs-primary-border-subtle: var(--bs-slate-border-subtle); --bs-link-color: var(--bs-slate); --bs-link-color-rgb: var(--bs-slate-rgb); --bs-link-hover-color: #45515f; --bs-link-hover-color-rgb: 69, 81, 95; --lte-primary-hover: #495665; --lte-primary-hover-border: #45515f; --lte-primary-active: #45515f; --lte-primary-active-border: #414c59; } [data-lte-primary=graphite] { --bs-primary: var(--bs-graphite); --bs-primary-rgb: var(--bs-graphite-rgb); --bs-primary-text-emphasis: var(--bs-graphite-text-emphasis); --bs-primary-bg-subtle: var(--bs-graphite-bg-subtle); --bs-primary-border-subtle: var(--bs-graphite-border-subtle); --bs-link-color: var(--bs-graphite); --bs-link-color-rgb: var(--bs-graphite-rgb); --bs-link-hover-color: #282b30; --bs-link-hover-color-rgb: 40, 43, 48; --lte-primary-hover: #2b2e33; --lte-primary-hover-border: #282b30; --lte-primary-active: #282b30; --lte-primary-active-border: #26292d; } [data-lte-primary=midnight] { --bs-primary: var(--bs-midnight); --bs-primary-rgb: var(--bs-midnight-rgb); --bs-primary-text-emphasis: var(--bs-midnight-text-emphasis); --bs-primary-bg-subtle: var(--bs-midnight-bg-subtle); --bs-primary-border-subtle: var(--bs-midnight-border-subtle); --bs-link-color: var(--bs-midnight); --bs-link-color-rgb: var(--bs-midnight-rgb); --bs-link-hover-color: #181724; --bs-link-hover-color-rgb: 24, 23, 36; --lte-primary-hover: #1a1926; --lte-primary-hover-border: #181724; --lte-primary-active: #181724; --lte-primary-active-border: #171622; } [data-bs-theme=dark][data-lte-primary=secondary], [data-bs-theme=dark] [data-lte-primary=secondary] { --bs-link-color: #a7acb1; --bs-link-color-rgb: 167, 172, 177; --bs-link-hover-color: #b8bdc1; --bs-link-hover-color-rgb: 184, 189, 193; } [data-bs-theme=dark][data-lte-primary=success], [data-bs-theme=dark] [data-lte-primary=success] { --bs-link-color: #75b798; --bs-link-color-rgb: 117, 183, 152; --bs-link-hover-color: #91c5ad; --bs-link-hover-color-rgb: 145, 197, 173; } [data-bs-theme=dark][data-lte-primary=info], [data-bs-theme=dark] [data-lte-primary=info] { --bs-link-color: #6edff6; --bs-link-color-rgb: 110, 223, 246; --bs-link-hover-color: #8be6f8; --bs-link-hover-color-rgb: 139, 230, 248; } [data-bs-theme=dark][data-lte-primary=warning], [data-bs-theme=dark] [data-lte-primary=warning] { --bs-link-color: #ffda6a; --bs-link-color-rgb: 255, 218, 106; --bs-link-hover-color: #ffe188; --bs-link-hover-color-rgb: 255, 225, 136; } [data-bs-theme=dark][data-lte-primary=danger], [data-bs-theme=dark] [data-lte-primary=danger] { --bs-link-color: #ea868f; --bs-link-color-rgb: 234, 134, 143; --bs-link-hover-color: #ee9ea6; --bs-link-hover-color-rgb: 238, 158, 166; } [data-bs-theme=dark][data-lte-primary=light], [data-bs-theme=dark] [data-lte-primary=light] { --bs-link-color: #fbfbfc; --bs-link-color-rgb: 251, 251, 252; --bs-link-hover-color: #fcfcfd; --bs-link-hover-color-rgb: 252, 252, 253; } [data-bs-theme=dark][data-lte-primary=dark], [data-bs-theme=dark] [data-lte-primary=dark] { --bs-link-color: #7a7c7f; --bs-link-color-rgb: 122, 124, 127; --bs-link-hover-color: #949698; --bs-link-hover-color-rgb: 148, 150, 152; } [data-bs-theme=dark][data-lte-primary=orange], [data-bs-theme=dark] [data-lte-primary=orange] { --bs-link-color: #de9570; --bs-link-color-rgb: 222, 149, 112; --bs-link-hover-color: #e5aa8c; --bs-link-hover-color-rgb: 229, 170, 140; } [data-bs-theme=dark][data-lte-primary=amber], [data-bs-theme=dark] [data-lte-primary=amber] { --bs-link-color: #c9a470; --bs-link-color-rgb: 201, 164, 112; --bs-link-hover-color: #d4b68c; --bs-link-hover-color-rgb: 212, 182, 140; } [data-bs-theme=dark][data-lte-primary=olive], [data-bs-theme=dark] [data-lte-primary=olive] { --bs-link-color: #9fb26f; --bs-link-color-rgb: 159, 178, 111; --bs-link-hover-color: #b2c28c; --bs-link-hover-color-rgb: 178, 194, 140; } [data-bs-theme=dark][data-lte-primary=teal], [data-bs-theme=dark] [data-lte-primary=teal] { --bs-link-color: #71b4b1; --bs-link-color-rgb: 113, 180, 177; --bs-link-hover-color: #8dc3c1; --bs-link-hover-color-rgb: 141, 195, 193; } [data-bs-theme=dark][data-lte-primary=sky], [data-bs-theme=dark] [data-lte-primary=sky] { --bs-link-color: #71b0cf; --bs-link-color-rgb: 113, 176, 207; --bs-link-hover-color: #8dc0d9; --bs-link-hover-color-rgb: 141, 192, 217; } [data-bs-theme=dark][data-lte-primary=indigo], [data-bs-theme=dark] [data-lte-primary=indigo] { --bs-link-color: #a9a0f2; --bs-link-color-rgb: 169, 160, 242; --bs-link-hover-color: #bab3f5; --bs-link-hover-color-rgb: 186, 179, 245; } [data-bs-theme=dark][data-lte-primary=violet], [data-bs-theme=dark] [data-lte-primary=violet] { --bs-link-color: #bf98e9; --bs-link-color-rgb: 191, 152, 233; --bs-link-hover-color: #ccacee; --bs-link-hover-color-rgb: 204, 172, 238; } [data-bs-theme=dark][data-lte-primary=fuchsia], [data-bs-theme=dark] [data-lte-primary=fuchsia] { --bs-link-color: #d191d8; --bs-link-color-rgb: 209, 145, 216; --bs-link-hover-color: #dba7e0; --bs-link-hover-color-rgb: 219, 167, 224; } [data-bs-theme=dark][data-lte-primary=pink], [data-bs-theme=dark] [data-lte-primary=pink] { --bs-link-color: #e188bb; --bs-link-color-rgb: 225, 136, 187; --bs-link-hover-color: #e79fc8; --bs-link-hover-color-rgb: 231, 159, 200; } [data-bs-theme=dark][data-lte-primary=navy], [data-bs-theme=dark] [data-lte-primary=navy] { --bs-link-color: #778194; --bs-link-color-rgb: 119, 129, 148; --bs-link-hover-color: #939aa9; --bs-link-hover-color-rgb: 147, 154, 169; } [data-bs-theme=dark][data-lte-primary=steel], [data-bs-theme=dark] [data-lte-primary=steel] { --bs-link-color: #8991a0; --bs-link-color-rgb: 137, 145, 160; --bs-link-hover-color: #a0a7b3; --bs-link-hover-color-rgb: 160, 167, 179; } [data-bs-theme=dark][data-lte-primary=slate], [data-bs-theme=dark] [data-lte-primary=slate] { --bs-link-color: #9aa3ad; --bs-link-color-rgb: 154, 163, 173; --bs-link-hover-color: #aeb5be; --bs-link-hover-color-rgb: 174, 181, 190; } [data-bs-theme=dark][data-lte-primary=graphite], [data-bs-theme=dark] [data-lte-primary=graphite] { --bs-link-color: #84868a; --bs-link-color-rgb: 132, 134, 138; --bs-link-hover-color: #9d9fa1; --bs-link-hover-color-rgb: 157, 159, 161; } [data-bs-theme=dark][data-lte-primary=midnight], [data-bs-theme=dark] [data-lte-primary=midnight] { --bs-link-color: #787781; --bs-link-color-rgb: 120, 119, 129; --bs-link-hover-color: #93939a; --bs-link-hover-color-rgb: 147, 147, 154; } /* stylelint-disable-next-line no-duplicate-selectors */ [data-lte-primary] .btn-primary { --bs-btn-color: var(--lte-primary-color); --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-color: var(--lte-primary-color); --bs-btn-hover-bg: var(--lte-primary-hover); --bs-btn-hover-border-color: var(--lte-primary-hover-border); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: var(--lte-primary-color); --bs-btn-active-bg: var(--lte-primary-active); --bs-btn-active-border-color: var(--lte-primary-active-border); --bs-btn-disabled-color: var(--lte-primary-color); --bs-btn-disabled-bg: var(--bs-primary); --bs-btn-disabled-border-color: var(--bs-primary); } [data-lte-primary] .btn-outline-primary { --bs-btn-color: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-color: var(--lte-primary-color); --bs-btn-hover-bg: var(--bs-primary); --bs-btn-hover-border-color: var(--bs-primary); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: var(--lte-primary-color); --bs-btn-active-bg: var(--bs-primary); --bs-btn-active-border-color: var(--bs-primary); --bs-btn-disabled-color: var(--bs-primary); --bs-btn-disabled-border-color: var(--bs-primary); } [data-lte-primary] .btn-link { --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); } [data-lte-primary] .text-bg-primary { color: var(--lte-primary-color) !important; } [data-lte-primary] .link-primary:hover, [data-lte-primary] .link-primary:focus { color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } [data-lte-primary] .dropdown-menu { --bs-dropdown-link-active-color: var(--lte-primary-color); --bs-dropdown-link-active-bg: var(--bs-primary); } [data-lte-primary] .nav-pills { --bs-nav-pills-link-active-color: var(--lte-primary-color); --bs-nav-pills-link-active-bg: var(--bs-primary); } [data-lte-primary] .pagination { --bs-pagination-active-color: var(--lte-primary-color); --bs-pagination-active-bg: var(--bs-primary); --bs-pagination-active-border-color: var(--bs-primary); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color); } [data-lte-primary] .progress, [data-lte-primary] .progress-stacked { --bs-progress-bar-color: var(--lte-primary-color); --bs-progress-bar-bg: var(--bs-primary); } [data-lte-primary] .list-group { --bs-list-group-active-color: var(--lte-primary-color); --bs-list-group-active-bg: var(--bs-primary); --bs-list-group-active-border-color: var(--bs-primary); } [data-lte-primary] .accordion { --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon); } [data-lte-primary] .form-control:focus, [data-lte-primary] .form-select:focus { border-color: var(--bs-primary); box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } [data-lte-primary] .form-check-input:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } [data-lte-primary] .form-check-input:checked, [data-lte-primary] .form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-primary); border-color: var(--bs-primary); } [data-lte-primary] .form-switch .form-check-input:focus:not(:checked) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); } [data-lte-primary] .form-range::-webkit-slider-thumb { background-color: var(--bs-primary); } [data-lte-primary] .form-range::-moz-range-thumb { background-color: var(--bs-primary); } [data-lte-primary] .card-primary, [data-lte-primary] .bg-primary, [data-lte-primary] .text-bg-primary { --lte-card-variant-bg: var(--bs-primary); --lte-card-variant-bg-rgb: var(--bs-primary-rgb); --lte-card-variant-color: var(--lte-primary-color); --lte-card-variant-color-rgb: var(--lte-primary-color-rgb); } [data-lte-primary] .direct-chat-primary { --lte-direct-chat-color: var(--lte-primary-color); --lte-direct-chat-bg: var(--bs-primary); } [data-lte-primary] .toast-primary { --bs-toast-header-color: var(--lte-primary-color); --bs-toast-header-bg: var(--bs-primary); --bs-toast-header-border-color: var(--bs-primary); --bs-toast-border-color: var(--bs-primary); } /*# sourceMappingURL=adminlte-colors.css.map */