form.dplr_form {
	border-top: 1px solid rgb(121, 121, 121);
	border-bottom: 1px solid rgb(121, 121, 121);
	padding: 20px 0;

	.dplr-secondary-email {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		height: 0;
		width: 0;
		z-index: -1;
	}

	.msg-data-sending {
		display: none;
		margin-top: 1em;
	}

	.input-field {
		margin-bottom: 0.7em;
		text-align: left;

		label {
			display: block;
		}

		input[type="text"],
		input[type="email"],
		input[type="url"],
		input[type="date"],
		select {
			width: 100%;
		}

		input[type="radio"] {
			margin-left: 10px;
			&:first-child {
				margin-left: 0px;
			}
		}

		p.description {
			display: block;
			font-style: italic;
			padding: 7px 15px 10px;
			font-size: 12px;
		}

		&.required {
			label {
				&::after {
					content: " *";
					color: #f71010;
				}
			}
		}
	}

	.input-button {
		text-align: center;

		&::after {
			content: "";
			clear: both;
			display: table;
		}

		button {
			&.left {
				float: left;
			}
			&.right {
				float: right;
			}
			&.fill {
				width: 100%;
			}

			position: relative;

			img {
				display: none;
				position: absolute;
				animation: rotation 2s infinite linear;
				-webkit-animation: rotation 2s infinite linear;
				top: calc(50% - 10px);
				left: calc(50% - 10px);
				width: 20px;
				height: 20px;
			}

			@keyframes rotation {
				from {
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);
				}
				to {
					-webkit-transform: rotate(359deg);
					transform: rotate(359deg);
				}
			}

			@-webkit-keyframes rotation {
				from {
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);
				}
				to {
					-webkit-transform: rotate(359deg);
					transform: rotate(359deg);
				}
			}

			&.sending {
				img {
					display: table;
				}
				span {
					opacity: 0.3;
				}
			}
		}
	}
}
