@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
        #cssmenu {
          position: relative;
          margin: 0;
          font-family: 'Roboto Condensed';
		  line-height: 1;
          width: 100%;
        }
        .align-right {
          float: right;
        }
        #cssmenu ul {
          margin: 0;
          padding: 0;
          list-style: none;
          display: block;
        }
        #cssmenu ul li {
          position: relative;
          margin: 0;
          padding: 0;
        }
        #cssmenu ul li a {
          text-decoration: none;
          cursor: pointer;
        }
        #cssmenu > ul > li > a {
          color: #dddddd;
          text-transform: uppercase;
          display: block;
          padding: 20px;
          border-top: 1px solid #000000;
          border-left: 1px solid #000000;
          border-right: 1px solid #000000;
          background: #0177a9;
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
          letter-spacing: 1px;
          font-size: 16px;
          font-weight: 300;
          -webkit-transition: all 0.25s ease-in;
          -moz-transition: all 0.25s ease-in;
          -ms-transition: all 0.25s ease-in;
          -o-transition: all 0.25s ease-in;
          transition: all 0.25s ease-in;
          position: relative;
        }
        #cssmenu > ul > li:first-child > a {
          border-top-left-radius: 3px;
          border-top-right-radius: 3px;
        }
        #cssmenu > ul > li:last-child > a {
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px;
          border-bottom: 1px solid #000000;
        }
        #cssmenu > ul > li:hover > a,
        #cssmenu > ul > li.open > a,
        #cssmenu > ul > li.active > a {
          background: #0177a9; /* Warna Hover Menu*/
          color: #ffffff;
        }
        #cssmenu ul > li.has-sub > a::after {
          content: "";
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          border-top: 13px solid #000000;
          border-botom: 13px solid transparent;
          border-left: 125px solid transparent;
          border-right: 125px solid transparent;
          left: 0;
          bottom: -13px;
          bottom: 0px;
          z-index: 1;
          opacity: 0;
          -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          -ms-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease;
        }
        #cssmenu ul > li.has-sub > a::before {
          content: "";
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          border-top: 13px solid #151515;
          border-botom: 13px solid transparent;
          border-left: 125px solid transparent;
          border-right: 125px solid transparent;
          left: 0;
          bottom: -12px;
          bottom: -1px;
          z-index: 3;
          opacity: 0;
          -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          -ms-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease;
        }
        #cssmenu ul > li.has-sub::after {
          content: "";
          display: block;
          position: absolute;
          width: 0;
          height: 0;
          border: 7px solid transparent;
          border-top-color: #dddddd;
          z-index: 2;
          right: 20px;
          top: 24.5px;
          pointer-events: none;
        }
        #cssmenu ul > li:hover::after,
        #cssmenu ul > li.active::after,
        #cssmenu ul > li.open::after {
          border-top-color: #ffffff;
        }
        #cssmenu ul > li.has-sub.open > a::after {
          opacity: 1;
          bottom: -13px;
        }
        #cssmenu ul > li.has-sub.open > a::before {
          opacity: 1;
          bottom: -12px;
        }
        #cssmenu ul ul {
          display: none;
        }
        #cssmenu ul ul li {
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
        }
        #cssmenu ul ul li a {
          background: #00BFFF;
          display: block;
          position: relative;
          font-size: 15px;
          padding: 14px 20px;
          border-bottom: 1px solid #dddddd;
          color: #777777;
          font-weight: 300;
          -webkit-transition: all 0.25s ease-in;
          -moz-transition: all 0.25s ease-in;
          -ms-transition: all 0.25s ease-in;
          -o-transition: all 0.25s ease-in;
          transition: all 0.25s ease-in;
        }
        #cssmenu ul ul li:first-child > a {
          padding-top: 18px;
        }
        #cssmenu ul ul ul li {
          border: 0;
        }
        #cssmenu ul ul li:hover > a,
        #cssmenu ul ul li.open > a,
        #cssmenu ul ul li.active > a {
          background: #e4e4e4;
          color: #666666;
        }
        #cssmenu ul ul > li.has-sub > a::after {
          border-top: 13px solid #dddddd;
        }
        #cssmenu ul ul > li.has-sub > a::before {
          border-top: 13px solid #e4e4e4;
        }
        #cssmenu ul ul ul li a {
          padding-left: 30px;
        }
        #cssmenu ul ul > li.has-sub::after {
          top: 18.5px;
          border-width: 6px;
          border-top-color: #777777;
        }
        #cssmenu ul ul > li:hover::after,
        #cssmenu ul ul > li.active::after,
        #cssmenu ul ul > li.open::after {
          border-top-color: #666666;
        }
		
/* Struktur Sidebar */
.kepala {
	color: #ffffff; 
	background: #1ca2c7; 
	padding: 5px; 
	font-family: FontAwesome;
	line-height: 23px;
	border-bottom: 2px solid #ffffff;
	font-weight: bold;
	text-align: center;
}

.badan a {
	display: block; 
	padding: 5px; 
	border-bottom: 1px solid #1ca2c7; 
	background: linear-gradient(90deg,rgb(31, 176, 247) 0%, rgb(227, 255, 255) 100%);
	text-align: center;
	transition: 0.5s ;
	color:black;

}

.badan a:hover {
	background: #edf8ff;
	color: black !important;
	font-weight: bold;
}

.obj_article_details .abstract {
    text-align: justify;
}

.obj_issue_toc .description {
    text-align: justify;
    margin-bottom: 10px; /* Adjust this value to increase or decrease the space */
    padding-top: 10px; /* Add padding if needed */
}

.cover {
	display:left !important;
}

.obj_issue_summary .description {
	text-align: justify;
}

.obj_article_details .item {
	text-align: justify;
}

.pkp_footer_content {
  float: left;
  width: 100%;  padding-top: 10px;
  padding-bottom:10px;
}
.pkp_brand_footer {
  display:none;
}


/* Youtube Responsive */

.embedded-video-large{
background-color: #000;
background-position: center;
background-size: cover;
cursor: pointer;
display: inline-block; 
width: 400px; height: 230px; 
max-width: 100%; overflow: hidden; position: relative}

.videoyoutube{text-align: center; margin: 20px auto; width:80%;}
.video-responsive{position: relative; padding-bottom: 56.25%; overflow: hidden; margin: 8px}
.video-responsive iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0}

@media screen and (max-width: 400px){.videoyoutube{width: 100%} }

.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: 250px !important;}
.pkp_site_name_wrapper {padding-left: 0; padding-right: 0;}
.pkp_navigation_user_wrapper {top: 0; right: 0; padding-right:30px;}
.pkp_structure_page {margin-top: 20px !important; margin-bottom:20 !important; padding-bottom: 20 !important;}
.pkp_site_name .is_img img {
   display: center;
   width: 100%;
   height: 100%;
}

.pkp_structure_content {
/*background: transparent url("/public/site/images/safaruddin/backgroundgreen.png") repeat scroll 0% 0% !important;*/
}

.pkp_footer_content {
background: transparent url("/public/site/images/admin/skulls.pn") repeat scroll 0% 0% !important;	
}

@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&display=swap');
.journals ul .body .description a {display: inline;}
html, body, * {font-family: helvetica, calibri; }
body {background-image: #);}
a { color: #1a11a7; }
a:hover { color: #0b6ab0; }

.obj_article_summary {
    background-color: transparent; /* Warna latar belakang transparan */
    font-family: sans-serif; /* Jenis font untuk teks */
    text-align: justify; /* Rata kiri untuk teks */
    border: 1px solid #1a11a7; /* Garis tepi */
    padding: 10px; /* Ruang di dalam kotak */
    border-radius: 5px; /* Sudut melengkung */
    box-shadow: 3px 3px #1a11a7; /* Bayangan kotak */
    font-size: 12px; /* Ukuran font untuk semua teks default 12px */
    min-height: 130px; /* Ukuran tinggi minimum 120 piksel */
}

.obj_article_summary .title {
    font-size: 14px; /* Ukuran font untuk judul khusus 14px */
}

.obj_article_summary .authors .name,
.obj_article_summary .authors .affiliation,
.obj_article_summary .authors .country {
    font-size: 12px; /* Ukuran font untuk nama, afiliasi, dan negara 12px */
}

.obj_article_summary .authors {
    font-size: 12px; /* Ukuran font untuk seluruh konten penulis */
}


.obj_article_summary:hover {
	background:#edf8ff
}

.obj_article_details .page_title {
background: #transparent;
    /*padding: 15px;*/

}
.pkp_navigation_user.pkp_nav_list .profile a{
    border-radius:15px !important;
    padding-left:10px;
	padding-right:10px;
	background:#0177a9;
	color:white;
	border: 2px solid #edf8ff
}

.pkp_navigation_user.pkp_nav_list .profile a:hover {
	background:#ffffff;
	color:black;
}

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


.pkp_navigation_primary_row {background: #0177a9 !important;}
.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 15px !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 {font-family:Sunflower, helvetica, calibri; color: #FFFFFF !important; font-weight: 600 !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {background: rgba(0,0,0,.3) !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: #0177a9 !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: solid 1px rgb(255 255 255) !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 .pkp_search .search_controls a.headerSearchPrompt.search_prompt {font-family: Sunflower, helvetica, calibri; color: #FFFFFF !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {font-family: Sunflower, helvetica, calibri;}


.pkp_navigation_primary {
    display: block !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: auto auto;
}

.pkp_search {
    display: none !important;
}
.pages::before {
    content: "\f0f6";
    font-family: FontAwesome;
}

.published::before {
    content: "\f073";
    font-family: FontAwesome;
    top: 0;
    color :#0177a9;
}
.current_issue_title::before {
    content: "\f02d";
    font-family: FontAwesome;
    top: 0;
    color :#0177a9;
}
ul.galleys_links li {
    font-size: 10pt;
}

.most_read_article_title {
	text-align: justify;
}

.obj_article_summary > .title::before {
	content: "\f26c";
    font-family: FontAwesome;
	top: 0;
}

.pkp_page_index .current_issue::before {
	content: "\f07b";
    font-family: FontAwesome;
	font-size: 20px;
    top: 0;
    color :#0177a9;
}

.obj_announcement_summary {
	text-align: justify;
}

.obj_announcement_summary h3::before {
	content: "\f0a1";
    font-family: FontAwesome;
	font-size: 15px;
	top: 0;
}

.obj_announcement_summary h4::before {
	content: "\f0a1";
    font-family: FontAwesome;
	font-size: 15px;
	top: 0;
}

.section h2::before {
	content: "\f07c";
    font-family: FontAwesome;
	font-size: 20px;
    top: 0;
    color :#0177a9;
}
.title {
    position: relative;
    padding-left: 25px; /* Menambahkan ruang untuk ikon di dalam kotak */
    line-height: 1.5em; /* Mengatur jarak baris jika judul panjang */
}

.title::before {
    content: "\f108"; /* Icon monitor dari FontAwesome */
    font-family: FontAwesome;
    font-size: 15px; /* Sesuaikan ukuran ikon */
    position: absolute;
    left: 0; /* Pastikan ikon berada di dalam kotak */
    top: 0; /* Sejajarkan ikon dengan teks */
    color: #0177a9; /* Warna ikon */
    line-height: 


}


.obj_article_details .main_entry .keywords .label::before {
    content: "\f084"; /* Menetapkan konten ikon */
    font-family: FontAwesome; /* Menetapkan font untuk ikon */
    font-size: 10px; /* Ukuran ikon */
    color: #0177a9; /* Warna ikon */
}


.abstract h3::before {
	content: "\f044";
    font-family: FontAwesome;
	font-size: 15px;
    top: 0;
    color :#0177a9;
}

.references h3::before {
	content: "\f02d";
    font-family: FontAwesome;
	font-size: 15px;
    top: 0;
    color :#0177a9;
}
.obj_article_details > .page_title {
	text-align: justify;
}
.imgcrossmark {
	width: 250px;
}
.pkp_block {
    padding: 0px 5px 0px 5px;
}
.pkp_block .title {
    display: none;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #0c0999;
    font-weight: 700;
    text-transform: uppercase;
}
.obj_issue_toc .cover img {
    float: left;
    padding: 0px 30px 0px 0px;
}

.pkp_navigation_user {
    background: transparent;
    border-bottom: 2px solid transparent;
}