a.tooltip {text-decoration:none;}
.tooltip span.info{font-size:14px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.info{font-size:14px; display:block;background:#e7f3f7; color:black; position:absolute; width:40em; height:34em;}
.tooltip span.infosection3{font-size:14px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.infosection3{font-size:14px; display:block;background:#e7f3f7; color:black; position:absolute; width:48em; height:12em;}
.tooltip span.infomatrix{font-size:14px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.infomatrix{font-size:14px; display:block;background:#e7f3f7; color:black; position:absolute; width:44em; height:37em;}
.tooltip span.infoscale{font-size:14px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.infoscale{font-size:14px; display:block;background:#e7f3f7; color:black; position:absolute; width:44em; height:25em;}
.tooltip span.infoprofile{font-size:14px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.infoprofile{font-size:14px; display:block;background:#e7f3f7; color:black; position:absolute; width:42em; height:25em;}
.tooltip span.infopredefinedparameters{font-size:14px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.infopredefinedparameters{font-size:14px; display:block;background:#e7f3f7; color:black; position:absolute; width:50em; height:6em;}
.tooltip span.infofractiongaps{font-size:14px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.infofractiongaps{font-size:14px; display:block;background:#e7f3f7; color:black; position:absolute; width:46em; height:16em;}
.tooltip span.infoAlignMeProfProfiles{font-size:14px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.infoAlignMeProfProfiles{font-size:14px; display:block;background:#e7f3f7; color:black; position:absolute; width:43em; height:7em;}
.tooltip span.infogappenalties{font-size:14px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.infogappenalties{font-size:14px; display:block;background:#e7f3f7; color:black; position:absolute; width:46em; height:40em;}
.tooltip span.infoMSAinput{font-size:14px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.infoMSAinput{font-size:14px; display:block;background:#e7f3f7; color:black; position:absolute; width:42em; height:8em;}
.tooltip span.infoAlignMeinput{font-size:14px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.infoAlignMeinput{font-size:14px; display:block;background:#e7f3f7; color:black; position:absolute; }
.tooltip span.sectionInfo{font-size:12px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.sectionInfo{font-size:12px; display:block;background:#e7f3f7; color:black; position:absolute;width:50%; }

.tooltip span.infoMSApredefinedparameters{font-size:14px; display:none; border:2px solid #0d1f42; padding: 5px 10px 10px 10px;}
.tooltip:hover span.infoMSApredefinedparameters{font-size:14px; display:block;background:#e7f3f7; color:black; position:absolute; width:48em; height:6em;}


a.pdblink:link {
/*     font-size: 14px;
    color: #A4E8F1;
    background-color: transparent;
    text-decoration: none; */
}
a.headmenulink {
    color: white;
    background-color: transparent;
    text-decoration: none;
}
a.pdblink:visited {
   /*  color: #A4E8F1;
    background-color: transparent;
    text-decoration: none; */
}
/* a.pdblink:hover {
    color: blue;
    background-color: transparent;
    text-decoration: underline;
} */
a.pdblink:active {
    /* color: #A4E8F1;
    background-color: transparent;
    text-decoration: none; */
}
img.thumbnaillink {
	width: 75px;
	height: 75px;
	border: 0; 
	background-color: white;
	/* opacity:0.5 */
}
object.thumbnaillink {
	width: 75px;
	height: 75px;
	border: 0; 
	background-color: white;
	/* opacity:0.5 */
}
a.greenbutton, a.greenbutton:visited {
font-size: 14px;
text-decoration: none;
}
table.pdbinfotable {
	border: opx solid #dddddd;
	width:100%;
	text-align:left;
}

table.alignments {
	font-family: "courier";
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.alignments th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.alignments td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

div.alignmentscntr {
    background-color: #00FFFF;
    width: 100px;
    height: 100px;
    overflow: scroll;
}


div.filecontent{
	height:600px;
	width:650px;
/* 	border:solid 2px orange; */
	overflow:scroll;
	overflow-x:scroll;
	overflow-y:scroll;
}


div.fixlengthcontanier{
font-family: Courier New;
font-size: 16px;
}

* {box-sizing:border-box}
/* body {font-family: Verdana,sans-serif;margin:0;}
 */.mySlides {background-color: white; height: 400px;  padding: 25px 0px 0px 0px;}

/* Slideshow container */
.slideshow-container {
  align: left;
  max-width: 500px;
  position: relative;
  display:none;
  border: 1px solid #ECECEC; 
}

.mol-container {
  width: 90%;
  height: 100%;
  position: relative;
  margin: auto;

}

/* Next & previous buttons */
.nextstruct {
	 position: absolute;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background: url(../images/arrow-right.png) no-repeat 0 0;
     background-size: 25px 25px;
    margin-top: -40px;
	 top: 10%;

}

.prevstruct {
	 position: absolute;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background: url(../images/arrow-left.png) no-repeat 0 0;
    background-size: 25px 25px;
    margin-top: -40px;
	 top: 10%;

}


/* Position the "next button" to the right */
.nextstruct {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prevstruct:hover, .nextstruct:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #C8C5C2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  right: 45%;
 
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}




.divlabel {
  float: right;
  top: 5px;
  right: 10px;
  padding: 0px;
  background: #fff;
}

.divBottomlabel {
  float: right;
  bottom: 5px;
  right: 10px;
  padding: 0px;
  background: #fff;
}
/* Next & previous buttons */
.structreset {
	 right: 0;
	 position: absolute;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
/*     background: url(../images/refresh.png) no-repeat 0 0; */
     background-size: 45px 45px;
    margin-top: -40px;
  /*   z-index: 2; */
	 top: 10%;
/*   cursor: pointer;
  position: absolute;
  top: 10%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0; */
}

.structreset:hover{
 filter: drop-shadow(5px 5px 7px #515256);
}

.ta3 {
	border: 0px; 
	resize: none; 
	background-color: transparent; 
	font-family: Courier New;
	font-size:16px;
}

.rTable {
  	display: table;
  	width: 100%;
}
.rTableRow {
  	display: table-row;
}
.rTableHeading {
  	display: table-header-group;
  	background-color: #ddd;
}
.rTableCol {
  	display: table-cell;
  	padding: 3px 10px;
  	border: 0px solid #999999;
  	  /* 	width: 50%; */
  	  	vertical-align: top;
}

.rTableCustCol1 {
  	display: table-cell;
  	padding: 3px 10px;
  	border: 0px solid #999999;
  	   	width: 25%; 
  	  	vertical-align: top;
}
.rTableCustCol2 {
  	display: table-cell;
  	padding: 3px 10px;
  	border: 0px solid #999999;
  	  	width: 25%; 
  	  	vertical-align: top;
}
.rTableCustCol3 {
  	display: table-cell;
  	padding: 3px 10px;
  	border: 0px solid #999999;
  	 	width: 60%;
  	  	vertical-align: top;
}
.rTableCell, .rTableHead {
  	display: table-cell;
  	padding: 3px 10px;
  	border: 0px solid #999999;
  	  	vertical-align: top;
}
.rTableHeading {
  	display: table-header-group;
  	background-color: #ddd;
  	font-weight: bold;
}
.rTableFoot {
  	display: table-footer-group;
  	font-weight: bold;
  	background-color: #ddd;
}
.rTableBody {
  	display: table-row-group;
}

.downloadSpan { 
    background:url(../images/arrow-down-green.png); 
}


#container.expanded .expander {
    padding-left: 13px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(images/expanded.gif);
}

#container.collapsed .expander {
    padding-left: 13px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/collapsed.gif);
}

.downloadlink
{
font-size: 14px;
  background: transparent url('../images/arrow-down-green.png') no-repeat left center;
    padding-left: 28px;
    color: #A4E8F1;
    background-color: transparent;
    text-decoration: none;
}



/* ToolTip classses */ 
.tooltip {
display: inline-block;  
color: Black;
font-size: 14px;  
font-family:"Courier New";
}
.tooltip .tooltiptext {
    margin-left:50px;
    width : 520px;
    visibility: hidden;
    background-color: #FFF;
    border-radius:4px;
    border: 1px solid #aeaeae;
    position: absolute;
    z-index: 1;
    padding: 5px;
    margin-top : -25px; /* according to application */ 
    opacity: 0;
    transition: opacity 1s;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 5%;
    right: 100%; /* To the left of the tooltip */
    
    /* top: -5%;
    right: 90%; /*To the left of the tooltip */
    
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #aeaeae transparent transparent;
}


.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}









/* ToolTip classses */ 
.algntooltip {
display: inline-block;  
color: #525252;

/* font-size: 14px;  
font-family:"Verdana,sans-serif"; */
}
.algntooltip .algntooltiptext {
    margin-left:5px;
    width : 520px;
    visibility: hidden;
    background-color: #FFF;
    border-radius:4px;
    border: 1px solid #aeaeae;
    position: absolute;
    z-index: 1;
    padding: 5px;
    margin-top : -5px; /* according to application */ 
    opacity: 0;
    transition: opacity 1s;
}
.algntooltip .algntooltiptext::after {
    content: " ";
    position: absolute;
    top: 5%;
    right: 100%; /* To the left of the tooltip */
    
    /* top: -5%;
    right: 90%; /*To the left of the tooltip */
    
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #aeaeae transparent transparent;
}


.algntooltip:hover .algntooltiptext {
    visibility: visible;
    opacity: 1;
}


/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	display: table-cell;
	padding: 3px 10px;
	width: 30%;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}


.enjoy-css {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100px;
  height: 100px;
  border: 2px solid rgba(0,150,255,0.91);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font: normal 16px/1 "Times New Roman", Times, serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: rgba(0,150,255,0.91);
  -webkit-transition: margin 500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: margin 500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: margin 500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: margin 500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}

.enjoy-css:hover {
  margin: 0 0 0 184px;
  -webkit-transition: margin 320ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: margin 320ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: margin 320ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: margin 320ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}


.blockElement {
    width: 100%;
    height: 100%;
}
.blockMsg  {
    top: 25% !important;
    left: 30% !important;
}

.container {
  width: 85%;
}
/* 

.container {
  width: 90%;
}
.container > div {
  flex: 1; grow
}
 */

.divPlotOuter{
        display:inline;
        text-align:center;
    }

.divPlotInner, .divInner2{
        border: 1px solid;
        float:left;
        margin-left:3px;
        margin-right:3px;
    }
.divPlotFilter{
        border: 0px solid;
        margin-left:3px;
        margin-right:3px;
    }
/* .plotContainer {
  overflow: scroll;
width:auto;
   background: #e3e4e5;
 	 border: solid #4b6884 1px;
  	display: inline-block;
}
.imgContainer {
  overflow: scroll;
width:auto;
height: 100%;
   background: #e3e4e5;
 	 border: solid #4b6884 1px;
  	display: inline-block;
} */

.plotContainer {
	
  /*  background: #e3e4e5;
 	 border: solid #4b6884 1px; */
  	display: inline-block;
  	width:80%;
  	float: left;
}
.imgContainer {
   vertical-align: top;
  /*  background: #e3e4e5; */
 	/*  border: solid #4b6884 1px; */
  	display: inline-block;
  	width:10%;
}


.areahglt {
background-color: #FFFFFF;
background:#fff;
}

area {
    display: block;
    background-color:pink;
   }


.shadowImg {-webkit-filter: drop-shadow(8px 8px 10px green);filter: drop-shadow(8px 8px 10px green);}




.uzay{ 
 	/* width:100%;
	height:100%; */ 
	background: url(no-dimensions-or-ratio.svg);
/*border:1px solid turquoise; */
background-size: contain;
background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center; 
}
.rect{ fill:transparent; cursor:pointer;}
.circle {fill:transparent; cursor:pointer}



#example {
  background-color: red;
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
}


.structrepeats {
	 background-color: white;
    resize: none;
	/* color: #525252; */
	border: 0px;
	word-wrap: break-word;
	/* font-family: Verdana,sans-serif; */
	/* font-size: 15px; */
	/* font-family: Arial; font-size: 14px; border: 0px; resize: none; background-color: transparent; color: white; overflow:scroll; overflow-y: scroll; overflow-x: scroll; *//* overflow-x: hidden; */
	
}

.dataSetTd {
	
	font-family: Arial; font-size: 14px; color: black; valign:top;
	
}

.dataTableLeft {
    text-align: left;
    border: 3px solid green;
}

.repeats {
    background-color: transparent;
    resize: none;
	color: white;
	border: 0px;
	font-family: Verdana,sans-serif;
	font-size: 15px;
}

.dataTables_wrapper {
  float: left !important;
}


table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 10px !important;
}



.helpIcon {
	width: 20px;
	height: 20px;
}

.gi-4x{font-size: 4em;}
.gi-2x{font-size: 2em;}

.pull-bottom {
    position: absolute;
    bottom:0;
    right:0;
}
.row1 {
    position: relative;
}

.addborder {
	border: 1px solid #ECECEC; 
}




.tabletcss {
    border: 1px solid red;
    border-collapse: collapse;
}

 /* .select2-dropdown {
        max-height: 500px;
        min-height: 500px;
    } */
    
    /* .select2-results {
    	min-height: 300px;
    } */
    
    .select2-container--default .select2-results > .select2-results__options {
    min-height: 500px
}





.wrapper{
  width:100%;
}
@media(max-width:992px){
 .wrapper{
  width:100%;
} 
}
.panel-heading {
  padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:14px;
  font-weight:bold;
/* 	text-transform:uppercase; */
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
}
.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 



/* .paginate_button {
	background-color: #AED6F1; Green
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
} */

.paginate_button {
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}


.divtextwrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.advSearchContainer {
	/* float: right; */
	 border: 2px solid #E3E4E5;
    border-radius: 5px;
    
}

.advSearchHeader {
    /* color: #fff!important; */
    background-color: #E3E4E5!important;
}

.tdbreak {
  word-break: break-all
}

.ui-widget-overlay {
    position: fixed !important;
}
.fixed-dialog{
  position: fixed;
  top: 50px;
  left: 50px;
}




.text-wrap{
    white-space:normal;
    width:300px;
}


#success_message{ display: none;}




.help-block {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}




.form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 0.5;
    border-top: 0px;
    border-left: 0;
    border-right: 0;
}

.subscriptText  {
	padding-top: 5px;
	padding-bottom: 5px;
    color: gray;
    font-size: 1;
    float:right;
}

/*
.modal.modal-wide .modal-dialog {
	min-width: 55%;
    max-width: 95%;
    height:85%; 
    max-height: 90%;
    overflow:auto;
}*/
.modal-wide .modal-body {
   overflow: scroll;
 /* overflow-y: auto; */
}









.sequenceDT {
font-family: Courier New !important;
font-size: 16px !important; 
color: black !important;
border-top: 0px !important;
margin-top: 0px !important;
}

/* .symmSeqDTcss.dataTable tbody th {
  border-top: 0;
   border-bottom: 0;
} */

/* ------------
.symmSeqDTcss.dataTable tbody td {
  border-top: 0;
  border-bottom: 0;
}
.symmSeqDTcss.dataTable tbody tr td {
  border-top: 0;
  border-bottom: 0;
}
-------------- */
/* .symmSeqDTcss.dataTable tfoot tr td {
  border-top: 0;
  border-bottom: 0;
} */
/* .symmSeqDTcss.dataTable tfoot th {
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
} */




table.winner-table {

width: 500px;

table-layout:fixed;

text-align:left;

vertical-align:top;

padding: 5px;

}

table.winner-table tr {

vertical-align:top;

text-align:left;

}

table.winner-table td.city-table,

table.winner-table th.city-table {

width: 100px;

}

table.winner-table td.city-url,

table.winner-table th.city-url {



word-wrap: break-word;

}


.winner-table {

table-layout:fixed;

vertical-align:top;
word-wrap: break-all;
}

.city-url {



word-wrap: break-all;

}

/* .custom_table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #F2F27A;
}

.custom_table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
   background-color: #6A6A5F;
} */



div.tarea {
    border: 1px inset #ccc;
    /* background-color: white; */
   /* background-color: #ffffdd;*/
    background: #CCC;
    font: small courier, monospace black;
    /* width: 500px; */
    /* height: 400px; */
    max-height: 400px;
    overflow: auto; /* in most browsers, this will results in a scrollbar when there's more content than can fit in the dimensions defined above */
}


.jsoncontainer {
    margin: 150px auto 20px auto;
    padding: 20px;
    background-color: #0F88B6;
    border: 2px solid #eee;
    color: #fff;
}

.panel-collapse-div {
	padding: 30px;
	
}