.formidable {
}

.formidable.processing {
}

.formidable .hide {
  display: none;
}

.formidable [type="submit"] i {
  display: none;
}

.formidable.processing [type="submit"] i {
  display: inline-block;
}

.formidable .valid-feedback,
.formidable .invalid-feedback {
  display: block;
}

.formidable div[data-formidable-message] p {
  margin-bottom: 0;
}

.formidable div[data-formidable-message] p + p {
  margin-top: 10px;
}

.formidable div[data-formidable-countable] {
  position: relative;
}

.formidable div[data-formidable-countable] div[data-range] {
  position: absolute;
  font-size: 13px;
  color: #ccc;
  top: 9px;
  right: 9px;
}

.formidable
  div[data-formidable-countable]
  select[multiple="true"]
  + div[data-range] {
  right: 25px;
}

.formidable div[data-formidable-countable] select.is-invalid,
.formidable div[data-formidable-countable] select.is-valid {
  background-position: right calc(0.375em + 2.1875rem) top calc(9px);
}

.formidable div[data-formidable-countable] select[multiple="true"].is-invalid,
.formidable div[data-formidable-countable] select[multiple="true"].is-valid {
  background-position: right calc(0.375em + 2.7875rem) top calc(9px);
}

.formidable
  div[data-formidable-countable]
  select:not([multiple="true"])
  + div[data-range],
.formidable
  div[data-formidable-type="file"]
  div[data-formidable-countable]
  div[data-range] {
  display: none;
}

.formidable div[data-formidable-countable] .is-invalid,
.formidable div[data-formidable-countable] .is-valid {
  background-position: right calc(0.375em + 2.5875rem) center;
  padding-right: calc(1.5em + 2.75rem);
}

.formidable div[data-formidable-type="address"] .col.address1,
.formidable div[data-formidable-type="address"] .col.address2 {
}

.formidable div[data-formidable-type="address"] .col.number,
.formidable div[data-formidable-type="address"] .col.number_suffix {
  flex: 0 0 auto;
  width: 20%;
}

.formidable div[data-formidable-type="address"] .break {
  margin-bottom: 15px;
}

.formidable div[data-formidable-type="date"] [type="date"].is-invalid,
.formidable div[data-formidable-type="date"] [type="date"].is-valid {
  background-position: right calc(0.375em + 2.1875rem) center;
}
.formidable div[data-formidable-type="date"] [type="date"]:before {
  background-color: white !important;
}

.formidable
  div[data-formidable-type="file"]
  div[data-formidable-countable]
  .is-invalid,
.formidable
  div[data-formidable-type="file"]
  div[data-formidable-countable]
  .is-valid {
  background-position: right calc(0.375em + 0.1875rem) center;
}

.formidable div[data-formidable-type="file"] .add-file {
  float: right;
}

.formidable div[data-formidable-type="range"] div.range {
  display: flex;
  flex-direction: row;
}
.formidable div[data-formidable-type="range"] div.range span[data-range-value] {
  padding: 6px 10px;
  height: 1.5rem;
  position: relative;
  margin-left: 10px;
}
.formidable
  div[data-formidable-type="range"]
  div.range
  span[data-range-value]:after {
  position: absolute;
  top: 5px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #373a3b;
  border-bottom: 7px solid transparent;
  content: "";
}

.formidable .option-other {
  display: none;
}
.formidable .option-other.enabled {
  display: block;
}

.formidable .formidable-dropzone .dropzone-box,
.formidable .formidable-dropzone .dropzone-box * {
  box-sizing: border-box;
}

.formidable .formidable-dropzone .dropzone-box {
  border: 2px dashed #ccc;
  border-radius: 5px;
  padding: 20px 20px;
}

.formidable .formidable-dropzone .dropzone-box.dz-clickable {
  cursor: pointer;
}

.formidable .formidable-dropzone .dropzone-box.dz-clickable * {
  cursor: default;
}

.formidable .formidable-dropzone .dropzone-box.dz-clickable .dz-message,
.formidable .formidable-dropzone .dropzone-box.dz-clickable .dz-message * {
  cursor: pointer;
}

.formidable .formidable-dropzone .dropzone-box.dz-started .dz-message {
  display: none;
}

.formidable .formidable-dropzone .dropzone-box.dz-drag-hover {
  border-style: solid;
}

.formidable .formidable-dropzone .dropzone-box.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.formidable .formidable-dropzone .dropzone-box .dz-message {
  text-align: center;
  margin: 2em 0;
}

.formidable .formidable-dropzone .dropzone-box .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.formidable .formidable-dropzone .dz-image-preview img {
  max-width: 50px;
}
.formidable .formidable-dropzone .dz-image-preview .dz-title span {
  font-size: 13px;
  margin-bottom: 5px;
}
.formidable .formidable-dropzone .dz-image-preview .dz-title span b,
.formidable .formidable-dropzone .dz-image-preview .dz-title span strong {
  font-weight: normal;
}
.formidable .formidable-dropzone .dz-progress .progress-bar {
  height: 10px;
}
.formidable .formidable-dropzone [data-dz-remove]:hover,
.formidable .formidable-dropzone [data-dz-remove]:hover i {
  cursor: pointer;
}

@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}