/*Campus Map*/

	.roomCircle {
		fill:#22ff00;
		fill-opacity:1;
		stroke:#1ea5e1;
		stroke-width:2.86373;
		stroke-linecap:round;
		stroke-linejoin:round;
		stroke-opacity:1;
		r:12;
	}

	.roomNumber {
		font-weight:bold;
		font-size:11.2272px;
		font-family:Arial;
		fill:#000000;
		fill-opacity:1;
		stroke:none;
		stroke-width:4.10549;
		stroke-opacity:1;
	}

	.building {
		display:inline;
		fill:#c5c5c5;
		fill-opacity:1;
		fill-rule:evenodd;
		stroke:#000000;
		stroke-width:0.179606px;
		stroke-linecap:butt;
		stroke-linejoin:miter;
		stroke-opacity:1;
	} 

	.buildingText {
		font-style:normal;
		font-weight:normal;
		font-size:2.15527px;
		line-height:0%;
		font-family:sans-serif;
		letter-spacing:0px;
		word-spacing:0px;
		display:inline;fill:#000000;
		fill-opacity:1;stroke:none;
		stroke-width:0.179606px;
		stroke-linecap:butt;
		stroke-linejoin:miter;
		stroke-opacity:1
	}

	.buildingTspan {
		font-style:normal;
		font-variant:normal;
		font-weight:bold;
		font-stretch:normal;
		font-size:6.63438px;
		line-height:1.25;
		font-family:sans-serif;
		-inkscape-font-specification:'sans-serif Bold';
		stroke-width:0.179606px;
	}

	.floor {
		display:inline;
		fill:#c5c5c5;
		fill-opacity:1;
		fill-rule:evenodd;
		stroke:#000000;
		stroke-width:1.18441px;
		stroke-linecap:butt;
		stroke-linejoin:miter;
		stroke-opacity:1
	}

text {
	pointer-events: none;
}

body {
	font-family: arial;
	background: #333	;
	color: white;
}

a {
	text-decoration: none;
	color: white;
}

.flex-container  {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.containerDiv {/*
	border-color: white;
	border-style: solid;*/
}

.containerDiv p {
	padding: 0px 20px;
}

.containerDiv h1 {
	font-size: 7em;
	margin: 0px;
	padding: 30px;
}

.containerDiv h3 {
	font-size: 3em;
	margin: 0px;
	padding: 0px 40px;
	align-items: center;
	text-align: center;
}

.buttonDiv:hover {
	background: green;
}

.buttonDiv:active {
	background: orange;
}

#building {
	display: flex;
	flex-flow: row nowrap;
	padding: 0px 40px;
}

#building img {
	padding: 30px;
}

#room {
	padding: 0px 60px;
}

#border {
	border: 1px solid #ccc;
}

.itemType {
	width: 39%;
}

.itemType img {
	padding: 16px 40px;
}

.addButton:hover {
	background: green;
}

.item {
	display: flex;
	flex-flow: nowrap;
	justify-content: space-between;
}

.itemBorder {
	border: 1px solid #ccc;
}

.itemList {
	width: 56%;
}

.itemList img {
	padding: 20px 40px;
}

.itemList p {
	font-size: 2em;
}

.delButton:hover {
	background: red;
}

select {
	color: black;
	font-size: 1em;
	padding: 15px;
	margin: 20px;
}

hr {
	border: 1px solid #ccc;
}

#allBuildings {
	display: flex;
	flex-flow: row;
	font-size: 0.4em;
}

#allBuildings img {
	width: 30px;
}

.buildingsColumn {
	display: flex;
	flex-flow: column;
	
}

.building {
	display: flex;
	flex-flow: row;
	justify-content: space-evenly;
}

svg text {
	pointer-events: none;
}

svg {
	color: blue;
}

.building {
	display: flex;
	justify-content: space-evenly;
	border-width: 1px;
	border-style: solid;
	padding-left: 10px;
}

.submit {
	margin: auto;
	width: 40%;
	font-weight: bold;
	font-size: 5em;
	display: block;
	padding: 20px;
}

.roomNumber {
	font-weight:bold;
	font-size:7.87334px;
}

.makesModels {
	font-size: 2em;
	font-weight: bold;
}