#main .wysiwyg-toolbar {
	position: relative;
	padding-bottom: $gridlet*2;

	+ textarea {
		height: 400px;
		display: block;
		font: 14px/1 Consolas, "Lucida Console", Monaco, monospace;
	}
}

.wysihtml5-sandbox {
	@include border-radius($gridlet);
	border: 1px solid rgba($blue, 0.5);
	color: $blue;
	font: 18px/1 AvenirRoman;
	padding: $gridlet*2 $gridlet*3;
	outline: 0;
	width: 100%;
	background: #fff;
	height: 400px;
	margin-bottom: $spacer;
	display: block;
}

.wysiwyg-buttons {
	@extend %microfix;

	a {
		padding: 0 $gridlet*2;
		line-height: $gridlet*8;
		display: block;
		float: left;
		color: $blue;
		border: 1px solid $blue;
		background: $light-blue;
		min-width: $gridlet*8;
		text-align: center;
		@include border-radius($gridlet 0 0 $gridlet);

		&:hover {
			background-color: $blue;
			color: #fff;
		}

		&.wysihtml5-action-active,
		&.wysihtml5-command-active {
			background-color: $blue;
			color: #fff;
		}

		+ a {
			@include border-radius(0);
			border-left-width: 0;
		}
	}

	.spacer {
		margin-right: $gridlet*2;
		border-top-right-radius:$gridlet;
		border-bottom-right-radius:$gridlet;

		+ a {
			border-left-width: 1px;
			border-top-left-radius:$gridlet;
			border-bottom-left-radius:$gridlet;
		}
	}

	.disabled,
	.disabled:hover {
		cursor: default;
		color: #B8B8B8;
		border-color: #B8B8B8;
		background-color: #E5E5E5;
	}
}

.wysiwyg-modals .modal {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: $spacer;
	background: #fff;
	border: 1px solid $light-blue;
	padding: 20px;
	width: 400px;
	margin-left: -200px;
	z-index: 1;
	@include border-radius($gridlet);
	@include box-shadow(1px 4px 5px rgba($blue, 0.25));

	a {
		@include button;
		cursor: pointer;
	}
}

[data-wysihtml5-command=bold] {
	font-weight: bold;
}

[data-wysihtml5-command=italic] {
	font-style: italic;
}

.wysiwyg-annotations {
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 0;
}