/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loading0 {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
  
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
/* Anytime the body has the loading class, our
   modal element will be visible */
body.modal {
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif')
                50% 150px
                no-repeat;
}

/**
 * Main CSS under
 */
.tooltip.hintClass1 .tooltip-inner {
  max-width: 300px !important;
  color: #000000;
  background-color: #ffd9b3;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  font-family: Consolas, "Courier New", monospace;
  font-size: 14px;
}
.tooltip.hintClass1 .tooltip-arrow {
  display: none;
}

.tooltip .tooltip-inner {
	max-width: 400px !important;
	color: #000000;
	background-color: #ffd9b3;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #000;
	border-top-color: #ffb366;
}

.header {
  padding: 3px 3px;
  border-bottom: 2px solid rgb(60, 60, 60);
}

.header-line {
  border-bottom: 2px solid rgb(60, 60, 60);
}

.sumarry {
  padding: 3px 3px;
}

.experiment {
	padding: 3px 3px;
}

.sequences {
	padding: 3px 3px;
}

.leglabel {
	font-size: 16px;
	line-height: 1.0;
}

.legend {
	font-family: Consolas, "Courier New", monospace;
	font-size: 5px;
	white-space: pre;
	vertical-align: middle;
}

.t_constant {
	background: rgb(51, 102, 153);
}

.t_variable {
	background: rgb(51, 204, 51);
}

.t_hypervar {
	background: rgb(255, 153, 51);
}

.t_cover0 {
	background: rgb(51, 51, 51);
}

.t_cover1 {
	background: rgb(102, 102, 255);
}

.t_cover2 {
	background: rgb(153, 204, 0);
}

.t_cover3 {
	background: rgb(255, 128, 0);
}

.t_cover4 {
	background: rgb(89, 89, 89);
}

.t_cover5 {
	background: rgb(179, 0, 134);
}

.t_cover6 {
	background: rgb(0, 153, 153);
}

.t_cover7 {
	background: rgb(0, 153, 153);
}

.t_cover8 {
	background: rgb(230, 184, 0);
}

.t_cover9 {
	background: rgb(230, 184, 0);
}

.t_cover10 {
	background: rgb(0, 153, 51);
}

.legendCoverage {
	font-family: Consolas, "Courier New", monospace;
	font-size: 4px;
	white-space: pre;
	vertical-align: middle;
}

.textright {
	text-align: right;
}

.blankline4 {
	z-index: -9999;
	font-size: 4px;
}

.blankline6 {
	z-index: -9999;
	font-size: 6px;
}

.blankline8 {
	z-index: -9999;
	font-size: 8px;
}

.blankline10 {
	z-index: -9999;
	font-size: 10px;
}

.blankline12 {
	z-index: -9999;
	font-size: 12px;
}

.blankline14 {
	z-index: -9999;
	font-size: 14px;
}

.blankline16 {
	z-index: -9999;
	font-size: 14px;
}

.blankline18 {
	z-index: -9999;
	font-size: 14px;
}

.blankline20 {
	z-index: -9999;
	font-size: 20px;
}

.blankline22 {
	z-index: -9999;
	font-size: 14px;
}

.blankline24 {
	z-index: -9999;
	font-size: 14px;
}


.text_rline {
	border-right: 1px solid rgb(20, 20, 20);
}

.text_norline {
	border-right: 1px solid rgb(255,255,255);
}

.divider {
	border-top: 1px dashed rgb(179, 209, 255);
}

.text_bline {
	border-bottom: 1px solid rgb(20, 20, 20);
	color: rgb(51, 51, 153);
}

.domain {
	white-space: pre;
	font-family: Consolas, "Courier New", monospace;
	font-size: 16px;
	letter-spacing: 0px;
	cursor: default;
}

.domain_container {
	position: relative;
	overflow: hidden;
	top: -4px;
}

.domain_indicator {
	position: relative;
	top: -10px;
}

.dbseqContainer {
	position: relative;
	top: -4px;
}

.d_constant {
	border-bottom: 5px solid rgb(51, 102, 153);
}
.d_variable {
	border-bottom: 5px solid rgb(51, 204, 51);
}
.d_hypervar {
	border-bottom: 5px solid rgb(255, 153, 51);
}

.domainline0 {
	border-bottom: 5px solid rgb(204, 204, 204);
}
.domainline1 {
	border-bottom: 5px solid rgb(51, 102, 153);
}
.domainline2 {
	/*border-bottom: 5px solid rgb(51, 204, 51);*/
	border-bottom: 5px solid rgb(136, 204, 0);
}
.domainline3 {
	/*border-bottom: 5px solid rgb(255, 153, 51);*/
	border-bottom: 5px solid rgb(240, 153, 51);
}

.pepcover1 {
	border-top: 2px solid rgb(102, 102, 255);
}

.pepcover2 {
	border-top: 2px solid rgb(153, 204, 0);
}

.pepcover3 {
	border-top: 2px solid rgb(255, 153, 51);
}

.coverline {
	border-top-width: 2px;
	border-top-style: solid;
}
.coverlinehover {
	border-top-width: 4px;
	border-top-style: solid;
}
.coverline1 { border-top-color: rgb(102, 102, 255); }
.coverline2 { border-top-color: rgb(153, 204, 0); }
.coverline3 { border-top-color: rgb(255, 153, 51); }

.aahover { background-color: rgb(51, 187, 255);}

.mutation { background: rgb(255, 204, 102); }

.qualcontainer {
	position: relative;
	overflow: hidden;
	height: 22px;
}

.quality {
	background-color: rgb(0, 102, 255);
}

.covercontainer {
	height: 4px;
	margin-top: 3px;
}

.aacovercontainer {
	margin-top: 3px;
}

.linelabel {
	white-space: pre;
	font-family: Consolas, "Courier New", monospace;
	font-size: 14px;
	letter-spacing: 0px;
	cursor: default;
}

.label_container {
	min-width: 148px;
}

.label_container_s {
	min-width: 120px;
}

.container-horizontally {
	overflow-x: scroll;
	overflow-y: hidden;
}

.stick {
    position: fixed;
    top: 0;
    display: none;
}

.stickAnchor {
	width: 0px;
	height: 0px;
}

.font12 {
	font-size: 12px;
}
.font10 {
	font-size: 10px;
}

.popover {
	white-space: nowrap;
    position: absolute;
    display: none;
    background: #ffd9b3;
    border: 1px solid #999;
    padding: 10px;
    width: auto;
    max-width: 500px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.labinternal {
	min-width: 1px;
}
.aaeditor {
    background: #fff;
}
.popover.bottom > .arrow {
  left: 10%;
}

.menuitem {
	white-space: pre;
	font-family: Consolas, "Courier New", monospace;
	font-size: 14px;
}

.modal {
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:400px;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.dropdown-menu li:hover {
    visibility: visible;
}
.dropdown:hover .dropdown-menu {
    display: block;
}

.vsep {
	color: #27d8b2;
	font-weight: bold;
}