@font-face {
    font-family: 'Rubik';
    src: url('/css/fonts/Rubik/Rubik-VariableFont_wght.ttf')  format('truetype');
}
@font-face {
	font-family: 'Rubik';
	font-style: italic;
	src: url('/css/fonts/Rubik/Rubik-Italic-VariableFont_wght.ttf')  format('truetype');
}


/* Reset css START*/
* {
  margin: 0;
  padding: 0;
  /* border: 0; */
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul, li {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a{
    text-decoration:none;
    color:#000;
    cursor:pointer;
}
a.active, a:hover{
	text-decoration:underline;
}
strong, b, .b {
    font-weight: bold;
}
i{
	font-style:italic;
}
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
/* Reset css STOP*/


.clearfix::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

b {
    font-family: 'Rubik', Verdana, sans-serif;
    font-weight: 600;
}

.footer-img {
	filter: brightness(0) invert(1);
	transition: ease 0.3s;
}
.footer-img:hover {
	filter: none;
}
#main-footer .main-center .footer-logos{
	width:320px;
	max-width:100%;
}
#main-footer .main-center .footer-logos > div{
	display:flex;
	flex-wrap:wrap;
}
.footer-logos a{
	width:50%;
}
#main-footer .main-center .footer-logos img{
	margin:0;
	padding:10px 5px;
	width:100%;
	box-sizing:border-box;
}

.img-404 {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}


p.lead {
    font-family: 'Rubik', Verdana, sans-serif;
	font-size: 1.3rem;

}

body {
    color: black;
    margin: 0;
    padding: 0;
    font-size: 10pt;
    font-family: 'Rubik', Verdana, sans-serif;
    background-color: #f7f7f7;
    height:100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Rubik', Verdana, sans-serif;
    font-weight: 600;
}

h1{
	font-size:2em;
	margin:18px 0;	
}
h2{
	font-size:1.5em;
	margin:18px 0;
}
h3{
	margin: 17px 0;
	font-size:1.2em;
}

p{
	margin:11px 0;
}

img { border:none; }
input { border: 1px solid #cfcecd; border-radius:3px;}
input[type=checkbox],[type=radio] { border:none; }
input[type=text] {
    padding-left:4px;
    border: 1px solid #bebebe;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.l{
	float:left;
}
.r{
	float:right;
}
.tl{
	text-align:left;
}
.tr{
	text-align:right;
}


.hide{
	display:none !important;
}

#middle_content { 
	position:relative; display:block;
	min-height:calc(100vh - 315px);
}
#middle_content div.inhalt_start {
	margin-top:100px;
	margin-bottom:20px;
}

a , a.expand:hover{
	color:#0e435f;
	cursor:pointer;
}
a:hover, a.expand {
	color:#F04100;
}

a.hover_black:hover{color:black}


.tooltip { text-decoration:none;}
a.tooltip, td.tooltip {  position: relative; color: black; text-decoration:none; }
a.tooltip span, td.tooltip span { display: none; text-decoration:none }
a.tooltip:hover span, td.tooltip:hover span
{
  position: absolute;
  display: block;
  font-size:8pt;
  font-weight:normal;
  top: 1.5em;
  left: 2em;
  border: 1px solid black;
  background-color:#fdfffb;
  padding: 0.2em;
  min-width:150px;
  text-decoration: none;
  z-index:9997;
} 


a.tooltip-api {  position: relative;}
a.tooltip-api span { display: none; }
a.tooltip-api:hover span
{
  position: absolute;
  display: block;
  font-size:8pt;
  font-weight:normal;
  top:25pt; /* 1.8em;  */ 
  border: 1px solid black;
  background-color:#fdfffb;
  color:black;
  z-index:9997;
}

.cross{
	width:22px;
	height:22px;
	display:inline-block;
	position:relative;
	vertical-align:middle;
}
.cross::after{
	content:"";
	position:absolute;
	height:100%;
	width:2px;
	transform:translate(-50%,0);
	top:0;
	left:50%;
	background-color:#0e435f;
}
.cross::before{
	content:"";
	position:absolute;
	width:100%;
	height:2px;
	transform:translate(0,-50%);
	left:0;
	top:50%;
	background-color:#0e435f;
}
.cross.active::after{
	display:none;
}
.cross.active::before{
	background-color:#fff;
}

.helplink{
	color:#F09F00;
}
.helplink:hover{
	color:#F04100
}

.width60{width:60px;}
.width80{width:80px;}
.width90{width:90px;}
.width100{width:100px;}
.width250{width:250px;}
.width240{width:240px;}
.width130{
	vertical-align:top;
	width:130px;
}
.width180{width:180px;}
.width215{width:215px;}
.width300{width:300px;}


.width120p{width:120%;}
.width100p{width:100%;}


.width140pt{width:140pt;}
.width100pt{width:100pt;}

.min-width60{min-width:60px;}
.min-width90{min-width:90px;}
.minwidth130{min-width:130px;}
.minwidth215{min-width:215px;}

.height10{height:10px;vertical-align:top;}


.textalignCnt{text-align:center;}

.overflowHidden{overflow:hidden}
.overflowAuto{overflow:auto}

.hits{
	margin-top:10px;
	float:left;
	margin-left:10px;
	/* border:1px solid red; */
}
.hit-add-container{
	position:absolute;
	top:0;
	left:0;
	width:290px;
	box-sizing:border-box;
}
div#addtocartpopoup {
	border:1px solid #D8D8D8;
	min-width:180px;
    padding:2pt;
	line-height:1em;
    text-align:center;
	display:none;
	float:left;
	margin-top:3px;
	margin-left:20px;
}
div#addtocartpopoup input{
	cursor:pointer;
}


#topbar_searchresult .paging{
	padding-right:10px;
	text-align:right;
	white-space:nowrap;
}
.arrowinstrains {
	font-size:1.65em;  
	padding:4px;
}
.none_textdeco{
	text-decoration:none;
	color:black;
}
.paging_numbers{
	display:inline-block;
	width:auto;
	text-align:center;
}
.paging_numbers td.middle{
	width:150px;
	vertical-align:center;
}
#browsestrains td.middle{
	vertical-align:middle;
	color:#0e435f;
}
.none_textdec {
	text-decoration:none;
}

.border{
	border:1px solid #D8D8D8; 
}
.noborder{
	border:none;
}
.noborderTop{border-top:none!important;}
.noborderLeft{border-left:none!important;}
.noborderRight{border-right:none!important;}
.noborderBottom{border-bottom:none!important;}

/** Modal Window **/
#simplemodal-overlay { background-color:#000;}
#simplemodal-container { background-color:#333; border:8px solid #444; padding:12px; }
#simplemodal-container a.modalCloseImg {
	background:url("../images/x.png") no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

.hidden{display:none;}
.clearing { clear: both; }

h1.name{
	font-size:250%;
} 

.blue{color: #0e435f/* #0575AB */;}
.red{color: #7F0A13;}
.green{color: #086808;}
.darkgrey{color: #302F2F;}
.colorRed{color:#F04100;}

.backGrey{background-color: #E6E6EA;}
.backBlue{background-color: #0e435f;}
.backcolor{background-color: yellow;}



.font8{font-size:8pt;}
.font9{font-size:9pt;}
.font10{font-size:10pt;}
.font10px{font-size:10px;}
.font1_5em{font-size:1.5em;}

.bold{font-weight:600; 
	font-family: 'Rubik', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;}
.italic {font-style: italic;}


.textalign_right{text-align: right;}
.textalign_left{text-align: left;}
.textalign_center{text-align: center;}



.padding0{padding:0px 0px 0px 0px;}
.margin0{margin:0px 0px 0px 0px;}
.padding5, #resultdetail .padding{padding:5px 5px 5px 5px;}
.textcenter{text-align:center;}

.floatRight{float:right;}
.floatLeft{float:left;}



.borderCollapse{border-collapse: collapse;}


.marginRight0{margin-right:0px;}

.paddingBottom12{padding-bottom:12px;}
.paddingLeft5{padding-left:5px;}
.paddingTop5{padding-top:5px;}
.paddingLeft278{padding-left:278px;}

.valigntop{vertical-align:top;}
.valignmiddle{vertical-align:middle;}
.bold_valigntop{
    font-family: 'Rubik', Verdana, sans-serif;
    font-weight: 600;
	vertical-align:top;
}




.inlineblock{display: inline-block;}

#apisearch_table, .api_table, .sequence_table, .metabolite_table, #enzyme_table, .halophily_table, .apikit, 
#culturemedium_table, #temp_table, #ph_table, #temp_range, #met_antibiogram, #FA_profile_table, #FA_profile_table table{
	border-collapse: collapse;
}




/******************************* Resultdetail API KIT ***********************************/
.api_table{
	table-layout: fixed;  
   	/* width:1000px;  */ 
}
#resultdetail .api_table{
	table-layout: fixed;  
    width:auto;  
   	/* width:1000px;  */ 
}

.cupule{
	min-width:35px;  
	width:35px;  
	word-wrap: break-word;
}
.cupule80{
	width:80px;  
	word-wrap: break-word;
}

#resultdetail .apikit{
	border:1px solid #D8D8D8 ; 
}
#resultdetail td.apikit{
	padding:5px; 
}

#resultdetail .apikit li{
	text-align:center; 
	min-width:80px; 
}

#apisearch .tables-mobile-container > table input,
#apisearch .tables-mobile-container > table select{
	display:block;
	width:100%;
}

.negativ{
	background-color:#FDD0D1;
}
.positiv{
	background-color:#C8E1CE;
}
.medium_composition { height:200px; width:450px; overflow:auto; border:1px solid #cfcecd; }



#resultdetail button, .helpbtn button, #search button{
	border:1px solid #D8D8D8;
}

.isol-color-{
	background-color:#fff;
}
.isol-color-1{
	background-color:#bacff2;
}
.isol-color-2{
	background-color:#9bddb3;
}
.isol-color-3{
	background-color:#f2c1c9;
}
.isol-color-4{
	background-color:#f2dbba;
}
.isol-color-5{
	background-color:#edd6fc;
}
.isol-color-6{
	background-color:#c6efef;
}
.isol-color-7{
	background-color:#eff4f4;
}
.isol-color-8{
	background-color:#b3c9ba;
}

.but-main-green-big{
	display:inline-block;
	text-decoration:none;
	padding:10px 25px; 
	border: 1px solid #0e435f; 
	color:#0e435f;
	font-size:24px;
	transition: all 0.3s;
	cursor:pointer;
	border-radius:0;
}
.but-main-green-big:hover{
	color:#fff;
	background-color:#0e435f;
}

.but-main-green-big-inv{
	display:inline-block;
	text-decoration:none;
	padding:10px 25px; 
	border: 1px solid transparent; 
	color:#fff;
	font-size:24px;
	transition: all 0.3s;
	cursor:pointer;
	border-radius:0;
	background-color:#0e435f;
}
.but-main-green-big-inv:hover{
	color:#0e435f;
	background-color:#fff;
	border: 1px solid #0e435f; 
}



.but-main-green{
	display:inline-block;
	text-decoration:none;
	padding:7px 12px; 
	border: 1px solid #0e435f; 
	color:#0e435f;
	font-size:16px;
	transition: all 0.3s;
	cursor:pointer;
	border-radius:0;
	background-color:transparent;
}
.but-main-green:hover,
.but-main-green.active{
	color:#fff;
	background-color:#0e435f;
}
.but-main-green-inv{
	display:inline-block;
	text-decoration:none;
	padding:7px 12px; 
	border: 1px solid transparent;
	color:#fff;
	font-size:16px;
	transition: all 0.3s;
	background-color:#0e435f;
	border-radius:0;
	cursor:pointer;
}
.but-main-green-inv:hover{
	color:#0e435f;
	background-color:transparent;
	border: 1px solid #0e435f;
}


.but-main-green-small{
	display:inline-block;
	text-decoration:none;
	padding:3px 8px;
	border: 1px solid #0e435f; 
	color:#0e435f;
	font-size:10pt;
	transition: all 0.3s;
	cursor:pointer;
	border-radius:0;
}
.but-main-green-small:hover{
	color:#fff;
	background-color:#0e435f;
}


.but-main-white{
	display:inline-block;
	text-decoration:none;
	padding:10px 25px; 
	border: 1px solid #fff;
	color:#fff;
	font-size:24px;
	transition: all 0.3s;
}
.but-main-white:hover{
	color:#0e435f;
	background-color:#fff;
}
.but-main-green-inv-small{
	display:inline-block;
	text-decoration:none;
	padding:4px 10px;
	border: 1px solid transparent;
	color:#fff;
	font-size:24px;
	transition: all 0.3s;
	background-color:#0e435f;
	border-radius:0;
	font-size: 14px;
	cursor:pointer;
}
.but-main-green-inv-small:hover{
	color:#0e435f;
	background-color:transparent;
	border: 1px solid #0e435f;
}


.main-center {
	width: 100%;
	margin: 0 auto;
	max-width: 1320px;
	text-align: left;
	box-sizing: border-box;
	padding: 0 10px;
}
.main-center-no-padding {
	width: 100%;
	margin: 0 auto;
	max-width: 1300px;
	text-align: left;
}

#main-footer{
	background-color:#0e435f;
	padding:30px 0 0;
	color:white;
	font-size:16px;
	position:relative;
}
.footer-top-line{
	background-color:rgba(181, 206, 219);
	height:10px;
	width:100%;
	margin-top:80px;
	position:relative;
}
#main-footer .main-center{
	text-align:justify;
}
#main-footer .main-center > div,
#main-footer .main-center > nav{
	display:inline-block;
	vertical-align:top;
	margin-bottom:30px;
}
#main-footer .main-center .footer-license{
	width:350px;
	text-align:left;
}
#main-footer .main-center .footer-license img{
	border-width:0;
	width:150px;
	height:52px;
	margin:0;
}	
#main-footer .main-center .footer-license .logo-cc{
	margin-bottom:10px;
}
#main-footer .main-center .footer-license .logo-cc > span{
	width:185px;
	margin-left:10px;
	font-size:0.9em;
}
#main-footer .main-center .footer-license a{
	color:#fff;
}
#main-footer .main-center .footer-license .logo-cc > a{
	display:inline-block;
	vertical-align:middle;
}
#main-footer .main-center .footer-license .logo-cc > span{
	color:#fff;
	display:inline-block;
	vertical-align:middle;
}

#main-footer img {
	width: 200px;
	height: auto;
	margin: 10px 0;
}
#main-footer .but-main-white{
	font-size:16px;
	margin-top:10px;
}
#main-footer .but-main-white:hover{
	color:#0e435f;
}
#main-footer .but-main-white img {
	width: 35px;
	height:45px;
	vertical-align: middle;
	margin: 0 0 0 20px;
}
#main-footer .but-main-white img.hover{
	display:none;
}
#main-footer .but-main-white:hover img{
	display:none;
}
#main-footer .but-main-white:hover img.hover{
	display:inline;
}




/******************************************** Topbar for searchresults **************************************************************/

#topbar_searchresult{
 	border-bottom:1px solid #D8D8D8; 
 	width:100%;
 	position:fixed;
 	background-color:rgba(247,247,247,0.9);
 	top:83px;
 	z-index:2;
 	min-height:37px;
}


/******************* topbar *******************/
#topbar{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:rgba(255,255,255,0.9);
	text-align:left;
	/* border-bottom:2px solid #0e435f; */
	z-index:1002;
}

#topbarcontent{
	position:relative;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
#topbarcontent #logo {
	float: left;
	width: 91px;
	height: 73px;
	margin: 5px 10px;
}
#topbarcontent #logo img{
	display:block;
	width:100%;
	height:100%;
}
#topbarcontent .menus-right{
	position:absolute;
	top:0;
	right:0;
	height:100%;
} 


#navbar{
	float:right;
	clear:right;
}
#topbarcontent ul,
#topbarcontent li{
	list-style: none;
	margin:0;
	padding:0;
}

#navigation > ul > li{
	display:inline-block;
	font-size:1.4em;
	position:relative;
	background-color:#0e435f;
}
#navigation > ul > li > a{
	text-decoration:none;
	padding:10px;
	color:#fff;
	display:block;
	white-space:nowrap;
}
#navigation > ul > li:hover,
#navigation > ul > li.current{
	background-color:#257199;
}

#navigation .img-down,
#navigation .img-up{
	vertical-align:middle;
	width:15px;
	height:8px;
}
#navigation .img-up{
	display:none;
}
#navigation li:hover .img-down,
#navigation li.current .img-down{
	display:none;
}
#navigation li:hover .img-up,
#navigation li.current .img-up{
	display:inline;
}
#navigation .submenu{
	display:none;
	position:absolute;
	top:100%;
	box-sizing:border-box;
	background-color:#fff;
	border:2px solid #0e435f;
}
#navigation > ul > li.open .submenu{
	display:block;
}
#navigation > ul > li.open .img-down,
#navigation > ul > li.open .img-up{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
}
#navigation .submenu li{
	padding:10px;
	border-bottom:1px solid #0e435f;
}
#navigation .submenu li:last-child{
	border-bottom:none;
}
#navigation .submenu li a {
	text-decoration: none;
	white-space: nowrap;
}


#navicontainer {
	float:right;
	position:relative;
	height:41px;
}
#navicontainer ul{
	display:inline-block;
	vertical-align:middle;
	line-height:26px;
}
#navicontainer li{
	display:inline-block;
	font-size:14px;
	vertical-align:middle;
}
#navicontainer li a{
	text-decoration:none;
	padding:7px;
	color:#000;
	display:block;
}
#navicontainer li:hover a{
	color:#F04100;
}


.icon{
	float:left;
	width: 49px;
  	height: 41.9px;
  	margin-top:10px;
}

#searchtop {
	height:33px;
	display:inline-block;
	width:400px;
	box-sizing:border-box;
	vertical-align:middle;
	border:1px solid #c1c1c1;
	position:relative;
}
#searchtop #searchValue{
	border-radius:0;
	width:calc(100% - 30px);
	height:100%;
	padding:0 15px 0 10px;
	box-sizing:border-box;
	background-color:transparent;
	border:none;
}
#searchtop .top-search-submit{
	background:transparent url(/images/icons/lupe.svg) no-repeat scroll center center / 27px 27px;
	height:100%;
	width:30px;
	display:block;
	border:none;
	cursor:pointer;
}


#searchtop a.tooltip:hover span{
	margin-left:350px;
}

#searchtop #suggested {
	position: absolute;
	top: 100%;
	right: 0;
	width: 450px;
	overflow: auto;
	height: 400px;
}

#searchtop li a{
	text-decoration: none;
}

.noBorder {
	border: none;
}

#mobile-open-menu{
	display:none;
	width:35px;
	height:22px;
	float:right;
	margin-top:19px;
	margin-right:15px;
	cursor:pointer;
	position:relative;
}
#mobile-open-menu > div{
	background-color:#0e435f;
	width:100%;
	height:4px;
	margin-top:5px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	position:relative;
}
#mobile-open-menu > div:first-child{
	margin-top:0;
}
#mobile-open-menu.close > div{
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}
#mobile-open-menu.close > div:first-child{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	top:9px;
}
#mobile-open-menu.close > div:nth-child(2){
	display:none;
}


#main-menu-mobile{
	display:none;
	position:absolute;
	top:calc(100% + 4px);
	left:0;
	width:100%;
	background-color:#fff;
	max-height:calc(100vh - 62px);
	overflow:auto;
}

#main-menu-mobile ul, #main-menu-mobile li {
  list-style: none;
  margin:0;
  padding:0;
  text-align:left;
  font-size:16px;
}
#main-menu-mobile li{
	border-bottom:1px solid #0e435f;
	position:relative;
}
#main-menu-mobile li a{
	display:block;
	text-decoration:none;
	padding:10px;
}
#main-menu-mobile .smaller-points{
	margin-top:5px;
	border-bottom:1px solid #0e435f;
}
#main-menu-mobile .smaller-points li{
	font-size:14px;
	border-bottom:none;
}
#main-menu-mobile .smaller-points li a{
	padding:7px 10px;
}
#main-menu-mobile .submenu{
	display:none;
}
#main-menu-mobile .img-down{
	position:absolute;
	right:7px;
	top:12px;
}
#main-menu-mobile .img-down.up{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
}
#main-menu-mobile ul .submenu  li{
	border-bottom:none;
	border-top:1px solid #0e435f;
}
#main-menu-mobile ul .submenu  li a{
	font-size:15px;	
}


div #infoboxbar{
	border-bottom:1px solid #D8D8D8;
	background-color: rgba(255,255,255,0.9);
	padding:5px 10px 10px;
	transition: max-height 0.5s;
	-webkit-transition: max-height 0.5s;
	max-height:500px;
	overflow:auto;
}
div #infoboxbar.sticky-bar-detail{
	max-height:50px;
}


#infobox .box-col {
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
	padding-bottom: 5px;
	box-sizing: border-box;
	max-width: 50%;
}
/*
#infobox .box-col {
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
	padding-bottom: 5px;
	box-sizing: border-box;
	max-width: 250px;
	overflow: auto;
	max-height: 40px;
	white-space:normal;
}*/

#infobox .title-container{
	float:left;
	width:125px;
	box-sizing:border-box;
}
#infobox .info-points-container{
	float:left;
	width:calc(100% - 125px);
	box-sizing:border-box;
	overflow:auto;
	display:flex;
	flex-wrap:wrap;
}
/*#infobox .info-points-container{
	float:left;
	width:calc(100% - 125px);
	box-sizing:border-box;
	overflow:auto;
	display:table;
}*/
#infobox .infobox_key{
	font-weight:bold;
	margin:0;
}
#infobox .infobox_key span{
	font-weight:normal;
	display:block;
}

.paging_numbers span,
.paging_numbers a{
	padding:0 10px;
}
.paging_numbers td.middle{
	width:180px;
}





/**** Animations ****/

@keyframes slideInFromLeft {
	0% {
		transform: translateX(100px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes slideInFromTop {
	0% {
		transform: translateY(-100px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes slideInFromBottom {
	0% {
		transform: translateY(100px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

/**** Hero with KTA on starting page ****/

#hero-img {
	background-image: url(/images/teasers//microorganisms-header.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 64%;
	top: 36%;
	z-index: -1000;
	left: 0;
	position: absolute;
}

#searchcontainer{
	min-height: 600px; 
	margin-top:-100px;
	position:relative;
	padding:125px 0 0;
	text-align:left;
}

#hero {
	color: white;
	width: calc(100% - 2rem);
	max-width: 800px;
	margin:0 auto;
	position: absolute;
	top: 50%;
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	right: 50%;
}

#hero h1 {
	font-size: 3rem;
	text-align: start;
	margin-top: -6rem;
	margin-block-end:.67em;
}

#title-1{
	font-size: 4rem;
	margin-top: -0.5rem;
	animation: 1.3s ease-out 0s 1 slideInFromTop;
}
#title-2{
	opacity: 0;
	animation: 1.3s ease-out 1s 1 slideInFromLeft;
	animation-fill-mode: forwards;
}

.emphasize {
	background-color: #800029;
	display: inline-block;
	line-height: 0.5;
	padding-bottom: 0.2em;
	font-family: 'Rubik', Verdana, sans-serif;
	font-weight: 600;
}

.row {
	max-width: 1200px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	flex-direction: row;
	margin: 0 auto;
}

.col, #searchform {
    position: relative;
    width: 100%;
	flex: 0 0 auto;
}

.card .container {
	padding:1rem;
}


.card {
	text-align:center;
	box-sizing:border-box;
	/* border-radius:1rem; */
	box-shadow:0 2px 6px rgba(0, 0, 0, 0.15);
	background-color:rgba(255,255,255,0.8);
	height: 100%;
	margin: .5rem;
	position: relative;
}

.card img {
	/* border-top-left-radius: .5rem; */
	/* border-top-right-radius: .5rem; */
	width: 100%;
	max-width: 500px;
	margin:0 auto;
}

.zoom {
	transition: transform .5s;
}
.card .img-container {
	position: relative;
  }

.card .text-block {
	position: absolute;
	top: 3rem;
	left:0;
	background-color: #0e435f;
	color: white;
	padding-left: 20px;
	padding-right: 20px;
}

.card .keywords {
	list-style: none;
	padding: 0 0 1rem;
	position: absolute;
	top: 9rem;
	left:0;
	font-size: 12pt;
	text-align: start;
}

.card .keywords li {
	padding: 5px 1.5rem 5px 1rem ;
	background-color: #800029;
	color: white;
	cursor: default;
	margin-bottom: 10px;
}



.card .p-10 {
	padding: 1rem ;
}

.card p{
	font-size: 15px;
	text-align:justify;
	padding: 0 1rem ;

}


#searchform {
	text-align:center;
}
#searchform .container {
	padding:40px 40px 25px;
}

#searchform .input-cont{
	width:100%;
	/* border: 1px solid #ccc; */
	background-color:#fff;
	text-align:left;
	position:relative;
}
#searchform .input-cont input{
	border:none;
	background-color:transparent;
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
}
#searchform .input-cont .search-term{
	padding:10px 15px;
	box-sizing:border-box;
	width:calc(100% - 43px);
}
#searchform .input-cont #home-search-submit{
	background:url(/images/icons/lupe.svg) no-repeat scroll center center / 31px 31px;
	height:43px;
	width:43px;
	padding:0;
	cursor:pointer;
}
img.fluid {
	max-width: 100%;
}

@media (min-width: 900px) {
	
.zoom:hover {
	transform: scale(1.03); 
	z-index: 100;
  }

	.col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
	
	#sotm .container {
		margin: 0;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.card {
		
	margin: 0 .5rem;
	}
}

#searchcontainer .searchhelp { display:block; margin-top:5px; font-size: 14px; }
#advsearchcontainer .searchhelp { display:block; margin-top:5px; font-size: 8pt; }

#searchcontainer .member-of a{
	display:inline-block;
	vertical-align:middle;
}
#searchcontainer .member-of a img.gcbr{
	display:block;
	height:62px;
	width:145px;
	margin-right:25px;
}
#searchcontainer .member-of a img.elixir{
	display:block;
	height:76px;
	width:102px;
	margin-right:25px;
}


.imp-num {
	background-color: #0e435f;
	color: white;
	padding: 10px 20px;
	box-sizing: border-box;
	font-size: 20px;
	position:absolute;
	top:18%;
	left:0;
}
.imp-num p{
	margin:0;
}

.member-of {
	padding: 10px 20px;
	box-sizing: border-box;
	position:absolute;
	top:16%;
	right:0;
}

.home-statement{
	text-align:center;
	margin-top:20px;
	/* padding-bottom:30px; */
	color: black;
}
.home-statement p{
	background-color: rgba(255,255,255,0.8);
	padding:10px 20px;
	display:inline-block;
	font-size:16px;
	line-height:1.5;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 100%);
	width: 90%;
}

/* Slider main Start*/
.main-slider{
	cursor:default;
}
.main-slider .slide{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.5s ease, visibility 0s ease 0.5s;
	-webkit-transition:opacity 0.5s ease, visibility 0s ease 0.5s;
}
.main-slider .slide.active{
	opacity:1;
	visibility:visible;
	transition-delay:0s;
	-webkit-transition-delay:0s;
}
.main-slider .points{
	position:absolute;
	width:100%;
	bottom:0;
	text-align:center;
	padding:10px 0;
	cursor:pointer;
}
.main-slider .point{
	padding:10px;
	display:inline-block;
}
.main-slider .point > div{
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#0e435f;
	opacity:0.4;
}
.main-slider .point.active > div{
	opacity:1;
}

/* Slider main Stop*/



.home-box{
    font-family: 'Rubik', Verdana, sans-serif;
	position:relative;
	vertical-align:top;
	display:inline-block;
	height:300px;
	width:33.33%;
	box-sizing:border-box;
	background-color:#0e435f;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.home-box.mob-show{
	display:none;
}
.home-box:hover{
	opacity:0.9;
}
.home-box.white{
	background-color:#fff;
}
.home-box.grey{
	background-color:#f0f0f0;
}
.home-box .text-center{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	box-sizing:border-box;
	padding:15px;
}
.home-box .text-center img{
	vertical-align: middle;
	margin-left: 10px;
	height: 170px;
	margin-bottom: 10px;
}
.home-box .text-center p{
	margin:0;
	font-size:24px;
	color:white;
}
.home-box.white .text-center p{
	font-size:18px;
	color:#000;
	margin-bottom:20px;
}
.home-box.grey .text-center {
	bottom: 0;
	transform: none;
	left: 0;
	top: auto;
	color:#000;
	background-color:rgba(255,255,255,0.6);
	text-align:left;
}
.home-box.grey .text-center p{
	color:#000;
	font-size:22px;
}

#searchresult {/*  margin-left:5px; */ /* text-align:left; */ padding-top:10px;/*  border:1px solid red; */ }
#searchresult ul {
	text-align:left; margin-left:10px;
	box-sizing:border-box;	
}

ul.searchresult { list-style: none; padding: 0px;}
ul.searchresult li.searchresultrow0 { margin-top:5px; padding:5px; background-color: #ececec; font-size:8pt; height:auto;position:relative;/* border:1px solid red; */ }
ul.searchresult li.searchresultrow1 {
	background-color: #f0f0f0;
}
ul.searchresult li.searchresultrow2 {background-color: #fcfcfc;}
ul.searchresult li span.exportcheckbox { display:block;float:left; width:50px;  /* height:4em; */  /* border:1px solid yellow; */}
ul.searchresult li span.exporttext { display:block; width:auto; font-size:10pt; }
ul.searchresult li span.exportalltext { display:block; font-size:10pt;}

ul.searchresult li table,
ul.searchresult li th,
ul.searchresult li td{
  border: 1px solid black;
  border-collapse: collapse;
  font-size:12px;
}
ul.searchresult {
	margin-top:15px;
}
ul.searchresult li{
	padding:7px 15px 10px;
}
ul.searchresult li a{
	text-decoration:underline;
}

a.dl-bacdive-ids{
	padding:4px 0;
	font-size:10pt;
	float:right;
	clear:right;
}

.item-res-table{
	margin-left:50px;
	margin-top:15px;
}
.item-res-table th,
.item-res-table td{
	padding:1px;
}

#searchresult.adv_search_page ul {
	width:calc(100% - 589px);
	box-sizing:border-box;
	margin-left:7px;
	float:left;
	padding-left:7px;
	border-left:1px solid #D8D8D8;
}

.adv_search_page .underline-title-advsearch{
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 4px;
	text-align:left;
}

#topbar_filter_setup{
	text-align:left;
	padding:5px 10px 10px;
	position:relative;
	background-color:#f7f7f7;
}
#topbar_filter_setup .del-filter-item{
	display:inline-block;
	padding:2px;
	border:1px solid #F0F0F0;
	text-decoration:none;
	text-align:justify;
}

.title-col-left-advseach{
	display:none;
	margin:0;
	font-weight:bold;
	font-size:12pt;
	float:left;
	color:#0e435f;
}

.adv_search_page .hits{
	float:left;
}
.adv_search_page .hit-add-container{
	top:0;
	left:582px;
	right:auto;
}
.adv_search_page div#addtocartpopoup {
	float:left;
}

.adv_search_page .title-col-left-advseach{
	display:block;
}
#advsearch_result_filter{
	float:left;
	width:582px;
	padding-top:15px;
}
#advsearch_result_filter .advsearchbox thead td.titlefield{
	display:none;
}
#advsearch_result_filter form#advsearch{
	width:auto;
	min-width:auto;
}
#advsearch_result_filter form#advsearch td,
#advsearch_result_filter form#advsearch tr{
	width:auto;
	min-width:auto;
	z-index:auto;
}
#advsearch_result_filter form#advsearch thead td{
	border-left:none;
}
#advsearch_result_filter form#advsearch select,
#advsearch_result_filter form#advsearch input{
	width:100%;
	min-width:auto;
}
#advsearch_submit_bottom{
	display:none;
}
#advsearch_result_filter form#advsearch #advsearch_submit,
#advsearch_result_filter form#advsearch #advsearch_submit_bottom{
	width:auto;
	float:right;
	display:block;
}
#advsearch_result_filter form#advsearch #advsearch_submit_bottom{
	margin-top:10px;
}
#advsearch_result_filter .advsearchbox .textfield,
#advsearch_result_filter .advsearchbox .selectfield,
#advsearch_result_filter .advsearchbox .inputfield,
#advsearch_result_filter .advsearchbox .notfield{
	min-width:auto;
	width:auto;
}
#advsearch_result_filter .advsearchbox thead td.titlefield,
#advsearch_result_filter .advsearchbox thead td.submitfield,
#advsearch_result_filter .advsearchbox thead td.textfield,
#advsearch_result_filter .advsearchbox thead td.expandall,
#advsearch_result_filter .advsearchbox thead td.notfield{
	position:relative;
	top:0;
	left:0;
}
#advsearch_result_filter .advsearchbox{
	border:none;
	width:calc(100% - 10px);
	margin-left:10px;
}
#advsearch_result_filter .advsearchbox thead td.submitfield{
	border:none;
}


/******************************************** Searchresult Page **************************************************************/

span.searchresultlayerhits { display:inline; font-size:0.9em; }
span.searchresultlayerpages { display:block; font-size:0.9em; text-align:center;}
span.searchresultlayerpages a { color:#000; }
span.searchresultlayerpages a:hover { font-weight:bold; }

span.searchresultlayer {
    position:fixed;
	min-width:150px;
	top:100px;
	left:30px;
    padding:2pt;
    line-height:1em; /* dadurch Zentrierung */
	font-size:10pt;
    text-align:left;
	z-index:9997;
    color: rgb(0,0,0);
    background-color:#fff;
    background: rgba(255,255,255,0.85);
    box-shadow: 0pt 0pt 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0pt 0pt 4px rgba(0,0,0,0.4);
}

span#addtocartcount { display:inline; font-size:0.9em; }
/** ENDE Searchresult Page **/ 

/********************************************** Resultdetail Page ********************************************************/

/************************ infobox ************************/

#resultdetail .detail-sticky-content{
	position:fixed; 
	width:100%;
	z-index:1001;
	top:85px; 
}


.link-sidebar #heading th{
	color:#0e435f;
	width:100%; 
}
#heading{
	border-bottom:1px solid #D8D8D8;  
	margin-left:5px;
	margin-right:5px;
}
#infobox .expand_collapse{
	padding:5px; 
	margin-left:5px; 
}
.cell{
	vertical-align:top;
}
.cellcenter{
	vertical-align:center;
}

.widthcell{
	width:130px;
	vertical-align:top;
}
.width250{
	width:250px;
	vertical-align:top;
}
.width90{
	width:90px;
	vertical-align:top;
}
.paddingleft{
	padding-left:25px;
}
.widthmin{
	min-width:400px;
}
/******************** BacPhrase *********************/

#bacphrase {
	padding: 0 2rem;
	max-width: 940px;
    font-family: 'Rubik', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    /* font-weight: 600; */
}

#bacphrase p {
	font-size: 1.2rem;
}

#bacphrase ol.keywords {
	list-style: none;
	padding: 0 0 1rem;
	margin:13px 0;
}

#bacphrase ol.keywords li {
	display: inline-block;
	font-size: 9pt;
	padding: 5px 10px;
	background-color: #969594;
	color: white;
	border-radius: 1em;
	cursor: default;
	margin-bottom: 3px;
}

#bacphrase  ol.keywords li.kw-lifestyle {
	background-color: #2d77b5;
}

#bacphrase  ol.keywords li.kw-metabolism {
	background-color: #800029;
}

#bacphrase  ol.keywords li.kw-morphology {
	background-color: #5e8a32;
}

/******************** Resultdetail toolbar *********************/
#resultdetail #toolbar{
	background-color:rgba(247,247,247,0.9);
	border-bottom:1px solid #D8D8D8; 
	width:100%;
}
#resultdetail #toolbar #browsetable{
	float:left;
}
#resultdetail #toolbar .right{
	float:right;
	padding:5px;
}
#resultdetail #toolbar .right > div,
#resultdetail #toolbar .button-functions > div{
	display:inline-block;
	vertical-align:middle;
}
#resultdetail #straindetailExpandall,
#resultdetail #exclude,
#resultdetail #cite{
	padding-left:15px;
}


#toolbar td#browsetable{
	width:250px;
}
#toolbar td#download{
	width:80px;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
}
#toolbar td#pdf, #toolbar td#cite{
	width:40px;
	padding:0px;
	padding-left:5px;
}
#toolbar td#exclude{
	width:325px;
	padding:0px;
	padding-left:5px;
}
#toolbar td#straindetailExpandall{
	width:100px;
	padding:0px;
}
#toolbar .expand_table{
	float:right;
	padding:0px;
	margin:0;
	cursor:pointer;
}
#toolbar .expand_table:hover{
	color:#f04100;
}
#toolbar .expand_table img{
	margin-left:5px;
}
#toolbar td#browsetable
#toolbar td{
	margin:0px;
	padding:0px;
}



#resultdetail a{
	text-decoration:underline;
}
#resultdetail th,
#resultdetail td{
	padding:3px 7px;
}

#resultdetail .sequence_table_genome td{
	padding:1px;
}


#resultdetailtoolbar .arrow{
	width:12px;
	height:12px;
	margin-right:2px;
} 
#browsestrains{
	float:left;
	margin-left:10px;
	padding:0px;
}
.browsestrains {
	margin:0px;
	padding:0px;
	color:#0e435f; 
}

ul.browsestrains li{
	display:inline;
}

.browsestrains li a, .browsestrains li a:hover { 
	font-size:2em;     
	font-weight:bold;
	text-decoration:none; 
	color: #0e435f; 
}

div#resultdetail div#toolbar div#resultdetailtoolbar {
	float:right;
	margin-right:10px;
	margin-top:5px; 
}

#toolbar a{
	text-decoration:none;
}

.bacmedia-link img{
	height:20px;
	vertical-align: bottom;
	margin-top: 3px;
}

.brenda-link img{
	width: 74px;
	height:14px;
	vertical-align: top;
	margin-left: 10px;
	float: right;
	margin-top: 3px;
}
.mmtb-link img{
	height:17px;
	vertical-align: top;
	margin-left: 5px;
	float: right;
	margin-top: 0px;
}
.ed-link img{
	/* width: 74px; */
	height:22px;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: 3px;
}
.chebi-link{
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	text-decoration:none;
	color:black;
	float:right;
	margin-right:7px;
	cursor:pointer;
}
.chebi-link img{
	width:20px;
	height:auto;
	vertical-align:middle;
}
.chebi-link span {
	margin-top: 0px;
	position: relative;
	top: 2px;
	font-weight:bold;
}

.seq-links{
	text-align:right;
}
.seq-links a,
.ncbi-tax-link{
	display:inline-block;
	text-decoration:none !important;
	color:black;
	font-weight:bold;
}
.seq-links a:hover{
	color:#F04100;
}
.seq-links img,
.ncbi-tax-link img{
	vertical-align:middle;
}

.lpsn-link{
	display:inline-block;
	vertical-align:middle;
	float:right;
}

.taxonomy-table{
	border-collapse:collapse;
}
.taxonomy-table th,
.taxonomy-table td{
	padding:2px;
}
.lpsn-content{
	padding:10px;
	background-color:white;
	margin-bottom:15px;
}


/****doi ***********************************/
.doinumber{
	border:1px solid #D8D8D8; 
	position:fixed; 
	margin-top:-65px;
	background-color: rgba(255, 255, 255, 1);
	z-index:9990;
	font-size:10.5px;
	padding:5px;
}



/******************************* Resultdetail sectionlinks / externallinks ***********************************/

#resultdetail #box{
	border-top:none; 
	border-bottom:1px solid #D8D8D8; 
	border-left:1px solid #D8D8D8; 
	border-right:1px solid #D8D8D8; 
	/* float:right;  */
	position:absolute; 
	right:0px;
	top:100%;
	width:260px;
	background-color: rgba(255, 255, 255, 0.8);
	font-size:12px;
	padding-top:3px;
	padding-bottom:3px;
}

.straininfolinks a{
	text-decoration: none !important;
	white-space: nowrap;
}
.straininfolinks a span{
	font-size: 15px;
	color: #333;
	position: relative;
	top: 3px;
	font-weight: normal;
}
.straininfolinks a img{
	width:100px;
	vertical-align:middle;
}



/************************ specieslinks ************************/
#specieslinks .species{
	padding:5px; 
	margin-left:20px;
	max-height: 200px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgb(112, 112, 112) white;
}
#specieslinks .species a{
	text-decoration: none;
}

/************************ sectionslinks ************************/
#sectionlinks .sections{
	padding:5px; 
	margin-left:5px;
}

/************************ externallinks ************************/
#externallinks .links{
	width:100%;
	padding:5px; 
	margin-left:5px;
}



/******************************* Resultdetail entries ***********************************/
.textmining{
	/* color:#777777; */
	color:#0e435f;
	font-weight:bold; 
}

#resultdetail #content{
	margin-top:97px;  
	width:101%;
}

#resultdetail { padding:0px; padding-top:0em; text-align:left; font-size:10pt; width:99%; border:1px solid #f7f7f7 ;}

#resultdetail table.section_content, .bordercollapse{
	border-collapse: collapse;
}


.anchor{
  display: block;
  height: 192px; /*same height as header*/
  margin-top: -192px; /*same height as header*/
  visibility: hidden;
}
.anchor-api{
    display: block;
    position: relative;
    top: -177px;
    visibility: hidden;
}


#resultdetail #content ul, #resultdetail #content ul li, #references ul{
	margin:0px;
	padding: 3px;
	list-style:none;
}

/* Section icons */
#resultdetail .section-icon {
	height: 22px;
	vertical-align: middle;
}

#resultdetail ul li.resultdetail_sectiontitle {
    list-style-type:none;
    font-family: 'Rubik', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 600;
    font-size:12pt;
    background-color: #E6E6EA; 
    border-top:1px solid #D8D8DE;
    border-bottom:1px solid #D8D8DE;
}
#resultdetail ul li.resultdetail_sectiontitle a {  
	padding:10px; 
}
#content .arrow{
	width:12px;
	height:12px;
	float:left;
	margin-top:5px;
	margin-left:5px;
}

#content .sort-arrow{
	height:12px;
	float:right;
	margin-right:5px;
	margin-top:2px;
	margin-left:5px;
}

#resultdetail table.section_content{
	/* border:1px solid red;  */
	margin-left:20px;
	border-collapse:collapse;
}

.resultdetail_reference{
	width:100%;
}


#resultdetail table.section{
	margin: 5px 0px 15px 5px;
}

#resultdetail td.firstcell{
	width:90px;
	vertical-align:top;
	font-size:10px;
}

#resultdetail .width180_valigntop{
	vertical-align:top; 
	width:180px; 
}

#resultdetail .width75{
	width:75px; 
}

#resultdetail .width260_valigntop{
	vertical-align:top; 
	width:260px; 
}



.border_rightfree{
	border-top:1px solid #D8D8D8;
	border-left:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
}
.border_leftfree{
	border-top:1px solid #D8D8D8;
	border-right:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
}
.padding{
	padding:5px 5px 5px 5px;
}

.paddingtop{
	padding-top:5px;
	padding-left:2px;
}

.paddingright{
	padding-right:10px;
}



#met_antibiogram th, #met_antibiogram td{
	height:1.5em;
	border-collapse: collapse;
}


#FA_profile_table table{
	margin:0;
	padding:0;
}




/******************************* References ***********************************/
table#references { font-size:10pt;}
table#references .title { font-size:10pt; font-weight:bold; }
table#references li.resultdetail_reference { list-style-type:none; margin:5px; }
.resultdetail_referencetextmining { color:#0e435f;/* color:#777777; */ font-weight:bold; }
table#references li.resultdetail_referencetextmining { list-style-type:none; margin:5px; }
table#references li.resultdetail_reference table { width:100%; }
td.resultdetail_reference_refid { width:5%; }
td.resultdetail_reference_refannot { width:5%; }
td.resultdetail_reference_refdata { width:89%; }
td.resultdetail_fieldreference {vertical-align:top;width:13%; /* border:1px solid red; */} 
table#references td{ padding:4px 1px; }
/** ENDE References **/

/** spacer **/
/* .spacer {
	line-height: 0.6em;
} */
/********************************************** END Resultdetail Page ********************************************************/

/********************************************** Advanced Search Page ********************************************************/
/** Advanced Search styles **/
#advsearch { min-width:701px;   width:701px;  margin-left:auto; margin-right:auto;}

.advsearchbox { border:1px solid #D8D8DE;  font-size:10pt;}
.advsearchbox tr { background-color:#f7f7f7;}
.advsearchbox td { border:1.5px solid #D8D8DE; padding-left:5px; padding-right:5px;}
.advsearchbox{
	border-collapse: collapse;
}



.advsearchbox thead td.titlefield{
	position:fixed;
	width:690px; 
	min-width:690px;
	z-index:9999;
	top:83px;
	height:24px;
	border:1.5px solid #D8D8DE; 
}
.advsearchbox thead td.titlefield h1{
	padding: 0;
	margin: 0;
	font-size: 14pt;
}
.advsearchbox thead td.submitfield{
	position:fixed;
	width:689px;
	top:109px;
	z-index:9999; 
	background-color:#f7f7f7;
	border:1.5px solid #D8D8DE;
	border-bottom:none;
	padding-top:4px;
	
	height:23px;
}
.advsearchbox .errortablefield {  float:left; color: #cc0000; width:100%;}

.advsearchbox thead td.textfield{
	position:fixed;  
	width:214px; 
	z-index:9999;
	background-color:#f7f7f7;
	height:18px;
	border-left:1.5px solid #D8D8DE ;
	border-right:none;
	border-top:none; 
	padding-top:8px;
	top:137px/* 133px */;
}

.advsearchbox thead td.notfield{
	position:fixed; 
	width:25px; 
	
	margin-left:665px/* 225px */; 
	background-color: #f7f7f7;
	height:18px;
	border-bottom:1.5px solid #D8D8DE;
	border-left:none;
	border-right:1.5px solid #D8D8DE;
	border-top:none; 
	font-size:1em;
	color: #F04100/* #FE2C31 */;
	padding-top:8px;
	top:137px/* 133px */;
}

.advsearchbox thead td.expandall{
	position:fixed;  
	width:431px; 
	margin-left:225px/* 259px */;
	background-color:#f7f7f7;
	height:18px;
	border:1.5px solid #D8D8DE ;
	border-left:none;
	border-top:none;
	padding-top:8px;
	top:137px/* 133px */;
}

#advsearch_header tr, #advsearch_header td{z-index:9999;}


#tablebody{
	margin-top:164px/* 157.8px */;
} 
.advsearchbox .titlefield {
	font-size:14pt;
	font-weight:bold;
	text-align:left; 
	color: #ffffff;
	background-color: #0e435f;
}
.advsearchbox .searchfield { text-align:left; }
.advsearchbox .noborder { border:none; } 
.advsearchbox .notfield { width:20px;}
.advsearchbox .expandall {text-align:right; color:#0e435f;}

.advsearchbox .selectfield { min-width:160px;}
.advsearchbox .inputfield { min-width:200px;}
.advsearchbox .inputfield #dropdown{width:200px;}



.advsearchbox .textfield { min-width:200px; text-align:left; width:200px;}

.advsearchbox .heading {
	border: 1.5px solid #D8D8DE;
	width: 100%;
	text-align:left; 
	background-color: #0e435f; 
	color:#ffffff; 
	font-weight:bold;
	min-width: 690px;
} 



#infobox .arrow, .link-sidebar .arrow, .advsearchbox .arrow {
	width:12px;
	height:12px;
	float:right;
	margin-top:2px;
	margin-right:2px;
}
td.heading .arrow {
	width:12px;
	height:12px;
	float:right;
	margin-top:2px;
	margin-right:36px;
}
 

.advsearchbox .color1 { 
	background-color: #E6E6EA ; 
}
.advsearchbox .padding1 { 
	padding-left:20px;
}


/**********************************************ENDE  Advanced Search Page ********************************************************/
/** **/
.searchdefaults {
	display:block;
	margin-top:10px;
}
.searcherror {
	color:#cc0000;
}

div#annotatecommit {
    position:fixed;
    margin:auto;
	min-width:100px;
	min-height:30px;
	top:80px;
	left:30px;
    padding:2pt;
    line-height:1em; /* dadurch Zentrierung */
	font-size:10pt;
    text-align:left;
	z-index:9997;
    color: rgb(0,0,0);
    background-color:#00ff00;
    background: rgba(0,255,0,0.85);
    box-shadow: 0pt 0pt 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0pt 0pt 4px rgba(0,0,0,0.4);
}

div#annotatereset {
    position:fixed;
    margin:auto;
	min-width:100px;
	min-height:30px;
	top:80px;
	right:30px;
    padding:2pt;
    line-height:1em; /* dadurch Zentrierung */
	font-size:10pt;
    text-align:left;
	z-index:9997;
    color: rgb(0,0,0);
    background-color:#ff0000;
    background: rgba(255,0,0,0.85);
    box-shadow: 0pt 0pt 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0pt 0pt 4px rgba(0,0,0,0.4);
}

/* editable things style */

.editable input[type=textarea] {
min-width:200px;
width:200px;
}

.editable input[type=submit] {
  color: #F00;
  font-weight: bold;
}
.editable input[type=button] {
  color: #0F0;
  font-weight: bold;
}

#open-advsearch-mobile{
	display:none;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
}
#open-advsearch-mobile button{
	padding: 5px;
	letter-spacing: 1px;
	cursor: pointer;
}

#advsearch_result_filter_close,
#strd-change-prop-close,
.multimedia-gallery-close{
	width:35px;
	height:35px;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	z-index:1;
}
#advsearch_result_filter_close::before,
#advsearch_result_filter_close::after,
#strd-change-prop-close::before,
#strd-change-prop-close::after,
.multimedia-gallery-close::before,
.multimedia-gallery-close::after{
	content:"";
	position:absolute;
	left:0;
	top:15px;
	display:block;
	width:100%;
	height:2px;
	background-color:#fff;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}
#advsearch_result_filter_close::after,
#strd-change-prop-close::after,
.multimedia-gallery-close::after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
#advsearch_result_filter_close{
	display:none;
}

#tutorials iframe{
	max-width:100%;
}

#logo-homepage{
	display:block;
	margin: auto;
	padding:10px;
	width:330px;
	height:auto;
	max-width:100%;
	box-sizing:border-box;
}

.exprt-select-all-sr{
	float:left;
}

#print-link-el{
	float:right;
	background: transparent;
	position:relative;
}
#print-link-el .print{
	width: 25px;
	float:left;
	cursor:pointer;
}
#print-link-el .print{
	width: 25px;
	float:right;
	cursor:pointer;
	margin-right:10px;
}
#print-link-el .copy-link{
	float:right;
}
#print-link-el .copy-link .copy-url{
	cursor:pointer;
	text-align:right;
}
#print-link-el .copy-link .curr-url-input{
	visibility:hidden;
	opacity:0;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	padding-right:3px;
	background-color:white;
	box-sizing:border-box;
	border:1px solid #bebebe;
	border-radius:2px;
	transition:opacity 0.3s ease, visibility 0s ease 0.3s;
	-webkit-transition:opacity 0.3s ease, visibility 0s ease 0.3s;
}
#print-link-el .copy-link .curr-url-input.open{
	opacity:1;
	visibility:visible;
	transition-delay:0s;
	-webkit-transition-delay:0s;
}
#print-link-el .copy-link .curr-url-input input{
	padding:5px;
	border:none;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:calc(100% - 20px);
}
#print-link-el .copy-link .curr-url-input .close{
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	cursor:pointer;
	position:relative;
}
#print-link-el .copy-link .curr-url-input .close::before,
#print-link-el .copy-link .curr-url-input .close::after{
	content:"";
	position:absolute;
	left:0;
	top:9px;
	display:block;
	width:100%;
	height:2px;
	background-color:#000;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}
#print-link-el .copy-link .curr-url-input .close::after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}

#print-link-el .copy-link img{
	width: 25px;
	vertical-align:middle;
	padding-right:5px;
}
#mapid{
	height:300px;
	width:100%;
	max-width:600px;
}
.map-marker-messsage{
	margin-top:15px;
	margin-bottom:5px;
	font-weight:bold;
	display:block;
}

.detail-isol-categories td{
	padding:5px;
}

.detail-taxonmap{
	display:flex;
}
.detail-taxonmap .taxonmap-ref{
	padding-top:6px;
}
.detail-taxonmap .taxonmap-ref a{
	font-size:10px;
}
.detail-taxonmap .taxonmap-cont{
	padding:0 15px 0 20px;
}
.detail-taxonmap .taxonmap-cont p{
	margin-top:0;
}


.mark_ref{
	background-color:#C8E1CE;
}

.doi-home{
	margin-top:90px;
	font-size: 20px;
	text-align:center;
}
.doi-home img{
	margin-top:20px;
}

.doi-cite-detail{
	padding:3px 27px 3px 8px;
	background:url(/images/icons/DOI_logo.svg) no-repeat scroll right 5px center / 17px 17px;
}


.mark-hover:hover{
	background-color:#e6e6ea;
}
.mark-hover:hover .cell-feedback img{
	visibility:visible;
	margin-right:10px;
}
.cell-feedback{
	padding:0 10px;
	color:#0e435f;
	vertical-align:top;
	white-space:nowrap;
}
.cell-feedback:hover{
	color:#F04100;
}
.cell-feedback img{
	display:inline-block;
	visibility:hidden;
	cursor:pointer;
	vertical-align:top;
}
.cell-feedback img.ai-icon,
.cell-feedback img.textmining-icon{
	visibility:visible;
}

#strd-change-prop,
#overlay-multimedia {
	display: none;
	background-color: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	padding: 45px 10px 10px 10px;
	z-index: 1003;
	height: 100vh;
	overflow: auto;
	position: fixed;
	text-align:left;
}
#overlay-multimedia{
	display:block;
}

#strd-change-prop .content,
#overlay-multimedia .content{
	position:relative;
	background-color:#FFF;
	max-width:650px;
	margin: 0 auto;
	padding:45px 20px 20px 20px;
	box-sizing:border-box;
	margin-bottom:20px;
}
#strd-change-prop-close::before,
#strd-change-prop-close::after,
.multimedia-gallery-close::before,
.multimedia-gallery-close::after{
	top:15px;
	display:block;
	width:100%;
	height:2px;
	background-color:#000;
}
#strd-change-prop input,
#strd-change-prop textarea{
	width:100%;
	display:block;
	box-sizing:border-box;
	padding:5px 10px;
}
#strd-change-prop .field-content {
	background-color: #e6e6ea;
	overflow: auto;
	width: 100%;
	margin-bottom: 10px;
	padding: 0 5px;
	box-sizing: border-box;
}
#strd-change-prop .input-field{
	margin-bottom:15px;
	overflow:hidden;
	position:relative;
	padding:5px;
}
#strd-change-prop .input-field .help-field{
	position:absolute;
	top:0;
	left:100%;
}
#strd-change-prop .input-field-captcha label{
	margin-top:10px;
	display:block;
}
#strd-change-prop .input-field-captcha img{
	vertical-align:middle;
}
#strd-change-prop .input-field-captcha .reload-captcha{
	cursor:pointer;
	margin-left:10px;
	width:20px;
}
#strd-change-prop button {
	float: right;
	padding: 7px 20px;
}
#strd-change-prop .hide{
	display:none;
}
#strd-change-prop form .img-load{
	display:none;
	vertical-align:middle;
}
#strd-change-prop form.loading .img-load{
	display:inline-block;
}
#strd-change-prop .error{
	color:#F04100;
}

.mouse-scroll-icon {
	border: 2px solid #000;
	border-radius: 14px;
	bottom: 40px;
	height: 40px;
	position: absolute;
	right: 20px;
	width: 24px;
	background-color:rgba(255,255,255,0.9);
}
.mouse-scroll-icon .wheel-line {
	position: absolute;
	width: 2px;
	top: 0;
	left: 50%;
	margin-left: -1px;
	height: 20px;
	background-color: #000;
}
.mouse-scroll-icon .wheel-animation {
	background: #000 none repeat scroll 0 0;
	border-radius: 3px;
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 2px;
	width: 6px;
	animation-delay: 0;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-name: scroll-move;
	animation-play-state: running;
	animation-timing-function: linear;
}
@keyframes scroll-move {
	0% {
		opacity:0;
		top:3px;
	}
	30% {
		opacity:1;
		top:6px;
	}
	100% {
		opacity:0;
		top:15px;
	}
}

.home-dashboard {
	position: relative;
	top: -80px;
	margin-bottom: -80px;
	opacity: 0;
	animation: 1.3s ease-out 2s 1 slideInFromBottom;
	animation-fill-mode: forwards;
}

.home-dashboard .teaser{
	display:flex;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	height:250px;
}
.home-dashboard .teaser > a{
	/*flex-grow: 1;*/
	flex:1 0 calc(16% - 10px);
	box-sizing:border-box;
	/* height:142px; */
	position:relative;
	cursor:pointer;
	transition:all 0.5s;
	margin-left:10px;
	text-decoration:none;
	z-index:1;
}
.home-dashboard .teaser > a:first-child{
	margin-left:0;
}
.home-dashboard .teaser.active > a{
	flex-basis: 0px;
}
.home-dashboard .teaser > a.active{
	flex-basis: 150px;
}
.home-dashboard .teaser > a .pic{
	width:100%;
	height:142px;
	transition:height 0.5s;
}
.home-dashboard .teaser > a.active .pic{
	height:225px;
}
.home-dashboard .teaser > a .title{
	padding:10px;
	width:100%;
	box-sizing:border-box;
	font-size:16px;
	text-align:center;
	color:black;
	text-align:center;
	text-decoration:none;
	background-color:#f7f7f7;
}
.home-dashboard .teaser > a.active .title{
	font-weight:bold;
}
.home-dashboard .teaser > a .link{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	color: white;
	padding: 10px;
	box-sizing: border-box;
	text-align: right;
	opacity:0;
	transition:opacity 0.5s;
	font-size:16px;
}
.home-dashboard .teaser > a.active .link{
	opacity:1;
}

ul.searchresult li.search-message{
	background-color:#ffffdd;
	padding:10px 5px;
	border:1px solid #d7d7d7;
}



.multimedia-gallery{
	display:flex;
	flex-wrap: wrap;
	align-content: flex-start;
	margin-top:10px !important;
}
.multimedia-full-pics{
	display:block;
}
#resultdetail #content .multimedia-gallery li{
	height:150px;
	width:150px;
	overflow:hidden;
	box-sizing:border-box;
	padding:5px;
}
#resultdetail #content .multimedia-full-pics li{
	overflow:visible;
	height:auto;
	width:auto;
	padding:0 0 20px 0;
}
#resultdetail #content .multimedia-gallery .mult-img{
	cursor:pointer;
}
#resultdetail #content .multimedia-gallery .mult-img:hover{
	opacity:0.6;
}
#resultdetail #content .multimedia-full-pics li img{
	max-width:300px;
	height:auto;
	margin-left:97px;
}
.multimedia-gallery .multimedia-meta{
	display:none;
}
.multimedia-full-pics .multimedia-meta{
	display:block;
}
.overlay-multi-table tr td:first-child{
	width:100px;
}
#overlay-multimedia img{
	max-width:100%;
}
#overlay-multimedia .content{
	overflow:auto;
}

.open-metada{
	cursor:pointer;
}
.open-metada img{
	height: 13px;
	float: right;
	padding: 2px;
	width: 10px;
}
.fa_percent{
	position:relative;
}
.fa_percent > span{
	position:relative;
	z-index:1;
}
.fa_percent > div{
	position:absolute;
	height:100%;
	background-color:#9bddb3;
	top:0;
	left:0;
}

.expand-seq-genome.loading{
	background: url(/images/ajax-loader.gif) no-repeat scroll right center;
	padding-right:20px;
}


/* ### Suggest */
.suggest-title { 
    width:100%; 
    cursor:default; 
    background-color: #fcfcfc; 
    padding: 10px 7px; 
    box-sizing:border-box; 
    font-weight: bold; 
    border-bottom: 1px solid #ccc;
}
.suggest_link { 
    width:100%; 
    cursor:pointer; 
    background-color: #f0f0f0; 
    padding:7px; 
    box-sizing:border-box;
}
.suggest_link:nth-child(2n) {
    background-color: #fcfcfc; 
}
.suggest_link:hover { 
    width:100%; 
    cursor:pointer; 
    background-color: #c5dae6;
    padding:7px;
    box-sizing:border-box;
}
.suggest_link_resulttitle { 
    float:left; 
    text-align:left; 
    margin-right: 1rem;
}
.suggest_link_resulthits { 
    text-align:right; 
}
.suggest_link_example, .suggest_link_resulthits { 
    font-family: 'Courier New', Courier, monospace; 
    font-weight: bold; 
    color: #0e435f;
}
.suggest_link_resulthits:after, .suggest_link_example:after { 
    content:"clear"; 
    clear:left; 
    display:block; 
    height:0; 
    overflow:hidden; 
    visibility:hidden; 
}

#suggested, #suggested-example {
    clear:both;
	position: relative;
    display:none;
    background-color: #fff;
    color:#000;
	font-size:10pt;
	text-align: left;
    border: 1px solid #adacab; /* #cfcecd */
    min-width:350px;
    width:450px;
    line-height: 11pt;
    /* visibility:hidden; */
    /* -webkit-box-shadow: 5px 5px 10px #aaaaaa;
    box-shadow: 5px 5px 10px #aaaaaa;  */
    z-index:9990;
    /* border-radius: .5rem; */
}

div#searchcontainer #suggested, div#searchcontainer #suggested-example { 
	position: absolute;
	margin:10px auto; 
	top:100%; 
	left:0;
	height:185px;
    overflow:auto;
    bottom:-3px;
    width:100%;
    box-sizing:border-box;
    min-width:320px;
}
div#searchcontainer #suggested-example {
    height: 182px;
}
/* ### ENDE Suggest */


#tutorials{
	text-align:left;
	font-size:16px;
}
#tutorials h1{
	font-size:32px;
}
#tutorials h2{
	margin-top:40px;
	font-size:24px;
}
#tutorials iframe{
 	max-width:100%;
 }
 
 #tutorials .content-links li{
 	list-style:decimal;
 	padding:7px 0;
 }
 
 
 
 #team{
	text-align:left;
	font-size:16px;
}
#team h1{
	font-size:32px;
}
#team h2{
	margin-top:40px;
	font-size:24px;
}
#team p{
 	margin:0;
 }
 
#team .content-links li{
 	list-style:decimal;
 	padding:7px 0;
}




#team .member img{
	height:200px;
	display:block;
	float:right;
}

#team .member{
	vertical-align:top;
	width:400px;
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid #ccc;
	display:inline-block;
	margin-right:20px;
}
#team .member .text,
#team .member .pic{
	display:inline-block;
	vertical-align:middle;
	width:200px;
	text-align:right;
}
#team .member .text{
	box-sizing:border-box;
	padding: 10px 20px 10px 10px;
}

#team .member .name{
	font-weight:bold;
}
#team .member .time{
	font-style:italic;
	font-size:0.8em;
}

#team tr{
	background-color:#fff;
}
#team tr:nth-child(2n+1){
	background-color:#F0F0F0;
}
#team td{
	padding:10px;
}


.special-col-list{
	display:flex;
	flex-wrap:wrap;
}
.special-col-list img{
	max-width:120px;
	margin-right:20px;
}
.special-col-list .box {
	position:relative;
	width: calc(280px - 20px);
	margin: 10px;
	border: var(--border-width) solid #afafaf;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
	background-color: white;
	padding: 0;
	border-radius: var(--border-radius);
	box-sizing:border-box;
}
.special-col-list .box .content{
	margin:1rem;
	padding-bottom:77px;
	align-items:flex-start;
}

.special-col-list .box .content .img{
	margin:0 auto;
	height:100px;
	width:180px;
}
.special-col-list .box .content p{
	margin:0;
}
.special-col-list .box > .header, 
.special-col-list .box > .footer {
	padding: 1rem 1rem;
	text-align:left;
	box-sizing:border-box;
}
.special-col-list .box > .header {
	background-color: #dfdfdf;
	margin: 0;
	border-bottom: 1px solid #afafaf;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
}
.special-col-list .box > .footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color: #f1f1f1;
	margin: 0 0;
	border-top: 1px solid #afafaf;
	border-bottom-left-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

#dashboard{
	text-align:left;
	padding: 0 15px 15px;
	display: flex;
	flex-wrap: wrap;
}

#dashboard ol, #dashboard ul, #dashboard li {
  list-style: none;
  margin:0;
  padding:0;
}

.pad-in-line{
	padding:0 11px 
}
.intro-text{
	font-size:16px;
}

.projects-dropdown{
	background-color: transparent;
	border-top: 1px solid #0e435f;
	border-bottom: 1px solid #0e435f;
	border-right: 1px solid #0e435f;
	border-left: none;
	padding: 7px 12px;
	font-size: 16px;
	vertical-align: bottom;
	color:#0e435f;
	width:300px;
}
.projects-dropdown.active{
	background-color:#0e435f;
	color:#fff;
}
.dashboard-special-collections{
	display:flex;
	width:100%;
	max-width:1920px;
	margin: 0 auto;
}
.dashboard-special-collections .special-collections-content{
	width:80%;
}
.dashboard-special-collections .dashboard-project-list{
	width:20%;
}
.dashboard-special-collections .dashboard-project-list > div{
	position:sticky;
	top:100px;
	overflow:auto;
	max-height:calc(100vh - 100px);
}
.dashboard-special-collections .dashboard-project-list h4{
	font-size:16px;
	margin-bottom:15px;
}
.dashboard-special-collections .dashboard-project-list li{
	border-top:1px solid #D8D8D8;
	border-left:1px solid #D8D8D8;
	border-right:1px solid #D8D8D8;
	background-color:#FFF;
	padding:5px 7px;
}
.dashboard-special-collections .dashboard-project-list li:last-child{
	border-bottom:1px solid #D8D8D8;
}

#dashboard .dash-section{
	background-color: #FFFFFF;
	width: calc(50% - 10px);
	box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2);
	margin:5px;
}
#dashboard .dash-section h2{
	padding: 10px;
	margin: 0;
	background-color:#f7f7f7;
}

#dashboard .dash-tabs nav ul{
	display: flex;
	flex-wrap: wrap;
	background-color:#f7f7f7;
}
#dashboard .dash-tabs nav ul li{
	background-color:#f0f0f0;
	padding:12px 9px;
	cursor:pointer;
}
#dashboard .dash-tabs nav ul li:hover{
	background-color:#ffffff;
}
#dashboard .dash-tabs nav ul li.active{
	background-color:white;
	border-top:3px solid #0e435f;
}

#dashboard .total-type{
	margin-bottom:15px;
	padding: 0 11px;
}
#dashboard .total-type > div,
#dashboard .total-type > a{
	display:inline-block;
}
#dashboard .isolation-iframe{
	width: 100%;
	height: 570px;
	border: none;
}


.dash-boxes{
	display:flex;
	align-items: stretch;
	/* justify-content: space-between; */
	flex-wrap:wrap;
	padding:5px;
}
.dash-boxes > div{
	/* min-width:200px; */
	/* flex: 1 0 21%; */
	box-sizing: border-box;
	width:calc(25% - 10px);
	text-align:right;
	padding:20px;
	margin:5px;
	font-size:25px;
	background-color:#0e435f;
	color:#fff;
	box-shadow:0 0px 8px 0 rgba(0, 0, 0, 0.2);
}
.dash-boxes > div .title{
	font-size:16px;
}
.dash-boxes > div:nth-child(2) {
  background-color: #B8336A;
}
.dash-boxes > div:nth-child(3) {
  background-color: #CF98B5;
  color:black;
}
.dash-boxes > div:nth-child(4) {
  background-color: #E5FCFF;
  color:black;
}
.dash-boxes > div:nth-child(5) {
  background-color: #BBCBCA;
  color:black;
}
.dash-boxes > div:nth-child(6) {
  background-color: #919995;
}
.dash-boxes > div:nth-child(7) {
  background-color: #3C362A;
}
.dash-boxes > div:nth-child(8) {
  background-color: #ECE4B7;
  color:black;
}

.dash-boxes-project {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	border-left: 1px solid #D8D8D8;
}
.dash-boxes-project > div {
	box-sizing: border-box;
	width: 25%;
	text-align: right;
	padding: 0px 15px;
	font-size: 25px;
	background-color: transparent !important;
	border-bottom: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
}
.dash-boxes-project > div .title{
	font-size:16px;
}



.searchable-table{
	margin: 40px auto 5px;
	max-width:1300px;
	padding:0;
}
.searchable-table .table-content{
	position:relative;
}
.searchable-table.loading .table-content:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(217,217,217,0.8) url(/images/ajax-loader.gif) no-repeat scroll center center;	
}
.tableFixHead {
	overflow-y: auto;
	height: 250px;
	padding:0;
}
.tableFixHead thead th {
	position: sticky;
	top: 0;
}
.tableFixHead table {
	border-collapse: collapse;
	width: 100%;
	background-color:white;
}
.tableFixHead th,
.tableFixHead td {
	padding: 3px 7px;
	border: 1px solid #D8D8D8
}
.tableFixHead th {
	background: #eee;
}
.searchable-table input.strains-search-table{
	margin-bottom: 5px;
	padding: 7px;
	border-radius: 0;
}






#dashboard .tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: .875rem;
	word-wrap: break-word;
	opacity: 0;
}

#dashboard .d3-lollipop-chart,
#dashboard .d3-pie-chart,
#dashboard .d3-histogram-chart{
	position:relative;
}

#dashboard .d3-lollipop-chart .grid line {
  stroke: lightgrey;
  stroke-opacity: 0.7;
  shape-rendering: crispEdges;
}

#dashboard .d3-lollipop-chart .graphic{
	max-height: 310px;
	overflow:auto;
	position:relative;
}

#dashboard .d3-lollipop-chart .total-count,
#dashboard .d3-histogram-chart .total-count{
	float:right;
	margin-right:22px;
	margin-top:10px;
	border:1px solid black;
	padding:3px 5px;
}
#dashboard .d3-pie-chart .total-count{
	border:1px solid black;
	padding:3px 5px;
	position:absolute;
	right:20px;
	top:20px;
}
 
 
 
 

#dashboard .dash-tabs .tabs-content{
	background-color:white;
}
#dashboard .dash-tabs .tabs-content > li{
	opacity:0;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
#dashboard .dash-tabs .tabs-content > li.active{
	height:auto;
	opacity:1;
	visibility:visible;
	transition: visibility 0s linear,opacity 0.5s linear;
	overflow:visible;
}

#dashboard .circle {
	border: 1px solid #000;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
#dashboard .circle.plus:before,
#dashboard .circle.plus:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:black;
}
#dashboard .circle.plus:before{
    width: 1px;
    margin: 2px auto;
}
#dashboard .circle.plus:after{
    margin: auto 2px;
    height: 1px;
}

/* and a bonus!!! minus :-) */
#dashboard .circle.minus:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:black;
    margin: auto 2px;
    height: 1px;
}

#dashboard  #map {
	width: 100%;
	height: 600px;
	text-align: left;
}
#dashboard .loading-map-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(217,217,217,0.8) url(/images/ajax-loader.gif) no-repeat scroll center center;
	z-index: 1000;
}
#dashboard #map .info {
	padding: 6px 8px;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}
#dashboard #map .info h4 {
	margin: 0 0 5px;
	color: #777;
}







.new-adv-search{
	text-align:left;
}
.new-adv-search .hit-add-container{
	left:590px;
}

#bacdive-query-generator{
	padding:0 15px 20px 15px;
	border-bottom:1px solid #d8d8d8;
	position:relative;
}
#bacdive-query-generator input, #bacdive-query-generator select{
	padding:7px 5px;
}

#bacdive-query-generator .copy-url {
	width: 133px;
	position: absolute;
	top: 0;
	right: 20px;
	cursor:pointer
}
#bacdive-query-generator .copy-url img,
#bacdive-query-generator .copy-url span{
	vertical-align:middle;
}
#bacdive-query-generator .copy-url .info-msg{
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	white-space: nowrap;
	padding: 7px;
	z-index: 1;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.5s linear 0s, visibility 0s linear 0.5s;
}
#bacdive-query-generator .copy-url .info-msg.show{
	opacity:1;
	visibility:visible;
	transition: visibility 0s linear,opacity 0.5s linear;
}
#bacdive-query-generator .include-predictions{
	display: block;
	margin-top: 20px;
	padding-top: 5px;
}

#bacdive-query-generator .filter input, #bacdive-query-generator .filter select,
#bacdive-query-generator .filter .fields-list-container{
	float:left;
	margin-right:3px;
	width:calc(37% - 3px);
	box-sizing:border-box;
	position:relative;
}
#bacdive-query-generator .filter select.field-option{
	width:calc(25% - 3px);
}
#bacdive-query-generator .filter .field-value.double{
	width:calc(63% - 6px);
}
#bacdive-query-generator .filter .fields-list-container input{
	width:100%;
	padding:7px 20px 7px 5px;
	float:none;
	margin:0;
	box-sizing:border-box;
}
#bacdive-query-generator .filter .fields-list-container .empty-field {
	position: absolute;
	top: 8px;
	right: 5px;
	font-size: 16px;
	font-weight: bold;
	height: 16px;
	width: 16px;
	background: url('/images/icons/cross_black.svg') no-repeat scroll 0 0;
	cursor: pointer;
}
#bacdive-query-generator .filter .recomendations{
	position: absolute;
	background-color: white;
	right: 52px;
	top: 100%;
	margin: 0;
	padding:0;
	list-style:none;
	border: 1px solid #bebebe;
	width:235px;
	overflow:auto;
	max-height:290px;
	z-index:1;
}
#bacdive-query-generator .filter .recomendations li{
	width: 100%;
	cursor: pointer;
	background-color: #fff;
	padding: 7px;
	box-sizing: border-box;
	border-top: 1px solid #bebebe;
}
#bacdive-query-generator .filter .recomendations li:first-child{
	border-top:none;
}
#bacdive-query-generator .filter .recomendations li:hover{
	background-color: #226ED0;
	color: white;
}
#bacdive-query-generator .filter .field-value.loading{
	background: #fff url(/images/ajax-loader.gif) no-repeat scroll right 5px center;	
}


#bacdive-query-generator .remove-filter::after {
	background: url(/images/icons/trash.svg) no-repeat scroll 0 0;
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	top: -3px;
	left: 0;
	position: absolute;
}


#bacdive-query-generator .filter-condition-container{
	margin-left:13px;
	border-left:4px solid #e0e0e0;
	padding-bottom:10px;
}

#bacdive-query-generator .filter-add-condition{
	width:107px;
	height:40px;
	position:relative;
	color:#838383;
	font-size:1.1em;
	cursor:pointer;
	border-left:1px dashed #e0e0e0;
	margin-left:14px;
	display:inline-block;
}
#bacdive-query-generator .filter-add-condition .plus-small{
	width: 13px;
	height: 13px;
	position: absolute;
	left: 11px;
	top: 10px;
}
#bacdive-query-generator .filter-add-condition .plus-small::before{
	content:"";
	background-color:#838383;
	position:absolute;
	top:0px;
	left:6px;
	width:1px;
	height:13px;
}
#bacdive-query-generator .filter-add-condition .plus-small::after{
	content:"";
	background-color:#838383;
	position:absolute;
	top:6px;
	left:0px;
	width:13px;
	height:1px;
}
#bacdive-query-generator .filter-add-condition span{
	color:#838383;
	position:absolute;
	top:7px;
	left:33px;
}

#bacdive-query-generator .filter-add-condition-limit-error{
	padding:10px 10px 10px 25px;
	color:#F04100;
}
#bacdive-query-generator .add-filter-group-limit-error,
#bacdive-query-generator .add-error-filter-repeated{
	padding:10px;
	color:#F04100;
}

.download-table {
	float:right;
	position:relative;
}
.download-table .download-table-message {
	position: absolute;
	top: 30px;
	right: 0;
	width: 320px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid black;
	color: #000;
}

#bacdive-query-generator .filter-group{
	position:relative;
}

#bacdive-query-generator .add-filter-group{
	height:30px;
	width:101px;
	position:relative;
	cursor:pointer;
}
#bacdive-query-generator .add-filter-group .plus {
	width: 17px;
	height: 17px;
	position: absolute;
	left: 6px;
	top: 5px;
}
#bacdive-query-generator .add-filter-group .plus::before{
	content:"";
	background-color:#838383;
	position:absolute;
	top:0px;
	left:8px;
	width:1px;
	height:17px;
}
#bacdive-query-generator .add-filter-group .plus::after{
	content:"";
	background-color:#838383;
	position:absolute;
	top:8px;
	left:0px;
	width:17px;
	height:1px;
}
#bacdive-query-generator .add-filter-group span{
	color:#838383;
	position:absolute;
	top:4px;
	left:30px;
	font-size:16px;
}
#bacdive-query-generator .remove-filter{
	position:absolute;
	right:8px;
	top:10px;
	height:23px;
	width:20px;
	display:block;
	vertical-align:middle;
	cursor:pointer;
}
#bacdive-query-generator .remove-filter::after {
	background: url(/images/icons/trash.svg) no-repeat scroll 0 0;
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	top: -3px;
	left: 0;
	position: absolute;
}
#bacdive-query-generator .filter-condition{
	border:none;
}
#bacdive-query-generator .filter-condition{
	padding:5px 20px 5px 7px;
	color:#838383;
	margin:7px 0 0 30px;
	cursor:default;
	background-color:transparent;
	/*-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-position:right center;
	background-size:13px 17px;
	background-repeat:no-repeat;*/
}
/* #bacdive-query-generator .filter-group-operator input{
	color:#fff;
	background-color:#5290b2;
	border-radius:10px;
	border:none;
	font-weight:bold;
	cursor:default;
	width:23px;
} */
#bacdive-query-generator .filter-group-operator select{
	width:55px;
	/* color:#fff;
	background-color:#5290b2;
	border-radius:10px;
	border:none;
	font-weight:bold;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none; */
}
#bacdive-query-generator .filter-group-operator select option{
	background-color:#fff;
	color:#000;
	font-weight:normal;
}
#bacdive-query-generator .filter-group:first-child .filter-group-operator{
	display:none;
}
#bacdive-query-generator .error {
	box-shadow: 0px 0px 2px red;
	border: 1px solid red;
}



.new-adv-search .left-column{
	position:fixed;
	left:0;
	top:121px;
	height:calc(100vh - 121px);
	overflow:auto;
	width:582px;
	border-right:1px solid #D8D8D8;
}
.new-adv-search .right-column{
	margin-left:582px;
	width:calc(100% - 582px);
	min-height:100vh;
	padding-bottom:20px;
	padding-top:20px
}



.new-adv-search .side-info .open {
	position: relative;
	padding: 10px 10px 10px 40px;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
	background-color: #0e435f;
}
.new-adv-search .side-info .open img {
	position: absolute;
	top: 14px;
	left: 7px;
}
.new-adv-search .side-info .open.active img {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}


.new-adv-search .drag-sort{
	display:inline-block;
	width:20px;
	height:20px;
	background: url(/images/icons/draggable.svg) no-repeat scroll center center / contain;
	cursor:move;
	position:absolute;
	top:9px;
	left:5px;
}
.new-adv-search .filter{
	padding-top:5px;
	margin-top:5px;
	border-top:2px solid transparent;
	box-sizing:border-box;
	position:relative;
	padding-left:30px;
	padding-right:45px;
	position:relative;
	background-color: transparent;
	animation-name: filter-add;
	animation-duration: 2s;
}
.new-adv-search .filter.over{
	border-top:2px solid #5290b2;
}
@keyframes filter-add {
  from {background-color: #74a6c1;}
  to {background-color: transparent;}
}

.new-adv-search .mod-search-examples{
	margin:14px 0px;
	padding:0 0 0 40px;
}

.layer-all-fields {
	position: fixed;
	top: 120px;
	left: 583px;
	background-color: white;
	width: calc(100% - 583px);
	height: calc(100vh - 121px);
	overflow: auto;
	padding-top:35px;
}
/*
.layer-all-fields .section{
	margin-bottom: 30px;
	border-bottom: 2px solid #5290b2;
	padding: 0px 15px 30px 15px;
	box-sizing: border-box;
	width: 32%;
}
*/
.section-container {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(310px,1fr));
  grid-auto-rows: 20px;
}
.section-container .section{
	grid-row-end: span 14;
	border-bottom: 2px solid #5290b2;
	padding: 0px 15px 30px 15px;
	box-sizing: border-box;
}
.section-container .section:nth-child(2){
	grid-row-end: span 11;
}
.section-container .section:nth-child(3){
	grid-row-end: span 11;
}
.section-container .section:nth-child(4){
	grid-row-end: span 29;
}
.section-container .section:nth-child(5){
	grid-row-end: span 8;
}
.section-container .section:nth-child(6){
	grid-row-end: span 6;
}
.section-container .section:nth-child(7){
	grid-row-end: span 11;
}
.section-container .section:nth-child(8){
	grid-row-end: span 8;
}
.section-container .section:nth-child(9){
	grid-row-end: span 31;
}
.section-container .section:nth-child(10){
	grid-row-end: span 16;
}
.section-container .section:nth-child(11){
	grid-row-end: span 7;
}

.section-container h3{
	padding-left:17px;
	position:relative;
}
.section-container h3::before {
	content: "";
	position: absolute;
	left: -12px;
	top: 0;
	height: 24px;
	width: 24px;
}
.section-container .section-icon-1::before{
	background: url('/images/icons/sections/icon_name and taxonomy.svg') no-repeat scroll 0 0 / cover;
}
.section-container .section-icon-2::before{
	background: url('/images/icons/sections/icon_morphology.svg') no-repeat scroll 0 0 / cover;
}
.section-container .section-icon-3::before{
	background: url('/images/icons/sections/icon_culture conditions.svg') no-repeat scroll 0 0 / cover;
}
.section-container .section-icon-4::before{
	background: url('/images/icons/sections/icon_physiology and metabolism.svg') no-repeat scroll 0 0 / cover;
}
.section-container .section-icon-5::before{
	background: url('/images/icons/sections/icon_isolation and environment.svg') no-repeat scroll 0 0 / cover;
}
.section-container .section-icon-6::before{
	background: url('/images/icons/sections/icon_safety.svg') no-repeat scroll 0 0 / cover;
}
.section-container .section-icon-7::before{
	background: url('/images/icons/sections/icon_sequences.svg') no-repeat scroll 0 0 / cover;
}
.section-container .section-icon-8::before{
	background: url('/images/icons/sections/icon_external links.svg') no-repeat scroll 0 0 / cover;
}
.section-container .section-icon-10::before{
	background: url('/images/icons/sections/icon_antibiotics.svg') no-repeat scroll 0 0 / cover;
}
.section-container .section-icon-11::before{
	background: url('/images/icons/sections/icon_fatty acid profile.svg') no-repeat scroll 0 0 / cover;
}
.section-container .section-icon-12::before{
	background: url('/images/icons/sections/icon_references.svg') no-repeat scroll 0 0 / cover;
}

.mod-search-examples li{
	list-style:none;
	box-sizing:border-box;	
	padding:4px 0;
}

.section-container .section ul{
	padding-left:15px;
}
.section-container .section li {
	background-color:#f0f0f0;
	padding: 2px 2px;
	width:280px;
	list-style:none;
	box-sizing:border-box;
}
.section-container .section li:nth-child(odd) {
	background-color:#fff;
}
.section-container .section li.field-related {
	background: url('/images/icons/field_related.png') no-repeat scroll bottom left / 6px 100%;
	padding-left: 9px;
}
.section-container .section li.field-related-last {
	background: url('/images/icons/field_related_last.png') no-repeat scroll top left / 6px 11px;
	padding-left: 9px;
}
.section-container .section li .title{
	float:left;
	width:calc(100% - 80px);
}
.section-container .section li .add{
	float:left;
	width:80px;
}
.layer-all-fields-close{
	background: url('/images/icons/cross_black.svg') no-repeat scroll 0 0 / cover;
	width:20px;
	height:20px;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}
.section-container .section .help {
	display:inline-block;
	width: 15px;
	height: 15px;
	background: url(/images/icons/info.svg) no-repeat scroll center center / 15px 15px;
	cursor:help;
}
.section-container .section .add-filter{
	color:#5290b2;
	cursor:pointer;
}
.section-container .section .add-filter:hover{
	color:#F04100;
}
.new-adv-search .right-column .mobile-buttons{
	display:none;
	padding:5px 17px;
}
.hit-add-container-adv{
	position: absolute;
	top: 0;
	left: 0;
	width: 290px;
	box-sizing: border-box;	
}
.new-adv-search .hit-add-container-adv {
	left: 582px;
}

.switch-container {
	float:right;
}
.switch-container .switch {
  position: relative;
  display: inline-block;
  width: 49px;
  height: 27px;
  vertical-align:middle;
}
.switch-container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.switch-container .slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}
.switch-container .slider.active:before {
  -webkit-transform: translateX(21px);
  -ms-transform: translateX(21px);
  transform: translateX(21px);
}
.switch-container > span{
	vertical-align:middle;
}





#contact-page{
	width:100%;
	box-sizing:border-box;
	padding:15px;
	margin:0 auto;
	max-width:980px;
	text-align:left;
}
#contact-page form label{
	display:block;
	margin-bottom:3px;
}
#contact-page .input-field{
	margin-bottom:8px;
	position:relative;
	overflow:hidden;
	padding:5px;
}
#contact-page .input-field .help-field{
	position:absolute;
	top:0;
	left:100%;
}
#contact-page .input-field input,
#contact-page .input-field select,
#contact-page .input-field textarea{
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:5px;
}
#contact-page .input-field textarea{
	height:120px;
}
#contact-page .btn-send{
	margin-top:17px;
}
#contact-page button{
	float:right;
	padding:7px 20px;
}
#contact-page .error{
	color:#F04100;
	margin:2px 0 0;
}
#contact-page .legend{
	text-align:right;
}
#contact-page .input-field-captcha img{
	vertical-align:middle;
}
#contact-page .reload-captcha {
	cursor: pointer;
	margin-left: 10px;
	width: 20px;
}




#newsletter-page {
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	margin: 0 auto;
	max-width: 980px;
	text-align: left;
}
#newsletter-page .help-field{
	position: absolute;
	top: 0;
	left: 100%;
}
#newsletter-page .input-field{
	position:relative;
	overflow:hidden;
}
  


.main-search{
	padding-top:20px;
}




#is_sources_search{
	text-align:left;
	padding-top:27px;
	min-height:1240px;
}
#is_sources_search ul,
#is_sources_search li{
	padding:0;
	margin:0;
	list-style: none;
}

#is_sources_search .main-center{
	max-width:none;
}

#is_sources_search .iso_filters{
	width: 582px;
	padding-top: 10px;
	transition:all 0.5s 0s;
	position:absolute;
	right:calc(100% + 1px);
	top:0;
}

#is_sources_search .close-filter-mob{
	width:35px;
	height:35px;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	z-index:1;
	display:none;
}
#is_sources_search .close-filter-mob::before,
#is_sources_search .close-filter-mob::after{
	content:"";
	position:absolute;
	left:0;
	top:15px;
	display:block;
	width:100%;
	height:2px;
	background-color:#fff;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}
#is_sources_search .close-filter-mob::after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}


#is_sources_search .down-table-all{
	float:right;
}

#is_sources_search .copy-url {
	width: 133px;
	cursor:pointer;
	position:relative;
}
#is_sources_search .copy-url img,
#is_sources_search .copy-url span{
	vertical-align:middle;
}
#is_sources_search .copy-url .info-msg{
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	white-space: nowrap;
	padding: 7px;
	z-index: 1;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.5s linear 0s, visibility 0s linear 0.5s;
}
#is_sources_search .copy-url .info-msg.show{
	opacity:1;
	visibility:visible;
	transition: visibility 0s linear,opacity 0.5s linear;
}

#is_sources_search .iso_results{
	width: 100%;
	box-sizing: border-box;
	border-left: 1px solid #D8D8D8;
	transition:all 0.5s 0s;
	position:relative;
}
#is_sources_search .iso_results.active{
	margin-left:582px;
	width:calc(100% - 582px);
}

.open-filter-layer .cross{
	margin-left:7px;
}
.open-filter-layer .cross::after,
.open-filter-layer .cross::before{
	background-color:#fff;
}
.open-filter-layer:hover .cross::after,
.open-filter-layer:hover .cross::before{
	background-color:#0e435f;
}

#is_sources_search .filters-button-container{
	border:1px solid #0e435f;
	padding: 10px;
	margin-bottom: 15px;
}

/* Dropdown filter tool */
.filter-drop{
	border-bottom:1px solid #D8D8D8;	
}
.filter-drop .open{
	position:relative;
	padding:10px 10px 10px 40px;
	cursor:pointer;
	font-size:16px;
	color:#fff;
	background-color:#0e435f;
}
.filter-drop .open img{
	position:absolute;
	top:14px;
	left:7px;
}
.filter-drop.active .open img{
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.filter-drop .filter-content{
	display:none;
	padding-bottom:20px;
}

.origin-input{
	padding:10px 10px 0px 10px;
}
.origin-input span{
	display:inline-block;
	width:135px;
}
.origin-input input,
.origin-input select{
	display:inline-block;
	padding:5px 10px;
	margin-right:10px;
	border:1px solid #bebebe;
	border-radius:3px;
	box-sizing:border-box;
	width:161px;
}
.origin-input input.loading{
	background: #fff url(/images/ajax-loader.gif) no-repeat scroll right 3px center;
}
.origin-input .ajax-autocomplete{
	display:inline-block;
	position:relative;
}
.origin-input .recomend-container{
	position:absolute;
	top:100%;
	left:0;
	width:235px;
	max-height:290px;
	overflow:auto;
	box-sizing:border-box;
	border:1px solid #bebebe;
	z-index:1;
}
#is_sources_search .origin-input .recomend-container ul li {
	width: 100%;
	cursor: pointer;
	background-color: #fff;
	padding: 7px;
	box-sizing: border-box;
	border-top:1px solid #bebebe;
}
#is_sources_search .origin-input .recomend-container ul li:hover,
#is_sources_search .origin-input .recomend-container ul li.selected{
	background-color: #226ED0;
	color:white;	
}


#is_sources_search .added_filters > span,
#is_sources_search .added_filters_origin .sub-group,
#is_sources_search .added_filters_taxonomic > span{
	display:inline-block;
	font-size:14px;
	border:1px solid #e8e8e8;
	padding:5px;
	margin-left:5px;
	margin-bottom:5px;
}
#is_sources_search .added_filters > span:first-child,
#is_sources_search .added_filters_taxonomic > span:first-child{
	margin-left:0;
}
#is_sources_search .added_filters_origin .sub-group .or-added-filter{
	padding:0 5px;
}
#is_sources_search .filter-applied-group .added_filters_origin span.remove{
	margin-left:5px;
}
#is_sources_search .added_filters_origin .or-added-filter::before{
	content:"|";
	padding:0 5px;
}
#is_sources_search .added_filters_origin .or-added-filter:nth-child(2)::before{
	display:none;
}


#is_sources_search .filter-applied-group span.remove{
	margin:0;
	border:1px solid #e8e8e8;
	padding:5px;
	display:inline-block;
}
#is_sources_search .added_filters_origin .sub-group,
#is_sources_search .added_filters_taxonomic > span{
	background-color:#fff;
}
#is_sources_search .btn-submit-tax-filter{
	max-width:320px;
	width:100%;
	text-align:right;
	margin-top:10px;
}

#is_sources_search .s-boxes > div{
	display:inline-block;
	width:33.33%;
	box-sizing:border-box;
	padding:10px;
	vertical-align:top;
}
#is_sources_search .s-boxes > div:first-child{
	padding-left:0;
}
#is_sources_search .s-boxes > div:last-child{
	padding-right:0;
}

#is_sources_search .s-boxes .title{
	margin:10px 0;
	display:block;
}
#is_sources_search .s-boxes .cat1 .title{
	margin-bottom:38px;
}
#is_sources_search .search-cat ul{
	border:1px solid #e8e8e8;
	height:232px;
	overflow:auto;
}
#is_sources_search .search-cat ul li{
	padding:5px 10px;
	box-sizing:border-box;
	width:100%;
	margin-bottom:1px;
	position:relative;
	cursor:pointer;
}
#is_sources_search .search-cat ul li.selected{
	border:4px solid #0e435f;
}
#is_sources_search .search-cat.cat3 ul li > span{
	display:block;
	box-sizing:border-box;
	position:relative;
	z-index:1;
}
#is_sources_search .search-cat.cat3 ul li .cat3-sq{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#is_sources_search .search-cat.cat3 li .cat3-sq span{
	display:block;
	float:left;
	width:100%;
	height:100%;
}
#is_sources_search .search-cat.cat3 li .cat3-sq.count-1 span{
	width:100%;
}
#is_sources_search .search-cat.cat3 li .cat3-sq.count-2 span{
	width:50%;
}
#is_sources_search .search-cat.cat3 li .cat3-sq.count-3 span{
	width:33.33%;
}
#is_sources_search .search-cat.cat3 li .cat3-sq.count-4 span{
	width:25%;
}
#is_sources_search .search-cat.cat3 li .cat3-sq.count-5 span{
	width:20%;
}
#is_sources_search .search-cat.cat3 li .cat3-sq.count-6 span{
	width:16.66%;
}

#is_sources_search .submit-filter{
	float:right;
}
#is_sources_search .loading-table{
	vertical-align:middle;
}


#iso-search-results .pag-se-res{
	padding:0 10px;
}
#iso-search-results .pag-se-res .title{
	font-weight:bold;
	margin-bottom:10px;
	float:left;
}
#iso-search-results .pag-se-res .paging{
	float:right;
}

#iso-search-results #main-table{
	width:100%;
	box-sizing:border-box;
	table-layout:fixed;
	font-size:10pt;
	min-width:950px;
}
#iso-search-results #main-table > tbody input{
	max-width:100%;
	box-sizing:border-box;
}
#iso-search-results #main-table > tbody > tr > td{
	padding:15px 5px;
}
#iso-search-results #main-table > tbody > tr > td:first-child{
	width:23px;
}
#iso-search-results #main-table > tbody > tr{
	background-color:#fff;
}
#iso-search-results #main-table > tbody > tr:nth-child(odd){
	background-color:#F0F0F0;
}
#iso-search-results #main-table > tbody > tr:first-child{
	background-color:#B3C9BA;
}
#iso-search-results #main-table > tbody > tr:first-child td{
	padding-bottom:10px;
	padding-top:10px;
}
#iso-search-results #main-table > tbody > tr:first-child td p{
	margin-bottom:5px;
}
.categories-table {
	table-layout: fixed;
	width: 100%;
	border-spacing: 5px;
	border-collapse: separate;
}
.categories-table tr{
	background-color:transparent !important;
}
.categories-table tr td{
	text-align:center;
	vertical-align:middle;
	padding:5px 0;
	font-size:10pt;
}

#is_sources_search .current-selected span.bold{
	font-weight:bold;
}
#is_sources_search .search-input{
	border:1px solid #e8e8e8;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:5px 10px;	
}

#is_sources_search .remove{
	color:#d60853;
	cursor:pointer;
	font-weight:bold;
}
#is_sources_search .list-cont{
	position:relative;
}
#is_sources_search .list-cont .loading{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(232,232,232,0.7) url(/images/ajax-loader.gif) no-repeat scroll center center;
	visibility:hidden;
	opacity:0;
	transition:opacity 0.5s linear 0s, visibility 0s linear 0.5s;
}
#is_sources_search .list-cont .loading.active{
	visibility:visible;
	opacity:1;
	transition-delay:0s;
	-webkit-transition-delay:0s;
}
#is_sources_search .error {
	color: red;
	float: right;
	clear: right;
	margin: 5px 0 0;
}
#is_sources_search .origin-input-errors .error{
	float:none;
	padding:0 10px;
}
#is_sources_search .reset-cat{
	color:#0e435f;
	text-decoration:underline;
	cursor:pointer;
	visibility:hidden;
}
#is_sources_search .reset-cat-cont{
	text-align:right;
}
#is_sources_search .reset-cat.active{
	visibility:visible;
}
#iso-search-results p.sortable{
	text-decoration:underline;
	cursor:pointer;
}
.arrow-DESC,
.arrow-ASC {
	height: 0;
	width: 0;
	border-top: 6px solid #000;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	display: inline-block;
	vertical-align: middle;
}
.arrow-DESC {
	border-bottom: 6px solid #000;
	border-top: none;
}
#iso-search-results .paging_numbers a{
	padding:0 5px;
}
#iso-search-results .downl-select{
	margin-bottom:10px;
	padding:0 10px;
}
#iso-search-results .downl-select p{
	margin:0;
}
#iso-search-results .downl-select .select-all{
	color:#0e435f;
	text-decoration:underline;
	cursor:pointer;
}
#iso-search-results .downl-select > div{
	float:left;
}
#is_sources_search .s-boxes select{
	display:none;
	width:100%;
}
#is_sources_search .loading-map-layer{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(217,217,217,0.8) url(/images/ajax-loader.gif) no-repeat scroll center center;
	z-index:1000;
}

.open-map img{
	vertical-align:middle;
	margin-left:10px;
}
.open-map .active{
	display:none;
}
.open-map.active .active{
	display:inline;
}
.open-map.active .deact{
	display:none;
}
.but-main-green .hover-show{
	display:none;
}
.but-main-green:hover .hover-hide,
.but-main-green.active .hover-hide{
	display:none;
}
.but-main-green:hover .hover-show,
.but-main-green.active .hover-show{
	display:inline;
}

.open-sunburst {
	background: url(/images/icons/krona_icon.svg) no-repeat scroll right 8px center / 40px 40px;
	padding: 16px 60px 16px 12px;
}

#map{
	width:100%;
	height:600px;
	margin:30px 0;
	text-align:left;
}

.country-marker span{
	background-color: #583470;
	width: 1.3rem;
	height: 1.3rem;
	display: block;
	left: -0.65rem;
	top: -0.65rem;
	position: relative;
	border-radius: 50%;
	border: 2px solid #000;
	color:white;
}
.country-marker span.green{
	/*background-color:#4DB749;*/
	border: 2px solid #cc6633;
}
.country-marker span.yellow{
	/*background-color:#F46F34;*/
	border: 2px solid silver;
}
.country-marker span.red{
	/*background-color:#ED1B24;*/
	border: 2px solid gold;
}


.info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}
.info h4 {
    margin: 0 0 5px;
    color: #777;
}

.legend {
    line-height: 18px;
    color: #555;
}
.legend i {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 8px;
	opacity: 0.7;
}


/*************** TAXONOMY FILTERS START ***************/
.taxonomy-filter{
	padding:10px;
}
.taxonomy-filter .tax{
	margin-top:10px;
}
.taxonomy-filter .search-field{
	position:relative;
}
.taxonomy-filter .search-field .fake-field{
	margin-top:10px;
	background-color:#fff;
	border:1px solid #bebebe;
	max-width:320px;
	width:100%;
	height:27px;
	box-sizing:border-box;
}
.taxonomy-filter .search-field .arrow-down{
	height:100%;
	width:37px;
	border-left:1px solid #bebebe;
	background:url(/images/icons/arrow_down_black.svg) no-repeat scroll center center / 18px 10px;
	cursor:pointer;
	box-sizing:border-box;
}
.taxonomy-filter .search-field .del-search{
	height:100%;
	width:37px;
	border-left:1px solid #bebebe;
	cursor:pointer;
	background:url(/images/icons/cross_black.svg) no-repeat scroll center center / 15px 15px;
	box-sizing:border-box;
}
.taxonomy-filter .search-field .loading{
	height:100%;
	width:37px;
	border-left:1px solid #bebebe;
	cursor:pointer;
	background:url(/images/ajax-loader.gif) no-repeat scroll center center;
	box-sizing:border-box;
}
.taxonomy-filter .search-field .text-val{
	width:calc(100% - 37px);
	height:100%;
	padding:3px 7px;
	box-sizing:border-box;
	background-color:transparent;
	border:none;
}
.taxonomy-filter .search-field .search-tax-list{
	margin:10px auto;
	width:calc(100% - 20px);
	box-sizing:border-box;
	height:27px;
	display:block;
	padding:0 26px 0 10px;
	background:url(/images/icons/lupe.svg) no-repeat scroll right center / 23px 23px;
}
.taxonomy-filter .recomend-container{
	border-left:1px solid #bebebe;
	border-right:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	max-width:320px;
	background-color:#fff;
	z-index:1;
	box-sizing:border-box;
}
#is_sources_search .taxonomy-filter .recomend-container ul{
	max-height:290px;
	overflow:auto;
	width:100%;
	position:relative;
}
#is_sources_search .taxonomy-filter .recomend-container ul li {
	width: 100%;
	cursor: pointer;
	background-color: #fff;
	padding: 7px;
	box-sizing: border-box;
	border-top:1px solid #bebebe;
}
#is_sources_search .tax-input-errors .error{
	float:none;
}

#is_sources_search .taxonomy-filter .recomend-container ul li:hover,
#is_sources_search .taxonomy-filter .recomend-container ul li.selected{
	background-color: #226ED0;
	color:white;	
}

/*************** TAXONOMY FILTERS END ***************/




/* taxplorer */

#download input{
 	float:right;
 }

#selectAllTaxplorer{
	width:75%;
}

#search, #resultlist {
	margin-top:25px;
 	float:left;	
 	text-align: left;
 }

 
#search {
	width: 210px;
	margin-left: 10px;
	position: fixed;
	top: 102px;
	left: 0;
}
 
#search div.searchbutton{
	margin-top:10px;
}

#search div.searchbutton p , #search div.searchbutton select {
 	display: inline; 
 } 

#search div.searchbutton p{
	width:20%;
}
#search div.searchbutton select {
	width:100%;
	padding:2px;
}

#strains ul {
	list-style-type: none;
	padding: 8px 10px 8px 40px;
}
#strains ul:nth-child(even){
	background-color:#FCFCFC;
}
#strains ul:nth-child(odd){
	background-color:#F0F0F0;
}
#strains td{
	vertical-align:middle;
	padding:2px;
}
#strains li{
	padding:2px;
}
#strains td a{
	text-decoration:underline;
}
#strains .helplink{
	padding:0 10px;
	cursor:pointer;
}
#resultlist {
	margin-left: 280px;
	float: left;
	width: calc(100% - 280px);
	box-sizing: border-box;
	padding-left: 5px;
	border-left: 1px solid #D8D8D8;
	min-height:350px;
}

.filter-tax-mobile{
	display:none;
	padding:15px 10px;
	position:relative;
}
.filter-tax-mobile button{
	padding:5px;
	letter-spacing:1px;
	cursor:pointer;
}
.tax-slect-all-mobile{
	position:absolute;
	top:0;
	right:10px;
	text-align:right;
	padding-top:15px;
}
.tax-slect-all-mobile p{
	margin:0;
}
#mobile-close-filter-tax{
	display:none;
	width:35px;
	height:35px;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}
#mobile-close-filter-tax::before,
#mobile-close-filter-tax::after{
	content:"";
	position:absolute;
	left:0;
	top:15px;
	display:block;
	width:100%;
	height:2px;
	background-color:#fff;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}
#mobile-close-filter-tax::after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}





/* Download csv*/
#dlcart .searchhelp { display:block; margin-top:5px; font-size: 8pt; }

/** DL Cart **/
#dlcart { margin-left:5px; text-align:left; padding-top:10px; }
#dlcart ul { text-align:left; margin-left:10px; margin-top:30px; }

ul.dlcartresult { list-style: none; padding: 0px; /* border:1px solid blue; */}
li.dlcartresultrow1 { margin-top:5px; background-color: #f0f0f0; }
li.dlcartresultrow2 { margin-top:5px; background-color: #fcfcfc; }
li.dlcartresultrow1:hover { margin-top:5px; background-color: #c6c6c6; }
li.dlcartresultrow2:hover { margin-top:5px; background-color: #c6c6c6; }
/** ENDE DL Cart **/

.dlcartresultinfo { font-size:8pt; display:block; }



#exportselect{
/* 	display:none; */
	margin-left:10px;
}

#exportselect form fieldset{
	border:1px solid #D8D8D8; 
	display:inline;
	margin-top:30px;
	padding:0px;
}

#exportselect ul{
	/* border:1px solid blue; */
	margin-bottom:30px;
	margin-left:-20px;
}
#exportselect ul li{
	list-style-type: none;	
}
#exportselect .markedgreen{
	background-color:#0e435f;
	color:white;
}
#ce-check-all-fields{
	float:right;
}

#exportselect ul.list{
	margin:0px;
	margin-bottom:1px;
}


#exportselect img.arrow{
	width:12px;
	height:12px;
	float:left;
	padding:8px 5px 0px 5px;
}

#exportselect p.sectionTitle{
	margin-top:5px; 
	width:74%;
}

span.dlcartresultlayer {
    position:fixed;
	top:100px;
	left:15px;
    font-size:10pt;
	min-width:150px;
	z-index:9997;
    padding:0.1em;
    color: rgb(0,0,0);
    /*background-color:#0e435f;
    background: rgba(45, 119, 181, 0.0);*/
    background-color:#fff;
    background: rgba(255,255,255,0.85);
    box-shadow: 0pt 0pt 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0pt 0pt 4px rgba(0,0,0,0.4);
    line-height:1em; /* hoehen dadurch Zentrierung */
    text-align:center;
}

span.dlcartresultlayerhits { display:inline; font-size:0.9em;}
span.dlcartresultlayerclear { display:inline; font-size:0.9em;}

span.dlcartresultlayer{
	padding:3px 10px;
}
span.dlcartresultlayercexport input,
span.dlcartresultlayerclear input{
	padding:2px 8px;
	cursor:pointer;
}
.dlcartresult a{
	text-decoration:underline;
}




/* KIT API */
.kitapi td {
	vertical-align:top;
	min-width:2em;
	width:10em;
}
#resultdetail td table.kitapi ul {
	padding:0;
	margin:0;
	list-style: none;
	/*width:55px;*/
	word-wrap: break-word;
}

#resultdetail li.cupuletitle {
	font-size:8pt;
	text-align:center;
	min-width:2em;
	/*height:5em;*/
	min-height:3em;
}

#resultdetail li.cupulecontent {
	position:relative;
	top:50%;
	
	
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	vertical-align:center;
	min-height:2em;
}

#resultdetail .pred-tooltip{
	position:relative;
}
#resultdetail .pred-tooltip .title{
	position: absolute;
	top: 20px;
	background: white;
	padding: 4px;
	left: 0;
	white-space: nowrap;
	border:1px solid black;
	border-radius:5px;
	font-weight:normal;
	font-size:12px;
	z-index:1;
}


/* API Test Finder*/
#apisearch{
	text-align:center;
}

#apisearch table.main-api-table {
	
    border-collapse: collapse;
    box-sizing: border-box;
    -moz-box-sizing: border-box;

    display: flex; 
    flex-direction: column; 
    align-items: stretch;   
    /* height: 60vh; */  
    overflow-x: auto ;
    min-width: 1300px ;
}

#apisearch table.main-api-table thead {
	/* border:1px solid blue; */
	border-collapse: collapse;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /* overflow-x: auto ; */
}

#apisearch table.main-api-table tbody {
	/* border:1px solid red; */	
	border-collapse: collapse;
    overflow-y: scroll;  
    display: inline-block;
}

#apisearch table.main-api-table thead > tr,
#apisearch table.main-api-table tbody > tr, 
#apisearch table.main-api-table tfoot > tr {	
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

#apisearch table.main-api-table thead, 
#apisearch table.main-api-table tfoot {
    flex-shrink: 0; 
}

#apisearch table.main-api-table th.sortfield{
	height:3em;
}

#apisearch table.main-api-table th, 
#apisearch table.main-api-table tbody td{
	padding:1px;
	border:1px solid #D8D8D8;
	border-collapse: collapse;
    width: 38px; 
    overflow-x: hidden ; 
    word-wrap: break-word;
    text-overflow: ellipsis; 
	display: inline-block;  	
}
#apisearch input,
#apisearch select{
	padding:1px;
}

#apisearch .helplink{
	padding:0 8px;
}

#apisearch .borderBottom{border-bottom:1px solid #C2C2C2; }


#apisearch table.main-api-table .colWidth250{
	min-width:100px;
	width:400px;
	flex-grow:1; 
	/* background-color:red;  */
	text-align:left;
}
#apisearch table.main-api-table .colWidth200{
	min-width:100px;
	width:200px;	
	text-align:left;
}
#apisearch table.main-api-table .colWidth90{
	min-width:45px;
	width:90px;	
	text-align:left;	
}

#apisearch .paddingRight13{padding-right:13px;}


#apisearch span.tooltiptext
{
  position: absolute;
  display: block;
  font-weight:normal;
  top: 140px; 
  padding:5px;
  border: 1px solid black;
  background-color:#fdfffb;
  color:black;
  /* padding: 0.2em; */
  /* min-width:150px; */ 
  z-index:9999;
}

 
#apisearch .sort_arrow{
	padding-top:2px;
	height:10px;
	text-align:center;  
}





/*******PDF VIEW	*******/
#pdf_view { 
	padding:0px; 
	padding-top:0em; 
	text-align:left; 
	font-size:10pt; 
	width:99.9%; 
	border:1px solid #f7f7f7 ;
} 
 
 /************************ infobox ************************/


#infobox #heading th, #sectionlinks #heading th, #externallinks #heading th{
	color:#0e435f;
	width:100%; 
}

#heading{
	border-bottom:1px solid #D8D8D8;  
	margin-left:5px;
	margin-right:5px;
}
#infobox .expand_collapse{
	padding:5px; 
	margin-left:5px; 
}
.cell{
	vertical-align:top;
}
.cellcenter{
	vertical-align:center;
}
#infobox td.infobox_key{
	font-weight:bold;
	vertical-align:top;
}
#infobox td{
	padding:0px;
	margin:0px;
}
div .infobox_ul{
	margin-left:-30px; 
}

#infobox .width72{
	vertical-align:top;
	width:85px;
}
#infobox .width150{
	width:150px;
	vertical-align:top;
	padding-left:50px;
}
.widthcell{
	width:130px;
	vertical-align:top;
}
.width250{
	width:250px;
	vertical-align:top;
}
.width90{
	width:90px;
	vertical-align:top;
}
.paddingleft{
	padding-left:25px;
}
.widthmin{
	min-width:400px;
} 
 /*********************************************************/
 
 
#pdf_content{
	/* background-color: blue; */
	margin-top:51px;  
	width:100%;
} 

#version{
	/* background-color: red; */
	width:300px;
	float:left;
}

#pdffile{
	/* background-color: green; */
	margin-left:325px;
	width:auto;
}


#citate{
	background-color:#ffffff;
	padding:5px;
	border:1px solid #F04100;
	/* color:red; */
}

.header{
	padding:5px;
	text-align:center;
	/* background-color:#E6E6EA; */
}
.pdfarchive_header{
	border-bottom:1px solid #D8D8D8;
	/* background-color:#E6E6EA; */
	margin: 10px 0px 10px 25px;
}
#pdffile .header{
	border-right:1px solid #D8D8D8;
	border-left:1px solid #D8D8D8;
	background-color:#E6E6EA/* #D8D8D8 */;
	/* font-weight:bold; */
}


#pdffile iframe {
	width:100%;
	height:85vh; 
}


#pdf_content input[type="submit"]{
	border:none;
	background-color:#f7f7f7;
	color:#0e435f;
	text-decoration:underline;
	padding: 0 8px;
}
#pdf_content input[type="submit"]:hover{
	color:#F04100;
}

.json_html {
	margin: 0;
	width: 100%;
	overflow: auto;
	padding: 15px;
	color: #333;
	background-color: #fff;
	border: 1px solid #e1e1e8;
	margin: 4px 0;
	display: inline-block;
	box-sizing: border-box;
	font-size:1.1em;
	line-height:1.5;
	height:calc(100vh - 184px);
}

.json_html table{
	border:1px solid black;
	border-collapse:collapse;
}
.json_html ol, .json_html ul, .json_html li {
  list-style: none;
}
.json_html table th{
	padding:5px;
}
.json_html table td,
.json_html table th{
	text-align:left;
	vertical-align:top;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:5px;
}
.json_html table tr td:first-child,
.json_html table tr th:first-child{
	border-left:none;
}
.json_html table th{
	border-top:none;
}
.json_html table.td-center td{
	text-align:center;
}
.json_html h3{
	margin-bottom:5px;
}
.json_html ul{
	margin:5px 0 14px;
	padding-left:40px;
}
.json_html p{
	margin: 7px 0;
}
.json_html section{
	padding-bottom:20px;
	border-bottom:1px solid #0e435f;
}
.json_html section:last-child{
	border-bottom:0;
}
.json_html .table-list{
	margin-bottom:35px;
}


@media only screen and (max-width: 1024px) {
	#infoboxbar{
		position:static;
		margin-top:-34px;
		
	}
	#pdf_content{
		margin-top:0;
	}
	#version{
		float:none;
		width:100%;
		padding:0 15px 15px 15px;
		box-sizing:border-box;
	}
	#version > div{
		margin-left:0;
	}
	#pdffile{
		margin:0;
		width:100%;
	}
}



.show-mobile{
	display:none;
}




@media only screen and (max-width: 1024px) {
	#apisearch table {
	    min-width: 1800px ;
	}
	.show-mobile{
		display:block;
	}
}



@media only screen and (max-width: 768px) {
	#is_sources_search .s-boxes select{
		display:block;
	}
	#is_sources_search .search-cat ul,
	#is_sources_search .search-cat .search-input{
		display:none;
	}
	#is_sources_search .s-boxes .cat1 .title{
		margin-bottom:10px;
	}
	#is_sources_search .iso_results.active{
		margin-left:0;
		width:100%;
	}
	#is_sources_search .iso_filters{
		display:none;
		position:fixed;
		height:calc(100vh - 62px);
		width:100%;
		z-index:2;
		overflow: auto;
		padding: 45px 10px 10px 10px;
		top:62px;
		right:auto;
		background-color:rgba(0,0,0,0.4);
		box-sizing:border-box;
	}
	#is_sources_search .iso_results.active .iso_filters,
	#is_sources_search .close-filter-mob{
		display:block;
	}
	.filter-drop{
		background-color:#fff;
	}
	
	
	/* taxplorer */
	#resultlist{
		box-sizing:border-box;
		width:100%;
		padding-bottom:40px;
	}
	#strains #resultlist{
		margin:0;
	}
	#strains #search {
		display: none;
		background-color: rgba(0,0,0,0.4);
		top: 62px;
		left: 0;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		padding: 10px;
		z-index:1;
		height:calc(100vh - 97px);
		overflow:auto;
	}
	#strains #search .helplink,
	#strains #search .deselect-text,
	#strains #search #selectAllTaxplorer{
		display:none;
	}
	#strains #search.open{
		display:block;
	}
	.filter-tax-mobile{
		display:block;
	}
	#search div.searchbutton p{
		color:#fff;
		font-size:12pt;
	}
	#mobile-close-filter-tax{
		display:block;
	}
	#genus{
		padding-bottom:30px;
	}
	
}

@media only screen and (max-width: 480px) {
	#is_sources_search .s-boxes > div,
	#is_sources_search .s-boxes > div:first-child,
	#is_sources_search .s-boxes > div:last-child{
		width:100%;
		padding:10px;
	}
}








 
 


@media print {
	#topbar,
	#topbar_searchresult,
	#advsearch_result_filter,
	li span.exportcheckbox,
	li.searchresultrow0,
	#print-link-el{
		display: none; 
	}
	#searchresult.adv_search_page ul{
		width:100%;
		margin:0;
		border:none;
	}
	#middle_content div.inhalt_start{
		margin-top:0;
	}
}

@media only screen and (max-width: 1300px) {
	
	#hero h1 {
		margin-top: -3.5rem;
	}
	#hero-img {
		top: 39%;
		height: 61%;
	}
	#advsearch_result_filter{
		width:480px;
	}
	#searchresult.adv_search_page ul{
		width:calc(100% - 488px);
	}
	.adv_search_page .hit-add-container{
		left:480px;
	}
}



.mobile {
	display:none;
}

 

@media only screen and (max-width: 1024px) {
	.mobile {
		display:block;
	}
	.anchor-api{
	    top: -66px;
	}

	#topbar_searchresult{
		top:62px;
	}
	
	#topbarcontent #logo {
		width: 65px;
		height: 52px;
	}
	#navicontainer,
	#navbar{
		display:none;
	}
	#mobile-open-menu{
		display:block;
	}
	#topbarcontent div#denbi {
		right: auto;
		left: 90px;
		top: 13px;
	}
	#topbar{
		border-bottom:4px solid #0e435f;
	}
	.tables-mobile-fading-right{
		position:relative;
		width:100%;
	}
	.tables-mobile-fading-right::after{
		content:"";
		display:block;
		position:absolute;
		top:0;
		right:0;
		width:30px;
		height:100%;
		
		background: -moz-linear-gradient(left,  rgba(64,150,238,0) 0%, rgba(247,247,247,1) 63%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(64,150,238,0) 0%,rgba(247,247,247,1) 63%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(64,150,238,0) 0%,rgba(247,247,247,1) 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004096ee', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */
	}
	.tables-mobile-container {
		width: 100%;
		overflow: auto;
		position: relative;
	}

	#infobox .title-container,
	#infobox .info-points-container{
		float:none;
		width:auto;
		white-space:normal;
	}
	#infobox .box-col,
	div #infoboxbar.sticky-bar-detail{
		max-height:none;
		max-width:none;
	}
	
	#searchcontainer{
		padding:106px 0 40px;
	}
	#advsearch_result_filter{
		width:380px;
	}
	#searchresult.adv_search_page ul{
		width:calc(100% - 388px);
	}
	.adv_search_page .hit-add-container{
		left:0;
	}
	#resultdetail #box{
		display:none;
	}
	#resultdetail .detail-sticky-content{
		position:static;
		margin-top:-34px;
	}
	#resultdetail #content{
		margin-top:10px !important;
	}

	#resultdetail #toolbar #browsetable,
	#resultdetail #toolbar #exclude{
		display:none;
	}
	#resultdetail #toolbar .right{
		width:100%;
		box-sizing:border-box;
		padding:5px 15px;
	}
	#resultdetail #toolbar .button-functions{
		float:right;
	}
	#resultdetail #straindetailExpandall,
	#resultdetail #toolbar .button-functions > div{
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0;
	}
	#searchform input#searchValue{
		padding:5px 10px;
		margin-bottom:10px;
	}
	#home-search-submit{
		padding:4px 6px;
	}
	.mouse-scroll-icon {
		bottom: 48px;
	}
	.imp-num{
		top:106px;
	}
	.member-of{
		top:94px;
	}
	
	.home-dashboard .teaser{
		flex-wrap:wrap;
		height:auto;
		margin:30px 0;
	}
	.home-dashboard .teaser > a {
		flex: 1 0 calc(50% - 10px);
	}
	.home-dashboard .teaser.active > a{
		flex: 1 0 calc(50% - 10px);
	}
	.home-dashboard .teaser > a.active{
		flex-basis: calc(50% - 10px);
	}
	.home-dashboard .teaser > a.active .pic{
		height:266px;
	}
	.home-dashboard .teaser > a.active .link{
		opacity:1;
	}
	
	.home-dashboard .teaser > a .pic{
		height:266px;
	}
	
	.new-adv-search .left-column{
		left:-100%;
		background-color:#f7f7f7;
		top:100px;
		width:100%;
		height:calc(100vh - 100px);
		padding-top:17px;
		transition:left 0.5s linear;
	}
	.new-adv-search .left-column.show{
		left:0;
	}
	.new-adv-search .right-column{
		margin-left:0;
		width:100%;
	}
	.new-adv-search .hit-add-container-adv{
		left:0;
	}
	.new-adv-search .right-column .mobile-buttons{
		display:block;
		padding:5px 17px;
	}

	.mobile-query-generator-close {
		background: url('/images/icons/cross_black.svg') no-repeat scroll 0 0 / cover;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 10px;
		right: 23px;
		cursor: pointer;
	}
	.layer-all-fields{
		display:none;
	}
	
	span.dlcartresultlayer{
		top:80px;
		width:calc(100% - 25px);
	}
	
	.dashboard-special-collections .dashboard-project-list{
		display:none;
	}
	.dashboard-special-collections .special-collections-content{
		width:100%;
	}
	
}


@media only screen and (max-width: 768px) {
	.hit-add-container{
		position:fixed;
		bottom:0;
		top:auto !important;
		background-color:#fff;
		border-top:1px solid #e8e8e8;
		height:35px;
		width:100%;
	}
	
	#hero h1 {
		font-size: 2rem;
		margin-top: -5rem;
	}
	#title-1 {
		font-size: 3rem;
	}
	#searchcontainer .member-of a img.denbi,
	#searchcontainer .member-of a img.elixir {
		width: 100px;
	}

	.home-box{
		width:50%;
	}
	.home-box.desk-show{
		display:none;
	}
	.home-box.mob-show{
		display:inline-block;
	}
	.card {
		height: auto;
	}
	#advsearch_result_filter{
		display: none;
		background-color: rgba(0,0,0,0.4);
		top: 62px;
		left: 0;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		padding: 45px 10px 10px 10px;
		z-index: 2;
		height: calc(100vh - 97px);
		overflow: auto;
		position:fixed;
	}
	#advsearch_result_filter.open,
	#advsearch_result_filter_close{
		display:block;
	}
	#searchresult ul,
	#searchresult.adv_search_page ul{
		width:100%;
		margin:0;
		padding:10px 10px 50px 10px;
	}
	#open-advsearch-mobile{
		display:block;
	}
	#advsearch_result_filter .advsearchbox{
		margin:0;
	}
	#advsearch_result_filter .advsearchbox{
		width:100%;
	}
	
	.imp-num{
		display:inline-block;
		position:static;
		margin-bottom:20px;
	}
	
	#dashboard .dash-section{
		margin:0;
		width:100%;
	}
	.dash-boxes > div{
		width:calc(50% - 10px);
	}
}


@media only screen and (max-width: 520px) {
	#searchcontainer .member-of a img.gcbr {
		height: 43px;
		width: 102px;
		margin-right: 0px;
	}
	#searchcontainer .member-of a img.elixir {
		height: 76px;
		width: 70px;
		margin-right: 0px;
	}
	
	.home-box{
		width:100%;
	}
	.home-box.desk-show{
		display:inline-block;
	}
	.home-box.mob-show{
		display:none;
	}
}

@media only screen and (max-width: 480px) {
	.member-of {
		top: 21%;
		left: 0;
		right:auto;
	}
	
	#main-footer .main-center .footer-license{
		width:100%;
	}
	
	#hero h1 {
		font-size: 1.6rem;
	}
		
	.card .keywords {
		top: unset;
		position: relative;
		padding: 0;
		margin-bottom: 0;

	}
	.card .keywords li {
		display: inline-block;
	}

	.dl-bacdive-ids{
		display:none;
	}
	
	.home-dashboard .teaser > a {
		flex: 1 0 calc(100% - 10px);
	}
	.home-dashboard .teaser.active > a{
		flex: 1 0 calc(100% - 10px);
	}
	.home-dashboard .teaser > a.active{
		flex-basis: calc(100% - 10px);
	}
	
	#team .member{
		width:100%;
	}
	#team .member .text,
	#team .member .pic{
		width:50%;
	}
	#team .member img{
		width:100%;
		height:auto;
	}
}