/* Image colour #9772B3 */

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.navbar-inverse {
	background-color: #5f3376;
	background-image: url(../Content/images/purplewool.jpg);
	border-color: #080808;

}

	.navbar-inverse .navbar-brand {
		color: #fff;
	}

		.navbar-inverse .navbar-brand:hover,
		.navbar-inverse .navbar-brand:focus {
			color: #fff;
			text-decoration:underline;
			background-color: transparent;
		}

	.navbar-inverse .navbar-text {
		color: #fff;
	}

	.navbar-inverse .navbar-nav > li > a {
		color: #fff;
	}

		.navbar-inverse .navbar-nav > li > a:hover,
		.navbar-inverse .navbar-nav > li > a:focus {
			color: #fff;
			text-decoration: underline;
			background-color: transparent;
		}

	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		color: #fff;
		text-decoration: underline;
		background-color: #080808;
	}

	.navbar-inverse .navbar-nav > .disabled > a,
	.navbar-inverse .navbar-nav > .disabled > a:hover,
	.navbar-inverse .navbar-nav > .disabled > a:focus {
		color: #444;
		background-color: transparent;
	}

	.navbar-inverse .navbar-nav > .open > a,
	.navbar-inverse .navbar-nav > .open > a:hover,
	.navbar-inverse .navbar-nav > .open > a:focus {
		color: #fff;
		text-decoration: underline;
		background-color: #080808;
	}

.btn-primary {
	color: #fff;
	background-color: #8555c3;
	border-color: #2e6da4;
	margin: 5px;
}

	.btn-primary:focus,
	.btn-primary.focus {
		color: #fff;
		background-color: #286090;
		border-color: #122b40;
	}

	.btn-primary:hover {
		color: #fff;
		background-color: #286090;
		border-color: #204d74;
	}

	.btn-primary:active,
	.btn-primary.active,
	.open > .dropdown-toggle.btn-primary {
		color: #fff;
		background-color: #286090;
		background-image: none;
		border-color: #204d74;
	}

		.btn-primary:active:hover,
		.btn-primary.active:hover,
		.open > .dropdown-toggle.btn-primary:hover,
		.btn-primary:active:focus,
		.btn-primary.active:focus,
		.open > .dropdown-toggle.btn-primary:focus,
		.btn-primary:active.focus,
		.btn-primary.active.focus,
		.open > .dropdown-toggle.btn-primary.focus {
			color: #fff;
			background-color: #204d74;
			border-color: #122b40;
		}

	.btn-primary.disabled:hover,
	.btn-primary[disabled]:hover,
	fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus,
	.btn-primary[disabled]:focus,
	fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled.focus,
	.btn-primary[disabled].focus,
	fieldset[disabled] .btn-primary.focus {
		background-color: #337ab7;
		border-color: #2e6da4;
	}

	.btn-primary .badge {
		color: #337ab7;
		background-color: #fff;
	}

.KatieTable {
}

	.KatieTable th {
		background-color: #5c3c86;
		color: #FFF;
		padding: 5px;
		border: solid 1px #FFF;
	}

	.KatieTable tr:nth-child(even) {
		background: #e1daea
	}

	.KatieTable th a {
		color:#FFF;
		text-decoration: underline;
	}

		.KatieTable th a:hover {
			color: #e6ddea;
		}

.KatieTable tr:nth-child(odd) {
	background: #FFF
}
	.KatieTable td {
		padding: 5px;
		border: solid 1px #474051
	}

.KatieCheckBoxList td {
	padding-right: 10px;
}

.ButtonImage {
	height:28px;
	border:none;
	background: none;
}

li.nav-item.active a.nav-link:hover {
	background-color: #606060;
	color: #ffffff;
}

li.nav-item.active a.nav-link {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 6px;
	background-color: #f3b700;
	color: #ffffff;
}

a.nav-link {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #505d6f;
	margin-right: 6px;
}

li.nav-item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cfcfcf;
	margin-right: 6px;
	margin-bottom: 0px;
}

a.dropdown-item {
	background-color: #8555c3;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 1px;
	margin-bottom: 1px;
}

	a.dropdown-item:hover {
		background-color: #516c92;
		color: #fcc529;
	}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 8px;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #8555c3;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

div.dropdown-menu.show {
	background-color: #6ba3b9;
	border-radius: 0;
	border-style: solid;
	padding: 2px;
	bottom: 0;
	box-shadow: 4px 6px 8px 0px rgba(33, 33, 33, 0.44);
}

#upload-image {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

.upload-button {
	color: #fff;
	background-color: #8555c3;
	font-weight: normal;
	padding: 8px;
	border: 1px solid #2e6da4;
	border-radius: 4px;
}

.upload-button:focus,
.upload-button.focus {
	color: #fff;
	background-color: #286090;
	border-color: #122b40;
}

.upload-button:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
	cursor:pointer;
}