.form-outline.border-blue .form-control ~ .form-notch div {
    border-color: #0d6efd !important;
}

.form-outline.border-blue .form-control:focus ~ .form-notch .form-notch-leading,
.form-outline.border-blue .form-control:focus ~ .form-notch .form-notch-trailing,
.form-outline.border-blue .form-control.active ~ .form-notch .form-notch-leading,
.form-outline.border-blue .form-control.active ~ .form-notch .form-notch-trailing,
.form-outline.border-blue .form-control[readonly] ~ .form-notch .form-notch-leading,
.form-outline.border-blue .form-control[readonly] ~ .form-notch .form-notch-trailing,
.form-outline.border-blue .form-control[disabled] ~ .form-notch .form-notch-leading,
.form-outline.border-blue .form-control[disabled] ~ .form-notch .form-notch-trailing {
    border-color: #0d6efd !important;
    box-shadow: none !important;
}

.form-outline.border-blue .form-control:focus ~ .form-notch .form-notch-middle,
.form-outline.border-blue .form-control.active ~ .form-notch .form-notch-middle,
.form-outline.border-blue .form-control[readonly] ~ .form-notch .form-notch-middle,
.form-outline.border-blue .form-control[disabled] ~ .form-notch .form-notch-middle {
    border-color: #0d6efd !important;
    border-top: 1px solid transparent !important;
    box-shadow: none !important;
}

.form-outline.border-red .form-control ~ .form-notch div {
    border-color: #dc3545 !important;
}

.form-outline.border-red .form-control:focus ~ .form-notch .form-notch-leading,
.form-outline.border-red .form-control:focus ~ .form-notch .form-notch-trailing,
.form-outline.border-red .form-control.active ~ .form-notch .form-notch-leading,
.form-outline.border-red .form-control.active ~ .form-notch .form-notch-trailing,
.form-outline.border-red .form-control[readonly] ~ .form-notch .form-notch-leading,
.form-outline.border-red .form-control[readonly] ~ .form-notch .form-notch-trailing,
.form-outline.border-red .form-control[disabled] ~ .form-notch .form-notch-leading,
.form-outline.border-red .form-control[disabled] ~ .form-notch .form-notch-trailing {
    border-color: #dc3545 !important;
    box-shadow: none !important;
}

.form-outline.border-red .form-control:focus ~ .form-notch .form-notch-middle,
.form-outline.border-red .form-control.active ~ .form-notch .form-notch-middle,
.form-outline.border-red .form-control[readonly] ~ .form-notch .form-notch-middle,
.form-outline.border-red .form-control[disabled] ~ .form-notch .form-notch-middle {
    border-color: #dc3545 !important;
    border-top: 1px solid transparent !important;
    box-shadow: none !important;
}

.form-outline.border-green .form-control ~ .form-notch div {
    border-color: #198754 !important;
}

.form-outline.border-green .form-control:focus ~ .form-notch .form-notch-leading,
.form-outline.border-green .form-control:focus ~ .form-notch .form-notch-trailing,
.form-outline.border-green .form-control.active ~ .form-notch .form-notch-leading,
.form-outline.border-green .form-control.active ~ .form-notch .form-notch-trailing,
.form-outline.border-green .form-control[readonly] ~ .form-notch .form-notch-leading,
.form-outline.border-green .form-control[readonly] ~ .form-notch .form-notch-trailing,
.form-outline.border-green .form-control[disabled] ~ .form-notch .form-notch-leading,
.form-outline.border-green .form-control[disabled] ~ .form-notch .form-notch-trailing {
    border-color: #198754 !important;
    box-shadow: none !important;
}

.form-outline.border-green .form-control:focus ~ .form-notch .form-notch-middle,
.form-outline.border-green .form-control.active ~ .form-notch .form-notch-middle,
.form-outline.border-green .form-control[readonly] ~ .form-notch .form-notch-middle,
.form-outline.border-green .form-control[disabled] ~ .form-notch .form-notch-middle {
    border-color: #198754 !important;
    border-top: 1px solid transparent !important;
    box-shadow: none !important;
}

.form-outline.border-notch .form-control:focus ~ .form-notch .form-notch-middle,
.form-outline.border-notch .form-control.active ~ .form-notch .form-notch-middle,
.form-outline.border-notch .form-control[readonly] ~ .form-notch .form-notch-middle,
.form-outline.border-notch .form-control[disabled] ~ .form-notch .form-notch-middle,
.form-outline.border-notch .form-control.is-invalid ~ .form-notch .form-notch-middle {
    border-top: 1px solid transparent !important;
}

.form-outline .form-control ~ .form-label.text-blue,
.form-outline .form-control:focus ~ .form-label.text-blue,
.form-outline .form-control.active ~ .form-label.text-blue,
.form-outline .form-control[readonly] ~ .form-label.text-blue,
.form-outline .form-control[disabled] ~ .form-label.text-blue {
    color: #1a5cff !important;
}

.form-outline .form-control ~ .form-label.text-red,
.form-outline .form-control:focus ~ .form-label.text-red,
.form-outline .form-control.active ~ .form-label.text-red,
.form-outline .form-control[readonly] ~ .form-label.text-red,
.form-outline .form-control[disabled] ~ .form-label.text-red {
    color: #dc3545 !important;
}

.form-outline .form-control ~ .form-label.text-green,
.form-outline .form-control:focus ~ .form-label.text-green,
.form-outline .form-control.active ~ .form-label.text-green,
.form-outline .form-control[readonly] ~ .form-label.text-green,
.form-outline .form-control[disabled] ~ .form-label.text-green {
    color: #198754 !important;
}