.powermail_form ::placeholder {
	top: 8px;
	position: relative;
	left: 1px;
}

.powermail_fieldset {
	display: flex;
	flex-wrap: wrap;
	margin-right: -1rem;
}

.powermail_fieldwrap {
	flex: 0 0 100%;
	max-width: 100%;
	padding-right: 1rem;
}

.powermail_fieldwrap.layout1 {
	flex: 0 0 50%;
	max-width: 50%;
}

.powermail_fieldwrap.layout2 {
	flex: 0 0 60%;
	max-width: 60%;
}

.powermail_fieldwrap.layout3 {
	flex: 0 0 40%;
	max-width: 40%;
}

.powermail_fieldwrap.layout4 {
	flex: 0 0 33.333%;
	max-width: 33.333%;
}

.powermail_fieldwrap.layout5 {
	flex: 0 0 66.666%;
	max-width: 66.666%;
}

.form-group.form-floating {
	margin-bottom: 1rem;
}

.form-check > .form-label {
	margin-left: -1.5rem;
}

.form-control {
	border: none;
	border-bottom: 2px solid var(--main-color);
	border-radius: 0px;
}

.form-check-input {
	border-color: var(--main-color);
	color: var(--text-color);
}

.form-check-input:checked {
	background-color: var(--main-color);
	border-color: var(--main-color);
}

.form-check-input:focus {
	border-color: var(--main-color);
	outline: 0;
	box-shadow: 0px;
}

.tx-powermail .powermail_fieldset .powermail-errors-list.filled {
	display: none !important;
}

.form-control:focus {
	border-color: var(--main-color);
}

.powermail_form input.form-control, .powermail_form textarea.form-control, .powermail_form select.form-select {
	height: 75px;
	padding: 30px 15px 10px !important;
	font-size: 1rem;
	line-height: 1.15em;
	background-color: var(--light-grey);
}

.form-floating textarea.form-control {
	height: 250px;
}

.form-floating > label {
	padding: 30px 15px 10px !important;
	font-size: 1rem;
	height: 75px;
	opacity: 1;
	font-weight: 300;
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
	opacity: 1;
	-webkit-transform: scale(0.65) translateY(5px) translateX(15px);
	-moz-transform: scale(0.65) translateY(5px) translateX(15px);
	-o-transform: scale(0.65) translateY(5px) translateX(15px);
	-ms-transform: scale(0.65) translateY(5px) translateX(15px);
	transform: scale(0.65) translateY(5px) translateX(15px);
	margin: 0px;
	padding: 3px !important;
	height: auto;
	color: var(--text-color);
}

.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset div.error {
	border-color: red;
	background-color: var(--light-grey);
	color: red;
}

.powermail_field_error .form-check-input {
	border-color: red;
}

.powermail_form .form-control.powermail_field_error {
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='red'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='red' stroke='none'/></svg>") !important;
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.powermail-loading {
	background-color: rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 100%;
	display: block;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9999;
}

.lds-ring {
	display: inline-block;
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid var(--main-color);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	-moz-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	-ms-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	-o-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: var(--main-color) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
	-webkit-animation-delay: -0.45s;
	-moz-animation-delay: -0.45s;
	-ms-animation-delay: -0.45s;
	-o-animation-delay: -0.45s;
	animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
	-webkit-animation-delay: -0.3s;
	-moz-animation-delay: -0.3s;
	-ms-animation-delay: -0.3s;
	-o-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
	-webkit-animation-delay: -0.15s;
	-moz-animation-delay: -0.15s;
	-ms-animation-delay: -0.15s;
	-o-animation-delay: -0.15s;
	animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes lds-ring {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.powermail_fieldwrap_type_file.form-floating > label {
	position: relative;
	padding: 0px !important;
	height: auto;
	opacity: 1;
}

.powermail_form .powermail_fieldwrap_type_file input.form-control {
	height: auto;
	padding: 7px 15px 10px !important;
}

.powermail_form .powermail_fieldwrap_type_file {
	margin-bottom: var(--space-small);
}

.powermail_message li::before {
	display: none !important;
}

.tx-powermail .powermail_message {
	background: none !important;
	margin-bottom: var(--space-smaller);
}

.tx-powermail .powermail_fieldwrap.nolabel > label {
	display: none;
}

@media (max-width: 767px) {
	.powermail_form input.form-control, .powermail_form textarea.form-control, .powermail_form select.form-select {
		font-size: 0.93rem;
		line-height: 1.15em;
	}
	.form-floating > label {
		font-size: 0.93rem;
	}
}
@media (max-width: 575.99px) {
	.powermail_fieldwrap.layout1, .powermail_fieldwrap.layout2, .powermail_fieldwrap.layout3, .powermail_fieldwrap.layout4, .powermail_fieldwrap.layout5 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.powermail_fieldwrap_type_submit .btn {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.text-center .tx-powermail {
		max-width: 75%;
		margin-inline: auto;
	}
}
.text-center .tx-powermail {
	text-align: left;
}

.form-check {
	padding-left: 1rem;
}