.fv-help-block {
  display: none;
}
.is-valid {
  color: #28a745 !important;
  border-color: #28a745 !important;
}
.is-invalid {
  color: #dc3545 !important;
  border-color: #dc3545 !important;
}
.privacyacceptance .fv-plugins-icon {
  top: 0;
  right: 0;
  transform: translate(0);
}
.toggleButton {
  cursor: pointer;
  display: flex;
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  transition: transform .14s ease;
  justify-content: center;
}
.toggleButton:active {
  transform: rotateX(30deg)
}
.toggleButton input {
  display: none
}
.toggleButton input + span {
  border: 3px solid rgba(255, 255, 255, .5);
  border-radius: 50%;
  position: relative;
  display: block;
  width: 44px;
  height: 44px
}
.toggleButton input + span.colored {
  border: 3px solid #585858;
}
.toggleButton input + span.colored svg {
  stroke: #3e3e3e;
}
.toggleButton input + span svg {
  fill: none;
  stroke-width: 3.6;
  stroke: rgba(255, 255, 255, .5);
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 44px;
  height: 44px;
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  z-index: 1;
  stroke-dashoffset: 124.6;
  stroke-dasharray: 0 162.6 133 29.6;
  transition: all .4s ease 0s
}
.toggleButton input + span:before, .toggleButton input + span:after {
  content: '';
  width: 3px;
  height: 16px;
  background: rgba(255, 255, 255, .02);
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 5px
}
.toggleButton input + span:before {
  opacity: 0;
  transform: scale(.3) translate(-50%, -50%) rotate(45deg);
  animation: bounceInBefore .3s linear forwards .3s
}
.toggleButton input + span:after {
  opacity: 0;
  transform: scale(.3) translate(-50%, -50%) rotate(-45deg);
  animation: bounceInAfter .3s linear forwards .3s
}
.toggleButton input.is-invalid + span {
  border-color: #dc3545
}
.toggleButton input.is-invalid + span svg {
  stroke: #dc3545
}
.toggleButton input.is-invalid + span:before, .toggleButton input.is-invalid + span:after {
  background: rgba(220, 53, 69, .02)
}
.toggleButton input:checked + span svg {
  stroke-dashoffset: 162.6;
  stroke-dasharray: 0 162.6 28 134.6;
  stroke: rgba(255, 255, 255, .8);
  transition: all .4s ease .2s
}
.toggleButton input:checked + span.colored svg {
  stroke: #737373;
}
.toggleButton input:checked + span:before {
  opacity: 0;
  transform: scale(.3) translate(-50%, -50%) rotate(45deg);ac
  animation: bounceInBeforeDont .3s linear forwards 0s
}
.toggleButton input:checked + span:after {
  opacity: 0;
  transform: scale(.3) translate(-50%, -50%) rotate(-45deg);
  animation: bounceInAfterDont .3s linear forwards 0s
}
.toggleButton .fv-plugins-icon {
  display: none;
}
div#messages {
  padding: 0 10px;
  text-align: center;
}
#wait {
  display: none;
}
@keyframes bounceInBefore {
  0% {
    opacity: 0;
    transform: scale(.3) translate(-50%, -50%) rotate(45deg)
  }
  50% {
    opacity: .9;
    transform: scale(1.1) translate(-50%, -50%) rotate(45deg)
  }
  80% {
    opacity: 1;
    transform: scale(.89) translate(-50%, -50%) rotate(45deg)
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(45deg)
  }
}
@keyframes bounceInAfter {
  0% {
    opacity: 0;
    transform: scale(.3) translate(-50%, -50%) rotate(-45deg)
  }
  50% {
    opacity: .9;
    transform: scale(1.1) translate(-50%, -50%) rotate(-45deg)
  }
  80% {
    opacity: 1;
    transform: scale(.89) translate(-50%, -50%) rotate(-45deg)
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(-45deg)
  }
}
@keyframes bounceInBeforeDont {
  0% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(45deg)
  }
  100% {
    opacity: 0;
    transform: scale(.3) translate(-50%, -50%) rotate(45deg)
  }
}
@keyframes bounceInAfterDont {
  0% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(-45deg)
  }
  100% {
    opacity: 0;
    transform: scale(.3) translate(-50%, -50%) rotate(-45deg)
  }
}