.app-jqfs-wrapper { width: 100%; max-width: 600px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px;}
.app-jqfs-field-required:after { content:"*"; color:red; font-size: 20px; }
.app-jqfs-wrapper .form-group { overflow:hidden; }
.app-jqfs-wrapper textarea { resize: vertical; }
.app-jqfs-wrapper .form-control { background: #ffffff; box-shadow: none; float: right;  }
.app-jqfs-wrapper label { float: left; }
.app-jqfs-wrapper label,
.app-jqfs-wrapper .form-control { display: inline-block; vertical-align: top; }
.app-app-jqfs-message { display: none; margin-top: 16px;}
.app-jqfs-wrapper .app-jqfs-recaptcha {overflow:hidden;clear:both;}
.app-jqfs-wrapper .form-group {margin-left:-15px;margin-right:-15px;}
.app-jqfs-wrapper .help-block { font-style: italic; font-size: 0.9rem; color: var(--color-red); }
@media (max-width: 991.98px) {.app-jqfs-wrapper .form-group {
        margin-left: 5px;
        margin-right: 5px;
}

/* this will disable the areas that should be, but not the messages for example */
.app-jqfs-wrapper.disable .app-jqfs-support-disable { pointer-events: none; opacity: 0.4; }