@charset "UTF-8"; /*! * AdminLTE v4.7.0 — AdminLTE 3 color palette (legacy) * Opt-in. The extended colours exactly as AdminLTE 3 shipped them — same * names, same values, same text-colour rule (Bootstrap 4's YIQ brightness * test, so lightblue, olive and teal take white text as they did) — with * the AdminLTE 4 class families: `.bg-*`, `.text-bg-*`, `.text-*`, * `.border-*`, `.link-*`, `.bg-gradient-*`, `.card-*`, `.callout-*`, * `.direct-chat-*`, plus dark-mode tokens — and `data-lte-primary="lightblue"` * on to make any of them Bootstrap's `primary`, buttons and all. * * Load EITHER this file OR adminlte-colors.css (the palette designed for * 4.4), not both: they define the same class names (navy, teal, olive, …) * with different values. Nothing here is in adminlte.css. * See docs/colors.html. * * Author: Colorlib * Website: AdminLTE.io * License: Open source - MIT */ :root, [data-bs-theme=light] { --bs-lightblue: #3c8dbc; --bs-lightblue-rgb: 60, 141, 188; --bs-lightblue-text-emphasis: #18384b; --bs-lightblue-bg-subtle: #d8e8f2; --bs-lightblue-border-subtle: #b1d1e4; --bs-navy: #001f3f; --bs-navy-rgb: 0, 31, 63; --bs-navy-text-emphasis: #000c19; --bs-navy-bg-subtle: #ccd2d9; --bs-navy-border-subtle: #99a5b2; --bs-olive: #3d9970; --bs-olive-rgb: 61, 153, 112; --bs-olive-text-emphasis: #183d2d; --bs-olive-bg-subtle: #d8ebe2; --bs-olive-border-subtle: #b1d6c6; --bs-lime: #01ff70; --bs-lime-rgb: 1, 255, 112; --bs-lime-text-emphasis: #00662d; --bs-lime-bg-subtle: #ccffe2; --bs-lime-border-subtle: #99ffc6; --bs-fuchsia: #f012be; --bs-fuchsia-rgb: 240, 18, 190; --bs-fuchsia-text-emphasis: #60074c; --bs-fuchsia-bg-subtle: #fcd0f2; --bs-fuchsia-border-subtle: #f9a0e5; --bs-maroon: #d81b60; --bs-maroon-rgb: 216, 27, 96; --bs-maroon-text-emphasis: #560b26; --bs-maroon-bg-subtle: #f7d1df; --bs-maroon-border-subtle: #efa4bf; --bs-blue: #007bff; --bs-blue-rgb: 0, 123, 255; --bs-blue-text-emphasis: #003166; --bs-blue-bg-subtle: #cce5ff; --bs-blue-border-subtle: #99caff; --bs-indigo: #6610f2; --bs-indigo-rgb: 102, 16, 242; --bs-indigo-text-emphasis: #290661; --bs-indigo-bg-subtle: #e0cffc; --bs-indigo-border-subtle: #c29ffa; --bs-purple: #6f42c1; --bs-purple-rgb: 111, 66, 193; --bs-purple-text-emphasis: #2c1a4d; --bs-purple-bg-subtle: #e2d9f3; --bs-purple-border-subtle: #c5b3e6; --bs-pink: #e83e8c; --bs-pink-rgb: 232, 62, 140; --bs-pink-text-emphasis: #5d1938; --bs-pink-bg-subtle: #fad8e8; --bs-pink-border-subtle: #f6b2d1; --bs-red: #dc3545; --bs-red-rgb: 220, 53, 69; --bs-red-text-emphasis: #58151c; --bs-red-bg-subtle: #f8d7da; --bs-red-border-subtle: #f1aeb5; --bs-orange: #fd7e14; --bs-orange-rgb: 253, 126, 20; --bs-orange-text-emphasis: #653208; --bs-orange-bg-subtle: #ffe5d0; --bs-orange-border-subtle: #fecba1; --bs-yellow: #ffc107; --bs-yellow-rgb: 255, 193, 7; --bs-yellow-text-emphasis: #664d03; --bs-yellow-bg-subtle: #fff3cd; --bs-yellow-border-subtle: #ffe69c; --bs-green: #28a745; --bs-green-rgb: 40, 167, 69; --bs-green-text-emphasis: #10431c; --bs-green-bg-subtle: #d4edda; --bs-green-border-subtle: #a9dcb5; --bs-teal: #20c997; --bs-teal-rgb: 32, 201, 151; --bs-teal-text-emphasis: #0d503c; --bs-teal-bg-subtle: #d2f4ea; --bs-teal-border-subtle: #a6e9d5; --bs-cyan: #17a2b8; --bs-cyan-rgb: 23, 162, 184; --bs-cyan-text-emphasis: #09414a; --bs-cyan-bg-subtle: #d1ecf1; --bs-cyan-border-subtle: #a2dae3; --bs-gray: #6c757d; --bs-gray-rgb: 108, 117, 125; --bs-gray-text-emphasis: #2b2f32; --bs-gray-bg-subtle: #e2e3e5; --bs-gray-border-subtle: #c4c8cb; --bs-gray-dark: #343a40; --bs-gray-dark-rgb: 52, 58, 64; --bs-gray-dark-text-emphasis: #15171a; --bs-gray-dark-bg-subtle: #d6d8d9; --bs-gray-dark-border-subtle: #aeb0b3; } [data-bs-theme=dark] { --bs-lightblue-text-emphasis: #8abbd7; --bs-lightblue-bg-subtle: #0c1c26; --bs-lightblue-border-subtle: #245571; --bs-navy-text-emphasis: #66798c; --bs-navy-bg-subtle: #00060d; --bs-navy-border-subtle: #001326; --bs-olive-text-emphasis: #8bc2a9; --bs-olive-bg-subtle: #0c1f16; --bs-olive-border-subtle: #255c43; --bs-lime-text-emphasis: #67ffa9; --bs-lime-bg-subtle: #003316; --bs-lime-border-subtle: #019943; --bs-fuchsia-text-emphasis: #f671d8; --bs-fuchsia-bg-subtle: #300426; --bs-fuchsia-border-subtle: #900b72; --bs-maroon-text-emphasis: #e876a0; --bs-maroon-bg-subtle: #2b0513; --bs-maroon-border-subtle: #82103a; --bs-blue-text-emphasis: #66b0ff; --bs-blue-bg-subtle: #001933; --bs-blue-border-subtle: #004a99; --bs-indigo-text-emphasis: #a370f7; --bs-indigo-bg-subtle: #140330; --bs-indigo-border-subtle: #3d0a91; --bs-purple-text-emphasis: #a98eda; --bs-purple-bg-subtle: #160d27; --bs-purple-border-subtle: #432874; --bs-pink-text-emphasis: #f18bba; --bs-pink-bg-subtle: #2e0c1c; --bs-pink-border-subtle: #8b2554; --bs-red-text-emphasis: #ea868f; --bs-red-bg-subtle: #2c0b0e; --bs-red-border-subtle: #842029; --bs-orange-text-emphasis: #feb272; --bs-orange-bg-subtle: #331904; --bs-orange-border-subtle: #984c0c; --bs-yellow-text-emphasis: #ffda6a; --bs-yellow-bg-subtle: #332701; --bs-yellow-border-subtle: #997404; --bs-green-text-emphasis: #7eca8f; --bs-green-bg-subtle: #08210e; --bs-green-border-subtle: #186429; --bs-teal-text-emphasis: #79dfc1; --bs-teal-bg-subtle: #06281e; --bs-teal-border-subtle: #13795b; --bs-cyan-text-emphasis: #74c7d4; --bs-cyan-bg-subtle: #052025; --bs-cyan-border-subtle: #0e616e; --bs-gray-text-emphasis: #a7acb1; --bs-gray-bg-subtle: #161719; --bs-gray-border-subtle: #41464b; --bs-gray-dark-text-emphasis: #85898c; --bs-gray-dark-bg-subtle: #0a0c0d; --bs-gray-dark-border-subtle: #1f2326; } .bg-lightblue { --bs-bg-opacity: 1; background-color: rgba(var(--bs-lightblue-rgb), var(--bs-bg-opacity)) !important; } .text-lightblue { --bs-text-opacity: 1; color: rgba(var(--bs-lightblue-rgb), var(--bs-text-opacity)) !important; } .border-lightblue { --bs-border-opacity: 1; border-color: rgba(var(--bs-lightblue-rgb), var(--bs-border-opacity)) !important; } .text-bg-lightblue { color: #fff !important; background-color: RGBA(var(--bs-lightblue-rgb), var(--bs-bg-opacity, 1)) !important; } .link-lightblue { color: RGBA(var(--bs-lightblue-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-lightblue-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-lightblue:hover, .link-lightblue:focus { color: RGBA(48, 113, 150, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(48, 113, 150, 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(0, 25, 50, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(0, 25, 50, 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(49, 122, 90, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(49, 122, 90, var(--bs-link-underline-opacity, 1)) !important; } .bg-lime { --bs-bg-opacity: 1; background-color: rgba(var(--bs-lime-rgb), var(--bs-bg-opacity)) !important; } .text-lime { --bs-text-opacity: 1; color: rgba(var(--bs-lime-rgb), var(--bs-text-opacity)) !important; } .border-lime { --bs-border-opacity: 1; border-color: rgba(var(--bs-lime-rgb), var(--bs-border-opacity)) !important; } .text-bg-lime { color: #1f2d3d !important; background-color: RGBA(var(--bs-lime-rgb), var(--bs-bg-opacity, 1)) !important; } .link-lime { color: RGBA(var(--bs-lime-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-lime-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-lime:hover, .link-lime:focus { color: RGBA(1, 204, 90, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(1, 204, 90, 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(192, 14, 152, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(192, 14, 152, var(--bs-link-underline-opacity, 1)) !important; } .bg-maroon { --bs-bg-opacity: 1; background-color: rgba(var(--bs-maroon-rgb), var(--bs-bg-opacity)) !important; } .text-maroon { --bs-text-opacity: 1; color: rgba(var(--bs-maroon-rgb), var(--bs-text-opacity)) !important; } .border-maroon { --bs-border-opacity: 1; border-color: rgba(var(--bs-maroon-rgb), var(--bs-border-opacity)) !important; } .text-bg-maroon { color: #fff !important; background-color: RGBA(var(--bs-maroon-rgb), var(--bs-bg-opacity, 1)) !important; } .link-maroon { color: RGBA(var(--bs-maroon-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-maroon-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-maroon:hover, .link-maroon:focus { color: RGBA(173, 22, 77, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(173, 22, 77, var(--bs-link-underline-opacity, 1)) !important; } .bg-blue { --bs-bg-opacity: 1; background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important; } .text-blue { --bs-text-opacity: 1; color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important; } .border-blue { --bs-border-opacity: 1; border-color: rgba(var(--bs-blue-rgb), var(--bs-border-opacity)) !important; } .text-bg-blue { color: #fff !important; background-color: RGBA(var(--bs-blue-rgb), var(--bs-bg-opacity, 1)) !important; } .link-blue { color: RGBA(var(--bs-blue-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-blue-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-blue:hover, .link-blue:focus { color: RGBA(0, 98, 204, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(0, 98, 204, 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(82, 13, 194, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(82, 13, 194, var(--bs-link-underline-opacity, 1)) !important; } .bg-purple { --bs-bg-opacity: 1; background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important; } .text-purple { --bs-text-opacity: 1; color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important; } .border-purple { --bs-border-opacity: 1; border-color: rgba(var(--bs-purple-rgb), var(--bs-border-opacity)) !important; } .text-bg-purple { color: #fff !important; background-color: RGBA(var(--bs-purple-rgb), var(--bs-bg-opacity, 1)) !important; } .link-purple { color: RGBA(var(--bs-purple-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-purple-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-purple:hover, .link-purple:focus { color: RGBA(89, 53, 154, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(89, 53, 154, 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(186, 50, 112, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(186, 50, 112, var(--bs-link-underline-opacity, 1)) !important; } .bg-red { --bs-bg-opacity: 1; background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important; } .text-red { --bs-text-opacity: 1; color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important; } .border-red { --bs-border-opacity: 1; border-color: rgba(var(--bs-red-rgb), var(--bs-border-opacity)) !important; } .text-bg-red { color: #fff !important; background-color: RGBA(var(--bs-red-rgb), var(--bs-bg-opacity, 1)) !important; } .link-red { color: RGBA(var(--bs-red-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-red-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-red:hover, .link-red:focus { color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; } .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: #1f2d3d !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(202, 101, 16, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(202, 101, 16, var(--bs-link-underline-opacity, 1)) !important; } .bg-yellow { --bs-bg-opacity: 1; background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important; } .text-yellow { --bs-text-opacity: 1; color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important; } .border-yellow { --bs-border-opacity: 1; border-color: rgba(var(--bs-yellow-rgb), var(--bs-border-opacity)) !important; } .text-bg-yellow { color: #1f2d3d !important; background-color: RGBA(var(--bs-yellow-rgb), var(--bs-bg-opacity, 1)) !important; } .link-yellow { color: RGBA(var(--bs-yellow-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-yellow-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-yellow:hover, .link-yellow:focus { color: RGBA(204, 154, 6, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(204, 154, 6, var(--bs-link-underline-opacity, 1)) !important; } .bg-green { --bs-bg-opacity: 1; background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important; } .text-green { --bs-text-opacity: 1; color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important; } .border-green { --bs-border-opacity: 1; border-color: rgba(var(--bs-green-rgb), var(--bs-border-opacity)) !important; } .text-bg-green { color: #fff !important; background-color: RGBA(var(--bs-green-rgb), var(--bs-bg-opacity, 1)) !important; } .link-green { color: RGBA(var(--bs-green-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-green-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-green:hover, .link-green:focus { color: RGBA(32, 134, 55, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(32, 134, 55, 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(26, 161, 121, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 161, 121, var(--bs-link-underline-opacity, 1)) !important; } .bg-cyan { --bs-bg-opacity: 1; background-color: rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity)) !important; } .text-cyan { --bs-text-opacity: 1; color: rgba(var(--bs-cyan-rgb), var(--bs-text-opacity)) !important; } .border-cyan { --bs-border-opacity: 1; border-color: rgba(var(--bs-cyan-rgb), var(--bs-border-opacity)) !important; } .text-bg-cyan { color: #fff !important; background-color: RGBA(var(--bs-cyan-rgb), var(--bs-bg-opacity, 1)) !important; } .link-cyan { color: RGBA(var(--bs-cyan-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-cyan-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-cyan:hover, .link-cyan:focus { color: RGBA(18, 130, 147, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(18, 130, 147, var(--bs-link-underline-opacity, 1)) !important; } .bg-gray { --bs-bg-opacity: 1; background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important; } .text-gray { --bs-text-opacity: 1; color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important; } .border-gray { --bs-border-opacity: 1; border-color: rgba(var(--bs-gray-rgb), var(--bs-border-opacity)) !important; } .text-bg-gray { color: #fff !important; background-color: RGBA(var(--bs-gray-rgb), var(--bs-bg-opacity, 1)) !important; } .link-gray { color: RGBA(var(--bs-gray-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-gray-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-gray:hover, .link-gray:focus { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; } .bg-gray-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-gray-dark-rgb), var(--bs-bg-opacity)) !important; } .text-gray-dark { --bs-text-opacity: 1; color: rgba(var(--bs-gray-dark-rgb), var(--bs-text-opacity)) !important; } .border-gray-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-gray-dark-rgb), var(--bs-border-opacity)) !important; } .text-bg-gray-dark { color: #fff !important; background-color: RGBA(var(--bs-gray-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .link-gray-dark { color: RGBA(var(--bs-gray-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-gray-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-gray-dark:hover, .link-gray-dark:focus { color: RGBA(42, 46, 51, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(42, 46, 51, 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: #fff !important; background-color: #0dcaf0 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-warning { color: #1f2d3d !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: #1f2d3d !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-lightblue { color: #fff !important; background-color: #3c8dbc !important; background-image: var(--bs-gradient) !important; } .bg-gradient-navy { color: #fff !important; background-color: #001f3f !important; background-image: var(--bs-gradient) !important; } .bg-gradient-olive { color: #fff !important; background-color: #3d9970 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-lime { color: #1f2d3d !important; background-color: #01ff70 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-fuchsia { color: #fff !important; background-color: #f012be !important; background-image: var(--bs-gradient) !important; } .bg-gradient-maroon { color: #fff !important; background-color: #d81b60 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-blue { color: #fff !important; background-color: #007bff !important; background-image: var(--bs-gradient) !important; } .bg-gradient-indigo { color: #fff !important; background-color: #6610f2 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-purple { color: #fff !important; background-color: #6f42c1 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-pink { color: #fff !important; background-color: #e83e8c !important; background-image: var(--bs-gradient) !important; } .bg-gradient-red { color: #fff !important; background-color: #dc3545 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-orange { color: #1f2d3d !important; background-color: #fd7e14 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-yellow { color: #1f2d3d !important; background-color: #ffc107 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-green { color: #fff !important; background-color: #28a745 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-teal { color: #fff !important; background-color: #20c997 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-cyan { color: #fff !important; background-color: #17a2b8 !important; background-image: var(--bs-gradient) !important; } .bg-gradient-gray { color: #fff !important; background-color: #6c757d !important; background-image: var(--bs-gradient) !important; } .bg-gradient-gray-dark { color: #fff !important; background-color: #343a40 !important; background-image: var(--bs-gradient) !important; } .card-lightblue, .bg-lightblue, .text-bg-lightblue { --lte-card-variant-bg: #3c8dbc; --lte-card-variant-bg-rgb: 60, 141, 188; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-navy, .bg-navy, .text-bg-navy { --lte-card-variant-bg: #001f3f; --lte-card-variant-bg-rgb: 0, 31, 63; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-olive, .bg-olive, .text-bg-olive { --lte-card-variant-bg: #3d9970; --lte-card-variant-bg-rgb: 61, 153, 112; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-lime, .bg-lime, .text-bg-lime { --lte-card-variant-bg: #01ff70; --lte-card-variant-bg-rgb: 1, 255, 112; --lte-card-variant-color: #1f2d3d; --lte-card-variant-color-rgb: 31, 45, 61; } .card-fuchsia, .bg-fuchsia, .text-bg-fuchsia { --lte-card-variant-bg: #f012be; --lte-card-variant-bg-rgb: 240, 18, 190; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-maroon, .bg-maroon, .text-bg-maroon { --lte-card-variant-bg: #d81b60; --lte-card-variant-bg-rgb: 216, 27, 96; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-blue, .bg-blue, .text-bg-blue { --lte-card-variant-bg: #007bff; --lte-card-variant-bg-rgb: 0, 123, 255; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-indigo, .bg-indigo, .text-bg-indigo { --lte-card-variant-bg: #6610f2; --lte-card-variant-bg-rgb: 102, 16, 242; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-purple, .bg-purple, .text-bg-purple { --lte-card-variant-bg: #6f42c1; --lte-card-variant-bg-rgb: 111, 66, 193; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-pink, .bg-pink, .text-bg-pink { --lte-card-variant-bg: #e83e8c; --lte-card-variant-bg-rgb: 232, 62, 140; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-red, .bg-red, .text-bg-red { --lte-card-variant-bg: #dc3545; --lte-card-variant-bg-rgb: 220, 53, 69; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-orange, .bg-orange, .text-bg-orange { --lte-card-variant-bg: #fd7e14; --lte-card-variant-bg-rgb: 253, 126, 20; --lte-card-variant-color: #1f2d3d; --lte-card-variant-color-rgb: 31, 45, 61; } .card-yellow, .bg-yellow, .text-bg-yellow { --lte-card-variant-bg: #ffc107; --lte-card-variant-bg-rgb: 255, 193, 7; --lte-card-variant-color: #1f2d3d; --lte-card-variant-color-rgb: 31, 45, 61; } .card-green, .bg-green, .text-bg-green { --lte-card-variant-bg: #28a745; --lte-card-variant-bg-rgb: 40, 167, 69; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-teal, .bg-teal, .text-bg-teal { --lte-card-variant-bg: #20c997; --lte-card-variant-bg-rgb: 32, 201, 151; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-cyan, .bg-cyan, .text-bg-cyan { --lte-card-variant-bg: #17a2b8; --lte-card-variant-bg-rgb: 23, 162, 184; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-gray, .bg-gray, .text-bg-gray { --lte-card-variant-bg: #6c757d; --lte-card-variant-bg-rgb: 108, 117, 125; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .card-gray-dark, .bg-gray-dark, .text-bg-gray-dark { --lte-card-variant-bg: #343a40; --lte-card-variant-bg-rgb: 52, 58, 64; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .callout-lightblue { --lte-callout-color: var(--bs-lightblue-text-emphasis); --lte-callout-bg: var(--bs-lightblue-bg-subtle); --lte-callout-border: var(--bs-lightblue-border-subtle); --lte-callout-link: var(--bs-lightblue-text-emphasis); --lte-callout-code-color: var(--bs-lightblue-text-emphasis); --bs-callout-link-color: var(--bs-lightblue-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-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-lime { --lte-callout-color: var(--bs-lime-text-emphasis); --lte-callout-bg: var(--bs-lime-bg-subtle); --lte-callout-border: var(--bs-lime-border-subtle); --lte-callout-link: var(--bs-lime-text-emphasis); --lte-callout-code-color: var(--bs-lime-text-emphasis); --bs-callout-link-color: var(--bs-lime-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-maroon { --lte-callout-color: var(--bs-maroon-text-emphasis); --lte-callout-bg: var(--bs-maroon-bg-subtle); --lte-callout-border: var(--bs-maroon-border-subtle); --lte-callout-link: var(--bs-maroon-text-emphasis); --lte-callout-code-color: var(--bs-maroon-text-emphasis); --bs-callout-link-color: var(--bs-maroon-text-emphasis); } .callout-blue { --lte-callout-color: var(--bs-blue-text-emphasis); --lte-callout-bg: var(--bs-blue-bg-subtle); --lte-callout-border: var(--bs-blue-border-subtle); --lte-callout-link: var(--bs-blue-text-emphasis); --lte-callout-code-color: var(--bs-blue-text-emphasis); --bs-callout-link-color: var(--bs-blue-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-purple { --lte-callout-color: var(--bs-purple-text-emphasis); --lte-callout-bg: var(--bs-purple-bg-subtle); --lte-callout-border: var(--bs-purple-border-subtle); --lte-callout-link: var(--bs-purple-text-emphasis); --lte-callout-code-color: var(--bs-purple-text-emphasis); --bs-callout-link-color: var(--bs-purple-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-red { --lte-callout-color: var(--bs-red-text-emphasis); --lte-callout-bg: var(--bs-red-bg-subtle); --lte-callout-border: var(--bs-red-border-subtle); --lte-callout-link: var(--bs-red-text-emphasis); --lte-callout-code-color: var(--bs-red-text-emphasis); --bs-callout-link-color: var(--bs-red-text-emphasis); } .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-yellow { --lte-callout-color: var(--bs-yellow-text-emphasis); --lte-callout-bg: var(--bs-yellow-bg-subtle); --lte-callout-border: var(--bs-yellow-border-subtle); --lte-callout-link: var(--bs-yellow-text-emphasis); --lte-callout-code-color: var(--bs-yellow-text-emphasis); --bs-callout-link-color: var(--bs-yellow-text-emphasis); } .callout-green { --lte-callout-color: var(--bs-green-text-emphasis); --lte-callout-bg: var(--bs-green-bg-subtle); --lte-callout-border: var(--bs-green-border-subtle); --lte-callout-link: var(--bs-green-text-emphasis); --lte-callout-code-color: var(--bs-green-text-emphasis); --bs-callout-link-color: var(--bs-green-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-cyan { --lte-callout-color: var(--bs-cyan-text-emphasis); --lte-callout-bg: var(--bs-cyan-bg-subtle); --lte-callout-border: var(--bs-cyan-border-subtle); --lte-callout-link: var(--bs-cyan-text-emphasis); --lte-callout-code-color: var(--bs-cyan-text-emphasis); --bs-callout-link-color: var(--bs-cyan-text-emphasis); } .callout-gray { --lte-callout-color: var(--bs-gray-text-emphasis); --lte-callout-bg: var(--bs-gray-bg-subtle); --lte-callout-border: var(--bs-gray-border-subtle); --lte-callout-link: var(--bs-gray-text-emphasis); --lte-callout-code-color: var(--bs-gray-text-emphasis); --bs-callout-link-color: var(--bs-gray-text-emphasis); } .callout-gray-dark { --lte-callout-color: var(--bs-gray-dark-text-emphasis); --lte-callout-bg: var(--bs-gray-dark-bg-subtle); --lte-callout-border: var(--bs-gray-dark-border-subtle); --lte-callout-link: var(--bs-gray-dark-text-emphasis); --lte-callout-code-color: var(--bs-gray-dark-text-emphasis); --bs-callout-link-color: var(--bs-gray-dark-text-emphasis); } .direct-chat-lightblue { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #3c8dbc; } .direct-chat-navy { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #001f3f; } .direct-chat-olive { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #3d9970; } .direct-chat-lime { --lte-direct-chat-color: #1f2d3d; --lte-direct-chat-bg: #01ff70; } .direct-chat-fuchsia { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #f012be; } .direct-chat-maroon { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #d81b60; } .direct-chat-blue { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #007bff; } .direct-chat-indigo { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #6610f2; } .direct-chat-purple { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #6f42c1; } .direct-chat-pink { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #e83e8c; } .direct-chat-red { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #dc3545; } .direct-chat-orange { --lte-direct-chat-color: #1f2d3d; --lte-direct-chat-bg: #fd7e14; } .direct-chat-yellow { --lte-direct-chat-color: #1f2d3d; --lte-direct-chat-bg: #ffc107; } .direct-chat-green { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #28a745; } .direct-chat-teal { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #20c997; } .direct-chat-cyan { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #17a2b8; } .direct-chat-gray { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #6c757d; } .direct-chat-gray-dark { --lte-direct-chat-color: #fff; --lte-direct-chat-bg: #343a40; } .btn.bg-lightblue:hover, .btn.bg-lightblue:focus-visible, .btn.text-bg-lightblue:hover, .btn.text-bg-lightblue:focus-visible, .btn.bg-gradient-lightblue:hover, .btn.bg-gradient-lightblue:focus-visible { background-color: #367fa9 !important; } .btn.bg-lightblue:active, .btn.bg-lightblue.active, .btn.text-bg-lightblue:active, .btn.text-bg-lightblue.active, .btn.bg-gradient-lightblue:active, .btn.bg-gradient-lightblue.active { background-color: #3378a0 !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: #001c39 !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: #001a36 !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: #378a65 !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: #34825f !important; } .btn.bg-lime:hover, .btn.bg-lime:focus-visible, .btn.text-bg-lime:hover, .btn.text-bg-lime:focus-visible, .btn.bg-gradient-lime:hover, .btn.bg-gradient-lime:focus-visible { background-color: #01e665 !important; } .btn.bg-lime:active, .btn.bg-lime.active, .btn.text-bg-lime:active, .btn.text-bg-lime.active, .btn.bg-gradient-lime:active, .btn.bg-gradient-lime.active { background-color: #01d95f !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: #d810ab !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: #cc0fa2 !important; } .btn.bg-maroon:hover, .btn.bg-maroon:focus-visible, .btn.text-bg-maroon:hover, .btn.text-bg-maroon:focus-visible, .btn.bg-gradient-maroon:hover, .btn.bg-gradient-maroon:focus-visible { background-color: #c21856 !important; } .btn.bg-maroon:active, .btn.bg-maroon.active, .btn.text-bg-maroon:active, .btn.text-bg-maroon.active, .btn.bg-gradient-maroon:active, .btn.bg-gradient-maroon.active { background-color: #b81752 !important; } .btn.bg-blue:hover, .btn.bg-blue:focus-visible, .btn.text-bg-blue:hover, .btn.text-bg-blue:focus-visible, .btn.bg-gradient-blue:hover, .btn.bg-gradient-blue:focus-visible { background-color: #006fe6 !important; } .btn.bg-blue:active, .btn.bg-blue.active, .btn.text-bg-blue:active, .btn.text-bg-blue.active, .btn.bg-gradient-blue:active, .btn.bg-gradient-blue.active { background-color: #0069d9 !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: #5c0eda !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: #570ece !important; } .btn.bg-purple:hover, .btn.bg-purple:focus-visible, .btn.text-bg-purple:hover, .btn.text-bg-purple:focus-visible, .btn.bg-gradient-purple:hover, .btn.bg-gradient-purple:focus-visible { background-color: #643bae !important; } .btn.bg-purple:active, .btn.bg-purple.active, .btn.text-bg-purple:active, .btn.text-bg-purple.active, .btn.bg-gradient-purple:active, .btn.bg-gradient-purple.active { background-color: #5e38a4 !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: #d1387e !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: #c53577 !important; } .btn.bg-red:hover, .btn.bg-red:focus-visible, .btn.text-bg-red:hover, .btn.text-bg-red:focus-visible, .btn.bg-gradient-red:hover, .btn.bg-gradient-red:focus-visible { background-color: #c6303e !important; } .btn.bg-red:active, .btn.bg-red.active, .btn.text-bg-red:active, .btn.text-bg-red.active, .btn.bg-gradient-red:active, .btn.bg-gradient-red.active { background-color: #bb2d3b !important; } .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: #e47112 !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: #d76b11 !important; } .btn.bg-yellow:hover, .btn.bg-yellow:focus-visible, .btn.text-bg-yellow:hover, .btn.text-bg-yellow:focus-visible, .btn.bg-gradient-yellow:hover, .btn.bg-gradient-yellow:focus-visible { background-color: #e6ae06 !important; } .btn.bg-yellow:active, .btn.bg-yellow.active, .btn.text-bg-yellow:active, .btn.text-bg-yellow.active, .btn.bg-gradient-yellow:active, .btn.bg-gradient-yellow.active { background-color: #d9a406 !important; } .btn.bg-green:hover, .btn.bg-green:focus-visible, .btn.text-bg-green:hover, .btn.text-bg-green:focus-visible, .btn.bg-gradient-green:hover, .btn.bg-gradient-green:focus-visible { background-color: #24963e !important; } .btn.bg-green:active, .btn.bg-green.active, .btn.text-bg-green:active, .btn.text-bg-green.active, .btn.bg-gradient-green:active, .btn.bg-gradient-green.active { background-color: #228e3b !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: #1db588 !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: #1bab80 !important; } .btn.bg-cyan:hover, .btn.bg-cyan:focus-visible, .btn.text-bg-cyan:hover, .btn.text-bg-cyan:focus-visible, .btn.bg-gradient-cyan:hover, .btn.bg-gradient-cyan:focus-visible { background-color: #1592a6 !important; } .btn.bg-cyan:active, .btn.bg-cyan.active, .btn.text-bg-cyan:active, .btn.text-bg-cyan.active, .btn.bg-gradient-cyan:active, .btn.bg-gradient-cyan.active { background-color: #148a9c !important; } .btn.bg-gray:hover, .btn.bg-gray:focus-visible, .btn.text-bg-gray:hover, .btn.text-bg-gray:focus-visible, .btn.bg-gradient-gray:hover, .btn.bg-gradient-gray:focus-visible { background-color: #616971 !important; } .btn.bg-gray:active, .btn.bg-gray.active, .btn.text-bg-gray:active, .btn.text-bg-gray.active, .btn.bg-gradient-gray:active, .btn.bg-gradient-gray.active { background-color: #5c636a !important; } .btn.bg-gray-dark:hover, .btn.bg-gray-dark:focus-visible, .btn.text-bg-gray-dark:hover, .btn.text-bg-gray-dark:focus-visible, .btn.bg-gradient-gray-dark:hover, .btn.bg-gradient-gray-dark:focus-visible { background-color: #2f343a !important; } .btn.bg-gray-dark:active, .btn.bg-gray-dark.active, .btn.text-bg-gray-dark:active, .btn.text-bg-gray-dark.active, .btn.bg-gradient-gray-dark:active, .btn.bg-gradient-gray-dark.active { background-color: #2c3136 !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: #0baccc; --lte-primary-hover-border: #0aa2c0; --lte-primary-active: #0aa2c0; --lte-primary-active-border: #0a98b4; } [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: #1f2d3d; --lte-primary-color-rgb: 31, 45, 61; } [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: #1f2d3d; --lte-primary-color-rgb: 31, 45, 61; } [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=lightblue] { --bs-primary: var(--bs-lightblue); --bs-primary-rgb: var(--bs-lightblue-rgb); --bs-primary-text-emphasis: var(--bs-lightblue-text-emphasis); --bs-primary-bg-subtle: var(--bs-lightblue-bg-subtle); --bs-primary-border-subtle: var(--bs-lightblue-border-subtle); --bs-link-color: var(--bs-lightblue); --bs-link-color-rgb: var(--bs-lightblue-rgb); --bs-link-hover-color: #307196; --bs-link-hover-color-rgb: 48, 113, 150; --lte-primary-hover: #3378a0; --lte-primary-hover-border: #307196; --lte-primary-active: #307196; --lte-primary-active-border: #2d6a8d; } [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: #001932; --bs-link-hover-color-rgb: 0, 25, 50; --lte-primary-hover: #001a36; --lte-primary-hover-border: #001932; --lte-primary-active: #001932; --lte-primary-active-border: #00172f; } [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: #317a5a; --bs-link-hover-color-rgb: 49, 122, 90; --lte-primary-hover: #34825f; --lte-primary-hover-border: #317a5a; --lte-primary-active: #317a5a; --lte-primary-active-border: #2e7354; } [data-lte-primary=lime] { --bs-primary: var(--bs-lime); --bs-primary-rgb: var(--bs-lime-rgb); --bs-primary-text-emphasis: var(--bs-lime-text-emphasis); --bs-primary-bg-subtle: var(--bs-lime-bg-subtle); --bs-primary-border-subtle: var(--bs-lime-border-subtle); --bs-link-color: var(--bs-lime); --bs-link-color-rgb: var(--bs-lime-rgb); --bs-link-hover-color: #01cc5a; --bs-link-hover-color-rgb: 1, 204, 90; --lte-primary-hover: #27ff85; --lte-primary-hover-border: #1aff7e; --lte-primary-active: #34ff8d; --lte-primary-active-border: #1aff7e; --lte-primary-color: #1f2d3d; --lte-primary-color-rgb: 31, 45, 61; } [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: #c00e98; --bs-link-hover-color-rgb: 192, 14, 152; --lte-primary-hover: #cc0fa2; --lte-primary-hover-border: #c00e98; --lte-primary-active: #c00e98; --lte-primary-active-border: #b40e8f; } [data-lte-primary=maroon] { --bs-primary: var(--bs-maroon); --bs-primary-rgb: var(--bs-maroon-rgb); --bs-primary-text-emphasis: var(--bs-maroon-text-emphasis); --bs-primary-bg-subtle: var(--bs-maroon-bg-subtle); --bs-primary-border-subtle: var(--bs-maroon-border-subtle); --bs-link-color: var(--bs-maroon); --bs-link-color-rgb: var(--bs-maroon-rgb); --bs-link-hover-color: #ad164d; --bs-link-hover-color-rgb: 173, 22, 77; --lte-primary-hover: #b81752; --lte-primary-hover-border: #ad164d; --lte-primary-active: #ad164d; --lte-primary-active-border: #a21448; } [data-lte-primary=blue] { --bs-primary: var(--bs-blue); --bs-primary-rgb: var(--bs-blue-rgb); --bs-primary-text-emphasis: var(--bs-blue-text-emphasis); --bs-primary-bg-subtle: var(--bs-blue-bg-subtle); --bs-primary-border-subtle: var(--bs-blue-border-subtle); --bs-link-color: var(--bs-blue); --bs-link-color-rgb: var(--bs-blue-rgb); --bs-link-hover-color: #0062cc; --bs-link-hover-color-rgb: 0, 98, 204; --lte-primary-hover: #0069d9; --lte-primary-hover-border: #0062cc; --lte-primary-active: #0062cc; --lte-primary-active-border: #005cbf; } [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: #520dc2; --bs-link-hover-color-rgb: 82, 13, 194; --lte-primary-hover: #570ece; --lte-primary-hover-border: #520dc2; --lte-primary-active: #520dc2; --lte-primary-active-border: #4d0cb6; } [data-lte-primary=purple] { --bs-primary: var(--bs-purple); --bs-primary-rgb: var(--bs-purple-rgb); --bs-primary-text-emphasis: var(--bs-purple-text-emphasis); --bs-primary-bg-subtle: var(--bs-purple-bg-subtle); --bs-primary-border-subtle: var(--bs-purple-border-subtle); --bs-link-color: var(--bs-purple); --bs-link-color-rgb: var(--bs-purple-rgb); --bs-link-hover-color: #59359a; --bs-link-hover-color-rgb: 89, 53, 154; --lte-primary-hover: #5e38a4; --lte-primary-hover-border: #59359a; --lte-primary-active: #59359a; --lte-primary-active-border: #533291; } [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: #ba3270; --bs-link-hover-color-rgb: 186, 50, 112; --lte-primary-hover: #c53577; --lte-primary-hover-border: #ba3270; --lte-primary-active: #ba3270; --lte-primary-active-border: #ae2f69; } [data-lte-primary=red] { --bs-primary: var(--bs-red); --bs-primary-rgb: var(--bs-red-rgb); --bs-primary-text-emphasis: var(--bs-red-text-emphasis); --bs-primary-bg-subtle: var(--bs-red-bg-subtle); --bs-primary-border-subtle: var(--bs-red-border-subtle); --bs-link-color: var(--bs-red); --bs-link-color-rgb: var(--bs-red-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=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: #ca6510; --bs-link-hover-color-rgb: 202, 101, 16; --lte-primary-hover: #fd9137; --lte-primary-hover-border: #fd8b2b; --lte-primary-active: #fd9843; --lte-primary-active-border: #fd8b2b; --lte-primary-color: #1f2d3d; --lte-primary-color-rgb: 31, 45, 61; } [data-lte-primary=yellow] { --bs-primary: var(--bs-yellow); --bs-primary-rgb: var(--bs-yellow-rgb); --bs-primary-text-emphasis: var(--bs-yellow-text-emphasis); --bs-primary-bg-subtle: var(--bs-yellow-bg-subtle); --bs-primary-border-subtle: var(--bs-yellow-border-subtle); --bs-link-color: var(--bs-yellow); --bs-link-color-rgb: var(--bs-yellow-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: #1f2d3d; --lte-primary-color-rgb: 31, 45, 61; } [data-lte-primary=green] { --bs-primary: var(--bs-green); --bs-primary-rgb: var(--bs-green-rgb); --bs-primary-text-emphasis: var(--bs-green-text-emphasis); --bs-primary-bg-subtle: var(--bs-green-bg-subtle); --bs-primary-border-subtle: var(--bs-green-border-subtle); --bs-link-color: var(--bs-green); --bs-link-color-rgb: var(--bs-green-rgb); --bs-link-hover-color: #208637; --bs-link-hover-color-rgb: 32, 134, 55; --lte-primary-hover: #228e3b; --lte-primary-hover-border: #208637; --lte-primary-active: #208637; --lte-primary-active-border: #1e7d34; } [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: #1aa179; --bs-link-hover-color-rgb: 26, 161, 121; --lte-primary-hover: #1bab80; --lte-primary-hover-border: #1aa179; --lte-primary-active: #1aa179; --lte-primary-active-border: #189771; } [data-lte-primary=cyan] { --bs-primary: var(--bs-cyan); --bs-primary-rgb: var(--bs-cyan-rgb); --bs-primary-text-emphasis: var(--bs-cyan-text-emphasis); --bs-primary-bg-subtle: var(--bs-cyan-bg-subtle); --bs-primary-border-subtle: var(--bs-cyan-border-subtle); --bs-link-color: var(--bs-cyan); --bs-link-color-rgb: var(--bs-cyan-rgb); --bs-link-hover-color: #128293; --bs-link-hover-color-rgb: 18, 130, 147; --lte-primary-hover: #148a9c; --lte-primary-hover-border: #128293; --lte-primary-active: #128293; --lte-primary-active-border: #117a8a; } [data-lte-primary=gray] { --bs-primary: var(--bs-gray); --bs-primary-rgb: var(--bs-gray-rgb); --bs-primary-text-emphasis: var(--bs-gray-text-emphasis); --bs-primary-bg-subtle: var(--bs-gray-bg-subtle); --bs-primary-border-subtle: var(--bs-gray-border-subtle); --bs-link-color: var(--bs-gray); --bs-link-color-rgb: var(--bs-gray-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=gray-dark] { --bs-primary: var(--bs-gray-dark); --bs-primary-rgb: var(--bs-gray-dark-rgb); --bs-primary-text-emphasis: var(--bs-gray-dark-text-emphasis); --bs-primary-bg-subtle: var(--bs-gray-dark-bg-subtle); --bs-primary-border-subtle: var(--bs-gray-dark-border-subtle); --bs-link-color: var(--bs-gray-dark); --bs-link-color-rgb: var(--bs-gray-dark-rgb); --bs-link-hover-color: #2a2e33; --bs-link-hover-color-rgb: 42, 46, 51; --lte-primary-hover: #2c3136; --lte-primary-hover-border: #2a2e33; --lte-primary-active: #2a2e33; --lte-primary-active-border: #272c30; } [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=lightblue], [data-bs-theme=dark] [data-lte-primary=lightblue] { --bs-link-color: #8abbd7; --bs-link-color-rgb: 138, 187, 215; --bs-link-hover-color: #a1c8df; --bs-link-hover-color-rgb: 161, 200, 223; } [data-bs-theme=dark][data-lte-primary=navy], [data-bs-theme=dark] [data-lte-primary=navy] { --bs-link-color: #66798c; --bs-link-color-rgb: 102, 121, 140; --bs-link-hover-color: #8593a3; --bs-link-hover-color-rgb: 133, 147, 163; } [data-bs-theme=dark][data-lte-primary=olive], [data-bs-theme=dark] [data-lte-primary=olive] { --bs-link-color: #8bc2a9; --bs-link-color-rgb: 139, 194, 169; --bs-link-hover-color: #a2ceba; --bs-link-hover-color-rgb: 162, 206, 186; } [data-bs-theme=dark][data-lte-primary=lime], [data-bs-theme=dark] [data-lte-primary=lime] { --bs-link-color: #67ffa9; --bs-link-color-rgb: 103, 255, 169; --bs-link-hover-color: #85ffba; --bs-link-hover-color-rgb: 133, 255, 186; } [data-bs-theme=dark][data-lte-primary=fuchsia], [data-bs-theme=dark] [data-lte-primary=fuchsia] { --bs-link-color: #f671d8; --bs-link-color-rgb: 246, 113, 216; --bs-link-hover-color: #f88de0; --bs-link-hover-color-rgb: 248, 141, 224; } [data-bs-theme=dark][data-lte-primary=maroon], [data-bs-theme=dark] [data-lte-primary=maroon] { --bs-link-color: #e876a0; --bs-link-color-rgb: 232, 118, 160; --bs-link-hover-color: #ec92b3; --bs-link-hover-color-rgb: 236, 146, 179; } [data-bs-theme=dark][data-lte-primary=blue], [data-bs-theme=dark] [data-lte-primary=blue] { --bs-link-color: #66b0ff; --bs-link-color-rgb: 102, 176, 255; --bs-link-hover-color: #85c0ff; --bs-link-hover-color-rgb: 133, 192, 255; } [data-bs-theme=dark][data-lte-primary=indigo], [data-bs-theme=dark] [data-lte-primary=indigo] { --bs-link-color: #a370f7; --bs-link-color-rgb: 163, 112, 247; --bs-link-hover-color: #b68cf9; --bs-link-hover-color-rgb: 182, 140, 249; } [data-bs-theme=dark][data-lte-primary=purple], [data-bs-theme=dark] [data-lte-primary=purple] { --bs-link-color: #a98eda; --bs-link-color-rgb: 169, 142, 218; --bs-link-hover-color: #baa4e1; --bs-link-hover-color-rgb: 186, 164, 225; } [data-bs-theme=dark][data-lte-primary=pink], [data-bs-theme=dark] [data-lte-primary=pink] { --bs-link-color: #f18bba; --bs-link-color-rgb: 241, 139, 186; --bs-link-hover-color: #f4a2c8; --bs-link-hover-color-rgb: 244, 162, 200; } [data-bs-theme=dark][data-lte-primary=red], [data-bs-theme=dark] [data-lte-primary=red] { --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=orange], [data-bs-theme=dark] [data-lte-primary=orange] { --bs-link-color: #feb272; --bs-link-color-rgb: 254, 178, 114; --bs-link-hover-color: #fec18e; --bs-link-hover-color-rgb: 254, 193, 142; } [data-bs-theme=dark][data-lte-primary=yellow], [data-bs-theme=dark] [data-lte-primary=yellow] { --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=green], [data-bs-theme=dark] [data-lte-primary=green] { --bs-link-color: #7eca8f; --bs-link-color-rgb: 126, 202, 143; --bs-link-hover-color: #98d5a6; --bs-link-hover-color-rgb: 152, 213, 166; } [data-bs-theme=dark][data-lte-primary=teal], [data-bs-theme=dark] [data-lte-primary=teal] { --bs-link-color: #79dfc1; --bs-link-color-rgb: 121, 223, 193; --bs-link-hover-color: #94e5cd; --bs-link-hover-color-rgb: 148, 229, 205; } [data-bs-theme=dark][data-lte-primary=cyan], [data-bs-theme=dark] [data-lte-primary=cyan] { --bs-link-color: #74c7d4; --bs-link-color-rgb: 116, 199, 212; --bs-link-hover-color: #90d2dd; --bs-link-hover-color-rgb: 144, 210, 221; } [data-bs-theme=dark][data-lte-primary=gray], [data-bs-theme=dark] [data-lte-primary=gray] { --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=gray-dark], [data-bs-theme=dark] [data-lte-primary=gray-dark] { --bs-link-color: #85898c; --bs-link-color-rgb: 133, 137, 140; --bs-link-hover-color: #9ea0a3; --bs-link-hover-color-rgb: 158, 160, 163; } /* 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 $pagination-focus-box-shadow-width rgba(var(--bs-primary-rgb), 0.25); } [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); }