/* wui-form */

.wui-form,
.wui-form *,
.wui-form *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wui-form,
.wui-form .request,
.wui-form .response,
.wui-form > .head,
.wui-form > .body,
.wui-form > .footer {
	display: flex;
	position: relative;
	width: 100%;
	flex-direction: column;
	flex-wrap: wrap;
}
.wui-form {
	height: 100%;
	flex-wrap: nowrap;
}
.wui-form .request,
.wui-form .response,
.wui-form > .body {
	flex-grow: 1;
	align-items: stretch;
	padding-left: 20px;
	padding-right: 20px;
}
.wui-form > .head,
.wui-form > .footer {
	flex-direction: row;
	flex-grow: 0;
	flex-shrink: 0;
	align-items: center;
}
.wui-form > .head {
	flex-basis: 40px;
}
.wui-form > .body {
	flex-wrap: nowrap;
}
.wui-form > .body.scroll {
	overflow-y: auto;
	overflow-x: hidden;
}
.wui-form > .footer {
	flex-basis: 80px;
	justify-content: center;
}
.wui-form legend,
.wui-form fieldset,
.wui-form fieldset > .field label,
.wui-form fieldset > .field input,
.wui-form fieldset > .field select,
.wui-form fieldset > .field textarea,
.wui-form fieldset > .field .data,
.wui-form fieldset > .text,
.wui-form fieldset > .message {
	margin: 0;
	font-family: inherit;
	font-size: 14px;
}
.wui-form legend,
.wui-form fieldset {
	width: 100%;
}
.wui-form legend {
	display: flex;
	border: 0;
	padding: 0 20px 10px 20px;
	color: var(--wui-form-fieldset-textcolor);
}
.wui-form fieldset,
.wui-form fieldset > .field {
	display: flex;
	position: relative;
	flex-wrap: wrap;
}
.wui-form fieldset {
	margin: 10px 0 20px 0;
	border: 0;
	flex-direction: row;
	gap: 24px;
}
.wui-form fieldset > legend {
	padding: 0 0 10px 0;
}
.wui-form fieldset > .field {
	width: 100%;
	margin: 0;
	align-items: center;
}
.wui-form fieldset > .field.info {
	flex-wrap: wrap !important;
}
.wui-form fieldset > .field.autosize {
	height: auto !important;
}
.wui-form fieldset > .field.hidden {
	display: none !important;
}
.wui-form fieldset > .field:not(.data):not(.disabled):hover,
.wui-form fieldset > .field:not(.data):not(.disabled):focus-within {
	border-color: var(--wui-form-input-bordercolor-focus);
}
.wui-form fieldset > .field.disabled {
	border-color: var(--wui-form-input-bordercolor-disabled) !important;
}
.wui-form fieldset > .field.invalid {
	border-color: var(--wui-form-input-bordercolor-invalid) !important;
}
.wui-form fieldset > .field.checkbox,
.wui-form fieldset > .field.range {
	border: 0;
	background-color: transparent;
}
.wui-form fieldset > .field.checkbox label {
	cursor: pointer !important;
	left: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.wui-form fieldset > .field.checkbox .input {
	width: auto;
	margin-left: auto;
}
.wui-form fieldset > .field label,
.wui-form fieldset > .field:not(.textarea) {
	height: var(--wui-form-input-height);
}
.wui-form fieldset > .field label {
	--transition-base: top .2s ease-out, color .2s ease-out;
	--webkit-transition: var(--transition-base), -khtml-opacity .2s ease-out;
	--moz-transition: var(--transition-base), -moz-opacity .2s ease-out;
	--transition: var(--transition-base), opacity .2s ease-out;
	position: absolute;
	top: 11px;
	left: 10px;
	width: auto;
	white-space: nowrap;
	font-size: 13px;
	color: var(--wui-form-label-textcolor-out);
	-webkit-transition: var(--webkit-transition);
	-moz-transition: var(--moz-transition);
	transition: var(--transition);
}
.wui-form fieldset > .field label.notempty,
.wui-form fieldset > .field:focus-within > label {
	top: -12px;
}
.wui-form fieldset > .field.field:not(.checkbox) label.notempty {
	color: var(--wui-form-label-textcolor-notempty);
}
.wui-form fieldset > .field:focus-within > label:not(.disabled),
.wui-form fieldset > .field:not(.data):focus-within > label:not(.disabled) {
	color: var(--wui-form-label-textcolor-focus);
}
.wui-form fieldset > .field label.disabled,
.wui-form fieldset > .field:not(.data):focus-within > label.disabled {
	color: var(--wui-form-label-textcolor-disabled) !important;
}
.wui-form fieldset > .field .input {
	width: 100%;
}
.wui-form fieldset > .field input:not([type="checkbox"]):not([type="range"]),
.wui-form fieldset > .field select,
.wui-form fieldset > .field textarea,
.wui-form fieldset > .field .data {
	width: 100%;
	height: 30px;
	outline: none;
	border: 0;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	justify-content: center;
	text-align: left;
	color: var(--wui-form-input-textcolor-out);
}
.wui-form fieldset > .field input:-webkit-autofill,
.wui-form fieldset > .field input:-webkit-autofill:hover,
.wui-form fieldset > .field input:-webkit-autofill:focus,
.wui-form fieldset > .field input:-webkit-autofill:active,
.wui-form fieldset > .field select:-webkit-autofill,
.wui-form fieldset > .field select:-webkit-autofill:hover,
.wui-form fieldset > .field select:-webkit-autofill:focus,
.wui-form fieldset > .field select:-webkit-autofill:active,
.wui-form fieldset > .field textarea:-webkit-autofill,
.wui-form fieldset > .field textarea:-webkit-autofill:hover,
.wui-form fieldset > .field textarea:-webkit-autofill:focus,
.wui-form fieldset > .field textarea:-webkit-autofill:active {
	--transition: color 9999s ease-out, background-color 9999s ease-out;
    -webkit-transition: var(--transition);
    -webkit-transition-delay: 9999s;
    transition: var(--transition);
    transition-delay: 9999s;
}
.wui-form fieldset > .field input:disabled,
.wui-form fieldset > .field select:disabled,
.wui-form fieldset > .field textarea:disabled {
	color: var(--wui-form-input-textcolor-disabled) !important;
}
.wui-form fieldset > .field input[type="checkbox"] {
	display: flex;
	width: 20px;
	height: 20px;
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
	appearance: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid var(--wui-form-input-bordercolor-out);
	background-color: var(--wui-form-input-bgcolor-out);
	justify-content: center;
	align-items: center;
}
.wui-form fieldset > .field:hover input[type="checkbox"]:enabled,
.wui-form fieldset > .field:focus-within input[type="checkbox"]:enabled {
	border-color: var(--wui-form-input-bordercolor-focus);
	background-color: var(--wui-form-input-bgcolor-focus);
}
.wui-form fieldset > .field:hover input[type="checkbox"]:disabled,
.wui-form fieldset > .field:focus-within input[type="checkbox"]:disabled {
	border-color: var(--wui-form-input-bordercolor-disabled) !important;
	background-color: var(--wui-form-input-bgcolor-disabled) !important;
}
.wui-form fieldset > .field input[type="checkbox"]:checked::before {
	content: "";
	cursor: pointer;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: transparent;
}
.wui-form fieldset > .field input[type="checkbox"]:enabled:checked::before {
	background-color: var(--wui-form-input-bordercolor-focus);
}
.wui-form fieldset > .field input[type="checkbox"]:disabled:checked::before {
	background-color: var(--wui-form-input-bordercolor-disabled) !important;
}
.wui-form fieldset > .field input[type="date"] {
	position: relative;
	padding-right: 35px;
	min-width: 140px;
	color: transparent;
}
.wui-form fieldset > .field input[type="date"]:before,
.wui-form fieldset > .field input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 4px;
	right: 8px;
	width: 20px;
	height: 20px;
}
.wui-form fieldset > .field input[type="date"]:before {
	content: "";
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: var(--wui-form-date-calendarimage-out);
	background-size: 20px;
}
.wui-form fieldset > .field input[type="date"]::-webkit-calendar-picker-indicator {
	background: transparent;
	color: transparent;
}
.wui-form fieldset > .field:hover input[type="date"]:enabled:before,
.wui-form fieldset > .field:focus-within input[type="date"]:enabled:before {
	background-image: var(--wui-form-date-calendarimage-focus);
}
.wui-form fieldset > .field:hover input[type="date"]:disabled:before,
.wui-form fieldset > .field:focus-within input[type="date"]:disabled:before {
	background-image: var(--wui-form-date-calendarimage-disabled) !important;
}
.wui-form fieldset > .field select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-image: var(--wui-form-select-arrowimage-out);
	background-size: 30px;
	padding-right: 2rem;
}
/*.wui-form fieldset > .field select[multiple="true"] {
	height: auto;
	scrollbar-width: none;
    -ms-overflow-style: none;
}
.wui-form fieldset > .field select[multiple="true"]::-ms-expand {
	display: none;
}
.wui-form fieldset > .field select[multiple="true"]:-webkit-scrollbar {
    width: 0;
    height: 0;
}*/
.wui-form fieldset > .field:hover > select:enabled,
.wui-form fieldset > .field:focus-within > select:enabled {
	background-image: var(--wui-form-select-arrowimage-focus);
}
.wui-form fieldset > .field:hover > select:disabled,
.wui-form fieldset > .field:focus-within > select:disabled {
	background-image: var(--wui-form-select-arrowimage-disabled) !important;
}
.wui-form fieldset > .field textarea.noresize {
	resize: none;
}
.wui-form fieldset > .field textarea.vresize {
	resize: vertical;
}
.wui-form fieldset > .field textarea.hresize {
	resize: horizontal;
}
.wui-form fieldset > .field textarea.autosize {
	overflow-x: hidden;
	overflow-y: auto;
}
.wui-form fieldset > .field .data {
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	color: var(--wui-form-data-textcolor-out);
}
.wui-form fieldset > .field .data.disabled {
	color: var(--wui-form-data-textcolor-disabled) !important;
}
.wui-form fieldset > .text {
	padding: 0 10px 0 10px;
	color: var(--wui-form-text-textcolor-out);
}
.wui-form fieldset > .text.disabled {
	color: var(--wui-form-text-textcolor-disabled) !important;
}
.wui-form fieldset > .text.center {
	display: flex;
	width: 100%;
	justify-content: center;
	text-align: center;
}
.wui-form fieldset > .text p {
	margin-block-start: 10px;
}
.wui-form fieldset > .message {
	--shadow: rgba(48, 77, 99, .04) 0px 4px 12px;
	position: relative;
	width: 100%;
	-webkit-box-shadow: var(--shadow);
	-moz-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
	background-color: var(--wui-form-message-bgcolor);
	padding: 10px;
	font-size: 14px;
	color: var(--wui-form-message-textcolor);
}
.wui-form fieldset > .message.highlight {
	background-color: var(--wui-form-message-highlight-bgcolor);
	color: var(--wui-form-message-highlight-textcolor);
}
.wui-form fieldset > .message,
.wui-form fieldset > .message > iframe {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.wui-form fieldset > .message > iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
}
.wui-form fieldset > .message > .icon {
	width: 44px;
	height: 44px;
}
.wui-form fieldset > .message > .text {
	padding: 30px 20px 20px 20px;
}
.wui-form fieldset > .message > ul {
	padding-left: 20px;
}
.wui-form fieldset > .message.center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.wui-form fieldset > .message.center > .text {
	text-align: center;
}
.wui-form fieldset > .field a,
.wui-form fieldset > .text a,
.wui-form fieldset > .message a {
	text-decoration: none;
	color: var(--wui-form-text-linkcolor-out);
}
.wui-form .link {
	display: flex;
	cursor: pointer;
	outline: none;
	justify-content: center;
	align-items: center;
	gap: 5px;
	text-decoration: none;
	font-size: 14px;
	color: var(--wui-form-text-linkcolor-out);
}
.wui-form .link > .icon {
	width: 14px;
	height: 14px;
	background-color: var(--wui-form-text-linkcolor-out);
}
.wui-form .link > .icon.lg {
	width: 24px;
	height: 24px;
}
.wui-form .link.text {
	color: var(--wui-form-text-textcolor-out);
}
.wui-form .link.highlight {
	color: var(--wui-form-text-linkcolor-highlight);
}
.wui-form .link.highlight > .icon {
	background-color: var(--wui-form-text-linkcolor-highlight);
}
.wui-form .lowercase {
	text-transform: lowercase;
}
.wui-form .hidden {
	display: none;
}
.wui-form .hidden-force {
	display: none !important;
}
@media screen and (max-width: 599px) {
	.wui-form {
		padding-top: 0;
	}
	.wui-form .request,
	.wui-form .response {
		align-items: unset;
	}
	.wui-form .request,
	.wui-form .response,
	.wui-form > .body {
		padding-left: 10px;
		padding-right: 10px;
	}
	.wui-form fieldset {
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.wui-form fieldset > .field label,
	.wui-form fieldset > .field input,
	.wui-form fieldset > .field select,
	.wui-form fieldset > .field textarea,
	.wui-form fieldset > .field .data,
	.wui-form fieldset .text,
	.wui-form fieldset .message {
		font-size: 15px;
	}
	.wui-form fieldset > .field label,
	.wui-form fieldset > .field:not(.textarea) {
		height: var(--wui-form-input-responsive-height);
	}
	.wui-form a.link {
		font-size: 15px;
	}
	.wui-form a.link > .icon {
		width: 14px;
		height: 14px;
	}
}

/* wui-form line */

.wui-form.line fieldset legend {
	padding: 0 0 20px 0;
}
.wui-form.line fieldset > .field:not(.checkbox):not(.range) {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-bottom: var(--wui-form-input-borderwidth) solid var(--wui-form-input-bordercolor-out);
}
.wui-form.line fieldset > .field:not(.checkbox):not(.range):hover {
	border-bottom-color: var(--wui-form-input-bordercolor-out);
}
.wui-form.line fieldset > .field:not(.checkbox):not(.range):after {
	--transition: right .4s ease-out;
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	right: 100%;
	bottom: -1px;
	height: var(--wui-form-input-borderwidth);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: var(--wui-form-input-bordercolor-focus);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
}
.wui-form.line fieldset > .field:not(.checkbox):not(.range):focus-within:after {
	right: 0px;
}
.wui-form.line fieldset > .field label {
	display: flex;
	cursor: text;
	top: calc(-1 * var(--wui-form-input-borderwidth));
	align-items: center;
}
.wui-form.line fieldset > .field:not(.checkbox):not(.range) label.fixed,
.wui-form.line fieldset > .field:not(.checkbox):not(.range) label.notempty,
.wui-form.line fieldset > .field:not(.checkbox):not(.range):focus-within > label {
	top: calc(-0.7 * var(--wui-form-input-height) - var(--wui-form-input-borderwidth));
}
@media screen and (max-width: 599px) {
	.wui-form.line fieldset > .field:not(.checkbox):not(.range) label.fixed,
	.wui-form.line fieldset > .field:not(.checkbox):not(.range) label.notempty,
	.wui-form.line fieldset > .field:not(.checkbox):not(.range):focus-within > label {
		top: calc(-0.7 * var(--wui-form-input-responsive-height) - var(--wui-form-input-borderwidth));
	}
}

/* wui-form border */

.wui-form.border fieldset > .field:not(.checkbox):not(.range) {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: var(--wui-form-input-borderwidth) solid var(--wui-form-input-bordercolor-out);
	background-color: var(--wui-form-input-bgcolor-out);
}
.wui-form.border fieldset > .field:not(.checkbox):not(.range):focus-within {
	border-color: var(--wui-form-input-bordercolor-focus);
	background-color: var(--wui-form-input-bgcolor-focus);
}
.wui-form.border fieldset > .field label {
	display: flex;
	cursor: text;
	top: calc(-1 * var(--wui-form-input-borderwidth));
	align-items: center;
}
.wui-form.border fieldset > .field:not(.checkbox):not(.range) label.fixed,
.wui-form.border fieldset > .field:not(.checkbox):not(.range) label.notempty,
.wui-form.border fieldset > .field:not(.checkbox):not(.range):focus-within > label {
	top: calc(-0.8 * var(--wui-form-input-height) - var(--wui-form-input-borderwidth));
}
.wui-form.border fieldset > .field:not(.checkbox):not(.range) input[type="text"],
.wui-form.border fieldset > .field:not(.checkbox):not(.range) input[type="number"] {
	position: relative;
    top: calc(-1 * var(--wui-form-input-borderwidth));
}
@media screen and (max-width: 599px) {
	.wui-form.border fieldset > .field:not(.checkbox):not(.range) label.fixed,
	.wui-form.border fieldset > .field:not(.checkbox):not(.range) label.notempty,
	.wui-form.border fieldset > .field:not(.checkbox):not(.range):focus-within > label {
		top: calc(-0.8 * var(--wui-form-input-responsive-height) - var(--wui-form-input-borderwidth));
	}
}

/* .wui-form border curve */

.wui-form.border.curve fieldset > .field:not(.checkbox):not(.range) {
	--radius: calc(var(--wui-form-input-height) / 2);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	border-radius: var(--radius);
}
@media screen and (max-width: 599px) {
	.wui-form.border.curve fieldset > .field:not(.checkbox):not(.range) {
		--radius: calc(var(--wui-form-input-responsive-height) / 2);
	}
}

/* wui-form mobile */

@media screen and (max-width: 599px) {
	.wui-form.mobile legend {
		padding: 10px;
		font-size: 17px;
	}
	.wui-form.mobile fieldset {
		--shadow: rgba(0, 0, 0, .05) 0px 4px 12px;
		--radius: 10px;
		-webkit-box-shadow: var(--shadow);
		-moz-box-shadow: var(--shadow);
		box-shadow: var(--shadow);
		-webkit-border-radius: var(--radius) !important;
		-moz-border-radius: var(--radius) !important;
		border-radius: var(--radius) !important;
		background-color: var(--wui-form-fieldset-bgcolor);
		padding: 0;
		gap: 0;
	}
	.wui-form.mobile fieldset > .field {
		min-height: 44px;
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		border-top: var(--wui-form-input-borderwidth) solid var(--wui-form-mobile-field-bordercolor) !important;
		border-left: 0 !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		background-color: #fff !important;
		padding: 5px 10px 5px 10px;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.wui-form.mobile fieldset > .field:after {
		display: none !important;
	}
	.wui-form.mobile fieldset > .field:first-child {
		border-top: 0px !important;
		-webkit-border-top-left-radius: var(--radius);
		-webkit-border-top-right-radius: var(--radius);
		-moz-border-radius-topleft: var(--radius);
		-moz-border-radius-topright: var(--radius);
		border-top-left-radius: var(--radius);
		border-top-right-radius: var(--radius);
	}
	.wui-form.mobile fieldset > .field:last-child {
		-webkit-border-bottom-left-radius: var(--radius);
		-webkit-border-bottom-right-radius: var(--radius);
		-moz-border-radius-bottomleft: var(--radius);
		-moz-border-radius-bottomright: var(--radius);
		border-bottom-left-radius: var(--radius);
		border-bottom-right-radius: var(--radius);
	}
	.wui-form.mobile fieldset > .field:focus-within {
		border-color: var(--wui-form-mobile-field-bordercolor);
		background-color: transparent;
	}
	.wui-form.mobile fieldset > .field label {
		position: static;
		float: left;
		max-width: 70%;
		margin-left: 0px;
		padding: 0 10px 0 0;
		flex-grow: 0;
		font-size: 15px;
	}
	.wui-form.mobile fieldset > .field label.notempty {
		color: var(--wui-form-mobile-label-textcolor);
	}
	.wui-form.mobile fieldset > .field label.notempty,
	.wui-form.mobile fieldset > .field:focus-within > label {
		top: auto;
		left: auto;
	}
	.wui-form.mobile fieldset > .field label,
	.wui-form.mobile fieldset > .field label.notempty,
	.wui-form.mobile fieldset > .field:not(.data):focus-within > label {
		color: var(--wui-form-mobile-label-textcolor);
	}
	.wui-form.mobile fieldset > .field .input {
		margin: 0;
		padding: 0;
		text-align: right;
	}
	.wui-form.mobile fieldset > .field input,
	.wui-form.mobile fieldset > .field select,
	.wui-form.mobile fieldset > .field textarea {
		flex: 1;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border: var(--wui-form-input-borderwidth) solid var(--wui-form-input-bgcolor-out);
		text-align: right;
	}
	.wui-form.mobile fieldset > .field input,
	.wui-form.mobile fieldset > .field select,
	.wui-form.mobile fieldset > .field textarea {
		background-color: var(--wui-form-mobile-input-bgcolor);
	}
	.wui-form fieldset > .field input[type="checkbox"]:checked::before {
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.wui-form.mobile fieldset > .field input[type="date"] {
		margin-right: 0px;
		color: var(--wui-form-input-textcolor) !important;
	}
	.wui-form.mobile fieldset > .field textarea {
		resize: none;
	}
	.wui-form.mobile fieldset > .field .data {
		padding-left: 0;
		padding-right: 0;
	}
	.wui-form.mobile fieldset > .field.checkbox .input {
		position: absolute;
		right: 10px;
		width: auto;
	}

	/* wui-form line mobile */

	.wui-form.line.mobile fieldset > .field {
		border-bottom-width: 0px;
	}
}

/* wui-svgicon */

.wui-form fieldset > .field.icon > .wui-svgicon,
.wui-form fieldset > .field.icon-left > .wui-svgicon,
.wui-form fieldset > .field.icon-right > .wui-svgicon {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
}
.wui-form fieldset > .field.icon > .wui-svgicon.icon-left,
.wui-form fieldset > .field.icon-left > .wui-svgicon:first-child {
	left: 5px;
}
.wui-form fieldset > .field.icon > .wui-svgicon.icon-right,
.wui-form fieldset > .field.icon-right > .wui-svgicon:last-child {
	right: 5px;
}
.wui-form fieldset > .field.icon-left label,
.wui-form fieldset > .field.icon-left input,
.wui-form fieldset > .field.icon-left select,
.wui-form fieldset > .field.icon-left textarea,
.wui-form fieldset > .field.icon-left .data {
	left: 0;
	padding-left: 40px !important;
}
.wui-form fieldset > .field.icon-right label,
.wui-form fieldset > .field.icon-right input,
.wui-form fieldset > .field.icon-right select,
.wui-form fieldset > .field.icon-right textarea,
.wui-form fieldset > .field.icon-right .data {
	padding-right: 40px !important;
}
@media screen and (max-width: 599px) {
	.wui-form fieldset > .field.icon > .wui-svgicon,
	.wui-form fieldset > .field.icon-left > .wui-svgicon, 
	.wui-form fieldset > .field.icon-right > .wui-svgicon {
		width: 24px;
		height: 24px;
		margin-top: -12px;
	}
}

/* .wui-checkbox */

.wui-form fieldset > .field.checkbox > .input.wui-checkbox {
	position: absolute;
}
.wui-form.line fieldset > .field.checkbox > .input.wui-checkbox,
.wui-form.border fieldset > .field.checkbox > .input.wui-checkbox {
	right: 0;
}
.wui-form fieldset > .field.checkbox.invalid > .input.wui-checkbox:not(.disabled) {
	border-color: var(--wui-checkbox-default-bordercolor-invalid) !important;
}
@media screen and (max-width: 599px) {
	.wui-form.mobile fieldset > .field.checkbox > .input.wui-checkbox {
		right: 10px;
	}
}

/* wui-button */

.wui-form > .footer .wui-button {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
}