@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;

}