@import https://fonts.googleapis.com/css?family=Teko:400,700|Pathway+Gothic+One;
@import imgs/clear.css;

body {
margin: 0;
padding: 0;
background-color: #ffffff !important;
background-image: none;
font-family: Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
color: #222;
text-align: justify;
}

html, body {
background: #ffffff !important;
}

.pkp_structure_content.has_sidebar {
background-image: none;
background-color: white;
}

.description {
text-align: justify;
font-family: Helvetica, Arial, sans-serif;
}

.profile a {
background: #a6a6a6;
color: #000 !important;
border-radius: 5px;
padding-top: 5px;
font-family: Helvetica, Arial, sans-serif;
}

.profile a:hover {
color: #ffffff !important;
background: #2E7D32;
padding-top: 5px;
}

#pkpDropdown1 {
padding-left: 10px;
padding-right: 10px;
}

.dropdown-menu {
background: #a6a6a6 !important;
}

.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
position: relative;
padding-top: 0;
border-bottom: 1px solid #cccccc !important;
background-image: none !important;
background-color: transparent !important;
}

.pkp_site_name { margin: 0; }
.pkp_site_name { padding-top: 0 !important; padding-bottom: 0 !important }
.pkp_site_name > a { padding-top: 0; padding-bottom: 0; }
.pkp_site_name .is_img img { max-height: 1000px; }
.pkp_site_name .is_img img { max-height: 100% !important; max-width: 100% !important; }
.pkp_site_name a { margin: auto !important; }
.pkp_navigation_user_wrapper { top: 0; right: 0; padding-right: 30px; }

.pkp_navigation_user_wrapper a {
font-family: Helvetica, Arial, sans-serif;
color: #000;
}

.pkp_navigation_user_wrapper a:hover {
color: #ffffff !important;
background-color: #2E7D32 !important;
border-radius: 5px;
}

.pkp_structure_page {
border-left: 0px solid gray;
border-right: 0px solid gray;
background: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
border-top: 1px solid #cccccc !important;
background-image: none !important;
background-color: transparent !important;
font-family: Helvetica, Arial, sans-serif;
}

@media (max-width: 1000px) {
.pkp_structure_page {
margin: auto;
width: 100%;
padding-bottom: 0 !important;
border-left: 0px solid gray;
border-right: 0px solid gray;
background: #fff;
}
}

.pkp_structure_page {
margin-top: 20px !important;
margin-bottom: 20px !important;
}

.pkp_block {
padding-top: 15px;
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
font-family: Helvetica, Arial, sans-serif;
}

.pkp_navigation_primary_row {
background: #FFFFFF !important;
background-image: none !important;
border-top: 0.25px solid #cccccc;
border-bottom: 0.25px solid #cccccc;
margin-top: 10px;
margin-bottom: 10px;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {
padding: 0 !important;
margin: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
margin: 0 !important;
padding: 0 10px !important;
line-height: 40px !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
color: #000000 !important;
text-transform: capitalize !important;
font-size: 15px !important;
transition: 0.2s;
font-family: Helvetica, Arial, sans-serif !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
background: #2E7D32 !important;
color: white !important;
border-radius: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
background: #a6a6a6 !important
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
border-bottom: solid 0px rgba(255, 255, 255, .35) !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child {
border-bottom: none !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
font-family: Helvetica, Arial, sans-serif !important;
color: #000000 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a {
color: #ffffff !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {
background: #2E7D32 !important;
color: #ffffff !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {
font-family: Helvetica, Arial, sans-serif;
}

.pkp_navigation_search_wrapper {
transition: 0.5s;
}

.pkp_navigation_search_wrapper:hover {
background: #808080 !important;
color: white !important;
border-radius: 5px !important;
}

.pkp_search.pkp_search_desktop {
text-transform: capitalize !important;
color: #000000 !important;
font-size: 15px !important;
font-family: Helvetica, Arial, sans-serif;
}

.pkp_search.pkp_search_desktop:hover {
color: white !important;
}

.pkp_brand_footer {
display: none;
}

.pkp_structure_footer .pkp_footer_content {
background-color: #e8ebea !important;
background-image: none !important;
padding: 25px !important;
}

.pkp_structure_footer .pkp_footer_content p {
font-family: Helvetica, Arial, sans-serif;
margin: 0;
}

.pkp_structure_footer .pkp_brand_footer {
background: #cccccc;
height: auto !important;
padding: 15px;
}

.pkp_structure_footer .pkp_brand_footer img {
width: 48px !important;
height: auto;
}

.pkp_structure_footer .pkp_footer_content a {
color: #000000;
font-family: Helvetica, Arial, sans-serif;
}

.pkp_structure_footer_wrapper {
border-top: 1px solid #b3b3b3;
}

.pkp_structure_sidebar:before {
border-left: 1px solid #b3b3b3;
}

/* Default style for PDF galley buttons */
.cmp_button_wire, .obj_galley_link {
background: #8D6E63;
border: 1px solid #2E7D32;
color: #fff;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
transition: none;
}

.obj_galley_link:hover {
background: #a6a6a6;
border: 1px solid #2E7D32;
color: #ffffff;
cursor: pointer;
}

.obj_galley_link a:hover {
background: none !important;
color: #ffffff !important;
text-decoration: none !important;
cursor: pointer;
}

.obj_article_summary {
background: #f2f2f2;
border: 0px solid #2E7D32;
padding: 15px;
border-radius: 0rem;
border-bottom: solid #999999;
padding-bottom: 15px !important;
box-shadow: 1px 1px 2px rgba(10, 15, 41, 0.2);
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

.obj_article_summary:hover {
background-color: #d9d9d9 !important;
background-image: none !important;
border-bottom: solid #999999;
box-shadow: 2px 5px 8px rgba(30, 45, 123, 0.2);
}

.meta .authors {
background: none;
margin-top: 4px;
padding-bottom: 5px;
padding-left: 24px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

.obj_article_summary h4 a {
font-weight: normal !important;
}

a, a:link, a:active {
color: #0f173e;
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

a:hover {
color: #8D6E63 !important;
background: none;
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif !important;
color: #000;
font-weight: 400;
text-align: left
}

#container {
margin: 0 auto;
padding: 0;
background-color: transparent;
width: auto;
min-width: 700px !important;
text-align: center;
display: inline-block;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#header {
margin: 0;
padding: 0;
background-color: transparent;
background-image: none;
min-height: 50px;
}

#headerTitle {
width: 1000px;
margin-top: 0;
display: inline-block;
}

#header h1 {
font-family: Helvetica, Arial, sans-serif !important;
font-weight: 200 !important;
text-transform: none;
font-size: 3em;
letter-spacing: 0;
color: #111;
text-shadow: 1px 1px #fff;
padding: 0 !important;
line-height: 0
}

#headerTitle img {
float: left;
display: inline-block;
margin-top: 0;
margin-bottom: 0;
max-width: 1000px;
height: auto;
-webkit-box-shadow: #666 0 0 5px;
box-shadow: #666 0 0 5px;
background-color: #2E7D32
}

#body {
margin: 0 auto 12px;
padding: 0 0 24px;
background-color: #fafafa;
width: 1000px !important;
display: inline-block;
height: auto;
-webkit-box-shadow: #666 0 0 5px;
box-shadow: #666 0 0 5px;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
}

#main {
margin: 0;
padding: 0;
background-color: transparent;
background-image: none;
display: inline;
float: left;
position: relative;
width: 780px;
overflow: visible !important;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
}

#content {
margin: 0 0 0 15px;
border-top: 0 dotted #000;
font-size: 1em;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
}

#navbar {
margin: 0 0 12px;
padding: 0;
background-color: #2E7D32;
background-image: none;
clear: both;
text-align: left;
border: none;
height: 40px;
width: 1000px;
}

#navbar ul {
margin: 0;
padding: 0 0 0 44px;
display: inline-block;
}

ul.menu {
background-color: #2E7D32;
text-align: center;
}

#navbar ul li {
margin: 0;
padding: 0;
float: left;
}

#navbar a, #navbar a:link, #navbar a:visited {
font-family: Helvetica, Arial, sans-serif;
font-weight: 10;
font-size: 1em !important;
text-transform: uppercase;
letter-spacing: 0;
color: #fff;
line-height: 40px;
display: inline-block;
margin: 0;
padding-left: 15px;
padding-right: 15px;
font-weight: normal;
}

#navbar a:before, #navbar a:after {
content: '';
position: absolute;
top: 5px;
display: block;
height: 30px;
width: 1px
}

#navbar a:before {
margin-left: -15px;
opacity: .15;
background: rgba(0, 0, 0, 0.7);
background: linear-gradient(to top, rgba(0, 0, 0, 0), #000, rgba(0, 0, 0, 0));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000, rgba(0, 0, 0, 0));
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000, rgba(0, 0, 0, 0));
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.01), #fff, rgba(255, 255, 255, 0.01));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000, rgba(0, 0, 0, 0))
}

#navbar a:after {
margin-left: -14px;
opacity: .35;
background: rgba(255, 255, 255, 0.8);
background: linear-gradient(to top, rgba(0, 0, 0, 0), #fff, rgba(0, 0, 0, 0));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #fff, rgba(0, 0, 0, 0));
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #fff, rgba(0, 0, 0, 0));
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.01), #fff, rgba(255, 255, 255, 0.01));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #fff, rgba(0, 0, 0, 0))
}

#navbar li:first-child a:before, #navbar li:first-child a:after {
background-color: #000;
display: none
}

#navbar a:hover {
background: #2E7D32;
color: #fff;
}

#navbar a:active {
background: none;
text-decoration: underline
}

ul.sidemenu {
margin-top: -12px;
padding-left: 0 !important
}

ul.sidemenu.full {
margin: -12px -12px 0
}

ul.sidemenu li:before {
display: none
}

ul.sidemenu li {
padding: 0
}

ul.sidemenu li a {
display: block;
padding: .7em 12px;
border-bottom: 1px solid #b5b5b5;
background-color: #eee;
text-decoration: none;
color: #222;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

ul.sidemenu li a:hover {
background-color: #f2dfcd;
text-decoration: underline;
}

#breadcrumb {
margin: 0 8px 1em;
padding: .5em 0;
background-color: #yellow;
background-image: none;
font-size: 1em;
border-bottom: 0 dotted #333;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#main > h2, #content {
padding-left: 12px;
padding-right: 12px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#main > h3 {
padding-left: 12px;
padding-right: 12px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#cpr {
border: 0 none #fff;
padding-left: 12px;
padding-right: 12px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#leftSidebar, #rightSidebar {
margin: 28px 0 0;
padding: 12px;
background-color: #e8ebea !important;
background-image: none;
font-size: 1em;
height: auto;
overflow: hidden;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#rightSidebar {
width: 180px;
margin-left: 0;
float: right;
background: #e8ebea !important;
}

#rightSidebar div.block, #leftSidebar div.block {
border: 0;
padding: 0 0 12px 12px;
margin-bottom: 12px;
color: inherit;
background-color: transparent !important;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#leftSidebar div.block span.blockTitle, #rightSidebar div.block span.blockTitle {
padding: 8px 0 8px 20px;
margin-bottom: 12px;
margin-left: -23px;
margin-right: -20px;
display: block;
color: #fff;
font-weight: 700;
letter-spacing: 0;
background: #cccccc;
text-shadow: 1px 1px #2E7D32;
font-family: Helvetica, Arial, sans-serif;
}

#sidebarDevelopedBy.block, #sidebarHelp.block {
border: 1px solid #999 !important;
border-radius: 4px;
padding: .5em 1em !important;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#sidebarDevelopedBy.block a, #sidebarHelp.block a {
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

.block p {
margin: 0 !important;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

.block ul {
padding-left: 1.2em;
list-style: none;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

.block li:before {
content: "";
border-color: transparent #8D6E63;
border-style: solid;
border-width: .35em 0 .35em .45em;
display: block;
height: 0;
width: 0;
left: -1em;
top: .9em;
position: relative
}

#sidebarFontSize.block {
padding-bottom: 35px !important;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

table.tocArticle:nth-child(odd) tr {
background-color: #ddd;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

table.tocArticle:nth-child(even) tr {
background-color: #f4f4f4;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

table.tocArticle tr:hover {
background-color: #fff;
-webkit-box-shadow: #666 0 0 5px;
box-shadow: #666 0 0 5px;
}

table.tocArticle td {
padding: 5px 10px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

table.tocArticle a {
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

.tocTitle {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

.tocAuthors {
font-style: none;
left: 0;
padding-top: 3px;
padding-left: 0;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

td.tocGalleys {
padding-right: 10px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#content ul.menu {
margin: 0;
}

#content ul.menu li {
background-image: -webkit-linear-gradient(top, #2E7D32 0%, #2E7D32 100%);
background-image: -o-linear-gradient(top, #2E7D32 0%, #2E7D32 100%);
background-image: linear-gradient(to bottom, #2E7D32 0%, #2E7D32 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff2E7D32', endColorstr='#ff2E7D32', GradientType=0);
padding: 5px 8px;
border-radius: 3px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#content ul.menu li:hover, #content ul.menu li.current {
background-image: -webkit-linear-gradient(top, #8D6E63 0%, #8D6E63 100%);
background-image: -o-linear-gradient(top, #8D6E63 0%, #8D6E63 100%);
background-image: linear-gradient(to bottom, #8D6E63 0%, #8D6E63 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8D6E63', endColorstr='#ff8D6E63', GradientType=0);
}

#content ul.menu a {
color: #fff;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#content ul.menu a:hover {
color: #ff0;
}

input.textField, select.selectMenu, textarea.textArea, input.uploadField {
padding: .3em;
background-color: #f1f1f1;
border: 1px solid #aaa;
color: #444;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

input.textField:focus, select.selectMenu:focus, textarea.textArea:focus, input.uploadField:focus {
border: 1px solid #8D6E63;
}

input[type="submit"], input[type="button"] {
background-image: -webkit-linear-gradient(top, #ddd 0%, #c4c4c4 100%);
background-image: -o-linear-gradient(top, #ddd 0%, #c4c4c4 100%);
background-image: linear-gradient(to bottom, #c4c4c4 0%, #aaa 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ffc4c4c4', GradientType=0);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #444;
padding: 0px 5px;
text-decoration: none;
border: 1px solid #9d9d9d;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

input[type="submit"]:hover, input[type="button"]:hover {
background-image: -webkit-linear-gradient(top, #c4c4c4 0%, #aaa 100%);
background-image: -o-linear-gradient(top, #c4c4c4 0%, #aaa 100%);
background-image: linear-gradient(to bottom, #c4c4c4 0%, #aaa 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.Microsoft.gradient(startColorstr='#ffc4c4c4', endColorstr='#ffaaaaaa', GradientType=0);
text-decoration: none;
cursor: pointer;
}

input.defaultButton {
color: #2b2b2b;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

div.separator {
border-bottom: 1px dotted #222;
}

.indexers {
margin: 10px 0;
}

.indexers a {
border: 2px solid transparent;
padding: 5px 3px;
display: inline-block;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

.indexers a:hover {
background: 0 0;
border: 2px dotted #8D6E63;
opacity: .75;
filter: alpha(opacity=75);
}

.indexers a img {
height: 38px
}

a img {
border: 0
}

div.thickSeparator {
margin-bottom: 10px;
}

span.highlight {
background-color: #f4f4f4;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

.intro {
background-color: #f4f4f4;
border: 1px dotted #8D6E63;
padding: 10px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

.intro ul {
margin: 0;
padding-left: 1em;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

.issueCoverImage {
border: 1px solid #fff;
padding: 0;
margin: 0;
}

.issueCoverImage img {
margin: 1em 2em 1em 0;
width: 100px;
border: 0 solid #fff
}

#content h4 a {
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#announcements {
width: auto;
}

#journalDescription {
float: right;
width: 68%;
text-align: justify;
font-size: 14px;
color: #8D6E63;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#homepageImage {
float: left;
width: 30%;
text-align: right;
margin: -1em 12px 12px 0;
}

#homepageImage img {
display: inline-block;
max-width: 100%;
height: auto
}

#announcementsHome, .clear {
clear: both;
}

#setupForm #homepageImage {
float: none;
width: auto;
text-align: left;
margin-top: 1em;
margin-left: 0
}

#setupForm #journalDescription {
float: none
}

#setupForm #homepageImage img, #setupForm #journalThumbnail img {
display: inline;
margin: 5px 0
}

.selectMenu {
margin-right: 2px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#poweredby {
clear: both;
display: none;
margin: 0 auto 1em;
text-align: right;
width: 1000px;
padding-right: 12px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

.tombol1 {
border-bottom: 3px solid #000000 !important;
border-top: 3px solid #d9d9d9 !important;
border-left: 5px solid #000000 !important;
border-right: 2px solid #d9d9d9 !important;
background: #2E7D32 !important;
color: #fff !important;
text-decoration: none !important;
width: 240px;
height: 40px;
text-align: left;
font-size: 13px;
font-weight: normal;
text-decoration: none;
text-indent: 8px;
transition: 0.1s;
margin: 50 -20px 0 -25px !important;
font-family: Helvetica, Arial, sans-serif;
}

.tombol1:hover, .tombol1 a {
cursor: pointer;
background: #2E7D32 !important;
padding-left: 6px;
border-left: 7px solid #000000 !important;
font-size: 15px;
color: #fff !important;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
}

.center {
margin-left: 15px;
margin-right: 15px;
width: 100%;
}

.pkp_structure_sidebar * {
font-family: Helvetica, Arial, sans-serif !important;
}

.pkp_block.block_make_submission .content a {
font-family: Helvetica, Arial, sans-serif !important;
}