.A {
	background: #f3a683;
	padding: 3px;
}
.R {
	background: #f7d794;
	padding: 3px;
}
.N {
	background: #778beb;
	padding: 3px;
}
.D {
	background: #e77f67;
	padding: 3px;
}
.C {
	background: #cf6a87;
	padding: 3px;
}
.Q {
	background: #f19066;
	padding: 3px;
}
.E {
	background: #f5cd79;
	padding: 3px;
}
.G {
	background: #546de5;
	padding: 3px;
}
.H {
	background: #e15f41;
	padding: 3px;
}
.I {
	background: #c44569;
	padding: 3px;
}
.L {
	background: #786fa6;
	padding: 3px;
}
.K {
	background: #f8a5c2;
	padding: 3px;
}
.M {
	background: #63cdda;
	padding: 3px;
}
.F {
	background: #ea8685;
	padding: 3px;
}
.P {
	background: #596275;
	padding: 3px;
}
.S {
	background: #574b90;
	padding: 3px;
}
.T {
	background: #f78fb3;
	padding: 3px;
}
.W {
	background: #3dc1d3;
	padding: 3px;
}
.Y {
	background: #e66767;
	padding: 3px;
}
.V {
	background: #303952;
	padding: 3px;
}
.eq {
	background: #f3a683;
	padding: 3px;
}
.ad {
	background: #f7d794;
	padding: 3px;
}
.re {
	background: #778beb;
	padding: 3px;
}

.eq {
	background: #d2dae2;
	padding: 3px;
}
.ad {
	background: #ea8685;
	padding: 3px;
}
.re {
	background: #4bcffa;
	padding: 3px;
}
.alpha {
	background: #f5cd79;
	padding: 3px;
}
.beta {
	background: #546de5;
	padding: 3px;
}

.seq {
	width: 18px;
	font-family: Monaco, Consolas, monospace;
	color: white;
	text-shadow: 1px 1px 1px #000;
	font-size: 18px;
}

.seq-num {
	width: 14px;
	font-family: Monaco, Consolas, monospace;
	font-size: 14px;
	padding: 3px;
}

.seq-line {
	width: 18px;
	font-family: Monaco, Consolas, monospace;
	font-size: 18px;
	padding: 3px;
}


.seq-div {
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

text {
	color:#999;
}

.footer,
.push {
	height: 4em;
	text-align: center;
	line-height: 50px;
	margin-top: 50px;
	background: #3e4147; 
	height: 50px;
}

div.footer small {
	color: #FFFFFF;
}

div.footer a {
	color: #7cb5ec;
}

div.footer a:hover {
	text-decoration: none;
	color: #ffffff;
}

#footer-text {
	color: #FFFFFF;
}
/*checkbox*/
label {font-size:12px;cursor:pointer;}
label i {font-size:12px;font-style:normal;display:inline-block;width:12px;height:12px;text-align:center;line-height:12px;color:#fff;vertical-align:middle;margin:-2px 2px 1px 0px;border:#2489c5 1px solid;}
input[type="checkbox"],input[type="radio"] {display:none;}
input[type="radio"] + i {border-radius:7px;}
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i {background:#2489c5;}
input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}
input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;}