.dark-theme {
    --blanco-opacity: #121212;
    --negro: #ccc;
    --color-1: #cf6679;
    --color-1-opacity: #3b3c40;
    --color-1-dark: #03dac6;
    --color-2: #03506F;
}

    .dark-theme .card {
        background-color: #202528;
    }

    .dark-theme .table-hover > tbody > tr:hover > * {
        color: var(--negro);
    }

    .dark-theme .btn-blanco {
        background-color: var(--color-2);
        border: 1px solid var(--color-2);
        color: var(--blanco);
    }

        .dark-theme .btn-blanco:hover {
            color: var(--color-2);
            background-color: var(--blanco);
        }

    .dark-theme .modal-content {
        background-color: #16181e;
    }

    .dark-theme .modal-footer,
    .dark-theme .modal-header {
        background-color: var(--color-1-opacity);
    }

    .dark-theme .form-control,
    .dark-theme .dxeTextBox .dxeEditArea {
        color: var(--negro);
        background-color: var(--color-1-opacity);
        border-color: var(--color-1-opacity);
    }

        .dark-theme .form-control:focus {
            background-color: var(--color-1-opacity);
            box-shadow: none;
        }

        .dark-theme .form-control:disabled,
        .dark-theme .form-control[readonly] {
            background-color: #303843;
            border-color: #303843;
        }

    .dark-theme .col-form-label {
        color: var(--negro);
    }

    .dark-theme .card-tema {
        background-color: var(--blanco-opacity) !important;
    }

    .dark-theme .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #5c636a;
        border-color: #565e64;
    }

    .dark-theme .navbar-light .navbar-toggler {
        color: var(--negro)
    }

    .dark-theme .modal-detalle-title {
        color: var(--color-1-dark);
    }

    .dark-theme .form-control-plaintext {
        color: var(--negro);
    }

    .dark-theme .notifications-item {
        border-top: 1px solid #333;
    }

        .dark-theme .notifications-item:hover {
            background-color: #222;
        }

    .dark-theme #modalDiscrepancia .color-2 {
        color: var(--color-1) !important;
    }

    .dark-theme #modalDiscrepancia .bg-color-1-opacity {
        background-color: rgba(0, 0, 0, 0.075) !important;
    }

    .dark-theme #modalDiscrepancia .bg-color-1-dark {
        background-color: var(--color-1-opacity) !important;
    }


@media (max-width: 991.98px) {
    .dark-theme .sidebar {
        background-color: var(--blanco-opacity);
    }

    .dark-theme .floating-menu a:not(.active) {
        color: var(--color-texto);
    }

    .dark-theme .floating-menu a:hover:not(.active) {
        color: var(--color-1-dark);
    }
}