div.browsertable {
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 40px;
    padding-bottom: 60px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 50px;
}

div.maindivcontainer {
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
}


div.welcome {
    background-color: #eee;
    font-size: 24px;
}


div.container.p.welcomedescription {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.42857143;
    margin: 0 0 10px;
    font-size: 24px;
}

div.panel-heading.protname {
    font-size: 24px;
    padding: 0px 0px 5px 50px;

    margin-right: auto;
    margin-left: auto;
}

div.row div.viewportstr#viewport {
    margin-left: auto! important;
    margin-right: auto! important;
    padding: 1px 1px 1px 1px;
    text-align:center;

}

div.containerx {
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 5px 5px 5px 5px;
    font-size: 16px;
}

div.containermsa {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 10px;
    padding: 5px 5px 5px 5px;
    font-size: 16px;
}


summary#detailsgoterm {
    color: #337ab7;
}


div.containergoterm {
    width:70%  !important;
    /*margin-right:15px !important;*/
    font-size:13px  !important;
    /*margin-left: auto! important;*/
    margin-right: auto! important;
    padding: 1px 1px 1px 1px;

}


div.container-fluid-contacts{
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 16px;
    padding: 5px 5px 5px 5px;

}

div.container-fluid-card{
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 16px;
    padding: 5px 5px 5px 5px;

}

  .bottom-three {
     margin-bottom: 0;/*1px;*/
  }


  span.reference{
      /*position:fixed;*/
      left:10px;
      bottom:10px;
      font-size:11px;
  }
  span.reference a{
      color:#fff;
      text-decoration:none;
      text-transform: uppercase;
      text-shadow:0 1px 0 #000;
  }
  span.reference a:hover{
      color:#f0f0f0;
  }

/*active in table become white  */
li.active{
    color: white;

  }

  li {
     float: left;
     display: inline-block;
 }

  li a {
     display: inline;
     color: white;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;

  }
  .dropdown-menu{
      margin:2px;
      border:2px;
      padding: 3px;
  }
  /*change color of search  button in navbar */

/*
nav bar menu font size
*/


pre {
    background-color: #D8F0FF;
    border: 1px solid #9BBBD5;
    padding: 8px;
    }

table.dataTable#maintable2 thead tr {
     background-color: #3D3F43;
     color: white;
    }
table.dataTable#remappedtable thead tr th {
     background-color: #3D3F43;
     color: white;
     text-align:center;
    }

/*table.dataTable tbody tr:hover {
       background-color:#f1f1f1 !important;
    }*/

/*nav {
    font-size: 20px;
}
*/

div.card {
    margin:10px;
}


/*personalized nav bar  */
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: #333333;
  font-size: 16px;
}
.topnav a.brandname {
  color:#F5F5F5;
  font-size: 24px;
  margin-left: 100px;
  margin-top: 0px;
}

.topnav a {
  float: left;
  color: #808080;
  text-align: center;
  padding: 20px 20px 20px 20px;
  margin-top: 5px;
  text-decoration: none;
  font-size: 16px;
}

.topnav a.brandname:hover > {
    background-color: transparent;
  color: white;
}
.topnav a.sectionpage:hover {
  background-color: #080808;
  color: white;
}



.topnav a.active {
  color: white;
}

.topnav-right {
    align: right;
    float:right;
    padding: 0px 20px 20px 20px;
    margin-right: 60px;
}
p.selecterm {
    align: right;
    color: white;
    font-size: 16px;
    margin-top: 16px;
    /*margin-left: 40px;
    padding: 8px 0px 0px 0px;*/


}

div.querymenu {
    float: right;
    color: black;
    text-decoration: none;
    font-size: 17px;
    margin-top: 10px;
    padding: 0px 0px 0px 10px;

}

div.querymenu input {
    color: black;
}

.footnav {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
}



div.footnav li {
    float: left;
    display: inline-block;
}

div.footnav li a {
    display: inline;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;

}

div.footnav li a:hover:not(.active) {
    background-color: #111;
}

div.tablemutationpanel{
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    margin-top: 30px;

}
div.buttoncollapse {
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;

}


div.buttondownload {
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}

div.buttondownloadfasta {
    padding: 5px 5px 5px 5px;
    margin:auto;
    display: inline-block;

}
a.btn-download {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    border-radius: 4px;
    border-style: none;
    font-size: 14px;
    /*padding: 6px 12px;*/
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}
input.btn-download {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    border-radius: 4px;
    border-style: none;
    font-size: 14px;
    /*padding: 6px 12px;*/
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}

button.btn-download {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    border-radius: 4px;
    border-style: none;
    font-size: 14px;
    /*padding: 6px 12px;*/
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}

/*style for biojs msa mutation panel  */
.biojs_msa_stage {
 cursor:default;
 line-height:normal;
 font-family:Helvetica
}
.biojs_msa_seqblock {
 cursor:move
}
.biojs_msa_layer {
 display:block;
 white-space:nowrap
}
.biojs_msa_labels {
 color:#000;
 display:inline-block;
 cursor:pointer;
 vertical-align:middle;
 overflow:hidden;
 text-overflow:clip
}
.biojs_msa_header,.biojs_msa_labels {
 white-space:nowrap;
 text-align:left
}
.biojs_msa_labelrow:before {
 content:"";
 display:inline-block;
 width:0;
 height:20px;
 vertical-align:middle
}
.biojs_msa_labelrow {
 height:20px
}
.biojs_msa_labelblock::-webkit-scrollbar,.biojs_msa_rheader::-webkit-scrollbar {
 //:none;
 width:7px;
 height:7px
}
.biojs_msa_labelblock::-webkit-scrollbar-thumb,.biojs_msa_rheader::-webkit-scrollbar-thumb {
 border-radius:4px;
 background-color:rgba(0,0,0,.5);
 box-shadow:0 0 1px hsla(0,0%,100%,.5)
}
.biojs_msa_marker {
 color:#999;
 white-space:nowrap
}
.biojs_msa_marker .msa-col-header {
 cursor:pointer;
 text-align:center
}
.biojs_msa_marker .msa-col-header:hover {
 color:red;
}
.smenubar .smenubar_alink {
 background:#3498db;
 background-image:linear-gradient(180deg,#3498db,#2980b9);
 border-radius:28px;
 font-family:Arial;
 color:#fff;
 padding:3px 10px;
 margin-left:10px;
 text-decoration:none
}
.smenubar {
 display:inline-block
}
.smenubar .smenubar_alink:hover {
 cursor:pointer
}
.smenu-dropdown {
 position:absolute;
 z-index:9;
 display:none;
 margin-left:5px;
 margin-top:22px
}
.smenu-dropdown .smenu-dropdown-menu,.smenu-dropdown .smenu-dropdown-panel {
 min-width:160px;
 max-width:360px;
 list-style:none;
 background:#fff;
 border:1px solid #ddd;
 border:1px solid rgba(0,0,0,.2);
 border-radius:6px;
 box-shadow:0 5px 10px rgba(0,0,0,.2);
 overflow:visible;
 padding:4px 0;
 margin:0
}
.smenu-dropdown .smenu-dropdown-panel {
 padding:10px
}
.smenu-dropdown.smenu-dropdown-scroll .smenu-dropdown-menu,.smenu-dropdown.smenu-dropdown-scroll .smenu-dropdown-panel {
 max-height:358px;
 overflow:auto
}
.smenu-dropdown .smenu-dropdown-menu li {
 display:block;
 color:#555;
 text-decoration:none;
 line-height:18px;
 padding:3px 15px;
 white-space:nowrap
}
.smenu-dropdown .smenu-dropdown-menu li:hover {
 background-color:#08c;
 color:#fff;
 cursor:pointer
}
.smenu-dropdown .smenu-dropdown-menu .smenu-dropdown-divider {
 font-size:1px;
 border-top:1px solid #e5e5e5;
 padding:0;
 margin:5px 0
}
.biojs_msa_div {
 position:relative
}
.biojs_msa_scale {
 position:absolute;
 bottom:0;
 right:0;
 background-color:#fff;
 box-shadow:0 2px 3px #999;
 border-radius:3px;
 margin:5px 0 0 auto;
 padding:5px;
 text-align:center
}
.biojs_msa_scale .msa-btngroup {
 margin:5px auto 0
}
.biojs_msa_scale [type=range] {
 cursor:pointer
}
.biojs_msa_scale .msa-btn-close {
 text-align:right;
 font-size:.8em;
 padding:2px
}
.biojs_msa_scale .msa-btn-open {
 background-color:#fff
}
.biojs_msa_scale .msa-hide {
 display:none
}

.biojs_msa_albody {
    height:auto; /* CHANGE HERE IF MSA NOT VISIBLE*/
}
.msa-btn {
 cursor:pointer;
 font-size:1.1em;
 display:inline-block;
 padding:2px 8px;
 margin-bottom:0;
 border:1px solid transparent;
 border-radius:4px;
 box-sizing:border-box
}
.msa-btn:hover {
 background-color:#ddd
}

table#downloadtablerealeases th,td {
    text-align:center;
}
table#downloadtablerealeases th {
    font-size:20px;
}

div.container div.panel-heading {
    background-color: #333333;
    color: white;

}

div.container div.panel {
    border-style: solid;
    border-color: #333333;
}

.card-body > ul#eskape > li  > a {
    color:#337ab7;
}

div.buttonsstructure {
        width:700px;
        height:50px;
        top: 50%;
        text-align:center;
        display: inline-block;

}
div.buttonmapallmut  {
    width:700px;
    height:70px;
    top: 50%;
    text-align:center;
    display: inline-block;
}



div.panel.panel-default.proteininfo {
    width: 400px;
    /*border: none;*/
}

table#entryfeaturetable  {
     border-collapse: collapse;
     border-style: none !important;
}

table#crossreftable {
    border-collapse: collapse;
    border-style: none !important;
}

div.panel-body#msapanel {
    height:auto !important;
    margin-bottom: 10px;
    padding: 5px 5px 5px 5px !important;

}