.piotnetforms-multi-step-form__content-item,
form.piotnetforms__form {
  gap: var(--m8);
}
.wps-form-section .piotnet-section__container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--m8);
  width: 100%;
}
.wps-form-column {
  width: 100%;
  background-color: var(--mo50);
  border: solid 1px var(--mo100);
  border-radius: 2px;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.08);
  gap: var(--m8);
  margin: 0 !important;
  padding: var(--m8) var(--mw8) !important;
}
.wps-form-item.piotnetforms-fields-wrapper {
  margin-bottom: 0 !important;
}
.wps-form-column .piotnet-column__inner {
  row-gap: var(--m6);
}
.wps-form-column.wps-form-biggap .piotnet-column__inner {
  row-gap: var(--m9);
}
.wps-form-item .piotnetforms-fields-wrapper {
  width: 100%;
  margin: 0 !important;
}
.wps-form-item.wps-half-field.piotnetforms-fields-wrapper {
  width: 50%;
}
.wps-form-item .piotnetforms-field-label {
  color: var(--mo800);
  font-weight: 600;
  padding-bottom: var(--m1);
  margin-bottom: 0 !important;
}
.wps-form-item-hidden {
  visibility: hidden !important;
  display: none !important;
}
.wps-form-item
  .piotnetforms-field-group:not(.piotnetforms-field-type-upload)
  .piotnetforms-field:not(.piotnetforms-select-wrapper) {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: 0;
  border-style: solid;
  border-width: 1px;
  border-color: var(--mo300);
  background-color: var(--m10);
  border-radius: 1px;
  box-shadow: none;
  padding: 8px 16px;
  width: 100%;
}
.wps-form-item.wps-form-item.wps-form-privacy
  .piotnetforms-field-group:not(.piotnetforms-field-type-upload)
  .piotnetforms-field:not(.piotnetforms-select-wrapper) {
  width: auto !important;
}
.wps-form-item .piotnetforms-fields-wrapper {
  width: 100%;
}
.wps-form-item.piotnetforms-field-focus
  .piotnetforms-field-group:not(.piotnetforms-field-type-upload)
  .piotnetforms-field:not(.piotnetforms-select-wrapper) {
  border-color: var(--mc500);
}
.wps-form-item.wps-icon
  .piotnetforms-field-group:not(.piotnetforms-field-type-upload)
  .piotnetforms-field:not(.piotnetforms-select-wrapper) {
  padding: 10px 16px 10px 44px;
}
.wps-form-item.wps-icon .piotnetforms-field-icon {
  top: 81%;
  left: 16px;
  bottom: auto;
  right: 44px;
  transform: translateY(-50%);
  font-size: 22px;
  width: 44px;
}
.wps-form-item.wps-icon .piotnetforms-field-icon i {
  color: var(--mo300);
}
.wps-form-item.wps-icon.piotnetforms-field-focus .piotnetforms-field-icon i {
  color: var(--mc500);
}
.wps-form-item input::placeholder,
.wps-form-item textarea::placeholder {
  color: var(--mo300);
}
.wps-form-item.piotnetforms-field-focus input::placeholder,
.wps-form-item.piotnetforms-field-focus textarea::placeholder {
  color: var(--mo100);
}
.wps-form-item .piotnetforms-field-description,
.wps-form-item.wps-description {
  color: var(--mo600);
  font-size: var(--xs);
  letter-spacing: 1px;
  margin-top: var(--m4);
}
.wps-form-item .piotnetforms-field-description::before,
.wps-form-item.wps-description::before {
  content: "i";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  color: var(--white);
  font-size: var(--s);
  font-weight: 700;
  text-align: center;
  line-height: 1;
  background-color: var(--mc400);
  border: solid 1px var(--mc400);
  border-radius: 1px;
  padding: 8px;
  margin-right: 8px;
}
.piotnetforms-upload-field-modern-text {
  background: var(--mo100) !important;
  border: solid 1px var(--mo10);
  border-radius: 1px;
}
.wps-form-item [data-piotnetforms-spiner] button {
  background-color: var(--mo50);
  color: var(--mc500);
  border: solid 1px var(--mc500);
  border-radius: 1px;
  height: 40px;
  width: 40px;
}
.wps-form-item [data-piotnetforms-spiner] button:hover {
  background-color: var(--mc500);
  color: var(--mo50);
  border-color: var(--mo500);
}
.wps-form-item [data-piotnetforms-spiner] .nice-number input {
  width: 70px !important;
}
.wps-form-item .piotnetforms-field-subgroup--button .piotnetforms-field-option {
  width: 100%;
}
.wps-form-item.wps-inline-items .piotnetforms-field-subgroup {
  flex-wrap: nowrap;
  flex-direction: row;
}
.wps-form-item.wps-inline-items
  .piotnetforms-field-subgroup--button
  .piotnetforms-field-option {
  width: 50%;
}
.wps-form-item .piotnetforms-field-subgroup--button label {
  justify-content: center;
  font-weight: 600;
  color: var(--mo600);
  background-color: var(--mo10);
  padding: 10px !important;
}
.wps-form-item .piotnetforms-field-subgroup--button label:hover {
  background-color: var(--mo100);
}
.wps-form-item .piotnetforms-field-subgroup--button input:checked ~ label {
  background-color: var(--mo800);
  color: var(--mo50);
}
.wps-form-item .piotnetforms-field-subgroup--button {
  gap: var(--m3);
}
.wps-form-item .piotnetforms-field-subgroup label .pf-f-o-i-font-awesome {
  color: var(--mo800);
}
.wps-form-item
  .piotnetforms-field-subgroup
  input:checked
  ~ label
  .pf-f-o-i-font-awesome {
  color: var(--mc500);
}
.wps-form-item .pf-f-o-i {
  width: 24px;
  font-size: 24px;
}
.wps-form-item .pf-f-o-i {
  position: absolute !important;
  top: 50% !important;
  left: 8px !important;
  transform: translateY(-50%);
}
.wps-form-item .piotnetforms-field-subgroup--square .piotnetforms-field-option {
  margin-right: var(--m8);
  margin-bottom: 0;
  width: auto;
}
.wps-form-item .piotnetforms-field-subgroup--square .piotnetforms-field-option {
  margin-right: 31px !important;
}
.wps-form-item
  .piotnetforms-field-subgroup--square
  span.piotnetforms-field-option
  input {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0;
  z-index: 9;
}
.wps-form-item
  .piotnetforms-field-subgroup--square
  span.piotnetforms-field-option
  label {
  position: relative;
  display: block !important;
  cursor: pointer;
  margin: 0 auto;
  padding: 0 var(--m10) 0 30px;
}
.wps-form-item
  .piotnetforms-field-subgroup--square
  span.piotnetforms-field-option
  label::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: var(--mo10) !important;
  border-style: solid;
  border: solid 1px var(--mo300) !important;
  border-radius: 1px;
  z-index: 10;
}
.wps-form-item
  .piotnetforms-field-subgroup--square
  span.piotnetforms-field-option
  input:checked
  ~ label::before {
  background: var(--mc500) !important;
}
.wps-form-item
  .piotnetforms-field-subgroup.piotnetforms-field-subgroup--square
  input:checked
  ~ label {
  color: var(--mo800);
}
.wps-form-item .piotnetforms-select-drop-down select {
  padding: 5px 16px;
  background-color: var(--mo10);
}
.wps-form-item .piotnetforms-select-drop-down select:hover {
  background-color: var(--mo100);
}
.wps-form-item .piotnetforms-calculated-fields-form {
  width: auto !important;
  font-size: var(--h6);
  text-align: center;
  font-weight: 700;
  color: var(--mc500);
  background-color: var(--sc50);
  padding: var(--m8);
  margin: auto;
  box-shadow: inset 0 0 20px -4px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
}
.wps-form-mid-title {
  font-size: var(--h5);
  font-weight: 600;
  color: var(--sc600);
  margin: var(--m4);
}
.wps-small-txt {
  font-size: var(--s);
  color: var(--mo600);
  line-height: 2.8;
}
.wps-form-title {
  text-align: center;
  margin: var(--m4) auto var(--m10) auto;
}
.wps-form-color-title {
  text-align: center;
  color: var(--white);
  background-color: var(--mc500);
  border-radius: 12px;
  width: 96%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--m4) !important;
  margin: var(--m4) auto var(--m10) auto;
}
.wps-form-subtitle {
  text-align: center;
  color: var(--mo500);
  margin: var(--m4) auto var(--m10) auto;
}
.wps-btn .piotnetforms-button {
  font-size: var(--p);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 16px 48px !important;
  color: var(--white);
  border: solid 1px var(--mo10);
  border-radius: 1px;
}
.piotnetforms-btn .piotnet-button,
.piotnetforms-btn a.piotnet-button,
.wps-btn a,
.wps-btn button,
.wps-multi-btn button {
  font-size: var(--p) !important;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  padding: 16px 48px !important;
  color: var(--mo10);
  border: solid 1px var(--mo10) !important;
  border-radius: 1px !important;
}
.piotnetforms-btn .piotnet-button,
.piotnetforms-btn a.piotnet-button,
.wps-btn a,
.wps-btn button,
.wps-multi-btn div:nth-child(2) button {
  background-color: var(--mc500) !important;
  box-shadow: -2px 3px 12px -3px rgba(0, 0, 0, 0.15);
  transition: all 0.3s;
}
.piotnetforms-btn .piotnet-button:hover,
.piotnetforms-btn a.piotnet-button:hover,
.wps-btn a:hover,
.wps-btn button:hover,
.wps-multi-btn div:nth-child(2) button:hover {
  background-color: var(--black) !important;
  box-shadow: none;
}
.pafe-form-builder-preview-submission {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
@media only screen and (max-width: 768px) {
  .wps-form-item.wps-inline-items .piotnetforms-field-subgroup {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .wps-form-item.wps-inline-items
    .piotnetforms-field-subgroup--button
    .piotnetforms-field-option {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .wps-form-item
    .piotnetforms-field-subgroup--button
    .piotnetforms-field-option {
    width: 100%;
  }
  .wps-form-item.wps-half-field.piotnetforms-fields-wrapper {
    width: 100%;
  }
  #wps-multibar
    .piotnetforms-multi-step-form__progressbar-item
    .piotnetforms-multi-step-form__progressbar-item-step {
    font-size: var(--p);
    width: 20px !important;
    height: 20px;
  }
}
.wps-form-item .piotnetforms-booking__item {
  text-align: center;
  font-size: var(--xs);
  background-color: var(--mo50);
}
.wps-form-item .piotnetforms-booking__slot {
  color: var(--mo100);
}
.wps-form-item .piotnetforms-booking__slot .piotnetforms-booking__slot-number,
.wps-form-item
  .piotnetforms-booking__slot
  .piotnetforms-booking__slot-sold-out {
  font-weight: 700;
  font-size: var(--s) !important;
}
.wps-form-item .piotnetforms-booking__item .piotnetforms-booking__item-inner {
  color: var(--mo10);
  background-color: var(--sc600);
  border: solid 1px var(--sc600);
}
.wps-form-item .piotnetforms-booking__item.active {
  background-color: transparent;
}
.wps-form-item
  .piotnetforms-booking__item.active
  .piotnetforms-booking__item-inner {
  color: var(--mo10);
  background-color: var(--mc600);
  border: solid 1px var(--mc600);
}
.wps-form-item
  .piotnetforms-booking__item.piotnetforms-booking__item--disabled
  .piotnetforms-booking__item-inner {
  color: var(--mo500);
  background-color: var(--mo50);
  border: solid 1px var(--mo300);
}
.wps-form-item
  .piotnetforms-booking__item.piotnetforms-booking__item--disabled
  .piotnetforms-booking__item-inner
  input:hover {
  cursor: not-allowed !important;
}
.wps-form-item
  .piotnetforms-booking__item.piotnetforms-booking__item--disabled
  .piotnetforms-booking__slot {
  color: var(--mo700);
}

