/* CSS Document */

span.cat-label {
	display:inline-block;
	font-family: source-code-pro, monospace;
	font-weight:400;
	font-size:0.8em;
	padding:5px 10px;
	margin:5px 5px 5px 0;
	border-radius:50px;
	/*border:solid 2px #CCCCCC;
	background-color:#EEEEEE;*/
	border-width:2px;
	border-style:solid;
	white-space:nowrap;
}

span.cat-highlight {
	text-decoration:underline;
	text-decoration-style:dashed;
	transition:color 0.2s, background-color 0.2s;
}

/*.tooltip {
	cursor:help;
}

.tooltip::before {
	display:none;
	content:attr(data-tooltip-text);
	position:absolute;
	right:0;
	transform:translateY(-50%) translateY(-10px);
	margin:10px;
	padding:10px;
	border-radius:8px;
	width:calc(19vw - 40px);
	background:#000000;
	color:#ffffff;
	text-align:center;
	cursor:default;
}

.tooltip .arrow {
	display:none;
	position:absolute;
	right:calc(19vw - 10px);
	transform:translateY(-50%);
	border:10px solid #000000;
	border-color: transparent #000000 transparent transparent;
}

.tooltip:hover::before, .tooltip:hover .arrow {
	display:block;
}*/

.c1 {
	color:#EE251E;
	background-color:#FFD6D5;
	border-color:#EE251E;
	text-decoration-color:#EE251E;
}

.c2 {
	color:#FFB78A;
	background-color:#FFE6D6;
	border-color:#FFB78A;
	text-decoration-color:#FFB78A;
}

.c3 {
	color:#848233;
	background-color:#F7F6C8;
	border-color:#848233;
	text-decoration-color:#848233;
}

.c4 {
	color:#056B38;
	background-color:#C3FFE1;
	border-color:#056B38;
	text-decoration-color:#056B38;
}

.c5 {
	color:#B48BBF;
	background-color:#F9E4FF;
	border-color:#B48BBF;
	text-decoration-color:#B48BBF;
}

.c6 {
	color:#648285;
	background-color:#E2F8FA;
	border-color:#648285;
	text-decoration-color:#648285;
}

.c7 {
	color:#A94725;
	background-color:#FFD1C1;
	border-color:#A94725;
	text-decoration-color:#A94725;
}

.c8 {
	color:#E4DF44;
	background-color:#FFFEE3;
	border-color:#E4DF44;
	text-decoration-color:#E4DF44;
}

.c9 {
	color:#EFBDBD;
	background-color:#FFECEC;
	border-color:#EFBDBD;
	text-decoration-color:#EFBDBD;
}

.c10 {
	color:#FFCB07;
	background-color:#FFF4CA;
	border-color:#FFCB07;
	text-decoration-color:#FFCB07;
}

.c11 {
	color:#848233;
	background-color:#FFFEDB;
	border-color:#848233;
	text-decoration-color:#848233;
}

.c12 {
	color:#97D1C6;
	background-color:#E8FFFA;
	border-color:#97D1C6;
	text-decoration-color:#97D1C6;
}

.d1 {
	background-color:#EE251E;
}

.d2 {
	background-color:#FFB78A;
}

.d3 {
	background-color:#848233;
}

.d4 {
	background-color:#056B38;
}

.d5 {
	background-color:#B48BBF;
}

.d6 {
	background-color:#648285;
}

.d7 {
	background-color:#A94725;
}

.d8 {
	background-color:#EAE66F;
}

.d9 {
	background-color:#EFBDBD;
}

.d10 {
	background-color:#FFCB07;
}

.d11 {
	background-color:#97D1C6;
}

.d12 {
	background-color:#03549C;
}



.masked {
	color:inherit !important;
	text-decoration:inherit !important;
	background-color:inherit !important;
	pointer-events:none;
}

/*@media screen and (max-width: 800px) {
	.tooltip::before {
		right:unset;
		transform:translateY(50%) translateY(10px);
		margin:0;
		width:calc(94vw - 20px);
	}
	
	.tooltip::after {
		content:"";
		display:none;
		position:absolute;
		right:calc(19vw - 10px);
		transform:translateY(-50%);
		border:10px solid #000000;
		border-color: transparent transparent #000000 transparent;
	}
	
	.tooltip:hover::after {
		display:block;
	}
	
	.tooltip:hover .arrow {
		display:none;
	}
}*/