.form-control:focus {
    border-color: #86b7fe;
    /* box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15); */
}

.input-group .form-control:focus {
    z-index: 3;
}

.input-group .btn-outline-secondary {
    border-color: #ced4da;
}

.input-group .btn-outline-secondary:hover {
    background-color: #f8f9fa;
    border-color: #ced4da;
    color: #6c757d;
}

.input-group:focus-within .btn-outline-secondary {
    border-color: #86b7fe;
}

.form-control.is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.15);
}