#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;
		border-right: 1px solid $grayLight;
		vertical-align: top;
		display: inline-block;
		float: left;

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

		& + .neos-button {
			margin-left: $defaultMargin;
		}
	}

	.neos-context-bar-save-indicator {
		display: inline-block;
		float: left;

		.neos-indicator {
			margin: 0;
			padding: 0;
			cursor: default;
			background: transparent;
			border: none;
			padding-right: $defaultMargin;

			span {
				position: relative;
				top: 2px;
			}
		}
	}

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

			div {
				border-left: 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;
					}
				}
			}
		}
	}
}