/* ===========================================================================
   Palet BIRU untuk jQuery UI 1.8.21  (28 Agu 2026)

   Tema aslinya "humanity" = cokelat/oranye. File ini dimuat SESUDAH
   css/humanity/jquery-ui-1.8.21.custom.css, jadi yang ditimpa HANYA warna —
   ukuran, jarak, dan struktur widget tidak disentuh sedikit pun.

   Birunya diambil PERSIS dari header list: .table_header tr th di
   css/datagrid_styles.css -> #14649f. Warna tombol memakai palet yang sudah
   dipakai grid (#eef2f9 / #d6e0ef / #8ca9cf), supaya dialog, datepicker, tab,
   dan tombol jQuery UI satu keluarga dengan tabel.

   Ikon memakai sprite biru milik tema "start" yang MEMANG SUDAH ADA di
   css/start/images/ — tidak ada file gambar baru yang perlu dibuat.

   MAU KEMBALI KE COKELAT: hapus satu baris <link ... jquery-ui-blue.css>
   di application/views/template.php. File ini tidak menimpa apa pun kalau
   tidak dimuat.
   =========================================================================== */

/* --- badan widget: dialog, datepicker, isi tab ---------------------------- */
.ui-widget-content {
	border					: 1px solid #c3d5e4;
	background				: #ffffff;
	color					: #1e1b1d;
}
.ui-widget-content a		{ color: #14649f; }

/* --- judul widget: title bar dialog, header datepicker, batang tab -------- */
/* Ditulis sebagai shorthand `background` supaya gambar gradasi cokelat bawaan
   humanity (ui-bg_glass_25_cb842e) ikut terhapus, bukan cuma tertimpa warna. */
.ui-widget-header {
	border					: 1px solid #0f4d7b;
	background				: #14649f;
	color					: #ffffff;
	font-weight				: bold;
}
.ui-widget-header a			{ color: #ffffff; }

/* --- state normal: tombol, tanggal di datepicker, tab tidak aktif --------- */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border					: 1px solid #8ca9cf;
	background				: #eef2f9;
	font-weight				: normal;
	color					: #262c31;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited	{ color: #262c31; text-decoration: none; }

/* --- state hover / fokus -------------------------------------------------- */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border					: 1px solid #14649f;
	background				: #d6e0ef;
	font-weight				: normal;
	color					: #14649f;
}
.ui-state-hover a,
.ui-state-hover a:hover		{ color: #14649f; text-decoration: none; }

/* --- state aktif ----------------------------------------------------------
   SENGAJA TERANG, bukan biru pekat. Tab aktif duduk DI ATAS batang tab yang
   sekarang biru; kalau state aktif ikut biru, tab yang sedang dibuka justru
   tenggelam dan tab lain yang terlihat menonjol — persis kebalikan dari yang
   diharapkan. Terang juga mengikuti perilaku asli humanity: tab aktif menyatu
   dengan panel isi di bawahnya. Penandanya teks biru tebal + garis biru. */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border					: 1px solid #0f4d7b;
	background				: #ffffff;
	font-weight				: bold;
	color					: #14649f;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited	{ color: #14649f; text-decoration: none; }

/* Kekecualian: tanggal yang sedang dipilih di datepicker. Di sini latar putih
   nyaris tak terlihat karena semua sel tanggal memang terang, jadi sel terpilih
   dibalik jadi biru pekat. */
.ui-datepicker td .ui-state-active,
.ui-datepicker .ui-state-active {
	border					: 1px solid #0f4d7b;
	background				: #14649f;
	font-weight				: bold;
	color					: #ffffff;
}

/* --- pesan error: humanity memakai oranye/cokelat, dibuat merah ------------
   Kalau dibiarkan oranye, peringatan sulit dibedakan dari aksen tema. */
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	border					: 1px solid #e0a3a3;
	background				: #fdecec;
	color					: #8a1f1f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a { color: #8a1f1f; }
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text { color: #8a1f1f; }

/* --- ikon: sprite cokelat -> sprite biru milik tema "start" ---------------
   Path relatif terhadap folder css/, bukan terhadap folder tema. */
.ui-widget-content .ui-icon	{ background-image: url(start/images/ui-icons_0078ae_256x240.png); }
.ui-widget-header .ui-icon	{ background-image: url(humanity/images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon	{ background-image: url(start/images/ui-icons_0078ae_256x240.png); }
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon	{ background-image: url(start/images/ui-icons_056b93_256x240.png); }
.ui-state-active .ui-icon	{ background-image: url(start/images/ui-icons_056b93_256x240.png); }

/* ui-state-highlight (penanda "hari ini" di datepicker dan kotak pesan info)
   SENGAJA dibiarkan kuning bawaan: itu penanda semantik, bukan warna tema. */