@charset "UTF-8";
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/* (C) */
:root,
[data-bs-theme="light"] {
    --bs-primary: #1e1e1e !important;
    --bs-body-color: #1e1e1e;
    --dt-row-selected: 0, 0, 0; /* color de los puntos en el cargando */
    --bg-success: #1e1e1e !important;
    --bs-primary-rgb: 30, 30, 30;
    --bs-dropdown-link-active-bg: #1e1e1e !important;
}

[data-bs-theme="dark"] {
    --bs-primary: #1e1e1e !important;
    --bs-body-color: #f9f9f7;
    --dt-row-selected: 0, 0, 0;
    --bs-primary-rgb: 255, 255, 255;
    --bs-dropdown-link-active-bg: #1e1e1e !important;
}

body {
    font-family: "Nunito";
    font-style: bold;
    font-weight: 400;
}

[data-bs-theme="dark"] .nav-pills .nav-link.active {
    box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3);
}

[data-bs-theme="dark"] .modal-content {
    background-color: #2c2e36;
}

.card {
    box-shadow: var(--bs-card-box-shadow) !important;
}

.btn {
    --bs-btn-active-shadow: 0 0.125rem 0.375rem
        rgba(var(--bs-btn-active-shadow-rgb), 0.3);
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: #000000 !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
}

[data-bs-theme="dark"] img.logo {
    /* hacemos que la imagen tenga un color blanco en tema oscuro */
    filter: brightness(0) invert(1);
}

[data-bs-theme="dark"] .app-brand-text {
    /* hacemos que el texto de la marca tenga un color blanco en tema oscuro */
    color: #f9f9f7 !important;
}

[data-bs-theme="dark"] body {
    background-color: #272a34;
}

[data-bs-theme="dark"] .layout-navbar {
    background-color: #2c2e36 !important;
}

[data-bs-theme="dark"] .menu {
    background-color: #2c2e36;
}

[data-bs-theme="dark"] .card {
    --bs-card-bg: #2c2e36;
}

[data-bs-theme="dark"] .dropdown-menu {
    --bs-dropdown-bg: #2c2e36;
}

[data-bs-theme="dark"] .swal2-popup.swal2-toast {
    background: #2c2e36;
}
[data-bs-theme="dark"] .swal2-container .swal2-popup .swal2-title {
    color: #fff;
}

[data-bs-theme="dark"] .select2-dropdown {
    background-color: #2c2e36;
}