#neos-context-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10012;
	top: $unit + 1;
	background-color: $grayMedium;
	height: $unit;
	border-bottom: 1px solid $grayLight;
	padding-right: $unit;

	@include transition-property(top,padding);
	@include transition-duration(0.2s);

	.neos-edit-preview-panel-open & {
		top: $editPreviewPanelHeight + $unit + 1;
	}

	.neos-edit-preview-panel-open:not(.neos-inspector-panel-open) & {
		padding-right: 0;
	}

	.neos-navigate-panel-open & {
		padding-left: $navigatePanelWidth;
	}

	.neos-menu-panel-open.neos-menu-panel-sticky & {
		padding-left: $menuButtonWidth;
	}

	.neos-menu-panel-open.neos-menu-panel-sticky.neos-navigate-panel-open & {
		padding-left: $menuButtonWidth + $navigatePanelWidth - 1px;
	}

	.neos-inspector-panel-open & {
		padding-right: $inspectorWidth;
	}

	.neos-left {
		float: left;
		white-space: nowrap;
	}

	.neos-right {
		float: right;
		white-space: nowrap;
	}

	.neos-button {
		background-color: $grayMedium;
		border-left: 1px solid $grayLight;
		vertical-align: top;
		display: inline-block;
		float: left;

		&:hover,
		&:active,
		&.active,
		&.neos-pressed {
			background-color: $blue;
		}
	}

	@import "Shared/Chosen";
	#neos-aloha-topmenu {
		.chosen-container {
			.chosen-single {
				border-left: 1px solid $grayLight;
				border-right: 1px solid $grayLight;
			}

			.chosen-drop {
				margin-top: 0;

				.chosen-results {
					max-height: none;

					li {
						border-bottom: 1px solid $grayLight;

						&:first-child {
							border-top: 1px solid $grayLight;
						}
					}
				}
			}
		}
	}
}