:root,
[data-bs-theme=light] {
    --bs-primary: #356ec9;
    --bs-primary-border: #2959a9;
    --bs-primary-hover: #3167bc;
    --bs-primary-hover-border: #265499;
    --bs-primary-active: #275095;
    --bs-primary-active-border: #1f417c;

    --bs-success: #138a69;
    --bs-success-border: #0f7558;
    --bs-success-hover: #117e61;
    --bs-success-hover-border: #0c694f;
    --bs-success-active: #0b6148;
    --bs-success-active-border: #09503c;

    --bs-info: #10798a;
    --bs-info-border: #0c6270;
    --bs-info-hover: #0e6e7e;
    --bs-info-hover-border: #0a5965;
    --bs-info-active: #094f5b;
    --bs-info-active-border: #07414b;

    --bs-warning: #c98f1d;
    --bs-warning-border: #a87919;
    --bs-warning-hover: #bd8619;
    --bs-warning-hover-border: #9f7015;
    --bs-warning-active: #936814;
    --bs-warning-active-border: #7b5610;

    --bs-danger: #c34b46;
    --bs-danger-border: #ad3d39;
    --bs-danger-hover: #b4443f;
    --bs-danger-hover-border: #9e3733;
    --bs-danger-active: #8f322e;
    --bs-danger-active-border: #772924;

    /* Keep these as before */
    --bs-secondary: #293241;
    --bs-secondary-border: #1f2833;
    --bs-secondary-hover: #32405a;
    --bs-secondary-hover-border: #273448;
    --bs-secondary-active: #202a39;
    --bs-secondary-active-border: #191f2b;
    --bs-light: #f4f6f9;
    --bs-light-border: #dee2e6;
    --bs-light-hover: #e8ecf1;
    --bs-light-hover-border: #d1d6dc;
    --bs-light-active: #d6dbe1;
    --bs-light-active-border: #c0c6cd;
    --bs-dark: #1a1d23;
    --bs-dark-border: #111318;
    --bs-dark-hover: #22262d;
    --bs-dark-hover-border: #181b20;
    --bs-dark-active: #16191e;
    --bs-dark-active-border: #0f1115;

    /* RGB equivalents */
    --bs-primary-rgb: 53, 110, 201;
    --bs-primary-border-rgb: 41, 89, 169;
    --bs-primary-hover-rgb: 49, 103, 188;
    --bs-primary-hover-border-rgb: 38, 84, 153;
    --bs-primary-active-rgb: 39, 80, 149;
    --bs-primary-active-border-rgb: 31, 65, 124;

    --bs-success-rgb: 19, 138, 105;
    --bs-success-border-rgb: 15, 117, 88;
    --bs-success-hover-rgb: 17, 126, 97;
    --bs-success-hover-border-rgb: 12, 105, 79;
    --bs-success-active-rgb: 11, 97, 72;
    --bs-success-active-border-rgb: 9, 80, 60;

    --bs-info-rgb: 16, 121, 138;
    --bs-info-border-rgb: 12, 98, 112;
    --bs-info-hover-rgb: 14, 110, 126;
    --bs-info-hover-border-rgb: 10, 89, 101;
    --bs-info-active-rgb: 9, 79, 91;
    --bs-info-active-border-rgb: 7, 65, 75;

    --bs-warning-rgb: 201, 143, 29;
    --bs-warning-border-rgb: 168, 121, 25;
    --bs-warning-hover-rgb: 189, 134, 25;
    --bs-warning-hover-border-rgb: 159, 112, 21;
    --bs-warning-active-rgb: 147, 104, 20;
    --bs-warning-active-border-rgb: 123, 86, 16;

    --bs-danger-rgb: 195, 75, 70;
    --bs-danger-border-rgb: 173, 61, 57;
    --bs-danger-hover-rgb: 180, 68, 63;
    --bs-danger-hover-border-rgb: 158, 55, 51;
    --bs-danger-active-rgb: 143, 50, 46;
    --bs-danger-active-border-rgb: 119, 41, 36;

    --bs-secondary-rgb: 41, 50, 65;
    --bs-secondary-border-rgb: 31, 40, 51;
    --bs-secondary-hover-rgb: 50, 64, 90;
    --bs-secondary-hover-border-rgb: 39, 52, 72;
    --bs-secondary-active-rgb: 32, 42, 57;
    --bs-secondary-active-border-rgb: 25, 31, 43;

    --bs-light-rgb: 244, 246, 249;
    --bs-light-border-rgb: 222, 226, 230;
    --bs-light-hover-rgb: 232, 236, 241;
    --bs-light-hover-border-rgb: 209, 214, 220;
    --bs-light-active-rgb: 214, 219, 225;
    --bs-light-active-border-rgb: 192, 198, 205;
    --bs-dark-rgb: 26, 29, 35;
    --bs-dark-border-rgb: 17, 19, 24;
    --bs-dark-hover-rgb: 34, 38, 45;
    --bs-dark-hover-border-rgb: 24, 27, 32;
    --bs-dark-active-rgb: 22, 25, 30;
    --bs-dark-active-border-rgb: 15, 17, 21;
}



.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary-border);
    --bs-btn-hover-bg: var(--bs-primary-hover);
    --bs-btn-hover-border-color: var(--bs-primary-hover-border);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary-active);
    --bs-btn-active-border-color: var(--bs-primary-active-border);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary-border);
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary-border);
    --bs-btn-hover-bg: var(--bs-secondary-hover);
    --bs-btn-hover-border-color: var(--bs-secondary-hover-border);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-bg: var(--bs-secondary-active);
    --bs-btn-active-border-color: var(--bs-secondary-active-border);
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary-border);
}

.btn-success {
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success-border);
    --bs-btn-hover-bg: var(--bs-success-hover);
    --bs-btn-hover-border-color: var(--bs-success-hover-border);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-bg: var(--bs-success-active);
    --bs-btn-active-border-color: var(--bs-success-active-border);
    --bs-btn-disabled-bg: var(--bs-success);
    --bs-btn-disabled-border-color: var(--bs-success-border);
}

.btn-info {
    --bs-btn-bg: var(--bs-info);
    --bs-btn-border-color: var(--bs-info-border);
    --bs-btn-hover-bg: var(--bs-info-hover);
    --bs-btn-hover-border-color: var(--bs-info-hover-border);
    --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
    --bs-btn-active-bg: var(--bs-info-active);
    --bs-btn-active-border-color: var(--bs-info-active-border);
    --bs-btn-disabled-bg: var(--bs-info);
    --bs-btn-disabled-border-color: var(--bs-info-border);
}

.btn-warning {
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning-border);
    --bs-btn-hover-bg: var(--bs-warning-hover);
    --bs-btn-hover-border-color: var(--bs-warning-hover-border);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-bg: var(--bs-warning-active);
    --bs-btn-active-border-color: var(--bs-warning-active-border);
    --bs-btn-disabled-bg: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning-border);
}

.btn-danger {
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger-border);
    --bs-btn-hover-bg: var(--bs-danger-hover);
    --bs-btn-hover-border-color: var(--bs-danger-hover-border);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-bg: var(--bs-danger-active);
    --bs-btn-active-border-color: var(--bs-danger-active-border);
    --bs-btn-disabled-bg: var(--bs-danger);
    --bs-btn-disabled-border-color: var(--bs-danger-border);
}

.btn-light {
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border-color: var(--bs-light-border);
    --bs-btn-hover-bg: var(--bs-light-hover);
    --bs-btn-hover-border-color: var(--bs-light-hover-border);
    --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
    --bs-btn-active-bg: var(--bs-light-active);
    --bs-btn-active-border-color: var(--bs-light-active-border);
    --bs-btn-disabled-bg: var(--bs-light);
    --bs-btn-disabled-border-color: var(--bs-light-border);
}

.btn-dark {
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark-border);
    --bs-btn-hover-bg: var(--bs-dark-hover);
    --bs-btn-hover-border-color: var(--bs-dark-hover-border);
    --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
    --bs-btn-active-bg: var(--bs-dark-active);
    --bs-btn-active-border-color: var(--bs-dark-active-border);
    --bs-btn-disabled-bg: var(--bs-dark);
    --bs-btn-disabled-border-color: var(--bs-dark-border);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary-border);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary-border);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary-border);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary-border);
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary-border);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary-border);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary-border);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary-border);
}

.btn-outline-success {
    --bs-btn-color: var(--bs-success);
    --bs-btn-border-color: var(--bs-success-border);
    --bs-btn-hover-bg: var(--bs-success);
    --bs-btn-hover-border-color: var(--bs-success-border);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-bg: var(--bs-success);
    --bs-btn-active-border-color: var(--bs-success-border);
    --bs-btn-disabled-color: var(--bs-success);
    --bs-btn-disabled-border-color: var(--bs-success-border);
}

.btn-outline-info {
    --bs-btn-color: var(--bs-info);
    --bs-btn-border-color: var(--bs-info-border);
    --bs-btn-hover-bg: var(--bs-info);
    --bs-btn-hover-border-color: var(--bs-info-border);
    --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
    --bs-btn-active-bg: var(--bs-info);
    --bs-btn-active-border-color: var(--bs-info-border);
    --bs-btn-disabled-color: var(--bs-info);
    --bs-btn-disabled-border-color: var(--bs-info-border);
}

.btn-outline-warning {
    --bs-btn-color: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning-border);
    --bs-btn-hover-bg: var(--bs-warning);
    --bs-btn-hover-border-color: var(--bs-warning-border);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-bg: var(--bs-warning);
    --bs-btn-active-border-color: var(--bs-warning-border);
    --bs-btn-disabled-color: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning-border);
}

.btn-outline-danger {
    --bs-btn-color: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger-border);
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-hover-border-color: var(--bs-danger-border);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-bg: var(--bs-danger);
    --bs-btn-active-border-color: var(--bs-danger-border);
    --bs-btn-disabled-color: var(--bs-danger);
    --bs-btn-disabled-border-color: var(--bs-danger-border);
}

.btn-outline-light {
    --bs-btn-color: var(--bs-light);
    --bs-btn-border-color: var(--bs-light-border);
    --bs-btn-hover-bg: var(--bs-light);
    --bs-btn-hover-border-color: var(--bs-light-border);
    --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
    --bs-btn-active-bg: var(--bs-light);
    --bs-btn-active-border-color: var(--bs-light-border);
    --bs-btn-disabled-color: var(--bs-light);
    --bs-btn-disabled-border-color: var(--bs-light-border);
}

.btn-outline-dark {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark-border);
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark-border);
    --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: var(--bs-dark-border);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-border-color: var(--bs-dark-border);
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item.active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary-border);
    color: white;
    z-index: 2
}


li.category-title span.bg-primary {
    background-color: #eaf9ff !important;
    color: var(--bs-primary);
}

div.source-pill.bg-primary {
    background-color:#094f5b !important;
}

button.btn-all{
    background-color: white;
    color:#70a1f0;
    border: 1px solid #70a1f0;
}

button.btn-all:hover{
    background-color: #eeeeee;
    color: #70a1f0;
}

button.btn-keyword {
    background-color: #70a1f0;
    color:white;
    border: 1px solid white;
}

button.btn-keyword:hover {
    background-color: #6490d6;
}

li.list-group-item-info.category-title {
    background-color: var(--bs-secondary);
    color: white;
    border-color: var(--bs-primary);
}

.card-header {
    padding: 0.5rem 0.75rem
}

.card-body {
    padding: 0.75rem
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.success-text {
    color: var(--bs-success)
}

.danger-text {
    color: var(--bs-danger)
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.sidebar-logo-container {
    background-color: white;
    max-width: 80%;
    border-radius: 40px;
    padding: 6px 10px;
    margin: 0px auto;
}

.p-10 {
    padding: 10px;
}

.sidebar-logo {
    width: 100%;
}

.btn-compact {
    margin: 0px 2px;
    max-width: 50px;
    padding: .4rem;
    justify-content: center;
}

.truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[disabled="true"], [disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
}