.wwe3tbl {
  max-width: 5*$column_width + 4*$gutter;
  width: 100%;

  .form_required_field_info {
    text-align: right;
    font-size: .95em;
    color: $text_grey;
  }

	input[type="text"],
	input[type="search"],
	input[type="password"],
	input[type="number"],
	input[type="email"],
	input[type="tel"],
	input[type="date"],
	select,
	textarea {
    @extend %form_field;
	}

  select {
    min-height: 0;
  }

	option {
		padding: 4px 5px;
	}

	textarea {
		height: 200px;
    padding: 5px 7px !important;
		line-height: 25px !important;
	}

	.otd_label {
		padding-top: 10px;
    font-size: .95em;
	}

	.otd_field {
		padding-bottom: 10px;

		.limit {
			padding: 5px 0 0 0;
      font-size: .9em;
		}
	}

	.form_hidden {
		display: none;
	}

	.otr {
    clear: both;
		padding-bottom: 5px;
    width: 100%;

    &.col_left {
      float: left;
      width: 48%;
    }

    &.col_right {
      clear: none;
      float: right;
      width: 48%;
    }
	}

	.th_label {
		&.th_show_error {
			color: red;
			font-weight: bold;
		}
	}

	input.label {
		&.size2 {
			width: 60px;
		}
		&.size4 {
			width: 100px;
		}
	}

	.type_confirm_check,
	.type_checkbox {
		@include clearfix;

		input {
			float: left;
			margin-top: 3px;
		}

		input + label {
			float: right;
			width: calc(100% - 30px);
			padding: 0 20px 0 5px;

			a {
        color: $color-accent-contrast;

				&:hover {
					text-decoration: underline;
				}
			}
		}
	}

	.type_check,
	.type_radio {
		input + label {
			padding: 0 20px 0 5px;
			line-height: 27px;
		}
	}

	.tr_title {
		padding-top: 20px;
		font-size: 20px;
	}

	.label_suffix {
		padding-left: 5px;
	}

	.label_prefix {
		padding-right: 5px;
	}

	.form_captcha {
		margin-top: 20px;

		.th_label label {
			display: inline-block;
			padding-bottom: 10px;
		}
	}

	.type_captcha {
		@include clearfix;

		@media screen and (min-width: $break_medium) {
			img {
				float: left;
				margin-right: 20px;
			}
		}

		.label {
			margin-top: 5px;
			max-width: 100px;
			padding: 5px 20px;
		}

		.captcha_question,
		.captcha_alternative {
			padding: 5px 0;
		}
	}
}

.button_container {
  max-width: 5*$column_width + 4*$gutter;
  width: 100%;

  input {
    width: 100%;
  }
}

// Texte
.wwe_form_container {
	.message {
		padding: 15px;
		margin-bottom: 20px;

		p {
			margin-bottom: 0;
		}
	}

	.form_prologue {
		padding-bottom: 15px;
	}
}

.pariah_words {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	border-top: 1px solid $border_color;
	padding: 20px 0;

	button {
		padding: 3px 10px;
		background: $bright;
		transition: all .15s;
		width: 24%;
		font-size: 14px;
		cursor: pointer;

		&:hover,
		&:focus {
			background: $color-accent;
			color: $text_white;
		}

		&.pariah_active {
			background: $color-accent-contrast;
			color: $text_white;
		}
	}
}