.chartjs-container {
    background-color: #fff;
	padding: 1.44rem 1.5rem;
	border-radius: 0.3125rem;
	box-shadow: 0px 4px 35px 0px rgba(188, 207, 226, 0.30);	
}

.chartjs-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.38rem;
}

.chartjs-container ul {
    margin: 1.38rem 0 0 0;
    list-style-type: none;
	columns: 2;
}

.chartjs-container li {
	color: #424F68;
	line-height: normal;
}

.chartjs-container li:before { /* .reading */
	width: 10px;
	height: 10px;
	content: "";
	display: inline-block;
	margin-right: 5px;
	border-radius: 10px;
	background: #C44636;
}

.chartjs-container li.watching:before {
	background: #C47D36;
}

.chartjs-container li.listening:before {
	background: #289244;
}

.chartjs-container li.completion:before {
	background: #246979;
}

.chartjs-container li.quiz:before {
	background: #A42D65;
}

.chartjs-container li.login:before {
	background: #C4BC36;
}