#ribs-wysiwyg-editable {
	border: 1px solid #cccccc;
	width: 100%;
	min-height: 200px;
	
	&:focus {
		outline: none;
	}
}

#ribs-wysiwyg-toolbar {
	border: 1px solid #cccccc;
	border-bottom: none;
	
	&.inline {
		border-bottom: 1px solid #cccccc;
	}
	
	div {
		display: inline-block;
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
	}
	
	.ribs-wysiwyg-toolbar-separator {
		height: 30px;
		width: 1px;
		background: #ccc;
		vertical-align: bottom;
		margin: 0 10px;
	}
	
	button {
		border: none;
		box-shadow: none;
		min-width: 30px;
		height: 100%;
		padding: 0 5px;
		line-height: 30px;
		text-align: center;
		cursor: pointer;
		transition: background 0.3s ease;
		background: transparent;
		font-size: 13.3px;
		
		&.active, &:hover {
			background: #cccccc;
		}
		
		&.disabled {
			color: rgba(34,47,62,.5);
			cursor: not-allowed;
			
			&:hover {
				background: inherit;
			}
		}
	}
	
	select {
		margin: 0 2px;
		height: auto;
		background: #fff;
		padding: 2px;
		border: 1px solid #aaa;
		-webkit-appearance: button !important;
		
		&:focus, &:active {
			-webkit-appearance: button !important;
		}
	}
}