.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
    border-top: .125rem solid #ff0000;
    border-bottom: .125rem solid #ff0000;
    border-left: .125rem solid #ff0000;
    box-shadow: -1px 0px 0px 0px #ff0000, 0px 1px 0px 0px #ff0000, 0px -1px 0px 0px #ff0000;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-middle {
    border-bottom: .125rem solid;
    border-color: #ff0000;
    border-top: none;
    box-shadow: 0 1px 0 0 #ff0000;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
    border-color: currentcolor currentcolor currentcolor #E4A11B;
    border-bottom: .125rem solid #ff0000;
    border-right: .125rem solid #ff0000;
    border-top: .125rem solid #ff0000;
    box-shadow: 1px 0 0 0 #ff0000, 0 -1px 0 0 #ff0000, 0 1px 0 0 #ff0000;
}

.form-outline .form-control:focus ~ .form-label {
    color: #ff0000;
}

.form-outline .form-control.active ~ .form-notch .form-notch-middle, .form-outline .form-control:focus ~ .form-notch .form-notch-middle {
    border-top: 1px transparent;
}



.form-check .form-check-input:checked {
    background-color: red !important;
    border-top: .125rem solid #ff0000;
    border-bottom: .125rem solid #ff0000;
    border-left: .125rem solid #ff0000;
    border-right: .125rem solid #ff0000;
}

.form-check-input:checked:focus:before {
    box-shadow: 0px 0px 0px 13px #ff0000;
}


.form-control:focus {
    border-top: #ff0000;
    border-bottom: #ff0000;
    border-left: #ff0000;
    border-right: #ff0000;
    box-shadow: 0px 0px 0px 2px #ff0000;
}

.form-check-input[type=radio]:checked:after {
    border-color: red;
    background-color: white;
}

.form-select:focus {
    border-color: red;
    box-shadow: inset 0px 0px 0px 1px red;
}