/* Checkbox: Inner Circle */
.form-check-input[type=checkbox]:checked:focus,
.form-check-input[type=checkbox]:checked,
.form-check-input[type=radio]:checked:after {
    border-color: var(--mdb-primary);
    background-color: var(--mdb-primary);
}

/* Checkbox: Outer Circle */
.form-check-input:checked,
.form-check-input:checked:focus {
    border-color: var(--mdb-primary);
}

/* Checkbox: Outer Shadow */
.form-check-input:checked:focus:before {
    box-shadow: 0 0 0 13px var(--mdb-primary);
}

/* Input: Label */
.form-outline .form-control:focus~.form-label,
.form-outline .form-control.is-invalid.active~.form-label {
    color: var(--mdb-gray);
    opacity: 80%;
    font-weight: bold;
}

.form-outline .form-control:not(.is-invalid):focus~.form-notch .form-notch-leading {
    border-color: var(--mdb-primary);
    box-shadow: -1px 0 0 0 var(--mdb-primary), 0 1px 0 0 var(--mdb-primary), 0 -1px 0 0 var(--mdb-primary);
}

.form-outline .form-control:not(.is-invalid):focus~.form-notch .form-notch-middle {
    border-color: var(--mdb-primary);
    box-shadow: 0 1px 0 0 var(--mdb-primary);
    border-top: 1px solid transparent;
}

.form-outline .form-control:not(.is-invalid):focus~.form-notch .form-notch-trailing {
    border-color: var(--mdb-primary);
    box-shadow: 1px 0 0 0 var(--mdb-primary), 0 -1px 0 0 var(--mdb-primary), 0 1px 0 0 var(--mdb-primary);
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: var(--mdb-danger);
}

.form-outline .form-control.is-invalid:focus~.form-notch .form-notch-leading, .was-validated .form-outline .form-control:invalid:focus~.form-notch .form-notch-leading {
    box-shadow: -1px 0 0 0 var(--mdb-danger), 0 1px 0 0 var(--mdb-danger), 0 -1px 0 0 var(--mdb-danger);
}

.form-outline .form-control.is-invalid:focus~.form-notch .form-notch-middle, .was-validated .form-outline .form-control:invalid:focus~.form-notch .form-notch-middle {
    box-shadow: 0 1px 0 0 var(--mdb-danger);
}

.form-outline .form-control.is-invalid:focus~.form-notch .form-notch-trailing, .was-validated .form-outline .form-control:invalid:focus~.form-notch .form-notch-trailing {
    box-shadow: 1px 0 0 0 var(--mdb-danger), 0 -1px 0 0 var(--mdb-danger), 0 1px 0 0 var(--mdb-danger);
}