.bs-callout {
	padding: 5px 5px 5px 20px;
	margin: 10px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}
.bs-callout-success {
	border-left-color: #3c763d;
}
.bs-callout-success h4 {
	color: #3c763d;
}

.bs-callout-info {
	border-left-color: #1b809e;
}
.bs-callout-info h4 {
	color: #1b809e;
}

.affil-type-S {
	color: #FF9900;
}
.affil-type-O {
	color: #FF0000;
}
.affil-type-E {
i	color: #4C4C4C;
}
.affil-type-D {
	color: #4C0066;
}
.affil-type-H {
	color: #004700;
}
.affil-type-V {
	color: #4D94FF;
}
table .affil-type-S {
	background-color: #FF9900;
	color: black;
}
table .affil-type-O {
	background-color: #FF0000;
	color: black;
}
table .affil-type-E {
	background-color: #4C4C4C;
	color: black;
}
table .affil-type-D {
	background-color: #4C0066;
	color: black;
}
table .affil-type-H {
	background-color: #004700;
	color: white;
}
table .affil-type-V {
	background-color: #4D94FF;
	color: black;
}
table .affil-type-H.payment-type-O {
	background: repeating-linear-gradient(
		-45deg,
		#004700,
		#004700 70px,
		#80A380 70px,
		#80A380 140px
	);
}
table .affil-type-V.payment-type-O {
	background: repeating-linear-gradient(
		-45deg,
		#4D94FF,
		#4D94FF 70px,
		#A6CAFF 70px,
		#A6CAFF 140px
	);
}
table .affil-type-E.payment-type-O {
	background: repeating-linear-gradient(
		-45deg,
		#4C4C4C,
		#4C4C4C 70px,
		#B7B7B7 70px,
		#B7B7B7 140px
	);
}
table .affil-type-D.payment-type-O {
	background: repeating-linear-gradient(
		-45deg,
		#4C0066,
		#4C0066 70px,
		#9466A3 70px,
		#9466A3 140px
	);
}
table .affil-type-S.payment-type-O {
	background: repeating-linear-gradient(
		-45deg,
		#FF9900,
		#FF9900 70px,
		#FFCC80 70px,
		#FFCC80 140px
	);
}
table .affil-type-O.payment-type-O {
	background: repeating-linear-gradient(
		-45deg,
		#FF0000,
		#FF0000 70px,
		#FF9999 70px,
		#FF9999 140px
	);
}
table .payment-froscon {
	font-weight: bold;
	background: repeating-linear-gradient(
		-45deg,
		#eaeaea,
		#eaeaea 70px,
		#5cb85c 70px,
		#5cb85c 140px
	);
}
table .payment-self {
	font-weight: bold;
	background-color: #eee;
}

td.occupancy {
	text-align: center;
}

td.occupancy-selected {
	background-color: red;
}

.preOcc {
	text-align: right;
}
.postOcc {
	text-align: left;
}

.addpreOcc {
	display: none;
}
.addpostOcc {
	display: none;
}

.form-grouper {
	position: relative;
	border-color: #ddd;
	border-width: 1px;
	border-radius: 4px;
	border-style: solid;
	padding: 45px 15px 15px 15px;
	margin-bottom: 15px;
}


.form-grouper-label {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 12px;
	font-weight: 700;
	color: #959595;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.filter-tools {
	padding: 5px;
	position: absolute;
	right: 0px;
	top: 0px;
	border: 1px solid #eee;
	border-radius: 3px;
	list-style: none;
}

.filter-tools ul {
	display: inline;
	padding: 0px 0px 0px 10px;
}

.filter-tools form {
	display: inline;
}

.filter-tools .form-group {
	margin-right: 10px;
}

.filter-tools  li {
	position: relative;
	display: inline;
}

.table-container {
	position: relative;
	padding-top: 50px;
}


.tab-bordered {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0px 0px 4px 4px;

	padding: 10px;
}
.nav-tabs-bordered {
	margin-bottom: 0px;
}
html,
body {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
}

body {
	padding-top: 50px;
}

a > span.glyphicon {
	color: black;
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#footer {
	height: 60px;
}
#footer {
	background-color: #f9f9f9;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}
.asteriskField {
	display: none;
}
.centerbox {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.icon-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

span.icon-danger.glyphicon {
	color: #a94442;
}
span.icon-warning.glyphicon {
	color: #8a6d3b;
}
span.icon-success.glyphicon {
	color: #3c763d;
}
span.icon-na.glyphicon {
	display: none;
}