/* semua modal */
.modal {
  height: 95%;
  font-size: small;
}
.modal .modal-content .btn *,
.modal button {
  font-weight: lighter !important;
}

/* modal profil pengguna, pesan*/
#info_pengguna form ::placeholder,
#modal_pesan form ::placeholder {
  font-size: x-small;
  font-style: italic;
  font-weight: bold;
}

#info_pengguna .titik2 {
  float: right;
  vertical-align: top;
  margin-right: -18px;
}

#info_pengguna {
  font-weight: bold;
}

#info_pengguna input {
  border: darkolivegreen 2px solid;
  font-weight: bold;
}

/* modal kirim pesan */
#modal_pesan .modal-header,
#modal_pesan .modal-body {
  font-weight: bold;
}

#modal_pesan form textarea {
  font-weight: bold;
  resize: none;
  border: none;
  outline: none;
  height: 150px;
  width: 100%;
}

/* modal ikon plus tampilan list surat */
#tambah_surat_nav_bawah .modal-content {
  line-height: 0.8cm;
}

#tambah_surat_nav_bawah li {
  text-align: left;
  margin-left: -15px !important;
}
#tambah_surat_nav_bawah a {
  text-align: left;
  margin-left: 5px !important;
}
#tambah_surat_nav_bawah .daftar_surat * {
  color: blue !important;
  font-weight: bolder !important;
  text-decoration: none !important;
}

#info_pengguna button,
#modal_pesan button,
#tambah_surat_nav_bawah button {
  font-weight: bold;
}

@media screen and (min-width: 280px) and (max-width: 355px) {
  #modal_pesan .modal-content,
  #tambah_surat_nav_bawah .modal-body {
    /* #modal_pesan .modal-title{ */
    font-size: 10px;
  }
  #tambah_surat_nav_bawah .modal-body {
    max-height: 50vh;
  }

  #tambah_surat_nav_bawah .modal-content * {
    font-size: 10px !important;
  }

  #info_pengguna *,
  #info_pengguna input {
    font-size: 10px;
  }

  #info_pengguna button,
  #modal_pesan button,
  #tambah_surat_nav_bawah button {
    font-size: 10px !important;
  }
}

@media screen and (min-width: 356px) and (max-width: 800px) {
  #modal_pesan .modal-content,
  #hasil_cek_surat .modal-content,
  #modal_cek_surat1 .modal-content,
  #tambah_surat_nav_bawah .modal-body {
    /* #modal_pesan .modal-title{ */
    font-size: 12px !important;
  }

  #tambah_surat_nav_bawah .modal-body {
    max-height: 50vh;
  }

  #tambah_surat_nav_bawah .modal-content * {
    font-size: 12px !important;
  }

  #info_pengguna *,
  #info_pengguna input {
    font-size: 12px;
  }

  .modal .btn {
    font-size: 12px !important;
  }
}