/* DruGet plugin form styling and validation feedback. */

.form-group {
    margin-bottom: 27px;
}

.form-group label {
    color: #254062 !important;
    font-family: var(--e-global-typography-text-font-family ), Sans-serif;
    padding-bottom: 6px;
}

.form-group .form-control {
    border: 1px solid #f5f5f5 !important;
    box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 7%) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 3px;
    line-height: 1.4;
    font-size: 14px !important;
    color: #254062 !important;
}

.form-group .form-control.is-valid {
    box-shadow: 1px 1px 10px 1px rgb(38 114 83 / 41%) !important
}

.form-group .form-control.is-invalid {
    box-shadow: 1px 1px 10px 1px rgb(187 20 20 / 41%) !important;
}

.is-valid { 
    box-shadow: 1px 1px 10px 1px rgb(38 114 83 / 41%) !important
}

.is-invalid {
    box-shadow: 1px 1px 10px 1px rgb(187 20 20 / 41%) !important;
}

.valid-feedback {
    display: block; 
    width: 100%;
    font-size: .875em;
    color: #28a745 !important;
}

.invalid-feedback {
    display: block; 
    width: 100%;
    font-size: .875em;
    color: #D9534F !important;
}

.form-group label.valid-feedback {
    color: #28a745 !important;
}

.form-group label.invalid-feedback {
    color: #D9534F !important;
}

label.valid-feedback, label.invalid-feedback {
    font-size: 100%;
}

div.valid-feedback, div.invalid-feedback {
    margin-top: 0.65rem;
}