.cpaButtonSmall {
	border: none;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	margin-top: 5px;
	width: 30px;
	height: 25px;
	background-color: #3b4f8f;
}

.cpaButtonStandard {
	border: none;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	width: 35px;
	height: 35px;
	padding: 5px 5px;
	background-color: #3b4f8f;
}

.cpaButtonFancy {
	overflow: hidden;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	padding: 10px 12px;
	background-color: #3b4f8f;
}

.cpaButtonFancySelected {
	background-color: darkorange;
}

/* Change background color of buttons on hover */
.cpaButtonFancy:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.cpaButtonFancy.active {
	background-color: #ccc;
}

.cpaButtonStandard:hover {
	background-color: #ddd;
}

.cpaButtonAuxiliary.hover {
	background-color: #ddd;
}

.cpaButtonAuxiliary.active {
	background-color: #ccc;
}

.kmwGUIElementInactive {
	/* fade out */
	opacity: 0.01;
	transition: opacity 2s;
}

.kmwGUIElementActive {
	/* fade in */
	opacity: 1;
	transition: opacity 2s;
}