/*
=======================================================================
	Checkout Navbar
=======================================================================
*/

.checkout-navbar {
	margin-bottom: 30px;
}

	.checkout-navbar ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.checkout-navbar ul li {
			margin: 0;
			padding: 0;
			display: inline-block;
		}

			.checkout-navbar ul li span {
				background: #E5E5E5;
				padding: 15px 20px;
				display: block;
				color: #888;
				font-weight: 600;
			}

			.checkout-navbar ul li.active span {
				background: #563d7c;
				color: #fff;
			}

			.checkout-navbar ul li.previous span {
				background: #8e7ca9;
				color: #fff;
			}

@media screen and (max-width:767px) {
	.checkout-navbar ul li {
		display: block;
	}
}


/*
=======================================================================
	Checkout Box
=======================================================================
*/

.box {
	background: #efefef;
	margin-bottom: 30px;
	padding: 15px;
}

	.box input[type="text"],
	.box input[type="password"],
	.box textarea {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		border: 0;
	}

@media screen and (min-width:768px) {
	.box {
		padding: 30px;
	}

	.box-outline {
		padding: 20px;
		border: 2px solid #efefef;
	}
}

#ValidationSummary1 {
	padding: 30px;
	background: #fff3cd;
}

.box-footer {
	margin-top: 30px;
}

	.box-footer a {
		float: right;
	}

		.box-footer a:after {
			font-family: "Font Awesome 5 Pro";
			display: inline-block;
			margin-left: 10px;
			content: "\f178";
		}

.box-title {
	padding: 20px 0;
	cursor: pointer;
}

	.box-title h2 {
		margin: 0;
	}

		.box-title h2:before {
			font-family: "Font Awesome 5 Pro";
			display: inline-block;
			margin-right: 10px;
		}