:root { --bs-border-width:1px; --bs-border-style:solid; --bs-border-color:#737373; --bs-border-color-translucent:rgba(255, 255, 255, 0.15); --bs-border-radius:0.375rem; --bs-border-radius-sm:0.25rem; --bs-border-radius-lg:0.5rem; --bs-border-radius-xl:1rem; --bs-border-radius-xxl:2rem; --bs-border-radius-pill:50rem; --bs-light-border-subtle:#495057; --bs-dark-border-subtle:#333333; --main-bs:#446E9B; --main-dk:#385A7F; --main-dkr:#2D4A69; --main-lig:#5E86B0; --bs-primary-border-subtle:#7CAAD9; --sec-bs:#777777; --sec-dk:#5D5D5D; --sec-dkr:#444444; --sec-lig:#999999; --bs-secondary-border-subtle:#5C5C5C; --succ-bs:#78C22A; --succ-dk:#2E921A; --succ-dkr:#227213; --succ-lig:#4FCC33; --bs-success-border-subtle:#246D14; --dang-bs:#CD0200; --dang-dk:#A90200; --dang-dkr:#8A0100; --dang-lig:#F41310; --bs-danger-border-subtle:#7B0100; --warn-bs:#FEB204; --warn-dk:#FF8503; --warn-dkr:#D53600; --warn-lig:#FFBF00; --bs-warning-border-subtle:#C78500; --info-bs:#3399F3; --info-dk:#117BE0; --info-dkr:#0B66BC; --info-lig:#5DB1FF; --bs-info-border-subtle:#1F5C92; --light-bs:#EEEEEE; --light-dk:#DDDDDD; --light-dkr:#CCCCCC; --light-lig:#F8F9FA; --dark-bs:#333333; --dark-dk:#2D2D2D; --dark-dkr:#222222; --dark-lig:#555555; --nav-bs:#0F79A1; --nav-hov:#1A95C3; --nav-act:#085C7C; --nav-acc:#57C3EE; --btn-borderW:1px; --btn-shadow:0 1px 3px rgba(0, 0, 0, 0.15); --btn-shadowHov:0 3px 6px rgba(0, 0, 0, 0.2); --bs-pagination-bg:#1A2332; --bs-pagination-border-color:#2D3748; --bs-pagination-color:#E2E8F0; --bs-pagination-hover-bg:#2D3748; --bs-pagination-hover-border-color:#4A5568; --bs-pagination-hover-color:#FFFFFF; --bs-pagination-active-bg:#3182CE; --bs-pagination-active-border-color:#3182CE; --bs-pagination-active-color:#FFFFFF; --bs-pagination-disabled-bg:#1A2332; --bs-pagination-disabled-border-color:#2D3748; --bs-pagination-disabled-color:#718096; --bs-pagination-focus-box-shadow:0 0 0 0.2rem rgba(49, 130, 206, 0.25); --shadow-box-white:0 0px 2px rgba(255, 255, 255, 0.67); }

.txt-c { text-align: center; }

.w-10 { width: 10%; }

.tag.w-10 { width: 10% !important; overflow: hidden !important; }

.w-11 { width: 11%; }

.tag.w-11 { width: 11% !important; overflow: hidden !important; }

.w-12 { width: 12%; }

.tag.w-12 { width: 12% !important; overflow: hidden !important; }

.w-13 { width: 13%; }

.tag.w-13 { width: 13% !important; overflow: hidden !important; }

.w-14 { width: 14%; }

.tag.w-14 { width: 14% !important; overflow: hidden !important; }

.w-15 { width: 15%; }

.tag.w-15 { width: 15% !important; overflow: hidden !important; }

.w-16 { width: 16%; }

.tag.w-16 { width: 16% !important; overflow: hidden !important; }

.w-17 { width: 17%; }

.tag.w-17 { width: 17% !important; overflow: hidden !important; }

.w-18 { width: 18%; }

.tag.w-18 { width: 18% !important; overflow: hidden !important; }

.w-19 { width: 19%; }

.tag.w-19 { width: 19% !important; overflow: hidden !important; }

.w-20 { width: 20%; }

.tag.w-20 { width: 20% !important; overflow: hidden !important; }

.w-21 { width: 21%; }

.tag.w-21 { width: 21% !important; overflow: hidden !important; }

.w-22 { width: 22%; }

.tag.w-22 { width: 22% !important; overflow: hidden !important; }

.w-23 { width: 23%; }

.tag.w-23 { width: 23% !important; overflow: hidden !important; }

.w-24 { width: 24%; }

.tag.w-24 { width: 24% !important; overflow: hidden !important; }

.w-25 { width: 25%; }

.tag.w-25 { width: 25% !important; overflow: hidden !important; }

.w-26 { width: 26%; }

.tag.w-26 { width: 26% !important; overflow: hidden !important; }

.w-27 { width: 27%; }

.tag.w-27 { width: 27% !important; overflow: hidden !important; }

.w-28 { width: 28%; }

.tag.w-28 { width: 28% !important; overflow: hidden !important; }

.w-29 { width: 29%; }

.tag.w-29 { width: 29% !important; overflow: hidden !important; }

.w-30 { width: 30%; }

.tag.w-30 { width: 30% !important; overflow: hidden !important; }

.w-31 { width: 31%; }

.tag.w-31 { width: 31% !important; overflow: hidden !important; }

.w-32 { width: 32%; }

.tag.w-32 { width: 32% !important; overflow: hidden !important; }

.w-33 { width: 33%; }

.tag.w-33 { width: 33% !important; overflow: hidden !important; }

.w-34 { width: 34%; }

.tag.w-34 { width: 34% !important; overflow: hidden !important; }

.w-35 { width: 35%; }

.tag.w-35 { width: 35% !important; overflow: hidden !important; }

.w-36 { width: 36%; }

.tag.w-36 { width: 36% !important; overflow: hidden !important; }

.w-37 { width: 37%; }

.tag.w-37 { width: 37% !important; overflow: hidden !important; }

.w-38 { width: 38%; }

.tag.w-38 { width: 38% !important; overflow: hidden !important; }

.w-39 { width: 39%; }

.tag.w-39 { width: 39% !important; overflow: hidden !important; }

.w-40 { width: 40%; }

.tag.w-40 { width: 40% !important; overflow: hidden !important; }

.w-41 { width: 41%; }

.tag.w-41 { width: 41% !important; overflow: hidden !important; }

.w-42 { width: 42%; }

.tag.w-42 { width: 42% !important; overflow: hidden !important; }

.w-43 { width: 43%; }

.tag.w-43 { width: 43% !important; overflow: hidden !important; }

.w-44 { width: 44%; }

.tag.w-44 { width: 44% !important; overflow: hidden !important; }

.w-45 { width: 45%; }

.tag.w-45 { width: 45% !important; overflow: hidden !important; }

.w-46 { width: 46%; }

.tag.w-46 { width: 46% !important; overflow: hidden !important; }

.w-47 { width: 47%; }

.tag.w-47 { width: 47% !important; overflow: hidden !important; }

.w-48 { width: 48%; }

.tag.w-48 { width: 48% !important; overflow: hidden !important; }

.w-49 { width: 49%; }

.tag.w-49 { width: 49% !important; overflow: hidden !important; }

.w-50 { width: 50%; }

.tag.w-50 { width: 50% !important; overflow: hidden !important; }

.w-51 { width: 51%; }

.tag.w-51 { width: 51% !important; overflow: hidden !important; }

.w-52 { width: 52%; }

.tag.w-52 { width: 52% !important; overflow: hidden !important; }

.w-53 { width: 53%; }

.tag.w-53 { width: 53% !important; overflow: hidden !important; }

.w-54 { width: 54%; }

.tag.w-54 { width: 54% !important; overflow: hidden !important; }

.w-55 { width: 55%; }

.tag.w-55 { width: 55% !important; overflow: hidden !important; }

.w-56 { width: 56%; }

.tag.w-56 { width: 56% !important; overflow: hidden !important; }

.w-57 { width: 57%; }

.tag.w-57 { width: 57% !important; overflow: hidden !important; }

.w-58 { width: 58%; }

.tag.w-58 { width: 58% !important; overflow: hidden !important; }

.w-59 { width: 59%; }

.tag.w-59 { width: 59% !important; overflow: hidden !important; }

.w-60 { width: 60%; }

.tag.w-60 { width: 60% !important; overflow: hidden !important; }

.w-61 { width: 61%; }

.tag.w-61 { width: 61% !important; overflow: hidden !important; }

.w-62 { width: 62%; }

.tag.w-62 { width: 62% !important; overflow: hidden !important; }

.w-63 { width: 63%; }

.tag.w-63 { width: 63% !important; overflow: hidden !important; }

.w-64 { width: 64%; }

.tag.w-64 { width: 64% !important; overflow: hidden !important; }

.w-65 { width: 65%; }

.tag.w-65 { width: 65% !important; overflow: hidden !important; }

.w-66 { width: 66%; }

.tag.w-66 { width: 66% !important; overflow: hidden !important; }

.w-67 { width: 67%; }

.tag.w-67 { width: 67% !important; overflow: hidden !important; }

.w-68 { width: 68%; }

.tag.w-68 { width: 68% !important; overflow: hidden !important; }

.w-69 { width: 69%; }

.tag.w-69 { width: 69% !important; overflow: hidden !important; }

.w-70 { width: 70%; }

.tag.w-70 { width: 70% !important; overflow: hidden !important; }

.w-71 { width: 71%; }

.tag.w-71 { width: 71% !important; overflow: hidden !important; }

.w-72 { width: 72%; }

.tag.w-72 { width: 72% !important; overflow: hidden !important; }

.w-73 { width: 73%; }

.tag.w-73 { width: 73% !important; overflow: hidden !important; }

.w-74 { width: 74%; }

.tag.w-74 { width: 74% !important; overflow: hidden !important; }

.w-75 { width: 75%; }

.tag.w-75 { width: 75% !important; overflow: hidden !important; }

.w-76 { width: 76%; }

.tag.w-76 { width: 76% !important; overflow: hidden !important; }

.w-77 { width: 77%; }

.tag.w-77 { width: 77% !important; overflow: hidden !important; }

.w-78 { width: 78%; }

.tag.w-78 { width: 78% !important; overflow: hidden !important; }

.w-79 { width: 79%; }

.tag.w-79 { width: 79% !important; overflow: hidden !important; }

.w-80 { width: 80%; }

.tag.w-80 { width: 80% !important; overflow: hidden !important; }

.w-81 { width: 81%; }

.tag.w-81 { width: 81% !important; overflow: hidden !important; }

.w-82 { width: 82%; }

.tag.w-82 { width: 82% !important; overflow: hidden !important; }

.w-83 { width: 83%; }

.tag.w-83 { width: 83% !important; overflow: hidden !important; }

.w-84 { width: 84%; }

.tag.w-84 { width: 84% !important; overflow: hidden !important; }

.w-85 { width: 85%; }

.tag.w-85 { width: 85% !important; overflow: hidden !important; }

.w-86 { width: 86%; }

.tag.w-86 { width: 86% !important; overflow: hidden !important; }

.w-87 { width: 87%; }

.tag.w-87 { width: 87% !important; overflow: hidden !important; }

.w-88 { width: 88%; }

.tag.w-88 { width: 88% !important; overflow: hidden !important; }

.w-89 { width: 89%; }

.tag.w-89 { width: 89% !important; overflow: hidden !important; }

.w-90 { width: 90%; }

.tag.w-90 { width: 90% !important; overflow: hidden !important; }

.w-91 { width: 91%; }

.tag.w-91 { width: 91% !important; overflow: hidden !important; }

.w-92 { width: 92%; }

.tag.w-92 { width: 92% !important; overflow: hidden !important; }

.w-93 { width: 93%; }

.tag.w-93 { width: 93% !important; overflow: hidden !important; }

.w-94 { width: 94%; }

.tag.w-94 { width: 94% !important; overflow: hidden !important; }

.w-95 { width: 95%; }

.tag.w-95 { width: 95% !important; overflow: hidden !important; }

.w-96 { width: 96%; }

.tag.w-96 { width: 96% !important; overflow: hidden !important; }

.w-97 { width: 97%; }

.tag.w-97 { width: 97% !important; overflow: hidden !important; }

.w-98 { width: 98%; }

.tag.w-98 { width: 98% !important; overflow: hidden !important; }

.w-99 { width: 99%; }

.tag.w-99 { width: 99% !important; overflow: hidden !important; }

.w-100 { width: 100%; }

.tag.w-100 { width: 100% !important; overflow: hidden !important; }

ul { margin-bottom: 0; padding-left: 1rem; }

div .inline { display: inline-block; }

div .txt-AL { text-align: left; }

button { text-decoration: none; }

a { color: #5E9EFF; }

a:hover { color: #3772FF; }

.tooltip .tooltip-inner { background-color: #212121 !important; color: #E0E0E0 !important; max-width: 450px !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5) !important; border-radius: 6px !important; }

.form-check.sm .form-check-label { font-size: 12px; }

.form-check, .form-check-input, .form-label { margin: auto; padding: 0; }

.form-check, .form-check-input { display: inline-block; float: none !important; }

.form-check-input[type="checkbox"] { display: inline-block; vertical-align: sub; margin: auto 5px; width: 18px; height: 18px; }

.form-control, .form-select, .form-check-input, input, select, textarea { background-color: #2D4A69 !important; border: 1px solid #3CABD6 !important; color: #FFFFFF !important; box-shadow: 0 0 0 2px #FFFFFF22 !important; }

.form-control:focus, .form-select:focus, .form-check-input:focus, input:focus, select:focus, textarea:focus { background-color: #484848 !important; color: #FFFFFF !important; border-color: #4ACDFF !important; box-shadow: 0 0 0 0.25rem rgba(55, 114, 255, 0.25) !important; }

.Select-control, .Select-menu-outer, .Select-option, .DateInput, .DateInput_input { background-color: #333333 !important; border-color: #9B9B9B !important; color: #E0E0E0 !important; }

.Select-option.is-selected, .Select-option.is-focused { background-color: #444444 !important; }

.Select-value-label, .Select-placeholder, .Select-input > input { color: #E0E0E0 !important; }

select { box-shadow: var(--shadow-box-white); border: var(--info-lig) 3px solid; position: relative; }

select:disabled { opacity: 0.6; box-shadow: none !important; border: #CCC 1px dashed !important; }

.table { color: #FFFFFF !important; background-color: #3A3A3A !important; }

.table th { background-color: #303030 !important; border-color: var(--bs-border-color) !important; }

.table td { border-color: var(--bs-border-color) !important; }

.table tbody tr:hover { background-color: #484848 !important; }

.input-group-text { background-color: #212121 !important; border-color: var(--bs-border-color) !important; color: #A0A0A0 !important; }

.text-primary { color: var(--main-bs) !important; }

.text-secondary { color: var(--sec-bs) !important; }

.text-success { color: var(--succ-bs) !important; }

.text-danger { color: var(--dang-bs) !important; }

.text-warning { color: var(--warn-bs) !important; }

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

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

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

.text-muted { color: color-mix(in srgb, var(--dark-bs) 38%, white) !important; }

.text-white { color: #FFFFFF !important; }

.bg-primary { background-color: var(--main-bs) !important; }

.bg-secondary { background-color: var(--sec-bs) !important; }

.bg-success { background-color: var(--succ-bs) !important; }

.bg-danger { background-color: var(--dang-bs) !important; }

.bg-warning { background-color: var(--warn-bs) !important; }

.bg-info { background-color: var(--info-bs) !important; }

.bg-light { background-color: #303030 !important; }

.bg-dark { background-color: var(--dark-bs) !important; }

.bg-white { background-color: #3A3A3A !important; }

.btn-link { text-decoration: none; }

.btn { position: relative; border-radius: 6px; font-size: 1.3vw; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease, background-image 0.8s ease, background-color 0.8s ease; border: var(--btn-borderW) solid 1px; z-index: 1; box-shadow: var(--btn-shadow); color: var(--btn-text-color); }

.btn:hover { box-shadow: var(--btn-shadowHov); filter: brightness(115%); transition: all 0.2s ease-out, background-image 0.5s ease-in-out, background-color 0.5s ease-in-out; }

.btn:active, .btn:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; }

.btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; }

.btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; }

.btn-primary { background-color: var(--main-bs); border-color: color-mix(in srgb, var(--main-lig) 90%, white); border: color-mix(in srgb, var(--main-lig) 90%, white) 1px solid; color: var(--btn-dark-text-color); }

.btn-primary:hover, .btn-primary:focus { background-color: var(--main-dk); border-color: color-mix(in srgb, var(--main-lig) 70%, white); }

.btn-primary:active { background-color: var(--main-dkr); border-color: var(--main-lig); }

.btn-secondary { background-color: var(--sec-bs); border-color: color-mix(in srgb, var(--sec-lig) 90%, white); border: color-mix(in srgb, var(--sec-lig) 90%, white) 1px solid; color: var(--btn-text-color); }

.btn-secondary:hover, .btn-secondary:focus { background-color: var(--sec-dk); border-color: color-mix(in srgb, var(--sec-lig) 70%, white); }

.btn-secondary:active { background-color: var(--sec-dkr); border-color: var(--sec-lig); }

.btn-success { background-color: var(--succ-bs); border-color: color-mix(in srgb, var(--succ-lig) 90%, white); border: color-mix(in srgb, var(--succ-lig) 90%, white) 1px solid; color: var(--btn-dark-text-color); }

.btn-success:hover, .btn-success:focus { background-color: var(--succ-dk); border-color: color-mix(in srgb, var(--succ-lig) 70%, white); }

.btn-success:active { background-color: var(--succ-dkr); border-color: var(--succ-lig); }

.btn-info { background-color: var(--info-bs); border-color: color-mix(in srgb, var(--info-lig) 90%, white); border: color-mix(in srgb, var(--info-lig) 90%, white) 1px solid; color: var(--btn-dark-text-color); }

.btn-info:hover, .btn-info:focus { background-color: var(--info-dk); border-color: color-mix(in srgb, var(--info-lig) 70%, white); }

.btn-info:active { background-color: var(--info-dkr); border-color: var(--info-lig); }

.btn-warning { background-color: var(--warn-bs); border-color: color-mix(in srgb, var(--warn-lig) 90%, white); border: color-mix(in srgb, var(--warn-lig) 90%, white) 1px solid; color: var(--btn-light-text-color); }

.btn-warning:hover, .btn-warning:focus { background-color: var(--warn-dk); border-color: color-mix(in srgb, var(--warn-lig) 70%, white); }

.btn-warning:active { background-color: var(--warn-dkr); border-color: var(--warn-lig); }

.btn-danger { background-color: var(--dang-bs); border-color: color-mix(in srgb, var(--dang-lig) 90%, white); border: color-mix(in srgb, var(--dang-lig) 90%, white) 1px solid; color: var(--btn-dark-text-color); }

.btn-danger:hover, .btn-danger:focus { background-color: var(--dang-dk); border-color: color-mix(in srgb, var(--dang-lig) 70%, white); }

.btn-danger:active { background-color: var(--dang-dkr); border-color: var(--dang-lig); }

.btn-light { background-color: var(--light-bs); border-color: color-mix(in srgb, var(--light-lig) 90%, white); border: color-mix(in srgb, var(--light-lig) 90%, white) 1px solid; color: var(--btn-light-text-color); }

.btn-light:hover, .btn-light:focus { background-color: var(--light-dk); border-color: color-mix(in srgb, var(--light-lig) 70%, white); }

.btn-light:active { background-color: var(--light-dkr); border-color: var(--light-lig); }

.btn-dark { background-color: var(--dark-bs); border-color: color-mix(in srgb, var(--dark-lig) 90%, white); border: color-mix(in srgb, var(--dark-lig) 90%, white) 1px solid; color: var(--btn-dark-text-color); }

.btn-dark:hover, .btn-dark:focus { background-color: var(--dark-dk); border-color: color-mix(in srgb, var(--dark-lig) 70%, white); }

.btn-dark:active { background-color: var(--dark-dkr); border-color: var(--dark-lig); }

.btn-blue { background-color: var(--info-bs); border-color: color-mix(in srgb, var(--info-lig) 90%, white); border: color-mix(in srgb, var(--info-lig) 90%, white) 1px solid; color: white; }

.btn-blue:hover, .btn-blue:focus { background-color: var(--info-dk); border-color: color-mix(in srgb, var(--info-lig) 70%, white); }

.btn-blue:active { background-color: var(--info-dkr); border-color: var(--info-lig); }

.btn-blue:hover, .btn-blue:focus { color: white; }

.btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-danger, .btn-outline-warning, .btn-outline-info, .btn-outline-dark, .btn-outline-light { background: transparent; text-shadow: none; box-shadow: none; }

.btn-outline-primary:hover, .btn-outline-secondary:hover, .btn-outline-success:hover, .btn-outline-danger:hover, .btn-outline-warning:hover, .btn-outline-info:hover, .btn-outline-dark:hover, .btn-outline-light:hover { box-shadow: var(--btn-shadowHov); }

.btn-outline-primary { color: var(--main-bs); border-color: var(--main-bs); }

.btn-outline-primary:hover { background-color: var(--main-bs); color: white; }

.btn-outline-secondary { color: var(--sec-bs); border-color: var(--sec-bs); }

.btn-outline-secondary:hover { background-color: var(--sec-bs); color: white; }

.btn-outline-success { color: var(--succ-bs); border-color: var(--succ-bs); }

.btn-outline-success:hover { background-color: var(--succ-bs); color: white; }

.btn-outline-danger { color: var(--dang-bs); border-color: var(--dang-bs); }

.btn-outline-danger:hover { background-color: var(--dang-bs); color: white; }

.btn-outline-warning { color: var(--warn-bs); border-color: var(--warn-bs); }

.btn-outline-warning:hover { background-color: var(--warn-bs); color: white; }

.btn-outline-info { color: var(--info-bs); border-color: var(--info-bs); }

.btn-outline-info:hover { background-color: var(--info-bs); color: white; }

.btn-outline-light { color: var(--light-bs); border-color: var(--light-bs); }

.btn-outline-light:hover { background-color: var(--light-bs); color: #333333; }

.btn-outline-dark { color: var(--dark-bs); border-color: var(--dark-bs); }

.btn-outline-dark:hover { background-color: var(--dark-bs); color: white; }

.border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-primary { border-color: var(--main-bs) !important; }

.border-secondary { border-color: var(--sec-bs) !important; }

.border-success { border-color: var(--succ-bs) !important; }

.border-danger { border-color: var(--dang-bs) !important; }

.border-warning { border-color: var(--warn-bs) !important; }

.border-info { border-color: var(--info-bs) !important; }

.border-light { border-color: var(--light-bs) !important; }

.border-dark { border-color: var(--dark-bs) !important; }

.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 0.75em; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-border-radius); }

.badge-primary { color: white; background-color: var(--main-bs); }

.badge-secondary { color: white; background-color: var(--sec-bs); }

.badge-success { color: white; background-color: var(--succ-bs); }

.badge-danger { color: white; background-color: var(--dang-bs); }

.badge-warning { color: white; background-color: var(--warn-bs); }

.badge-info { color: white; background-color: var(--info-bs); }

.badge-light { color: var(--dark-bs); background-color: var(--light-bs); }

.badge-dark { color: white; background-color: var(--dark-bs); }

.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 0rem; border: 1px solid transparent; border-radius: var(--bs-border-radius); }

.alert-primary { color: white; background-image: linear-gradient(to bottom, var(--main-lig), var(--main-bs) 50%, var(--main-dk)); border-color: color-mix(in srgb, var(--main-dk) 90%, black); }

.alert-secondary { color: white; background-image: linear-gradient(to bottom, var(--sec-lig), var(--sec-bs) 50%, var(--sec-dk)); border-color: color-mix(in srgb, var(--sec-dk) 90%, black); }

.alert-success { color: white; background-image: linear-gradient(to bottom, var(--succ-lig), var(--succ-bs) 50%, var(--succ-dk)); border-color: color-mix(in srgb, var(--succ-dk) 90%, black); }

.alert-danger { color: white; background-image: linear-gradient(to bottom, var(--dang-lig), var(--dang-bs) 50%, var(--dang-dk)); border-color: color-mix(in srgb, var(--dang-dk) 90%, black); }

.alert-warning { color: white; background-image: linear-gradient(to bottom, var(--warn-lig), var(--warn-bs) 50%, var(--warn-dk)); border-color: color-mix(in srgb, var(--warn-dk) 90%, black); }

.alert-info { color: white; background-image: linear-gradient(to bottom, var(--info-lig), var(--info-bs) 50%, var(--info-dk)); border-color: color-mix(in srgb, var(--info-dk) 90%, black); }

.alert-light { color: var(--dark-bs); background-image: linear-gradient(to bottom, var(--light-lig), var(--light-bs) 50%, var(--light-dk)); border-color: color-mix(in srgb, var(--light-dk) 90%, black); }

.alert-dark { color: white; background-image: linear-gradient(to bottom, var(--dark-lig), var(--dark-bs) 50%, var(--dark-dk)); border-color: color-mix(in srgb, var(--dark-dk) 90%, black); }

.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #3A3A3A !important; border: 1px solid rgba(0, 0, 0, 0.125) !important; color: #E0E0E0 !important; }

.list-group-item-primary { color: white; background-color: var(--main-bs); }

.list-group-item-secondary { color: white; background-color: var(--sec-bs); }

.list-group-item-success { color: white; background-color: var(--succ-bs); }

.list-group-item-danger { color: white; background-color: var(--dang-bs); }

.list-group-item-warning { color: white; background-color: var(--warn-bs); }

.list-group-item-info { color: white; background-color: var(--info-bs); }

.list-group-item-light { color: var(--dark-bs); background-color: var(--light-bs); }

.list-group-item-dark { color: white; background-color: var(--dark-bs); }

.card-header { font-size: 15px; }

.card-body { padding: 10px 15px 10px 15px; }