:root {
    --primary: #0d6efd;
    --alert: #ffd000;
}

html {
    padding: 20px;
}

a {
    text-decoration: none;
}

h5 {
    color: rgb(75, 75, 75);
}

.error {
    color: red;
}

.bien {
    color: rgb(12, 161, 12);
}

.icon {
    color: var(--primary);
}

.icon-alert {
    color: var(--alert);
}

.big {
    font-size: 80px;
}

.logo {
    height: 30px;
    width: auto;
}

.contenedorLogIn {
    margin-top: 6%;
}

.form-check {
    display: grid;
}

.grid {
    display: grid;
}

.sin-datos {
    text-align: center;
    font-size: 22px;
}

html[data-bs-theme="light"] .modulo {
    padding: 20px;
    border-radius: 8px;
    border: dashed 2px #c5c5c5;
}

html[data-bs-theme="dark"] .modulo {
    padding: 20px;
    border-radius: 8px;
    border: dashed 2px #4d555f;
}

/* Estilo para el modo claro */
html[data-bs-theme="light"] .dropdown-item:active {
    background-color: #e7f1fc !important; /* Gris claro */
    color: black;
}

/* Estilo para el modo oscuro */
html[data-bs-theme="dark"] .dropdown-item:active {
    background-color: #3c434b !important; /* Gris oscuro */
    color: white;
}

html[data-bs-theme="dark"] h5 {
    color: rgb(216, 216, 216);
}

body::-webkit-scrollbar {
    width: 8px;
    /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
    background: #b3b2b28e;
    /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
    background-color: rgb(255, 255, 255);
    /* color of the scroll thumb */
    border-radius: 2px;
    /* roundness of the scroll thumb */
    border: 0.5px solid rgb(75, 75, 75);
    /* creates padding around scroll thumb */
}