body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
  padding-top: 60px;
  padding-bottom: 40px;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loading.gif) 50% 30% no-repeat rgb(249,249,249);
}
.container {
	max-width: 1024px;
}
.form-signin {
	max-width: 450px;
	margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {

	margin: 5px 0 10px 0;
}

.form-signin .checkbox {
	font-weight: normal;
}

.form-signin .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		box-sizing: border-box;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


footer {
	display: block;
	text-align: center;
	font-size: 12px;
	padding: 10px 0 10px 0;
	margin: 0;
	color: #999;
}
.alert-container {
	margin: 0 0 15px 0;
}

.alert {
	margin: 0px 0 3px 0;
	padding: 10px 15px 10px 15px;
	text-align: center;
}

.alert-close {
	cursor: pointer;
	float: right;
}
.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #356635;
}

.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger hr {
  border-top-color: #e6c1c7;
}

.alert-danger .alert-link {
  color: #953b39;
}

.navbar-nav > li > span {
	padding: 15px 15px 15px;
	color: #777777;
	line-height: 20px;
	display: block;
	text-align: right;
}

.navbar-nav > li > div.subspan {
	position: relative;
	top: -12px;
	padding: 0px 15px 0px 0px;
	color: #c2c2c2;
	font-size: .8em;
	line-height: 0;
	text-align: right;
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
	color: #ed9c28;
	font-size: 20px;
}

.navbar-brand {
	cursor: pointer;
}

.navbar-default .navbar-brand:hover {
	color: #ed9c28;
}
.banner {
	border-radius: 6px;
	margin-bottom: 30px;
	padding: 10px;
	padding-bottom: 20px;
	background-color: #f8f8f8;
	border: 1px solid #e7e7e7;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}





.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 5px;
  border: 1px solid transparent;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before,
.navbar-header:after {
  display: table;
  content: " ";
}

.navbar-header:after {
  clear: both;
}

.navbar-header:before,
.navbar-header:after {
  display: table;
  content: " ";
}

.navbar-header:after {
  clear: both;
}

.replisttable_Header {
	border: 1px solid #cccccc;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3399ff;
	font-size: 12px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.replisttable_Detail {
	border: 1px solid #cccccc;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: auto;
	margin-right: auto;
}
.replisttable_Detail_Odd {
	background-color: #ffffff;
}
.replisttable_Detail_Even {
	background-color: #E2E4FF;
}

#school-status-wrapper {
	float:right;
}

.school-status {
	cursor: default;
	float: left;
	color: black;
	text-align: center;
	margin-right: 3px;
}

.school-status-blocks {
	width: 25px;
	border: 1px solid black;
	display: block;
	margin-right: 2px;
}
.school-status-numbers {
	width: 13px;
}
.school-status-current {
	border-color: green;
	color: green;
}
.school-status-done {
	color: green;
}
.school-status-todo {
	border-color: #d2d2d2;
	color: #c2c2c2;
}
.panel-heading {
	min-height: 43px;
}
#dtpform textarea {
	width: 100%;
	height: 150px;
	background: #FFFFFF;
}

#dtpform pre {
	font-size: 11px;
}
.action-group {
	width: 58%;
}
.status-summary {
	width: 38%;
}
#formactionbar {
	text-align: right;
}
.input-group {
	margin-bottom: 25px;
}
.page-header {
  padding-bottom: 9px;
  margin: 20px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
.page-header h1 {
	margin: 15px 0 0 0;
	font-size: 30px;
}
.floatright {
	float: right;
}
.inputsection  {
	background: #FFFDF5;
	border-width: 1px;
	border-style: solid;
	border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	padding-top: 5px;
	padding-bottom: 5px;
}
.sortOrderFont {
  font-size: 10px;
  color: #3399ff;
}
.replistNote {
	color: #3399ff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3399ff;
	font-size: 12px;
}