.btn-primary, .btn-primary:active, .btn-primary:visited {
			background-color: #0000FF !important;
			border-color: #0000A0 !important;
		}

		.btn-primary:hover {
			background-color: #0000FF !important;
			border-color: #0000A0 !important;
		}

		.pagination > li > a
		{
			background-color: white;
			color: #0000FF !important;
		}

		.pagination > li > a:focus,
		.pagination > li > a:hover,
		.pagination > li > span:focus,
		.pagination > li > span:hover
		{
			color: #5a5a5a  !Important;
			background-color: #eee !Important;
			border-color: #ddd  !Important;
		}

		.pagination > .active > a
		{
			color: white !Important;
			background-color: #0000FF !Important;
			border: solid 1px #0000A0 !Important;
		}

		.pagination > .active > a:hover
		{
			background-color: #0000FF !important;
			border: solid 1px #0000A0 !important;
		}

		.modal-header
		{
			/*color: #F58634 !important;*/
			padding:9px 15px;
			border-bottom:1px solid #eee;
			background-color: #0000FF !important;
		}

		.jumbotron{
			/*background-color:#2E2D88;*/
			background-color:#0000FF !important;
			color:white;
		}
		/* Add borders for tabs */
		.tab-content {
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding: 10px;
		}
		.nav-tabs {
			margin-bottom: 0;
		}

		.flex-container {
			display: flex;
			flex-wrap: wrap;
		}

		.flex-container > div {
			width: 300px;
			margin: 20px;
			text-align: center;
			line-height: 75px;
			font-size: 30px;
		}

		.zoom {
			/*padding: 5px;*/
			/*background-color: green;*/
			transition: transform .2s; /* Animation */
			/*width: 30px;*/
			/*height: 30px;*/
			/*margin: 0 auto;*/
		}

		.zoom:hover {
			transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
		}

		footer {
		  text-align: center;
		  padding: 1px;
		  background-color: lightBlue;
		  color: white;
		  position: absolute;
          bottom: 0;
          width: 100%; /* Ensures the footer spans the full width */
		}

		table {
			border-collapse: collapse;
			border-spacing: 0;
			width: 100%;
			border: 0px solid #ddd;
		}
		th, td {
			text-align: left;
			padding: 2px;
		}
		tr:nth-child(odd) {
			background-color: #f2f2f2
		}

		.modal-header {
			color: white;
		}
		hr{
			height: 1px;
			background-color: #ccc;
			border: none;
		}

		.tsLegend {
			margin-bottom: -.2em !important;
			padding-bottom: -.2em !important;
			margin-top: 0.2em !important;
			padding-top: -.0em !important;
			font-size: 14px;
		}

		.form-group {
			margin-bottom: 0.1em !important;
			padding-bottom: -.4em !important;
			margin-top: 0.2em !important;
			padding-top: 0.1em !important;
		}
		.tsTitle {
			margin-bottom: 0.0em !important;
			padding-bottom: 0.0em !important;
			margin-top: -.4em !important;
			padding-top: -.4em !important;
			font-size: 18px;
			text-align: center;
		}

		.text-muted {
			padding-left: 0;
			margin-left: 0;
			padding-right: 0;
			margin-right: 0;
			padding-bottom: -2px;
			margin-bottom: -2px;
		}

		.radio-inline {
			padding-left: 35px;
		}

		body { padding-top: 70px; }


		/* Container size */
		@media (max-width: 767.98px) {
			.container {
				width: 100%;
			}
			.table-condensed{
				font-size: 11px;
				line-height: 3px;
			}
			.container .contHeader {
				width: 100%;
			}
		}

		@media (min-width: 768px) {
			.container {
				width: 60%;
			}
			.container .contHeader {
				width: 80%;
			}
			.table-condensed{
				font-size: 13px;
				line-height: 3px;
			}
		}