/* Standard basket */

.basket-standard {
	padding: 0 0;
}

.basket-standard .header {
	align-items: center;
	padding: 0 1rem;
}

.basket-standard .header h1 {
	margin: 0;
}

.basket-standard .basket-save.input-group {
    border-bottom: 1px solid var(--ai-secondary);
	width: auto;
}

.basket-standard .basket-save .basket-name {
	border: none;
}

.basket-standard .basket-save .btn {
	border: none;
	width: 5rem;
}

.basket-standard-main {
	border: 1px solid var(--ai-tertiary);
	padding: 1rem;
	margin: 0;
}

.basket-standard-main quantity a,
.basket-standard-main action a {
	text-decoration: none;
}
h2#basket-title {
	margin-bottom: 3rem;
	font-size: xx-large;
}
.basket-standard-coupon {
	padding: 1rem !important;
	text-align: center;
	margin: 0;
}

.basket-standard-coupon .header,
.basket-standard-coupon .content {
	vertical-align: middle;
	display: inline-block;
	width: 49%;
}

.basket-standard-coupon .header h2 {
	font-size: 1rem;
	margin: 10px 0;
}

.basket-standard-coupon .attr-list {
	display: inline-block;
	font-weight: bold;
	list-style: none;
	margin: 0.5rem;
}

.basket-standard-coupon .attr-item .coupon-code,
.basket-standard-coupon .attr-item .change {
	font-weight: bold;
	font-size: 133%;
	padding: 0.5rem;
}

.basket-standard-coupon .btn-primary,
.basket-standard-coupon .btn-primary:hover {
	background: none;
	border: none;
	color: var(--ai-primary);
	font-weight: bold;
	font-size: 125%;
}

.basket-standard-coupon .input-group {
	border-bottom: 1px solid var(--ai-secondary);
}

.basket-standard-coupon .coupon-new .btn {
	width: 5rem;
}

.basket-standard-coupon .coupon-new .coupon-code {
	width: calc(100% - 5rem);
	border: none;
}

.basket-standard-coupon .minibutton.delete:after {
	display: inline-block;
	font-size: 125%;
}
.basket-heading {
	/*color: red;*/
}
.aimeos .error-list {
	display: none;
}
.nb-courses-in-basket {
	margin-bottom: .5rem;
	border-bottom: 1px solid #999;
	padding-bottom: .5rem;
}
.empty-basket-message {
	padding-top: 0 !important;
}
.available-courses-button {
	background: #aa163c !important;
	font-weight: bold;
	margin-top: .95rem;
	width: 10rem !important;
	font-size: 1rem !important;
}
.common-summary-detail .basket .product-item {
	background-color: white;
}
.common-summary-detail .basket .product-item a p.product-name {
	font-size: 1.25rem;
}
.product-item-container {
	display: flex !important;
	justify-content: space-between;
	align-items: center
}
.course-image-container {
	flex-basis: 20%;
}
.course-title-container {
	flex-basis: 50%;
}
.course-procedures-container {
	flex-basis: 12%;
}
.course-price-container {
	flex-basis: 18%;
}
.course-image {
	max-height: 200px !important;
	max-width: 250px !important;
	border-radius: .65rem;
}
* {
	/*outline: 1px dashed red;*/
}
.delete-btn {
	color: #aa163c !important;
	font-size: 1rem !important;
	background: white !important;
}
.delete-course-icon {
	width: 40px;
	height: 45px;
	/*object-fit: cover;*/
}
.total-container {
	/*margin-right: .25rem;*/
	/*border: 1px solid red;*/
}
.total-text {
	padding-top: 0 !important;
}
.total-to-pay {
	padding-top: .5rem !important;
	font-weight: bold !important;
}
p.product-name {
	font-weight: bold !important;
	margin-right: .75rem;
	margin-bottom: .2rem !important;
}
p.product-name:hover {
	color: black !important;
}
.btn-payment {
	background-color: #0030a8 !important;
	max-width: unset !important;
	font-weight: bold;
	font-size: large;
	width: 10rem !important;
}
.btn-payment:hover, .btn-payment:visited {
	background-color: #0343e1 !important;
}
.course-price-container {
	color: #0343e1;
	font-weight: bold;
	font-size: x-large;
}
.course-price-container > div {
	margin: auto;
}
.delete-course-text {
	display: none;
}
hr:last-child {
	display: none;
}
@media (max-width: 992px) {
	hr:last-child {
		display: block;
	}
}
@media (max-width: 767px) {
	.container {
		max-width: 100% !important;
	}
	h2#basket-title {
		margin-top: 3rem;
	}
	.total-container {
		text-align: center;
	}
	.delete-course-icon {
		object-fit: cover;
	}
}
@media (max-width: 550px) {
	.basket-standard-coupon .header,
	.basket-standard-coupon .content {
		display: block;
		width: 100%;
	}
	#basket-title, .nb-courses-in-basket {
		text-align: center;
	}
	.product-item-container {
		flex-direction: column !important;
		align-items: center !important;
	}
	p.product-name {
		text-align: center;
	}
	.course-title-container {
		margin-top: 1rem;
	}
	.delete-course-text {
		display: inline;
		font-weight: bold;
	}
	.delete-course-icon {
		object-fit: unset;
	}
}