/**
 * ochSubscriptions
 *
 * @version     4.4.0
 * @package     Joomla
 * @subpackage  com_ochsubscriptions
 *
 * @author      Ruud van Lent
 * @copyright   Copyright (C) 2020 - 2025 OnlineCommunityHub (J.L.R. van Lent Holding B.V.). All rights reserved.
 * @license     GNU/GPL version 3 or later
 * @link        https://onlinecommunityhub.nl
 */
.ochsubscriptions-checkout-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	clear: both;
}

.ochsubscriptions-checkout-container .ochsubscriptions-account-container {
	width: 49%;
	overflow: auto;
}

.ochsubscriptions-checkout-container .ochsubscriptions-cart-container {
	width: 49%;
	overflow: auto;
}

.ochsubscriptions-checkout-container .ochsubscriptions-cart-container-fw {
	width: 100%;
}

.ochsubscriptions-checkout-container .ochsubscriptions-cart-items {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
}

.ochsubscriptions-checkout-container .ochsubscriptions-cart-item, .ochsubscriptions-checkout-container .ochsubscriptions-cart-paymentproviderfee, .ochsubscriptions-checkout-container .ochsubscriptions-cart-subtotal, .ochsubscriptions-checkout-container .ochsubscriptions-cart-vat, .ochsubscriptions-checkout-container .ochsubscriptions-cart-total, .ochsubscriptions-checkout-container .ochsubscriptions-cart-discount {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}

.ochsubscriptions-checkout-container .ochsubscriptions-cart-item, .ochsubscriptions-checkout-container .ochsubscriptions-cart-paymentproviderfee {
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #dae0e5;
}

.ochsubscriptions-checkout-container .ochsubscriptions-cart-subtotal {
	margin-top: 1rem;
}

.ochsubscriptions-checkout-container .ochsubscriptions-cart-subtotal-clear, .ochsubscriptions-checkout-container .ochsubscriptions-cart-discount-clear, .ochsubscriptions-checkout-container .ochsubscriptions-cart-paymentproviderfee-clear, .ochsubscriptions-checkout-container .ochsubscriptions-cart-vat-clear, .ochsubscriptions-checkout-container .ochsubscriptions-cart-total-clear, .ochsubscriptions-checkout-container .ochsubscriptions-cart-item-productname {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 300px;
}

.ochsubscriptions-checkout-container .ochsubscriptions-cart-subtotal-amounts, .ochsubscriptions-checkout-container .ochsubscriptions-cart-discount-amounts, .ochsubscriptions-checkout-container .ochsubscriptions-cart-paymentproviderfee-amounts, .ochsubscriptions-checkout-container .ochsubscriptions-cart-vat-amounts, .ochsubscriptions-checkout-container .ochsubscriptions-cart-total-amounts, .ochsubscriptions-checkout-container .ochsubscriptions-cart-item-handling {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-ms-flex-align: center;
	align-items: center;
	width: 270px;
}

.ochsubscriptions-checkout-container .subtotal_quantity, .ochsubscriptions-checkout-container .discount_quantity, .ochsubscriptions-checkout-container .paymentproviderfee_quantity, .ochsubscriptions-checkout-container .vat_quantity, .ochsubscriptions-checkout-container .total_quantity, .ochsubscriptions-checkout-container .handling_quantity {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: .5em;
	min-width: 125px;
	white-space: nowrap;
}

.ochsubscriptions-checkout-container .subtotal_quantity, .ochsubscriptions-checkout-container .subtotal_price, .ochsubscriptions-checkout-container .total_quantity, .ochsubscriptions-checkout-container .total_price {
	font-size: 1.2rem;
	font-weight: bold;
}

.ochsubscriptions-checkout-container .productname_description, .ochsubscriptions-checkout-container .productname_discount {
	line-height: 1rem;
}

.ochsubscriptions-checkout-container .subtotal_price {
	border-top: 1px solid #6c757d;
	border-bottom: 1px solid #6c757d;
}

.ochsubscriptions-checkout-container .total_price {
	border-top: 1px solid #6c757d;
	border-bottom: 3px double #6c757d;
	background-color: #fdffff;
}

.ochsubscriptions-checkout-container .discount_quantity, .ochsubscriptions-checkout-container .discount_price {
	background-color: #aff0d2;
}

.ochsubscriptions-checkout-container .subtotal_price, .ochsubscriptions-checkout-container .discount_price, .ochsubscriptions-checkout-container .paymentproviderfee_price, .ochsubscriptions-checkout-container .vat_price, .ochsubscriptions-checkout-container .total_price, .ochsubscriptions-checkout-container .handling_price {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: .5em;
	min-width: 50px;
	white-space: nowrap;
}

.ochsubscriptions-checkout-container .subtotal_vat, .ochsubscriptions-checkout-container .discount_vat, .ochsubscriptions-checkout-container .paymentproviderfee_vat, .ochsubscriptions-checkout-container .vat_vat, .ochsubscriptions-checkout-container .total_vat, .ochsubscriptions-checkout-container .handling_vat {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex: 1 1 0;
	flex: 1 1 0;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: .5em;
	min-width: 20px;
	white-space: nowrap;
}

.ochsubscriptions-checkout-container .ochsubscriptions-cart-button {
	float: none;
}

@media screen and (max-width: 768px) {
	.ochsubscriptions-checkout-container {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	.ochsubscriptions-checkout-container .ochsubscriptions-account-container, .ochsubscriptions-checkout-container .ochsubscriptions-cart-container, .ochsubscriptions-checkout-container .ochsubscriptions-cart-container-fw {
		width: 100%;
		overflow: auto;
	}
}

.ochsubscriptions-checkout-container .account-buttons-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	clear: both;
}

.ochsubscriptions-checkout-container .account-buttons-container .btn {
	margin-right: .5rem;
	margin-bottom: .5rem;
}

.ochsubscriptions-checkout-container .header {
	text-align: center;
	padding: 1rem;
	font-size: 1.2rem;
	line-height: 1.2rem;
	background-color: #6c757d;
	color: #fff;
}

.ochsubscriptions-checkout-container .body {
	padding: 1rem;
}

.ochsubscriptions-checkout-container #accountLoginForm textarea, .ochsubscriptions-checkout-container #accountLoginForm input[type=text], .ochsubscriptions-checkout-container #accountLoginForm input[type=password], .ochsubscriptions-checkout-container #accountLoginForm input[type=url], .ochsubscriptions-checkout-container #accountLoginForm input[type=email], .ochsubscriptions-checkout-container #accountRegisterForm textarea, .ochsubscriptions-checkout-container #accountRegisterForm input[type=text], .ochsubscriptions-checkout-container #accountRegisterForm input[type=password], .ochsubscriptions-checkout-container #accountRegisterForm input[type=url], .ochsubscriptions-checkout-container #accountRegisterForm input[type=email] {
	width: 90%;
}

.ochsubscriptions-checkout-container .input-viescheck, .ochsubscriptions-checkout-container .input-coupon {
	margin-bottom: .5rem;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.ochsubscriptions-checkout-container .input-viescheck button > span.ochsubs-icon-ok, .ochsubscriptions-checkout-container .input-coupon button > span.ochsubs-icon-ok {
	margin-right: .25rem;
}

.ochsubscriptions-checkout-container #jform_billingdetails_vatnumber, .ochsubscriptions-checkout-container #coupon_code {
	margin: 0 !important;
	width: 50% !important;
}

.ochsubscriptions-checkout-container .checkbox-inline.btn {
	margin-right: 1rem;
	margin-bottom: .5rem;
}

.ochsubscriptions-checkout-container #terms-conditions, .ochsubscriptions-checkout-container #country-conditions, .ochsubscriptions-checkout-container #recurring-conditions {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.ochsubscriptions-checkout-container #terms-conditions .controls, .ochsubscriptions-checkout-container #country-conditions .controls, .ochsubscriptions-checkout-container #recurring-conditions .controls {
	-ms-flex-order: -1;
	order: -1;
}

.ochsubscriptions-checkout-container #provider-description, .ochsubscriptions-checkout-container #recurring-automatic, .ochsubscriptions-checkout-container #recurring-manual {
	font-size: .8rem;
}

.ochsubscriptions-checkout-container .small {
	font-size: .7rem;
}

.ochsubscriptions-checkout-container #checkoutPayment fieldset {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ochsubscriptions-checkout-container #checkoutPayment input {
	opacity: 0;
}

.ochsubscriptions-checkout-container #checkoutPayment .ochsubscriptions-payment_method_image {
	border: 0;
}

.ochsubscriptions-checkout-buttons-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	clear: both;
}

@media screen and (max-width: 480px) {
	.ochsubscriptions-checkout-buttons-container {
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.ochsubscriptions-checkout-buttons-container .buttons_checkout {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 1rem;
	margin-right: 1rem;
}

.ochsubscriptions-checkout-buttons-container .buttons_checkout .btn {
	margin-right: .5rem !important;
}

@media screen and (max-width: 480px) {
	.ochsubscriptions-checkout-buttons-container .buttons_checkout {
		margin-top: 1rem;
		text-align: left;
	}
	
	.ochsubscriptions-checkout-buttons-container .buttons_checkout .btn {
		margin-bottom: .5rem !important;
	}
}