/**
 *
 * Open Journal Systems
 * Copyright (c) 2013-2016 Simon Fraser University Library
 * Copyright (c) 2003-2016 John Willinsky
 * IJTMER Theme Stylesheet.
 * Ver 1.0.0.4 (2016-09-02)
 * Copyright (c) themeOJS.com | Relawan Jurnal Indonesia | RJI Aceh
 * Designed for IJTMER Journal (2018-04-28) oleh Mursalin
 *
 * Credits:
 * Background pattern from subtlepatterns.com
 *
 **/
 @import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic);
 @import url(//fonts.googleapis.com/css?family=Cuprum:400,400italic,700,700italic);
 #headerTitle,#navbar {
  width:1020px
 }
 #header {
  background-color:transparent;
  padding-bottom:40px
 }
 #navbar {
 background-color:#ffffff;              
 background: #0410b8;    /*warna Navbar*/
 background-repeat:repeat-x;
 border:0;
 height:40px;
 margin-bottom:10px;
 margin-left:0!important;
 padding:0;
 text-align:Center
 }
 #navbar ul {
  margin:0;
  padding:0 0 0 10px
 }
 #navbar ul li {
  float:left;
  margin:0;
  padding:0
 }
 #navbar a, #navbar a:link, #navbar a:visited {                                          /*Menu Tengah Navigasibar*/
         font-family: 'Pathway Gothic One',"Times New Roman",Times,serif;
         display:inline-block;
         font-size:.6em;
         font-weight:700;
         line-height:40px;
         text-transform: uppercase;
         letter-spacing: 0;
         color: white;
         margin: 0;
         padding-left: 15px;
         padding-right: 15px;
         
 
     }
 #navbar a::after,#navbar a::before {
  content:"";
  display:block;
  height:30px;
  position:absolute;
  top:5px;
  width:1px
 }
 #navbar a::before {
  background:-moz-linear-gradient(center top,rgba(0,0,0,0),#000,rgba(0,0,0,0)) rgba(0,0,0,0);
  margin-left:-10px;
  opacity:.15
 }
 #navbar a::after {
  background:-moz-linear-gradient(center top,rgba(255,255,255,.01),#fff,rgba(255,255,255,.01)) rgba(0,0,0,0);
  margin-left:-9px;
  opacity:.35
 }
 #navbar li:first-child a::after,#navbar li:first-child a::before {
  background-color:#000;
  display:none
 }
 #navbar a:hover {
  background:#179b33;
  text-shadow:1px 1px #179b33;
 }
 #body,#header,#main,#navbar,#sidebar {
  display:inline-block!important
 }
 #header,#main,#navbar,ul.sidemenu li:before {
  display:none
 }
 #body,#main,body {
  background-color:#fff
 }
 #additionalHomeContent,#announcementsHome,#navbar {
  clear:both
 }
 #container,#headerTitle {
  margin:0 auto;
  display:inline-block
 }
 #announcements,#container {
  width:auto
 }
 #body,#container,#headerTitle,#headerTitle img {
  display:inline-block
 }
 body {
  color:#333;
  font-family:'Open Sans',sans-serif;
  font-size:18px
 }
 a:active,a:link,a:visited {
  color:#0d355e;
  text-decoration:none
 }
 #navbar a:active,a:hover {
  background:rgba(0,0,0,0);
  text-decoration:underline
 }
 #container {
  background: #dadada url(http://journal.uinsgd.ac.id/public/site/images/bbusro/cloth.png);          /*background web*/
  min-width:730px!important;
 
  text-align:center
 }
 #header h1 {
  color:#111;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:1.4em;
  font-weight:400;
  letter-spacing:1px;
  line-height:120px;
  padding:0;
  text-shadow:1px 1px #fff
 }
 #headerTitle img {
  float:left;
  margin-right:20px
 }
 #body {
  margin:-40px auto 0;
  width:1020px!important;
  padding-bottom:20px
 }
 #main {
  float:left;
  margin-left:0;
  margin-right:0!important;
  overflow:visible!important;
  padding:0;
  position:relative;
  width:805px
 }
 #content h1,#content h2,#content h3,#content h4,#main>h2 {
  color:#333;
  font-family:Cuprum,sans-serif;
  font-weight:700
 }
 #content {
  border-top:0 dotted #000
 }
 ul.sidemenu li a,ul.sidemenu li:first-child a {
  border-top:1px solid #179b33
 }
 ul.sidemenu {
  padding-left:0!important;
  margin:-10px -10px 0
 }
 ul.sidemenu li {
  padding:0
 }
 ul.sidemenu li a {
  background:#000067;
  border-bottom:1px solid #315c80;
  color:#fff;
  display:block;
  padding:.66em 10px .6em 13px;
  text-decoration:none
 }
 #leftSidebar {
  display:none;
  border-right:1px solid #ccc;
  float:left;
  width:0
 }
 ul.sidemenu li:last-child a {
  border-bottom:0
 }
 ul.sidemenu li a:hover {
  background-color:#040;
  text-decoration:none
 }
 #breadcrumb {
  margin:0 20px;
  padding:.7em 0;
  border-bottom:1px dotted #333
 }
 #content,#main>h2 {
  padding-left:20px;
  padding-right:20px
 }
 #cpr {
  border:0 #fff
 }
 #leftSidebar,#rightSidebar {
  font-size:.74em;
  height:100%;
  margin-left:0;
  margin-right:0;
  overflow:hidden;
  padding:50px 10px 10px
 }
 #rightSidebar {
  border-left:1px solid #ccc;
  float:right;
  width:191px;
  background:0 0
 }
 #leftSidebar div.block,#rightSidebar div.block {
  border:0;
  color:inherit;
  padding:0 0 10px;
  margin-bottom:10px
 }
 #leftSidebar div.block span.blockTitle,#rightSidebar div.block span.blockTitle,#sidebarDevelopedBy.block,#sidebarHelp.block {
  color:#fff;
  text-align: center;
  font-weight: bold;
  display:block;
  letter-spacing:0;
  margin-bottom:12px;
  background-color:#ffffff;              
  background: #0410b8;    /*warna Navbar*/
  padding: .5em 1em;
  text-transform:uppercase
 }
 #sidebarDevelopedBy.block a,#sidebarHelp.block a {
  color:#fff;
  text-transform:uppercase;
  text-decoration:underline
 }
 #content h4 a,input[type=button],input[type=submit],table.tocArticle a {
  text-decoration:none
 }
 .block p {
  margin:0!important
 }
 .block ul {
  list-style:none;
  padding-left:1.2em
 }
 .block li:before {
  content:"\00BB";
  display:block;
  height:0;
  left:-1em;
  position:relative;
  width:0
 }
 .banner-img,.indexers a,.intro {
  display:inline-block
 }
 #sidebarFontSize.block {
  padding-bottom:35px!important
 }
 table.tocArticle:nth-child(2n+1) tr {
  background-color:#f0f0ff
 }
 table.tocArticle:nth-child(2n) tr {
  background-color:#f4f4f4
 }
 table.tocArticle tr:hover {
  background-color:#ffedcc
 }
 table.tocArticle td {
  padding:5px 10px
 }
 
 
 
                                                         
 /**
 .tocTitle {
         <div class=ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂtocTitleÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â>
 {if !$hasAccess || $hasAbstract}
 <a href=ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â{url page=ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂarticleÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â op=ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂviewÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â path=$articlePath}ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â>{$article->getLocalizedTitle()|strip_unsafe_html}</a>
                         <!-- start-kode baru -->
                         {if !$section.hideAuthor}
                                 <div class="tocDOI">
                                 {if $article->getPubId('doi')}
                                         <a href="http://dx.doi.org/{$article->getPubId('doi')|escape}">{$article->getPubId('doi')}</a>
                                 {/if}
                                 </div>
                         {/if}
                         <!-- end --> **/
 
                    
 
                         <div class=Ã¢â‚¬ÂtocTitleÃ¢â‚¬Â>
 {if !$hasAccess || $hasAbstract}
 <a href=Ã¢â‚¬Â{url page=Ã¢â‚¬ÂarticleÃ¢â‚¬Â op=Ã¢â‚¬ÂviewÃ¢â‚¬Â path=$articlePath}Ã¢â‚¬Â>{$article->getLocalizedTitle()|strip_unsafe_html}</a>
 {assign var=Ã¢â‚¬ÂdoiÃ¢â‚¬Â value=$article->getStoredPubId(Ã¢â‚¬ËœdoiÃ¢â‚¬â„¢)}
 {if $doi}
 <div>
 <div class=Ã¢â‚¬ÂtocDoiÃ¢â‚¬Â>
 <span>DOI : <a href=Ã¢â‚¬Âhttp://dx.doi.org/{$doi|escape}Ã¢â‚¬Â>{$doi|escape}</a></span>
 </div>
 </div>
 {/if}
 {else}
 {$article->getLocalizedTitle()|strip_unsafe_html}
 {/if}
 
 </div>
 
 
 
  font-weight:700
 }
 td.tocGalleys {
  padding-right:10px
 }
 #content ul.menu {
  margin:0
 }
 #content ul.menu li {
  background-image:linear-gradient(to bottom,#2651ff 0,#4f72ff 100%);
  background-repeat:repeat-x;
  border-radius:3px;
  padding:5px 8px
 }
 #content ul.menu li.current,#content ul.menu li:hover {
  background-image:linear-gradient(to bottom,#ec790f 0,#f28c31 100%);
  background-repeat:repeat-x
 }
 #content ul.menu a {
  color:#fff
 }
 #content ul.menu a:hover {
  color:#ff0
 }
 input.textField,input.uploadField,select.selectMenu,textarea.textArea {
  background-color:#f1f1f1;
  border:1px solid #aaa;
  color:#444;
  padding:.3em
 }
 input.textField:focus,input.uploadField:focus,select.selectMenu:focus,textarea.textArea:focus {
  border:1px solid #0d355e
 }
 input[type=button],input[type=submit] {
  background-image:linear-gradient(to bottom,#ddd 0,#c4c4c4 100%);
  background-repeat:repeat-x;
  border:1px solid #9d9d9d;
  border-radius:2px;
  color:#444;
  padding:3px 5px;
  text-shadow:1px 1px #f6f6f6
 }
 input[type=button]:hover,input[type=submit]:hover {
  background-image:linear-gradient(to bottom,#c4c4c4 0,#aaa 100%);
  background-repeat:repeat-x;
  cursor:pointer;
  text-decoration:none
 }
 input.defaultButton {
  color:#2b2b2b;
  font-weight:700
 }
 div.separator {
  border-bottom:1px dotted #222
 }
 .banner-img {
  margin-bottom:10px
 }
 .banner-img:hover {
  opacity:.7;
  filter:alpha(opacity=70)
 }
 .indexers {
  margin:10px 0
 }
 .indexers a {
  border:2px solid transparent;
  padding:5px 3px
 }
 .indexers a:hover {
  background:0 0;
  border:2px dotted navy;
  opacity:.75;
  filter:alpha(opacity=75)
 }
 .indexers a img {
  height:38px
 }
 a img {
  border:0
 }
 div.thickSeparator {
  margin-bottom:10px
 }
 span.highlight {
  background-color:#ffff80
 }
 .intro {
  background-color:#fff2db;
  border:1px dotted Orange;
  padding:10px
 }
 .intro ul {
  margin:0;
  padding-left:1em
 }
 .highlight {
  background-color:ivory;
  border:1px dashed #ffa851;
  padding-bottom:6px;
  padding-top:6px
 }
 .issueCoverImage {
  border:1px solid #fff;
  margin:0;
  padding:0
 }
 .issueCoverImage img {
  border:0 solid #fff;
  box-shadow:4px 4px 6px #aaa;
  margin:1em 2em 1em 0;
  width:100px
 }
 .cover-image-intro {
  border:1px solid #eee;
  box-shadow:1px 1px 12px #ccc;
  margin:0 0 0 1em;
  width:100px
 }
 .color-box {
  display:block;
  float:left;
  height:40px;
  margin-right:5px;
  width:60px
 }
 .color1 {
  background-color:#0d355e
 }
 .color1-light {
  background-color:#f0f0ff
 }
 .color2 {
  background-color:Orange
 }
 .color2-light {
  background-color:#ffedcc
 }
 .color-grey-light {
  background-color:#f4f4f4
 }
 #journalDescription {
  float:left;
  width:60%
 }
 #homepageImage {
  float:right;
  width:38%;
  margin-bottom:10px
 }
 #homepageImage img {
  height:auto;
  max-width:100%;
  margin-top:-1em
 }
 #setupForm #homepageImage,#setupForm #journalDescription {
  width:100%
 }
 #setupForm #homepageImage img {
  margin-left:0;
  margin-top:0
 }
 .articleDOI,.tocAuthors,.tocDOI {
  margin-top:4px;
  padding-left:30px
 }
 #body {
  display:none
 }
 #setupForm .uploadField {
  width:400px!important;
  margin-right:10px;
  float:left!important
 }
 #sidebar {
  float:right
 }
 .tocDOI,
 .articleDOI {
      background: url(/public/site/images/admin/icons/icon-doi.png) 1px 2px no-repeat rgba(0, 0, 0, 0);
      margin-top: 4px;
      padding-left: 30px;
 }
 .tocAuthors {
  background:url(https://obsesi.or.id/public/author.png) 1px 2px no-repeat rgba(0,0,0,0);
  font-style:italic;
  padding-bottom:5px
 }
 .tocGalleyPdf {
  background:url(https://journal.uinsgd.ac.id/public/site/images/busro/icon-pdf.png) top right no-repeat;
  height:20px;
  width:24px;
  display:inline-block;
  float:right
 }
 .tocGalleyFile {
  background:url(https://obsesi.or.id/public/site/icon-file.png) top right no-repeat; height:20px
 }