.multiu_myaccount_individual_bundle_custom_text {
	margin: 0 30px;
	padding: 10px 0px;
	font-family: Roboto;
	border-top: 1px solid #d7d7d7;
	white-space: pre-wrap;
	color: #515151;
	line-height: 1.2em;
	font-size: 11px;
}
.multiu_bundle_myaccount_total{
	font-size: 16px;
}
.multiu_bundle_myaccount_total .amount{
	font-weight: 700;
	font-size: 22px;
}
.multiu_bundle_myaccount_items_text{
	font-size: 15px;
}
#multiu_myaccount_bundles_container{
	margin: 0px 40px;
}
#multiu_myaccount_bundles_title, #multiu_myaccount_discussions_title, #multiu_myaccount_bulkorder_title{
	font-family: Roboto;
	font-size: 30px;
	color: #373737;
	font-weight: 400;
	margin-bottom: 12px;
}
.multiu_myaccount_individual_bundle_top{
	font-family: Roboto;
	font-weight: 500;
	font-size: 17px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #EDEDED;
	width: 100%;
	height: 35px;
	background: #838383;
	border-radius: 5px 5px 0px 0px;
}
.multiu_myaccount_individual_bundle_container{
	background: #EBEBEB;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13);
	border-radius: 5px;
	min-height: 200px;
	position: relative;
	margin-bottom: 40px;
	min-width: 422px;
}
.multiu_myaccount_individual_bundle_top_icon{
	position: absolute;
	left: 15px;
	top: 7px;
	width: 17px;
}
.multiu_myaccount_individual_bundle_header_line{
	border-bottom: 1px solid #d7d7d7;
	margin: 18px 0px 6px 0px;
	justify-content: space-between;
	font-family: Roboto;
	font-weight: 500;
	font-size: 15px;
	color: #818181;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.multiu_myaccount_individual_bundle_header_line_item{
	text-align: center;
}
.multiu_myaccount_individual_bundle_element_line{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: center;
	margin: 20px 1px;
	font-size: 12px;
}
.multiu_myaccount_individual_bundle_element_line_item{
	color: #515151;
	font-family: Roboto;
	font-size: 11px;
	text-align: center;
}
.multiu_bundle_image{
	width:60%;
	margin: auto;
}
.multiu_myaccount_individual_bundle_bottom_line{
	border-top: 1px solid #d7d7d7;
	justify-content: space-between;
	display: flex;
	margin: 0px 30px;
	padding: 20px 0px;
	align-items: center;
}
.multiu_myaccount_individual_bundle_bottom_line_total{
	font-family: Roboto;
	font-size: 18px;
	line-height: 28px;
	color: #525252;
}
.multiu_myaccount_individual_bundle_bottom_line_add button.multiu_myaccount_individual_bundle_bottom_line_button{
	background: #94678b;
	line-height: 15px;
	min-width: 150px;
	text-align: end;
	height: 30px;
	color: #FFFFFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	position: relative;
	outline: none;
	border: none;
	font-family: "Roboto";
	font-weight: 500;
	font-size: 15.5px !important;
	padding: 5px 16px;
	text-transform: none;
	min-height: 0;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
}
.multiu_myaccount_individual_bundle_bottom_line_button:hover, .multiu_myaccount_individual_bundle_bottom_line_add button.multiu_myaccount_individual_bundle_bottom_line_button:hover{
	background: #904d82;
	color: white;
	outline: none;
	cursor: pointer;
}
.multiu_myaccount_individual_bundle_bottom_line_button_icon, .multiu_myaccount_new_discussion_button_icon{
	width: 19px;
	margin-right: 10px;
}


/* 3. Discussions */
#multiu_myaccount_discussions_container{
	margin:0 20px;
}
#multiu_myaccount_discussions_container_top{
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}
#multiu_myaccount_discussions_container_top button{
	background: #94678b;
	line-height: 15px;
	min-width: 165px;
	text-align: end;
	height: 30px;
	color: #FFFFFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	position: relative;
	outline: none;
	border: none;
	font-family: "Roboto";
	font-weight: 500;
	font-size: 14px;
	padding: 5px 16px;
	text-transform: none;
	min-height: 0;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
}
#multiu_myaccount_discussions_container_top button:hover{
	background-color: #904d82;
	cursor: pointer;
}

.multiu_myaccount_individual_discussion_top{
	font-family: Roboto;
	font-size: 14px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #ffffff;
	width: 100%;
	height: 30px;
	background: #a2a2a2;
	border-radius: 7px 7px 0px 0px;
}
.multiu_myaccount_individual_discussion_container{
	background: #f4f4f4;
	box-shadow: 0px 3px 2px rgb(0 0 0 / 8%);
	border-radius: 3px;
	position: relative;
	margin-bottom: 30px;
	display: block;
}
.multiu_myaccount_individual_discussion_top_item{
	position: relative;
	right: 8px;
}
.multiu_myaccount_individual_discussion_content{
	display: flex;
	justify-content: space-around;
}
.multiu_myaccount_individual_discussion_content_item {
	width: 140px;
	padding: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 23px;
	color: #414141;
}
.multiu_myaccount_individual_discussion_bottom{
	display: flex;
	justify-content: flex-start;
}
#multiu_myaccount_discussions_container .multiu_myaccount_individual_discussion_container .multiu_myaccount_individual_discussion_bottom a{
	text-decoration: none;
}
button.multiu_myaccount_view_discussion_button{
background: #a2a2a2;
	line-height: 8px;
	min-width: 125px;
	text-align: end;
	height: 28px;
	margin-top: 10px;
	color: #FFFFFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	position: relative;
	outline: none;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 0px 18px;
	border: none;
	font-family: Roboto;
	font-weight: 500;
	font-size: 13px;
	text-transform: none;
	min-height: 0;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
}
button.multiu_myaccount_view_discussion_button:hover{
	background-color: #8b8b8b;
	color: #fff;
	cursor: pointer;
}
.multiu_myaccount_view_discussion_button_icon{
	width: 14px;
	margin-right: 10px;
}
.multiu_myaccount_discussions_pagination_container{
	display: flex;
	justify-content: space-between;
	margin: 0px 20px;
}
.multiu_myaccount_cbundles_pagination_container{
	display: flex;
	justify-content: space-between;
}
.multiu_myaccount_discussions_pagination_button a{
	width: 230px;
	height: 35px;
	background: #A3A3A3;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
	display: inline-flex;
	border-radius: 3px;
	justify-content: center;
	align-items: center;
	font-family: "Roboto Medium", Roboto;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #ECECEC;
	text-decoration: none !important;
}
.multiu_myaccount_discussions_pagination_button a:hover{
	background-color: #6a6a6a;
}
.multiu_myaccount_discussions_pagination_button a:visited{
	color:#ececec;
}
.multiu_myaccount_new_discussion_top{
	font-family: "Roboto Medium", Roboto;
	font-size: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #EDEDED;
	height: 30px;
	background: #a2a2a2;
	border-radius: 5px 5px 0px 0px;
	padding: 0px 20px;
}
.multiu_myaccount_new_discussion_new{
	font-weight: 500;
}
.multiu_myaccount_new_discussion_close{
	border-radius: 3px;
	background: #666666;
	padding: 0px 15px;
	font-weight: 500;
}
.multiu_myaccount_new_discussion_close:hover{
	background-color: #2f2f2f;
	cursor: pointer;
}
.multiu_myaccount_new_discussion_container{
	background: #EBEBEB;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13);
	border-radius: 5px;
	min-height: 150px;
	position: relative;
	margin-bottom: 40px;
	display: none;
}

.multiu_myaccount_new_discussion_content{
	padding: 20px;
}
.multiu_myaccount_new_discussion_content_element_text {
	font-family: "Roboto Medium", Roboto;
	font-size: 15px;
	line-height: 21px;
	color: #838383;
}
select#multiu_myaccount_discussion_type {
	height: 43px;
	background: #DEDEDE;
	border-radius: 4px;
	padding: 0px 20px;
	border: none;
	font-family: "Roboto Medium", Roboto;
	width: 100%;
	margin-bottom: 18px;
	margin-top: 5px;
	font-size: 15px;
	outline: none;
	color: #8D8D8D;
}
input#multiu_myaccount_title_discussion_start {
	height: 43px;
	background: #DEDEDE;
	border-radius: 4px;
	padding: 0px 20px;
	border: none;
	font-family: "Roboto Medium", Roboto;
	width: 92%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	margin-bottom: 18px;
	margin-top: 5px;
	font-size: 15px;
	outline: none;
	color: #8D8D8D;
	box-shadow: none;
}
input#multiu_myaccount_title_discussion_start::placeholder, #multiu_myaccount_textarea_discussion_start::placeholder{
	color: #8D8D8D;
}
#multiu_myaccount_textarea_discussion_start{
	resize: vertical;
	min-height: 150px;
	height: 43px;
	background: #DEDEDE;
	border-radius: 4px;
	padding: 10px 20px;
	border: none;
	font-family: "Roboto Medium", Roboto;
	width: 92%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	margin-bottom: 18px;
	margin-top: 5px;
	font-size: 15px;
	outline: none;
	color: #8D8D8D;
	box-shadow: none;
}
.multiu_myaccount_start_discussion_bottom{
	display: flex;
	justify-content: flex-end;
}
button.multiu_myaccount_start_discussion_button{
	background: #94678b;
	line-height: 8px;
	min-width: 175px;
	text-align: end;
	height: 30px;
	margin-top: 10px;
	color: #FFFFFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	position: relative;
	outline: none;
	padding: 0px 18px;
	border: none;
	font-family: "Roboto";
	font-weight: 500;
	font-size: 15.5px;
	padding: 5px 16px;
	text-transform: none;
	min-height: 0;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
}
button.multiu_myaccount_start_discussion_button:hover{
	background-color: #904d82;
	color: #fff;
	cursor: pointer;
}
.multiu_myaccount_start_discussion_button_icon{
	width: 19px;
	margin-right: 10px;
}
/* discussion endpoint (individual discussion view) */
#multiu_myaccount_discussion_endpoint_container{
	margin:0 20px;
}
#multiu_myaccount_discussion_endpoint_container_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#multiu_myaccount_discussion_endpoint_container_top button{
	line-height: 15px;
	width: 117px;
	background: #a2a2a2;
	text-align: end;
	height: 30px;
	color: #FFFFFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	position: relative;
	outline: none;
	border: none;
	font-family: "Roboto";
	font-weight: 500;
	font-size: 14px;
	padding: 5px 16px;
	text-transform: none;
	min-height: 0;
}

#multiu_myaccount_discussion_endpoint_container_top button:hover{
	background-color: #a2a2a2;
	cursor: pointer;
}
#multiu_myaccount_discussion_endpoint_title{
	font-family: "Roboto Medium", Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 26px;
	color: #313131;
}
#multiu_myaccount_discussion_endpoint_container_top_header{
	background: #a2a2a2;
	border-radius: 5px 5px 0px 0px;
	min-height: 35px;
	margin-top: 30px;
	font-family: "Roboto Medium", Roboto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 20px;
	font-size: 13px;
}
.multiu_myaccount_discussion_endpoint_container_top_header_item{
	color: #D6D6D6;
}
.multiu_myaccount_discussion_endpoint_top_header_text_bold{
	font-weight: 500;
	color: #f9f9f9;
}
.multiu_myaccount_discussion_endpoint_bottom{
	display: flex;
	justify-content: flex-end;
}
.multiu_myaccount_discussion_endpoint_button{
	background: #94678b;
	line-height: 8px;
	min-width: 165px;
	text-align: end;
	height: 30px;
	margin-top: 10px;
	color: #FFFFFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	position: relative;
	outline: none;
	border: none;
	font-family: "Roboto";
	font-weight: 500;
	font-size: 15.5px;
	padding: 5px 16px;
	text-transform: none;
	min-height: 0;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
}
.multiu_myaccount_discussion_endpoint_button:hover{
	background-color: #904d82;
	color: #fff;
	cursor: pointer;
}
.multiu_myaccount_discussion_endpoint_button_icon{
	width: 17px;
	margin-right: 10px;
}
#multiu_discussion_user_new_message{
	resize: vertical;
	min-height: 110px;
	outline: none;
	padding: 15px;
	margin-top: 20px;
	background: #f8f8f8;
	border-radius: 5px;
	margin-bottom: 5px;
	width: 92%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;

}
#multiu_discussion_messages_container{
	max-height: 500px;
	overflow-y: scroll;
}
.multiu_discussion_message{
	background: #f6f6f6;
	margin: 10px;
	padding: 15px;
	padding-right: 10%;
	padding-bottom: 50px;
	border-radius: 4px;
	width: 70%;
	position: relative;
	font-family: "Roboto Medium", Roboto;
	font-size: 15px;
	font-weight: normal;
}
.multiu_discussion_message_self{
	margin-left: auto;
	background: #f4edea;
}
.multiu_discussion_message_time{
	position: absolute;
	right: 10px;
	color: #888f92;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	bottom: 10px;
}

/* 4. Bulk Order */
#multiu_myaccount_bulkorder_container{
	margin: 0px 20px;
	min-width: 500px;
}
/* Page Header */
.multiu_page_header {
	margin-bottom: 30px;
}

.multiu_page_header h2 {
	margin-bottom: 8px;
}

.multiu_page_description {
	color: #666;
	font-size: 14px;
	margin: 0;
}

/* Bulk Order Form - Clean List Design */
.multiu_bulkorder_form {
	max-width: 100%;
}

/* Empty State */
.multiu_bulkorder_empty_state {
	text-align: center;
	padding: 60px 20px;
	background: #fafafa;
	border-radius: 8px;
	border: 2px dashed #ddd;
}

.multiu_empty_state_icon {
	font-size: 64px;
	color: #ccc;
	margin-bottom: 20px;
}

.multiu_empty_state_icon .dashicons {
	width: 64px;
	height: 64px;
	font-size: 64px;
}

.multiu_bulkorder_empty_state h3,
.multiu_shopping_lists_empty_state h3 {
	color: #666;
	font-size: 20px;
	margin-bottom: 10px;
}

.multiu_bulkorder_empty_state p,
.multiu_shopping_lists_empty_state p {
	color: #999;
	font-size: 14px;
	margin: 0;
}

/* Shopping Lists empty state - same styling as bulk order */
.multiu_shopping_lists_empty_state,
.multiu_shopping_list_empty_state {
	text-align: center;
	padding: 60px 20px;
	background: #fafafa;
	border-radius: 8px;
	border: 2px dashed #ddd;
	margin-top: 20px;
}

.multiu_shopping_list_empty_state h3 {
	color: #666;
	font-size: 20px;
	margin-bottom: 10px;
}

.multiu_shopping_list_empty_state p {
	color: #999;
	font-size: 14px;
	margin: 0;
}

/* Top action buttons */
.multiu_bulkorder_actions_top {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.multiu_bulkorder_actions_top .button .dashicons,
.multiu_bulkorder_actions_bottom .button .dashicons,
.multiu_bulkorder_table tfoot .button .dashicons {
	margin-right: 5px;
	vertical-align: middle;
	line-height: inherit;
}

/* Bottom actions */
.multiu_bulkorder_actions_bottom {
	margin-bottom: 20px;
}

/* Table styling - clean and spacious */
.multiu_bulkorder_table {
	margin-bottom: 1.5em;
}

.multiu_bulkorder_table thead th {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.85em;
	letter-spacing: 0.5px;
	padding: 12px 10px;
}

.multiu_bulkorder_table tbody tr {
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

.multiu_bulkorder_table tbody td {
	padding: 15px 10px;
	vertical-align: middle;
}

/* Product name/search field */
.multiu_bulkorder_line_product,
.multiu_shopping_list_line_product {
	position: relative;
	min-width: 300px;
}

.multiu_bulkorder_line_product input,
.multiu_shopping_list_line_product input {
	width: 100%;
	max-width: 500px;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 3px;
	transition: all 0.2s ease;
}

.multiu_bulkorder_product_search:not([readonly]),
.multiu_shopping_list_product_search:not([readonly]) {
	background-color: #fafafa;
	border-color: #bbb;
}

.multiu_bulkorder_product_search:not([readonly]):focus,
.multiu_shopping_list_product_search:not([readonly]):focus {
	background-color: #fff;
	border-color: #999;
	outline: none;
}

.multiu_bulkorder_product_search[readonly] {
	background-color: transparent;
	border-color: transparent;
	cursor: default;
	font-weight: 500;
	padding-left: 0;
}

/* Quantity input */
.multiu_bulkorder_line_qty input.qty {
	width: 70px;
	text-align: center;
}

/* Remove button */
.multiu_bulkorder_remove {
	color: #cc0000 !important;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1;
	text-decoration: none;
	opacity: 0.7;
	transition: opacity 0.2s ease;
}

.multiu_bulkorder_remove:hover {
	opacity: 1;
}

/* Product thumbnail - compact */
.multiu_product_image_placeholder,
.multiu_bulkorder_form .product-thumbnail img,
.multiu_shopping_list_form .product-thumbnail img {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: #f5f5f5;
	border-radius: 4px;
}

.multiu_bulkorder_form .product-thumbnail img,
.multiu_shopping_list_form .product-thumbnail img {
	background: transparent;
	object-fit: cover;
	border: 1px solid rgba(0,0,0,0.05);
}

/* Live search dropdown - clean design */
.multiu_bulkorder_livesearch,
.multiu_shopping_list_livesearch {
	position: absolute;
	background: #fff;
	border: 1px solid #ddd;
	width: 100%;
	max-width: 500px;
	max-height: 350px;
	overflow-y: auto;
	z-index: 1000;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	border-radius: 4px;
	margin-top: 4px;
	display: none;
}

.multiu_livesearch_product_result {
	padding: 12px 15px;
	display: flex;
	align-items: center;
	gap: 12px;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.multiu_livesearch_product_result:hover {
	background-color: #f8f8f8;
}

.multiu_livesearch_product_result:last-child {
	border-bottom: none;
}

img.multiu_livesearch_image {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 4px;
	flex-shrink: 0;
	order: -1; /* Ensures image comes first */
}

.multiu_livesearch_product_info {
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 0;
	gap: 12px;
}

.multiu_livesearch_product_info.multiu_livesearch_no_image {
	padding-left: 62px; /* Align with items that have images (50px + 12px gap) */
}

.multiu_livesearch_price {
	margin-left: auto;
	font-weight: 600;
	color: #333;
	flex-shrink: 0;
	white-space: nowrap;
}

/* Price and subtotal columns */
.multiu_bulkorder_table .product-price,
.multiu_bulkorder_table .product-subtotal {
	font-weight: 500;
}

/* Shopping Lists Table */
#multiu_shopping_lists_table {
	width: 100%;
}

#multiu_shopping_lists_table tbody tr:hover {
	background-color: #fafafa;
}

.multiu_shopping_lists_actions {
	white-space: nowrap;
}

/* Shopping List Detail Page */
.multiu_shopping_list_form {
	max-width: 100%;
}

.multiu_shopping_list_table {
	margin-bottom: 1.5em;
}

.multiu_shopping_list_actions {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.multiu_shopping_list_actions .button .dashicons {
	margin-right: 5px;
	vertical-align: middle;
	line-height: inherit;
}

.multiu_shopping_list_actions_top {
	margin-bottom: 20px;
}

.multiu_shopping_list_actions_top .button .dashicons,
.multiu_shopping_list_table tfoot .button .dashicons {
	margin-right: 5px;
	vertical-align: middle;
	line-height: inherit;
}

/* Shopping List table footer */
.multiu_shopping_list_table tfoot td,
.multiu_bulkorder_table tfoot td {
	padding: 20px !important;
	background: #f9f9f9;
	border-top: 2px solid #ddd;
}

.multiu_shopping_list_table tfoot .button,
.multiu_bulkorder_table tfoot .button {
	min-width: 160px;
}

/* Shopping List Search Row */
.multiu_shopping_list_search_row td {
	padding: 20px !important;
	background: #f9f9f9;
	border: 2px dashed #ddd;
}

.multiu_shopping_list_search_container {
	position: relative;
	max-width: 600px;
}

.multiu_shopping_list_search_container .multiu_shopping_list_product_search {
	width: 100%;
	padding: 12px 16px;
	font-size: 15px;
	border: 2px solid #ddd;
	border-radius: 4px;
	transition: border-color 0.2s;
}

.multiu_shopping_list_search_container .multiu_shopping_list_product_search:focus {
	outline: none;
	border-color: #2271b1;
}

.multiu_shopping_list_search_container .multiu_livesearch {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1000;
	margin-top: 5px;
}

.multiu_shopping_list_search_actions {
	display: flex;
	gap: 10px;
	margin-top: 15px;
}

.multiu_shopping_list_search_actions .button {
	margin: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.multiu_bulkorder_actions_top,
	.multiu_shopping_list_actions {
		flex-direction: column;
	}
	
	.multiu_bulkorder_actions_top button,
	.multiu_shopping_list_actions button {
		width: 100%;
	}
	
	.multiu_bulkorder_line_product input {
		max-width: 100%;
	}
	
	.multiu_bulkorder_livesearch {
		max-width: 100%;
	}
}
img.multiu_image_line_set {
	width: 30px;
	position: absolute;
	left: 2%;
	top: 17%;
}
/* 5. Custom registration fields */
select#multiu_registration_options_dropdown, .multiu_custom_registration_field {
	width: 100%;
}
.multiu_registration_options_dropdown_section_hidden{
	display: none !important;
}
.multiu_checkbox_registration_field{
	width: auto;
}
select#multiu_registration_options_dropdown{
	display: inline-block;
}
.multiu_custom_registration_field_textarea{
	resize: vertical;
	min-height: 55px;
}
.multiu_country_or_state{
	margin-bottom: 0 !important;
}
/* vat visible and hidden. !important necessary to make sure these stay hidden */
.multiu_vat_visible{
	display: block;
}
.multiu_vat_hidden{
	display: none !important;
}
.multiu_vat_countries_hidden{
	display: none !important;
}
button#multiu_checkout_registration_validate_vat_button {
	margin-top: 8px;
}

/* 6. Multiaccounts */
.multiu_multiaccounts_container_top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 17px;
	align-items: center;
}
.multiu_multiaccounts_container_top_title {
	font-family: Roboto;
	font-size: 30px;
	color: #373737;
	font-weight: 400;
}
.multiu_multiaccounts_new_account_container_top_title {
	font-weight: 400;
}
button.multiu_multiaccounts_container_top_button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.multiu_multiaccounts_account_container {
	min-height: 140px;
	background: #EBEBEB;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13);
	border-radius: 5px;
	margin-bottom: 35px;
}
.multiu_multiaccounts_account_top {
	background: #a2a2a2;
	display: flex;
	border-radius: 5px 5px 0px 0px;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-family: "Roboto Medium", Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	min-height: 28px;
}
svg.multiu_multiaccounts_account_top_icon {
	width: 16px;
	margin-right: 7px;
}
.multiu_multiaccounts_account_line {
	display: flex;
	justify-content: space-between;
	margin: 10px 15px;
	align-items: center;
}
.multiu_multiaccounts_container .multiu_multiaccounts_account_container .multiu_multiaccounts_account_line a{
	text-decoration: none;
}
.multiu_multiaccounts_account_name {
	font-family: Roboto;
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 23px;
	margin-bottom: 5px;
	text-align: center;
	color: #5c5c5c;
}
.multiu_multiaccounts_account_title {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 19px;
	text-align: left;
	color: #414141;
}
button.multiu_multiaccounts_account_button {
	background: #a2a2a2;
	font-family: Roboto;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	width: 120px;
	margin-top: 5px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	justify-content: space-between;
	height: 25px;
	color: #FFFFFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	position: relative;
	outline: none;
	padding: 0px 10px;
	border: none;
	text-decoration: none;
	text-transform: none;
	min-height: 0;

}
button.multiu_multiaccounts_account_button:hover{
	background-color: #7d7d7d;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}
button.multiu_multiaccounts_account_button:focus{
	outline: none;
}
svg.multiu_multiaccounts_account_button_icon {
	width: 14px;
}
.multiu_multiaccounts_account_phone_email {
	margin-top: 5px;
}
.multiu_multiaccounts_account_phone_email_text {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 19px;
	text-align: left;
	margin-bottom: 5px;
	color: #414141;
}
.multiu_multiaccounts_new_account_container_top {
	font-family: Roboto;
	font-size: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #ffffff;
	height: 32px;
	background: #a2a2a2;
	border-radius: 5px 5px 0px 0px;
	padding: 0px 20px;
}
.multiu_multiaccounts_new_account_container_content {
	padding: 20px;
	background: #FBFBFB;
	border-radius: 5px;
}
.multiu_multiaccounts_new_account_container {
	margin-bottom: 30px;
	background: #FBFBFB;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13);
	border-radius: 5px;
	display: none;
}
.multiu_multiaccounts_edit_account_container {
	margin-bottom: 30px;
	background: #FBFBFB;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13);
	border-radius: 5px;
}
.multiu_multiaccounts_new_account_container_content {
	padding: 20px;
}
.multiu_multiaccounts_new_account_container_content_large_title {
		font-family: "Roboto Medium", Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	min-height: 40px;
	align-items: center;
	display: flex;
	color: #4E4E4E;
	margin-bottom: 20px;
	margin-top: 5px;
}
svg.multiu_multiaccounts_new_account_container_content_large_title_icon {
	width: 25px;
	position: relative;
	bottom: 1px;
	margin-right: 5px;
}
.multiu_span_title_text_multiaccount{
	margin-left: 15px;
	margin-right: 15px;
}
.multiu_multiaccounts_new_account_container_top_close, .multiu_multiaccounts_edit_account_container_top_close {
	border-radius: 3px;
	background: #757575;
	padding: 0px 15px;
	font-weight: 500;
}
.multiu_multiaccounts_new_account_container_top_close:hover, .multiu_multiaccounts_edit_account_container_top_close:hover {
	background-color: #626262;
	cursor: pointer;
}
.multiu_multiaccounts_new_account_container_content_element_label {
	font-family: "Roboto Medium", Roboto;
	font-weight: 500;
	font-size: 15px;
	line-height: 21px;
	color: #7b7b7b;
}
.multiu_multiaccounts_new_account_container_content_element input.multiu_multiaccounts_new_account_container_content_element_text {
	height: 43px;
	background: #ededed;
	border-radius: 4px;
	padding: 0px 20px;
	border: none;
	font-family: Roboto;
	width: 92%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	margin-bottom: 18px;
	margin-top: 5px;
	font-size: 15px;
	outline: none;
	color: #8D8D8D;
	box-shadow: none;
}
.multiu_multiaccounts_new_account_container_content_element input.multiu_multiaccounts_new_account_container_content_element_text::placeholder{
	color: #999999;
}
.multiu_multiaccount_horizontal_line {
	border-bottom: 3px solid #e0e0e0;
	padding-bottom: 15px;
}
.multiu_multiaccount_top_margin{
	margin-top: 20px;
}
.multiu_multiaccounts_new_account_container_content_element_checkbox {
	background: #ededed;
	border-radius: 3px;
	margin-top: 12px;
	justify-content: space-between;
	display: flex;
	align-items: center;
	padding: 0px 15px;
	min-height: 40px;
}
.multiu_multiaccounts_new_account_container_content_element_checkbox_name {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	color: #5c5c5c;
}
.multiu_multiaccounts_new_account_container_content_bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
}
button.multiu_multiaccounts_new_account_container_content_bottom_button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
button.multiu_multiaccounts_new_account_container_content_bottom_button svg {
	margin: 0;
}
button.multiu_multiaccounts_edit_account_container_content_bottom_button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
button.multiu_multiaccounts_edit_account_container_content_bottom_button svg {
	margin: 0;
}

button.multiu_multiaccounts_edit_account_container_content_bottom_button_delete {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-right: 10px;
}
button.multiu_multiaccounts_edit_account_container_content_bottom_button_delete svg {
	margin: 0;
}

svg.multiu_multiaccounts_new_account_container_content_bottom_button_icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}
.multiu_multiaccounts_new_account_container_content_bottom_validation_errors {
	color: red;
}


/* 7. Shopping lists */
#multiu_shopping_lists_table_wrapper table:not( .has-background ) th{
	background: #ffffff;
}
div#multiu_shopping_lists_table_wrapper {
	padding: 15px;
	font-size: 14px;
	background: #fff;
	border: 1.5px solid #eee;
	border-radius: 5px;
}
table#multiu_shopping_lists_table {
	padding-top: 19px;
	padding-bottom: 13px;
	width:100%
}
.multiu_shopping_lists_top_title {
	font-family: Roboto;
	font-size: 30px;
	color: #373737;
	font-weight: 400;
}
#multiu_shopping_lists_table_filter input {
	border-radius: 4px;
	box-shadow: none;
	height: 33px;
}
#multiu_shopping_lists_table_length select{
	border-radius: 4px;
}
div#multiu_shopping_lists_table_length {
	margin-top: 3px;
}
button.multiu_shopping_lists_view_list {
	border-radius: 3px;
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
	margin-right: 5px;
	padding: 4px 8px;
	justify-content: center;
	color: #ffffff;
	background: #6abeff;
	margin-top: 1px;
	border: none;
	font-weight: 600;
	text-transform: none;
	min-height: 0;
	line-height: normal;
	height: 31px;
	font-family: Roboto;
	font-size: 13px;
}
button.multiu_shopping_lists_view_list:hover{
	background: #3a98e1;
	color: #ffffff;
	cursor: pointer;
}
button.multiu_shopping_lists_add_to_cart {
	border-radius: 3px;
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
	padding: 4px 8px;
	justify-content: center;
	color: #ffffff;
	background: #606060;
	margin-right: 5px;
	margin-top: 1px;
	border: none;
	font-weight: 600;
	text-transform: none;
	min-height: 0;
	line-height: normal;
	height: 31px;
	font-family: "Roboto Medium", Roboto;
	font-size: 13px;
	min-width: 60px;
}
button.multiu_shopping_lists_add_to_cart:hover{
	background: #444444;
	color: #ffffff;
	cursor: pointer;
}
#multiu_shopping_lists_table a.multiu_shopping_list_button_href:visited, #multiu_shopping_lists_table a.multiu_shopping_list_button_href{
	text-decoration: none;
}

#multiu_shopping_lists_table td, #multiu_shopping_lists_table th{
	text-align: center;
}
#multiu_shopping_lists_table td{
	padding: 12px 14px;
}
.multiu_shopping_list_top_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.woocommerce .woocommerce-MyAccount-content .multiu_shopping_list_top_container a.multiu_shopping_list_new_link{
	text-decoration: none !important;
}
button#multiu_shopping_list_new_button {
	background: #94678b;
	line-height: 15px;
	min-width: 115px;
	text-align: end;
	height: 30px;
	color: #FFFFFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	position: relative;
	outline: none;
	border: none;
	font-family: "Roboto";
	font-weight: 500;
	font-size: 14px;
	padding: 5px 16px;
	text-transform: none;
	min-height: 0;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
}
button#multiu_shopping_list_new_button:hover{
	background-color: #904d82;
	color: #ffffff;
	cursor: pointer;
}
svg.multiu_shopping_list_new_button_icon {
	width: 19px;
	margin-right: 10px;
}
.multiu_shopping_list_new_link{
	height: fit-content;
}

/* 8. Fonts */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* 9. Product Page */
.multiu_shop_table{
	margin-top: 50px;
}
/* 10. Media Queries */
@media screen and (max-width: 750px) {
	button.multiu_bulkorder_clear{
		left:50%;
	}
}
@media screen and (max-width: 665px) {
	button.multiu_bulkorder_form_container_bottom_delete_button{
		margin-top: 10px;
	}
}
@media screen and (max-width: 665px) {
	.multiu_bulkorder_form_container_bottom_add,.multiu_bulkorder_form_container_bottom, .multiu_bulkorder_form_container, #multiu_myaccount_discussions_container_top, .multiu_multiaccounts_container_top, .multiu_multiaccounts_new_account_container_content_bottom{
		display: block;
	}
	#multiu_myaccount_bundles_container, #multiu_myaccount_bulkorder_container{
		margin: 0px 0px;
	}
	.multiu_myaccount_individual_bundle_container, #multiu_myaccount_bulkorder_container{
		min-width: unset;
	}
	.multiu_myaccount_individual_bundle_bottom_line{
		margin:0px 10px;
	}
	.multiu_bulkorder_form_container_content_header_subtotal{
		display: none;
	}
	#multiu_myaccount_bulkorder_container .multiu_bulkorder_form_container_content_line input.multiu_bulkorder_form_container_content_line_qty, .multiu_bulkorder_form_container_content_line input.multiu_bulkorder_form_container_content_line_qty{
		width: 20%;
	}
	.multiu_bulkorder_form_container_bottom_total{
		margin-top: 10px;
	}
	.multiu_bulkorder_form_container_content_line_subtotal{
		width: 100% !important;
		text-align: center !important;
	}
	button.multiu_bulkorder_clear{
		left: 45%;
	}
}

/* 11. Shopping List Modal */
.multiu_modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.multiu_modal_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
}

.multiu_modal_content {
	position: relative;
	background: #fff;
	border-radius: 8px;
	max-width: 500px;
	width: 90%;
	max-height: 80vh;
	display: flex;
	flex-direction: column;
	z-index: 2;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
}

.multiu_modal_header {
	padding: 20px 24px;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.multiu_modal_header h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	color: #333;
}

.multiu_modal_close {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	transition: color 0.2s;
}

.multiu_modal_close:hover {
	color: #333;
}

.multiu_modal_close .dashicons {
	font-size: 24px;
	width: 24px;
	height: 24px;
}

.multiu_modal_body {
	padding: 24px;
	overflow-y: auto;
	flex: 1;
}

.multiu_modal_loading {
	text-align: center;
	padding: 40px 20px;
}

.multiu_modal_loading .spinner {
	float: none;
	margin: 0 auto 15px;
}

.multiu_modal_loading p {
	color: #666;
	margin: 0;
}

.multiu_modal_error {
	padding: 12px 16px;
	background: #f8d7da;
	border: 1px solid #f5c6cb;
	border-radius: 4px;
	margin-bottom: 20px;
}

.multiu_modal_error_message {
	color: #721c24;
	margin: 0;
	font-size: 14px;
}

.multiu_modal_lists_container {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.multiu_modal_lists {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.multiu_modal_list_option {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	border: 2px solid #e5e5e5;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s;
	background: #fff;
}

.multiu_modal_list_option:hover {
	border-color: #2271b1;
	background: #f6f7f7;
}

.multiu_modal_list_option input[type="radio"] {
	margin: 0 12px 0 0;
	cursor: pointer;
}

.multiu_modal_list_option input[type="radio"]:checked + .multiu_modal_list_name {
	font-weight: 600;
	color: #2271b1;
}

.multiu_modal_list_name {
	font-size: 15px;
	color: #333;
	flex: 1;
}

.multiu_modal_new_list {
	border-top: 1px solid #e5e5e5;
	padding-top: 16px;
}

.multiu_modal_new_list .multiu_modal_list_option {
	margin-bottom: 12px;
}

.multiu_modal_input {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	transition: border-color 0.2s;
}

.multiu_modal_input:focus {
	outline: none;
	border-color: #2271b1;
	box-shadow: 0 0 0 1px #2271b1;
}

.multiu_modal_input:disabled {
	background: #f6f7f7;
	cursor: not-allowed;
}

.multiu_modal_footer {
	padding: 16px 24px;
	border-top: 1px solid #e5e5e5;
	display: flex;
	justify-content: flex-end;
	gap: 12px;
}

.multiu_modal_footer .button {
	margin: 0;
}

.multiu_modal_save:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

@media screen and (max-width: 600px) {
	.multiu_modal_content {
		width: 95%;
		max-height: 90vh;
	}
	
	.multiu_modal_header,
	.multiu_modal_body,
	.multiu_modal_footer {
		padding: 16px;
	}
}














