/*
* Polished.css 
* Copyright (c) 2003-2008 John Willinsky 
* Distributed under the GNU GPL v2. For full terms see the docs/COPYING. 
* Polished theme. 
* $Id: night.css,v 1.3 2008/06/11 18:55:16 asmecher Exp $ 
*/

body {	
	background-color:#5BC2E0;	
	color: #666666;	
	margin: 0 auto 50px; 
	width: 960px;
  }

#body { 
	background-color: #FFFFFF;
  }

a, a:link {	
	color: #05a3c2;	
	text-decoration: none;
  }

a:visited {	
	color: #05a3c2;	
	text-decoration: none;
  }

a:hover {	
	color: #05a3c2;	
	background: #F0F0F0;
  }

#header {	
	background: #FFFFFF; 	
	margin: 20px 0 0 0;
  }

#main {	
	padding: 20px 20px 30px 20px;	
	background: #FFFFFF; 
	background-image: url("https://journal.bio.unsoed.ac.id/public/site/images/OpenAccess.png"); 
	background-repeat: no-repeat; 
	background-position: right 20px top 60px; 
	display: inline; 
	float: left; 
	overflow: hidden; 
	width: 725px; 
	margin-bottom: 20px; 
	margin-left: 0px;
  }

div #sidebar { 
	margin-left: 0px; 
	background: #FFFFFF; 
	margin-bottom: 0px; 
	padding-bottom: 0px;
  }

#rightSidebar { 
	background: #FFFFFF; 
	float: right; 
	font-size: 0.65em; 
	padding: 20px 20px 20px 0; 
	width: 175px; 
	margin-bottom: 20px;
  }

#sidebar div.block ul { 
	padding: 0px;	
	list-style: outside none none;
  }

#sidebar div.block ul li a { 
	background: #efefef none repeat scroll 0 0; 
	border-radius: 2px; 
	display: block; 
	list-style: outside none none; 
	margin: 2px 0; 
	padding: 2px 10px;
  }

#sidebar div.block li a:hover { 
	background: #5BC2E0 none repeat scroll 0 0; 
	border-radius: 2px; 
	color: #FFFFFF;	
	list-style: outside none none;
  }

#sidebar div.block span.blockTitle { 
	border-bottom: 1px dotted #cccccc; 
	margin-bottom: 8px;
  } 

.block {	
	/*background: #FFF url(/plugins/themes/scribio/widget-bg.gif) repeat-x bottom right;*/	
	padding: 5px 10px 10px 10px;	
	margin-bottom: 5px;	
	border: 1px solid #DDDDDD;
  }

#headerTitle h1 {	
	margin-left: 15px;	
	font-family: 'Nunito', sans-serif; 
	font-weight: normal; 
	margin: 0 auto; 
	padding: 10px 0 20px 0; 
	background:#5BC2E0;
  }

#main h2 {	
	font-family: 'Nunito', sans-serif;	
	text-transform: uppercase; 	
	letter-spacing:3px;	
	margin: 0 0 0.5em;	
	font-size: 32px;
  }

#content h3 {	
	font-family: 'Nunito', sans-serif;	
	font-variant:small-caps;	
	letter-spacing:2px;	
	margin: 0 0 0.5em;	
	text-align: left;	
	font-size: 26px;
  }

#content h4 {	
	font-family: 'Nunito', sans-serif;	
	font-variant:small-caps; 	
	font-size: 20px; 
	font-weight: normal;
	margin: 0.75em 1em 0.25em 0;
  }

#content {	
	width: 100%;
	float: left;
	/* border-top: 2px solid #DBEFF6; */
  }

#content div {	
	overflow: hidden; 	
	/*width: 100%;*/	
	/*float: left;*/  
  }

#navbar {	
	height: 30px;	
	width: 100%;	
	/* border-bottom: 2px solid #DBEFF6; */	
	line-height: normal;	
	opacity: 0.8;	
	filter: alpha(opacity=80);
  }

.menu {	
	list-style: none;	
	margin: 0 3px;	
	padding: 0px;
	}

#content .menu {	
	margin-bottom: 3.5em;
	}

ul.menu li { 
	display: inline; 
	margin-right: 5px; 
	padding: 0 10px 0 0;
	}

ul.menu a { 
	text-transform: none;
	font-size: 0.75em;
	}

.menu li {	
	float: left;	
	height: 26px;	
	background:#EFEFEF;	
	margin: 0px;	
	white-space: nowrap;	
	font-size: 20px;	
	-moz-border-radius: 3px; 	
	-webkit-border-radius: 3px; 	
	border-radius: 3px;
	}

.menu li a {	
	display: block;	
	background:#EFEFEF;	
	width: 100%;	
	text-decoration: none;	
	padding: 0px 0px 0px 10px;	
	font-weight: normal;	
	line-height: 26px;	
	-moz-border-radius: 3px; 	
	-webkit-border-radius: 3px; 	
	border-radius: 3px;
	}

#navbar a {
	font-size: 10px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	}

.menu li a:hover {	
	background:#5BC2E0;	
	color:#FFFFFF;	
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	}

input.textField, select.selectMenu, textarea.textArea, input.uploadField {
	}

td input.button {	
	float: left;	
	height: 26px;	
	background:#EFEFEF;	
	margin: 0px;	
	white-space: nowrap;	
	-moz-border-radius: 3px; 	
	-webkit-border-radius: 3px; 	
	border-radius: 3px;
	}

td input.button:hover {	
	color:#ffffff;	
	background:#5BC2E0;	
	-moz-border-radius: 3px; 	
	-webkit-border-radius: 3px; 	
	border-radius: 3px;
	}

input.button {
	background-color: #FFE680;
	border: 0 solid #dddddd;
	border-radius: 3px;
	font-size: 1em;
	padding: 0.1em 1em;
	cursor:pointer;
	}

input.button:hover {
	background-color: #5BC2E0;
	border: 0 solid #dddddd;
	border-radius: 3px;
	font-size: 1em;
	padding: 0.1em 1em;
	cursor:pointer;
	color:#ffffff;
	}

input.defaultButton {
	background-color: #FFCC00;
	color: #000000;
	font-weight: bold;
	}

input.defaultButton:hover {
	background-color: #5BC2E0;
	font-weight: bold;
  }

/* BIOSFERA */

table.tocArticle td.tocArticleTitleAuthors { 
	height: 100%; 
	font-family: 'Nunito', sans-serif; 
	width: 85%;
  }

table.tocArticle div.tocTitle { 
	font-size: 125%; 
  }

table.tocArticle div.tocAuthors { 
	font-style: normal; 
	font-variant:small-caps; 
	font-size: 100%; 
	letter-spacing: 1px; 
	padding: 5px 0 5px 30px /*0 0 10px 30px*/; 
	vertical-align: top;
	background:transparent;
  }

table.tocArticle td.tocGalleys { 
	text-align: right; 
	width: 15%;
  }

p { 
	margin: 10px 0; 
	text-align: justify;
	}
	
a.file {	
	display:inline-block;	
	padding-left:20px;	line-height:16px;	
	background:transparent url("https://journal.bio.unsoed.ac.id/public/site/images/extension_txt.png") top left no-repeat;
	}

a.application\/pdf, a.PDF {	
	display:inline-block;	
	padding-left:20px;	
	line-height:16px;	
	background:transparent url("https://journal.bio.unsoed.ac.id/public/site/images/extension_pdf.png") top left no-repeat;
  }

#articleFullText a.PDF {	
	display:inline-block;	
	padding-left:90px;	
	line-height:108px;	
	background:transparent url("https://journal.bio.unsoed.ac.id/public/site/images/Admin/pdfIcon-mib.png") top left no-repeat;
	background-size: 79.95px 108px;
	color:#FFFFFF;
  }

a.JPG, a.PNG, a.GIF, a.JPEG {	
	display:inline-block;	
	padding-left:20px;	
	line-height:16px;	
	background:transparent url("https://journal.bio.unsoed.ac.id/public/site/images/extension_jpg.png") top left no-repeat;
	}

a.HTML {	
	display:inline-block;	
	padding-left:20px;	
	line-height:16px;	
	background:transparent url("https://journal.bio.unsoed.ac.id/public/site/images/extension_world.png") top left no-repeat;
	}

a.XLS, a.XLSX {	
	display:inline-block;	
	padding-left:20px;	
	line-height:16px;	
	background:transparent url("https://journal.bio.unsoed.ac.id/public/site/images/extension_xls2.png") top left no-repeat;
	}

a.application\/msword, a.DOC, a.DOCX, a.DOTX {	
	display:inline-block;	
	padding-left:20px;	
	line-height:16px;	
	background:transparent url("https://journal.bio.unsoed.ac.id/public/site/images/extension_doc2.png") top left no-repeat;
	}

/* +++++++++++++++++ EXTENTION ICON +++++++++++++++++ */

a[href$='.pdf'] {
	display:inline-block;
	padding-left:20px;
	line-height:14px;
	background:transparent url("https://journal.bio.unsoed.ac.id/public/site/images/extension_pdf.png") top left no-repeat;
	}

a[href$='.xls'], a[href$='.xlsx'], a[href$='.csv'] {
	display:inline-block;
	padding-left:20px;
	line-height:14px;
	background:transparent url("https://journal.bio.unsoed.ac.id/public/site/images/extension_xls2.png") top left no-repeat;
	}

a[href$='.doc'], a[href$='.docx'], a[href$='.dotx'] {
	display:inline-block;
	padding-left:20px;
	line-height:14px;
	background:transparent url("https://journal.bio.unsoed.ac.id/public/site/images/extension_doc2.png") top left no-repeat;
	}

#displayMembership br {	
	display: none;  
	}

sup, sub { 
	vertical-align: baseline; 
	position: relative; 
	top: -0.4em; 
	font-size: 75%;
	}

sub { 
	top: 0.4em; 
	} 

.instruct { 
	font-size: 75%; 
	width: 100%;	
	float: left; 
	} 

#pageFooter { 
	margin-top: 15px;
	}

#content div.warningMessage { 
	width: auto;
	}

.highlite, .highlite a{	
	padding: 1px 5px;	
	color: #FFFFFF !important;	
	background-color: #F67F0B;	
	-moz-border-radius: 2px;	
	-webkit-border-radius: 2px;	
	border-radius: 2px;
	}

.highlite-1 {	
	padding: 1px 5px;	
	color: #FFFFFF !important;	
	background-color: #003399;	
	-moz-border-radius: 2px;	
	-webkit-border-radius: 2px;	
	border-radius: 2px;
	}

.highlite-2 {	
	padding: 1px 5px;	
	color: #FFFFFF !important;	
	background-color: #FFCC00;	
	-moz-border-radius: 2px;	
	-webkit-border-radius: 2px;	
	border-radius: 2px;
	}

.highlite-3 {	
	padding: 1px 5px;	
	color: #FFFFFF !important;	
	background-color: #669933;	
	-moz-border-radius: 2px;	
	-webkit-border-radius: 2px;	
	border-radius: 2px;
	}

.highlite-4 {	
	padding: 1px 5px;	
	color: #FFFFFF !important;	
	background-color: #CC3333;	
	-moz-border-radius: 2px;	
	-webkit-border-radius: 2px;	
	border-radius: 2px;
	}

.highlite-5 {	
	padding: 1px 5px;	
	color: #FFFFFF !important;	
	background-color: #6666CC;	
	-moz-border-radius: 2px;	
	-webkit-border-radius: 2px;	
	border-radius: 2px;
	}

.highlite-6 {	
	padding: 1px 5px;	
	color: #FFFFFF !important;	
	background-color:#5BC2E0;	
	-moz-border-radius: 2px;	
	-webkit-border-radius: 2px;	
	border-radius: 2px;
	}
	
.highlite-sb, .highlite-sb a {	
	padding: 1px 5px;	
	color: #FFFFFF !important;	
	background-color:#5BC2E0;	
	-moz-border-radius: 2px;	
	-webkit-border-radius: 2px;	
	border-radius: 2px;
	}

.monteza {	
  font-size:2.5em;
	font-family: 'Montez', cursive;
	margin: 0px;
	padding: 0px;
	}

/*------------ AddThis -----------*/

#content div.addthis_sharing_toolbox { 
	margin-top: 0px; 
	margin-left: 0px; 
	width: auto;
	clear: none !important;	
  }

#content p.addthis_sharing_toolbox { 
	margin-top: 10px !important; 
	clear: none !important;
	border-top: 1px dotted #DDDDDD;
	overflow: hidden;
	padding-top: 10px;
  }

/*------------ DOILink -----------*/

.doi-link a, .doi-link a:hover { 
	background-image: url("https://assets.crossref.org/logo/crossref-logo-200.svg"); 
	background-position: 0px 10px; 
	background-color:#FFFFFF;
	background-size: 35px auto;
	background-repeat: no-repeat; 
	padding: 20px 0 10px 37px;
	}

.doi-link {
	padding-top: 10px;
	padding-top: 15px;
	}

/*------------ PDF Reader -----------*/

#inlinePdfResizer { 
	margin-top: 10px;
	}

#pdfDownloadLinkContainer { 
	padding: 10px 0 0 0; 
	text-align: left;
	}

/*------------ Front Tabs -----------*/

#tabs-container {	
	width: 723px;
	overflow: visible !important;
	}

.tabs-menu { 
	height: 25px; 
	float: left; 
	clear: both;	
	width: 100%;	
	border-top: 1px dotted #DDDDDD; 
	border-right: 1px dotted #DDDDDD; 
	border-left: 1px dotted #DDDDDD; 
	margin: 10px 0px 0px 0px;	
	padding: 0px;
	}

.tabs-menu li { 
	height: 25px; 
	line-height: 25px; 
	float: left; 
	margin-right: 0px; 
	background-color: #FFFFFF;	
	list-style: outside none none;	
	display: block; font-size: 0.8em; 
	letter-spacing: 0.1em; 
	text-transform: uppercase;	
	text-decoration: none; 		
	border-right: 1px #DDDDDD dotted;
	}

.tabs-menu li a { 
	padding: 7px 10px;	
	height: 25px;  
	text-transform: uppercase; 
	text-decoration: none; 
	}

.tabs-menu li a:hover { 
	background-color: #5BC2E0; 
	padding: 7px 10px;	
	height: 25px;	
	text-decoration: none; 	
	text-transform: uppercase;
	color: #FFFFFF;
	}	

.tabs-menu .current a { 
	border-top: 2px solid #5BC2E0; 
	padding: 7px 10px;	
	height: 25px;	
	text-decoration: none;	
	text-transform: uppercase;		
	}

.tab { 
	border-top: 1px dotted #DDDDDD;	
	border-right: 1px dotted #DDDDDD;	
	border-bottom: 1px dotted #DDDDDD;	
	border-left: 1px dotted #DDDDDD; 
	background-color: #FFFFFF; 
	float: left;	
	width: 100%;	
	margin-bottom: 10px;
	}

.tab-content { 
	width: auto; 
	padding: 2px 17px; 
	display: none;
	}

.tab-content2 { 
	width: auto; 
	padding: 2px 0px; 
	display: none;
	}

#content h4, h4.feed-item-title { 
	font-size: 18px;
	}

#tab-1 { 
	display: block; 
	}

.newspaper-2 { 
	-webkit-column-count: 2; /* Chrome, Safari, Opera */ 
	-moz-column-count: 2; /* Firefox */ 
	column-count: 2; 
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */ 
	-moz-column-gap: 30px; /* Firefox */ 
	column-gap: 30px; 
	-webkit-column-rule: 1px dotted #DDDDDD; /* Chrome, Safari, Opera */ 
	-moz-column-rule: 1px dotted #DDDDDD; /* Firefox */ 
	column-rule: 1px dotted #DDDDDD;
	}

.newspaper-3 { 
	-webkit-column-count: 3; /* Chrome, Safari, Opera */ 
	-moz-column-count: 3; /* Firefox */ 
	column-count: 3; 
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */ 
	-moz-column-gap: 30px; /* Firefox */ 
	column-gap: 30px; 
	-webkit-column-rule: 1px dotted #DDDDDD; /* Chrome, Safari, Opera */ 
	-moz-column-rule: 1px dotted #DDDDDD; /* Firefox */ 
	column-rule: 1px dotted #DDDDDD;
	}

.newspaper-4 { 
	-webkit-column-count: 4; /* Chrome, Safari, Opera */ 
	-moz-column-count: 4; /* Firefox */ 
	column-count: 4; 
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */ 
	-moz-column-gap: 30px; /* Firefox */ 
	column-gap: 30px; 
	-webkit-column-rule: 1px dotted #DDDDDD; /* Chrome, Safari, Opera */ 
	-moz-column-rule: 1px dotted #DDDDDD; /* Firefox */ 
	column-rule: 1px dotted #DDDDDD;
	}

/*------------ RSS Pengumuman -----------*/

.rss2html-note {
	display: none;
	}

.bq-1 {
	background: #FFFFEEEE;
	border-color: #FFE680;
	border-style: solid;
	border-width: 0 0 0 5px;
	margin: 5px 0 0;
	padding: 10px;
	font-size: 95%;
	line-height: 100%;
}

.bq-2 {
	border-color: #EFEFEF;
	border-style: solid;
	border-width: 0 0 0 5px;
	margin: 0 0 5px 0;
	padding: 0 10px;
	font-size: 90%;
	line-height: 100%;
	color:#888888;
	}

/*------------ Sitasi -----------*/

div.sitasi {
	height: 30px; 
	float: left; 
	border: 1px solid #DDDDDD; 
	margin: 0px 5px 5px 0px; 
	padding: 10px; 
	width: 100px; 
	text-align: center;"
	}

img.footer {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.4;
	filter: alpha(opacity=40);
	display: block;
	margin: 0 auto;
	}

img.liteon {
  display: block;
	margin: 0 auto;
	}

img.footer:hover {
	-webkit-filter: grayscale(0%);
	filter: none;
	text-decoration: none;
	opacity: 1;
	background: none;
	background-color: #FFFFFF;
	}

/*------------ Article Reads -----------*/

.readcount {
	margin: 0 0 15px 0;	
	}

#tocreadcount span {
	font-size:1em;
	font-family: "Open Sans",sans-serif;
	margin: 0px;
	padding: 0px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: left center;
	}

#content #tocreadcount {
	padding: 0 0 0 215px;
	float:left;
	overflow: visible;
	}

/*------------ Remove Statistics Menu -----------*/

ul.menu li#statistics  {
	display: none;
  }

/*------------ Google Table -----------*/

.google-visualization-table-table {
	font-family: "Open Sans",sans-serif;
	font-size: 50%;
  }

/*------------ Collacpsible Fieldset -----------*/

.wrap-collabsible {
	margin-bottom: 1.5rem 0;
  }

.wrap-collabsible input[type='checkbox'] {
	display: none;
  }

.lbl-toggle {
	display: block;
	padding: .1rem 1rem;
	background: #FFFFFF;
	cursor: pointer;
	transition: all 0.25s ease-out;
  }

.lbl-toggle:hover {
	display: block;
	padding: .1rem 1rem;
	background: #FAE042;
	cursor: pointer;
	transition: all 0.25s ease-out;
  }

.lbl-toggle::before {
	content: ' ';
	display: inline-block;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid currentColor;
	vertical-align: middle;
	margin-right: .7rem;
	transform: translateY(-2px);
	transition: transform .2s ease-out;
  }

.toggle:checked + .lbl-toggle::before {
	transform: rotate(90deg) translateX(-3px);
  }

.collapsible-content {
	max-height: 0px;
	overflow: hidden;
	transition: max-height .25s ease-in-out;
  }

.toggle:checked + .lbl-toggle + .collapsible-content {
	max-height: 350px;
  }

.toggle:checked + .lbl-toggle {
	display: block;
	padding: .1rem 1rem;
	background: #FAE042;
	cursor: pointer;
	transition: all 0.25s ease-out;
  }

.collapsible-content .content-inner {
	background: rgba(250, 224, 66, .2);
	border-bottom: none;
	padding: .15rem 1rem;
  }

/*------------ Front Action Button -----------*/

.front-action {	
  display: inline-block;	
  background:#DF4848;	
  width: auto;
  text-align: center;	
  line-height: 30px;
  padding: 0 25px; 
  text-transform: uppercase;	
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;  
  border-radius: 3px;
  }

a.front-action {	
  color:#FFFFFF;	
  text-decoration: none;
  font-weight: bold;
  }

a.front-action:hover {	
  background:#D02424;	
  color:#ffffff;	
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;
  }
  
  /*---------Google Studio-------*/
.studiog {
	display:none;
	}
body#pkp-common-openJournalSystems .studiog {
	display:block;
	}