john.css

#maindiv {
	text-align: center;
}

#patientnav {
	margin-bottom: 5px;
}

#alert {
	display: none;
	background-color: lightcoral;
	color: black;
}

#backbutton {
	position: absolute;
	left: 325px;
}

#patientinfo {
	min-width: 600px;
	margin: 0 auto;
	text-align: center;
}

#patientinfo td {
	padding: 20px;
	font-size: 18px;
}

#patientinfo th {
	text-align: center;
	font-size: 24px;
}

.fixwidth {
	width: 500px;
	display: inline-block;
}

#graphs {
	width: 698px;
	height: 400px;
	margin: 0 auto;
}

#graphs img {
	width: inherit;
	height: inherit;
	padding: 1 auto;
}

#graphs-wrapper {

	width: 700px;
	height: 450px;
	margin: 0 auto;
	border: solid 1px;

}

#medicines-img {
	width: 550px;
	height: 48px;
	padding: 1 auto;
}

#timeselect {
	width: auto;
	display: inline-block;
	color: #333;
}

#medications {
	width: 100%;
	display: inline-block;
	border: solid 1px;
}

#medtable {
	margin-bottom: 0px;
}

#medtable.table>thead>tr>th {
	border-bottom: 0px;
}

.center {
	text-align: center;
}

.theader {
	border-bottom: 3px solid black !important;
}

.bigfont {
	font-size: 24px;
}

.popover-title {
	background-color: #428bca;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.norm {
	width: auto;
	display: inline-block;
	color: #333;
}

.popover {
	min-width: 450px;
}

.form-control {
	margin: 10px;
}

#addmed {
	width: 80px;
	margin: 0 auto;
}

button.selected {
	background-color: #ddd;
}