.btn-primary {
  color: #fff;
  background-color: #006271;
  border-color: #00444C;
}

.btn-primary:hover {
  color: #fff;
  background-color: #00444C;
  border-color: #001B26;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 121, 137, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #006271;
  border-color: #00444C;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #006271;
  border-color: #00444C;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 121, 137, 0.5);
  background-color: #3399ff;
  border-color: #00444C;
}

a {
  color: #006271;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #008B9E;
  text-decoration: underline;
}

#login-form {
	margin:2% auto;
	max-width:500px;
}

table  {border-collapse:collapse;border-spacing:0;border-color:#ccc;margin: auto; width: 100% !important; }
.tu td{
	font-family:Merriweather, sans-serif;
	font-size:5vmin;
	font-weight:normal;
	padding: 2px 2px;
	border:solid 1px #ccc;
	overflow:hidden;
	word-break:normal;
	color:#333;
	background-color:#fff;
}
.tu th{font-family:Merriweather, sans-serif;
	font-size:5vmin;
	font-weight:normal;
	padding: 3px 5px;
	border:solid 1px #006271;
	overflow:hidden;
	word-break:normal;
	color:#f0f0f0;
	background-color:#006271;
}

.tg td{
	font-family:Merriweather, sans-serif;
	font-size:1.5vmin;
	font-weight:normal;
	padding: 3px 5px;
	border:solid 1px #ccc;
	overflow:hidden;
	word-break:normal;
	color:#333;
	background-color:#fff;
}
.tg th{font-family:Merriweather, sans-serif;
	font-size:1.5vmin;
	font-weight:normal;
	padding: 3px 5px;
	border:solid 1px #006271;
	overflow:hidden;
	word-break:normal;
	color:#f0f0f0;
	background-color:#006271;
}

.smallentry{height: calc(1em + .375rem + 2px) !important; padding: .125rem .25rem !important; font-size: .75rem !important; line-height: 1.5; border-radius: .3rem;}

    body {
        overflow-y: scroll;
    }

span.circle {
	background: lightgreen;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #006271;
	font-weight: bold; 
	display: inline-block;
	line-height: 18px;
	text-align: center;
	width: 18px;
	margin-right: 2px;
}

span.circlegrey {
	background: lightblue;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: black;
	font-weight: 600; 
	display: inline-block;
	line-height: 18px;
	text-align: center;
	width: 18px;
	margin-right: 2px;
}

span.circlenone {
	background: white;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: grey;
	font-weight: 100; 
	display: inline-block;
	line-height: 18px;
	text-align: center;
	width: 18px;
	margin-right: 2px;
}