table.data-table td,table th { text-align: center; }

table.data-table tbody tr td span.arrow {
    display: inline-block;
    width: 14px;
    height: 12px;
    zoom: 1;
    vertical-align: middle;
}
table.data-table tbody tr td span.arrow.up { background-image: url('img/arrow-up.png'); }
table.data-table tbody tr td span.arrow.down { background-image: url('img/arrow-down.png'); }
table.data-table tbody tr td span.arrow.left { background-image: url('img/arrow-left.png'); }
table.data-table thead th { background: #f44414; color: White; }

.search-form label {
	font-weight: bold;
	font-size: 16px;
	color: #424e5c;
	padding: 0;
	margin: 2px;
}

.btn {
	background: #f44414; /*#d5883d;*/
	color: White;
	border-color: #f44414; /*#d5883d;*/
	margin: 2px;
}
.btn:hover { background: #f44414; border-color: #f44414; }
.btn:focus { background: #f44414; border-color: #f44414; }
.btn:active { background: #f44414; border-color: #f44414; }
.btn:active:focus {
  color: White; 
  background-color: #f44414; 
  border-color: #f44414;
}

h2 {
		margin: 10px 0;
		font-size: 44px;
		font-weight: 600;
	}
	
	h3 {
		margin: 20px 0;
		font-size: 30px;
		font-weight: 600;
		color: #424e5c;
	}
	
	h4 {
		font-size: 18px;
		font-weight: 600;
		margin: 10px 0;
	}
	
	a {
		color: #7c8a3a;
		text-decoration: none;
	}
	
	a:hover {color: #54601d;}
	
	p {
		/*color: #4c4c4c;*/
		font-size: 15px;
		line-height: 1.5;
		margin: 20px 0;
	}
	
body {
  /*font-family: Arial, Helvetica, sans-serif;*/
  color: Black;
}

select {
  color: Black;
  font-size: bold;
}
.form-control {
  color: Black;
  font-size: bold;
  border: 1px solid #ccc
}
.card-text { color: Black; }

.top-nav a.home { /*color: #7c8a3a;*/ color: White; font-weight: bold; text-decoration: none; }
.top-nav a { white-space: nowrap; /*color: #7c8a3a; text-decoration: underline;*/ font-weight: bold; color: White; margin: 2px; /*color: #d38e4a;*/ }

.data-list .card-body { padding: 0.5em; }
.data-list .card-body p { margin: 0px; }

.data-list span.arrow {
    display: inline-block;
    width: 14px;
    height: 12px;
    zoom: 1;
    vertical-align: middle;
}
.data-list span.arrow.up { background-image: url('img/arrow-up.png'); }
.data-list span.arrow.down { background-image: url('img/arrow-down.png'); }
.data-list span.arrow.left { background-image: url('img/arrow-left.png'); }

.btn-selected { background: Green; }

.card-body .btn { margin: 2px; }