// input group
.input-group:focus-within { 
    outline: 0;
    box-shadow: 0 0 0 0.25rem lighten($primary, 50);
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    .form-control{
        border-color: $primary;
        outline: 0;
        box-shadow: none;
    }

    .input-group-prepend{
        border-color: $primary;
    }

    .input-group-text{
        border-color: $primary;
    }
}
.input-group {
    
    .input-group-prepend {
        .input-group-text {
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
            background-color: #fff !important;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            padding: 0.3rem 0.45rem !important
        }
        input {
            background-color: #fff !important;
        }
    }
}