// ButtonGroup

.mce-btn-group .mce-btn {
	border-width: 1px 0 1px 0;
	margin: 0;
    @include border-radius(0);

	&:hover, &:focus {
		@include button-background(darken($btn-background, 5%), darken($btn-background-highlight, 5%), $btn-text-color, 0 1px 1px rgba(255, 255, 255, .75));
	}

	&.mce-disabled, &.mce-disabled:hover {
		@include box-shadow(inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05));
		@include button-background($btn-background, $btn-background-highlight, $btn-text-color, 0 1px 1px rgba(255, 255, 255, .75));
		//.opacity(1);
	}

	&.mce-active, &.mce-active:hover, &:active {
		@include button-background(darken($btn-background, 10%), darken($btn-background-highlight, 10%), $btn-text-color, 0 1px 1px rgba(255, 255, 255, .75));
		@include box-shadow(inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0 ,.05));
	}

	&.mce-disabled button {
		@include uxopacity(0.65);
	}
}

.mce-btn-group .mce-first {
	border-left: 1px solid $btn-border-color;
    @include border-radius(3px 0 0 3px);
}

.mce-btn-group .mce-last {
	border-right: 1px solid $btn-border-color;
	@include border-radius(0 3px 3px 0);
}

.mce-btn-group .mce-first.mce-last {
	@include border-radius(3px);
}

.mce-btn-group .mce-btn.mce-flow-layout-item {
	margin: 0;
}