.vertical-menu {
width: 100%; /* lebar dari menu, saran saya tidak perlu di ubah */
}

.vertical-menu a {
background-color: #ebebeb; /* Warna pada bagian body menu */
color: black; /* Warna tulisan */
display: block;
padding: 12px;
text-decoration: none;
font-family: arial; /*Jenis font*/
border-bottom: 1px solid #24346c;
text-align: center;
}

.vertical-menu a:hover {
background-color: #ccc; /* Warna efek yang keluar ketika di arahkan mouse */
}

.vertical-menu a.active {
background-color: #004E38; /* Warna pada header menu */
color: white; /*Warna font*/
font-family: arial; /*Jenis font*/
border-bottom: 4px solid #FFFF00;
font-weight: bold;
text-align: center;
padding: 12px;
}


.horizontal-menu {
width: 100%; /* lebar dari menu, saran saya tidak perlu di ubah */
}

.horizontal-menu a {
background-color: #ebebeb; /* Warna pada bagian body menu */
color: black; /* Warna tulisan */
display: block;
padding: 12px;
text-decoration: none;
font-family: arial; /*Jenis font*/
border-bottom: 1px solid #FFFF00;
text-align: left;
}

.Horizontal-menu a:hover {
background-color: #ccc; /* Warna efek yang keluar ketika di arahkan mouse */
}

.horizontal-menu a.active {
background-color: #FA9C1B; /* Warna pada header menu */
color: black; /*Warna font*/
font-family: arial; /*Jenis font*/
border-bottom: 4px solid #24346c;
font-weight: bold;
text-align: left;
padding: 12px;
}