.sampul {
  width: 70px;
}
.table > tbody > tr > * {
  vertical-align: middle;
}

.pjus {
  text-align: justify;
}
a.c {
  word-spacing: 10cm;
}

footer {
  margin: 0px;
  padding: 15px;
}
.h {
  height: 90px;
}
h1,
h2,
h3 {
  margin-top: 50px;
  margin-bottom: 10px;
}
li.a {
  text-align: bold;
}

.img_left {
  float: left;
  margin: 15px;
}

.mar {
  margin-right: 50px;
}

/* dari web: https://mdbootstrap.com/docs/standard/extended/login/ */
.divider:after,
.divider:before {
  content: "";
  flex: 1;
  height: 1px;
  background: #eee;
}
.h-custom {
  height: calc(100% - 73px);
}
@media (max-width: 450px) {
  .h-custom {
    height: 100%;
  }
}

/* buat pargraf di struktur organisasi */
/* body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  margin: 20px;
} */
.organization {
  margin-bottom: 20px;
}
.title {
  font-size: 1.5em;
  margin-bottom: 10px;
}
.role {
  font-weight: bold;
}
.description {
  margin-left: 20px;
}
/* batas */
hr.judul {
  width: 250px;
  border-top: 4px solid #e9eaee;
}

.djudul {
  width: 40%; /* Atur lebar garis */
  margin: 0 auto; /* Pusatkan garis */
  margin-bottom: 60px;
  border-top: 8px solid rgb(76, 11, 226);
}
.note-editor .dropdown-toggle::after {
  all: unset;
}
.note-editor .note-dropdown-menu {
  box-sizing: content-box;
}
.note-editor .note-modal-footer {
  box-sizing: content-box;
}