body#dark-mode {
    background-color: #333;
    color: #e0e0e0 !important;
}

#dark-mode .header,
#dark-mode .sidebar,
#dark-mode .main-wrapper {
    background-color: #333 !important;
    color: #fff !important;
    border-right: 1px solid #66666621;
}

#dark-mode .color-primary small {
    color: white;
}

#dark-mode .nav-link,
#dark-mode .sidebar-menu ul li a {
    color: #b3b3b3 !important;
}

#dark-mode .active {
    color: #ffffff !important;
    border-right: 1px solid #66666621;
    background: none;
}

#dark-mode {
    background-color: #333;

    color: #e0e0e0;
}

#dark-mode .page-header {
    background-color: #333;
    color: #e0e0e0;
}
#dark-mode .header {
    background-color: #333 !important;
    color: #e0e0e0;
}

#dark-mode .card-header {
    background-color: #333;
    color: #e0e0e0;
}

#dark-mode .breadcrumb-item a {
    color: #bbb;
}

#dark-mode .breadcrumb-item.active {
    color: #fff;
}

#dark-mode h4.color-primary {
    color: #ffffff; /* Altere para a cor desejada */
}

#dark-mode .table {
    background-color: #333;
    color: #e0e0e0;
}

#dark-mode .table th,
#dark-mode .table td {
    border-color: #444;
    color: white !important;
}

#dark-mode .table th {
    color: #ffffff;
}

#dark-mode .table-secondary > td {
    background-color: #5c5c5c !important;
}

#dark-mode .btn {
    background-color: #444;
    color: #fff;
    text-decoration: none;
}

#dark-mode textarea {
    background-color: #444;
    color: #fff;
}

#dark-mode .btn-added,
#dark-mode .btn-filter,
#dark-mode .btn-searchset {
    background-color: #333333;
    color: #fff;
    text-decoration: none !important;
}

#dark-mode .dropdown-menu {
    background-color: #333;
    color: #fff;
}

#dark-mode .dropdown-item {
    color: #ddd;
}

#dark-mode .dropdown-item:hover {
    background-color: #444;
}

#dark-mode .card .card-body {
    background-color: #333;
    border: none !important;
}

#dark-mode .table thead {
    background-color: #343131;
    color: white !important;
}

#dark-mode .sidebar .slimScrollDiv {
    width: 260px !important;
    overflow: visible !important;
    background-color: #343131;
}

#dark-mode .table > :not(caption) > * > * {
    background-color: #333;
}

#dark-mode .card {
    background-color: #ffffff1f;
}

#dark-mode .bg-dark {
    background-color: #ffffff1f !important;
}

.bg-dark {
    background-color: white !important;
}

#dark-mode .bg-dark-mode {
    background-color: #363636 !important;
}

.bg-dark-mode {
    background-color: white !important;
}

#dark-mode .sidebar .sidebar-menu > ul > li > a.active {
    background: #f1f1f121;
    color: #fff;
    border-radius: 5px;
}

#dark-mode .sidebar .sidebar-menu > ul > li > a:hover {
    background: #f1f1f121;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}

#dark-mode .card .card-body .card-title {
    color: white;
}

#dark-mode .form-group label {
    color: white;
}

#dark-mode .form-control {
    background: #9a9a9a21;
    color: white;
}

#dark-mode .form-select {
    background-color: #9a9a9a21;
    color: #e0e0e0;
}

#dark-mode .form-select option {
    background-color: #444;
    color: #fff;
}

#dark-mode .form-select select option {
    background-color: #444;
    color: #fff;
}

#dark-mode .form-select option:disabled {
    background-color: #6e6e6e !important;
    color: #fff;
}

#dark-mode .form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #793239;
}

#dark-mode .form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: #793239;
}

#dark-mode .table tbody tr td a {
    color: white;
}

#dark-mode .page-header .btn-added:hover {
    text-decoration: none !important;
}

#dark-mode .sidebar .sidebar-menu > ul > li.submenu ul {
    background-color: #66666621;
    color: white;
}

#dark-mode .accordion-button {
    background-color: #3c3c3c;
    color: white;
}

#dark-mode .accordion-body {
    background-color: #5a5a5a;
    color: white;
}

.sidebar .sidebar-menu > ul > li.submenu ul li a:hover:after {
    background: #ffffff;
    border: 1px solid #ffffff;
}

#dark-mode input {
    background-color: #444;
    color: #fff !important;
}

#dark-mode input .form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: #198754 !important;
}

#dark-mode ::placeholder {
    color: white;
}

#dark-mode .color-primary {
    color: white;
}

#dark-mode label {
    color: white;
}

#dark-mode .modal-content {
    background-color: #323232;
}

#dark-mode .modal-header {
    border-bottom: 1px solid #66666621;
}

#dark-mode .profilename .profileset h6 {
    color: white;
}

#dark-mode .dd {
    background: #333;
}

#dark-mode {
    background-color: #333 !important;
}

#dark-mode .login-card {
    background-color: #333 !important;
}

#dark-mode body {
    background-color: #333 !important;
}

#dark-mode .sidebar-inner {
    background: none;
}

#dark-mode .sidebar .sidebar-menu > ul > li.submenu ul li a.active:after {
    background: #ffffff;
    border: 1px solid #ffffff;
}

#dark-mode .btn-custom .fa-edit {
    color: #28a745 !important;
}

#dark-mode .btn-custom .fa-trash {
    color: #c82333 !important;
}

#dark-mode .text-dark-mode {
    color: white;
}

.text-dark-mode {
    color: black;
}

#dark-mode .btn-import {
    background-color: transparent !important;
}

#dark-mode .modal-body {
    background-color: #333;
    color: white;
}

#dark-mode .form-control {
    background-color: #333;
    color: white;
}