/* Ajustes propios del proyecto sobre el tema bootstrap4 de Flask-Admin. */

/* Colores institucionales UNAM: azul PANTONE 540 / #013b75,
   oro PANTONE 117 / #d9a500. Se sobreescribe aquí el azul de Bootstrap
   selector por selector porque bootstrap.min.css lo trae hardcodeado,
   no como variable CSS. */
:root {
    --unam-blue: #013b75;
    --unam-blue-hover: #01284f;
    --unam-blue-active: #012142;
    --unam-gold: #d9a500;
    --primary: var(--unam-blue);
    --blue: var(--unam-blue);
}

a {
    color: var(--unam-blue);
}
a:hover {
    color: var(--unam-blue-hover);
}

.btn-primary {
    background-color: var(--unam-blue);
    border-color: var(--unam-blue);
}
.btn-primary:hover {
    background-color: var(--unam-blue-hover);
    border-color: var(--unam-blue-hover);
}
.btn-primary:focus,
.btn-primary.focus {
    background-color: var(--unam-blue-hover);
    border-color: var(--unam-blue-hover);
    box-shadow: 0 0 0 0.2rem rgba(1, 59, 117, 0.5);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background-color: var(--unam-blue-active);
    border-color: var(--unam-blue-active);
}

.text-primary {
    color: var(--unam-blue) !important;
}
.bg-primary {
    background-color: var(--unam-blue) !important;
}
.border-primary {
    border-color: var(--unam-blue) !important;
}
.badge-primary {
    color: #fff;
    background-color: var(--unam-blue);
}

.form-control:focus {
    border-color: var(--unam-blue);
    box-shadow: 0 0 0 0.2rem rgba(1, 59, 117, 0.25);
}

.page-link {
    color: var(--unam-blue);
}
.page-item.active .page-link {
    background-color: var(--unam-blue);
    border-color: var(--unam-blue);
}

/* style.css limita .user-menu a max-width: 150px sin nowrap, así que
   un correo largo se parte a la mitad y queda descuadrado. */
.user-area .user-menu {
    width: max-content;
    max-width: 260px;
    white-space: nowrap;
}