@media print  {
	.noprint {
		display: none;
	}
}

.offscreen {
	position: absolute;
	left: -999em;
}


.mandatory {
	color: red;	
}

.form-control::-moz-placeholder {
	color: #ccc;
	font-style: italic;
}

.form-control:-ms-input-placeholder {
	color: #ccc;
	font-style: italic;
}

.form-control::-webkit-input-placeholder {
	color: #ccc;
	font-style: italic;
}

/* Move down content because we have a fixed navbar that is 50px tall */
.body-navbar {
	padding-top: 50px;
	padding-bottom: 20px;
	background-color: #f2f2ea; /*#fffdfd */
}

.font-light {
	font-weight: lighter;
}

/* Move down content because we have a fixed navbar that is 50px tall */
.body-narrow {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #f2f2ea; /*#fffdfd */
}

.table {
	margin-bottom: 0px;
}

.body-fixed {
	padding-top: 10px;
}

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

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select {
	max-width: 280px;
}

.input-100
 {
	max-width: 100% !important;
}

textarea.form-control {
	min-width: 280px;
	padding-top: 5px;
}

.checkbox + .checkbox, .radio + .radio {
	margin-top: 10px;
}

.checkbox, .radio {
	margin-top: 10px;
	margin-bottom: 10px;
}

.paddedcheckbox {
	padding-top: 15px;
}

.minpaddedcheckbox {
	padding-top: 8px;
}

.rightpad {
	padding-right: 5px;
}

.marginright10 {
	margin-right: 10px;
}

.no-bottom-margin {
	margin-bottom: 0px;
}

.no-bottom-padding {
	padding-bottom: 0px !important;
}



.body-content {
	padding: 0;
}


p.centered {
	margin-top: 20px;
	text-align: center;
}

h1, h2, h3, .glyphicon, th a {
	color: #fc0074; /*#ff6699;*/
}



th a {
	color: white;
}

th {
	background-color: #fc0074;
}

.glyphiconnav {
	color: #ffd583 /*#ff6699*/;
	padding-right: 10px;
}

.glyphiconred {
	color: red;
}

.search-btn {
	border-color: #ddd;
}

.center {
	text-align: center
}

.pinktext {
	color: #fc0074; /*#ff6699;*/
}

.glyphicongreen {
	color: green;
}

.white {
	background-color: white !important;
}


.btn-pink,
.btn-pink:active
.btn-pink:focus {
	color: #ffffff !important;
	border-color: #ff1a66;
	background-color: #fc0074;/*#ff6699;*/
}

	.btn-pink:hover {
		color: #ffffff;
		border-color: #800040;
		background-color: #cc0066;
	}

.input-group {
	padding-bottom: 15px;
}

.form-control {
	padding-top: 0px;
	padding-bottom: 0px;
}

.no-left-pad {
	padding-left: 0px;
}

.mainbox {
	padding-top: 40px;
}

.navbar-inverse {
	background-color: #560845; /*#49274A;*/
	border-color: #560845 /*#49274A;*/
}

	.navbar-inverse > .container {
		margin-left: 0px;
	}

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

.navbar-nav > li > .dropdown-menu {
	margin-top: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: #94618e;
}


/* side menu*/
.nav-side-menu {
	background-color: #560845; /*#49274a;*/
	top: 0px;
	color: #f4decb;
	min-width: 120px;
}

	.nav-side-menu .brand {
		background-color: #f2f2ea; /*#fffdfd */		
		line-height: 50px;
		display: block;
		text-align: center;
		font-size: 14px;
		padding-bottom: 10px;
		padding-top: 10px;
		background-image: url("../images/TemporaLogoTransparent.png");
		background-repeat: no-repeat;
		min-height: 75px;
	}

	.nav-side-menu .toggle-btn {
		display: none;
	}

	.nav-side-menu ul,
	.nav-side-menu li {
		list-style: none;
		padding: 0px;
		margin: 0px;
		line-height: 35px;
		cursor: pointer;
	}


		.nav-side-menu ul .active,
		.nav-side-menu li .active {
			border-left: 3px solid #f8eee7;
			background-color: #4f5b69;
		}

		.nav-side-menu ul .sub-menu li.active,
		.nav-side-menu li .sub-menu li.active {
			color: #f8eee7;
		}

			.nav-side-menu ul .sub-menu li.active a,
			.nav-side-menu li .sub-menu li.active a {
				color: #f8eee7;
			}

		.nav-side-menu ul .sub-menu li,
		.nav-side-menu li .sub-menu li {
			background-color: #94618e;
			border: none;
			line-height: 28px;
			border-bottom: 1px solid #23282e;
			margin-left: 20px;
			padding-left: 10px;
		}

			.nav-side-menu ul .sub-menu li:hover,
			.nav-side-menu li .sub-menu li:hover {
				background-color: #8E8EB4;
			}

	.nav-side-menu li {
		padding-left: 0px;
		border-left: 3px solid #2e353d;
		border-bottom: 1px solid #23282e;
	}

		.nav-side-menu li a {
			text-decoration: none;
			color: #f4decb;
			display: inline-block;
			width: 100%;
		}

			.nav-side-menu li a i {
				padding-left: 10px;
				width: 20px;
				padding-right: 20px;
			}

		.nav-side-menu li:hover {
			border-left: 3px solid #f8eee7;
			background-color: #4f5b69;
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}

/*Table panel formatting*/
.panel-table .panel-body {
	padding: 0;
}

.panel-table .panel-footer .pagination {
	margin: 0;
}

.panel-table .panel-footer .col {
	line-height: 34px;
	height: 34px;
}

.flex {
	display: flex;
}

.inlineflex {
	display: inline-flex;
}
.sortasc {
	background: url(../images/sortasc.png) no-repeat 0% 50%;
	background-color: #fc0074;
}

	.sortasc a {
		padding-left: 10px;
	}

.sortdesc {
	background: url(../images/sortdesc.png) no-repeat 0% 50%;
	background-color : #fc0074;
}

	.sortdesc a {
		padding-left: 10px;
	}


.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
	margin-right: 15px;
	margin-left: 0px;
}


/* Stanard display, may be able to move out??*/
@media (min-width: 767px) {
	.nav-side-menu .menu-list .menu-content {
		display: block;
	}
}


/*Mobile screen changes*/
@media (max-width: 1000px) {
	.new-button {
		float: left;
		margin-top: 10px;
	}

	.float-left {
		float: left !important;
	}

}

@media (max-width: 1100px) {


	.glyphiconnav {
		display: none;
	}
}

/*Screen not full width but not at smallest mobile resolution */
@media (max-width: 1380px) and (min-width:767px) {
	.nav-side-menu .brand {
		background-image: url("../images/TemporaLogoTransparent-icon.png");
		background-repeat: no-repeat;
		min-height: 75px;
	}
}

/*Mobile screen changes*/
@media (max-width: 400px) {
	.new-button {
		float: left;
		margin-top: 10px;
	}

	.flex {
		display: table;
	}
}

/*Mobile screen changes*/
@media (max-width: 767px) {
	.new-button {
		float: left;
		margin-top: 10px;
	}
	   
	.nav-side-menu {
		position: relative;
		width: 100%;
		margin-bottom: 10px;
		padding-bottom: 0px;
	}

		.nav-side-menu .toggle-btn {
			display: block;
			cursor: pointer;
			position: absolute;
			right: 10px;
			top: 10px;
			z-index: 10 !important;
			padding: 3px;
			background-color: white;
			color: #000;
			width: 40px;
			text-align: center;
		}

	.paddedcheckbox {
		padding-top: 0px;
	}
}



.hero-widget {
	text-align: center;
}

	.hero-widget .icon {
		display: block;
		font-size: 96px;
		line-height: 96px;
		margin-bottom: 10px;
		text-align: center;
	}

	.hero-widget var {
		display: block;
		height: 64px;
		font-size: 64px;
		line-height: 64px;
		font-style: normal;
		color: #fc0074; /*#ff6699;*/
	}

	.hero-widget label {
		font-size: 17px;
	}

	.hero-widget .options {
		margin-top: 10px;
	}



div.loadIssueBox {
	margin: 10px;
	background-color: #ffffff;
	border: 1px solid black;
	height: auto;
}

	div.loadIssueBox p {
		margin: 5%;
		font-style: italic;
	}


@media (min-width:1300px) {
	.floatingHeader {
		display: table;
		position: fixed;
		top: 0;
		visibility: hidden;
		background-color: #fc0074;
	}
}

@media (max-width:1300px) {
	.floatingHeader {
		display: none;
	}
}


.panel-default > .panel-heading {
	color: white !important;
	background-color: #fc0074;;
	border-color: #ddd;
}

.panel-default > .panel-heading label {
	color: black !important;
}

.whitetext {
	color:white;
}

.persist-header {
	background-color: #fc0074;
}

tbody{
	color: #555;
}

.even {
	background-color: #f2f2ea;
}

.odd {
	background-color: #eff0f2;
}

.pinka {
	color: #fc0074;
	text-decoration: none;
}

a.pinka:focus, a.pinka:hover {
	color: #fc0074;
	text-decoration: underline;
}

 .templogo {
	background-image: url("../images/TemporaLogoTransparent.png");
	background-repeat: no-repeat;
}