/**
 * Sumoshop List accessory package v1.04
 * Copyright 2025 Sumoshop https://www.sumoshop.dk
 * All rights reserved
 */
.list-accessorypackage, .form-itemselector ul ul.list-accessorypackage {
	margin: 0;
}

li.accessorypackage, .form-itemselector ul ul li.accessorypackage {
	clear: both;
	width: calc(100% - 10px * 2);
	width: calc(100% - var(--basic-margin) * 2);
	height: 60px;
	margin: 10px;
	margin: var(--basic-margin);
	border-width: 1px;
	border-style: solid;
	border-color: #888888;
	border-color: var(--basic-border-color);
	background-color: #ffffff;
	background-color: var(--basic-background-color);
}

li.accessorypackage>* {
	position: relative;
	top: calc(50% - 10px);
	top: calc(50% - var(--basic-margin));
	transform: translateY(-50%);
	display: block;
	float: left;
	border: 0 !important;
	padding: 0 !important;
	margin: 10px;
	margin: var(--basic-margin);
	opacity: 0.5;
}

li.accessorypackage.active>* {
	opacity: 1;
}

.accessorypackage-image>img {
	height: 40px;
}

.accessorypackage-title {
	width: calc(100% - 140px - 8 * 10px);
	width: calc(100% - 140px - 8 * var(--basic-margin));
	text-align: left;
}

.accessorypackage-price {
	width: 80px;
	text-align: right;
}

.accessorypackage-active {
	width: 20px;
	height: 40px;
	background-image: url("../../icon/checkbox.svg");	
	background-size: auto 20px;
	opacity: 1;
}

.active>.accessorypackage-active {
	background-image: url("../../icon/checkbox-active.svg");	
}