Template:VeDmDoc data/styles.css

.ve-doc-dm-data {
	list-style: none;
	cursor: default;
}

.ve-doc-dm-data li {
	font-family: sans-serif;
	text-align: center;
	line-height: 2.25em;
	display: inline-block;
	width: 2.25em;
	height: 2.25em;
	border: solid 2px white;
}

.ve-doc-dm-data li.ve-doc-dm-cursor {
	width: 0.5em;
}

.ve-doc-dm-cursor:hover {
	border-color: #c8ccd1;
}

.ve-doc-dm-open,
.ve-doc-dm-close {
	background-color: #50a5f4;
	color: #7ddcfd;
}

.ve-doc-dm-open:hover,
.ve-doc-dm-close:hover {
	border-color: #7ddcfd;
}

/*
.ve-doc-dm-close {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNrs0UENgEAQBMGThGMkImFBAp8jTVKVjIHptT4yM8eza947F2KIIYYYYoghBmKIgRhiIIYYiCGG18QQQwwxxBBDDMQQAzHEQAwxEEMMMTYHESMWRIwfBhEjFESMUBAxQkHECAURIxREjFAQMUJBxAgFESMURAwa2a9b1a2a9b1a2a9b1a2a9b1a2a9b1GCfW4ABAPk3h3InIbNlAAAAAElFTkSuQmCC);
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
} */

.ve-doc-dm-char,
.ve-doc-dm-achar {
	border-radius: 3em;
}

.ve-doc-dm-char {
	background-color: #7bcc45;
	color: #fff;
}

.ve-doc-dm-char:hover {
	border-color: #b6f26c;
}

.ve-doc-dm-achar {
	background-color: #fa952c;
	color: #fff;
}

.ve-doc-dm-achar:hover {
	border-color: #fed045;
}

.ve-doc-dm-element-text {
	color: #50a5f4;
}

.ve-doc-dm-char-text {
	color: #7bcc45;
}

.ve-doc-dm-achar-text {
	color: #fa952c;
}