.enclosures{
	color:#3f5147;
}
.enclosures h3{
	color:#EFECECEF;
	margin:1rem;
}
.enclosure{
	clear:both;
	background-color:#272727;
	border: 2px outset #B0B0B0;
	border-radius:3px;
	margin:0.5em;
	padding:0.5ex;
}
.enclosure.online{
}
.enclosure.online.plotting{
	background-color:#275d49;
}
.enclosure.offline{
	background-color:#cfa922;
}
.enclosurebays{
	font-size:0.8rem;
	clear:both;
	display:flex;
	flex-wrap:wrap;
	background-color:#3f5147;
	padding:0.5ex;
	justify-content: center;
}
.enclosurebay{
	flex-grow:0;
	padding:1ex;
	margin:0.5%;
	background-color:#E0E0E0;
	width:30%;
}
.enclosurebay.online{
	background-color:#E0E0E0;
}
.enclosurebay.offline{
	background-color:#f7d7d7;
}
.enclosurebayslots{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.enclosurebayslot{
	flex-grow:0;
	border: 1px solid #B0B0B0;
	background-color: #E0E0E0;
	width:48%;
	margin:0.2ex;
}
.enclosurebayslot.sold{
	background-color:#ffe161;
	cursor:not-allowed;
}
.enclosurebayslot.farming{
	cursor:pointer;
}
.enclosurebayslot.plotting{
	cursor:not-allowed;
}
.enclosure-status-farming{
	color:#32b320;
}
.enclosure-status-plotting{
	color:#20b3a3;
}
.enclosure-status-offline{
	color:#8d0000;
}
.enlarged{
	width:95%;
	display:block;
	font-size:1.5rem;
}
.slotenlarged{
	width:100%;
	height:auto;
	display:block;
	font-size:1.5rem;
}