.controller[data-template="form"] form {
  margin-top: 30px;
}
.controller[data-template="form"] input:not(.button), .controller[data-template="form"] textarea, .controller[data-template="form"] select {
  border: 1px solid rgba(0, 0, 0, 0);
}
.controller[data-template="form"]:not(.text-center) .button.next {
  float: right;
}
.text-center .controller[data-template="form"] .button.next {
  float: none;
}
.controller[data-template="form"].text-center .button.next, .controller[data-template="form"] input.button, .controller[data-template="form"] .action-row .button {
  margin-top: 25px;
}
.controller[data-template="form"] .steps {
  display: none;
}
.controller[data-template="form"] .is-hidden {
  display: none;
}
.controller[data-template="form"] ul {
  width: 100%;
  margin: auto;
}
.controller[data-template="form"].text-center ul {
  text-align: center;
}
.controller[data-template="form"] li {
  position: relative;
}
.controller[data-template="form"] li.has-error input, .controller[data-template="form"] li.has-error textarea, .controller[data-template="form"] li.has-error select, .controller[data-template="form"] li.has-error .switch-element .indicator, .controller[data-template="form"] li.has-error .switch-element .indicator::before {
  border-color: #ed6f50;
  color: #ed6f50;
}
.controller[data-template="form"] .error {
  position: absolute;
  right: 15px;
  top: 15px;
  transition: opacity 0.2s linear, transform 0.3s ease;
  color: #ed6f50;
  font-size: 14px;
}
.controller[data-template="form"] .error:not(.is-visible) {
  opacity: 0;
  transform: translateY(5px);
}
.controller[data-template="form"] .is-centered.text-center .contact-item::before {
  position: relative;
}
.controller[data-template="form"] .action-row {
  margin-top: 0;
}
.controller[data-template="form"] .switch-element {
  margin-top: 7px;
}
.controller[data-template="form"] .switch-element .indicator {
  background: rgba(0, 0, 0, 0.11);
}
.controller[data-template="form"] .switch-element .indicator::before {
  border-color: rgba(0, 0, 0, 0.11);
}
.controller[data-template="form"] .switch-element input:checked + .indicator {
  background-color: #ff3900 !important;
}
.controller[data-template="form"] .switch-element input:checked + .indicator::before {
  border-color: #ff3900 !important;
}
.controller[data-template="form"] .switch-element + p, .controller[data-template="form"] .switch-element + label {
  float: left;
  margin: 0;
  margin-top: 7px;
  font-size: 0.85em;
  transition: opacity 0.2s linear, transform 0.2s ease;
}
.controller[data-template="form"] .switch-element + p a, .controller[data-template="form"] .switch-element + label a {
  color: #ff3900;
}
.controller[data-template="form"] .next-button {
  float: right;
}
.controller[data-template="form"] .text-center form li.consent, .text-center .controller[data-template="form"] form li.consent {
  vertical-align: middle;
}
.controller[data-template="form"] .text-center form li.consent::after, .text-center .controller[data-template="form"] form li.consent::after {
  content: "";
  display: block;
  clear: both;
}
.controller[data-template="form"] .text-center form .switch-element, .text-center .controller[data-template="form"] form .switch-element {
  float: none;
  top: 10px;
}
.controller[data-template="form"] .text-center form .switch-element + p, .controller[data-template="form"] .text-center form .switch-element + label, .text-center .controller[data-template="form"] form .switch-element + p, .text-center .controller[data-template="form"] form .switch-element + label {
  float: none;
  display: inline-block;
}
.controller[data-template="form"] .inverted .switch-element .indicator, .inverted .controller[data-template="form"] .switch-element .indicator {
  background: rgba(255, 255, 255, 0.2);
}
.controller[data-template="form"] .inverted .switch-element .indicator::before, .inverted .controller[data-template="form"] .switch-element .indicator::before {
  border-color: rgba(255, 255, 255, 0.75);
}
.controller[data-template="form"] .inverted .switch-element + p a, .inverted .controller[data-template="form"] .switch-element + p a {
  color: white;
  text-decoration: underline;
}
.controller[data-template="form"] li.consent {
  margin-bottom: 15px;
}
.controller[data-template="form"] li.consent .error {
  right: auto;
  left: 75px;
  top: 11px;
}
.controller[data-template="form"] li.consent.has-error p {
  opacity: 0;
  transform: translate3d(0, -5px, 0);
}
.controller[data-template="form"] li.consent::after {
  content: "";
  display: block;
  clear: left;
}
.col-12.form .controller[data-template="form"] li.consent {
  float: left;
}
.controller[data-template="form"].text-center li.consent .error {
  left: 0;
  right: 0;
  top: 60px;
}
.controller[data-template="form"] label.comment {
  display: block;
  margin-bottom: 25px;
  margin-left: 25px;
  font-size: 0.75em;
  font-style: italic;
}
.controller[data-template="form"]:not(.steps-initialized) .confirmation {
  display: none;
}
.controller[data-template="form"].inverted .confirmation, .inverted .controller[data-template="form"] .confirmation {
  color: white;
}
