html[data-theme="dark"] .theme-text-light {
    display: none;
}

html[data-theme="dark"] .theme-text-dark {
    display: inline-block;
}

html:not([data-theme="dark"]) .theme-text-dark {
    display: none;
}

html:not([data-theme="dark"]) .theme-text-light {
    display: inline-block;
}

#theme-toggle {
    font-size: 1.5rem;
    padding: 0;
    margin-right: 0.75rem;
    vertical-align: middle;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
}

#theme-toggle:hover,
#theme-toggle:focus,
#theme-toggle:active {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

#theme-toggle i.fa {
    font-size: 1.5rem;
    width: auto;
    top: 0;
    position: static;
}

#theme-toggle .fa-sun-o {
    color: #ffc107 !important;
}

#theme-toggle .fa-moon-o {
    color: #1a1a2e !important;
}

html.dark-mode body {
    background-color: #1a1a2e;
    color: #e0e0e0;
}

html.dark-mode .main-panel {
    background-color: #1a1a2e;
}

html.dark-mode .sidebar {
    background: #0f0f1a !important;
}

html.dark-mode .sidebar .logo {
    border-bottom-color: #2a2a4a;
}

html.dark-mode .sidebar .simple-text {
    color: #e0e0e0;
}

html.dark-mode .sidebar .nav li a {
    color: #b0b0b0;
}

html.dark-mode .sidebar .nav li.active a {
    color: #7ed6df;
}

html.dark-mode .navbar.bg-info {
    background-color: #16213e !important;
}

html.dark-mode .navbar a:not(.btn):not(.dropdown-item) {
    color: #e0e0e0;
}

html.dark-mode .navbar .nav-link {
    color: #e0e0e0;
}

html.dark-mode .navbar .navbar-toggler-bar {
    background: #e0e0e0;
}

html.dark-mode .card {
    background-color: #1e1e3a;
    color: #e0e0e0;
}

html.dark-mode .card .card-header,
html.dark-mode .card .card-footer {
    background-color: #1e1e3a;
    border-color: #2a2a4a;
}

html.dark-mode .card .card-title,
html.dark-mode .card .card-category {
    color: #e0e0e0;
}

html.dark-mode .card .card-body {
    background-color: #1e1e3a;
}

html.dark-mode .card .form-control {
    background-color: #2a2a4a;
    border-color: #3a3a5a;
    color: #e0e0e0;
}

html.dark-mode .card .form-control:focus {
    background-color: #2a2a4a;
    border-color: #51cbce;
    color: #e0e0e0;
}

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

html.dark-mode .table thead th {
    background-color: #1e1e3a;
    color: #e0e0e0;
    border-color: #2a2a4a;
}

html.dark-mode .table tbody tr td {
    border-color: #2a2a4a;
}

html.dark-mode table.dataTable tbody tr:nth-of-type(odd) td {
    background-color: #2a2a4a;
}

html.dark-mode table.dataTable tbody tr:nth-of-type(even) td {
    background-color: #1e1e3a;
}

html.dark-mode table.dataTable thead th {
    background-color: #1e1e3a;
    color: #e0e0e0;
}

html.dark-mode .dataTables_wrapper .dataTables_filter input {
    background-color: #2a2a4a;
    color: #e0e0e0;
    border-color: #3a3a5a;
}

html.dark-mode .dataTables_wrapper .dataTables_length select {
    background-color: #2a2a4a;
    color: #e0e0e0;
    border-color: #3a3a5a;
}

html.dark-mode .modal-content {
    background-color: #1e1e3a;
    color: #e0e0e0;
}

html.dark-mode .modal-header {
    border-bottom-color: #2a2a4a;
}

html.dark-mode .modal-footer {
    border-top-color: #2a2a4a;
}

html.dark-mode .modal-header .close {
    color: #e0e0e0;
    opacity: 0.8;
}

html.dark-mode .modal-backdrop.show {
    opacity: 0.6;
}

html.dark-mode footer.footer {
    background-color: #1a1a2e;
    color: #b0b0b0;
}

html.dark-mode footer.footer a {
    color: #7ed6df;
}

html.dark-mode a:not(.btn):not(.nav-link):not(.dropdown-item):not(.simple-text) {
    color: #7ed6df;
}

html.dark-mode a:not(.btn):not(.nav-link):not(.dropdown-item):not(.simple-text):hover {
    color: #a0e4eb;
}

html.dark-mode .dropdown-menu {
    background-color: #2a2a4a;
    border-color: #3a3a5a;
}

html.dark-mode .dropdown-menu a.dropdown-item {
    color: #e0e0e0;
}

html.dark-mode .dropdown-menu a.dropdown-item:hover {
    background-color: #3a3a5a;
    color: #fff;
}

html.dark-mode .btn-primary {
    background-color: #3a7bd5;
    border-color: #3a7bd5;
}

html.dark-mode .btn-primary:hover {
    background-color: #2e6bc4;
    border-color: #2e6bc4;
}

html.dark-mode .btn-outline-primary {
    color: #7ed6df;
    border-color: #7ed6df;
}

html.dark-mode .btn-outline-primary:hover {
    background-color: #7ed6df;
    color: #1a1a2e;
}

html.dark-mode .btn-outline-primary .badge-tab {
    background-color: #1a1a2e;
    border-color: #1a1a2e;
    color: #7ed6df;
}

html.dark-mode .badge {
    background-color: #2a2a4a;
    color: #e0e0e0;
}

html.dark-mode .nc-icon {
    color: #b0b0b0;
}

html.dark-mode hr {
    border-color: #2a2a4a;
}

html.dark-mode .wrapper {
    background-color: #1a1a2e;
}

html.dark-mode .page-item.active .page-link {
    background-color: #3a7bd5;
    border-color: #3a7bd5;
}

html.dark-mode .page-link {
    background-color: #2a2a4a;
    border-color: #3a3a5a;
    color: #e0e0e0;
}

html.dark-mode .page-link:hover {
    background-color: #3a3a5a;
    color: #fff;
}

html.dark-mode .select2-container--default .select2-selection--single {
    background-color: #2a2a4a;
    border-color: #3a3a5a;
    color: #e0e0e0;
}

html.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #e0e0e0;
}

html.dark-mode .select2-dropdown {
    background-color: #2a2a4a;
    border-color: #3a3a5a;
    color: #e0e0e0;
}

html.dark-mode .select2-container--default .select2-results__option--highlighted {
    background-color: #3a7bd5;
}

html.dark-mode .form-control {
    background-color: #2a2a4a;
    border-color: #3a3a5a;
    color: #e0e0e0;
}

html.dark-mode .form-control:focus {
    background-color: #2a2a4a;
    border-color: #51cbce;
    color: #e0e0e0;
}

html.dark-mode .input-group-text {
    background-color: #2a2a4a;
    border-color: #3a3a5a;
    color: #e0e0e0;
}

html.dark-mode .alert {
    background-color: #2a2a4a;
    color: #e0e0e0;
    border-color: #3a3a5a;
}

html.dark-mode .list-group-item {
    background-color: #1e1e3a;
    border-color: #2a2a4a;
    color: #e0e0e0;
}

html.dark-mode .card-plain {
    background: transparent;
}

html.dark-mode .progress {
    background-color: #2a2a4a;
}

html.dark-mode .nav-tabs .nav-link {
    color: #b0b0b0;
}

html.dark-mode .nav-tabs .nav-link.active {
    color: #e0e0e0;
    border-color: #2a2a4a;
    background-color: #1e1e3a;
}

html.dark-mode .nav-tabs {
    border-bottom-color: #2a2a4a;
}

html.dark-mode .tab-content {
    background-color: transparent;
}

html.dark-mode .btn.btn-secondary {
    background-color: #3a3a5a;
    border-color: #3a3a5a;
    color: #e0e0e0;
}

html.dark-mode .btn.btn-secondary:hover {
    background-color: #4a4a6a;
}

html.dark-mode .bg-white {
    background-color: #1e1e3a !important;
}

html.dark-mode .bg-light {
    background-color: #2a2a4a !important;
}

html.dark-mode .text-dark {
    color: #e0e0e0 !important;
}

html.dark-mode .text-muted {
    color: #888 !important;
}

html.dark-mode .navbar.navbar-transparent {
    background-color: #16213e !important;
}

html.dark-mode .buttons-excel,
html.dark-mode .buttons-csv,
html.dark-mode .buttons-pdf {
    background-color: #2a2a4a !important;
    border-color: #3a3a5a !important;
    color: #e0e0e0 !important;
}

html.dark-mode .buttons-excel:hover,
html.dark-mode .buttons-csv:hover,
html.dark-mode .buttons-pdf:hover {
    background-color: #3a3a5a !important;
}

html.dark-mode textarea {
    background-color: #2a2a4a;
    color: #e0e0e0;
}

html.dark-mode textarea#output {
    background-color: #1e1e3a;
    color: #e0e0e0;
}

html.dark-mode .col-md-4 > div[style*="background-color"] {
    background-color: #1e1e3a !important;
    color: #e0e0e0;
}

html.dark-mode .monaco-list-row .monaco-highlighted-label {
    color: #e0e0e0 !important;
}

html.dark-mode .btn-new-file.btn-neutral {
    color: #e0e0e0;
}

html.dark-mode .badge-tab {
    color: #e0e0e0;
}

html.dark-mode #source {
    background-color: #1e1e3a;
}