.modal .btn-close {
  background-image: url("../../image/icon/close-modal.svg");
  border-radius: 12px;
  opacity: 1;
}
.w-40 {
  width: 40% !important;
}
#modalFilter .form-range-text .d-flex hr {
  width: 16px;
  border-color: #0a0a0a;
}
#modalFilter .form-range-text .d-flex input {
  width: calc(50% - 32px);
}
.modal-title {
  color: black;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.modal-header {
  padding: 24px 24px 16px 24px;
}
.modal-body {
  padding: 0;
}
.modal-body .pegawai-form,
.pengguna-form {
  padding: 24px;
}
.modal-body input {
  padding: 12px 16px;
  border-radius: 8px;
  border: #d6d8db 1px solid;
}
#modalPengguna .input-group {
  border-radius: 8px;
  border: #d6d8db 1px solid;
}
#modalPengguna .input-group input {
  padding: 12px 16px;
  border: 0;
}
textarea {
  padding: 12px 16px;
  border-radius: 8px;
  border: #d6d8db 1px solid;
  height: 100%;
}
.form-modal-footer {
  padding: 16px 24px 24px 24px;
}
.form-modal-footer .btn {
  padding: 8px 32px 8px 32px;
  border-radius: 8px;
}
.form-modal-footer .btn.btn-secondary {
  color: black !important;
}