body {
    background-color: white;
}

.pkp_site_nav_menu {
    background-color: #12473d;
}

.pkp_block {
    /* JARAK KOTAKAN ANTARA BLOCK SIDEBAR */
    padding: 10px;
    padding-top: 0;

}

body>div>div.pkp_structure_content.has_sidebar {
    background-color: white;
}

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


.pkp_structure_page {
    margin-top: 0px;
    margin-bottom: 0px;

    /* margin: auto;
	border-right: 1px solid gray;
	border-left: 1px solid gray;  */
}

/* body > div.pkp_structure_page > div.pkp_structure_content.has_sidebar {
	box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.75);
} */

/*  .pkp_structure_footer_wrapper {
    display: none;
} */

body>div>div.pkp_structure_footer_wrapper>div>div.pkp_brand_footer>a>img {
    display: none;
}

#headerNavigationContainer {
    /* NGEPASIN BELAKANG HEADER SAMAIN KE HEADER*/
    width: 1160px;
    margin: auto;
}

body>div>div.pkp_structure_footer_wrapper {
    /* NGEPASIN BELAKANG FOOTER*/
    width: 1160px;
    margin: auto;
}

.pkp_structure_footer_wrapper {
    background-color: #F5F7EE;
}

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


.pkp_block .title {
    text-align: center;
    padding: 10px;
    background-color: #12473d;
    color: white;

}

#pkp_content_main>div>div.additional_content>p>img {
    width: 30%;
}

#customblock-assosiate>div>p:nth-child(2)>a>strong>img {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#customblock-assosiate>div>p:nth-child(3)>a>strong>img {
    width: 80;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#customblock-assosiate>div>p:nth-child(4)>a>strong>img {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


#customblock-turnitindanmendeley>div>p:nth-child(2)>a>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#customblock-turnitindanmendeley>div>p:nth-child(3)>a>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body>div.pkp_structure_page>div.pkp_structure_content.has_sidebar>div.pkp_structure_sidebar.left>div.pkp_block.block_Keywordcloud>span {
    text-align: center;
}

body>div.pkp_structure_page>div.pkp_structure_content.has_sidebar>div.pkp_structure_sidebar.left>div.pkp_block.block_web_feed>span {
    text-align: center;
}

#customblock-flagcounter>div>p:nth-child(2)>a>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#navbar,
ul.sidemenu li:before {
    /* tanda */
    display: none
}

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

ul.sidemenu li {
    padding: 0
}

ul.sidemenu li a {
    background-color: #12473d;
    border-bottom: 1px solid #12473d;
    color: white;
    display: block;
    padding: 0.66em 10px .6em 13px;
    text-decoration: none;
}

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


ul.sidemenu li a,
ul.sidemenu li:first-child a {
    border-top: 1px solid #cbb361
        /*warna kanan; */
    ;
}


.cmp_button_wire,
.obj_galley_link {
    /* warna button pdf di home */
    background-color: #12473d;
    color: white;
}

.cmp_button_wire,
.obj_galley_link:hover {
    background-color: #cbb361;
}

.obj_article_summary>.title a {
    /* warna tulisan setiap artikel di home */
    color: #12473d;
}

.obj_article_summary>.title a:hover {
    color: #cbb361;
}


.pkp_site_name .is_img img {
    /* gambar di header sesuai ukuran */
    display: inline-block;
    max-height: 1650px;
    max-width: 100%;
    width: auto;
    height: auto;
    margin-top: -34px;

}

@media (min-width: 240px) and (max-width: 480px) {

    /* gambar di header sesuai ukuran mobile */
    .pkp_site_name .is_img img {
        width: auto;
    }

    #headerNavigationContainer {
        width: auto;
    }
}


#headerNavigationContainer {
    /* NGEPASIN BELAKANG HEADER SAMAIN KE HEADER*/
    width: 1160px;
    margin: auto;
}

#navigationPrimary {
    /* NAVBAR JARAK */
    padding: 10px;
    margin-left: 10px;
}

#navigationUser {
    /* NAVBAR USER */
    margin-right: 50px;
    margin-top: 10px;
}


.obj_issue_toc .galleys_links li {
    /* POSISI BUTTON PDF SETIAP ARTIKEL DI HOME */
    display: block;
    text-align: right;
}

.obj_article_summary {
    /* EFEK SHADOW PADA KOTAK ARTIKEL DI HOME */
    padding: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 4px #afab77;
}

ul.sidemenu li a {
    /* BENTUKAN BUTTON DI SIDEBAR BLOCK MENU  */
    background-color: #12473d;
    border-bottom: 1px solid white;
    color: white;
    display: block;
    padding: 10px;
    text-decoration: none;
}

/* #customblock-menu > ul {  /* MENGHILANGKAN SIMBOL YG ADA DI MENU SIDEBAR BLOCK MENU  
 	list-style: none;
} */

.pkp_block .content ul li {
    /* JARAK ATAS BAWAH ANTAR MENU SATU SAMA LAIN PADA SIDEBAR BLOCK MENU  */
    padding: 0;
}


section.homepage_about>h2 {
    /* HILANGKAN TULISAN TITLE ABOUT THE JOURNAL DI HOME */
    display: none !important;
}

body>div>div.pkp_structure_content.has_sidebar>div.pkp_structure_main>div>section.homepage_about {
    margin-top: -2rem;
}

/* Base button style */
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 0.6rem;
    line-height: 1.5;
    border-radius: 0.375rem;
    transition: all 0.15s ease-in-out;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
}

/* Colors */
.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff !important;
    background-color: #5c636a;
    border-color: #565e64;
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

.btn-success:hover {
    color: #fff !important;
    background-color: #157347;
    border-color: #146c43;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff !important;
    background-color: #bb2d3b;
    border-color: #b02a37;
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover {
    color: #fff !important;
    background-color: #ffca2c;
    border-color: #ffc720;
}

.btn-info {
    color: #fff;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}

.btn-info:hover {
    color: #fff !important;
    background-color: #31d2f2;
    border-color: #25cff2;
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}

.btn-dark:hover {
    background-color: #1c1f23;
    border-color: #1a1e21;
}

/* Disabled */
.btn:disabled,
.btn.disabled {
    opacity: 0.65;
    pointer-events: none;
}

/* Optional: Outline buttons */
.btn-outline-primary {
    color: #0d6efd;
    background-color: transparent;
    border: 1px solid #0d6efd;
}

.btn-outline-primary:hover {
    background-color: #0d6efd;
    color: #fff;
}