* {
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    font-family: sans-serif;
}

.pkp_site_name .is_img img{
    display: inline-block; 
    max-height: none;
  width: auto;
  height: auto;
}

@media (min-width: 992px) {
  .navbar-logo img {
    max-width: 100%;
    max-height: 100%;
  }
}


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

.pkp_site_name_wrapper, .pkp_navigation_primary_row{
    padding-left: 10px;
    padding-right: 10px;
}

.pkp_site_name{
    padding-top: 2px;
    padding-bottom: 2px;
}

.obj_article_details .abstract{
    text-align: justify;
    font: tahoma, geneva, sans-serif;
}

.obj_article_details .references{
    text-align: justify;
    font: tahoma, geneva, sans-serif;
}

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

.menu-item {
            /*display: flex;*/
            align-items: center;
            gap: 15px;
            color: white;
            text-decoration: none;
            padding: 15px;
            width: 100%;
            position: relative;
            transition: background 0.3s, transform 0.3s;
        }
.menu-item::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 0;
            height: 3px;
            background: #fea313; 
            transition: width 0.8s;
        }
.menu-item:hover::before {
            width: 100%;
        }
        /*Hover Menu dropcol Ijo*/
        .menu-item:hover {
            background: #0c963b;
            transform: scale(1.05);
        }
        .menu-item i {
            font-size: 20px;
            transition: transform 0.3s;
        }
        .menu-item:hover i {
            transform: rotate(360deg);
        } 

.dropcol {
  width:100%;
  border-collapse:collapse;
}
.dropcol th{
  height:20px;
  background:#038913;
  color:#edbc9f;  
}
.dropcol td img {
	max-width: 100%; /* Gambar akan responsif */
    height: auto;
    border: 1px solid #ddd; /* Garis tepi opsional */
    border-radius: 10px; /* Membuat tepi gambar melengkung */
    text-align: center;
}
.dropcol td{
  height:40px;
  vertical-align:center;
  border-bottom:5px solid #e8f7e6;
  text-align:left;
  padding:5px;
}

.dropcol td a {

  font-weight:bold;
  display:inline;
}
.dropcol tr {
  background:#143781;
  color:#f77902;
}
.dropcol tr:hover {
  background-color:#104dcc;
}
.dropcol tr a {
  color:#fff;
  font-style:bold;
  font-size: 14px;
}
.dropcol tr a:hover {
    color :#fea313;
}

.obj_galley_link{
  background:#038913;
  color:#fff;
}

.dropbtn {
  background-color: #006C3B;
  color: white;
  padding: 16px;
  font-size: 16px;
  font-color: white;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.pkp_footer_content {
  float: left;
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.pkb_brand_footer {
  float: right;
  width: 30%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dropdown-content a:hover {
  background-color: white; 
  color:#006C3B;
}

.dropdown:hover .dropdown-content {
  background-color: #006C3B; 
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #006C3B;
}

/*Deskripsi JMP*/
.responsive-table {
            width: 100%;
            border-collapse: collapse;
        }
        .responsive-table th, .responsive-table td {
            /*border: 1px solid #ddd;*/
            padding: 3px;
            text-align: justify;
        }
        .responsive-table th {
            background-color: #f4f4f4;
        }
        .responsive-image {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 20px 0;
        }
/*End Deskripsi JMP*/

/*Buka CSS RList*/
/* Reset and Basic Styles */
        body {
            /*font-family: Arial, sans-serif;*/
            /*background-color: #f2f2f2;*/
            /*margin: 0;*/
            /*padding: 0;*/
            /*display: flex;*/
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        .table-container {
            width: 100%;
            max-width: 800px;
            padding: 20px;
        }

        /* Row Styles */
        .row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-bottom: 15px;
            background-color: #ffffff;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .row:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        }

        /* Image Column */
        .col-image {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
        }
        .col-image img {
            width: 80px;
            height: 80px;
            object-fit: cover;
            border-radius: 50%;
            border: 3px solid #ddd;
        }

        /* Content Column */
        .col-content {
            flex: 3;
            padding: 15px;
        }
        .col-content .name {
            font-size: 1.2rem;
            font-weight: bold;
            margin-bottom: 5px;
        }
        .col-content .details {
            color: #555;
            margin-bottom: 5px;
        }
        .col-content .socials a {
            color: #007bff;
            text-decoration: none;
            font-weight: bold;
            margin-right: 10px;
        }
        .col-content .socials a:hover {
            text-decoration: underline;
        }

        /* Responsiveness */
        @media (max-width: 600px) {
            .row {
                flex-direction: column;
                text-align: center;
            }
            .col-content {
                padding: 10px;
            }
        }
/*Tutup CSS RList*/