.btn-primary {
	background-color: #009688;
}
a.help {
	color: #009688;
}
.traffic-light {
	width: 2ch;
	height: 5.1ch;
	background-color: black;
	border-radius: 0.5ch;
	margin: 1ch;
}
.traffic-light .light {
	width: 1.3ch;
	height: 1.3ch;
	border-radius: 1ch;
	top: 0.3ch;
	margin-top: 0.3ch;
	margin-left: auto;
	margin-right: auto;
	background-color: dimgrey;
}
.light.red {
	background-color: red;
}
.light.orange {
	background-color: orange;
}
.light.green {
	background-color: lime;
}
option.file {
	background-color: #99FF99;
}
div#top {
	margin: 4ch;
	margin-left: 21ch;
	margin-top: 80px;
}
div#input {
	max-width: 860px;
	border-radius: 8px;
	padding: 15px;
	background-color: white;
}
#input li {
	list-style-type: none;
}
.input-section h2 {
}
.input-way {
	font-size: large;
}
#input #sequence {
	max-width: 500px;
}
#input p {
	text-align: justify;
}
#navbar {
	height: 64px;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #009688 !important;
	z-index: 100;
}
#navbar h2 {
	color: white;
	font-weight: bold;
	margin-top: 14px;
	margin-left: 20px;
}
#navbar a:hover {
	text-decoration: none;
}
#navbar .contact {
	color: white;
	font-weight: bold;
	float: right;
	margin-top: -45px;
	margin-right: 20px;
}
#logo a {
	text-decoration: none;
}
div#sidebar {
	width: 18ch;
	position: fixed;
	top: 18%;
	margin-right: 5px;
	margin-left: 5px;
	z-index: 1;
	/*
	border: 1px solid grey;
	*/
}
div.cell {
	border: 1px solid grey;
	border-radius: 4px;
	margin-top: 5px;
	box-shadow: 2px 2px 2px #aaa;
	background-color: white;
}
.cell.ready:hover {
	cursor: pointer;
}
.cell .tool-label {
	float: left;
	width: 12ch;
	text-align: center;
}
.clear {
	clear: both;
}
.cell .traffic-light {
	float: right;
}
div#center {
	margin-left: 24ch;
	width: calc(100% - 25ch);
	position: relative;
	padding-bottom: 0px;
	height: 100%;
}
div#options {
	margin-top: 10px;
}
div.visu-bar {
	margin-bottom: 15px;
}
div.visu-cmd,div.visu-alt {
	margin: 5px;
}
div#visu-desc {
	margin: 5px;
}
div.archive,div.archive-msg {
	display: inline;
}
img#loading {
	margin-left: 42%;
	margin-top: 2%;
}
div.hint {
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 8px;
}
#input button {
	margin-top: 4px;
	margin-bottom: 8px;
}
#input button.serverfile {
	display: block;
}
a#new {
	margin-left: 8em;
}
.tool-section {
	    border: 1px solid black;
		border-radius: 6px;
		box-shadow: 3px 3px #aaa;
		padding: 1em;
		max-width: 500px;
		background-color: white;
		margin-bottom: 1em;
}
.tool-section h4 {
	margin-top: 0px;
}
.tool-element {
	margin-top: 1ch;
}
textarea#edition {
	width: 80%;
	height: 70ch;
	font-family: monospace;
	background-color: #f5f5f5;
}
#show-input {
	font-size: 34px;
	margin-left: 15px;
	display: none;
}
#show-input span:hover {
	cursor: pointer;
}
div#session-id {
	float: right;
}
button#restore {
	display: inline;
}
#session-id span {
	font-weight: bold;
}
html, body {
	height: 96%;
	background-color: rgb(238, 238, 238);
}
.wrapper {
	min-height: 100%;
	position: relative;
}
#footer {
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #009688 !important;
	padding: 1em 0;
	color: white;
	text-align: center;
	clear: both;
	position: absolute;
}
#footer.small {
	padding: 0;
	height: 12px;
}
#footer.small div {
	display: none;
}
#footer a {
	color: white;
	font-style: italic;
}
#footer a:hover {
	color: #eee;
}
#footer ul {
	list-style: none;
}
#footer img.logo {
	max-height: 40px;
	margin-right: 30px;
	float: right;
}
#footer .fsection {
	width: 50%;
}
#copyright {
/*
	border-top: 1px solid #666;
	padding: 0.5em 0 1em;
	*/
	font-size: 1em;
	text-align: left;
	float: right;
	max-width: 70%;
}
div#logos {
	float: left;
}
pre {
	background-color: white;
}
div#log {
	resize: vertical;
}
div#log pre {
	background-color: initial;
	border: initial;
	max-height: 50ch;
}
input.org {
	width: 40ch;
}
input.org.added {
	display: block;
}
.clustal-option {
	display: none;
}