#controlbar.controlbar_with_main, .confirmation #controlbar.controlbar_with_main,
.controlbar_plus.controlbar_with_main, .confirmation .controlbar_plus.controlbar_with_main {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.66em;
	margin-right: -0.66em;
}

#controlbar .controlbar_main_group .controlbar_button, 
.controlbar_plus .controlbar_main_group .controlbar_button {
	width: 50%;
}
#controlbar .controlbar_main_group .controlbar_button button, 
.controlbar_plus .controlbar_main_group .controlbar_button button {
	width: 100%;
}

#controlbar .controlbar_group, #controlbar > .controlbar_menu, #controlbar > .controlbar_button,
.controlbar_plus .controlbar_group, .controlbar_plus > .controlbar_menu, .controlbar_plus > .controlbar_button {
	position: relative;
}

#controlbar > .controlbar_menu, #controlbar > .controlbar_button,
.controlbar_plus > .controlbar_menu, .controlbar_plus > .controlbar_button {
	min-width: 50%;
}

#controlbar > .controlbar_menu button, #controlbar > .controlbar_button button,
.controlbar_plus > .controlbar_menu button, .controlbar_plus > .controlbar_button button {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

#controlbar .controlbar_main_button button,
.controlbar_plus .controlbar_main_button button {
	width: 100%
}

#controlbar > div, #controlbar .controlbar_group, #controlbar > .controlbar_menu, #controlbar > .controlbar_button,
.controlbar_plus > div, .controlbar_plus .controlbar_group, .controlbar_plus > .controlbar_menu, .controlbar_plus > .controlbar_button {
	padding: 0.66em;
	margin: 0;
}

#controlbar .controlbar_menu ul,
.controlbar_plus .controlbar_menu ul {
	bottom: calc(100% - 0.66em);
	left: unset;
	right: 1em;
}

/* Reordering of elements for mobile layout */

#controlbar .controlbar_main_group, #controlbar .controlbar_main_button,
.controlbar_plus .controlbar_main_group, .controlbar_plus .controlbar_main_button {
	width: 100%;
	/* order: -100; Removed because of WCAG 2.1:2.4.3 */ 
}

#controlbar .controlbar_main_button + span,
.controlbar_plus .controlbar_main_button + span {
	width: 100%;
	/* order: -99; Removed because of WCAG 2.1:2.4.3 */
}

/* Removed because of WCAG 2.1:2.4.3
#controlbar .small_top,
.controlbar_plus .small_top {
	order:-20
}

#controlbar .small_bottom,
.controlbar_plus .small_bottom {
	order:-10
} */