@charset "utf-8";
/*
************************************************************************
* アイコン
************************************************************************
*/
.icon
{
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.icon-before
{
	margin-right:0.25em;
}
.icon-after
{
	margin-left:0.25em;
}
.icon .material-icons-round
{
	font-size:1.5em !important;
	line-height:1em;
}

.tag
{
	line-height:1;
	border-radius:0.25em;
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
	color:#333333;
	font-size:0.8em;
	padding:0.25em 0.5em;
}
.tag.tag-important
{
	border:1px solid var(--color-warning);
	color:var(--color-warning);
	font-weight:bold;
}
.tag.tag-complete
{
	border:1px solid #0b64bd;
	background-color:#71aae3;
	color:#06203b;
}