/* From: /opt/eprints3/lib/themes/biblio/static/style/auto/00_biblio_tokens.css */

/* ═══════════════════════════════════════════════════════════════════════
   TEMA BIBLIO.CO.ID - LAPISAN TOKEN

   INI SATU-SATUNYA BERKAS YANG PERLU ANDA UBAH untuk menyesuaikan tampilan
   dengan identitas institusi. Semua warna, ukuran huruf, dan jarak di seluruh
   tema mengambil nilainya dari sini.

   Setelah mengubah berkas ini, jalankan:
       bin/generate_static <archiveid>

   Mengubah berkas ini saja tidak akan merusak tata letak. Yang berubah hanya
   nilainya, bukan strukturnya.
   ═══════════════════════════════════════════════════════════════════════ */

:root{

  /* ── WARNA ────────────────────────────────────────────────────────────
     Ganti dua nilai pertama dengan warna institusi Anda, lalu sesuaikan
     -tint agar tetap terbaca. Pastikan teks di atas latar terang memenuhi
     rasio kontras WCAG AA 4,5:1.                                         */

  --bb-primary:#1A3A63;        /* warna utama: tautan, tombol, logo      */
  --bb-primary-dark:#122946;   /* keadaan hover dan teks di atas -tint   */
  --bb-primary-tint:#E7ECF3;   /* latar lembut untuk badge dan sorotan   */
  --bb-mark:#8C6D1F;           /* penanda keadaan aktif. Pakai hemat.    */

  --bb-ink:#16202B;            /* teks utama                              */
  --bb-muted:#5A6675;          /* teks sekunder, metadata                 */
  --bb-faint:#68717F;          /* teks paling redup. Jangan lebih terang
                                  dari ini: di bawah nilai ini kontras
                                  jatuh di bawah ambang WCAG AA.          */

  --bb-paper:#F7F8FA;          /* latar halaman                           */
  --bb-surface:#FFFFFF;        /* latar kartu dan bilah                   */
  --bb-rule:#D7DCE4;           /* garis pembatas                          */
  --bb-rule-soft:#E9ECF1;      /* garis pembatas lebih halus              */

  --bb-ok:#1E5F3F;             /* keadaan berhasil / akses terbuka        */
  --bb-ok-tint:#E4EFE9;
  --bb-warn:#8A5A00;           /* peringatan                              */
  --bb-warn-tint:#FBF0DA;
  --bb-err:#9B2A2A;            /* galat                                   */
  --bb-err-tint:#F7E4E4;
  --bb-highlight:#F6E7C3;      /* sorotan kata kunci pada hasil cari      */
  --bb-mark-tint:#F7F0E2;

  /* ── LATAR BERGERAK DI HERO BERANDA ─────────────────────────────────
     Setel --bb-hero-motion ke "none" untuk mematikan sepenuhnya.
     Durasi ditulis sebagai nilai waktu utuh, BUKAN calc() dengan var():
     var() di dalam shorthand animation baru divalidasi saat penghitungan
     nilai, dan kalau gagal SELURUH deklarasi animation ikut gugur - tanpa
     pesan galat apa pun. */

  --bb-hero-motion:block;
  /* Jaring sitasi digambar canvas. Kepadatan, kecepatan, dan jarak
     sambung diatur lewat atribut data- pada <canvas> di index.xpage.
     Warnanya mengikuti --bb-primary dan --bb-mark secara otomatis. */


  /* ── HURUF ──────────────────────────────────────────────────────────
     Font dibundel lokal di style/fonts/. Kalau ingin memakai font lain,
     ganti nilai di bawah dan sunting 01_biblio_fonts.css.               */

  --bb-font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --bb-font-display:var(--bb-font-body);
  --bb-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,"Courier New",monospace;

  /* ── SKALA UKURAN ───────────────────────────────────────────────────
     Tujuh langkah, rasio tetap ~1,2 dari basis 16px. Tinggi baris
     berbanding terbalik dengan ukuran; tracking adalah fungsi dari
     ukuran - makin besar makin rapat, lalu berbalik positif pada label
     huruf kapital.                                                       */

  --bb-fs-micro:11px;   --bb-lh-micro:1.4;   --bb-tr-micro:.11em;
  --bb-fs-meta:13px;    --bb-lh-meta:1.5;
  --bb-fs-body:16px;    --bb-lh-body:1.6;
  --bb-fs-title:19px;   --bb-lh-title:1.35;  --bb-tr-title:-.011em;
  --bb-fs-h2:23px;      --bb-lh-h2:1.25;     --bb-tr-h2:-.018em;
  --bb-fs-h1:29px;      --bb-lh-h1:1.18;     --bb-tr-h1:-.025em;
  --bb-fs-display:36px; --bb-lh-display:1.1; --bb-tr-display:-.032em;

  /* ── JARAK ──────────────────────────────────────────────────────────
     Kelipatan 4px. Jangan pakai nilai di luar daftar ini.               */

  --bb-sp-1:4px;  --bb-sp-2:8px;  --bb-sp-3:12px; --bb-sp-4:16px;
  --bb-sp-5:20px; --bb-sp-6:24px; --bb-sp-8:32px; --bb-sp-10:40px;
  --bb-sp-12:48px;

  /* ── LAIN-LAIN ──────────────────────────────────────────────────── */

  --bb-radius:5px;
  --bb-radius-sm:4px;
  --bb-control-h:30px;         /* tinggi seragam kontrol formulir          */
  --bb-maxwidth:1180px;        /* lebar maksimum isi halaman             */
  --bb-measure:70ch;           /* lebar baca maksimum untuk teks panjang */
}



/* From: /opt/eprints3/lib/themes/biblio/static/style/auto/01_biblio_fonts.css */

/* Font dibundel lokal. Plus Jakarta Sans (Tokotype) dan JetBrains Mono,
   keduanya SIL Open Font License 1.1 - lihat OFL.txt dalam paket tema.
   Subset latin + latin-ext. Jangan tautkan ke Google Fonts: repositori
   tidak boleh meneruskan IP pengunjungnya ke server pihak ketiga. */

@font-face{
  font-family:'Plus Jakarta Sans';
  font-style:italic;
  font-weight:400 700;
  font-display:swap;
  src:url(fonts/pjs-italic-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Plus Jakarta Sans';
  font-style:italic;
  font-weight:400 700;
  font-display:swap;
  src:url(fonts/pjs-italic-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Plus Jakarta Sans';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url(fonts/pjs-normal-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Plus Jakarta Sans';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url(fonts/pjs-normal-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'JetBrains Mono';
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url(fonts/jbm-normal-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'JetBrains Mono';
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url(fonts/jbm-normal-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* From: /opt/eprints3/lib/static/style/auto/accessibility.css */

table.ep_accessibility_results {
	border: 1px solid #000;
	width: 100%;
	border-collapse: collapse;
}

table.ep_accessibility_results > tbody > tr > td, table.ep_accessibility_results th {
	border: 1px solid #000;
	padding: 0.4em;
	text-align: center;
}
	
table.ep_accessibility_results > tbody > tr > td:last-child {
        text-align: left;
}

.ep_accessibility_bad {
	color: #8b0000;
}

.ep_accessibility_good {
        color: #006400;
}




/* From: /opt/eprints3/lib/static/style/auto/actions.css */

.ep_login_tools img {
	vertical-align: middle;
	margin: 0px 25px;
}

ul.ep_action_list {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	display: inline-block;
}

ul.ep_action_list li {
	display: inline-block;
	margin-left: .5em;
}

ul.ep_action_list li:first-child {
	margin-left: 0;
}

dl.ep_action_list {
	margin: 0;
	padding: 0;
}

dl.ep_action_list dt, dl.ep_action_list dd {
	margin: 0;
}

dl.ep_action_list dt {
	margin-top: .5em;
	width: 15em;
	text-align: center;
	line-height: 2em;
	margin-bottom: -1.5em;
}
dl.ep_action_list dt:first-child {
	margin-top: 0;
}

dl.ep_action_list dd {
	position: relative;
	left: 16em;
	top: -.5em;
	margin-right: 16em;
	overflow: hidden;
}

div.ep_action_list .ep_action_row{
        margin-bottom: 10px;
}

div.ep_action_list .ep_action_row div:first-child{
        width: 30%;
        min-width: 200px;
        vertical-align: top;
}

div.ep_action_list .ep_action_row div:last-child{
        width: 70%;
}

div.ep_action_list .ep_action_row div:first-child form{
        display: block;
        text-align: center;
}

div.ep_action_list .ep_action_row div:first-child form input{
        width: 200px;
}

div.ep_action_list .ep_action_row div{
        display: inline-block;
}




/* From: /opt/eprints3/lib/static/style/auto/batchedit.css */

#BatchEdit_changes input
{
  max-width: 150px;
}
#BatchEdit_changes textarea
{
  max-width: 200px;
}



/* From: /opt/eprints3/lib/static/style/auto/blister.css */


/* EPrints 3 blister bar style */

/* ep_blister */



.ep_blister_bar {
	margin: auto;
	display: table;
	border-spacing: 0;
        border-collapse: collapse;
        padding: 0;	
}
.ep_blister_bar > div {
        display: table-row;
}
.ep_blister_bar > div > div {
        display: table-cell;
}
.ep_blister_join {
	background-image: url(images/blister_arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
}
.ep_blister_node, .ep_blister_node_selected {
	text-align: center;
	border-style: solid;
	border-radius: 3px;
}
.ep_blister_node {
	border-width: 1px;
	padding: 3px 10px;
}
.ep_blister_node_selected {
	border-width: 2px;
	padding: 2px 10px;
}



/* From: /opt/eprints3/lib/static/style/auto/citations.css */

span.document_filename
{
	font-size: 90%;
        line-height: 20px;
}

span.document_format
{
}




/* From: /opt/eprints3/lib/static/style/auto/colors.css */

/*
 *
 * EPrints Default Colour Scheme
 *
 */

body {
	color: #000000;
	background-color: #ffffff;
}
a, .ep_tm_key_tools a:visited {
	color: #0645ad;
}
a:visited {
	color: #0b0080;
}
a:hover, .ep_tm_key_tools a:hover {
	color: #3366bb;
}
a:active, .ep_tm_key_tools a:active {
	color: red;
}
h1, h2, h3, h4 {
    color: #606060;
}
.ep_view_page h2 {
	border-bottom: solid 1px #606060;
}

/* template.css */

.ep_tm_header {
	background-color: #fff;
	background-image: url(images/logo_background_light.png);
	background-repeat: repeat-y;
}
.ep_tm_menu, .ep_tm_menu li:hover {
	background-image: url(images/bar_glass.png) ;
	background-position: 0px 5px;
}
.ep_tm_footer {
	border-color: #204f76;
}
.ep_tm_menu, .ep_tm_menu ul {
	background-color: #204f76;
}
.ep_tm_menu {
	/* fixed to 30px high */
	border-bottom: 1px solid #fff;
}
.ep_tm_menu li:hover {
	background-color: #279ae2;
}
.ep_tm_menu a, .ep_tm_menu a:visited {
	color: white;
}
.ep_tm_searchbar, .ep_columns_title, td.ep_columns_alter, .ep_toolbox_title {
	color: #606060;
}
.ep_tm_searchbar, .ep_columns_title, td.ep_columns_alter {
	background-color: #ccc;
	background-image: url(images/bar_24px.png);
	background-repeat: repeat-x;
}
.ep_tm_searchbarbox {
	border-color: #606060;
}
.ep_tm_key_tools li {
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #606060;
}
.ep_tm_key_tools li:first-child {
	border-left: none;
}
.ep_tm_key_tools li:last-child {
	border-right: none;
}

/* form.css */

.ep_form_action_button, .ep_form_internal_button, .ep_tm_searchbarbutton, .ep_blister_node_selected {
	border-color: #5b97c7 #13324a #13324a #5287b3;
	background-image: url(images/bar_12px.png);
	background-color: #1f4f76;
	color: white;
}
.ep_form_action_button:active, .ep_form_internal_button:active, .ep_tm_searchbarbutton:active, .ep_blister_node_selected:active {
	border-color: #13324a #5287b3 #5287b3 #13324a;
	background-color: #276496;
}

/* blister.css */

.ep_blister_node {
	border-color: #cccccc;
	background-color: #e8e8ff;
	background-image: url(images/bar_solid_12px.png);
	color: #000000;
}
.ep_blister_node:active {
	border-color: #276496;
}

/* summary.css surround.css */

.ep_summary_box_title, .ep_summary_box_body, .ep_sr_title_bar, .ep_sr_content, .ep_sr_collapse_bar
,.ep_tab_panel
,.ep_toolbox_content /* toolbox.css */
,.ep_upload_doc /* upload.css */
,.ep_search_buttons, .ep_search_controls, .ep_search_controls_bottom /* search.css */
,.ep_view_group_by /* view.css */
{
	background-color: #e8e8ff;
}
.ep_summary_box_title, .ep_sr_title_bar, .ep_sr_collapse_bar {
	background-image: url(images/bar_solid_12px.png);
	background-repeat: repeat-x;
}
.ep_sr_content, .ep_summary_box_body,
.ep_tab_panel,
.ep_toolbox_content /* toolbox.css */
,.ep_upload_doc /* upload.css */
{
	background-image: url(images/bar_solid_24px.png);
	background-repeat: repeat-x;
}
.ep_summary_box_title, .ep_summary_box_body, .ep_sr_title_bar, .ep_sr_content, .ep_sr_collapse_bar
,.ep_tab_panel, .ep_tab_bar li, .ep_tab_bar li a
,.ep_toolbox_content /* toolbox.css */
,.ep_upload_doc /* upload.css */
{
	border-color: #ccc;
}

/* tabs.css */

.ep_tab_bar li a {
	background-image: url(images/bar_solid_24px.png);
	background-repeat: repeat-x;
}

/* unselected tab */
.ep_tab_bar li a {
	background-color: #bbf;
}

/* selected tab */
.ep_tab_bar li.ep_tab_selected a {
	background-color: #fff;
}

/* general.css */

th.ep_title_row
{
	border-color: #808080;
	background-image: url(images/bar_24px.png);
	background-color: #ccc;
	color: #333;
}

th.ep_row, td.ep_row {
	border-color: #bbb;
}
th.ep_row, td.ep_row {
	border-bottom-style: dashed;
}
td.ep_row {
	border-left-style: dashed;
}

/* messages.css */

.ep_msg_message_content, .ep_msg_warning_content, .ep_msg_error_content, .ep_msg_other_content {
	background-image: url(images/bar_solid_48px.png);
	background-repeat: repeat-x;
}

.ep_msg_message_content {
	background-color: #80ff80;
	border-color: #80ff80;
}
.ep_msg_error_content {
	background-color: #ffc0c0;
	border-color: #ffc0c0;
}

.ep_msg_warning_content {
	background-color: #ffc080;
	border-color: #ffc080;
}

.ep_msg_other_content {
	background-color: #9999ff;
	border-color: #9999ff;
}

/* columns.css */

th.ep_columns_title, td.ep_columns_alter {
	border-color: #888;
}
td.ep_columns_cell {
	border-color: #888 #ccc;
}

.ep_search_buttons, .ep_search_controls, .ep_search_controls_bottom /* search.css */
,.ep_view_group_by /* view.css */
{
	border-color: #cccccc;
	background-image: url(images/bar_24px.png);
}



/* From: /opt/eprints3/lib/static/style/auto/columns.css */


/* paginated columns */

.ep_columns {
	margin: auto;
}

td.ep_columns_cell {
	border-style: none dashed solid none;
	border-width: 1px;
}
td.ep_columns_cell:first-child {
	border-left-style: dashed;
}

th.ep_columns_title, td.ep_columns_alter {
	border-width: 1px;
	font-weight: normal;
}
th.ep_columns_title {
	border-style: solid solid solid none;
}
td.ep_columns_alter {
	border-style: none solid solid none;
}
th.ep_columns_title:first-child, td.ep_columns_alter:first-child {
	border-left-style: solid;
}
th.ep_columns_title a {
	font-weight: normal;
}


td.ep_columns_no_items {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0.5em;
	text-align: center;
	font-size: 120%;
}

.ep_columns_add {
	text-align: center;
}

.ep_columns_add select {
	max-width: 95%;
}

.ep_columns_title_inner, .ep_columns_alter_inner {
	display: table;
	border-width: 0; 
	width: 100%;
}

.ep_columns_title_inner > div, .ep_columns_alter_inner > div {
	display: table-row;
}

.ep_columns_title_inner > div > div, .ep_columns_alter_inner > div > div {
        display: table-cell;
}

.ep_columns_alter_inner > div > div:nth-child(1) {
	text-align: left;
	width: 14px;
}

.ep_columns_alter_inner > div > div:nth-child(2) {
        text-align: center;
	width: 100%;
}

.ep_columns_alter_inner > div > div:nth-child(3) {
        text-align: right;
	width: 14px;
}


.ep_columns_title_inner_sort {
	width: 22px; 
	text-align: right;
	vertical-align: middle;
}

.ep_columns_title_inner_sort img {
	border: 0px;
	padding: 4px;
}




/* From: /opt/eprints3/lib/static/style/auto/drop.css */


/* style for ajax suggestion drops */

.ep_drop_target {
}

.ep_drop_target ul {
	margin: 0px;
	padding: 4px;
	list-style: none;
	background-color: white;
	border: 1px dotted #888;
	z-index: 6;
}
	
.ep_drop_target ul li {
	margin: 0px;
	padding: 3px;
	list-style: none;
	border-top: 1px dashed #ccc;
	cursor: pointer;
	width: 100%;
}
.ep_drop_target ul li.ep_first {
	border-top: none;
}

.ep_drop_target ul li.selected {
	background-color: #e0e0ff;
}

.ep_drop_target ul ul {
	display: none;
}

.ep_drop_loading {
	margin: 0px;
	padding: 4px;
	height: 24px;
	text-align: center;
	border: 1px dotted #888;
	z-index: 6;
	position: absolute;
	background-color: #fff;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.ep_draggable {
	cursor: move;
}



/* From: /opt/eprints3/lib/static/style/auto/export.css */

/* EPrints 3 export style */

.ep_export_bar {
	display: flex; 
	justify-content: space-between;
}



/* From: /opt/eprints3/lib/static/style/auto/fields.css */


/* style for metafields */

dl.ep_field_set_long dt {
	margin-bottom: 0.2em;
	font-weight: bold;
}

dl.ep_field_set_long dd {
	margin-bottom: 0.5em;
}

.ep_compound, .ep_compound_list > div {
	display: table; 
	border: 1px; 
	border-spacing: 0; 
	border-collapse: separate; 
	padding: 2px;
}

.ep_compound_header_row, .ep_compound_data_row, .ep_compound_list > div > div {
	display: table-row;
}

.ep_compound_header_cell, .ep_compound_data_row > div, .ep_compound_list > div > div > div {
	display: table-cell; 
	padding: 0.2em 0.5em;
}

.ep_compound_header_cell {
	font-weight: bold;
}

.ep_compound_single {
	display: table; 
	border: 1px;
}

#c6_editperms_1_type_label::after {
        content: "";
}

.ep_itemref_desc {
	padding: 0 0.5em;
}



/* From: /opt/eprints3/lib/static/style/auto/fileselector.css */

.ep_fileselector dl {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px;
}
.ep_fileselector dd {
	margin: 0px 0px;
}
.ep_fileselector input {
/*	float: left; */
}
.ep_fileselector label {
	cursor: pointer;
}
.ep_fileselector dt.ep_fileselector {
	clear: left; /* clear the floated input */
	display: block;
	cursor: pointer;
	background-image: url(data:image/gif;base64,R0lGODlhEAAQAOMMAJuHDKKNBcCmCu3NEuzTOO/ZU/PhePTjgfTmj/XpmvXqovXtsP///////////////yH5BAEKAA8ALAAAAAAQABAAAARXUIA5xbsYA8SRAVkIHET5UagFGGVZvPALrkM9CEGuSw+A64bEYqEoDmbD5CJhaDYVSKdUCu0tptjETIGdanvcrvMLCIuDM+bZgJh13vADSIKqUyyhfCgCADs=);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	padding-bottom: 2px;
}
.ep_fileselector dt.ep_fileselector_open {
	background-image: url(data:image/gif;base64,R0lGODlhEAAQAOMMAIp5CJqGCrmhCdy+Be3OIe3UP+/YUvLeaPLgdPTlifTolvTro////////////////yH5BAEKAA8ALAAAAAAQABAAAARZUIQ5xbsYh8QTClm4FeRBnYEVIERbHEYsF+Da3rhbH3lPPwFeL7cbGAcBgHIpAQqWgEJisVBYkUCqdpE4eL2K2uJLJoez5XSipkiXz5uOXP55SFD4VGi/jwAAOw==);
}



/* From: /opt/eprints3/lib/static/style/auto/form.css */


/* Form related styles */

form {
	display: inline;
}

select, input.ep_form_text, textarea {
	padding: 1px 2px 1px 2px;
	margin-right: 4px;
	border: solid 1px #ccc;
}

.ep_form_example {
	font-weight: bold;
	color: blue;
}

/* buttons */

.ep_form_button_bar {
	text-align: center;
	padding: 4px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ep_form_action_button, .ep_form_internal_button {
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-radius: 3px;
	padding: 2px 20px;
	cursor: pointer;
}
.ep_form_internal_button {
	padding: 1px 14px;
	background-position: 0px -2px;
}

/* form fields */

.ep_form_field_help {
        font-size: small ;
}

.ep_form_field_name {
        padding-top: 1em;
	font-weight: bold;
}

.ep_form_field_input {
        padding-bottom: 3pt;
}

/* input fields grid */


.ep_form_input_grid th {
	vertical-align: middle;
	text-align: center;
	font-size: 80%;
}
.ep_form_input_grid > div > div {
	vertical-align: middle;
}

.ep_form_input_grid_pos {
	padding-right: 4px;
}
.ep_form_input_grid_arrows {
	white-space: nowrap;
	padding-top: 2px;
	padding-bottom: 2px;
}


.ep_form_input_grid_wide {
	text-align: left;
}

.ep_field_legend {
	font-style: italic;
	display: none;
}
.ep_field_legend:after {
	content: ":";
}

.ep_multi_heading::after {
	content: ":";
}

.ep_search_fields > div > div, .ep_table_row > div {
	border-top: dashed #bbf 1px;
	vertical-align: top;
	padding: 0.5em;
}

.ep_table_row.ep_first > div {
	border-top: 0;
}

.ep_multi_heading, .ep_multi_heading_legend {
	border-right: dashed #bbf 1px;
	font-weight: bold;
	text-align: right;
}

.ep_multi {
	width: 100%;
	display: table;
}

.ep_login_form_table {
	margin:auto; 
	display: table;	
}

.ep_login_form_table > div {
	display: table-row;
}

.ep_login_form_table > div > div, .ep_login_form_table > div > label {
        display: table-cell;
}

.ep_form_input_grid {
	display: table; 
	border: 0; 
	padding: 0; 
	border-spacing: 0; 
	border-collapse: separate;
}

.ep_form_input_grid > div {
	display: table-row;
}

.ep_form_input_grid > div > div {
	display: table-cell; 
}

.ep_form_input_grid > div > div.heading {
	text-align: center;
	font-weight: bold; 
}

.ep_option_list {
	display: table; 
	border: 0;
}

.ep_option_list_row {
	display: table-row;
}

.ep_option_list_cell {
        display: table-cell;
}

.ep_option_list_option {
	margin-left: 2em;
}


.ep_field_set_medium,  .ep_boolean_list {
	display: inline-block;
	margin: 0;
}

.ep_field_set_medium > dd, .ep_boolean_list > dd {
	float: left;	
	margin: 0;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
}

.ep_field_set_medium > dt, .ep_boolean_list > dt {
	float: left;
	clear: both;
}

.ep_over_word_limit {
	color: red;
	font-weight: bold;
}



/* From: /opt/eprints3/lib/static/style/auto/general.css */

body {
	margin: 0;
	font-family: Sans-serif;
	font-size: 80%;
}

/* left-align if we're in a div (e.g. ep_block) that centres */
ul {
	text-align: left;
}

img {
        border:0;
}

.ep_no_js { 
	display: none; 
}

.ep_no_js_inline { 
	display: none; 
}

.ep_no_js_table_cell { 
	display: none; 
}

.ep_hide { 
	display: none; 
}

h1, h2 {
	font-weight: bold;
}
h1 {
	margin: 0px;
	margin-top: 10px;
	font-size: 2.3em;
	text-align: center;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.2em;
}

hr {
	border: 0px;
	color: #ccc;
	background-color: #ccc;
	height: 2px;
}

dl.ep_normal > dt {
	font-weight: bold;
}

dl#ep-homepage-menu dt {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1em 1em 0.5em 1em;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	clip-path: inset(-6px -2px 0 -2px);
}

dl#ep-homepage-menu dd {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 1em 1em 1em;
	margin-left: 0;
	margin-bottom: 1em;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	clip-path: inset(0 -2px -6px -2px);
}
 

.ep_required {
	border: 0;
	display: inline;
}

.ep_toggle a, a.ep_toggle {
	text-decoration: none;
}

th.ep_row {
	padding-right: 0.25em;
	text-align: right;
	width: 20%;
	border-width: 1px;
}
td.ep_row {
	padding-left: 0.25em;
	text-align: left;
	border-width: 1px;
}

th.ep_title_row {
	border-width: 1px;
	border-style: solid;
	border-left: none;
	border-right: none;
	padding: 0.1em 0.5em 0.1em 0.5em;
	font-size: 100%;
	height: 2em;
	font-weight: normal;
}

.ep_title_row_inner {
        display: table;
        width: 100%;
}

.ep_title_row_inner > div {
	display: table-row;
}

.ep_title_row_inner > div > div {
	display: table-cell;
}

.ep_title_row_inner > div > div:first-child {
	text-align: left;
	margin-right: 1em;
}

.ep_title_row_inner > div > div:last-child {
        text-align: right;
        margin-left: 1em;
	font-size: 80%;
}

.ep_highlight {
	padding: 0.5em;
	border: solid 2px #ff8888;
	background-color: #ffeeee;
}

.ep_block {
	width: auto;
	margin: 0.25em auto 0.25em auto;
	text-align: center;
}
.ep_block td {
	text-align: left;
}
.ep_doc_icon
{
	padding: 2px;
}

.no_link_decor a {
	text-decoration: none;
}

.ep_table_row {
	display: table-row;
}

div.ep_table {
	display: table;
}

.ep_table > div, .ep_table_row {
	display: table-row;
}

.ep_table > div > div, .ep_table_row > div, .ep_table_cell {
	display: table-cell;
	padding: 0.3em;
}

.ep_no_border {
	border: 0;
}



/* From: /opt/eprints3/lib/static/style/auto/history.css */

/* EPrints 3 history style */

.ep_history_item {
	padding: 0.3em; 
	margin-top: 2em; 
	border: solid 1px black; 
	background-color: #ccc;
}

.ep_history_action {
	padding: 0.3em; 
	background-color: black; 
	color: white; 
	font-weight: bold;

}

.ep_history_details {
        padding: 0.3em;
	margin-bottom: 2em; 
	border: solid 1px black !important;
}

.ep_history_action a {
	color: yellow;
}

.ep_history_xmlblock {
	margin: 0 0 0 0; 
	padding: 3px 3px 3px 3px; 
	border-left: 1px 
	dashed black; 
	border-bottom: 1px dashed black; 
	font-size: 120%;
}

table.ep_history_diff_table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse; 
	padding: 0;
}

table.ep_history_diff_table th, table.ep_history_diff_table td {
	width: 50%;
	vertical-align: top;
	text-align: left;
}

.ep_history_diff_table_add {
	background-color: #cfc;
}

.ep_history_diff_table_remove {
        background-color: #fcc;
}

.ep_history_diff_table_change {
        background-color: #ffc;
}

#ep_workflow_views_panel_1 .ep_paginate_list .ep_search_result,
#ep_workflow_views_panel_1 .ep_paginate_list .ep_search_result > div {
        display: block;
}




/* From: /opt/eprints3/lib/static/style/auto/homepage.css */

ul.ep_block_menu {
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
}

ul.ep_block_menu > li {
	border: 1px solid #ccc;
  	padding: 0.2em 1em;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	margin-bottom: 1em;
}



/* From: /opt/eprints3/lib/static/style/auto/icontable.css */


table.ep_icontable {
	border-collapse: collapse;
}
table.ep_icontable th {
	border: solid 1px #999;
	background-color: #fff;
	text-align: center;
}
table.ep_icontable td {
	padding-left: 4px;
	border: solid 1px #999;
}

.ep_icontable {
	border-collapse: collapse;
	display: table;
}

.ep_icontable > div {
	display: table-row;
}

.ep_icontable > div > div {
        display: table-cell;
        border: solid 1px #999;
	padding: 1px;
}

.ep_icontable > div > div:first-child {
	background-color: #fff;
        text-align: center;
}

.ep_icontable > div > div:last-child {
        padding-left: 4px;
}

.ep_icontable > div > div img {
	border-width: 0;
	vertical-align: middle
}




/* From: /opt/eprints3/lib/static/style/auto/import.css */

/* EPrints 3 import style */

.ep_import_bar {
	display: table; 
	width: 100%;
}

.ep_import_bar > div {
	display: table-row;
}

.ep_import_bar > div > div {
	text-align: center;
	display: table-cell;
}



/* From: /opt/eprints3/lib/static/style/auto/items.css */


/* Items Screen */

.ep_items_filters {
	text-align: center;
	margin-top: 10px;
}

.ep_items_filters img {
	border-width: 0px;
	margin-left: 10px;
	vertical-align: -2px;
}

.ep_items_filters a {
	color: #000000;
	text-decoration: none;
}


td.ep_columns_cell_inbox {
	background-color: #ffc;
}
td.ep_columns_cell_buffer {
	background-color: #dde;
}
td.ep_columns_cell_archive {
	background-color: #cfc;
}
td.ep_columns_cell_deletion {
	background-color: #ccc;
}



/* From: /opt/eprints3/lib/static/style/auto/latest.css */


/* latest and latest tool */

div.ep_latest_result {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

div.ep_latest_tool_result {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

div.ep_latest_tool_list {
	display: table;
	width: 100%;
}




/* From: /opt/eprints3/lib/static/style/auto/lightbox.css */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; }
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
/* #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;} */
#hoverNav a{ outline: none;}

/* #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; } */

#hoverNav { height: 30px; }
#prevLink, #nextLink { width: 49%; height: 100%; display: block; }
#prevLink { left: 0; float: left; background: url(images/lightbox/prevlabel.gif) left 0 no-repeat; }
#nextLink { right: 0; float: right; background: url(images/lightbox/nextlabel.gif) right 0 no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#lightboxMovie {}

/* scale more nicely on narrow devices */
#lightbox #outerImageContainer,
#lightbox #imageDataContainer
{
  max-width: 95%;
  height: fit-content!important;
}
#lightbox #lightboxImage,
#lightbox #lightboxMovie,
#lightbox #lightboxMovie video
{
  max-width: 100%;
}



/* From: /opt/eprints3/lib/static/style/auto/mail.css */



.ep_mail_view {
	border: dashed 2px #ccc;
	margin-top: 20px;
	background-color: #eee;
	font-size: 1.2em;
}

.ep_mail_header {
	margin: 4px; 
	padding: 2px;
	font-family: monospace;
}

.ep_mail_body {
	margin: 4px;
	padding: 2px;
}

.ep_mail_body textarea {
	background-color: #ccc;
	border: solid #888 1px;
}



/* From: /opt/eprints3/lib/static/style/auto/messages.css */


/* Message styles - used to provide alerts and errors */

.ep_msg_message, .ep_msg_warning, .ep_msg_error, .ep_msg_other {
	margin-top: 10px;
	margin-bottom: 10px;
}

.ep_msg_message_icon, .ep_msg_warning_icon, .ep_msg_error_icon, .ep_msg_other_icon {
	padding: 1em; 
	display: table-cell; 
	vertical-align: middle;
}

.ep_msg_message_content, .ep_msg_error_content, .ep_msg_warning_content, .ep_msg_other_content {
	border-style: solid;
	border-width: 1px;
}

.ep_msg_message_text, .ep_msg_error_text, .ep_msg_warning_text, .ep_msg_other_text {
	padding: 1em; 
	display: table-cell; 
	vertical-align: middle; 
	text-align: left;
}

.ep_msg_message_text p:first-child, .ep_msg_error_text p:first-child, .ep_msg_warning_text p:first-child, .ep_msg_other_text p:first-child {
	margin-top: 0;
}

.ep_msg_message_text p:last-child, .ep_msg_error_text p:last-child, .ep_msg_warning_text p:last-child, .ep_msg_other_text p:last-child {
        margin-bottom: 0;
}



/* From: /opt/eprints3/lib/static/style/auto/multi.css */



/* 
   Styles for the multi-field component.

   ep_multi_*

*/

table.ep_multi
{
	width: 100%;
}

table.ep_multi tr:first-child th.ep_multi_heading,
table.ep_multi tr:first-child td.ep_multi_input,
table.ep_multi tr:first-child td.ep_multi_help 
{
	border-top: none;
}

th.ep_multi_heading
{
	border-top: dashed #bbf 1px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
	text-align: right;
}

td.ep_multi_input
{
	border-top: dashed #bbf 1px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-left: dashed #bbf 1px;
}

td.ep_multi_help
{
	white-space: nowrap;
	border-top: dashed #bbf 1px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	vertical-align: top;
	text-align: right;
}

/* help bits */

.ep_multi_inline_help 
{
	padding-bottom: 0.5em;
}
	



/* From: /opt/eprints3/lib/static/style/auto/nojs.css */


/*  only loaded if the browser has javascript turned off (or does
 *  not support it.
 */

.ep_no_js { display: block; }

.ep_no_js_inline { display: inline; }

.ep_no_js_table_cell { display: table-cell; }

.ep_only_js { display: none; }

.ep_only_js_inline { display: none; }

.ep_only_js_table_cell { display: none; }



/* From: /opt/eprints3/lib/static/style/auto/preview.css */


/* 
   Styles for the file preview popup.

   ep_preview_*

*/


.ep_preview
{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 400px;	
}

.ep_preview table
{
	border: solid 1px black;
	background-color: white;
	padding: 4px;
	margin: auto;
}

.ep_preview_title
{
	padding-top: 3px;
	text-align: center;
	background-color: white;
}



/* From: /opt/eprints3/lib/static/style/auto/print.css */

@media print {

.ep_noprint {
	display: none;
}

}



/* From: /opt/eprints3/lib/static/style/auto/progress.css */

div#progress {
	margin: 0px auto;
	width: 382px;
}

.progressmeter {
    font-size: 10pt;
    text-align: center;
}

.progressmeter table {
}

.progressmeter th {
    font-weight: bold;
    text-align: right;
}

.progressmeter td {
    text-align: left;
}

.finished {
    color: #667799;
}

.progressmeter .meter {
    position: relative;
    background-color: lightgrey;
    border: 2px solid #667799;
    height: 20px;
    width: 380px;
}

.progressmeter .meter .amount {
	margin: 0px auto 0px 0px;
    background-color: #667799;
    width: 0px;
    height: 20px
}

.progressmeter .meter .percent {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
    z-index: 1000;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.UploadMethod_file_progress_table {
	width: 550px;
	margin: 0 auto;
}



/* From: /opt/eprints3/lib/static/style/auto/savedsearches.css */



table.ep_savedsearches {
	margin: 10px auto 10px auto;
}

table.ep_savedsearches th {
	border-bottom: 1px solid #ccc;
}
table.ep_savedsearches td {
	border-bottom: 1px solid #ccc;
}



/* From: /opt/eprints3/lib/static/style/auto/search.css */


/* EPrints 3 search form style */



/* buttons are on the form, controls on the results */
.ep_search_buttons, .ep_search_controls, .ep_search_controls_bottom {
	border-style: solid none;
	border-width: 1px;
	text-align: center;
	padding: 4px 0px;
	margin: 4px 0px 12px 0px;
}

.ep_search_fields {
	margin-top: 1em;
	margin-bottom: 1em;
}
.ep_search_fields th {
	padding: 4px;
}
	
.ep_search_fields td {
	padding: 4px;
}
	

.ep_search_control
{
	padding: 0px 4px 0px 4px;
}

.ep_search_export {
	margin: 0.25em auto 0.25em auto;
	text-align: center;
}

.ep_search_export div[role="toolbar"] {
	margin: 1em;
}

.ep_search_reorder {
	margin: 0.4em auto 0 auto;
	text-align: center;
}

.ep_search_tool {
	white-space: nowrap;
}
.ep_search_tool img {
	vertical-align: -2px;
	padding-left: 0.5em;
}
.ep_search_tool a {
	text-decoration: none;
}


.ep_search_feed {
	white-space: nowrap;
}
.ep_search_feed img {
	vertical-align: -2px;
	padding-left: 0.5em;
}
.ep_search_feed a {
	text-decoration: none;
	color: #666;
}

.ep_search_results
{
	margin: 1em auto 1em auto;
}

.ep_search_desc
{
	text-align: center;
	margin: 0.25em 0 0 0;
}

.ep_search_result 
{
	display: table-row;
}

.ep_search_result > div
{
	padding: 4px 0.5em 4px 4px;
	border-bottom: dashed #bbf 1px;
	display: table-cell;
	vertical-align: middle;
}

.ep_search_result_docs
{
	white-space: nowrap;
	float: right;
	min-height: 48px;
}

.ep_paginate_list
{
	margin: auto;
	display: table;
	width: 100%;
}

.ep_search_field_name
{
	font-weight: bold;
	margin-top: 0.5em;
}

input.ep_form_search_advanced_link, input.ep_form_search_advanced_link:hover {
        border: none;
        text-decoration: underline;
        background: none;
        color: #00f;
        cursor: pointer;
}

span.search_desc {
	font-style: italic;
}



/* From: /opt/eprints3/lib/static/style/auto/storage.css */


/*
 *    Styles for storage manager.
 *
 *       ep_storage_*
 *      
 */

.ep_storage_heading {
	text-align: center;
	margin: 0;
}



/* From: /opt/eprints3/lib/static/style/auto/subjectinput.css */


/* 
   Styles for the subject component.

   ep_subjectinput_*

*/

div.ep_subjectinput_tree {
	margin-left: 25px;
}
.ep_subjectinput_tree dl {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px;
}
.ep_subjectinput_tree dl dt {
	margin: 0px 0px;
	padding-left: 18px;
	line-height: 18px;
}
.ep_subjectinput_tree dl dd {
	margin-left: 0px;
}
.ep_subjectinput_tree dl dt.ep_subjectinput_tree {
	cursor: pointer;
	background: url(images/plus.png) no-repeat;
}
.ep_subjectinput_tree dl dt.ep_subjectinput_tree_open {
	background: url(images/minus.png) no-repeat;
}

.ep_subjectinput_toggle {
	text-decoration: none;
	color: #000000;
}

.ep_subjectinput_selections {
	margin: 0.5em auto 0.5em auto;
	margin-top: 0.5em; 
	padding: 0.5em; 
}

.ep_subjectinput_selected {
	font-weight: bold;
}

.ep_subjectinput_selected_subject {
	font-weight: bold;
}

ul.ep_subjectinput_subjects {
	list-style: none;
}
ul.ep_subjectinput_subjects li {
	margin-top: 3px;
	margin-bottom: 3px;
	list-style: none;
}
ul.ep_subjectinput_subjects img {
	vertical-align: -2px;
}


.ep_subjectinput_selections {
	padding-bottom: 10px;
	border-bottom: dashed #808080 1px; 
	margin-bottom: 10px;
}
.ep_subjectinput_selections td.ep_first {
	border-top: none;
}

.ep_subjectinput_selections td {
	border-top: dashed #ccc 1px; 
}

.ep_subjectinput_results {
	border: dashed #c8cbdf 1px; 
	margin-top: 0.5em; 
	padding: 0.5em; 
	background-color: white;
	list-style: none;
}

.ep_subjectinput_results td.ep_first {
	border-top: none;
}

.ep_subjectinput_results td {
	border-top: dashed #ccc 1px; 
}

.ep_subjectinput_add_button, .ep_subjectinput_remove_button {
	border: solid blue 1px;
	padding: 1px;
	background-color: transparent;
	font-size: 70%;
	color: blue;
}


.ep_subjectinput_searchbar {
	text-align: center;
}

/* End of subject component section */



/* From: /opt/eprints3/lib/static/style/auto/summary.css */


/* Item Summary */

.ep_summary_content {
}
.ep_summary_content_top {
}
.ep_summary_content_bottom {
}
.ep_summary_content_left {
	float: left;
}
.ep_summary_content_right {
	float: right;
}
.ep_summary_content_after {
	clear: both;
}


.ep_summary_content_left .ep_summary_box {
	width: 200px;
	margin-right: 10px;
}
.ep_summary_content_right .ep_summary_box {
	width: 200px;
	margin-left: 10px;
}


.ep_summary_box {
	margin-bottom: 10px
}
.ep_summary_box_title {
	font-weight: normal;
	padding: 2px 6px 2px 6px; 
	font-weight: bold;
	font-size: 115%;
	border-style: solid;
	border-width: 1px;
}
.ep_summary_box_body {
	padding: 2px 6px 2px 6px; 
	border-style: none solid solid solid;
	border-width: 1px;
}
.ep_summary_box_title a {
	text-decoration: none;
}
.ep_summary_box_title img
{
	vertical-align: -1px;
}

.ep_summary_page_actions dt {
	display: inline;
}
.ep_summary_page_actions dd {
	display: inline-block;
	margin-left: 1em;
}

.ep_summary_page_document {
	clear: both;
}
.ep_summary_page_document > span {
	float: left;
	margin-left: 0.5em;
}



/* From: /opt/eprints3/lib/static/style/auto/surround.css */


/* EPrints 3 default workflow component-surround style */

/* ep_sr */

.ep_sr_component {
	padding: 0px;
	margin-top: 10px;
}
.ep_sr_component .ep_sr_title_bar {
	padding: 2px 6px 2px 6px; 
}
.ep_sr_component .ep_sr_title_bar_inner {
	width: 100%;
	display: table;
        border-spacing: 0;
        border-collapse: collapse;
        padding: 0;
}
.ep_sr_component .ep_sr_title_bar_inner > div {
        display: table-row;
}
.ep_sr_component .ep_sr_title_bar_inner > div > div {
        display: table-cell;
}
.ep_sr_component .ep_sr_title_bar_inner > div > div:last-child {
        text-align: right;
}

.ep_sr_component .ep_sr_title_bar_inner {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        padding: 0;
}

.ep_sr_component .ep_sr_title {
	font-weight: bold;
	font-size: 115%;
	color: #444;
}
.ep_sr_component .ep_sr_content {
	clear: both;
	padding: 6px;
	border-style: none solid solid solid;
	border-width: 1px;
}

/* collapse bar */

.ep_sr_collapse_bar {
	padding: 2px 6px 2px 6px; 
	font-weight: bold;
	font-size: 115%;
	margin-top: 10px;
	border-style: solid;
	border-width: 1px;
}
.ep_sr_collapse_bar a {
	text-decoration: none;
}
.ep_sr_title a {
	text-decoration: none;
}
.ep_sr_collapse_link img
{
	vertical-align: -1px;
}

/* help style - not primetime */

.ep_sr_component .ep_sr_help {
	margin-bottom: 8px;
}
.ep_sr_component .ep_sr_show_help {
	white-space: nowrap;
}
.ep_sr_component .ep_sr_show_help a {
	text-decoration: none;
}	
.ep_sr_component .ep_sr_hide_help {
	white-space: nowrap;
}
.ep_sr_component .ep_sr_hide_help a {
	text-decoration: none;
}	
.ep_sr_component .ep_sr_title_bar {
	border-style: solid;
	border-width: 1px;
}
.ep_sr_show_help img {
	vertical-align: -2px;
}
.ep_sr_hide_help img {
	vertical-align: -2px;
}


/* used for multi, maybe should be elsewhere */
.ep_sr_component .ep_sr_help_chunk {
	border-bottom: 1px solid #888;
	padding-bottom: 4px; 
	margin-bottom: 4px;
}

.ep_sr_component .ep_form_input_grid {
	margin: auto;
}
.ep_multi_input .ep_form_input_grid {
	margin-left: 0px;
}



/* From: /opt/eprints3/lib/static/style/auto/tabs.css */


/* Tab Bar */

.ep_tab_panel, .ep_tab_bar li, .ep_tab_bar li a {
	border-width: 1px;
	border-style: solid;
}

/* selected tab */
.ep_tab_bar li.ep_tab_selected a {
	border-bottom-width: 0;
}

/* panel contents */
.ep_tab_panel {
}

/* tab text */
.ep_tab_bar a {
/*	color: #000000; */
}

/* remaining styles are structural */

.ep_tab_bar {
	list-style: none;
	padding: 0 0;
	margin: 0 0;
}

.ep_tab_bar li {
	float: left;
	padding: 0 0;
	margin: 0 0;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	list-style-type: none;
}

.ep_tab_bar li:first-child a {
	margin-left: 1.5em;
}

.ep_tab_bar li a {
	text-decoration: none;
	text-align: center;
	display: block;
	margin-right: 1.5em;
	padding: 3px 8px 4px 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-bottom: -1px; /* overwrite bottom-margin of li */
	border-bottom-width: 0;
}

.ep_tab_panel {
	border-top-width: 0;
	padding: 12px;
	clear: left;
}

.ep_tab_panel > div > table {
	width: 100%;
}



/* From: /opt/eprints3/lib/static/style/auto/template.css */


/* EPrints 3 template styles */
/* prefix all styles with ep_tm */

hr.ep_tm_last {
	color: #152d4e;
	background-color: #152d4e;
}


/* deprecated in 3.3 */
.ep_tm_logo img {
	float: right;
	padding: 4px;
	border-style: none;
}

.ep_tm_site_logo img {
	border-style: none;
	padding: 10px 10px;
}

.ep_tm_archivetitle, .ep_tm_archivetitle:visited {
	font-size: 40px;
	text-decoration: none;
	margin: 10px;
}

.ep_tm_main {
        margin: 1em;
}

/* Menu Bar */

.ep_tm_menu, .ep_tm_key_tools {
	clear: both;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.ep_tm_key_tools {
	display: block;
}

.ep_tm_menu {
	height: 30px;
	line-height: 30px;
}

.ep_tm_menu, .ep_tm_menu ul {
/*	background-color: #204f76; */
}

.ep_tm_menu li {
	float: left;
}
.ep_tm_menu ul {
}

.ep_tm_menu a, .ep_tm_menu a:visited {
	display: block;
	padding: 0px 20px;
	text-decoration: none;
	white-space: nowrap;
	font-weight: bold;
}

.ep_tm_menu ul
{
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
}

.ep_tm_menu ul li {
	float: none;
}

.ep_tm_menu ul a
{
	text-align: left;
}

.ep_tm_key_tools li {
	list-style: none;
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
}

.ep_tm_key_tools li a:hover {
}

.ep_tm_key_tools a {
/*	white-space: nowrap; */
}

/* end of menu bar */

/* Action Menu Bar */

.ep_tm_key_tools li {
	padding: 0px 6px;
}

.ep_tm_key_tools li:first-child {
	padding-left: 0px;
}

/* end of Action Menu Bar */

/* Search bar */

.ep_tm_searchbar {
	padding: 4px 10px;
}

.ep_tm_searchbar form {
	white-space: nowrap;
}

.ep_tm_searchbarbutton {
	text-align: center;
	padding: 1px 4px;
	margin: 0px;
	margin-left: 4px;
	font-size: 85%;
	background-position: 0px -2px;
	border-width: 1px;
	border-radius: 3px;
}

.ep_tm_searchbarbox {
	font-size: 80%;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
}

/* end of search bar */

#ep_tm_languages {
	display: inline;
}
#ep_tm_languages a {
	margin-left: 4px;
}

.ep_tm_searchbar {
        border-width:0;
	display: flex;
	justify-content: space-between;
	white-space: nowrap;
}

.ep_tm_searchbar td {
        padding: 0;
        margin: 0;
}

.ep_tm_page_content {
        max-width:1024px;
        width:auto;
        margin-left: auto;
        margin-right: auto;
        margin-top:10px;
}

.ep_tm_eprints_logo {
        float: right;
        margin-left: 1em;
}

.ep_tm_footer {
	clear: both;
	margin-top: 20px;
	font-size: 90%;
	border-top-width: 2px;
	border-top-style: solid;
	padding: 10px 10px 0px 10px;
}
.ep_tm_footer hr {
	display: none;
}

@media only screen and (min-width:600px) and (max-width:1180px)
{
	.ep_tm_footer img { height: 15px; width: auto !important; }
}
@media only screen and (min-width:0px) and (max-width:600px)
{
    .ep_tm_footer img { display: none; }
}
@media only screen and (min-width:0px) and (max-width:570px)
{
	footer { height: 54px; }
}



/* From: /opt/eprints3/lib/static/style/auto/toolbox.css */


/* Toolbox styles - used to subdivide some content */

.ep_toolbox {
	margin-bottom: 10px;
}

.ep_toolbox_title {
	padding: 2px 10px 2px 10px;
}

.ep_toolbox_content {
	padding: 10px;
	border-width: 1px;
	border-style: solid;
}



/* From: /opt/eprints3/lib/static/style/auto/upload.css */


/* 
   Styles for the upload component.

   ep_upload_*

*/

.ep_upload_newdoc
{
	text-align: center;
/*	margin-top: 1em;
	margin-bottom: 1em; */
}

.ep_upload_fields {
	display: table;
}
.ep_upload_fields > div {
	display: table-row;
}
.ep_upload_fields > div > div {
        display: table-cell;
}


.ep_upload_fields th
{
	text-align: right;
}

/* Document section */

.ep_upload_doc
{
	margin-bottom: 0.5em;
	border-style: solid;
	border-width: 1px;
}

.ep_upload_doc .ep_upload_doc_title_bar {
	padding: 0px 6px 0px 6px; 
	border-bottom: solid 1px #d8dbef;
}
.ep_upload_doc .ep_upload_doc_title {
	color: #444;
}
.ep_upload_doc .ep_upload_doc_content {
	clear: both;
	padding: 6px;
}

.ep_update_doc_delete {
	white-space: nowrap;
}
.ep_update_doc_delete input {
	vertical-align: -2px;
}

.ep_update_doc_options {
	white-space: nowrap;
}
.ep_update_doc_options img {
	vertical-align: -2px;
	border: none;
}
.ep_update_doc_options a {
	text-decoration: none;
}

.ep_upload_doc_toolbar
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
}

.ep_upload_files
{
/*	border: dashed #c8cbdf 1px; 
	text-align: center;
	margin-top: 0.5em; 
	padding: 0.5em; 
	background-color: white; */
}

.ep_upload_file_table 
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
}
.ep_upload_add_file_toolbar
{
	margin-top: 0.5em;
}

.ep_upload_doc_expansion_bar
{
	text-align: right;
	padding: 2px .5em;
}
.ep_upload_doc_expansion_bar a
{
	cursor: pointer;
	text-decoration: none;
}

/* End of Document section */

/* Drag and drop */

.ep_dropbox {
	border-width: 2px;
	border-style: dashed;
	border-color: #4ea;
	background-color: #fff;
	font-weight: bold;
	font-size: 110%;
	padding: 40px 0px;
}

/* End of Drap and drop */


.ep_upload_file_label {
        margin-right: 0.3em;
	font-weight: bold;
}


.UploadMethod_file_progress_table {
	display: table;
}

.UploadMethod_file_progress_table > div {
	display: table-row;
}

.UploadMethod_file_progress_table > div > div {
        display: table-cell;
	padding: 0.5em;
}


.ep_upload_doc_title_bar_inner {
	display: table;
	width: 100%;
	border-width: 0;
}

.ep_upload_doc_title_bar_inner > div {
	display: table-row;
}

.ep_upload_doc_title_bar_inner > div > div {
        display: table-cell;
	vertical-align: middle;
}

.ep_upload_doc_title_bar_inner_left {
        text-align: left;
        width: 60%;
}


.ep_upload_doc_title_bar_inner > div > div:last-child {
	text-align: right;
	width: 20%;
}

.ep_upload_doc_icon_info {
	display: block;
	border-width: 0;
	padding: 0.4em;
}

.ep_upload_doc_icon_info > div {
	display: inline-block;
}

.ep_upload_doc_icon_info > div:first-child {
	text-align: center;
}

.ep_upload_doc_icon_info > div.ep_upload_doc_title {
	text-align: left;
	vertical-align: top;
	margin: 0.3em;
}

.ep_upload_doc_actions_inner {
	display: table;
	width: auto;
	margin-left: auto;
	margin-right: 0;
}

.ep_upload_doc_actions_inner > div {
	display: table-row;
}

.ep_upload_doc_actions_inner > div > div {
        display: table-cell;
	padding: 0.2em;
}

.ep_update_doc_options label {
	vertical-align: top;
}




/* From: /opt/eprints3/lib/static/style/auto/view.css */



/* spacing between page elements */
.ep_view_page h2 {
	margin-top: 30px;
}
.ep_view_blurb {
	margin-top: 20px;
}
.ep_view_timestamp {
	margin-top: 30px;
	text-align: right;
}

.ep_view_group_by_current {
	font-weight: bold;
}

.ep_view_group_by {
	border-style: solid none;
	border-width: 1px;
	text-align: center;
	padding: 4px 0px;
	margin: 4px 0px 12px 0px;
}

.ep_view_cols {
	width: 100%;
	margin-top: 1em;
	display: table;
	border: 0;
        padding: 0;
        border-spacing: 0;
        border-collapse: separate;
}

.ep_view_cols > div {
	display: table-row;
}

.ep_view_col {
	display: table-cell;
	vertical-align: top;
}
.ep_view_cols_2 .ep_view_col { width: 50%; }
.ep_view_cols_3 .ep_view_col { width: 33.3%; }
.ep_view_cols_4 .ep_view_col { width: 25%; }
.ep_view_cols_5 .ep_view_col { width: 20%; }
.ep_view_cols_6 .ep_view_col { width: 16.6%; }
.ep_view_cols_7 .ep_view_col { width: 14.28%; }
.ep_view_cols_8 .ep_view_col { width: 12.5%; }

.ep_view_cols ul {
	margin-top: 0px;
	margin-bottom: 0px;
}


	



/* From: /opt/eprints3/lib/static/style/auto/z_eprints_services_template.css */

/* override the default style with on a little cleaner */

  body
  {
    background-color: #eaeaea;
  }
  #wrapper
  {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    padding: 5px;
    max-width: 1280px;
    margin: 10px auto;
  }
  #main_content
  {
    min-height: 640px;
  }
  h1
  {
    padding-bottom: 5px;
  }
  h1, h2, h3, h4
  {
    color: #000000;
  }
  .ep_tm_menu,
  .ep_tm_menu li:hover
  {
    background-image: none;
    color: black;
  }
  .ep_tm_footer
  {
    height: 34px;
  }
  .ep_sr_content, .ep_summary_box_body, .ep_tab_panel, .ep_toolbox_content, .ep_upload_doc
  {
    background-image: none;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
  }
  .ep_tm_searchbar, .ep_columns_title, td.ep_columns_alter
  {
    background-image: none;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
  }
  .ep_search_buttons, .ep_search_controls, .ep_search_controls_bottom, .ep_view_group_by
  {
    background-image: none;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
  }
  .ep_summary_box_title, .ep_sr_title_bar, .ep_sr_collapse_bar 
  {
    background-image: none;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
  }
  .ep_blister_node
  {
    background-image: none;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
  }
  .ep_form_action_button, .ep_form_internal_button, .ep_tm_searchbarbutton
  {
    background-image: none;
    margin-right: 8px;
    min-width: 145px;
    max-width: 200px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: normal;
  } 
  #ep_eprint_view_panels .ep_form_action_button 
  {
    min-width: 145px;
    max-width: 145px;
  }
  .ep_tm_searchbarbutton 
  { 
    min-width: inherit; 
  }

  .ep_blister_node_selected
  {
    background-image: none;
  }
  dl.ep_action_list dd
  {
    margin-bottom: 15px;
  }



/* From: /opt/eprints3/lib/static/style/auto/z_metafield.css */

table.ep_metafield_compound,
table.ep_metafield_compound th,
table.ep_metafield_compound td
{
  border: 0.5px solid lightgray;
  border-spacing: 0px;
}

table.ep_metafield_compound th,
table.ep_metafield_compound td
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
}



/* From: /opt/eprints3/lib/themes/biblio/static/style/auto/zz_biblio_10_base.css */

/* Tema biblio.co.id - dasar: tipografi, tautan, fokus.
   Berkas zz_* dimuat setelah seluruh lembar gaya bawaan EPrints, karena
   auto.css digabung berurut abjad nama berkas. */

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

body{
  margin:0;
  background:var(--bb-paper);
  color:var(--bb-ink);
  font-family:var(--bb-font-body);
  font-size:var(--bb-fs-body);
  line-height:var(--bb-lh-body);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* EPrints memakai <table> untuk banyak tata letak lama; jangan paksa
   box-sizing global karena bisa menggeser lebar kolom yang sudah dihitung. */
#wrapper,#wrapper *:not(table):not(tr):not(td):not(th){box-sizing:border-box}

/* TANPA min-height:100vh dan TANPA footer{margin-top:auto}.
   Keduanya adalah idiom "sticky footer" yang menahan kaki halaman di dasar
   layar walau isinya pendek - dan ruang tahan itu yang tampak menganga di
   halaman pendek. Sekarang kaki halaman langsung menempel di bawah isi.
   Konsekuensinya: pada halaman yang sangat pendek, area di bawah kaki
   halaman diisi latar body. Warnanya sama dengan bilah bawah (--bb-paper),
   jadi menyambung tanpa terlihat terpotong. */
#wrapper{
  display:flex;
  flex-direction:column;
}

/* ── judul ─────────────────────────────────────────────────────────────
   SENGAJA memakai pemilih elemen polos, TANPA #wrapper.
   Dengan #wrapper spesifisitasnya jadi 1,0,1 dan mengalahkan setiap
   aturan judul per-komponen (.bb-footer-nav h2 = 0,1,1 dan
   .bb-latest-head = 0,1,0), sehingga ukuran judul di footer, blok item
   terbaru, dan halaman jelajah semuanya ikut ukuran h2 global.
   Sebagai 0,0,1 aturan ini tetap mengalahkan gaya bawaan EPrints
   (dimuat lebih awal) tapi kalah wajar terhadap aturan komponen. */
h1,h2,h3,h4{
  font-family:var(--bb-font-display);
  color:var(--bb-ink);
  font-weight:700;
  margin:0 0 var(--bb-sp-3);
  text-wrap:balance;
}
h1{font-size:var(--bb-fs-h1);line-height:var(--bb-lh-h1);letter-spacing:var(--bb-tr-h1)}
h2{font-size:var(--bb-fs-h2);line-height:var(--bb-lh-h2);letter-spacing:var(--bb-tr-h2)}
h3{font-size:var(--bb-fs-title);line-height:var(--bb-lh-title);letter-spacing:var(--bb-tr-title)}
h4{font-size:var(--bb-fs-body);line-height:var(--bb-lh-body)}

/* ── tautan ──────────────────────────────────────────────────────────── */
#wrapper a{color:var(--bb-primary);text-decoration:none}
#wrapper a:hover{color:var(--bb-primary-dark);text-decoration:underline}
#wrapper a:visited{color:var(--bb-primary)}

/* ── fokus keyboard ──────────────────────────────────────────────────
   EPrints bawaan tidak menyediakan penanda fokus yang konsisten.       */
#wrapper a:focus-visible,
#wrapper button:focus-visible,
#wrapper input:focus-visible,
#wrapper select:focus-visible,
#wrapper textarea:focus-visible,
#wrapper [tabindex]:focus-visible{
  outline:2px solid var(--bb-mark);
  outline-offset:2px;
  border-radius:2px;
}

/* ── lompat ke konten ────────────────────────────────────────────────── */
.bb-skip{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--bb-primary);color:#fff !important;
  padding:var(--bb-sp-3) var(--bb-sp-4);
  font-size:var(--bb-fs-meta);font-weight:600;
  border-radius:0 0 var(--bb-radius) 0;
}
.bb-skip:focus{left:0;text-decoration:none !important}

::selection{background:var(--bb-primary-tint);color:var(--bb-primary-dark)}

code,kbd,samp,pre,tt{font-family:var(--bb-font-mono);font-size:.88em}

hr{border:0;border-top:1px solid var(--bb-rule);margin:var(--bb-sp-6) 0}

abbr[title]{text-decoration-color:var(--bb-faint)}



/* From: /opt/eprints3/lib/themes/biblio/static/style/auto/zz_biblio_15_unset.css */

/* Tema biblio.co.id - melucuti aturan bawaan EPrints yang bocor.

   Berkas ini khusus berisi aturan yang MELAWAN gaya bawaan EPrints, bukan
   membangun tampilan baru. Dipisah supaya jelas apa saja yang sedang
   dilawan dan kenapa - kalau suatu saat EPrints mengubah gaya bawaannya,
   berkas inilah yang perlu ditinjau ulang.

   Setiap aturan menyebut sumber aslinya. */

/* general.css: h1 { text-align:center }
   Judul halaman rata tengah adalah kebiasaan lama. Seluruh tata letak
   tema ini rata kiri, jadi judul yang rata tengah tampak salah tempat. */
#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,
.ep_tm_pagetitle{text-align:left}

/* colors.css: h1,h2,h3,h4 { color:#606060 } - abu-abu pudar */
#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4{color:var(--bb-ink)}

/* colors.css: a { color:#0645ad }, a:visited { #0b0080 }, a:active { red }
   Warna tautan bawaan tidak mengikuti warna institusi, dan merah pada
   keadaan :active mengagetkan. */
#wrapper a,#wrapper a:visited,.ep_tm_key_tools a:visited{color:var(--bb-primary)}
#wrapper a:hover,#wrapper a:active,.ep_tm_key_tools a:hover,.ep_tm_key_tools a:active{color:var(--bb-primary-dark)}

/* general.css: .ep_block { text-align:center; margin:0.25em auto }
   Membuat isi blok rata tengah di banyak halaman. */
.ep_block{text-align:left;margin:0 0 var(--bb-sp-5)}

/* colors.css: .ep_tm_key_tools li { border-left:1px solid #e8e8e8;
   border-right:1px solid #606060 }
   Garis pemisah antar tautan membuat kepala halaman tampak sesak. */
.ep_tm_key_tools li,
.ep_tm_key_tools li:first-child,
.ep_tm_key_tools li:last-child{border:0 !important;padding:0 !important}

/* colors.css: .ep_tm_searchbar { background-color:#ccc;
   background-image:url(images/bar_24px.png) } - bilah abu bergradien */
.ep_tm_searchbar,.ep_toolbox_title{background-image:none !important;color:inherit}

/* colors.css: .ep_msg_message_content { background-color:#80ff80 } dan
   background-image:url(images/bar_solid_48px.png)
   Hijau neon dengan gradien batang. Ikonnya berupa gambar titik kecil;
   diganti garis tebal di sisi kiri yang lebih tenang dan lebih terbaca. */
/* Pembungkus luar hanya diberi jarak. Bingkai, warna, dan padding ada
   di _content di dalamnya - kalau keduanya diberi bingkai, kotaknya
   tampak bertumpuk. */
.ep_msg_message,.ep_msg_warning,
.ep_msg_error,.ep_msg_other{margin:var(--bb-sp-4) 0}

.ep_msg_message_icon,.ep_msg_warning_icon,
.ep_msg_error_icon,.ep_msg_other_icon{display:none !important}

.ep_msg_message_content,.ep_msg_warning_content,
.ep_msg_error_content,.ep_msg_other_content{
  display:block !important;
  background-image:none !important;
  border-width:1px 1px 1px 3px !important;
  border-style:solid !important;
  border-radius:var(--bb-radius-sm);
}
.ep_msg_message_text,.ep_msg_warning_text,
.ep_msg_error_text,.ep_msg_other_text{
  display:block !important;
  padding:var(--bb-sp-3) var(--bb-sp-4) !important;
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-ink);
}
.ep_msg_message_content{background-color:var(--bb-ok-tint) !important;border-color:var(--bb-rule) !important;border-left-color:var(--bb-ok) !important}
.ep_msg_warning_content{background-color:var(--bb-warn-tint) !important;border-color:var(--bb-rule) !important;border-left-color:var(--bb-warn) !important}
.ep_msg_error_content{background-color:var(--bb-err-tint) !important;border-color:var(--bb-rule) !important;border-left-color:var(--bb-err) !important}
.ep_msg_other_content{background-color:var(--bb-primary-tint) !important;border-color:var(--bb-rule) !important;border-left-color:var(--bb-primary) !important}

/* template.css: .ep_tm_page_content { max-width:1024px; margin:auto }
   Lebar dikendalikan oleh #main_content agar hanya ada satu sumber. */
.ep_tm_page_content{max-width:none;margin:0}

/* homepage.css: ul.ep_block_menu > li { border:1px solid #ccc;
   box-shadow:0 2px 6px rgba(100,100,100,.3) }
   Bayangan tebal khas antarmuka lama. */
ul.ep_block_menu>li{box-shadow:none}

/* colors.css: .ep_tm_menu li:hover { background-color:#279ae2 } dan
   background-image:url(images/bar_glass.png)
   Biru terang dengan gradien kaca saat kursor menyorot menu. Spesifisitas
   aturan bawaannya 0,2,1 - lebih tinggi dari .ep_tm_menu li milik tema
   (0,1,1), jadi harus dilawan dengan pemilih yang setara. */
.ep_tm_menu li,
.ep_tm_menu li:hover,
.ep_tm_menu,
.ep_tm_menu ul{
  background-color:transparent;
  background-image:none;
}

/* template.css: .ep_tm_menu a { font-weight:bold; padding:0 20px }
   Membuat item dropdown tampak tebal dan renggang. */
.ep_tm_menu a,.ep_tm_menu a:visited{font-weight:600}

/* colors.css: .ep_tm_menu { border-bottom:1px solid #fff } */
.ep_tm_menu{border-bottom:0}

/* ── aturan bawaan yang HANYA muncul di ponsel ────────────────────────
   EPrints punya blok @media only screen and (max-width:570px) sendiri.
   Isinya tidak terlihat saat menguji di desktop, jadi mudah terlewat.
   Breakpoint di bawah sengaja disamakan persis dengan milik EPrints agar
   tidak ada celah 561-570px yang lolos. */
@media only screen and (max-width:570px){

  /* .ep_tm_footer { height:34px } - tinggi dipatok, padahal di ponsel
     baris hak cipta dan kredit tema ditumpuk dua baris. Isinya terpotong. */
  .ep_tm_footer{height:auto}

  /* box-shadow:0 2px 6px rgba(100,100,100,.3) pada kontrol pencarian,
     penanda tahap deposit, dan kotak ringkasan - bayangan tebal khas
     antarmuka lama, muncul kembali hanya di ponsel. */
  .ep_search_buttons,.ep_search_controls,.ep_search_controls_bottom,
  .ep_view_group_by,.ep_blister_node,.ep_summary_box_title,
  .ep_sr_title_bar,.ep_sr_collapse_bar,
  .ep_sr_content,.ep_summary_box_body,.ep_tab_panel,
  .ep_toolbox_content,.ep_upload_doc{
    box-shadow:none;
  }

  .ep_tm_menu li:hover{color:inherit}
}

/* form.css: .ep_login_form_table { margin:auto }
   Formulir login dan beberapa formulir lain dipusatkan secara mendatar,
   sementara seluruh tata letak tema rata kiri. Akibatnya isian melayang
   di tengah sementara judul dan paragraf di sekitarnya rata kiri. */
.ep_login_form_table{margin:0}
.ep_login_form_table>div>label,
.ep_login_form_table>div>div{padding:var(--bb-sp-1) var(--bb-sp-3) var(--bb-sp-1) 0}
.ep_login_form_table>div>label{
  font-weight:600;
  color:var(--bb-ink);
  white-space:nowrap;
  vertical-align:middle;
}



/* From: /opt/eprints3/lib/themes/biblio/static/style/auto/zz_biblio_20_chrome.css */

/* Tema biblio.co.id - kepala dan kaki halaman.

   Kepala dua tingkat: bilah utilitas navy tipis di atas, bilah utama putih
   di bawah. Kaki tiga zona: blok merek, kolom tautan, lalu bilah bawah
   berisi hak cipta institusi dan kredit tema.

   Semua pembungkus dalam memakai lebar dan padding yang sama dengan
   #main_content, sehingga logo, judul halaman, dan kolom kaki lurus pada
   satu garis kiri. Ini detail kecil yang paling menentukan kesan rapi. */

.bb-shell{
  width:100%;
  max-width:var(--bb-maxwidth);
  margin:0 auto;
  padding:0 var(--bb-sp-6);
}

/* ═══ TINGKAT 1: BILAH UTILITAS ═════════════════════════════════════════ */
.bb-utility{
  background:var(--bb-primary);
  color:#fff;
}
.bb-utility-in{
  width:100%;
  max-width:var(--bb-maxwidth);
  margin:0 auto;
  padding:0 var(--bb-sp-6);
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:var(--bb-sp-4);
  min-height:36px;
  font-size:var(--bb-fs-meta);
}
.bb-utility-in>div:empty{display:none}

/* tautan masuk / daftar akun, dirender oleh pin login_status */
.bb-utility .ep_tm_key_tools{
  display:flex;align-items:center;gap:var(--bb-sp-4);
  list-style:none;margin:0;padding:0;border:0;
}
.bb-utility .ep_tm_key_tools li{margin:0;padding:0;list-style:none;border:0}
.bb-utility .ep_tm_key_tools a,
.bb-utility .ep_tm_key_tools_item_link,
.bb-utility a{
  color:#fff !important;
  font-size:var(--bb-fs-meta);
  font-weight:500;
  white-space:nowrap;
  text-decoration:none;
}
.bb-utility a:hover{text-decoration:underline}
.bb-utility a:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* tautan terakhir dijadikan ajakan yang lebih tegas */
.bb-utility .ep_tm_key_tools li:last-child a{
  border:1px solid rgba(255,255,255,.45);
  border-radius:var(--bb-radius-sm);
  padding:3px var(--bb-sp-3);
  font-weight:600;
}
.bb-utility .ep_tm_key_tools li:last-child a:hover{
  background:rgba(255,255,255,.12);
  text-decoration:none;
}

/* ═══ TINGKAT 2: BILAH UTAMA ════════════════════════════════════════════ */
.ep_tm_header{
  background:var(--bb-surface);
  border-bottom:1px solid var(--bb-rule);
  padding:0;
  margin:0;
}
.bb-header-in{
  width:100%;
  max-width:var(--bb-maxwidth);
  margin:0 auto;
  padding:var(--bb-sp-3) var(--bb-sp-6);
  display:flex;
  align-items:center;
  gap:var(--bb-sp-6);
  flex-wrap:wrap;
  min-height:72px;
}

/* ── blok merek ──────────────────────────────────────────────────────── */
.bb-brand{
  display:flex;align-items:center;gap:var(--bb-sp-3);
  flex-shrink:0;text-decoration:none !important;
  color:var(--bb-primary) !important;
}
.bb-brand:hover{text-decoration:none !important}
/* Logo institusi bisa berbentuk apa saja - persegi, lanskap, atau potret.
   Tingginya dipatok, lebarnya mengikuti rasio, dan max-width menahan logo
   yang sangat memanjang. Tanpa width:auto, logo lanskap akan DIPIPIHKAN
   ke dalam kotak 40x40. */
.bb-brand-mark{
  height:40px;width:auto;min-width:32px;max-width:120px;
  flex:none;display:block;object-fit:contain;
}
.bb-brand-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.bb-brand-name{
  font-family:var(--bb-font-display);
  font-size:var(--bb-fs-body);font-weight:700;letter-spacing:-.02em;
  color:var(--bb-ink);
}
.bb-brand-tagline{
  font-size:var(--bb-fs-micro);line-height:var(--bb-lh-micro);
  letter-spacing:.03em;color:var(--bb-muted);
}
.bb-brand-tagline:empty{display:none}

/* ── menu navigasi ───────────────────────────────────────────────────── */
.ep_tm_menu{
  display:flex;gap:2px;list-style:none;margin:0;padding:0;
  background:none;border:0;
}
.ep_tm_menu li{position:relative;margin:0;padding:0;list-style:none;background:none}
.ep_tm_menu>li>a{
  display:block;
  padding:var(--bb-sp-2) var(--bb-sp-3);
  font-size:var(--bb-fs-meta);font-weight:600;
  color:var(--bb-muted) !important;
  border-bottom:2px solid transparent;
  border-radius:var(--bb-radius-sm) var(--bb-radius-sm) 0 0;
  white-space:nowrap;
  transition:background-color .12s,color .12s;
}
/* Sorot menu: latar bertint lembut, bukan blok biru terang bawaan.
   .ep_tm_menu_selected ditambahkan oleh 55_menu.js saat dropdown dibuka. */
.ep_tm_menu>li>a:hover,
.ep_tm_menu>li>a:focus-visible{
  color:var(--bb-primary-dark) !important;
  background:var(--bb-primary-tint);
  text-decoration:none;
}
.ep_tm_menu>li>a[aria-expanded="true"],
.ep_tm_menu>li>a.ep_tm_menu_selected{
  color:var(--bb-primary-dark) !important;
  background:var(--bb-primary-tint);
  border-bottom-color:var(--bb-mark);
}

#ep_tm_menu_browse{
  position:absolute;left:0;top:100%;z-index:40;
  min-width:230px;margin:0;padding:var(--bb-sp-1) 0;list-style:none;
  background:var(--bb-surface);
  border:1px solid var(--bb-rule);
  border-radius:var(--bb-radius-sm);
  box-shadow:0 8px 24px rgba(22,32,43,.12);
}
#ep_tm_menu_browse a{
  display:block;padding:var(--bb-sp-2) var(--bb-sp-4);
  font-size:var(--bb-fs-meta);font-weight:600;
  color:var(--bb-ink) !important;white-space:nowrap;
}
#ep_tm_menu_browse a:hover{background:var(--bb-primary-tint);text-decoration:none}

/* ── kotak cari ──────────────────────────────────────────────────────── */
.ep_tm_searchbar{
  display:flex;align-items:center;
  margin-left:auto;min-width:0;
  background:none;border:0;padding:0;
  text-align:left;
}
.ep_tm_searchbar form{display:flex;margin:0}

.ep_tm_searchbarbox{
  font-family:inherit;font-size:var(--bb-fs-meta);
  color:var(--bb-ink);background:var(--bb-surface);
  border:1px solid var(--bb-rule);border-right:0;
  border-radius:var(--bb-radius-sm) 0 0 var(--bb-radius-sm);
  padding:var(--bb-sp-2) var(--bb-sp-3);
  width:240px;max-width:100%;
}
.ep_tm_searchbarbox::placeholder{color:var(--bb-faint)}
.ep_tm_searchbarbox:focus{border-color:var(--bb-primary);outline-offset:0}

.ep_tm_searchbarbutton{
  font-family:inherit;font-size:var(--bb-fs-meta);font-weight:600;
  color:#fff;background-color:var(--bb-primary);
  border:1px solid var(--bb-primary);
  border-radius:0 var(--bb-radius-sm) var(--bb-radius-sm) 0;
  padding:var(--bb-sp-2) var(--bb-sp-4) var(--bb-sp-2) 30px;
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:10px center;
  background-size:14px 14px;
}
.ep_tm_searchbarbutton:hover{background-color:var(--bb-primary-dark);border-color:var(--bb-primary-dark)}

/* ═══ ISI UTAMA ═════════════════════════════════════════════════════════ */
#main_content{
  flex:0 1 auto;
  width:100%;
  max-width:var(--bb-maxwidth);
  margin:0 auto;
  padding:0 var(--bb-sp-6);
}
.ep_tm_page_content{padding:var(--bb-sp-6) 0 var(--bb-sp-8);margin:0}
.ep_tm_pagetitle{
  font-size:var(--bb-fs-h1);
  line-height:var(--bb-lh-h1);
  letter-spacing:var(--bb-tr-h1);
  font-weight:700;
  margin:0 0 var(--bb-sp-5);
  padding:0 0 var(--bb-sp-4);
  border-bottom:1px solid var(--bb-rule);
  max-width:none;
}

/* ═══ KAKI: ZONA UTAMA ══════════════════════════════════════════════════ */
/* Tanpa margin-top: kaki halaman menempel langsung di bawah isi.
   Sticky footer sudah dicabut - lihat catatan di zz_biblio_10_base.css. */
.bb-footer-main{
  background:var(--bb-surface);
  border-top:1px solid var(--bb-rule);
}
.bb-footer-in{
  width:100%;
  max-width:var(--bb-maxwidth);
  margin:0 auto;
  padding:var(--bb-sp-8) var(--bb-sp-6);
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr 1.3fr;
  gap:var(--bb-sp-6);
  align-items:start;
}

.bb-footer-brand{display:flex;flex-direction:column;gap:var(--bb-sp-2)}
.bb-footer-mark{align-self:flex-start;height:32px;width:auto;min-width:26px;max-width:100px;display:block;object-fit:contain}
.bb-footer-name{
  margin:var(--bb-sp-1) 0 0;
  font-family:var(--bb-font-display);
  font-size:var(--bb-fs-body);
  line-height:1.3;
  letter-spacing:var(--bb-tr-title);
  font-weight:700;
  color:var(--bb-ink);
}
.bb-footer-blurb{
  margin:0;
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
  max-width:42ch;
}

.bb-footer-nav h2{
  margin:0 0 var(--bb-sp-3);
  font-family:var(--bb-font-body);
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  letter-spacing:normal;
  text-transform:none;
  font-weight:700;
  color:var(--bb-ink);
  border:0;padding:0;
}
.bb-footer-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--bb-sp-1)}
.bb-footer-nav li{margin:0;padding:0;list-style:none}
.bb-footer-nav a{
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted) !important;
}
.bb-footer-nav a:hover{color:var(--bb-primary-dark) !important}
.bb-footer-harvest p{
  margin:0 0 var(--bb-sp-2);
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
}
.bb-oai code{
  display:inline-block;
  font-size:var(--bb-fs-micro);
  background:var(--bb-primary-tint);
  color:var(--bb-primary-dark);
  padding:3px var(--bb-sp-2);
  border-radius:3px;
  word-break:break-all;
}

/* ═══ KAKI: BILAH BAWAH ═════════════════════════════════════════════════ */
.ep_tm_footer{
  background:var(--bb-paper);
  border-top:1px solid var(--bb-rule);
  margin:0;
  padding:var(--bb-sp-3) var(--bb-sp-6);
  display:flex;flex-wrap:wrap;align-items:center;
  gap:var(--bb-sp-2) var(--bb-sp-6);
  font-size:var(--bb-fs-micro);
  line-height:var(--bb-lh-micro);
  color:var(--bb-faint);
  text-align:left;
}
.ep_tm_footer a{color:var(--bb-muted)}
.ep_tm_footer a:hover{color:var(--bb-primary-dark)}

/* baris hak cipta institusi - menggantikan atribusi EPrints bawaan.
   Frasa template:about_eprints TIDAK ditimpa, hanya tidak dipanggil oleh
   templat tema, sehingga tetap tersedia bagi yang ingin memakainya. */
.bb-copyright{
  flex:1 1 auto;
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
}

/* Tanpa white-space:nowrap - teks kredit lebih panjang dari sebelumnya dan
   akan meluber keluar bilah di layar sempit. Dibiarkan membungkus rapi. */
.bb-credit{
  flex:0 1 auto;
  margin-left:auto;
  padding-left:var(--bb-sp-3);
  border-left:2px solid var(--bb-mark);
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
}
.bb-credit a{font-weight:700;color:var(--bb-primary-dark) !important}



/* From: /opt/eprints3/lib/themes/biblio/static/style/auto/zz_biblio_30_content.css */

/* Tema biblio.co.id - halaman abstrak, hasil pencarian, jelajah. */

/* ═══ HALAMAN ABSTRAK ═══════════════════════════════════════════════════
   Struktur nyata EPrints: .ep_summary_content membungkus _top, _left,
   _right, _main, _bottom, _after. Blok _left dan _right memuat berkas
   dokumen; _main memuat abstrak dan tabel metadata.                      */

.ep_summary_content{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--bb-sp-5);
  margin:0;
}
.ep_summary_content_top:empty,
.ep_summary_content_bottom:empty,
.ep_summary_content_after:empty,
.ep_summary_content_left:empty,
.ep_summary_content_right:empty{display:none}

.ep_summary_content_main{max-width:var(--bb-measure)}
.ep_summary_content_main p{margin:0 0 var(--bb-sp-3)}

/* blok berkas: dinaikkan ke atas abstrak. Mayoritas pengunjung datang
   dari mesin pencari dan mencari berkasnya, bukan halamannya. */
.ep_summary_content_left,
.ep_summary_content_right{
  order:-1;
  background:var(--bb-surface);
  border:1px solid var(--bb-rule);
  border-left:3px solid var(--bb-primary);
  border-radius:var(--bb-radius-sm);
  padding:var(--bb-sp-4);
}
.ep_summary_page_document{display:flex;align-items:center;gap:var(--bb-sp-3);flex-wrap:wrap}
.ep_summary_page_document:empty{display:none}
.ep_document_link{display:inline-flex;align-items:center}
.ep_doc_icon{border:1px solid var(--bb-rule);border-radius:3px;background:var(--bb-paper);vertical-align:middle}

.ep_summary_page_actions{
  display:flex;flex-wrap:wrap;gap:var(--bb-sp-2);
  margin:var(--bb-sp-4) 0 0;padding:0;list-style:none;
}
.ep_summary_page_actions li{list-style:none;margin:0}

/* tabel metadata: EPrints merendernya sebagai <table> TANPA kelas apa pun,
   dengan <th align="right"> warisan lama. Harus ditarget secara struktural. */
.ep_summary_content_main table,
.ep_summary_content table{
  width:100%;
  border-collapse:collapse;
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  margin:var(--bb-sp-5) 0 !important;
}
.ep_summary_content table th{
  text-align:left !important;
  vertical-align:top;
  font-family:var(--bb-font-mono);
  font-size:var(--bb-fs-micro);
  line-height:var(--bb-lh-micro);
  letter-spacing:.05em;
  text-transform:uppercase;
  font-weight:500;
  color:var(--bb-muted);
  white-space:nowrap;
  padding:var(--bb-sp-3) var(--bb-sp-5) var(--bb-sp-3) 0;
  border-bottom:1px solid var(--bb-rule-soft);
  width:1%;
}
.ep_summary_content table td{
  vertical-align:top;
  color:var(--bb-ink);
  padding:var(--bb-sp-3) 0;
  border-bottom:1px solid var(--bb-rule-soft);
}
.ep_summary_content table tr:last-child th,
.ep_summary_content table tr:last-child td{border-bottom:0}

/* pratinjau berkas saat kursor menyorot */
.ep_preview{z-index:50}
.ep_preview_image{border:1px solid var(--bb-rule);background:#fff}
.ep_preview_title{
  font-size:var(--bb-fs-micro);letter-spacing:var(--bb-tr-micro);
  text-transform:uppercase;color:var(--bb-muted);
  font-family:var(--bb-font-mono);
}

/* ═══ HASIL PENCARIAN ═══════════════════════════════════════════════════
   STRUKTUR NYATA — tiga hal yang mudah salah dikira:

   1. Daftar hasil adalah TABEL LEWAT CSS, bukan <table>:
        .ep_paginate_list      { display:table }
        .ep_search_result      { display:table-row }
        .ep_search_result > div{ display:table-cell; border-bottom:dashed #bbf 1px }
      Mengubah barisnya jadi flex TANPA ikut mengubah anaknya menghasilkan
      wadah flex berisi table-cell - dan garis putus-putus bawaan tetap
      tergambar. Ketiganya harus dilawan bersamaan.

   2. Tiap baris punya TIGA anak, bukan dua:
        <div>nomor</div> <div>sitasi</div> <div>berkas</div>
      Sitasi ada di tengah. Menargetkan :last-child untuk teks utama akan
      mengenai blok berkas.

   3. .ep_search_control adalah <span> INLINE yang dipisah teks "|".
      Memberinya display:flex memecah barisnya dan melempar pemisahnya
      ke baris sendiri.                                                    */

.ep_search_results{margin:0}

/* lucuti tata letak tabel bawaan */
.ep_paginate_list{display:block;margin:0;padding:0;width:auto}

.ep_search_result{
  display:flex;
  align-items:flex-start;
  gap:var(--bb-sp-4);
  padding:var(--bb-sp-4) 0;
  border-bottom:1px solid var(--bb-rule-soft);
  margin:0;
}
.ep_search_result:last-child{border-bottom:0}

.ep_search_result>div{
  display:block;
  border-bottom:0;
  padding:0;
  vertical-align:baseline;
}

/* anak 1: nomor urut */
.ep_search_result>div:first-child{
  flex:none;width:2.2em;
  font-family:var(--bb-font-mono);
  font-size:var(--bb-fs-meta);
  color:var(--bb-faint);
  font-variant-numeric:tabular-nums;
  padding-top:2px;
}

/* anak 2: sitasi - inilah teks utamanya.

   SATU UKURAN UNTUK SELURUH BARIS. Sitasi adalah KALIMAT, bukan judul:
   "Penulis (Tahun) Judul. Tipe. Penerbit." Memberi judulnya ukuran lebih
   besar dari teks di sekitarnya membuat lompatan ukuran di tengah kalimat
   dan barisnya patah secara visual. Judul dibedakan lewat BOBOT dan WARNA
   saja - cara yang lazim pada daftar bibliografi.

   Ukuran memakai --bb-fs-body, bukan --bb-fs-meta: daftar hasil adalah
   isi utama halaman ini, bukan metadata pendamping. */
.ep_search_result>div:nth-child(2){
  flex:1;min-width:0;
  font-size:var(--bb-fs-body);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
}
.ep_search_result>div:nth-child(2)>a,
.ep_search_result>div:nth-child(2) a:first-of-type{
  font-family:inherit;
  font-size:inherit;
  font-weight:600;
  letter-spacing:0;
  color:var(--bb-ink) !important;
}
.ep_search_result>div:nth-child(2) a:hover{color:var(--bb-primary-dark) !important}
.ep_search_result em,.ep_search_result a em{font-style:normal}
.person_name{color:var(--bb-ink);font-weight:600}

/* anak 3: pratinjau berkas - float bawaan dibuang, flex yang mengatur */
.ep_search_result>div:last-child{flex:none}
.ep_search_result_docs{
  float:none;
  min-height:0;
  display:flex;
  gap:var(--bb-sp-2);
  align-items:flex-start;
}

/* ── bilah kontrol di atas dan bawah daftar ─────────────────────────── */
/* Kartu utuh, bukan sekadar garis atas-bawah.

   Bawaan EPrints memberi bilah ini border atas-bawah tanpa padding
   mendatar, sehingga isinya menempel di tepi. Menambah padding saja akan
   membuat teksnya menjorok dan tidak lagi lurus dengan judul halaman di
   atasnya. Dijadikan kartu berbingkai penuh: isinya punya jarak dari tepi,
   dan kotaknya sendiri tetap sejajar dengan lebar isi halaman. */
.ep_search_controls,.ep_search_controls_bottom{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--bb-sp-3) var(--bb-sp-5);
  text-align:left;
  background:var(--bb-surface);
  background-image:none;
  border:1px solid var(--bb-rule);
  border-radius:var(--bb-radius-sm);
  padding:var(--bb-sp-3) var(--bb-sp-4);
  margin:0 0 var(--bb-sp-5);
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
}
.ep_search_controls_bottom{margin:var(--bb-sp-5) 0 0}
.ep_search_controls>div,.ep_search_controls_bottom>div{margin:0}

.ep_search_number{font-weight:700;color:var(--bb-ink);font-variant-numeric:tabular-nums}

/* TETAP inline - lihat catatan 3 di atas */
.ep_search_control{display:inline;font-weight:600}
.ep_search_control a{font-weight:600}

.ep_search_reorder,.ep_search_export{
  display:flex;align-items:center;gap:var(--bb-sp-2);flex-wrap:wrap;
  margin:0;text-align:left;
}
.ep_search_reorder form,.ep_search_export form{display:flex;align-items:center;gap:var(--bb-sp-2);flex-wrap:wrap;margin:0}
.ep_search_reorder label,.ep_search_export label{display:flex;align-items:center;gap:var(--bb-sp-2)}

.ep_search_desc{
  text-align:left;
  font-size:var(--bb-fs-meta);color:var(--bb-muted);
  padding:var(--bb-sp-3) 0;margin:0;
}
.ep_search_desc strong{color:var(--bb-ink)}

/* Bilah ekspor punya DUA anak div: kiri berisi label + select + tombol,
   kanan berisi tautan umpan. Anak kiri adalah <div> biasa, jadi isinya
   mengalir inline dan terlipat begitu lebarnya terjepit - itu sebabnya
   labelnya naik ke baris sendiri. Kedua anak dijadikan baris flex agar
   semuanya sejajar pada satu garis. */
.ep_export_bar{
  display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;
  gap:var(--bb-sp-3) var(--bb-sp-5);
  margin:var(--bb-sp-4) 0;
}
.ep_export_bar>div{
  display:flex;flex-wrap:wrap;align-items:center;
  gap:var(--bb-sp-2) var(--bb-sp-3);
  margin:0;
}
.ep_export_bar>div:empty{display:none}
.ep_export_bar label{white-space:nowrap;margin:0}
.ep_search_export div[role="toolbar"]{margin:0}
.ep_search_feed a{display:inline-flex;align-items:center;gap:var(--bb-sp-1)}

/* ═══ JELAJAH ═══════════════════════════════════════════════════════════
   Halaman jelajah EPrints punya EMPAT struktur berbeda, bukan satu:

   1. Pohon      /view/subjects/, /view/divisions/
                 div.ep_view_menu > div.ep_view_intro + ul bersarang.
                 Hitungan "(1)" adalah teks lepas SETELAH </a>, bukan elemen.
   2. Daftar     /view/year/  - sama, tapi datar tanpa sarang.
   3. Kolom      /view/creators/
                 div.ep_view_menu > div.ep_view_cols_3 > div.ep_view_col_N
   4. Daftar isi /view/subjects/Z665.html
                 div.ep_view_page dengan group_by, jump_to, blurb, timestamp.

   .ep_view_menu adalah PEMBUNGKUS, bukan deretan tab.                     */

.ep_view_menu{display:block;margin:0}

.ep_view_intro{
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
  max-width:var(--bb-measure);
  margin:0 0 var(--bb-sp-5);
}

/* ── pohon dan daftar ────────────────────────────────────────────────── */
.ep_view_menu ul{list-style:none;margin:0;padding:0}

.ep_view_menu>ul>li{
  padding:var(--bb-sp-3) 0;
  border-bottom:1px solid var(--bb-rule-soft);
}
.ep_view_menu>ul>li:last-child{border-bottom:0}

/* tingkat bersarang: indentasi dengan garis penuntun di sisi kiri */
.ep_view_menu ul ul{
  margin:var(--bb-sp-2) 0 0 var(--bb-sp-3);
  padding-left:var(--bb-sp-4);
  border-left:1px solid var(--bb-rule);
}
.ep_view_menu ul ul li{padding:var(--bb-sp-2) 0}

/* teks lepas "(1)" di dalam <li> - dibuat redup dan berangka rata */
.ep_view_menu li{
  font-family:var(--bb-font-mono);
  font-size:var(--bb-fs-micro);
  color:var(--bb-faint);
  font-variant-numeric:tabular-nums;
}
.ep_view_menu li>a{
  font-family:var(--bb-font-body);
  font-size:var(--bb-fs-meta);
  font-weight:600;
  color:var(--bb-ink) !important;
  margin-right:var(--bb-sp-2);
}
.ep_view_menu li>a:hover{color:var(--bb-primary-dark) !important}

/* ── kolom penulis ───────────────────────────────────────────────────── */
.ep_view_cols{
  display:grid;
  gap:var(--bb-sp-2) var(--bb-sp-8);
  margin:0;
}
.ep_view_cols_2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.ep_view_cols_3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.ep_view_col{min-width:0}
.ep_view_col ul{list-style:none;margin:0;padding:0}
.ep_view_col li{padding:var(--bb-sp-1) 0}

/* ── halaman daftar isi ──────────────────────────────────────────────── */
.ep_view_page{margin:0}

.ep_view_group_by,
.ep_view_jump,
.ep_view_jump_to{
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
  margin:0 0 var(--bb-sp-3);
}
.ep_view_group_by_current{
  font-weight:700;
  color:var(--bb-ink);
}
.ep_view_jump_to a{
  display:inline-block;
  font-family:var(--bb-font-mono);
  font-size:var(--bb-fs-meta);
  padding:2px var(--bb-sp-2);
  margin:2px 2px 2px 0;
  border:1px solid var(--bb-rule);
  border-radius:3px;
  background:var(--bb-surface);
}
.ep_view_jump_to a:hover{border-color:var(--bb-primary);text-decoration:none}

.ep_view_blurb{
  font-size:var(--bb-fs-meta);
  color:var(--bb-muted);
  padding:var(--bb-sp-3) 0;
  border-top:1px solid var(--bb-rule);
  border-bottom:1px solid var(--bb-rule);
  margin:var(--bb-sp-4) 0 var(--bb-sp-5);
}
.ep_view_blurb strong{color:var(--bb-ink);font-variant-numeric:tabular-nums}

/* judul kelompok, misalnya huruf awal nama penulis atau tahun */
.ep_view_page h2{
  font-size:var(--bb-fs-title);
  line-height:var(--bb-lh-title);
  letter-spacing:var(--bb-tr-title);
  margin:var(--bb-sp-6) 0 var(--bb-sp-2);
  padding-bottom:var(--bb-sp-2);
  border-bottom:1px solid var(--bb-rule);
}

/* tiap sitasi item adalah <p> lepas */
.ep_view_page>p{
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
  margin:0;
  padding:var(--bb-sp-3) 0;
  border-bottom:1px solid var(--bb-rule-soft);
  max-width:var(--bb-measure);
}
.ep_view_page>p:last-of-type{border-bottom:0}
.ep_view_page>p em a,.ep_view_page>p a em{font-style:normal}

.ep_view_timestamp{
  font-size:var(--bb-fs-micro);
  line-height:var(--bb-lh-micro);
  color:var(--bb-faint);
  margin-top:var(--bb-sp-8);
  padding-top:var(--bb-sp-3);
  border-top:1px solid var(--bb-rule-soft);
}
.ep_view_timestamp strong{font-weight:500;font-family:var(--bb-font-mono)}

/* ═══ SOROTAN KATA KUNCI ═══════════════════════════════════════════════ */
mark,.ep_highlight{background:var(--bb-highlight);color:inherit;padding:0 2px;border-radius:2px}

/* ── penyeragaman ukuran pada bilah kontrol dan ekspor ──────────────────
   Label, <select>, dan tombol di bilah ini berasal dari markup berbeda
   dan mewarisi ukuran yang berbeda-beda. Tanpa ini, "Export 1 results as"
   tampil 16px di samping <select> 13px. */

.ep_search_controls,.ep_search_controls_bottom,
.ep_export_bar,.ep_search_export,.ep_search_reorder{
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
}
.ep_search_controls label,.ep_search_controls_bottom label,
.ep_export_bar label,.ep_search_export label,.ep_search_reorder label{
  font-size:var(--bb-fs-meta);
  color:var(--bb-muted);
}

/* baris "Displaying results" dan pasangan tautan di bawahnya dipisah <br>;
   beri jarak agar tidak menempel */
.ep_search_controls>div:first-child,
.ep_search_controls_bottom>div:first-child{
  line-height:1.9;
}

/* tautan umpan di bilah ekspor: samakan dengan sekitarnya */
.ep_search_feed,.ep_search_feed a,
.ep_search_Atom,.ep_search_RSS,.ep_search_RSS2{
  font-size:var(--bb-fs-meta);
  vertical-align:middle;
}
.ep_search_feed img{vertical-align:-2px}



/* From: /opt/eprints3/lib/themes/biblio/static/style/auto/zz_biblio_35_home.css */

/* Tema biblio.co.id - beranda.

   Beranda tema dipimpin pencarian. Tautan jelajah, tentang, kebijakan, dan
   panen metadata ada di kaki halaman pada SETIAP halaman, jadi mengulangnya
   sebagai kotak-kotak di beranda hanya menggandakan informasi.

   Gaya .ep_block_menu di bagian bawah tetap dipertahankan untuk institusi
   yang memakai beranda bawaan EPrints atau berandanya sendiri. */

/* ═══ HERO PENCARIAN ════════════════════════════════════════════════════ */
.bb-hero{
  padding:var(--bb-sp-6) 0 var(--bb-sp-8);
  border-bottom:1px solid var(--bb-rule-soft);
  margin-bottom:var(--bb-sp-5);
}

.bb-hero-lead{
  margin:0 0 var(--bb-sp-6);
  font-size:var(--bb-fs-title);
  line-height:var(--bb-lh-title);
  letter-spacing:var(--bb-tr-title);
  color:var(--bb-muted);
  max-width:52ch;
  text-wrap:balance;
}

.bb-hero-search{
  display:flex;
  max-width:640px;
  margin:0;
}

.bb-hero-input{
  flex:1;min-width:0;
  font-family:var(--bb-font-body);
  font-size:var(--bb-fs-body);
  line-height:var(--bb-lh-body);
  color:var(--bb-ink);
  background:var(--bb-surface);
  border:1px solid var(--bb-rule);
  border-right:0;
  border-radius:var(--bb-radius) 0 0 var(--bb-radius);
  padding:var(--bb-sp-3) var(--bb-sp-4);
}
.bb-hero-input::placeholder{color:var(--bb-faint)}
.bb-hero-input:focus{border-color:var(--bb-primary)}

.bb-hero-button{
  flex:none;
  font-family:var(--bb-font-body);
  font-size:var(--bb-fs-body);
  font-weight:700;
  color:#fff;
  background-color:var(--bb-primary);
  border:1px solid var(--bb-primary);
  border-radius:0 var(--bb-radius) var(--bb-radius) 0;
  padding:var(--bb-sp-3) var(--bb-sp-6) var(--bb-sp-3) 42px;
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:16px center;
  background-size:17px 17px;
}
.bb-hero-button:hover{background-color:var(--bb-primary-dark);border-color:var(--bb-primary-dark)}

.bb-hero-links{
  margin:var(--bb-sp-4) 0 0;
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
}
.bb-hero-links a{font-weight:600}
.bb-sep{color:var(--bb-faint);margin:0 var(--bb-sp-2)}

/* ═══ BARIS UMPAN ═══════════════════════════════════════════════════════ */
.bb-home-feeds{
  display:flex;flex-wrap:wrap;align-items:center;
  gap:var(--bb-sp-3);
  font-size:var(--bb-fs-micro);
  line-height:var(--bb-lh-micro);
  color:var(--bb-muted);
}
.bb-home-feeds-label{
  font-family:var(--bb-font-mono);
  letter-spacing:var(--bb-tr-micro);
  text-transform:uppercase;
  color:var(--bb-faint);
}
.bb-home-feeds .ep_search_feed a{
  font-family:var(--bb-font-mono);
  font-size:var(--bb-fs-micro);
  border:1px solid var(--bb-rule);
  border-radius:3px;
  padding:3px var(--bb-sp-2);
  color:var(--bb-muted) !important;
  background:var(--bb-surface);
}
.bb-home-feeds .ep_search_feed a:hover{
  border-color:var(--bb-primary);
  color:var(--bb-primary-dark) !important;
  text-decoration:none;
}

@media (max-width:560px){
  .bb-hero-search{flex-direction:column;gap:var(--bb-sp-2)}
  .bb-hero-input{border-right:1px solid var(--bb-rule);border-radius:var(--bb-radius)}
  .bb-hero-button{border-radius:var(--bb-radius);padding-left:42px;text-align:left}
}

/* ═══ BERANDA BAWAAN EPRINTS ════════════════════════════════════════════
   Dipertahankan untuk institusi yang tidak memakai beranda tema ini.     */

#ep-homepage-menu{margin:var(--bb-sp-6) 0}
ul.ep_block_menu{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:var(--bb-sp-3);
  list-style:none;margin:0;padding:0;
}
ul.ep_block_menu>li{
  display:flex;flex-direction:column;gap:var(--bb-sp-1);
  margin:0;padding:var(--bb-sp-4);
  background:var(--bb-surface);
  border:1px solid var(--bb-rule);
  border-radius:var(--bb-radius-sm);
  transition:border-color .15s;
}
ul.ep_block_menu>li:hover{border-color:var(--bb-primary)}
.ep_block_menu_option_title{
  margin:0;
  font-family:var(--bb-font-display);
  font-size:var(--bb-fs-title);
  line-height:var(--bb-lh-title);
  letter-spacing:var(--bb-tr-title);
  font-weight:700;
}
.ep_block_menu_option_title a{color:var(--bb-ink) !important}
ul.ep_block_menu>li:hover .ep_block_menu_option_title a{color:var(--bb-primary-dark) !important}
.ep_block_menu_option_desc{
  margin:0;
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
}

/* ═══ ITEM TERBARU ══════════════════════════════════════════════════════
   Diisi oleh fungsi EPScript biblio_latest() dari cfg.d/zz_biblio_latest.pl.
   Halaman ini statis, jadi daftarnya menyegar saat generate_static jalan. */

.bb-latest-block{margin:0 0 var(--bb-sp-8)}

.bb-latest-head{
  font-size:var(--bb-fs-title);
  line-height:var(--bb-lh-title);
  letter-spacing:var(--bb-tr-title);
  font-weight:700;
  margin:0 0 var(--bb-sp-2);
  padding-bottom:var(--bb-sp-2);
  border-bottom:1px solid var(--bb-rule);
}

ul.bb-latest{list-style:none;margin:0;padding:0}
/* Satu ukuran untuk seluruh baris - alasannya sama dengan daftar hasil
   pencarian di zz_biblio_30_content.css: sitasi adalah kalimat, dan judul
   yang lebih besar dari teks sekitarnya mematahkan barisnya. */
.bb-latest-item{
  padding:var(--bb-sp-3) 0;
  border-bottom:1px solid var(--bb-rule-soft);
  font-size:var(--bb-fs-body);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
}
.bb-latest-item:last-child{border-bottom:0}
.bb-latest-item a{
  font-family:inherit;
  font-size:inherit;
  font-weight:600;
  letter-spacing:0;
  color:var(--bb-ink) !important;
}
.bb-latest-item a:hover{color:var(--bb-primary-dark) !important}
.bb-latest-item em,.bb-latest-item a em{font-style:normal}

.bb-latest-more{
  margin:var(--bb-sp-3) 0 0;
  font-size:var(--bb-fs-meta);
}
.bb-latest-more a{font-weight:600}

/* kalau belum ada item berstatus arsip, fungsi mengembalikan fragmen kosong;
   judul dan tautan "lihat semua" ikut disembunyikan agar tidak menggantung */
.bb-latest-block:not(:has(ul.bb-latest)){display:none}

/* ═══ JARING SITASI DI HERO ═════════════════════════════════════════════
   Simpul yang hanyut, dihubungkan garis yang memudar sesuai jarak.
   Digambar oleh javascript/auto/zz_biblio_net.js ke elemen <canvas>
   yang ada di index.xpage.

   KENAPA CANVAS, BUKAN CSS
   Garis antar titik yang bergerak menuntut perhitungan jarak tiap frame.
   CSS tidak punya cara melakukannya. Ini satu-satunya bagian tema yang
   memerlukan JavaScript - kalau JavaScript mati, hero tetap tampil rapi,
   hanya tanpa jaringnya.

   Warna diambil dari token di bawah oleh skripnya lewat getComputedStyle,
   jadi institusi yang mengganti warna cukup menyunting token - tidak perlu
   menyentuh berkas JavaScript sama sekali.                              */

.bb-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.bb-net{
  --bb-net-line:var(--bb-primary);
  --bb-net-node:var(--bb-primary);
  --bb-net-accent:var(--bb-mark);

  display:var(--bb-hero-motion,block);
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:-1;
  pointer-events:none;

  /* Memudar ke kiri agar jaring tidak pernah lewat di belakang kalimat
     pengantar maupun kotak cari. */
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 52%,#000 100%);
          mask-image:linear-gradient(to right,transparent 0,#000 52%,#000 100%);
}

/* Di layar sempit tidak ada ruang sisa di kanan: jaring akan menabrak
   teks, dan menggambar tiap frame membebani perangkat kecil tanpa manfaat. */
@media (max-width:768px){
  .bb-net{display:none}
}

/* ═══ KARTU STATISTIK ═══════════════════════════════════════════════════
   Empat angka hitungan. Ini BUKAN grafik - tidak ada besaran yang perlu
   dibandingkan secara visual, jadi bentuk yang benar adalah kartu angka,
   bukan diagram batang. Karena tidak ada plot, tidak ada lapisan hover.

   Angka memakai figur PROPORSIONAL, bukan tabular-nums. Tabular-nums
   memberi tiap digit lebar '0' - pada ukuran besar angka seperti 121
   jadi terlihat renggang. Tabular-nums hanya untuk kolom angka yang harus
   lurus vertikal, dan kartu ini tidak begitu.

   Angka besar dipadatkan di sisi Perl: 1,284 lalu 12.9K lalu 4.2M. */

.bb-stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:var(--bb-sp-3);
  margin:0 0 var(--bb-sp-4);
}

.bb-stat{min-width:0;
  background:var(--bb-surface);
  border:1px solid var(--bb-rule);
  border-radius:var(--bb-radius-sm);
  padding:var(--bb-sp-4);
  display:flex;
  flex-direction:column;
  gap:2px;
}

.bb-stat-value{
  font-family:var(--bb-font-body);
  font-size:var(--bb-fs-h1);
  line-height:1.1;
  letter-spacing:var(--bb-tr-h1);
  font-weight:600;
  color:var(--bb-ink);
  /* Angka pada ubin bersebelahan dan dibaca sebagai satu baris, jadi
     lebar digitnya harus seragam - tanpa ini "1.111" jauh lebih sempit
     daripada "8.888" dan barisnya terlihat goyah. */
  font-variant-numeric:tabular-nums;
}

/* Ukuran menyusut mengikuti panjang angka. Kelasnya dipasang oleh
   zz_biblio_stats.pl, yang satu-satunya tahu berapa digit yang dirender.
   Ambangnya: >6 karakter (mis. 448.912) dan >9 karakter (mis. 12.345.678). */
.bb-stat-value.bb-stat-long{font-size:var(--bb-fs-h2);letter-spacing:var(--bb-tr-h2)}
.bb-stat-value.bb-stat-xlong{font-size:var(--bb-fs-title);letter-spacing:normal}

.bb-stat-label{
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
}

.bb-stats-more{
  margin:0 0 var(--bb-sp-6);
  font-size:var(--bb-fs-meta);
}
.bb-stats-more a{font-weight:600}

@media (max-width:560px){
  .bb-stats{grid-template-columns:1fr 1fr;gap:var(--bb-sp-2)}
  .bb-stat{padding:var(--bb-sp-3)}
  .bb-stat-value{font-size:var(--bb-fs-h2);letter-spacing:var(--bb-tr-h2)}
}



/* From: /opt/eprints3/lib/themes/biblio/static/style/auto/zz_biblio_40_forms.css */

/* Tema biblio.co.id - formulir, tombol, pesan, tabel.

   LAPISAN PALING PENTING DAN PALING TIDAK TERLIHAT.
   EPrints punya 125 jenis halaman; tema ini hanya mendesain ulang empat.
   Berkas ini menjaga 121 sisanya - alur deposit, layar admin, halaman
   masuk, riwayat, unggah berkas - agar tetap rapi dan konsisten,
   bukan agar tampak istimewa. */

/* ── tombol ────────────────────────────────────────────────────────────
   :not([class*="bb-"]) MELINDUNGI SEMUA TOMBOL MILIK TEMA.

   Tanpa itu aturan generik ini menang atas setiap tombol bertema:
   #wrapper input[type="submit"] = 1,1,1 sedangkan .bb-hero-button = 0,1,0.
   Sudah lima kali pola ini menggigit (tombol cari header, lalu tombol cari
   beranda). Mengecualikan berdasarkan awalan kelas menyelesaikannya sekali
   untuk semua tombol bertema, termasuk yang belum dibuat.

   #wrapper juga dibuang: dengan ID spesifisitasnya melonjak dan mengalahkan
   aturan komponen mana pun - persis masalah yang sama seperti pada judul. */
input[type="submit"]:not([class*="bb-"]):not(.ep_tm_searchbarbutton),
input[type="button"]:not([class*="bb-"]),
button:not([class*="bb-"]),
.ep_form_action_button,
.ep_form_internal_button{
  font-family:var(--bb-font-body);
  /* 13px, BUKAN 16px. Alasan iOS di bawah hanya berlaku untuk isian dan
     select - tombol tidak memicu perbesaran otomatis saat difokuskan.
     Menaikkannya ke 16px membuat tombol tampak gemuk tanpa manfaat. */
  font-size:var(--bb-fs-meta);
  font-weight:600;
  line-height:1.4;
  color:var(--bb-primary-dark);
  background:var(--bb-surface);
  border:1px solid var(--bb-rule);
  border-radius:var(--bb-radius-sm);
  padding:0 var(--bb-sp-3);
  min-height:var(--bb-control-h,30px);
  cursor:pointer;
}
input[type="submit"]:not([class*="bb-"]):not(.ep_tm_searchbarbutton):hover,
button:not([class*="bb-"]):hover,
.ep_form_action_button:hover,
.ep_form_internal_button:hover{
  border-color:var(--bb-primary);
  background:var(--bb-primary-tint);
  text-decoration:none;
}
input[type="submit"]:not([class*="bb-"]):disabled,
button:not([class*="bb-"]):disabled{opacity:.55;cursor:not-allowed}

/* tombol utama pada bilah aksi formulir */
.ep_form_button_bar{
  display:flex;flex-wrap:wrap;gap:var(--bb-sp-2);align-items:center;
  margin:var(--bb-sp-5) 0;padding:var(--bb-sp-4) 0 0;
  border-top:1px solid var(--bb-rule-soft);
}
.ep_form_button_bar input[type="submit"]:first-child{
  color:#fff;background:var(--bb-primary);border-color:var(--bb-primary);
}
.ep_form_button_bar input[type="submit"]:first-child:hover{
  background:var(--bb-primary-dark);border-color:var(--bb-primary-dark);
}

/* Kotak cari di kepala halaman dikecualikan dari aturan tombol generik di
   atas lewat :not(). Tanpa itu, #wrapper input[type="submit"] (1,1,1)
   mengalahkan .ep_tm_searchbarbutton (0,1,0) dan tombolnya jadi putih,
   kehilangan sudut membulat, serta kehilangan ruang untuk ikon. */

/* ── isian formulir ──────────────────────────────────────────────────── */
/* Sama seperti tombol: :not([class*="bb-"]) melindungi isian bertema
   (mis. .bb-hero-input) dari aturan generik ini.

   SELECT DIPISAH dari isian teks. Isian teks tetap 16px karena Safari iOS
   memperbesar halaman saat isian di bawah 16px difokuskan saat MENGETIK.
   Select membuka pemilih bawaan sistem, bukan papan ketik, jadi 13px di
   sana tidak mengganggu - dan membuat bilah kontrol jauh lebih ramping. */
select:not([class*="bb-"]){
  font-family:var(--bb-font-body);
  font-size:var(--bb-fs-meta);
  color:var(--bb-ink);
  background:var(--bb-surface);
  border:1px solid var(--bb-rule);
  border-radius:var(--bb-radius-sm);
  padding:0 var(--bb-sp-2);
  min-height:var(--bb-control-h,30px);
  max-width:100%;
}

input[type="text"]:not([class*="bb-"]),
input[type="password"]:not([class*="bb-"]),
input[type="email"]:not([class*="bb-"]),
input[type="url"]:not([class*="bb-"]),
input[type="search"]:not([class*="bb-"]),
input[type="number"]:not([class*="bb-"]),
input[type="date"]:not([class*="bb-"]),
textarea:not([class*="bb-"]),
.ep_form_text{
  font-family:var(--bb-font-body);
  /* 16px, bukan 13px. Dua alasan:
     1. Isian formulir bersebelahan dengan label yang mewarisi ukuran body
        (16px) - EPrints tidak menyetel ukuran huruf pada labelnya. Kontrol
        13px di samping label 16px terlihat timpang di SETIAP halaman
        formulir, bukan hanya di halaman login.
     2. Safari iOS otomatis memperbesar halaman saat isian berukuran di
        bawah 16px difokuskan. */
  font-size:var(--bb-fs-body);
  color:var(--bb-ink);
  background:var(--bb-surface);
  border:1px solid var(--bb-rule);
  border-radius:var(--bb-radius-sm);
  padding:0 var(--bb-sp-3);
  min-height:var(--bb-control-h,30px);
  max-width:100%;
}
textarea:not([class*="bb-"]){line-height:var(--bb-lh-body);min-height:6em;padding:var(--bb-sp-2) var(--bb-sp-3)}
#wrapper input:focus,
#wrapper select:focus,
#wrapper textarea:focus{border-color:var(--bb-primary)}

.ep_form_field_name{
  font-weight:700;color:var(--bb-ink);
  font-size:var(--bb-fs-meta);
}
.ep_form_field_help,.ep_form_example{
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
}
.ep_field_legend{
  font-family:var(--bb-font-mono);
  font-size:var(--bb-fs-micro);
  letter-spacing:var(--bb-tr-micro);
  text-transform:uppercase;
  color:var(--bb-muted);
  font-weight:500;
}
.ep_required{color:var(--bb-err);font-weight:700}

/* Pesan sistem ditangani sepenuhnya di zz_biblio_15_unset.css, karena di
   sanalah gaya bawaan EPrints harus dilucuti. Kalau diatur juga di sini,
   pembungkus luar DAN _content di dalamnya sama-sama berbingkai sehingga
   kotaknya tampak bertumpuk. */

/* ── penanda tahap alur deposit ──────────────────────────────────────── */
.ep_blister_bar{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--bb-sp-1);
  margin:0 0 var(--bb-sp-5);padding:0;list-style:none;
}
.ep_blister_node,.ep_blister_node_selected{
  font-size:var(--bb-fs-meta);font-weight:600;
  padding:var(--bb-sp-2) var(--bb-sp-3);
  border:1px solid var(--bb-rule);
  border-radius:var(--bb-radius-sm);
  background:var(--bb-surface);
  color:var(--bb-muted);
}
.ep_blister_node_selected{
  background:var(--bb-primary);border-color:var(--bb-primary);color:#fff;
}
.ep_blister_join{color:var(--bb-faint)}

/* ── tabel umum ──────────────────────────────────────────────────────── */
.ep_table,.ep_columns,.ep_upload_file_table,.ep_icontable{
  border-collapse:collapse;
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
}
.ep_table th,.ep_columns_title,.ep_columns_title_inner{
  text-align:left;
  font-family:var(--bb-font-mono);
  font-size:var(--bb-fs-micro);
  letter-spacing:.05em;text-transform:uppercase;font-weight:500;
  color:var(--bb-muted);
  border-bottom:1px solid var(--bb-rule);
  padding:var(--bb-sp-2) var(--bb-sp-3);
}
.ep_table_row,.ep_columns_cell{border-bottom:1px solid var(--bb-rule-soft)}
.ep_table_cell,.ep_columns_cell{padding:var(--bb-sp-2) var(--bb-sp-3);vertical-align:top}

/* penanda status item pada daftar admin */
.ep_columns_cell_archive{border-left:3px solid var(--bb-ok)}
.ep_columns_cell_buffer{border-left:3px solid var(--bb-warn)}
.ep_columns_cell_inbox{border-left:3px solid var(--bb-rule)}
.ep_columns_cell_deletion{border-left:3px solid var(--bb-err)}

/* ── daftar aksi ──────────────────────────────────────────────────────
   EPrints memakai kelas .ep_action_list untuk TIGA markup yang berbeda:

     ul.ep_action_list                  bilah tombol mendatar
     dl.ep_action_list  dt/dd           tombol + keterangan berpasangan
     div.ep_action_list .ep_action_row  dua kolom per baris

   Aturan tanpa nama elemen akan mengenai ketiganya sekaligus. Versi
   sebelumnya menjadikan semuanya flex, sehingga panel Admin - yang memakai
   varian <dl> - kehilangan penjajarannya: tombol dan keterangan berhamburan.

   Varian <dl> bawaan dijajarkan lewat trik margin negatif
   (dt{width:15em;margin-bottom:-1.5em} + dd{position:relative;left:16em}).
   Trik itu pecah begitu wadahnya diubah, jadi SELURUH sisanya harus
   dinetralkan - bukan hanya sebagian.                                     */

ul.ep_action_list{display:flex;flex-wrap:wrap;gap:var(--bb-sp-2);list-style:none;margin:0;padding:0}
ul.ep_action_list li{list-style:none;margin:0}

dl.ep_action_list{
  display:grid;
  grid-template-columns:max-content 1fr;
  align-items:center;
  gap:var(--bb-sp-3) var(--bb-sp-5);
  margin:0;padding:0;
}
dl.ep_action_list dt,
dl.ep_action_list dt:first-child{
  margin:0;width:auto;
  text-align:left;line-height:normal;
}
dl.ep_action_list dt form{margin:0}
dl.ep_action_list dt input[type="submit"],
dl.ep_action_list dt button{min-width:12em}
dl.ep_action_list dd{
  position:static;left:auto;top:auto;
  margin:0;overflow:visible;
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
}

div.ep_action_list .ep_action_row{
  display:grid;
  grid-template-columns:max-content 1fr;
  align-items:center;
  gap:var(--bb-sp-3) var(--bb-sp-5);
  margin:0 0 var(--bb-sp-3);
}
div.ep_action_list .ep_action_row>div{display:block;width:auto;min-width:0}
div.ep_action_list .ep_action_row>div:first-child form{display:block;text-align:left;margin:0}
div.ep_action_list .ep_action_row>div:first-child form input{width:auto;min-width:12em}
div.ep_action_list .ep_action_row>div:last-child{
  font-size:var(--bb-fs-meta);line-height:var(--bb-lh-meta);color:var(--bb-muted);
}

@media (max-width:640px){
  dl.ep_action_list,
  div.ep_action_list .ep_action_row{grid-template-columns:1fr}
}

/* ── blok umum ───────────────────────────────────────────────────────── */
.ep_block{margin:0 0 var(--bb-sp-5)}
.ep_toolbox,.ep_summary_box{
  background:var(--bb-surface);
  border:1px solid var(--bb-rule);
  border-radius:var(--bb-radius-sm);
  padding:var(--bb-sp-4);
  margin:0 0 var(--bb-sp-5);
}
.ep_summary_box_title{
  font-weight:700;font-size:var(--bb-fs-title);
  margin:0 0 var(--bb-sp-3);
}

/* CATATAN: jangan pasang overflow-x:auto pada #main_content.
   Menurut spesifikasi CSS, menyetel satu sumbu ke auto memaksa sumbu
   lainnya ikut auto - hasilnya scrollbar vertikal bersarang di dalam
   halaman. Tabel admin EPrints yang kelewat lebar dibiarkan menggulir
   halaman seperti perilaku bawaannya. */



/* From: /opt/eprints3/lib/themes/biblio/static/style/auto/zz_biblio_45_search.css */

/* Tema biblio.co.id - formulir pencarian lanjutan.

   Halaman /cgi/search/archive/advanced adalah permukaan FRONT-END: dipakai
   pengunjung, bukan hanya pengelola. Karena itu masuk lingkup tema gratis,
   berbeda dari alur deposit dan layar admin.

   STRUKTURNYA MENIPU
   Markup-nya memakai <div> dengan kelas bernama tabel - .ep_table_row,
   .ep_table_cell, .ep_multi_input - dan CSS bawaan EPrints memberinya
   display:table-row / table-cell. Jadi ini tabel semu, bukan tabel asli.
   Konsekuensinya: aturan tabel biasa tidak berlaku, dan mengubahnya jadi
   flex/grid akan merusak penjajaran kolomnya.

   Yang dilakukan di sini hanya menyeragamkan huruf, warna, jarak, dan
   pembatas - tanpa menyentuh model tampilannya.                          */

/* ── bilah tombol di atas dan bawah formulir ────────────────────────── */
/* Kartu, sama seperti bilah kontrol hasil pencarian - lihat catatan di
   zz_biblio_30_content.css. */
.ep_search_buttons{
  display:flex;flex-wrap:wrap;gap:var(--bb-sp-2);align-items:center;
  background:var(--bb-surface);
  background-image:none;
  border:1px solid var(--bb-rule);
  border-radius:var(--bb-radius-sm);
  padding:var(--bb-sp-3) var(--bb-sp-4);
  margin:0 0 var(--bb-sp-5);
}
.ep_search_buttons:last-child{margin:var(--bb-sp-5) 0 0}

/* tombol pertama dijadikan aksi utama, sisanya sekunder */
/* Tombol utama pada bilah pencarian lanjutan. Tingginya mengikuti
   --bb-control-h agar sejajar dengan select di sebelahnya. */
.ep_search_buttons input[type="submit"]:first-of-type{
  color:#fff;
  background:var(--bb-primary);
  border-color:var(--bb-primary);
}
.ep_search_buttons input[type="submit"]:first-of-type:hover{
  background:var(--bb-primary-dark);
  border-color:var(--bb-primary-dark);
}

/* ── kisi bidang pencarian ──────────────────────────────────────────── */
.ep_search_fields{margin:0}

.ep_table_row{border-bottom:1px solid var(--bb-rule-soft)}
.ep_table_row:last-child{border-bottom:0}

.ep_multi_heading{
  font-weight:700;
  color:var(--bb-ink);
  font-size:var(--bb-fs-meta);
  padding:var(--bb-sp-3) var(--bb-sp-5) var(--bb-sp-3) 0;
  white-space:nowrap;
  vertical-align:top;
  width:1%;
}
.ep_multi_input{
  padding:var(--bb-sp-3) 0;
  vertical-align:top;
}
.ep_multi_input select,
.ep_multi_input input[type="text"]{margin-right:var(--bb-sp-2)}

/* teks bantuan di bawah tiap bidang */
.ep_multi_inline_help,
.ep_multi_help{
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
  max-width:var(--bb-measure);
}
.ep_sr_show_help,.ep_sr_hide_help{
  font-size:var(--bb-fs-meta);
  color:var(--bb-primary);
  cursor:pointer;
}
.ep_sr_show_help:hover,.ep_sr_hide_help:hover{color:var(--bb-primary-dark);text-decoration:underline}

/* ── daftar pilihan dan kotak centang ───────────────────────────────── */
.ep_option_list_option,
.ep_boolean_list,
.ep_compound_list{
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
}
.ep_option_list_option,
.ep_option_list_row{padding:2px 0}
.ep_form_checkbox{margin-right:var(--bb-sp-2);vertical-align:-1px}

.ep_compound_header_cell{
  font-family:var(--bb-font-mono);
  font-size:var(--bb-fs-micro);
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--bb-muted);
  font-weight:500;
  padding:var(--bb-sp-2) var(--bb-sp-3) var(--bb-sp-2) 0;
}
.ep_compound_data_row td{padding:var(--bb-sp-1) var(--bb-sp-3) var(--bb-sp-1) 0}

/* .ep_search_desc dan bilah kontrol ditangani di zz_biblio_30_content.css,
   tempat seluruh tata letak hasil pencarian dikumpulkan. */
.ep_search_field_name{font-weight:700;color:var(--bb-ink)}
.ep_search_tool{
  display:flex;flex-wrap:wrap;gap:var(--bb-sp-2);align-items:center;
  font-size:var(--bb-fs-meta);
}
.ep_items_filters{
  display:flex;flex-wrap:wrap;gap:var(--bb-sp-3);align-items:center;
  font-size:var(--bb-fs-meta);
  color:var(--bb-muted);
  padding:var(--bb-sp-3) 0;
  border-bottom:1px solid var(--bb-rule-soft);
}

/* ── jelajah berkolom: EPrints bisa menghasilkan 2 sampai 8 kolom ────
   Sebelumnya hanya cols_2 dan cols_3 yang ditangani, sehingga halaman
   dengan kolom lebih banyak jatuh ke tata letak bawaan.               */
.ep_view_cols_4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.ep_view_cols_5,
.ep_view_cols_6{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.ep_view_cols_7,
.ep_view_cols_8{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

/* ── fallback tanpa JavaScript ──────────────────────────────────────── */
.ep_no_js,.ep_no_js_inline,.ep_no_js_table_cell{
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
}

/* tautan "pencarian lanjutan" pada formulir pencarian sederhana */
.ep_form_search_advanced_link{
  font-size:var(--bb-fs-meta);
  font-weight:600;
}
.ep_form_search_advanced_link a{color:var(--bb-primary)}

/* peringatan batas kata pada isian abstrak/ringkasan */
.ep_over_word_limit{color:var(--bb-err);font-weight:700}

/* ═══ SISA PERMUKAAN FRONT-END ══════════════════════════════════════════
   Kelas dengan bobot rendah, tapi semuanya bisa muncul di halaman yang
   dilihat pengunjung. Diselaraskan seperlunya, bukan didesain ulang.    */

/* daftar pilihan bertabel semu pada pencarian lanjutan */
.ep_option_list,
.ep_option_list_cell{font-size:var(--bb-fs-meta);line-height:var(--bb-lh-meta)}

/* pasangan tampil/sembunyi untuk fallback tanpa JavaScript */
.ep_only_js,.ep_only_js_inline,.ep_only_js_table_cell{font-size:var(--bb-fs-meta)}
.ep_hide{display:none !important}
.ep_normal{font-weight:400}
.ep_no_border{border:0 !important}

/* bilah "Terbaru ditambahkan" di /cgi/latest */
.ep_latest_tool_list,
.ep_latest_result,
.ep_latest_tool_result{
  font-size:var(--bb-fs-meta);
  line-height:var(--bb-lh-meta);
  color:var(--bb-muted);
  padding:var(--bb-sp-3) 0;
  border-bottom:1px solid var(--bb-rule-soft);
}
.ep_latest_tool_list{border-bottom:0;padding:0;margin:0;list-style:none}

/* perkakas akun di kepala halaman; sudah ditata di lapisan chrome,
   di sini hanya memastikan ukurannya seragam */
.ep_login_tools{font-size:var(--bb-fs-meta)}

/* keterangan rujukan antar item */
.ep_itemref_desc{font-size:var(--bb-fs-meta);color:var(--bb-muted)}

/* bidang majemuk, mis. nama penulis (keluarga + depan) */
.ep_compound,
.ep_compound_single,
.ep_compound_header_row{font-size:var(--bb-fs-meta);line-height:var(--bb-lh-meta)}
.ep_form_field_input{font-size:var(--bb-fs-meta)}

/* sasaran seret-lepas; muncul juga pada urutan penulis di formulir publik */
.ep_dropbox,.ep_draggable{border-radius:var(--bb-radius-sm)}

/* hasil uji aksesibilitas di halaman /accessibility/ */
.ep_accessibility_good{color:var(--bb-ok);font-weight:700}
.ep_accessibility_bad{color:var(--bb-err);font-weight:700}



/* From: /opt/eprints3/lib/themes/biblio/static/style/auto/zz_biblio_50_responsive.css */

/* Tema biblio.co.id - responsif.

   EPrints 3.4.7 bawaan tidak menyertakan <meta name="viewport">, sehingga
   ponsel merender halaman pada lebar desktop lalu mengecilkannya. Templat
   tema ini menambahkan meta tersebut; tanpa itu seluruh berkas ini tidak
   akan berpengaruh sama sekali. */

/* Gambar ISI menyesuaikan lebar wadahnya. Lambang merek tema DIKECUALIKAN.

   Kenapa: "height:auto" di sini pernah melepas patokan tinggi .bb-footer-mark,
   dan karena .bb-footer-brand adalah flex kolom dengan align-items:stretch
   bawaan, gambarnya lalu diregangkan selebar kolom - logo 80px tampil 360px.

   Pengecualian dipasang DI SINI, bukan dengan menaikkan spesifisitas di sisi
   .bb-footer-mark: selector "kelas + elemen" seperti .bb-footer-main img
   bernilai (0,1,1) dan akan selalu mengalahkan kelas tunggal (0,1,0), jadi
   perlombaan spesifisitas itu tidak ada ujungnya. Pola :not([class*="bb-"])
   sama dengan yang dipakai lapisan formulir untuk alasan yang sama. */
#main_content img:not([class*="bb-"]),
.ep_tm_footer img:not([class*="bb-"]),
.bb-footer-main img:not([class*="bb-"]){max-width:100%;height:auto}

/* ── layar sedang ────────────────────────────────────────────────────── */
@media (max-width:1080px){
  .bb-footer-in{grid-template-columns:1.4fr 1fr 1fr;gap:var(--bb-sp-6)}
  .bb-footer-harvest{grid-column:1 / -1;border-top:1px solid var(--bb-rule-soft);padding-top:var(--bb-sp-5)}
  .ep_tm_searchbarbox{width:200px}
}

@media (max-width:960px){
  .bb-header-in{gap:var(--bb-sp-3) var(--bb-sp-4);padding:var(--bb-sp-3) var(--bb-sp-4)}
  .bb-utility-in{padding:0 var(--bb-sp-4)}
  #main_content{padding:0 var(--bb-sp-4)}
  .bb-footer-in{padding:var(--bb-sp-8) var(--bb-sp-4)}
  .ep_tm_footer{padding:var(--bb-sp-4)}

  /* pencarian turun ke baris sendiri, selebar bilah */
  .ep_tm_searchbar{order:3;margin-left:0;width:100%}
  .ep_tm_searchbar form{width:100%;max-width:460px}
  .ep_tm_searchbarbox{flex:1;width:auto}
  nav[aria-label="Main Navigation"]{order:2;margin-left:auto}

  .ep_tm_pagetitle{font-size:var(--bb-fs-h2);line-height:var(--bb-lh-h2);letter-spacing:var(--bb-tr-h2)}
}

/* ── tablet ──────────────────────────────────────────────────────────── */
@media (max-width:768px){
  .bb-footer-in{grid-template-columns:1fr 1fr;gap:var(--bb-sp-6)}
  .bb-footer-brand{grid-column:1 / -1}
  .bb-footer-harvest{grid-column:1 / -1}

  /* navigasi digulir mendatar, bukan melipat jadi banyak baris */
  nav[aria-label="Main Navigation"]{
    width:100%;order:3;margin-left:0;
    overflow-x:auto;-webkit-overflow-scrolling:touch;
  }
  .ep_tm_menu{flex-wrap:nowrap}
  .ep_tm_searchbar{order:4}

  /* submenu jelajah menyisip di bawah, tidak lagi mengambang */
  #ep_tm_menu_browse{position:static;box-shadow:none;min-width:0;border-left:0;border-right:0}

  .ep_tm_page_content{padding:var(--bb-sp-5) 0 var(--bb-sp-8)}

  /* tabel metadata: label pindah ke atas nilainya */
  .ep_summary_content table th,
  .ep_summary_content table td{display:block;width:auto;white-space:normal}
  .ep_summary_content table th{border-bottom:0;padding:var(--bb-sp-3) 0 0}
  .ep_summary_content table td{padding:0 0 var(--bb-sp-3)}

  /* hasil pencarian: nomor urut naik ke atas judul */
  .ep_search_result{flex-direction:column;gap:var(--bb-sp-1)}
  .ep_search_result>div:first-child{width:auto;padding-top:0}
  .ep_search_controls,.ep_search_controls_bottom{flex-direction:column;align-items:flex-start}

  /* pohon jelajah: indentasi dikurangi agar tidak kehabisan lebar */
  .ep_view_menu ul ul{margin-left:var(--bb-sp-1);padding-left:var(--bb-sp-3)}

  .ep_tm_footer{flex-direction:column;align-items:flex-start;gap:var(--bb-sp-3)}
  .bb-credit{margin-left:0}
}

/* ── ponsel ──────────────────────────────────────────────────────────── */
@media (max-width:560px){
  :root{
    --bb-fs-h1:24px;
    --bb-fs-display:28px;
    --bb-fs-h2:20px;
    --bb-fs-title:17px;
  }
  .bb-utility-in{justify-content:center;min-height:34px}
  .bb-header-in{padding:var(--bb-sp-3)}
  .bb-brand-mark{width:34px;height:34px}
  #main_content{padding:0 var(--bb-sp-3)}
  .ep_tm_pagetitle{max-width:none}

  .bb-footer-in{grid-template-columns:1fr;gap:var(--bb-sp-6);padding:var(--bb-sp-6) var(--bb-sp-3)}
  .bb-footer-nav{border-top:1px solid var(--bb-rule-soft);padding-top:var(--bb-sp-4)}
  .bb-footer-harvest{border-top:1px solid var(--bb-rule-soft);padding-top:var(--bb-sp-4)}

  .ep_summary_content_left,.ep_summary_content_right{padding:var(--bb-sp-3)}
  .ep_form_button_bar{flex-direction:column;align-items:stretch}
  .ep_form_button_bar input[type="submit"]{width:100%}
  .ep_view_cols{grid-template-columns:1fr}
}

/* ── cetak ───────────────────────────────────────────────────────────── */
@media print{
  .ep_noprint,.bb-skip,.bb-utility,.bb-footer-main,
  .ep_tm_searchbar,nav[aria-label="Main Navigation"]{display:none !important}
  body{background:#fff;color:#000;font-size:11pt}
  #wrapper{display:block}
  #main_content{max-width:none;padding:0;overflow:visible}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555;word-break:break-all}
  .ep_summary_content_left,.ep_summary_content_right{border:1px solid #999}
}



/* From: /opt/eprints3/archives/repo/cfg/static/style/auto/zzz_local.css */


/* 
 * This CSS file will be applied after all the built in styles.
 * 
 * CSS files are loaded in alphabetic order, hence the  "zzz" in 
 * the filename to force it to load after the other css files!
 * 
 * Add any local over-rides here. 
 * 
 * To totally replace a system css file, create a file of the same 
 * name in this directory. eg. messages.css
 * 
*/