/*
 * Retoques de la casa sobre Bootstrap 4.6.x.
 * Antes vivían editados a mano dentro de bootstrap.min.css y se perdían al actualizarlo.
 * Se carga justo después de bootstrap.min.css, con los mismos selectores, para que la cascada quede igual.
 * Al actualizar Bootstrap: reemplazar bootstrap.min.css y repetir en él los retoques que dependen del orden
 * (color de .btn #979595 y de .btn:hover #25294A; quitar .mt-5,.my-5{margin-top} y .p-1{padding}).
 * La primera línea del archivo los lista. Este archivo se deja tal cual.
 */
body {
    color: #25294A;
}

.col-12 {
    -ms-flex: 0 0 100% !important;
}

.form-control,
.input-group-text,
.custom-select,
.custom-file-label {
    border-color: #ced4da85;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f9f9f9;
    border-color: transparent;
}

/* El color de .btn y .btn:hover va dentro de bootstrap.min.css (está marcado al inicio): aquí
   le ganaría a .btn-primary y compañía, que tienen la misma especificidad y en el original van después. */

.dropdown-toggle:hover {
    color: #25294A;
}

.dropdown-toggle::after {
    color: #979595;
}

.dropdown-toggle-red::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    color: #ffffff;
}

/* En el original la regla de arriba iba antes de .dropdown-toggle-split::after{margin-left:0} y esta le ganaba. */
.dropdown-toggle-split.dropdown-toggle-red::after {
    margin-left: 0;
}

.close {
    margin-top: -19px;
    opacity: 1;
}

.modal-content {
    border: 0;
    border-radius: 15px;
}

.mt-11,
.my-11 {
    margin-top: .50rem !important;
}