body.dark {
    --body-color: #242526;
    --primary-color: #3a3b3c;
    --primary-color-light: #3a3b3c;
    --text-color: #ccc;
    --bs-info-text-emphasis: #ccc;
    /* --toggle-color: #fff;
    --color-white: var(--primary-color);
    --color-dark: var(--text-color);
    --bs-body-color: var(--text-color);
    --bs-card-border-color: var(--text-color) !important;
    --bs-border-color-translucent: var(--text-color) !important;
    --color-fafa: var(--primary-color-light);
    --bs-tertiary-bg: var(--primary-color-light);
    --bs-border-width: 0.5px !important; */
}

body.dark .border-radius {
    border: 0.5px solid var(--border-input);
}

body.dark .dataTables_paginate {
    border: 0.5px solid var(--border-input);
}

body.dark ::selection {
    background-color: #ccc !important;
    color: #333 !important;
}

body.dark .btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E") !important;
}

body.dark .link-dark,
body.dark .text-secondary,
body.dark .text-dark {
    color: var(--text-color) !important;
    font-weight: 300 !important;
}

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

body.dark .card {
    background-color: var(--primary-color-light) !important;
    color: var(--text-color) !important;
    font-weight: 300 !important;
}

body.dark table {
    background-color: var(--primary-color-light) !important;
    color: var(--text-color) !important;
    font-weight: 300 !important;
}

body.dark .dataTables_paginate {
    background-color: var(--primary-color-light) !important;
}

body.dark .page-link {
    background-color: var(--primary-color-light) !important;
    color: var(--text-color) !important;
    font-weight: 300 !important;
}

body.dark .page-item:hover {
    background-color: var(--primary-color-light) !important;
}

body.dark .page-link:hover {
    background-color: var(--body-color) !important;
}

body.dark th {
    font-weight: 400 !important;
}

body.dark .active > .page-link,
.page-link.active {
    background-color: var(--body-color) !important;
}

body.dark .bg-white {
    background-color: var(--primary-color-light) !important;
}

body.dark .link-secondary {
    color: #fff !important;
    font-weight: 300 !important;
}

body.dark a:hover {
    --bs-link-color-rgb: var(--primary-color-light);
}
body.dark .bot-historico {
    background-color: var(--primary-color-light) !important;
    color: #ccc;
    border: 0px solid #fff;
    text-transform: uppercase;
    font-weight: 300 !important;
    padding: 6px;
}
body.dark .txt-red {
    color: #ccc !important;
    font-weight: 300 !important;
}