/* breadcrumb */
.breadcrumb{
	margin:0;
	border-radius:0;
	list-style-type: none;
	padding:0.5em 1em;
	background-color:#e3edfd;
}

.breadcrumb > li{
	float:left;
}

.breadcrumb > li + li::before{
	content:'/';
	color:silver;
	padding:0 0.5em;
}

.breadcrumb > .last{
	float:right;
	padding-right:2em;
}

/* create button */
.breadcrumb > li.create-button-li {
	float: right;
	padding-right: 1.2em
}

.breadcrumb > li.create-button-li::before {
	content: none;
}

.create-button {
	background-color: #5cb85c;
	color: #fff;
	padding: 0.5em 1em;
	border-radius: 4px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.4;
	display: inline-block;
}

.create-button:hover,
.create-button:visited,
.create-button:active,
.create-button:focus {
	background-color: #449d44;
	color: #fff;
	text-decoration: none;
}

@media (prefers-color-scheme: dark) {
	.breadcrumb{
		background-color:transparent;
	}
}