/*
Palette v.1
---------
Wenge -> 657153
Taupe -> 45462A
Princeton Orange -> FB8B24
Cambridge blue -> A4BAB7
Onyx -> 353B3C
-------------------------------------
Palette v.2
Grey
#768998
Green 1
#bdc898
Green 2
#5d7702
Green 3
#9fab64
-------------------------------------
Palette v.3
14/02/2018
Verde sin transparencia -> #bdc898
Verde con transparencia -> #bdc89863
Gris azul -> #768998
Gris azulado oscuro -> #374c5d
Casi negro footer -> #353B3C
-------------------------------------
Palette v.4
21/02/2018
https://color.adobe.com/Compo-color-theme-9593203/

verde    -> #B3C0B6
gris     -> #F0E8DD
azul     -> #768998
marron   -> #D7C1AC
crema    -> #E0D2D2

buttons 
	orthologs -> #5182A9
	species -> #768998
	trees -> #6DB0E4
	databases -> #4E5B65

*/

/**************************/
/* Front-end  */
/**************************/
#logo {
	width: 150px;
}

.onscroll #site-slogan, .onscroll #logo {
	display: initial;
	visibility: initial;
}

.node header {
	padding: 0;
}

.parallax { 
    /* The image used */
    background-image: url(/src/html/images/dna_white.jpg);

    /* Set a specific height */
    height: 150px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ui-menu-item {
	/*max-width: 400px;*/
	background-color: white;
	list-style-type: none;
    margin: 0;
    padding: 0;
    width: 400px;
    cursor: pointer;
}

#main-navigation ul.menu li a:hover {
	color: #768998;
}

a {
	color: #374c5d;
}

.btn {
	cursor: auto;
}

.li_genes {
	cursor: pointer;
}

img {
	max-width: 170px;
}
.protein_info img {
	max-width: none;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #768998;

}
.pagination>li>a, .pagination>li>span {
	color: #768998;
}


/**************************/
/* End Front-end  */
/**************************/


/**************************/
/* Home header */
/**************************/
body, html {
    height: 100%;
    margin: 0;
    /*background-color: #a4bab72e;*/
    font-family: 'Source Sans Pro', 'Lato', Helvetica Neue, Arial, Sans-serif;

}

.home-header {
	padding: 0 30%;
}

.site_cover {
    position: relative;
    width: 100%;
    /*min-width: 980px;*/
    background-color: #bdc89863;
    margin-top: -2px;
    margin-bottom: -2px;    
    background-size: cover;
    background-position: center;
    font-family: 'Source Sans Pro', 'Lato', Helvetica Neue, Arial, Sans-serif;
}

.bg { 
    /* The image used */
    background-image: url(/src/html/images/evolution-algae.png);
    /* Full height */
    height: 100%;
    width: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.1;
    
    position: absolute;
    border-top: 3px solid black;
}

.hff-7 h1 {
	font-family: 'Source Sans Pro', 'Lato', Helvetica Neue, Arial, Sans-serif;
}

.site_cover .container{
	/*width:980px;*/
	margin-right:auto;
	margin-left:auto;
	margin-bottom: :auto;
	position:relative;
	padding-top:4vw;
	padding-bottom:4vw;
	position:relative;
}

.example-link:hover {
	color: currentColor;
}

h3 {
	color: #374c5d;
}

.home-title {
	text-transform: none;
}

h4 {
	color: #374c5d;
}


/*
Search Buttons
*/
.site_cover .header_div a:not(.example-link){
	margin:0;
	width:170px;
	height:50px;
	line-height:50px;
	border:2px solid rgba(255,255,255,0.3);	
	background-color: #768998;	
	color: white;
	font-weight:400;
	font-size:16px;
	transition:all .2s ease;
	border-radius:10px;
	text-decoration:none;
	color:#374c5d;
	display:inline-block;
}
.site_cover .header_div a:hover:not(.example-link) {
	/*border:2px solid rgba(255,255,255,.6);
	background:rgba(255, 255, 255, 0.80);
	color:#374c5d!important;*/
}
.site_cover .header_div a:active{
	border:2px solid rgba(255,255,255,1);background:rgba(255,255,255,0.1);
}

.header_div textarea {
	height: 100px;
}

.top_banner {
	height: 110px;
}

.home-search {
	color: white!important;
}
.home-search-spe {
	width: 200px!important;
	background-color: rgba(255, 255, 255, 0.80)!important;
	color:#374c5d!important;
}
.home-search-seq {
	width: 200px!important;
	background-color: rgba(255, 255, 255, 0.80)!important;
	color:#374c5d!important;
}

/*
End Search Buttons
*/

ul.frontpage-headline{display:grid;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:60px;}ul.frontpage-headline li{display:table-cell;text-align:left;padding:0 20px;box-sizing:border-box;}@media (max-width: 756px) {ul.frontpage-headline li{padding:0 20px;}}ul.frontpage-headline li.lefty{text-align:center;background-repeat:no-repeat;background-position:right -297px;}ul.frontpage-headline li.centery{text-align:center;background-repeat:no-repeat;background-position:right -297px;}ul.frontpage-headline li.righty{text-align:center;}ul.frontpage-headline li .title{display:inline;font-size:16px;font-weight:300;text-transform:uppercase;}ul.frontpage-headline li .value{display:inline;font-size:30px;margin-top:10px;color:#374c5d;}

#header-inside {
	padding: 0;
}

#header-inside-left {
	padding: 0;
}

#header-inside-right {
	padding: 0px 0;
}

.parallax-active #highlighted-bottom {
	margin: -1px 0 0 0;
    position: relative;
    z-index: 0;
    background-image: url(/src/html/images/dna_white.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


#highlighted-bottom-transparent-bg {
	background-color: rgba(238, 238, 238, 0.86);
}

/**************************/
/* End Home header */
/**************************/

/**************************/
/* Slider Logo */
/**************************/
.footer-bs {
    background-color: #353B3C;
	padding: 15px 40px;
	color: rgba(255,255,255,1.00);
	/*margin-bottom: 20px;*/
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; color:rgba(255,255,255,0.70); }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;}
.footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 4px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
	margin-top: 5px; 
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }

.slick-slide img{
	width: 100px;
}

.slick-slide {
	margin: 20px 20px;
}

.slick-slide-small img{
	width: 80px;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.slick-slide-small:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}


.slide_img {
	/*height: 80px;*/
	max-width: 100px;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.slide_img:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

@media (min-width: 768px) {
	.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
}

/**************************/
/* End Slider Logo */
/**************************/

/**************************/
/* News */
/**************************/

/*.view-content {
	padding: 10px;
	border: 1px solid;
	border-radius:10px;
	background-color: white;
    border-radius: 10px;
    height: 500px;
}*/

.views-row {
	padding: 10px;
	border-bottom: 1px solid;
}

.views-field .views-field-title {

}

.field-content a {
	color: #374c5d;
}

/**************************/
/* End News */
/**************************/

.block-twitter-block > .content {
	padding: 10px;
	border: 1px solid;
	border-radius:10px;
	background-color: white;
    border-radius: 10px;
    height: 500px;
    display: inline-table;
}

.block-views > .content {
	padding: 10px;
	border: 1px solid;
	border-radius:10px;
	background-color: white;
    border-radius: 10px;
    height: 500px;
}

.SandboxRoot.env-bp-430 .timeline-Tweet-text {
	font-size: 14px;
}

/**************************/
/* Search Tabs */
/**************************/

.top-banner-home {
	background-color: #bdc89863;
}

.top-banner-search {
	background-color: #768998;
}

.top-banner-stats {
	background-color: #F0E8DD;
}

.top-banner-contact {
	background-color: #E0D2D2;
}

.top-banner-download {
	background-color: #bdc89863;
}

.top-banner-help {
	background-color: #B3C0B6;
}

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    display:inline; /* ie7 fix */
    zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
}


.a-text-right {
	text-align: right;
	padding-right: 25px;
}
.a-text-center {
	text-align: center;
}
.a-text-left {
	text-align: center;
	padding-left: 25px;
}

.site_search .header_div .btn-search {
	margin-top: 10px;
}

.site_search .header_div .btn-search a{
	margin:0;
	width:170px;
	height:50px;
	line-height:50px;
	border:2px solid rgba(255,255,255,0.3);
	background:#bdc898;
	color:#374c5d;
	font-weight:400;
	font-size:16px;
	transition:all .2s ease;
	border-radius:10px;
	text-decoration:none;
	display:inline-block;
}

#mc_home .site_search .header_div .btn-search a{
	background:#bdc89863;
}

#mc_search .site_search .header_div .btn-search a{
	background:#768998;
	color: white;
}

#mc_search .site_search .header_div .btn-search a:hover{
	/*border:2px solid rgba(255,255,255,.6);
	background-color: #76899880;
	color: #768998;
	font-weight: bold;*/
}
#advance-search {
	background:#337ab7!important;
	color: white;
}
#advance-search:hover {
	color: white!important;
}

/* button save parameters */
.btn-save-search {
	margin:0;
	width:170px;
	height:50px;
	line-height:50px;
	border:2px solid rgba(255,255,255,0.3);
	background:#bdc898;
	color:#374c5d;
	font-weight:400;
	font-size:16px;
	transition:all .2s ease;
	border-radius:10px;
	text-decoration:none;
	display:inline-block;
	text-align: center;
	background:#768998;
	color: white;
}

.btn-save-search.info{
	border:2px solid rgba(255,255,255,.6);
	background-color: #337ab7;
	color: white;
	font-weight: bold;
	width: 100px;
}


.btn-save-search.save:hover{
	border:2px solid rgba(255,255,255,.6);
	background-color: #649644;
	color: white;
	font-weight: bold;
}

.btn-save-search.reset:hover{
	border:2px solid rgba(255,255,255,.6);
	background-color: #fcf8e3;
	color: #748a99;
	font-weight: bold;
}

/* button save parameters */

#mc_header_stats .site_search .header_div .btn-search a{
	background:#F0E8DD;
}

#mc_header_search .site_search .header_div .btn-search a{
	background:#768998;
}

.site_search .header_div .btn-search a:hover{
	border:2px solid rgba(255,255,255,.6);
	background-color: #80808080;
	color: white;
}
.site_search .header_div .btn-search a:active{
	border:2px solid rgba(255,255,255,1);background:rgba(255,255,255,0.1);
}

.nav-tabs>li>a:hover {
	/*background-color: #768998;*/
	background-color: #ddd;
	color: #374c5d;
}

.search_results {
	padding: 10px 5%;
}

.search_results li {
	list-style-type: none;
}

.search_results .modal-body li {
	list-style-type: disc;
}

pre {
	text-align: left;
	margin: 0px;
	max-height: 100%;
}

.hr_search {
	margin: 0;
}

.select-search {
	display: initial;
	width: 150px;
}


.top-banner-search h3 {
	color: white;
}

.top-banner-help h3 {
	color: white;
}



/* material switch */
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
/* end material switch */

.url-share-alert {
	display: inline-block;
	line-height: 10px;
}


/**************************/
/* End Search Tabs */
/**************************/

/**************************/
/* Advanced Search  */
/**************************/

.form-control {
	/*display: initial;*/
	display: block;
}

#div-advanced-search {
	padding-top: 25px;
	background-color: #76899880;
}

.btn-footer {
	text-align: center;
}

/* Customize the label (the container) */
.container-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
}

/* Hide the browser's default checkbox */
.container-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;

  display: inline-block;
  vertical-align: bottom;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-label:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-label input:checked ~ .checkmark {
  background-color: #bdc898;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-body img {
	max-width: 100%;
}

.modal-body hr {
	margin-bottom: 1px;
	margin-top: 20px;
}

/**************************/
/* End Advanced Search  */
/**************************/

#pageContent {
	text-align: center;
}

#pageTable {
	padding-top: 10px; 
	visibility: hidden;
}


/**************************/
/* Search Data */ 
/**************************/

/**************************/
/* End Search Data */ 
/**************************/

/**************************/
/* Statistics  */
/**************************/

.parallax_statistics {
	padding: 50px 0;
}

.panel-heading .panel-stats a:hover {
	color: white;
}

.div-stats {
	margin: 10px;
}

.th_header {
	background-color: #768998;
	color: white;
	text-align:right; 
	vertical-align:middle
}
.th_header_center {
	background-color: #768998;
	color: white;
	text-align:center; 
	vertical-align:middle
}

.td_stats {
	text-align:right; 
	vertical-align:middle
}

.td_stats_left {
	text-align:left; 
	vertical-align:middle
}
.td_stats_sum {
	text-align:right; 
	vertical-align:middle;
	background-color: #F0E8DD;
}

#metaid-search {
	color: white;
}

/**************************/
/* End Statistics  */
/**************************/

/**************************/
/* Contact us  */
/**************************/
.panel-primary>.panel-heading {
	background-color: white;
    border-color: white;
    color: #374c5d;
}

.panel-primary {
	border-color: white;
	padding: 50px 100px;
}

.panel-footer {
	background-color: white;
}

.btn-close {
	cursor: pointer;
}

/**************************/
/* End Contact us */
/**************************/

/**************************/
/* Help */
/**************************/
/*.panel-title {
	text-transform: lowercase;
	font-size: 14px;
}

.panel-title .accordion-toggle a:hover {
	color: grey;
}*/

.panel-title {
	font-size: 14px;
}
.panel-body {
	
}
.panel-title:hover {
	color: currentColor;
}
.panel-title a:hover {
	color: #000!important;
}

.logo-help {
	max-width: 100px;
}

/**************************/
/* End Help */
/**************************/

/**************************/
/* Error 404 */
/**************************/
.error-template {padding: 40px 15px;text-align: center;text-transform: }
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }
#mc_error {
	text-align: center;
	padding: 100px;
}
/**************************/
/* End Error 404 */
/**************************/


/**************************/
/* Banner */
/**************************/
.banner-metaphors {
	margin: 5%;
}

.view-content {
	border: 0;
}

/**************************/
/* End Banner */
/**************************/


/**************************/
/* Standard Tables CSS */
/**************************/
table th {
    font-size: 16px;
    text-transform: initial;
    border: 1px solid #fff;
    background: #768998;
    color: #ffffff;
}

.protein_info table td {
	text-align: left;
}

.commenthidden {
    display: none;
}

.td_datatable {
	padding: 0;
}

.agreement{
 background-color: #5cb85c;
 padding: 1px;
 text-align: center;
 color: white;
 width: 100%; 
}

.disagreement{
 background-color: #d9534f;
 padding: 1px;
 text-align: center;
 color: white;
 width: 100%; 
}

.content-title {
	text-align: left;
	/*background-color: #768998;*/
	padding: 10px;
	color: #374c5d;
}

#legend {
    padding: 10px 5px;
    font-size: 80%;
    text-align: justify;
    line-height: 130%;
}

/* Info buttons */
.btn-gene {
	background-color: #B3C0B6;
}
.btn-hom {
	background-color: #F0E8DD;
}
.btn-ort {
	background-color: #F0E8DD;
}

.btn-spe {
	background-color: #768998;
	color: white;
}
.btn-spe:hover {
	color: white;
}

.btn-extid {
	background-color: #768998;
	color: white;
}
.btn-extid:hover {
	color: white;
}

.btn-tree {
	background-color: #D7C1AC;
}

.btn-daba {
	background-color: #E0D2D2;
}

.panel-default {
	text-align: left;
}

.panel-default > .panel-heading {
    color: #000000;
    font-size: 14px;
    padding: 10px 15px;
    outline: none;
    border-bottom: 1px solid #B3C0B6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    width: 100%;
}

.panel-default > .panel-heading:hover {
	/*background: #B3C0B6;*/
	background: white;
}


.footer-ns .input-group ul {
    list-style-type: none;
    padding: 0;
}

.list-inline a {
	color: white;
}

.footer-col {
    width: 100%;
    height: 2px;
}

.footer-col-1 {
	background: #B3C0B6;
}

.footer-col-2 {
	background: #F0E8DD;
}

.footer-col-3 {
	background: #768998;
}

.footer-col-4 {
	background: #D7C1AC;
}

.footer-col-5 {
	background: #E0D2D2;
}

.footer-sub {
	padding-left: 0;
}

.modal-backdrop {
	z-index: -1;
}

.modal-dialog-search {
	width: 80%;
}

.treeview .list-group-item {
	font-size: 12px;
}

.modal-body {
	/*text-align: center;*/
}

.tooltip-inner {
	background-color: #5cb85c;
}

/**************************/
/* End Standard Tables CSS */
/**************************/


/**************************/
/* Cookie Popup */
/**************************/
#sliding-popup {
	border-top: 1px solid;
	background-color: #d2dcdb;
}

.sliding-popup-bottom {
	background-color: white;
	width: 100%;
}

#popup-text h2 {
	text-transform: lowercase;
}

#popup-buttons {
	padding-top: 15px;
}

.agree-button {
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.find-more-button {
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/**************************/
/* End Standard Tables CSS */
/**************************/

/**************************/
/* History Cookies		 */
/**************************/
.div-history {
	border-bottom: 1px solid #768998;
}

/**************************/
/* End History Cookies 	*/
/**************************/


.region-banner pre {
	max-height: none;
}


@media (max-width: 768px) {.site_cover .container{padding-top:50px;padding-bottom:80px;}}.site_cover .header_div{color:#374c5d;text-align:center;}.site_cover .header_div h1{font-size:32px;font-weight:400;margin-bottom:50px;margin-top:15px;}.site_cover .header_div h2{font-size:20px;font-weight:400;margin-bottom:30px;margin-top:15px;color:#374c5d;}

@media (max-width: 1060px) {
	.a-text-right {
		text-align: center;
		padding: 0;
	}
	.a-text-left {
		text-align: center;
		padding: 0;
	}
}

@media (max-width: 768px) {
	.container{
		padding-right: 30px;
		padding-left: 30px;
	}
}