@charset "utf-8";
/*
************************************************************************
* アイコン
************************************************************************
*/
.icon
{
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	align-content: center;
	user-select: none;
}
.icon-before
{
	margin-right:0.25em;
}
.icon-after
{
	margin-left:0.25em;
}
.icon .material-icons-round
{
	font-size:1.5em !important;
	line-height:1em;
}
.material-icons-round.valid
{
	color:#00a308;
}
.material-icons-round.invalid
{
	color:#a30500;
}
.material-icons-round.inactive
{
	color:#999999;
}

.invalid-flg.valid
{
	color:#00a308;
}
.invalid-flg.invalid
{
	color:#a30500;
}

.inactive
{
	color:#999999;
}
.active
{
	color:#00a308;
}

.selectable 
{
	cursor: pointer;
	user-select: none;
}

.tag-list
{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: center;

	padding:0;
	margin: 0;
	list-style-type: none;

	margin: -0.25em;
}
.tag
{
	line-height:1;
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
	color:#333333;
	font-size:0.8em;
	padding:0.4em 0.5em;

	display: inline-flex;
	align-items: center;
	align-content: center;	
}
.tag-list > .tag{
	margin: 0.25em;
}
.tag > i
{
	color:#999999;
	font-size: 1.2em !important;
	margin-right: 0.25em;
}
.tag.tag-complete
{
	border:1px solid #007315;
	background-color:#9ee6ab;
	color:#007315;
}
.tag.tag-complete > i
{
	color:#007315;
}
.tag.tag-warning
{
	border:1px solid #a30500;
	background-color:#f0bab9;
	color:#a30500;
}


.selectableIcon
{
	cursor: pointer;
	user-select: none;
}