.form-inline.fv-form-bootstrap .form-group, .fv-form-bootstrap4.form-inline .form-group {
  vertical-align: top
}

.fv-has-feedback {
  position: relative
}

.fv-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  display: block;
  text-align: center
}

.fv-help-block {
  display: block
}

.fv-form [placeholder]::-ms-clear {
  display: none
}

.fv-form-foundation .form-error, .fv-form-uikit .uk-text-danger {
  display: block
}

.fv-form-bootstrap .help-block {
  margin-bottom: 0
}

.fv-form-bootstrap .tooltip-inner {
  text-align: left
}

.fv-form-bootstrap .fv-bootstrap-icon-input-group {
  z-index: 100
}

.fv-form-bootstrap4 .fv-control-feedback {
  width: 38px;
  height: 38px;
  line-height: 38px
}

.fv-form-bootstrap4 .form-group.row .fv-control-feedback {
  right: 15px
}

.fv-form-bootstrap4 .form-group.row .form-check~.fv-control-feedback {
  top: -7px
}

.fv-form-bootstrap4:not(.form-inline) label~.fv-control-feedback {
  top: 32px
}

.fv-form-bootstrap4:not(.form-inline) label.sr-only~.fv-control-feedback {
  top: -7px
}

.fv-form-bootstrap4:not(.form-inline) .form-check~.fv-control-feedback {
  top: 25px
}

.fv-form-bootstrap4 .has-success .fv-control-feedback, .fv-form-bootstrap4 .has-success label {
  color: #5cb85c
}

.fv-form-bootstrap4 .has-warning .fv-control-feedback, .fv-form-bootstrap4 .has-warning label {
  color: #f0ad4e
}

.fv-form-foundation5 .fv-control-feedback {
  right: 15px;
  width: 37px;
  height: 37px;
  line-height: 37px
}

.fv-form-foundation5 .row .row:not(.collapse) .fv-control-feedback {
  right: 8px
}

.fv-form-foundation5 .row .collapse .fv-control-feedback {
  right: 0
}

.fv-form-foundation5.fv-form-horizontal [type=checkbox]~.fv-control-feedback, .fv-form-foundation5.fv-form-horizontal [type=radio]~.fv-control-feedback {
  top: -8px
}

.fv-form-foundation5 label .fv-control-feedback {
  top: 21px
}

.fv-form-foundation5 [type=checkbox]~.fv-control-feedback, .fv-form-foundation5 [type=radio]~.fv-control-feedback {
  top: 15px
}

.fv-form-foundation5 .error .fv-control-feedback {
  color: #f04124
}

.fv-form-foundation5 .fv-has-success .fv-control-feedback, .fv-form-foundation5 .fv-has-success label {
  color: #43AC6A
}

.fv-form-foundation .fv-control-feedback {
  right: 15px;
  width: 39px;
  height: 39px;
  line-height: 39px
}

.fv-form-foundation [type=checkbox]~.fv-control-feedback, .fv-form-foundation [type=radio]~.fv-control-feedback {
  top: -7px
}

.fv-form-foundation fieldset [type=checkbox]~.fv-control-feedback, .fv-form-foundation fieldset [type=radio]~.fv-control-feedback, .fv-form-foundation label .fv-control-feedback {
  top: 25px
}

.fv-form-foundation .fv-has-error .fv-control-feedback, .fv-form-foundation .fv-has-error fieldset legend, .fv-form-foundation .fv-has-error label {
  color: #ec5840
}

.fv-form-foundation .fv-has-success .fv-control-feedback, .fv-form-foundation .fv-has-success fieldset legend, .fv-form-foundation .fv-has-success label {
  color: #3adb76
}

.fv-foundation-tooltip:before {
  border-color: transparent transparent #0a0a0a
}

.fv-form-pure .fv-control-feedback {
  width: 36px;
  height: 36px;
  line-height: 36px
}

.fv-form-pure.pure-form-aligned [type=checkbox]~.fv-control-feedback, .fv-form-pure.pure-form-aligned [type=radio]~.fv-control-feedback {
  top: -9px
}

.fv-form-pure.pure-form-aligned .fv-help-block {
  margin-top: 5px;
  margin-left: 180px
}

.fv-form-pure.pure-form-stacked .pure-control-group {
  margin-bottom: 8px
}

.fv-form-pure.pure-form-stacked .fv-control-feedback {
  top: 22px
}

.fv-form-pure.pure-form-stacked .pure-radio~.fv-control-feedback {
  top: 20px
}

.fv-form-pure.pure-form-stacked .fv-sr-only~.fv-control-feedback {
  top: -9px
}

.fv-form-pure .fv-has-error .fv-control-feedback, .fv-form-pure .fv-has-error .fv-help-block, .fv-form-pure .fv-has-error label {
  color: #CA3C3C
}

.fv-form-pure .fv-has-success .fv-control-feedback, .fv-form-pure .fv-has-success .fv-help-block, .fv-form-pure .fv-has-success label {
  color: #1CB841
}

.fv-form-semantic .error .icon, .fv-form-semantic.ui.form .fields.error label {
  color: #9f3a38
}

.fv-form-semantic .fv-control-feedback {
  right: 7px
}

.fv-form-uikit .fv-control-feedback {
  top: 25px;
  width: 30px;
  height: 30px;
  line-height: 30px
}

.fv-form-uikit.uk-form-horizontal .fv-control-feedback {
  top: 0
}

.fv-form-uikit.uk-form-horizontal [type=checkbox]~.fv-control-feedback, .fv-form-uikit.uk-form-horizontal [type=radio]~.fv-control-feedback {
  top: -7px
}

.fv-form-uikit label.fv-sr-only~.fv-control-feedback {
  top: -7px!important
}

.fv-form-uikit.uk-form-stacked [type=checkbox]~.fv-control-feedback, .fv-form-uikit.uk-form-stacked [type=radio]~.fv-control-feedback {
  top: 20px
}

.fv-form-uikit .fv-has-error .fv-control-feedback, .fv-form-uikit .fv-has-error .uk-form-label, .fv-form-uikit .fv-has-error label {
  color: #D85030
}

.fv-form-uikit .fv-has-success .fv-control-feedback, .fv-form-uikit .fv-has-success .uk-form-label, .fv-form-uikit .fv-has-success label {
  color: #659F13
}

.fv-form-skeleton .row {
  margin-bottom: 15px;
}

.fv-form-skeleton input, .fv-form-skeleton select, .fv-form-skeleton textarea {
  margin-bottom: 0;
}

.fv-form-skeleton .fv-control-feedback {
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
}

.fv-form-skeleton label~.fv-control-feedback {
  top: 29px;
}

.fv-form-skeleton label>.label-body {
  padding-top: 7px;
}

/* Stacked form without label */

.fv-form-skeleton label~.fv-control-feedback.fv-icon-no-label {
  top: 0;
}

/* Horizontal form */

.fv-form-horizontal.fv-form-skeleton label.fv-checkbox~.fv-control-feedback, .fv-form-horizontal.fv-form-skeleton label.fv-radio~.fv-control-feedback {
  top: 0;
}

.fv-form-skeleton .fv-help-block {
  margin-top: 5px;
}

/* You can customize the color of success and error classes */

.fv-form-skeleton .fv-has-error label, .fv-form-skeleton .fv-has-error .fv-help-block, .fv-form-skeleton .fv-has-error .fv-control-feedback {
  color: red;
}

.fv-form-skeleton .fv-has-success label, .fv-form-skeleton .fv-has-success .fv-control-feedback {
  color: green;
}

/* You can customize the disabled button styles */

.fv-form-skeleton .fv-button-disabled {
  cursor: not-allowed;
  opacity: .65;
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url('https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot');
  src: url('https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot?#iefix') format('embedded-opentype'), local('Open Sans'), local('Open-Sans-regular'), url('https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2') format('woff2'), url('https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff'), url('https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=cJZKeOuBrn4kERxqtaUH3Zbd9NUM7myrQQz30yPaGQ4&skey=62c1cbfccc78b4b2&v=v13#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  src: url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot');
  src: url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot?#iefix') format('embedded-opentype'), local('Open Sans Bold'), local('Open-Sans-700'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2') format('woff2'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff') format('woff'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=k3k702ZOKiLJc3WVjuplzFlIn5tFQcqMuf-jhyJP0ps&skey=cd9e1a36bb25a3c3&v=v13#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  src: url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXZ2MAKAc2x4R1uOSeegc5U.eot');
  src: url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXZ2MAKAc2x4R1uOSeegc5U.eot?#iefix') format('embedded-opentype'), local('Open Sans Light'), local('Open-Sans-300'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2') format('woff2'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff') format('woff'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=DXI1ORHCpsQm3Vp6mXoaTVlIn5tFQcqMuf-jhyJP0ps&skey=b33cc031a589c168&v=v13#OpenSans') format('svg');
}

body {
  font-family: 'open sans';
}

.demo-frame-body {
  overflow: hidden;
}

.demo-frame-body .demo-ad {
  visibility: hidden;
}

.demo-bootstrap .form-group:last-child {
  margin-bottom: 0;
}

.demo-foundation button[type="submit"], .demo-foundation .button[type="submit"] {
  margin-bottom: 0;
}

.demo-semantic {
  background: #fff;
}

.demo-skeleton, .demo-jotform {
  margin: 0;
}

/* --- Ads --- */

#carbonads {
  border: 1px solid #e5e5e5;
  font-size: 10px;
  max-width: 163px;
  padding: 15px;
}

#carbonads .carbon-wrap {
  margin-bottom: 5px;
}

#carbonads .carbon-img {
  display: block;
  padding-bottom: 5px;
  text-align: center;
}

#carbonads .carbon-text {
  color: #999;
}

#carbonads .carbon-text:hover {
  color: #08c;
  text-decoration: none;
}

#carbonads .carbon-poweredby {
  display: block;
  padding-top: 5px;
  text-align: right;
}

@media (max-width: 991px) {
  .demo-ad {
    visibility: hidden;
  }
}

@media (min-width: 992px) {
  .demo-ad {
    visibility: visible;
  }
}