.subscription > .row > .col-md-6 {
	margin: 0 auto;
	font-size: 19px;
	font-family: "Open Sans", sans-serif;
}

.subscription .card-body .card-text {
	padding: 16px;
	text-align: left;
}

.subscription ul {
	padding: 0;
	list-style: none;
}

.subscription input.quantity {
	width: 60px;
	display: inline-block;
	margin-right: 6px;
}

.subscription input.quantity + span {
	width: 60px;
}

.subscription #delivery_not_same_as_billing {
	float: left;
	margin-right: 5px;
	height: 24px;
}

.subscription input.error,
.subscription select.error {
	border-color: red;
}

.subscription .error-message {
	color: red;
}

.subscription .form-error-dialog {
	background: rgb(255 0 0 / 20%);
	padding: 10px;
	margin-bottom: 10px;
	color: red;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.subscription .form-error-dialog.disabled {
	display: none;
}

.subscription .form-error-dialog a {
	color: red !important;
}

.subscription ul.payment-select-tabs li:not(.active) div.payment-content {
	display: none;
}

.subscription ul.payment-select-tabs li span.payment-head {
	display: inline-block;
    width: 100%;
    padding: 0.75rem;
    margin-bottom: -0.75rem;
    background: #fff;
    color: #D66F2C;
    cursor: pointer;
}

.subscription ul.payment-select-tabs li:not(.active) span.payment-head:hover {
	color: #ab5923;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.subscription ul.payment-select-tabs li.active span.payment-head {
	color: #fff;
    background-color: #D66F2C;
    border-color: #D66F2C;
}

.subscription ul.payment-select-tabs li div.payment-content {
	margin-top: 0.75rem;
    padding: 0.75rem;
    background: white;
    margin-bottom: -0.75rem;
}

.subscription ul.payment-select-tabs li div.payment-content input.custom-control-input {
	float: left;
	height: 30px;
	position: unset;
	opacity: 1;
}

.subscription ul.payment-select-tabs li div.payment-content label {
	width: calc(100% - 30px);
    margin-left: 12px;
    margin-bottom: 12px;
}