@mixin field-row {
    width: 100%;
    background-color: $gray-on-white;
    padding: $spacing-small;
    position: relative;
    margin-bottom: $spacing-small;
}

@mixin subhead-row {
    border-bottom: 1px solid $border-gray;
    padding-bottom: ($spacing-medium - 1px);
}

@mixin font-awesome {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

@mixin clearfix {
    &:after {
        content: "";
        display: block;
        clear: both;
    }
}

@mixin message {
    border-radius: 3px;
    padding: $spacing-small 10px;
    display: block;
}

@mixin success {
    background-color: lighten(green, 65%);
    color: green;
}

@mixin error {
    background-color: lighten($red, 55%);
    color: $red;
}