/* Font Default */
body {
  font-family: 'Segoe UI', sans-serif;
}

/* Gaya Tombol */
.btn-primary {
  background-color: #218721;
  color: white !important;
  border: 1px solid #218721;
}

.btn-primary:hover {
  background-color: #0062d9;
  border: 1px solid #0062d9;
}

table .btn {
  margin: 0px !important;
}

/* Gaya Panel */
.panel-heading {
  padding: 20px 15px;
  border-bottom: 1px solid #ececec;
}

/* Sidebar */
.sidebar-nav .metismenu a {
  position: relative;
  display: block;
  padding: 13px 15px;
  color: #000;
  outline-width: 0;
  transition: all .3s ease-out;
  font-size: 14px;
  font-weight: 400;
}

.sidebar-nav .metismenu a > .icon-wrap {
  font-size: 20px;
  margin-right: 11px;
}

#sidebar {
  border-right: 1px solid #eee;
}

/* Footer */
.footer-copyright-area {
  margin-top: 100px;
}

/* Wrapper Konten */
.all-content-wrapper {
  min-height: 500px;
}

/* Tabel */
.table th,
.table td,
td {
  vertical-align: middle !important;
  font-size: 0.95rem;
}

/* Gambar */
.img-user {
  width: 100px;
}

/* Badge dengan ikon */
.badge i {
  margin-right: 4px;
}

/* Kotak Ringkasan */
#aggregat-box ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

#aggregat-box li {
  display: inline-block;
  margin-right: 10px;
  background-color: #f4f4f4;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: bold;
}

/* Peta Staff */
#staffMap {
  height: 500px;
  min-height: 400px;
  display: block !important;
  visibility: visible;
}


/* Input Placeholder */
#mapSearchInput::placeholder {
  font-style: italic;
}