.neos-insert-node-panel {
	.neos-header {
		i {
			vertical-align: baseline;
		}
	}

	.neos-subheader {
		height: $unit;
		line-height: $unit;
		padding-left: $defaultMargin;
		margin: 0;
		position: relative;
		border-bottom: 1px solid $grayLight;
		overflow: hidden;

		.neos-modal-collapse-group {
			position: absolute;
			right: 0;
			top: 0;
			width: $unit;
			height: $unit;
			cursor: pointer;
			color: #fff;

			&:focus {
				outline: 1px dotted #fff;
			}

			&:hover {
				background-color: $blue;
				outline: none;
			}

			&::before {
				content: "›";
				font-size: 26px;
				font-weight: normal;
				display: inline-block;
				position: relative;
				top: 0;
				line-height: $unit;
			}

			&.neos-collapsed::before {
				@include rotate(90deg);
				left: 19px;
			}

			&.neos-open::before {
				@include rotate(-90deg);
				left: 13px;
			}
		}
	}

	+ ul {
		margin-bottom: 1px;
	}

	.neos-modal-body {
		max-height: calc(100vh - #{$unit * 2 + 52 + 72 + 80});
		overflow-y: auto;
	}

	.neos-modal-footer {
		border-top: 1px solid $grayLight;
		margin-top: -1px;
	}

	.neos-content-new-selecttype-button {
		position: relative;
		float: left;
		margin: 0;
		width: 100 / 3 * 1%;
		vertical-align: top;

		button {
			width: 100%;
			line-height: 16px;
			height: $unit;
			text-align: left;
			background-color: transparent;
			@include box-sizing(border-box);
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;

			i {
				width: 14px;
				padding-right: $relatedMargin;
				color: $blue;
				text-align: center;
				vertical-align: baseline;
			}
		}

		&:focus, &:hover {
			background-color: $blue;

			button {
				outline: none;
			}

			i {
				color: #fff;
			}

			.neos-help-message-button {
				display: inline-block;
			}
		}

		.neos-help-message-button {
			display: none;
			position: absolute;
			top: 0;
			right: 0;
			padding-right: $defaultMargin - $tightMargin;
			line-height: $unit;
			vertical-align: middle;
			cursor: pointer;

			.neos-help-message-icon {
				font-size: 16px;
			}

			&:focus {
				display: inline-block; // so when the hover is gone, the popover doesn't disappear
			}
		}
	}

	.neos-popover {
		width: $popoverSizeForHelpMessages;
	}
}
