//form control focus
.form-control:focus {
    border-width: 1px;
}

// padding for select box
select.form-control {
    padding: $input-padding-select-y $input-padding-select-x;
}

//Multiple select
select[multiple="multiple"],
select[multiple=""] {
        min-width: 160px;
}

// ion-icon within a label
label ion-icon {
    vertical-align: middle;
}

//Form check
.form-check-input {
    margin-top: $form-check-input-margin-y;
    accent-color: $input-active-color;
}

.form-check-inline .form-check-input {
    margin-top: $form-check-inline-input-margin-y;
}

// Form check ion-icon size
.form-check ion-icon {
    font-size: 1.4rem;
    vertical-align: bottom;
    line-height: 1;
}

//large form check variant
.form-check-lg {
    padding-left: 1.85rem;

    .form-check-input {
        transform: scale(1.8);
        margin-top: 0.2rem;
        margin-left: -1.52rem;
    }
}

// Input group Prepend and append button ion-icon size
.input-group-prepend, .input-group-append {
    .btn ion-icon {
        font-size: 1.3rem;
        vertical-align: text-top;
    }

    ion-icon {
        font-size: 1.3rem;
    }
}

.form-text-top {
    margin-top: 0;
    margin-bottom: $form-text-margin-top;
}

//Form text
.form-text {
    margin-top: $form-text-margin-top;
    margin-bottom: $form-text-margin-bottom;
}

//modify fieldset font size to be the same as a label
.label-legend, .form-control-plaintext {
    font-size: 15px;
}

// Changes form content font colour
.form-control-plaintext {
    color: $gray-700;
}
