.article_dot {
	display: inline-block;
	width: 6px;
	height: 6px;
	background: white;
	border-radius: 3px;
	margin-left: -15px;
	float: left;
	margin-top: 9px;
}
.article_dot span {
	display: none;
}
.article_dot_read .article_dot, .article_dot_read {
	background:#ffc526; 
}
.article_dot.fail {
	display: inline-block;
	background: var(--fail-color);
}
.article_dot.pass {
	display: inline-block;
	background: var(--pass-color);
}
.article_dot.pending {
	display: inline-block;
	background: rgba(0,0,0,0.2);
}
.article_dot.fail, .article_dot.pass, .article_dot.pending {
	width:			10px;
	height: 		10px;
	border-radius:	5px;
	margin-left: 	-11px;
	margin-top: 	6px;
}
body:not(.page-lecture) .article_dot:not(.pass):not(.fail):not(.pending) {
	display: none !important;
}
.article_dot_read, .article_dot_read {
	background:#ffc526; 
}
@media (max-width: 467px), (max-height: 468px) and (orientation: landscape)
,(max-width: 768px) and (orientation:portrait)
,(max-width:768px) and (max-height: 768px)
/*,
(max-height: 768px) and (orientation:landscape) */
{
	.page-lecture .article_dot {
		margin:0;
		float:none;
	}
}