@import url('https://fonts.googleapis.com/css?family=Gentium+Book+Basic|Lato');
@import url(https://fonts.googleapis.com/css?family=Teko:400,700|Pathway+Gothic+One);
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import 'https://fonts.googleapis.com/css?family=EB+Garamond';
@import url('http://jkp.poltekkes-mataram.ac.id/plugins/themes/newOJ/font-awesome/css/font-awesome.min.css');

/*--- clear.css ---*/
.color1,.color1-light,.color2,.color2-light{background-color:#ffff}.pull-right{float:right!important}.pull-left{float:left!important}.clear{clear:both}.cover-image-intro{margin:0 0 0 1em;width:100px;box-shadow:1px 1px 12px #ccc;border:1px solid #eee}.color-box{display:block;width:60px;height:40px;float:left;margin-right:5px}body{display:inline!important}.color-grey-light{background-color:#eeeeee}

body{margin:0;padding:0;background-color:transparent;background-image:none;font-family:'Lato',Helvetica,sans-serif;font-weight:normal;font-size:14px;line-height:1.5;display:none;color:#000}
a:link,a:visited,a:active{color:SteelBlue;text-decoration:none}
a:hover{color:SteelBlue;background:none;text-decoration:underline}
h1,h2,h3,h4,h5,h6{font-family:'Lato',Times,sans-serif!important;color:#000;font-weight:normal;text-align:left}
h1{font-size:3em;font-weight:normal}h2{font-size:2em;font-weight:normal}
h3{font-size:1.8em;font-weight:normal}h4{font-size:1.6em;font-weight:normal}h5{font-size:1em;font-weight:normal}h6{font-size:.85em;font-weight:normal}
#container{margin:0 auto;padding:0;background-color:#ccc;width:auto;min-width:730px;text-align:center;display:inline-block}
#header{margin:0;padding:0;background-color:transparent;min-height:150px}
#headerTitle{width:1080px;margin:0 auto;display:inline-block}
#header h1{font-family:'Lato',verdana,sans-serif!important;font-weight:200!important;text-transform:none;font-size:3.2em;letter-spacing:0;color:#111;text-shadow:1px 1px #fff;padding:0!important;line-height:150px;margin-top:-13.33333333px}
#headerTitle img{float:left;display:inline-block;margin-top:13.33333333px;margin-bottom:40px;max-width:1080px;height:auto}
#body{margin:-40px auto 12px auto;padding:0 0 24px 0;background-color:#fff;background-image:none;width:1080px!important;display:inline-block;height:auto}
#main{margin:0;padding:0;background-color:transparent;background-image:none;display:inline;float:left;position:relative;width:874px;overflow:visible!important}#content{border-top:0 dotted #000;font-size:1em}#navbar{margin:0 0 12px 0;padding:0;background-color:SteelBlue;background-image:none;clear:both;text-align:left;border:0;height:40px;width:1080px}#navbar ul{margin:0;padding:0;display:inline-block}#navbar ul li{margin:0;padding:0;float:left}#navbar a,#navbar a:link,#navbar a:visited{font-family:'Lato',sans-serif;font-weight:400;font-size:1em!important;text-transform:none;letter-spacing:0;color:#fff;line-height:40px;display:inline-block;margin:0;padding-left:13px;padding-right:13px}#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,.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(0,0,0,0),#000,rgba(0,0,0,0));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,.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,.01),#fff,rgba(255,255,255,.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:black;display:none}#navbar a:hover{background:#3f75a2;text-shadow:1px 1px #3f75a2}#navbar a:active{background:none;text-decoration:underline}ul.sidemenu li:first-child a{border-top:1px solid #315c80}ul.sidemenu{margin-top:-12px;padding-left:0!important}ul.sidemenu.full{margin:-12px -12px 0 -12px}ul.sidemenu li:before{display:none}ul.sidemenu li{padding:0}ul.sidemenu li a{display:block;padding:.7em 12px .7em 12px;border-bottom:1px solid #315c80;background-color:#4682b4;text-decoration:none;color:#fff}ul.sidemenu li a:hover{background-color:#3a6d98;text-decoration:underline}#breadcrumb{margin:0 12px 1em 12px;padding:.5em 0;background-color:#yellow;background-image:none;font-size:1em;border-bottom:1px dotted #333}#main>h2,#content{padding-left:12px;padding-right:12px}#cpr{border:0 none #fff}#leftSidebar,#rightSidebar{margin:40px 0 0 0;padding:12px;background-color:transparent;background-image:none;font-size:1em;height:auto;overflow:hidden}#leftSidebar{width:0;display:none;float:left;border-right-width:1px;border-right-style:solid;border-right-color:#ccc}#rightSidebar{width:180px;float:right;border-left-width:1px;border-left-style:solid;border-left-color:#ccc}#rightSidebar div.block,#leftSidebar div.block{border:0;padding:0 0 12px 0;margin-bottom:12px;color:inherit}#leftSidebar div.block span.blockTitle,#rightSidebar div.block span.blockTitle{padding:.5em 1em;margin-bottom:12px;background:#4682b4 url(imgs/stripes.png);display:block;color:#fff;letter-spacing:0}#sidebarDevelopedBy.block,#sidebarHelp.block{border:1px solid #999!important;border-radius:4px;padding:.5em 1em!important}#sidebarDevelopedBy.block a,#sidebarHelp.block a{text-decoration:none}.block p{margin:0!important;text-align:justify;text-justify:inter-word}.block ul{padding-left:1.2em;list-style:none}.block li:before{content:"";border-color:transparent SteelBlue;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}table.tocArticle:nth-child(odd) tr{background-color:#e5eef5}table.tocArticle:nth-child(even) tr{background-color:#f4f4f4}table.tocArticle tr:hover{background-color:#ffedcc}table.tocArticle td{padding:5px 10px}table.tocArticle a{text-decoration:none}.tocTitle{font-weight:bold}.tocAuthors{font-style:italic}td.tocGalleys{padding-right:10px}#content ul.menu{margin:0}#content ul.menu li{background-image:-webkit-linear-gradient(top,#2651ff 0,#4f72ff 100%);background-image:-o-linear-gradient(top,#2651ff 0,#4f72ff 100%);background-image:linear-gradient(to bottom,#2651ff 0,#4f72ff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2651ff',endColorstr='#ff4f72ff',GradientType=0);padding:5px 8px;border-radius:3px}#content ul.menu li:hover,#content ul.menu li.current{background-image:-webkit-linear-gradient(top,#ec790f 0,#f28c31 100%);background-image:-o-linear-gradient(top,#ec790f 0,#f28c31 100%);background-image:linear-gradient(to bottom,#ec790f 0,#f28c31 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec790f',endColorstr='#fff28c31',GradientType=0)}#content ul.menu a{color:#fff}#content ul.menu a:hover{color:yellow}input.textField,select.selectMenu,textarea.textArea,input.uploadField{padding:.3em;background-color:#f1f1f1;border:1px solid #aaa;color:#444}input.textField:focus,select.selectMenu:focus,textarea.textArea:focus,input.uploadField:focus{border:1px solid SteelBlue}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,#ddd 0,#c4c4c4 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;text-shadow:1px 1px #f6f6f6;padding:3px 5px;text-decoration:none;border:1px solid #9d9d9d}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.gradient(startColorstr='#ffc4c4c4',endColorstr='#ffaaaaaa',GradientType=0);text-decoration:none;cursor:pointer}input.defaultButton{color:#2b2b2b;font-weight:bold}div.separator{border-bottom:1px dotted #222}.indexers{margin:10px 0}.indexers a{border:2px solid transparent;padding:5px 3px;display:inline-block}.indexers a:hover{background:0;border:2px dotted SteelBlue;opacity:.75;filter:alpha(opacity=75)}a img{border:0}div.thickSeparator{margin-bottom:10px}span.highlight{background-color:#f4f4f4}.intro{background-color:#f4f4f4;border:1px dotted Orange;padding:10px}.intro ul{margin:0;padding-left:1em}.issueCoverImage{border:1px solid #fff;padding:0;margin:0}.issueCoverImage img{margin:1em 2em 1em 0;width:100px;border:0 solid #fff;max-width:500px;height:auto}#content h4 a{text-decoration:none}#announcements{width:auto}#journalDescription{text-align:justify;float:left;width:68%}#homepageImage{float:right;width:30%;margin-top:-1em;margin-left:12px;margin-bottom:25px;text-align:right}#homepageImage img{display:inline-block;max-width:100%;max-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}#poweredby{clear:both;display:block;margin:0 auto 1em auto;text-align:right;width:1080px;padding-right:12px}

.tocAuthors {background: url(https://jurnal.ugm.ac.id/plugins/themes/nusantara2columnsSteelBlue/imgs/icon-group.png) 1px 2px no-repeat rgba(0, 0, 0, 0);font-style: italic;margin-top: 4px;padding-bottom: 5px;padding-left: 30px;}
.tocGalleys .file {color: transparent;background: url(https://jurnal.ugm.ac.id/plugins/themes/nusantara2columnsSteelBlue/imgs/icon-pdf.png) no-repeat top right;height: 20px;width: 24px;display: inline-block;float: right;}
#articleFullText .file {color: transparent;background: url(https://jurnal.ugm.ac.id/plugins/themes/nusantara2columnsSteelBlue/imgs/icon-pdf.png) no-repeat top right;height: 20px;width: 24px;display: inline-block;float: left;}
#articleAbstract div {text-align:justify}
#articleCitations div {text-align:justify}
#journalTitleAndLogo img,#pageHeaderTitle img {width:100%;height:auto;}
#journalThumbnail img,#homepageImage img {width:300px;height:auto;}
#journalLogo img,#journalLogoImage img {width:100px;height:auto;}
#journalFavicon img {width:80px;height:auto;}
p {text-align:justify;line-height:1.5}
table.announcements td.description {width: 100%;text-align: justify;}
/* ============ TABLET ============ */
@media (min-width: 768px) {
    #body {
        box-sizing: border-box;
    }
    #navbar {
        width: 1080px !important;
    }
    #main {
        width: 865px;
    }
}

/* ============ SMARTPHONE ============ */

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

@media (max-width: 480px) {
    #container {
        min-width:0 !important;
    }
    #headerTitle, #headerTitle img {
        width: 100% !important;
    }
    #body {
        width: 90% !important;
    }
    #main {
        width: 100%;
        float: none;
        box-sizing: border-box;
    }
    #sidebar {
        display: none;
    }
    #rightSidebar {
        width: 100%;
        float: none;
        box-sizing: border-box;
    }
    #breadcrumb {
        width: 95% !important;
        padding: 0;
        margin: 0;
        margin-top: 20px;
        padding-bottom: 10px;
    }
    #navbar {
        width: 100% !important;
        height: auto;
    }
    #navbar ul li {
      border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    #content {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #journalDescription {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    
    #homepageImage {
        float: none;
        text-align: left;
        width: 90%;
    }

    #homepageImage img {
        width: 100%;
        display: block;
    }

    #announcementsHome, div.separator, .tocArticle, #pageFooter {
        width: 100%;
    }
    
    #pageFooter {
        text-align: center;
        margin: 20px 0;
    }

    #pageFooter p {
        text-align: center;
    }

    /*! responsive-nav.js 1.0.39 by @viljamis */

    .nav-collapse ul {
      margin: 0;
      padding: 0;
      width: 100%;
      display: block;
      list-style: none;
    }

    .nav-collapse li {
      width: 100%;
      display: block;
    }

    .js .nav-collapse {
      clip: rect(0 0 0 0);
      max-height: 0;
      position: absolute;
      display: block;
      overflow: hidden;
      zoom: 1;
    }

    .js.js-nav-active .nav-collapse-0.opened {
      max-height: 9999px;
	max-height:inherit !important;
    }

    .js-nav-active .js .nav-collapse-0.opened { max-height:inherit !important; }

    .nav-toggle, .nav-toggle.active {
      /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      padding: 15px;
      padding-left: 35px;
      display: block;
      background: #333 url('imgs/burger-menu.png')no-repeat 15px 17px;
      color:#fff !important;
    }

    #navbar a:before {
        background: transparent;
    }
    #navbar a:after {
        background: transparent;
    }
    #announcements {
        width: 100%;
    }
}

a:link, a:visited, a:active {/*merubah warna yang berisi link*/

    color: #B8860B;/*warna awal*/
    text-decoration: none;
}

a:hover{/*warna akhir*/
	color: #000000;
	text-decoration: none;

}

span {/*merubah ukuran font di deskripsi jurnal*/
	font-family: "Adelle Sans", "Droid Sans", -apple-system, "Helvetica Neue", "Segoe UI", "Arial", sans-serif;
	font-weight: normal;
	font-size: 1rem;
}
img:hover {/*membuat gambar dari warna ke hitam*/ 
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%); 
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .3s;
}
#headerTitle img:hover {
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%); 
}
#container {
	background-color: #fff;
    background-image: none;	/*menghilangkan background warna website*/
}

#header {/*Merubah warna header*/
    margin: 0;
    padding: 0;
    background-color: #FAAB33;
    min-height: 80px;
}

#navbar {/*Merubah warna menu header*/
    margin: 0 0 12px 0;
    padding: 0;
    background-color: #FAAB33;
    background-image: none;
    clear: both;
    text-align: left;
    border: 0;
    height: 40px;/*merubah ukuran menu ke atas*/
    width: 1080px;/*merubah ukuran menu ke samping*/
}
#navbar a, #navbar a:link, #navbar a:visited {
    color: #3e2d2d;
}
#navbar a:hover {
    background: #FAAB33;
    text-shadow: 1px 1px #B8860B;
}
ul.sidemenu li a{
	display: block;
	padding: 0.7em 12px 0.7em 12px;
	border-bottom: 1px solid rgb(254, 254, 254);	/*untuk warna garis sidemenu*/
	background-color: #FEFEFE;		/*untuk warna background sidemenu*/
	text-decoration: none;
	color: #000000;				/*untuk warna tulisan sidemenu*/
}
ul.sidemenu li a:hover {
	background-color: #FAAB33;		/*untuk warna sidemenu ketika pointer mouse mengarah ke menu*/
	text-decoration: none;
}
ul.sidemenu li:first-child a {
    border-top:none;
}
.block li:before {
  content: "";
  border-color: transparent #B8860B;		/*untuk warna format bulleting*/
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}
.btn-ijb {/*Membuat Button warna*/
    display: inline-block;
    padding: 10px 20px;
    margin: 1rem auto;
    border-radius: 10px;
    background-color: #F5A241;
    color: #fcfcfc !important;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
}
.btn-ijb:hover, .btn-ijb:active {
	background-color: #96989A !important;
	color: #fcfcfc !important;
}
.widget-samping {/*mengatur background belakang gambar*/
	background-color: #DCDCDC;
    padding:12px;
    margin-right: -12px;
    margin-left: -12px;
}

.widget-samping img {
	width: auto;
	max-width: 85%;/*mengatur ukuran gambar samping*/
	margin: 0 auto;
	display: block;
}

.widget-dynamic{/*merubah warna belakang widget footer*/
    background-color: #DCDCDC;
    padding:15px;
}
.widget-SelfServeContent{
	min-width: 48.75%;
    width: 100%;
    position: relative;
    float: left;
    display: inline-block;
    vertical-align: top;
    background-color: #FEFEFE;/*merubah warna dalam widget fotter*/
    margin-right: 15px;
}
.widget-SelfServeContent:nth-last-child(1){
	  margin-right: 0px;
}
.widget-dynamic-inner-wrap{
    width: 100%;
    display: flex;
    flex-direction: row;
}
  table.tocArticle td {/*Merubah warna di table of content*/
    background-color: #FEFEFE;
}

table.tocArticle {/*Merubah warna garis bawah di table of content*/
	border-bottom: 1px solid #dcdcdc;
}
#rightSidebar form input[type=text], #rightSidebar form input[type=password] {
    border-radius: 3px;
    padding: .3em;
    border: 1px solid #dcdcdc;
    width: 100%;
    margin: .3em 0 0;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 3px;
}
#rightSidebar form input[type=checkbox] {
    margin-top: .3em;
}
#rightSidebar form select {
    border-radius: 3px;
    padding: .3em;
    border: 1px solid #dcdcdc;
    width: 100%;
    margin: 2px 0;
    border-radius: 3px;
}
#rightSidebar form input[type=submit] {
    color: #fcfcfc;
    padding: .3em;
    margin: .3em 0 0;
    border: none;
    border-radius: 5px;
    width: 100%;
    background: #FAAB33;
    text-shadow: none;
    font-weight: bold;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
#rightSidebar form input[type=submit]:hover {
    background: #efc050;
}
#rightSidebar form td>label {
    font-weight: normal;
    font-size: .9em;
}

/* setting gambar pada recent issues */
#pageFooter .nav{display:block}
#pageFooter .nav{padding-left:0;margin-bottom:0;list-style:none}
#pageFooter .nav>li{position:relative;display:block}
#pageFooter .nav>li>a{position:relative;display:block;padding:10px 15px}
#pageFooter .nav>li>a:focus,#pageFooter .nav>li>a:hover{text-decoration:none;background-color:#eee}
#pageFooter .nav:after,#pageFooter .nav:before{display:table;content:" "}
#pageFooter .nav:after {clear:both}
#pageFooter .nav-tabs{border-bottom:1px solid #ddd}
#pageFooter .nav-tabs>li{float:left;margin-bottom:-1px}
#pageFooter .nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
#pageFooter .nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
#pageFooter .nav-tabs>li.active>a,#pageFooter .nav-tabs>li.active>a:focus,#pageFooter .nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
#pageFooter .tab-content>.tab-pane{display:none}
#pageFooter .tab-content>.active{display:block}
#pageFooter .fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
#pageFooter .fade.in{opacity:1}

#pageFooter {
    width: inherit;
}
#pageFooter::after {
    content: "";
    clear: both;
    display: table;
    margin-bottom: 10px;
}
.recentIssues-responsive {
    padding: 0 6px;
    float: left;
    width: 23.5%;
}
.recentIssues-gallery {
    box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}
.recentIssues-gallery img {
    width: 100%;
    height: auto;
}
.recentIssues-gallery img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.recentIssues-desc {
    padding: 15px;
    text-align: center;
}
#rightSidebar div.block span.blockTitle {/*Merubah judul menu disidebar*/
    padding: 4px;
	margin: 0 0px;/*Mengatur panjang pendek garis bawah menu*/
	border-bottom: 1px solid #DCDCDC;/*Merubah warna garis di menu disidebar*/
	font-size: 1.25em;
	text-align: left;
	text-transform: none;/*Mengatur besar kecil huruf*/
	background-image: none;
	color:#000 !important;
	background-color: transparent;
}

.icon-sample_issue:before {
    content: "\f019";
}
#journalDescription{/*Menghilangkan cover halaman depan*/
	width: 68%;
	margin-bottom: 30px;
}

#breadcrumb {
    border-bottom: 1px solid #dcdcdc;
}

/* tambahan baru */
#headerTitle img {
    display: inline-block;
    height: auto;
    width: 100%;
padding-bottom: 40px;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100%;
    height: auto;
}
#headerTitle {
    width: 100%;
}