/* ================================ */
/*			Scaffold Styles			*/
/* ================================ */

/*.scaffoldForm { }*/

	.scaffoldForm label {
		padding: 0 2px;
		margin: 0;
	}

	.scaffoldForm .inline {
		display: inline;
	}

	.scaffoldForm span {
		display: block;
		padding: 3px 0 0 0;
	}

	.scaffoldForm fieldset {
		border: 1px solid #CCC;
		margin: 1em auto;
		padding: 1em;
		width: 350px;
	}

	.scaffoldForm li {
		padding: 3px 0;
	}

		.scaffoldForm li:hover {
			background-color: #eee;
		}

	.scaffoldForm input[type="text"], .scaffoldForm textarea, .scaffoldForm select {
		margin: 2px 0;
		padding: 2px;
		width: 96%;
	}

	.scaffoldForm input[type="number"] {
		display: block;
		margin: 2px 0;
		max-width: 100px;
		padding: 2px;
		width: 50%;
	}

	.scaffoldForm textarea {
		height: 75px;
	}

table, tbody, tfoot, thead, tr, th, td {
	vertical-align: middle;
}

	table.Scaffold {
		border: 5px solid #ddd;
		border-collapse: collapse;
		width: 100%;
	}

		table.Scaffold a {
			color: #5C9CCC;
			text-decoration: none;
		}

			table.Scaffold a:hover {
				text-decoration: underline;
			}

		table.Scaffold th {
			background-color: #ddd;
			border: solid 1px #eee;
			color: #666;
			padding: 5px;
			text-align: left;
		}

		table.Scaffold thead th {
			padding-top: 2px;
			vertical-align: bottom;
		}

		table.Scaffold th.sortable {
			cursor: pointer;
			padding-right: 30px !important;
			position: relative;
		}

		table.Scaffold th.sortable svg {
			position: absolute;
			bottom: 8px;
			right: 8px;
			top: auto;
			display: block;
			opacity: 0.5;
		}

		table.Scaffold th.sortable span.glyphicon-sort-by-attributes, 
		table.Scaffold th.sortable span.glyphicon-sort-by-attributes-alt {
			opacity: 1.0;
		}

		table.Scaffold tr.Header, table.Scaffold tr.Footer, table.Scaffold tr.Pager {
			background-color: #B0C4DE;
			color: #003366;
			font-weight: bold;
		}

		table.Scaffold tr.Pager {
			font-weight: normal;
		}

		table.Scaffold tr.Header td {
			border: solid 1px #a0a0a0;
			vertical-align: bottom;
		}

		table.Scaffold tr:nth-child(odd) {
			background-color: #F0F0F0;
			color: #000;
			padding: 3px;
		}

		table.Scaffold tr:nth-child(even) {
			background-color: #ddd;
			color: #000;
			padding: 3px;
		}

		table.Scaffold tr.SelectedRow {
			background-color: #999;
		}

		table.Scaffold tr:hover {
			background-color: #bbb;
		}

		table.Scaffold td {
			border: 1px solid #ddd;
			padding: 4px 6px 4px 6px;
		}

		table.ScaffoldForm input.Button, table.Scaffold input.Button {
			color: #284E98;
			background-color: #f0f0f0;
			border: #446087 1px solid;
			font-size: 0.9em;
		}

		table.Scaffold #PageNumber, table.Scaffold #PageSize {
			background-color: #eee;
			color: #003366;
			font-family: Verdana, Helvetica, Sans-Serif;
			font-size: 12px;
			font-weight: bold;
			margin: 3px 0 6px 0;
			text-align: right;
			width: 30px;
		}

		table.Scaffold .editLink {
			color: #777;
			float: left;
			font-size: 14px;
			margin: 0;
			text-decoration: none;
		}

		table.Scaffold .delLink, table.Scaffold .delMultiLink {
			color: #777;
			float: right;
			font-size: 14px;
			margin: 0;
			text-decoration: none;
		}

		th.editButtons {
			min-width: 48px;
			width: 48px;
		}

		table.Scaffold .checkBoxes {
			width: 20px;
		}

		table.Scaffold .popLink {
			cursor: pointer;
		}

		table.Scaffold input[type="checkbox"] {
			margin-top: 6px;
			width: 16px;
			height: 16px;
		}

textarea.popText {
	display: none;
	width: 96% !important;
}

/* ================================ */
/*		Scaffold Pager Styles		*/
/* ================================ */

#pager {
	overflow: hidden;
}

#pagerControls {
	float: left;
}

#pagerStatus {
	padding: 8px 5px 0 10px;
	float: left;
}

#pagerControls li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 2px 3px;
}

	#pagerControls li p {
		margin: 0;
		padding: 6px 0 0 0;
		height: 24px;
	}

	#pagerControls li a {
		background: url('/content/images/pager.png') no-repeat 0 0;
		border: 1px solid #5B9BC9;
		border-radius: 3px 3px 3px 3px;
		box-shadow: 1px 1px 3px #888;
		display: block;
		float: left;
		height: 16px;
		margin: 4px 0 0 0;
		padding: 4px;
		width: 16px;
		text-indent: -999px;
	}

		#pagerControls li a:hover {
			background-color: #A0B1C9;
		}

#pagerControls a.down {
	box-shadow: 2px 2px 1px #555;
	box-shadow: none;
}

#pagerControls .glyphicon {
	color: #777;
}
.Scaffold .sort {
	display: inline;
}
#pagerControls .btn { color: #777; }

.adminLinks ul {
	background-color: #e0e0e0;
}

.datePicker {
	width: 150px !important;
}

.ScaffoldPanel {
	background-color: #f2f2f2;
	min-height: 400px;
	overflow: auto;
}

	.ScaffoldPanel li.divider {
		height: 1em;
	}

@media (min-width: 992px) {
  .modal-lg {
    width: 66%;
  }
}
.modal-body-content {
	overflow: auto;
}

.hide {
	display: none;
}

.chkboxList li {
	display: inline;
}

#dataForm label {
	font-weight: normal;
}