/*
 * Ruang Portofolio - penyesuaian tampilan dashboard (di atas AdminLTE 2).
 * Berisi: banner mode demo, perbaikan tampilan di layar kecil (mobile).
 */

/* Banner mode demo */
.demo-banner {
  position: relative;
  z-index: 800;
  margin-left: 230px;
  padding: 8px 15px;
  background: #fff3cd;
  border-bottom: 1px solid #ffe08a;
  color: #7a5b00;
  font-size: 13px;
}
.sidebar-collapse .demo-banner { margin-left: 50px; }
.demo-login-hint { margin-bottom: 15px; font-size: 13px; }
.login-back { padding-top: 7px; }

/* Tombol hapus di dalam form harus tampil sejajar dengan tombol lain */
form[style*="inline"] { margin: 0; }

/* Tabel & gambar */
.table-responsive { border: 0; }
.table > tbody > tr > td { vertical-align: middle; }
.img-responsive { max-width: 100%; height: auto; }
.cke { max-width: 100%; }

/* Layar kecil: sidebar menjadi menu geser, konten memenuhi layar */
@media (max-width: 767px) {
  .demo-banner,
  .sidebar-collapse .demo-banner { margin-left: 0; }
  .content-header > h1 { font-size: 20px; }
  .content-header > h1 > small { display: block; margin-left: 0; margin-top: 4px; }
  .content { padding: 10px; }
  .box-body { padding: 10px; }
  /* tombol aksi tidak terpotong saat tabel digeser */
  td .btn { margin-bottom: 3px; }
  .main-footer { text-align: center; }
}
@media (max-width: 480px) {
  .login-box { width: 92%; margin-top: 4%; }
}