html, body, input {
	font-family: "Lato", "Roboto", "Segoe UI", Tahoma, Arial, sans-serif;
	font-size: 12px;
}
input {
	border: 1px solid #693;
}
.divhover {
	background: #666;
	color: #fff;
}
.divactive {
	background: #191c1f;
	color: #fff
}
th {
	font-weight: bold;
}
#key {
	background-color: #9FC59F;
	color: black;
	padding: 1px
}
#note, #count, #indexcounter, #indexdate {
	color: #060;
	font-weight: bold;
}
#c {
	background: #060;
	color: #fff;
	padding: 2px
}
#f {
	background: #999;
	border: solid 1px #333;
	color: #fff;
	padding: 2px
}
a:link, a:visited {
	color: #060;
	text-decoration: none;
}
a:hover {
	color: #0A0;
	text-decoration: underline;
}
a:active {
	color: #0F0;
	text-decoration: none;
}
.col-xs-1 {
	width:8%;
}
.break {
	clear:both;
}
.button {
	font-family: "Courier New", Courier !important;
	font-weight: bold;
	font-size: 12px;
	padding: 3px;
	border: 1px solid #393;
	background-color: #393;
	color: #fff;
	cursor: pointer;
}
.table .btn {
	font-size:12px;
	padding:6px 6px;
	}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px;
}

.green {
	color:#006600;
}
.red {
	color:red;
}