@charset "utf-8";

.receipt_info {
	margin-bottom: 20px;
}

.support_info p {
	margin: 0;
	padding: 0;
}

.form-wrapper {
	background: #f6f6f6;
	padding: 2% 3%;
	margin: 0 0 15px 0;
	border-radius: 10px;
	}
	.form-wrapper fieldset {
		position: relative;
		z-index: 1;
		border: 0;
		margin: 0;
		padding: 4px 5px 4px 160px;
	}
		.form-wrapper fieldset label.field_title {
			position: absolute;
			z-index: 2;
			left: 4px;
			top: 8px;
			width: 150px;
			}
		.form-wrapper fieldset input[type="text"] {
			font-size: 1.0em;
			padding: 5px 5px;
			border: 1px solid #c1c1c1;
			}
			.form-wrapper fieldset input.focus {
				position: relative;
				border: 1px solid #c70000;
				box-shadow: 0 0 3px #1670BE;
				outline-offset: 0px;
				outline: none;
			}
	.form-wrapper ul.form-select {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.form-wrapper ul.form-select li {
			list-style: none;
			display: inline-block;
			background-image: none !important;
			float: left;
			padding: 4px 8px !important;
		}
		.form-wrapper ul.form-select li.selected {
			background: #c70000 !important;
			border-radius: 8px;
			color: #fff;
		}
		.form-wrapper ul.form-select li label {
			cursor: pointer;
		}
		.form-wrapper ul.form-select:after {
			clear: both;
			content: ' ';
			display: block;
		}
		.form-wrapper h3.receipt-necessary {
			color: #c70000;
			margin: 0;
			padding: 6px 0;
			display: none;
		}
		.form-wrapper fieldset.hide {
			display: none;
		}
		.form-wrapper fieldset#addr-form {
			display: none;
		}
		.form-wrapper fieldset button#find-addr {
			display: inline-block;
			border: 1px solid #c1c1c1;
			padding: 3px 5px 5px 5px;
			color: #c70000;
			font-size: 0.95em;
			cursor: pointer;
		}
		.form-wrapper fieldset#addr-form input#addr_addr,
			.form-wrapper fieldset#addr-form input#addr_addr2 {
			width: 96%;
			max-width: 400px;
		}
		.form-wrapper fieldset.submit,
		.form-wrapper div.submit {
			padding-top: 15px;
			text-align: center;
		}
		.form-wrapper fieldset.submit button,
		.form-wrapper div.submit button {
			background: #c70000;
			color: #fff;
			font-size: 1.0em;
			font-weight: 600;
			padding: 5px 15px;
			border-radius: 5px;
			border: 0;
			cursor: pointer;
			transition: color 0.2s linear;
		}
		.form-wrapper img {
			width: 100%;
		}
		.form-wrapper fieldset.submit button:hover {
			color: yellow;
		}

.alert-msg {
	display: inline-block;
	background: #c70000;
	color: #fff;
	padding: 8px !important;
	border-radius: 3px;
}

.loading {
	position: fixed;
	z-index: 999999;
	width: 32px;
	height: 32px;
	color: #c70000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	text-align: center;
	}
	.loading span {
		display: inline-block;
		float: none;
		background-color: currentColor;
		border: 0 solid currentColor;
		width: 32px;
		height: 32px;
		background: transparent;
		border-width: 2px;
		border-bottom-color: transparent;
		border-radius: 100%;
		animation: ball-clip-rotate 0.75s linear infinite;
	}

@keyframes ball-clip-rotate {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@media (max-width:719px) {
	.form-wrapper fieldset {
		padding: 4px 5px 4px 5px; }
		.form-wrapper fieldset label.field_title {
			position: static;
			display: block;
			width: 100%;
			margin-bottom: 10px;
		}
}

@media (max-width:459px) {
	.form-wrapper {
		padding: 15px 3%;
	}
}