/* @import url('https://fonts.googleapis.com/css?family=Titillium+Web'); */

/* Reset css START*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
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*/




body {
        font-family: 'Titillium Web', sans-serif;
        font-size:20px;
        line-height:1.2;
        color:#000;
}

.hide{
	display:none !important;
}
h1{
	font-size:1.4em;
/*	color:#304cb2;*/
	color:#9a499c;
	padding:20px 0;
}
h2{
	font-size:1.2em;
	color:#304cb2;
	padding-bottom:5px;
}
p{
	margin:20px 0;
}
.top10{
	margin-top:10px;
}
.bold{
	font-weight:bold;
}
.black{
	color:#000 !important;
}
.red{
	color:red;
}
.top-text{
	font-size:1.4em;
	margin-bottom:20px;
}
.std-pad{
	padding:20px;
}
.fr{
	float:right;
}
.fl{
	float:left;
}
.red{
	color:#b51a26;
}
.mb15{
	margin-bottom:15px;
}
.clearfix::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.left-col{
	height:100vh;
	width:200px;
	border-right: 1px solid black;
	box-sizing:border-box;
	position:fixed;
	top:0;
	left:0;
	overflow:auto;
}
.left-col .main-logo{
	padding:15px 10px;
	box-sizing:border-box;
	width:100%;
}
.left-col .main-logo a{
	display:block;
}
.left-col .main-logo .logo{
	height:106px;
	width:100%;
	position:relative;
	display:block;
	background: url(../img/lpsn_logo.svg) no-repeat scroll center center / contain;
}

.left-col .title {
	display:block;
	padding:10px 10px;
	margin:0;
}

#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: #304cb2;
	width: 100%;
	height: 4px;
	margin-top: 5px;
	transition: all .3s;
	-webkit-transition: all .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;
}

.pdsmz{
	font-size:0.7em;
}

.left-col .menu-cat li{
	padding:1px 1px 2px;
}
.left-col .menu-cat li a{
	color:black;
	background-color:#f0f0f0;
	padding:8px 10px;
	display:block;
}
.left-col .menu-cont{
	margin-top:15px;
}
.left-col .menu-cont li{
	padding:1px;
}
.left-col .menu-cont a{
	font-size:0.9em;
	color:#304cb2;
	padding-left:14px;
	background-color:#f0f0f0;
	display:block;
	padding:5px 10px;
}


.main-col{
	width:calc(100% - 200px);
	margin-left:200px;
	min-height:100vh;
	box-sizing:border-box;
	padding-bottom:50px;
	position:relative;
}
.default-top-bar{
	margin:40px 20px 20px;
}
.default-top-bar a,
#login a,
#download-page a{
	color:#304cb2;
}
#simple-search{
	border:1px solid black;
	height:40px;
	box-sizing:border-box;
	position:relative;
}
#simple-search.logout-active{
	width:calc(100% - 230px);
}
#main-login{
	width:230px;
	padding:8px 0;
	text-align:right;
}
#simple-search input{
	display:inline-block;
	width:calc(100% - 50px);
	height:100%;
	vertical-align:top;
	padding:0 15px;
	box-sizing:border-box;
}
#simple-search button{
	display:inline-block;
	height:100%;
	width:50px;
	cursor:pointer;
	background: #fff url(../img/icons/lupe_blue.svg) no-repeat scroll center center / 27px 27px;
	vertical-align:top;
	box-sizing:border-box;
}
#simple-search .autocomplete{
	background-color:white;
	position:absolute;
	width:calc(100% + 2px);
	border:1px solid black;
	box-sizing:border-box;
	top:100%;
	left:-1px;
	z-index:3;
	max-height: 200px;
	overflow: auto;
	box-shadow:5px 5px 10px #aaa;
}
#simple-search .autocomplete li:hover{
	background-color:#f0f0f0;
}
#simple-search .autocomplete li a{
	display:block;
	padding:5px 10px;
	border-bottom:1px solid black;
}
#simple-search .autocomplete li:last-child a{
	border-bottom:none;
}
.origin-input input.loading {
	background: #fff url(/images/ajax-loader.gif) no-repeat scroll right 3px center;
}

.pagination{
	padding:0px 20px 20px;
	text-align:right;
}
.pagination li{
	display:inline-block;
}
.pagination li a,
.pagination li span.active{
	color:#304cb2;
}
.pagination li span{
	color:#dbdbdb;
}
.pagination li span.active{
	text-decoration:underline;
	font-weight:bold;
}

#main_taxon_list h1{
	padding:20px;
}
.main-list > li{
	padding:0 20px;
	overflow:auto;
	border-bottom:1px solid black;
}
.main-list > li:last-child{
	border-bottom:none;
}
.main-list > li:nth-child(odd){
	background-color: #f0f0f0;
}

.main-list .sublist{
	padding-left:45px;
	font-size:0.9em;
	column-count: 3;
	column-width: 265px;
	max-height: 420px;
	column-fill: auto;
}
.main-list .sublist li{
	margin-bottom:2px;
}
.main-list .sublist li:last-child{
	padding-bottom:20px;
}

.main-list .sublist li a,
.main-list .sublist li span{
	color:black;
	padding-left:7px;
}


.main-list .tax-breadcrumb{
	padding:10px 0px;
}
.main-list .tax-breadcrumb .tax-tree{
	display:inline-block;
}
.main-list .tax-breadcrumb a{
	padding-left:7px;
	display:none;
	margin-bottom:5px;
}
.main-list .tax-breadcrumb a.last-child{
	display:inline-block;
}
.main-list .tax-breadcrumb .sep{
	content:"";
	display:inline-block;
	background: url(../img/icons/arr_r_black.svg) no-repeat scroll center center / contain;
	width:7px;
	height:11px;
	opacity:0.5;
	padding:0 7px;
	display:none;
}
.main-list .tax-breadcrumb .tax-tree.open a,
.main-list .tax-breadcrumb .tax-tree.open .sep{
	display:inline-block;
}

#main_taxon_list .show-tree{
	border: 1px solid black;
	cursor: pointer;
	height:15px;
	width:18px;
	display:inline-block;
	background: url(../img/icons/arr_left_trees.svg) no-repeat scroll center center;
	vertical-align:middle;
	margin-bottom:5px;
}
#main_taxon_list .tax-breadcrumb .show-tree.open,
#main_taxon_list .open-all-trees.open .show-tree{
	background: url(../img/icons/arr_right_trees.svg) no-repeat scroll center center;
}
.main-list .tax-breadcrumb .show-sublist:hover{
	text-decoration:underline;
}


.main-list .tax-breadcrumb .show-sublist{
	color:#b3b3b3;
	font-size:0.9em;
	cursor:pointer;
	margin-left:10px;
}
.main-list .tax-breadcrumb .show-sublist .hide-t{
	display:none;
}
.main-list .tax-breadcrumb .show-sublist.open .hide-t{
	display:inline;
}
.main-list .tax-breadcrumb .show-sublist.open .show-t{
	display:none;
}

#main_taxon_list .open-stuff{
	padding:0 20px 10px;
}
#main_taxon_list .open-all-trees .show-tree{
	margin-right:5px;
	opacity:0.3;
}
#main_taxon_list .open-all-sublists,
#main_taxon_list .open-all-trees{
	color: #b3b3b3;
	font-size: 0.9em;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
}
#main_taxon_list .open-all-sublists:hover,
#main_taxon_list .open-all-trees:hover{
	text-decoration:underline;
}
#main_taxon_list .open-all-trees{
	margin-right:15px;
}
#main_taxon_list .open-all-sublists .hide-t,
#main_taxon_list .open-all-trees .hide-t{
	display:none;
}
#main_taxon_list .open-all-sublists.open .show-t,
#main_taxon_list .open-all-trees.open .show-t{
	display:none;
}
#main_taxon_list .open-all-sublists.open .hide-t,
#main_taxon_list .open-all-trees.open .hide-t{
	display:inline;
}

#main_taxon_list .alph-subnavigation{
	padding:0px 20px 20px;
}
#main_taxon_list .alph-subnavigation li{
	display:inline-block;
}
#main_taxon_list .alph-subnavigation li:last-child{
	display:none;
}
#main_taxon_list .alph-subnavigation li.sep{
	color:#dbdbdb;	
	padding:0 7px;
}
#main_taxon_list .alph-subnavigation li a{
	color:#304cb2;
}

.sticky-list-menu{
	position:fixed;
	top:0;
	left:200px;
	width:calc(100% - 200px);
	background-color:rgba(255,255,255,.9);
	border-bottom:1px solid #304cb2;
	opacity:0;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	transition:transform 0.5s, opacity 0.5s;
	-webkit-transition:transform 0.5s opacity 0.5s;
}
.sticky-list-menu.open{
	transform:translateY(0%);
	-webkit-transform:translateY(0%);
	opacity:1;
}
#main_taxon_list .sticky-list-menu .alph-subnavigation{
	padding:10px 20px;
}

.open-all-search-res{
	color:#b3b3b3;
	font-size:0.9em;
	margin-bottom:10px;
	display:inline-block;
	cursor:pointer;
}
.open-all-search-res .hide-t{
	display:none;
}
.open-all-search-res.open .show-t{
	display:none;
}
.open-all-search-res.open .hide-t{
	display:inline;
}

#back-to-top{
	height:50px;
	width:50px;
	position:fixed;
	right:0;
	bottom:0;
	background: url(../img/icons/back_to_top.svg) no-repeat scroll center center;
	cursor:pointer;

	padding:5px;
	opacity:0;
	visibility:hidden;
	transition: visibility 0s linear 0.5s,opacity 0.5s linear;
	-webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
}
#back-to-top.show{
	opacity:1;
	visibility:visible;
	transition-delay:0s;
}

.others-table a{
	color:#304cb2;
}

.color-domain{
	border-left: 4px solid #304cb2;
	padding-left:3px;
}
.color-phylum{
	border-left: 4px solid #179f35;
	padding-left:3px;
}
.color-class{
	border-left: 4px solid #840da8;
	padding-left:3px;
}
.color-order{
	border-left: 4px solid #5c85ec;
	padding-left:3px;
}
.color-family{
	border-left: 4px solid #939393;
	padding-left:3px;
}
.color-genus{
	border-left: 4px solid #b51a26;
	padding-left:3px;
}
.color-species{
	border-left: 4px solid #e07f00;
	padding-left:3px;
}
.other-categories{
	border-left:4px solid transparent;
}

.doi-link, .pubmed-link{
	display:inline-block;
	margin-left:7px;
	vertical-align:middle;
}

#detail-page .detail-header{
	background-color:#f0f0f0;
	position:relative;
}
#detail-page .detail-header h1{
	color:black;
	font-weight:bold;
	padding:10px;
	line-height:34px;
	float:left;
}
#detail-page .detail-taxon-nav{
	float:right;
	background-color: #f0f0f0;
}
#detail-page .detail-taxon-nav > li{
	display:inline-block;
	padding:10px;
}
#detail-page .detail-taxon-nav > li > span,
#detail-page .detail-taxon-nav > li > a{
	line-height:34px;
}
#detail-page .detail-taxon-nav .nav-parent a::before,
#detail-page .detail-taxon-nav .nav-parent span::before{
	content:"";
	height:11px;
	width:11px;
	background: url(../img/icons/chevron_up.svg) no-repeat scroll center center / contain;
	display:inline-block;
	padding: 0 3px 0 5px;
}
#detail-page .detail-taxon-nav .nav-parent a{
	color:black;
	border:none;
}
#detail-page .detail-taxon-nav .nav-child .open-childs::after{
	content:"";
	height:11px;
	width:11px;
	background: url(../img/icons/chevron_down.svg) no-repeat scroll center center / contain;
	display:inline-block;
	padding: 0 5px 0 3px;
}
#detail-page .detail-taxon-nav .nav-child .open-childs,
#detail-page .detail-taxon-nav .nav-sibiling .open-childs{
	color:black;
	border:none;
	cursor:pointer;
}
#detail-page .detail-taxon-nav .nav-child .open-childs:hover,
#detail-page .detail-taxon-nav .nav-sibiling .open-childs:hover{
	text-decoration:underline;
}
#detail-page .detail-taxon-nav .nav-child ul,
#detail-page .detail-taxon-nav .nav-sibiling ul{
	position:absolute;
	top:100%;
	right:0;
	width:370px;
	max-height:320px;
	overflow:auto;
	background-color:white;
	border:1px solid black;
	padding:10px;
	display:inline-block;
	visibility:hidden;
	opacity:0;
	transition: visibility 0s linear 0.5s,opacity 0.5s linear;
	-webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
}
#detail-page .detail-taxon-nav .nav-child.open ul,
#detail-page .detail-taxon-nav .nav-sibiling.open ul{
	visibility:visible;
	opacity:1;
	transition-delay:0s;
}
#detail-page .detail-taxon-nav .nav-child ul li,
#detail-page .detail-taxon-nav .nav-sibiling ul li{
	padding:2px 0;
}
#detail-page .detail-taxon-nav .nav-child ul li.title,
#detail-page .detail-taxon-nav .nav-sibiling ul li.title {
	border-bottom: 1px solid black;
	margin-bottom: 5px;
	font-weight:bold;
}
#detail-page .detail-taxon-nav .nav-sibiling .open-childs::before{
	content:"";
	height:11px;
	width:11px;
	background: url(../img/icons/chevron_left.svg) no-repeat scroll center center / contain;
	display:inline-block;
	padding: 0 5px 0 3px;
}
#detail-page .detail-taxon-nav .nav-sibiling .open-childs::after{
	content:"";
	height:11px;
	width:11px;
	background: url(../img/icons/chevron_right.svg) no-repeat scroll center center / contain;
	display:inline-block;
	padding: 0 5px 0 3px;
}
#detail-page .detail-taxon-nav .nav-parent .inactive,
#detail-page .detail-taxon-nav .nav-child .inactive,
#detail-page .detail-taxon-nav .nav-sibiling .inactive{
	opacity:0.4;
	cursor:default;
}
#detail-page .detail-taxon-nav .nav-parent .inactive:hover,
#detail-page .detail-taxon-nav .nav-child .inactive:hover,
#detail-page .detail-taxon-nav .nav-sibiling .inactive:hover{
	text-decoration:none;
}

#detail-page .corr-name{
	margin-left:40px;
}

#detail-page a.url-sequence{
	font-weight:bold;
	color:#000;
	position:relative;
	bottom:3px;
	margin-left:20px;
}
#detail-page a.url-sequence:hover{
	text-decoration:none;
}
#detail-page a.fasta-download{
	margin-left:20px;
	opacity:0.8;
}
#detail-page a.family-tree{
	margin-left:20px;
	color:#b51a26;
}
#detail-page a.family-tree img{
	margin-left:4px;
	position:relative;
	top:1px;
}

#detail-page .url-sequence img{
	vertical-align:middle;
}


#detail-page a,
#contact-page a{
	color:#304cb2;
}
#detail-page .separator{
	width:100%;
	height:1px;
	background-color:black;
}
.others-table{
	margin-left:20px;
	margin-bottom:20px;
}
#detail-page .detail-table th,
#detail-page .detail-table td,
.others-table th,
.others-table td{
	border:1px solid black;
	text-align:left;
	padding:5px 10px;
}
#detail-page .detail-table th,
.others-table th{
	text-decoration:underline;
	cursor:pointer;
}
#detail-page .arrow-up,
#detail-page .arrow-down,
.others-table .arrow-up,
.others-table .arrow-down {
	margin-left:7px;
}

#detail-page .notes-list,
#detail-page .emendations{
	margin-top:20px;
	margin-bottom:20px;
}
#detail-page .notes-list ul > li,
#detail-page .emendations ul > li{
	padding:10px 20px;
}

#detail-page .linking > span{
	position:relative;
}
#detail-page .linking span.text,
.copy-button{
	border:1px solid black;
	padding:5px 7px;
	display:inline-block;
	margin-top:10px;
}
.copy-button{
	margin-left:10px;
	background-color:#f0f0f0;
	cursor:pointer;
}
.copy-button:hover{
	background-color:#b1b2b3;
}
#detail-page .copied{
	position:absolute;
	bottom:calc(100% + 10px);
	right:0;
	background-color:#f0f0f0;
	border:1px solid black;
	padding:5px 7px;
	opacity:0;
	transition:opacity 0.5s;
}
#detail-page .copied.show{
	opacity:1;
}

#detail-page .notes-list{
	margin-bottom:20px;
}
#detail-page .notes-list ul > li{
	padding:10px 20px;
}

#detail-page .bacdive-link,
#detail-page .tygs-link{
	margin:0 0 10px 0;
}
#detail-page .bacdive-link .helper,
#detail-page .tygs-link .helper{
	margin:0 23px 0 0;
}
#detail-page .bacdive-link a,
#detail-page .tygs-link a{
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 5px;
}
#detail-page .bacdive-link a img {
	display: block;
	position: relative;
	bottom: 1px;
}

#detail-page .helper {
	display: inline-block;
}
#detail-page .helper::after{
	content:"";
	display:block;
	width:15px;
	height:15px;
	background: url(../img/icons/info.svg) no-repeat scroll center center / 15px 15px;
}
#detail-page .helper:hover {
	text-decoration:none;
}

#detail-page .checked{
	border-bottom: 1px dotted black;
}



#advanced-search{
	min-height:1130px;
}
#advanced-search input.text,
#login input.text{
	border:1px solid black;
	box-sizing:border-box;
	padding:5px;
	width:100%;
	display:inline-block;
}
#advanced-search select{
	border:1px solid black;
	box-sizing:border-box;
	padding:5px;
	display:inline-block;
}
#advanced-search .field-category select{
	width:100%;
}
#advanced-search label{
	margin-bottom:7px;
	display:inline-block;
}
#advanced-search .field-name{
	width:70%;
	box-sizing:border-box;
	padding-right:15px;
}
#advanced-search .field-category{
	width:30%;
}
#advanced-search .fields-row{
	margin-bottom:20px;
}
#advanced-search .field-50{
	width:50%;
	margin:0;
	box-sizing:border-box;
	padding-right:7.5px;
}
#advanced-search .ev-t{
	text-align:justify;
	margin:0;
}
#advanced-search .ev-t .field{
	margin:10px 10px 5px;
}
#advanced-search .field-50:last-child{
	padding-right:0;
}
#advanced-search .field-date input{
	display:inline-block;
	width:150px;
	background: url(../img/icons/calendar.svg) no-repeat scroll left 5px center;
	padding-left:32px;
}
#advanced-search .field-date .between,
#advanced-search .field-date .before{
	display:none;
}
#advanced-search .field-date.show-between .between,
#advanced-search .field-date.show-before-after .before{
	display:inline-block;
}
#advanced-search #results{
	border-top:1px solid black;
}
#advanced-search #results .header span{
	font-size:1.1em;
}
#advanced-search #results .body li{
	padding:10px;
	border-bottom:1px solid black;
}
#advanced-search #results .body li:nth-child(2n+1){
	background-color:#f0f0f0;
}
#advanced-search #results .body li:last-child{
	border-bottom:none;
}
#advanced-search .filters-applied{
	margin-top:20px;
}
#advanced-search .filters-applied .mb15 a:hover{
	text-decoration:underline;
}
#advanced-search .filters-applied > span{
	font-size:0.9em;
}
#advanced-search .filters-applied ul{
	display:inline-block;
}
#advanced-search .filters-applied li{
	font-size:0.9em;
	border:1px solid #c3c3c3;
	display:inline-block;
	padding:5px 10px;
}

#advanced-search .ev-t::after{
	content:"";
	width:100%;
	display:inline-block;
}
#advanced-search .ev-t .field{
	display:inline-block;
}
#advanced-search .field-date select,
#advanced-search .field-date input{
	margin-bottom:7px;
}


#login .field-name{
	padding:10px 0;
} 
#login input.text{
	max-width:500px;
}
#login .btn-send{
	max-width:500px;
}



#simple-search-result > ul > li{
	margin-bottom:15px;
}
#simple-search-result > ul > li li{
	margin:5px;
}

#static-page section{
	padding-bottom:20px;
}
#static-page section > h2 {
	padding-top: 23px;
	border-top: 2px solid #555;
	margin-top: 25px;
	padding-bottom: 18px;
}

#static-page a{
	color:#304cb2;
}
#static-page ul li{
	list-style:disc;
	margin-left:15px;
}
#static-page ol li{
	list-style:decimal;
	margin-left:20px;
}
#static-page dt{
	font-weight:bold;
	margin-right:10px;
	float:left;
}
#static-page dd{
	display:block;
}
#static-page .title-jump{
	color:black;
	margin-left:5px;
	display:none;
}
#static-page h2:hover .title-jump{
	opacity:0.4;
	display:inline-block;
}
#static-page table tbody tr:first-child{
	font-weight:bold;
}
#static-page table th, 
#static-page table td{
	border:1px solid black;
	text-align:left;
	padding:5px 10px;
} 

#contact-page{
	max-width:100%;
	width:500px;
	box-sizing:border-box;
}
#contact-page .input-field{
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
}
#contact-page label{
	margin-bottom:5px;
	display:inline-block;
}
#contact-page .help-field,
#login .help-field{
	position:absolute;
	top:0;
	left:100%;
}
#contact-page input,
#contact-page select,
#contact-page textarea{
	border:1px solid black;
	width:100%;
	box-sizing:border-box;
	padding:5px;
}
.captcha-image{
	vertical-align:middle;
}
.reload-captcha{
	width:20px;
	height:27px;
	vertical-align:middle;
	margin-left:10px;
	cursor:pointer;
}
#contact-page .error,
#advanced-search .error,
#login .error{
	color:#b51a26;
	font-size:0.9em;
	margin: 4px 0 0;
}

.tree-view ul{
	padding-left:20px;
	display:none;
}
.tree-view .tree-arrow > ul{
	display:none;
}
.tree-view .tree-arrow-open > ul{
	display:block;
}
.tree-view .tree-arrow span.open{
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}
.tree-view .tree-arrow span.open::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}
.tree-view .tree-arrow-open > span::before {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */'
  transform: rotate(90deg);  
}



.date-picker-container{
	position:relative;
	display:inline-block;
}
.date-picker-popup{
	width:273px;
	padding:5px;
	border:1px solid #c3c3c3;
	visibility:hidden;
	opacity:0;
	transition: visibility 0s linear 0.5s,opacity 0.5s linear;
	-webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
	position:absolute;
	top:100%;
	right:0;
	background-color:white;
	z-index:1;
}
.date-picker-popup.bottom-left{
	right:auto;
	left:0;
}
.date-picker-popup.active{
	visibility:visible;
	opacity:1;
	transition-delay:0s;	
}
.date-picker-popup .cal-header{
	position:relative;
	padding:0 30px;
	width:100%;
	box-sizing:border-box;
}

.date-picker-popup .cal-header select{
	display:inline-block;
	width:auto !important;
}
.date-picker-popup .cal-header select.month{
	margin-right:10px;
}
.date-picker-popup th,
.date-picker-popup td{
	text-align:center;
	padding:5px;
}
.date-picker-popup th{
	font-weight:bold;
	font-size:0.8em;
}
.date-picker-popup td{
	cursor:pointer;
}
.date-picker-popup td:hover{
	background-color:#304cb2;
	color:white;
}
.date-picker-popup td.grey{
	color:#c3c3c3;
}
.date-picker-popup .previous {
	height: 100%;
	width: 21px;
	background: url(../img/icons/chevron_left.svg) no-repeat scroll center center / 11px 11px;
	display: inline-block;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}
.date-picker-popup .next {
	height: 100%;
	width: 21px;
	background: url(../img/icons/chevron_right.svg) no-repeat scroll center center / 11px 11px;
	display: inline-block;
	position:absolute;
	top:0;
	right:6px;
	cursor:pointer;
}


.arrow-up,
.arrow-down {
	height: 0;
	width: 0;
	border-top: 10px solid #000;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	display: inline-block;
	vertical-align: middle;
}
.arrow-up {
	border-bottom: 10px solid #000;
	border-top: none;
}

.button-default{
	padding:7px 15px;
	color:#304cb2;
	border: 1px solid #304cb2;
	background-color:transparent;
	cursor:pointer;
	transition:all .3s;
}
.button-default:hover{
	color:white;
	background-color:#304cb2;
}
.button-search{
	background: url(../img/icons/lupe_blue.svg) no-repeat scroll right 5px center / 30px 30px;
	padding-right:53px;
	padding-top:10px;
	padding-bottom:10px;
}
.button-search:hover{
	background: #304cb2 url(../img/icons/lupe_white.svg) no-repeat scroll right 5px center / 30px 30px;
}

.cross{
	width:20px;
	height:20px;
	display:inline-block;
	position:relative;
	vertical-align: middle;
}
.cross::before,
.cross::after{
	content:"";
	display:block;
	width:100%;
	height:3px;
	background-color:#b51a26;
	transform:rotate(45deg);
	position:absolute;
	left:0px;
	top:7px;
}
.cross::after{
	transform:rotate(-45deg);
}

footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
footer ul{
	background-color:#f0f0f0;
	border-top:1px solid black

}
footer li{
	display:inline-block;
	padding:10px 20px;
}
footer li a{
	font-size:0.9em;
}
footer .pnu-id{
	font-size:0.6em;
	color:#b3b3b3;
}



@media only screen and (max-width: 1024px) {
	
	.left-col{
		height:auto;
		width:100%;
		border-bottom:4px solid #304cb2;
		z-index:3;
		background-color:rgba(255,255,255,.9);
		overflow:visible;
	}
	
	#mobile-open-menu{
		display:block;
	}
	.left-col .menu-container{
		height:0;
		box-sizing:border-box;
		overflow:auto;
		position:absolute;
		top:59px;
		left:0;
		width:100%;
		background-color:white;
		-webkit-transition: height .3s ease;
		transition: height .3s ease;
	}
	.left-col .menu-container.active{
		height:calc(100vh - 60px);
	}
	
	.left-col .main-logo{
		width:auto;
		float:left;
		padding:7px 10px 7px 20px;
	}
	.left-col .main-logo .logo{
		width:55px;
		height:41px;
	}
	
	.main-col{
		width:100%;
		margin:0;
		padding-top:60px;
	}
	
	.left-col .menu-cont a{
		padding:10px 10px;
	}
	
	.pagination{
		text-align:justify;
	}
	
	#detail-page .detail-taxon-nav .nav-child ul,
	#detail-page .detail-taxon-nav .nav-sibiling ul{
		width:258px;
	}
	
	#advanced-search .field-name,
	#advanced-search .field-category,
	#advanced-search .field-50{
		width:100%;
		padding:0 0 10px 0;
	}
	#advanced-search .ev-t label{
		display:block;
	}
	
	.sticky-list-menu{
		width:100%;
		left:0;
		top:59px;
	}
	.sticky-list-menu .sub-alph-nav-container{
		white-space:nowrap;
		overflow:auto;
	}
	.sticky-list-menu .sub-alph-nav-container .alph-subnavigation{
		float:left;
	}
	
}


@media only screen and (max-width: 480px) {
	
	#advanced-search .date-picker-container,
	#advanced-search .field-date input{
		width:100%;
	}

}