.cc-circle-xs {
	border-radius: 100%;
	display: inline-block;
	height: 20px;
	width: 20px;
}

.cc-circle-sm {
	border-radius: 100%;
	display: inline-block;
	height: 28px;
	width: 28px;
}

.cc-circle-md {
	border-radius: 100%;
	display: inline-block;
	height: 34px;
	width: 34px;
}

.cc-circle-lg {
	border-radius: 100%;
	display: inline-block;
	height: 64px;
	width: 64px;
}

.cc-circle-md .material-icons {
	font-size: 18px;
	height: 18px;
	opacity:.7;
	width: 18px;
}
.cc-circle-sm .material-icons {
	font-size: 22px;
}

.cc-indicator {
	border-radius: 6px;
}

.cc-indicator-sm {
	padding: 6px;
}



/*-----------------------------------------------------------

code related to the 'summary' and 'tasks' tabs

------------------------------------------------------------*/

/*always have media queries at the bottom of the file like so*/


/* Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}