/* 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/archives/poliban/cfg/static/style/auto/statistics.css */

.stats-wrap{
max-width:1200px;
margin:auto;
padding:30px 20px;
}

.stats-header{
background:linear-gradient(135deg,#0B4D86,#2563EB);
color:#fff;
padding:30px;
border-radius:18px;
margin-bottom:25px;
}

.stats-header h1{
margin:0;
font-size:32px;
}

.stats-header p{
margin:8px 0;
opacity:.9;
}

#update{
font-size:13px;
opacity:.8;
}

.kpi-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-bottom:25px;
}

.kpi{
padding:22px;
border-radius:16px;
color:#fff;
box-shadow:0 10px 20px rgba(0,0,0,.08);
}

.blue{background:#2563EB;}
.green{background:#16A34A;}
.purple{background:#7C3AED;}
.orange{background:#EA580C;}

.label{
font-size:14px;
opacity:.9;
}

.number{
font-size:42px;
font-weight:bold;
margin:10px 0;
}

.panel{
background:#fff;
border-radius:18px;
padding:25px;
box-shadow:0 8px 18px rgba(0,0,0,.06);
}

.repo-table{
width:100%;
border-collapse:collapse;
}

.repo-table th{
background:#0B4D86;
color:#fff;
padding:12px;
text-align:left;
}

.repo-table td{
padding:12px;
border-bottom:1px solid #e5e7eb;
}

.repo-table tr:hover{
background:#f8fafc;
}

@media(max-width:900px){
.kpi-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.kpi-grid{
grid-template-columns:1fr;
}
}



/* 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/archives/poliban/cfg/static/style/auto/zzz_local.css */


/* =========================================================

   POLIBAN - MODERN BLUE THEME

   ========================================================= */



:root {

    --poliban-blue: #075985;

    --poliban-blue-dark: #064e78;

    --poliban-blue-light: #eaf5fc;

    --poliban-border: #dbe5ee;

    --poliban-text: #1f2937;

}



/* Background */

html,

body {

    background: #f5f8fb !important;

    color: var(--poliban-text);

    font-family: Arial, Helvetica, sans-serif;

}



/* Main page */

#page {

    max-width: 1280px;

    margin: 20px auto;

    background: #fff;

    border-radius: 14px;

    box-shadow: 0 8px 30px rgba(15, 23, 42, .08);

    overflow: hidden;

}



/* Header */

#header {

    background: linear-gradient(

        135deg,

        var(--poliban-blue-dark),

        var(--poliban-blue)

    ) !important;

    color: #fff !important;

    border: none !important;

}



/* Navigation */

#menu,

.ep_tm_menu {

    background: transparent !important;

    border: none !important;

}



#menu a,

.ep_tm_menu a {

    color: #fff !important;

    font-weight: 600;

    text-decoration: none;

}



#menu a:hover,

.ep_tm_menu a:hover {

    background: rgba(255,255,255,.15) !important;

    color: #fff !important;

}



/* Search */

.ep_tm_searchbar {

    background: #fff !important;

    border: none !important;

}



.ep_tm_searchbar input[type="text"],

.ep_tm_searchbar input[type="search"] {

    border: 1px solid var(--poliban-border) !important;

    border-radius: 8px !important;

    padding: 9px 12px !important;

}



.ep_tm_searchbar input[type="submit"],

.ep_tm_searchbar button {

    background: var(--poliban-blue) !important;

    color: #fff !important;

    border: none !important;

    border-radius: 8px !important;

    padding: 9px 18px !important;

    font-weight: 600;

}



/* Main content */

.ep_tm_main {

    background: #fff;

}



/* Headings */

.ep_tm_main h1 {

    color: var(--poliban-blue-dark);

}



.ep_tm_main h2 {

    color: var(--poliban-blue);

}



/* Links */

a {

    color: var(--poliban-blue);

}



a:hover {

    color: #0369a1;

}



/* Cards / blocks */

.ep_block {

    background: #fff !important;

    border: 1px solid var(--poliban-border) !important;

    border-radius: 12px !important;

    box-shadow: 0 5px 18px rgba(15, 23, 42, .06) !important;

}



/* Buttons */

input[type="submit"],

input[type="button"],

button,

.ep_tm_button {

    background: var(--poliban-blue) !important;

    color: #fff !important;

    border: none !important;

    border-radius: 8px !important;

    padding: 9px 18px !important;

    font-weight: 600;

}



input[type="submit"]:hover,

input[type="button"]:hover,

button:hover,

.ep_tm_button:hover {

    background: var(--poliban-blue-dark) !important;

}



/* Form fields */

input[type="text"],

input[type="password"],

input[type="email"],

select,

textarea {

    border: 1px solid #cbd5e1;

    border-radius: 7px;

    padding: 8px 10px;

}



/* Footer */

#footer,

.ep_tm_footer {

    background: var(--poliban-blue-dark) !important;

    color: #fff !important;

    border: none !important;

}



#footer a,

.ep_tm_footer a {

    color: #fff !important;

}



/* Mobile */

@media screen and (max-width: 800px) {

    #page {

        margin: 0;

        border-radius: 0;

    }



    .ep_tm_main {

        padding: 18px !important;

    }

}




/* =========================================================

   POLIBAN HEADER BANNER

   ========================================================= */



#main_content::before {

    content: "";

    display: block;

    width: 100%;

    height: 210px;



    background-image: url("https://plain-apac-prod-public.komododecks.com/202608/11/A6Srtyo1GAST2UGlOgaj/image.png");

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;



    margin: 0 0 25px 0;

    border-radius: 0 0 18px 18px;

}



/* Desktop */

@media screen and (min-width: 1000px) {

    #main_content::before {

        height: 210px;

        background-size: cover;

    }

}



/* Tablet */

@media screen and (max-width: 999px) {

    #main_content::before {

        height: 175px;

    }

}



/* Mobile */

@media screen and (max-width: 600px) {

    #main_content::before {

        height: 130px;

    }

}






/* =========================================================

   POLIBAN HEADER BANNER

   ========================================================= */



#main_content::before {

    content: "";

    display: block;

    width: 100%;

    height: 210px;



    background-image: url("../../images/header-poliban.png");

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;



    margin: 0 0 25px 0;

    border-radius: 0 0 18px 18px;

}



/* Desktop */

@media screen and (min-width: 1000px) {

    #main_content::before {

        height: 210px;

        background-size: cover;

    }

}



/* Tablet */

@media screen and (max-width: 999px) {

    #main_content::before {

        height: 175px;

    }

}



/* Mobile */

@media screen and (max-width: 600px) {

    #main_content::before {

        height: 130px;

    }

}






/* =========================================================

   POLIBAN REPOSITORY - NAVBAR MODERN

   ========================================================= */



/* Navbar utama */

.ep_tm_header {

    background: #063f73 !important;

    border: none !important;

    box-shadow: none !important;

}



/* Menu Home / About / Browse */

.ep_tm_menu {

    background: #063f73 !important;

}



.ep_tm_menu li a {

    color: #ffffff !important;

    font-weight: 600 !important;

    text-decoration: none !important;

}



.ep_tm_menu li a:hover {

    background: #0b5c99 !important;

    color: #ffffff !important;

}



/* Item menu aktif */

.ep_tm_menu li.ep_tm_menu_item_selected > a,

.ep_tm_menu li a.selected {

    background: #0b5c99 !important;

    color: #ffffff !important;

}



/* =========================================================

   SEARCH / LOGIN BAR

   ========================================================= */



.ep_tm_searchbar {

    background: #ffffff !important;

    border: none !important;

}



.ep_tm_key_tools_item_link {

    color: #334155 !important;

}



.ep_tm_key_tools_item_link:hover {

    color: #005b96 !important;

}



/* Kotak pencarian */

.ep_tm_searchbarbox {

    border: 1px solid #d5dee8 !important;

    border-radius: 8px !important;

    height: 34px !important;

    padding: 0 12px !important;

    box-sizing: border-box !important;

}



/* Tombol search */

.ep_tm_searchbarbutton {

    background: #005b96 !important;

    border: none !important;

    border-radius: 8px !important;

    color: #ffffff !important;

    font-weight: 600 !important;

    height: 34px !important;

    padding: 0 18px !important;

}



.ep_tm_searchbarbutton:hover {

    background: #003f6b !important;

}



/* =========================================================

   HILANGKAN JUDUL HOMEPAGE DUPLIKAT

   ========================================================= */



#main_content .ep_tm_pagetitle {

    display: none !important;

}






/* =========================================================

   POLIBAN HOMEPAGE - MODERN CARDS

   ========================================================= */



/* Area homepage */

#main_content .ep_tm_page_content {

    max-width: 1100px;

    margin: 0 auto;

}



/* Semua block homepage */

#main_content .ep_block {

    background: #ffffff !important;

    border: 1px solid #dbe7f0 !important;

    border-radius: 14px !important;

    box-shadow: 0 5px 18px rgba(15,23,42,.06) !important;

}



/* Homepage menu */

#main_content .ep_tm_page_content > .ep_block {

    transition: all .2s ease;

}



#main_content .ep_tm_page_content > .ep_block:hover {

    transform: translateY(-3px);

    box-shadow: 0 10px 25px rgba(15,23,42,.10) !important;

}



/* Judul homepage */

#main_content h2,

#main_content h3 {

    color: #075985 !important;

}



/* Link homepage */

#main_content a {

    color: #075985;

    font-weight: 500;

}



#main_content a:hover {

    color: #0369a1;

}



/* =========================================================

   HOMEPAGE MENU - GRID

   ========================================================= */



#main_content .ep_tm_page_content {

    display: block;

}



/* =========================================================

   WELCOME / HERO AREA

   ========================================================= */



.poliban-hero {

    background: linear-gradient(

        135deg,

        #064e78,

        #0b6b9d

    );

    color: #ffffff;

    border-radius: 22px;

    padding: 42px 48px;

    margin: 10px auto 35px auto;

    max-width: 1100px;

    box-shadow: 0 12px 30px rgba(6,78,120,.18);

}



.poliban-hero h1 {

    color: #ffffff !important;

    font-size: 38px;

    margin: 15px 0;

}



.poliban-hero p {

    color: #ffffff;

    font-size: 17px;

    line-height: 1.7;

}



.poliban-hero-search {

    background: #ffffff;

    padding: 12px;

    border-radius: 14px;

    margin-top: 28px;

    display: flex;

    gap: 10px;

}



.poliban-hero-search input[type="text"] {

    flex: 1;

    height: 48px;

    border: 1px solid #d5dee8 !important;

    border-radius: 9px !important;

    padding: 0 15px !important;

    font-size: 15px;

}



.poliban-hero-search input[type="submit"] {

    height: 48px;

    padding: 0 25px !important;

    background: #075985 !important;

    border-radius: 9px !important;

}



/* =========================================================

   CARD HOVER

   ========================================================= */



#main_content .ep_tm_page_content a {

    transition: all .2s ease;

}



/* =========================================================

   MOBILE

   ========================================================= */



@media screen and (max-width: 700px) {



    #main_content .ep_tm_page_content {

        padding: 0 15px !important;

    }



    .poliban-hero {

        padding: 28px 22px;

        border-radius: 16px;

    }



    .poliban-hero h1 {

        font-size: 28px;

    }



    .poliban-hero-search {

        flex-direction: column;

    }



    .poliban-hero-search input[type="submit"] {

        width: 100%;

    }



}








/* =========================================================

   POLIBAN STAGE 3 - NAVBAR & SEARCH BAR

   ========================================================= */



/* Navbar utama */

.ep_tm_header {

    background: #064e78 !important;

    min-height: 48px !important;

    border: none !important;

    box-shadow: none !important;

}



/* Menu */

.ep_tm_menu {

    background: #064e78 !important;

    margin: 0 !important;

    padding: 0 !important;

}



.ep_tm_menu li {

    margin: 0 !important;

}



.ep_tm_menu li a {

    display: block !important;

    color: #ffffff !important;

    font-weight: 600 !important;

    font-size: 15px !important;

    padding: 14px 22px !important;

    text-decoration: none !important;

    transition: background .2s ease;

}



/* Hover */

.ep_tm_menu li a:hover {

    background: #0b6b9d !important;

    color: #ffffff !important;

}



/* Menu aktif */

.ep_tm_menu li.ep_tm_menu_item_selected > a,

.ep_tm_menu li a.selected {

    background: #0b6b9d !important;

    color: #ffffff !important;

}



/* ---------------------------------------------------------

   LOGIN / SEARCH BAR

   --------------------------------------------------------- */



.ep_tm_searchbar {

    background: #ffffff !important;

    border: none !important;

    min-height: 48px !important;

    padding: 7px 18px !important;

    box-sizing: border-box !important;

}



/* Login / Create Account */

.ep_tm_key_tools {

    margin: 0 !important;

}



.ep_tm_key_tools_item {

    margin-right: 5px !important;

}



.ep_tm_key_tools_item_link {

    color: #334155 !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    text-decoration: none !important;

}



.ep_tm_key_tools_item_link:hover {

    color: #075985 !important;

    text-decoration: underline !important;

}



/* Kotak search */

.ep_tm_searchbarbox {

    width: 220px !important;

    height: 36px !important;

    box-sizing: border-box !important;

    border: 1px solid #d5dee8 !important;

    border-radius: 8px !important;

    padding: 0 13px !important;

    font-size: 14px !important;

    background: #ffffff !important;

    outline: none !important;

}



.ep_tm_searchbarbox:focus {

    border-color: #0b6b9d !important;

    box-shadow: 0 0 0 3px rgba(11,107,157,.10) !important;

}



/* Tombol search */

.ep_tm_searchbarbutton {

    height: 36px !important;

    padding: 0 19px !important;

    margin-left: 6px !important;

    background: #075985 !important;

    color: #ffffff !important;

    border: none !important;

    border-radius: 8px !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    cursor: pointer !important;

}



.ep_tm_searchbarbutton:hover {

    background: #064e78 !important;

}



/* ---------------------------------------------------------

   HEADER BANNER - SEDIKIT LEBIH PROPORSIONAL

   --------------------------------------------------------- */



#main_content::before {

    height: 205px !important;

    background-position: center center !important;

    background-size: cover !important;

    margin-bottom: 24px !important;

    border-radius: 0 0 18px 18px !important;

}



/* ---------------------------------------------------------

   MOBILE

   --------------------------------------------------------- */



@media screen and (max-width: 800px) {



    .ep_tm_menu li a {

        padding: 11px 14px !important;

        font-size: 14px !important;

    }



    .ep_tm_searchbar {

        padding: 8px 12px !important;

    }



    .ep_tm_searchbarbox {

        width: 150px !important;

    }



    #main_content::before {

        height: 150px !important;

    }

}






/* =========================================================

   STAGE 3 FIX - NAVBAR HEIGHT

   ========================================================= */



.ep_tm_header {

    background: #064e78 !important;

    padding: 0 !important;

    margin: 0 !important;

    overflow: hidden !important;

}



/* Bar menu biru */

.ep_tm_menu {

    display: flex !important;

    flex-direction: row !important;

    align-items: stretch !important;

    width: 100% !important;

    height: 48px !important;

    min-height: 48px !important;

    max-height: 48px !important;

    margin: 0 !important;

    padding: 0 !important;

    float: none !important;

    background: #064e78 !important;

}



/* Item menu */

.ep_tm_menu li {

    display: block !important;

    float: none !important;

    height: 48px !important;

    margin: 0 !important;

    padding: 0 !important;

}



/* Link menu */

.ep_tm_menu li a {

    display: flex !important;

    align-items: center !important;

    height: 48px !important;

    min-height: 48px !important;

    max-height: 48px !important;

    box-sizing: border-box !important;

    padding: 0 22px !important;

    margin: 0 !important;

    line-height: normal !important;

}



/* Search/login bar */

.ep_tm_searchbar {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    width: 100% !important;

    height: 48px !important;

    min-height: 48px !important;

    max-height: 48px !important;

    box-sizing: border-box !important;

    clear: both !important;

    float: none !important;

    margin: 0 !important;

    padding: 6px 18px !important;

    background: #ffffff !important;

}



/* Bagian kiri: Login / Create Account */

.ep_tm_searchbar > div:first-child {

    display: flex !important;

    align-items: center !important;

}



/* Bagian kanan: language + search */

.ep_tm_searchbar > div:last-child {

    display: flex !important;

    align-items: center !important;

    margin-left: auto !important;

}



/* Hilangkan jarak bawaan */

.ep_tm_key_tools {

    margin: 0 !important;

    padding: 0 !important;

}



/* Search box */

.ep_tm_searchbarbox {

    width: 220px !important;

    height: 36px !important;

    box-sizing: border-box !important;

    margin: 0 !important;

}



/* Search button */

.ep_tm_searchbarbutton {

    height: 36px !important;

    margin: 0 0 0 6px !important;

    box-sizing: border-box !important;

}





/* =========================================================

   HEADER BANNER

   ========================================================= */



#main_content::before {

    height: 205px !important;

    margin-top: 0 !important;

}






/* =========================================================

   POLIBAN STAGE 4 - MODERN REPOSITORY CARDS

   ========================================================= */



/* Judul section */

.poliban-section-title {

    max-width: 1100px !important;

    margin: 0 auto 18px auto !important;

    color: #075985 !important;

    font-size: 25px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;

}



/* Grid kartu */

.poliban-cards {

    max-width: 1100px !important;

    margin: 0 auto 30px auto !important;

    display: grid !important;

    grid-template-columns: repeat(3, 1fr) !important;

    gap: 18px !important;

}



/* Kartu */

.poliban-card {

    position: relative !important;

    display: flex !important;

    flex-direction: column !important;

    background: #ffffff !important;

    border: 1px solid #dbe7f0 !important;

    border-radius: 14px !important;

    padding: 24px !important;

    min-height: 205px !important;

    box-sizing: border-box !important;

    box-shadow: 0 5px 18px rgba(15,23,42,.06) !important;

    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;

}



/* Hover kartu */

.poliban-card:hover {

    transform: translateY(-4px) !important;

    border-color: #b9d7ea !important;

    box-shadow: 0 12px 28px rgba(15,23,42,.11) !important;

}



/* Ikon */

.poliban-card-icon {

    width: 52px !important;

    height: 52px !important;

    min-width: 52px !important;

    border-radius: 14px !important;

    background: #eaf5fc !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    font-size: 25px !important;

    margin-bottom: 16px !important;

    box-sizing: border-box !important;

}



/* Judul kartu */

.poliban-card h3 {

    color: #075985 !important;

    margin: 0 0 8px 0 !important;

    font-size: 18px !important;

    font-weight: 700 !important;

    line-height: 1.35 !important;

}



/* Garis kecil di bawah judul */

.poliban-card h3::after {

    content: "";

    display: block;

    width: 30px;

    height: 3px;

    background: #0b8ed1;

    border-radius: 3px;

    margin-top: 8px;

}



/* Deskripsi */

.poliban-card p {

    color: #64748b !important;

    line-height: 1.6 !important;

    margin: 0 !important;

    font-size: 14px !important;

}



/* Tombol kartu */

.poliban-card a {

    display: inline-flex !important;

    align-items: center !important;

    align-self: flex-start !important;

    margin-top: auto !important;

    padding: 8px 15px !important;

    border: 1px solid #c9dceb !important;

    border-radius: 20px !important;

    background: #ffffff !important;

    color: #075985 !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    transition: all .2s ease !important;

}



/* Hover tombol */

.poliban-card a:hover {

    background: #075985 !important;

    border-color: #075985 !important;

    color: #ffffff !important;

    text-decoration: none !important;

    transform: translateX(2px);

}



/* Info repository */

.poliban-info {

    max-width: 1100px !important;

    margin: 10px auto 30px auto !important;

    background: #f0f7fc !important;

    border: 1px solid #dbe7f0 !important;

    border-radius: 14px !important;

    padding: 20px 24px !important;

    box-sizing: border-box !important;

}



.poliban-info strong {

    color: #075985 !important;

    font-size: 14px !important;

}



.poliban-info p {

    margin: 8px 0 0 0 !important;

    color: #475569 !important;

    line-height: 1.6 !important;

    font-size: 13px !important;

}





/* =========================================================

   HERO SEARCH

   ========================================================= */



.poliban-hero-search input[type="submit"] {

    transition: all .2s ease !important;

}



.poliban-hero-search input[type="submit"]:hover {

    background: #064e78 !important;

    transform: translateY(-1px);

}





/* =========================================================

   RESPONSIVE

   ========================================================= */



@media screen and (max-width: 900px) {



    .poliban-cards {

        grid-template-columns: repeat(2, 1fr) !important;

        margin-left: 15px !important;

        margin-right: 15px !important;

    }



    .poliban-section-title {

        margin-left: 15px !important;

        margin-right: 15px !important;

    }



    .poliban-info {

        margin-left: 15px !important;

        margin-right: 15px !important;

    }

}



@media screen and (max-width: 600px) {



    .poliban-cards {

        grid-template-columns: 1fr !important;

    }



    .poliban-card {

        min-height: 190px !important;

    }

}






/* =========================================================

   POLIBAN STAGE 5 - PROPORTION & SPACING

   ========================================================= */



/* Lebarkan area repository */

#page {

    max-width: 1400px !important;

    margin: 12px auto !important;

}





/* Banner */

#main_content::before {

    height: 250px !important;

    margin-bottom: 30px !important;

    background-position: center center !important;

    background-size: cover !important;

}





/* Hero utama */

.poliban-hero {

    max-width: 1180px !important;

    margin-left: auto !important;

    margin-right: auto !important;

    border-radius: 22px !important;

    padding: 42px 55px !important;

    box-sizing: border-box !important;

}





/* Judul hero */

.poliban-hero h1 {

    font-size: 38px !important;

    line-height: 1.2 !important;

    margin-bottom: 18px !important;

}





/* Deskripsi hero */

.poliban-hero p {

    font-size: 17px !important;

    line-height: 1.7 !important;

}





/* Search hero */

.poliban-hero-search {

    margin-top: 28px !important;

    padding: 14px !important;

    border-radius: 15px !important;

}





/* Area section */

.poliban-section-title {

    max-width: 1180px !important;

    margin-top: 30px !important;

    margin-bottom: 20px !important;

    font-size: 25px !important;

}





/* Grid kartu dibuat lebih lebar */

.poliban-cards {

    max-width: 1180px !important;

    gap: 20px !important;

}





/* Kartu sedikit lebih tinggi */

.poliban-card {

    min-height: 225px !important;

    padding: 25px !important;

}





/* Judul kartu */

.poliban-card h3 {

    font-size: 18px !important;

}





/* Deskripsi kartu */

.poliban-card p {

    font-size: 14px !important;

    line-height: 1.65 !important;

}





/* Info repository */

.poliban-info {

    max-width: 1180px !important;

    margin-top: 25px !important;

    margin-bottom: 30px !important;

}





/* Footer */

.ep_tm_footer {

    min-height: 55px !important;

    box-sizing: border-box !important;

}





/* =========================================================

   DESKTOP

   ========================================================= */



@media screen and (min-width: 1200px) {



    .poliban-hero {

        margin-top: 5px !important;

    }



    .poliban-cards {

        grid-template-columns: repeat(3, 1fr) !important;

    }



}





/* =========================================================

   TABLET

   ========================================================= */



@media screen and (max-width: 999px) {



    #main_content::before {

        height: 200px !important;

    }



    .poliban-hero {

        padding: 35px 35px !important;

    }



    .poliban-hero h1 {

        font-size: 32px !important;

    }



}





/* =========================================================

   MOBILE

   ========================================================= */



@media screen and (max-width: 600px) {



    #main_content::before {

        height: 140px !important;

    }



    .poliban-hero {

        margin-left: 12px !important;

        margin-right: 12px !important;

        padding: 28px 22px !important;

        border-radius: 18px !important;

    }



    .poliban-hero h1 {

        font-size: 27px !important;

    }



    .poliban-hero p {

        font-size: 14px !important;

    }



}






/* =========================================================

   POLIBAN STAGE 6

   CARD DETAIL + HOVER + INFORMATION BAR

   ========================================================= */





/* ---------------------------------------------------------

   KARTU HOMEPAGE

   --------------------------------------------------------- */



.ep_tm_main .ep_block {

    transition:

        transform .25s ease,

        box-shadow .25s ease,

        border-color .25s ease !important;

}



.ep_tm_main .ep_block:hover {

    transform: translateY(-4px) !important;



    box-shadow:

        0 12px 28px rgba(7, 89, 133, .13) !important;



    border-color: #b9d7ea !important;

}





/* ---------------------------------------------------------

   LINK DI DALAM KARTU

   --------------------------------------------------------- */



.ep_tm_main .ep_block a {

    font-weight: 600;

    text-decoration: none;

}



.ep_tm_main .ep_block a:hover {

    color: #0369a1 !important;

}





/* ---------------------------------------------------------

   GARIS AKSEN BIRU PADA JUDUL

   --------------------------------------------------------- */



.ep_tm_main .ep_block h2,

.ep_tm_main .ep_block h3 {

    position: relative;

}





/* ---------------------------------------------------------

   TOMBOL / LINK ACTION

   --------------------------------------------------------- */



.ep_tm_main .ep_block a[href*="/cgi/search"],

.ep_tm_main .ep_block a[href*="/view/"],

.ep_tm_main .ep_block a[href*="/cgi/latest"],

.ep_tm_main .ep_block a[href*="/cgi/users"] {

    display: inline-block;



    margin-top: 12px;



    padding: 7px 14px;



    border: 1px solid #c7dced;



    border-radius: 20px;



    color: #075985 !important;



    background: #ffffff;



    font-weight: 600;



    transition: all .2s ease;

}





.ep_tm_main .ep_block a[href*="/cgi/search"]:hover,

.ep_tm_main .ep_block a[href*="/view/"]:hover,

.ep_tm_main .ep_block a[href*="/cgi/latest"]:hover,

.ep_tm_main .ep_block a[href*="/cgi/users"]:hover {



    background: #075985 !important;



    color: #ffffff !important;



    border-color: #075985;



    transform: translateX(2px);

}





/* ---------------------------------------------------------

   INFORMATION BAR / OAI

   --------------------------------------------------------- */



.ep_tm_main > p {

    border-radius: 12px;



    background: #eef7fd;



    border: 1px solid #d7e8f4;



    padding: 14px 18px;



    color: #475569;

}





/* ---------------------------------------------------------

   RSS / ATOM

   --------------------------------------------------------- */



.ep_tm_main a[href*="feed"],

.ep_tm_main a[href*="rss"],

.ep_tm_main a[href*="atom"] {

    text-decoration: none;

}





/* ---------------------------------------------------------

   HERO SEARCH

   --------------------------------------------------------- */



.ep_tm_main input[type="text"] {

    box-sizing: border-box;

}





/* ---------------------------------------------------------

   HERO SHADOW

   --------------------------------------------------------- */



#main_content > .ep_tm_page_content {

    position: relative;

}





/* ---------------------------------------------------------

   SMOOTH FONT RENDERING

   --------------------------------------------------------- */



body {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}





/* ---------------------------------------------------------

   MOBILE

   --------------------------------------------------------- */



@media screen and (max-width: 600px) {



    .ep_tm_main .ep_block:hover {

        transform: none !important;

    }



    .ep_tm_main > p {

        padding: 12px;

    }



}








/* =========================================================

   POLIBAN STAGE 7A

   MODERN NAVBAR

   ========================================================= */



/* Navbar utama */

.ep_tm_header {

    background: #075985 !important;

    border: none !important;

    min-height: 52px !important;

    box-shadow: 0 2px 8px rgba(15, 23, 42, .10) !important;

}





/* Menu utama */

.ep_tm_menu {

    background: #075985 !important;

    display: flex !important;

    align-items: center !important;

    gap: 4px !important;

    padding-left: 12px !important;

}





/* Item menu */

.ep_tm_menu li {

    margin: 0 !important;

}





/* Link menu */

.ep_tm_menu li a {

    display: block !important;



    color: #ffffff !important;



    font-size: 15px !important;



    font-weight: 600 !important;



    padding: 14px 20px !important;



    border-radius: 0 !important;



    text-decoration: none !important;



    transition:

        background .2s ease,

        color .2s ease !important;

}





/* Hover */

.ep_tm_menu li a:hover {

    background: #0b6b9f !important;

    color: #ffffff !important;

}





/* Menu aktif */

.ep_tm_menu li.ep_tm_menu_item_selected > a,

.ep_tm_menu li a.selected {

    background: #0b6b9f !important;

    color: #ffffff !important;

}





/* ---------------------------------------------------------

   SEARCH / LOGIN BAR

   --------------------------------------------------------- */



.ep_tm_searchbar {

    min-height: 52px !important;



    display: flex !important;



    align-items: center !important;



    justify-content: space-between !important;



    background: #ffffff !important;



    border: none !important;



    box-sizing: border-box !important;



    padding: 8px 16px !important;

}





/* Login / Create Account */

.ep_tm_key_tools {

    margin: 0 !important;

}





.ep_tm_key_tools_item_link {

    color: #334155 !important;



    font-size: 14px !important;



    font-weight: 500 !important;



    text-decoration: none !important;

}





.ep_tm_key_tools_item_link:hover {

    color: #075985 !important;

}





/* Kotak search */

.ep_tm_searchbarbox {

    width: 240px !important;



    height: 38px !important;



    border: 1px solid #d5dee8 !important;



    border-radius: 9px !important;



    padding: 0 13px !important;



    box-sizing: border-box !important;



    outline: none !important;



    transition: border-color .2s ease,

                box-shadow .2s ease !important;

}





.ep_tm_searchbarbox:focus {

    border-color: #0b6b9f !important;



    box-shadow:

        0 0 0 3px rgba(7, 89, 133, .10) !important;

}





/* Tombol search */

.ep_tm_searchbarbutton {

    height: 38px !important;



    padding: 0 18px !important;



    margin-left: 6px !important;



    border: none !important;



    border-radius: 9px !important;



    background: #075985 !important;



    color: #ffffff !important;



    font-size: 14px !important;



    font-weight: 600 !important;



    cursor: pointer !important;



    transition: background .2s ease !important;

}





.ep_tm_searchbarbutton:hover {

    background: #064e78 !important;

}





/* ---------------------------------------------------------

   MOBILE

   --------------------------------------------------------- */



@media screen and (max-width: 600px) {



    .ep_tm_menu {

        gap: 0 !important;



        padding-left: 4px !important;

    }



    .ep_tm_menu li a {

        font-size: 13px !important;



        padding: 12px 11px !important;

    }



    .ep_tm_searchbar {

        padding: 7px 10px !important;

    }



    .ep_tm_searchbarbox {

        width: 150px !important;

    }



}








/* =========================================================

   POLIBAN STAGE 7B

   HOMEPAGE CARDS

   ========================================================= */





/* ---------------------------------------------------------

   GRID KARTU

   --------------------------------------------------------- */



.poliban-cards {

    max-width: 1180px !important;

    margin-left: auto !important;

    margin-right: auto !important;



    display: grid !important;



    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;



    gap: 20px !important;

}





/* ---------------------------------------------------------

   KARTU

   --------------------------------------------------------- */



.poliban-card {

    position: relative !important;



    display: flex !important;



    flex-direction: column !important;



    box-sizing: border-box !important;



    min-height: 230px !important;



    padding: 24px !important;



    background: #ffffff !important;



    border: 1px solid #d9e7f2 !important;



    border-radius: 14px !important;



    color: #334155 !important;



    text-decoration: none !important;



    box-shadow:

        0 5px 18px rgba(15, 23, 42, .055) !important;



    transition:

        transform .22s ease,

        box-shadow .22s ease,

        border-color .22s ease !important;

}





/* Hover kartu */



.poliban-card:hover {

    transform: translateY(-5px) !important;



    border-color: #b7d4e8 !important;



    box-shadow:

        0 14px 30px rgba(7, 89, 133, .13) !important;



    text-decoration: none !important;

}





/* ---------------------------------------------------------

   ICON

   --------------------------------------------------------- */



.poliban-icon {

    width: 48px !important;

    height: 48px !important;



    display: flex !important;



    align-items: center !important;

    justify-content: center !important;



    margin-bottom: 17px !important;



    background: #edf7fd !important;



    border-radius: 13px !important;



    font-size: 25px !important;



    line-height: 1 !important;



    box-shadow:

        inset 0 0 0 1px rgba(7,89,133,.04) !important;

}





/* ---------------------------------------------------------

   JUDUL KARTU

   --------------------------------------------------------- */



.poliban-card h3 {

    margin: 0 0 8px 0 !important;



    color: #075985 !important;



    font-size: 18px !important;



    line-height: 1.35 !important;



    font-weight: 700 !important;

}





/* Garis aksen */



.poliban-card h3::after {

    content: "";



    display: block;



    width: 30px;



    height: 3px;



    margin-top: 8px;



    background: #0b8ed1;



    border-radius: 4px;

}





/* ---------------------------------------------------------

   DESKRIPSI

   --------------------------------------------------------- */



.poliban-card p {

    margin: 0 !important;



    color: #64748b !important;



    font-size: 14px !important;



    line-height: 1.65 !important;



    flex: 1 !important;

}





/* ---------------------------------------------------------

   TOMBOL AKSI

   Dibuat menggunakan pseudo-element sehingga

   tidak perlu mengubah HTML.

   --------------------------------------------------------- */



.poliban-card::after {

    content: "Lihat Selengkapnya  →";



    display: inline-block;



    align-self: flex-start;



    margin-top: 18px;



    padding: 7px 13px;



    border: 1px solid #c9ddec;



    border-radius: 20px;



    background: #ffffff;



    color: #075985;



    font-size: 13px;



    font-weight: 600;



    transition:

        background .2s ease,

        color .2s ease,

        border-color .2s ease,

        transform .2s ease;

}





/* Hover tombol */



.poliban-card:hover::after {

    background: #075985;



    border-color: #075985;



    color: #ffffff;



    transform: translateX(2px);

}





/* ---------------------------------------------------------

   LABEL TOMBOL BERDASARKAN KARTU

   --------------------------------------------------------- */





/* Search */

.poliban-card:nth-child(1)::after {

    content: "Search Now  →";

}





/* Browse */

.poliban-card:nth-child(2)::after {

    content: "Browse Now  →";

}





/* Latest */

.poliban-card:nth-child(3)::after {

    content: "View Latest  →";

}





/* About */

.poliban-card:nth-child(4)::after {

    content: "Learn More  →";

}





/* Policies */

.poliban-card:nth-child(5)::after {

    content: "View Policies  →";

}





/* OAI */

.poliban-card:nth-child(6)::after {

    content: "Open OAI-PMH  →";

}





/* ---------------------------------------------------------

   SECTION TITLE

   --------------------------------------------------------- */



.poliban-section-title {

    max-width: 1180px !important;



    margin-left: auto !important;

    margin-right: auto !important;



    color: #075985 !important;



    font-size: 25px !important;



    font-weight: 700 !important;

}





/* ---------------------------------------------------------

   RESPONSIVE

   --------------------------------------------------------- */



@media screen and (max-width: 900px) {



    .poliban-cards {

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    }



}





@media screen and (max-width: 600px) {



    .poliban-cards {

        grid-template-columns: 1fr !important;



        gap: 15px !important;

    }



    .poliban-card {

        min-height: 210px !important;



        padding: 20px !important;

    }



    .poliban-section-title {

        font-size: 21px !important;

    }



}








/* =========================================================

   POLIBAN STAGE 7C

   INFORMATION + OAI-PMH BAR

   ========================================================= */





/* ---------------------------------------------------------

   BLOK INFORMASI REPOSITORY

   --------------------------------------------------------- */



.poliban-info {

    max-width: 1180px !important;



    margin: 28px auto 22px auto !important;



    padding: 18px 22px !important;



    box-sizing: border-box !important;



    background: #eef7fd !important;



    border: 1px solid #d7e8f4 !important;



    border-radius: 13px !important;



    color: #475569 !important;



    box-shadow:

        0 4px 12px rgba(15, 23, 42, .035) !important;

}





/* Judul informasi */



.poliban-info strong,

.poliban-info b {

    display: block !important;



    margin-bottom: 7px !important;



    color: #0f3550 !important;



    font-size: 14px !important;



    font-weight: 700 !important;

}





/* Isi informasi */



.poliban-info p {

    margin: 0 !important;



    color: #475569 !important;



    font-size: 13px !important;



    line-height: 1.6 !important;

}





/* ---------------------------------------------------------

   OAI-PMH

   --------------------------------------------------------- */



.poliban-oai {

    position: relative !important;



    max-width: 1180px !important;



    margin: 25px auto 28px auto !important;



    padding: 16px 20px 16px 58px !important;



    box-sizing: border-box !important;



    background: #eef7fd !important;



    border: 1px solid #d7e8f4 !important;



    border-radius: 12px !important;



    color: #475569 !important;



    font-size: 13px !important;



    line-height: 1.6 !important;

}





/* Ikon globe */



.poliban-oai::before {

    content: "🌐";



    position: absolute;



    left: 19px;



    top: 50%;



    transform: translateY(-50%);



    width: 28px;



    height: 28px;



    display: flex;



    align-items: center;



    justify-content: center;



    font-size: 18px;

}





/* Link OAI */



.poliban-oai a {

    color: #0879b8 !important;



    font-weight: 600 !important;



    text-decoration: underline !important;

}





.poliban-oai a:hover {

    color: #064e78 !important;

}





/* ---------------------------------------------------------

   OAI CARD

   --------------------------------------------------------- */



.poliban-card.oai-card {

    background:

        linear-gradient(

            135deg,

            #ffffff 0%,

            #f5fbff 100%

        ) !important;

}





/* ---------------------------------------------------------

   RESPONSIVE

   --------------------------------------------------------- */



@media screen and (max-width: 600px) {



    .poliban-info {

        margin: 20px 12px !important;



        padding: 15px 17px !important;

    }



    .poliban-oai {

        margin: 20px 12px !important;



        padding: 14px 15px 14px 50px !important;

    }



    .poliban-oai::before {

        left: 14px !important;

    }



}








/* =========================================================

   POLIBAN STAGE 7D

   FOOTER FINAL

   ========================================================= */



.ep_tm_footer {

    background: #064e78 !important;



    color: #ffffff !important;



    border: none !important;



    min-height: 58px !important;



    padding: 14px 22px !important;



    box-sizing: border-box !important;



    display: flex !important;



    align-items: center !important;



    justify-content: space-between !important;



    gap: 20px !important;

}





/* Teks footer */



.ep_tm_footer,

.ep_tm_footer * {

    color: #ffffff !important;

}





.ep_tm_footer a {

    color: #ffffff !important;



    text-decoration: underline !important;

}





.ep_tm_footer a:hover {

    color: #dbeafe !important;

}





/* Logo EPrints */



.ep_tm_eprints_logo {

    margin-left: auto !important;



    display: flex !important;



    align-items: center !important;



    justify-content: flex-end !important;

}





.ep_tm_eprints_logo img {

    max-height: 38px !important;



    width: auto !important;

}





/* Footer mobile */



@media screen and (max-width: 700px) {



    .ep_tm_footer {

        flex-direction: column !important;



        align-items: flex-start !important;



        padding: 16px !important;

    }



    .ep_tm_eprints_logo {

        margin-left: 0 !important;

    }



}






/* =========================================================

   POLIBAN NAVBAR - MODERN MOCKUP STYLE

   ========================================================= */



.ep_tm_header {

    background: #064e78 !important;

    border: none !important;

    box-shadow: none !important;

    min-height: 54px !important;

}





/* Area menu */



.ep_tm_menu {

    background: #064e78 !important;

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    padding: 7px 14px !important;

    margin: 0 !important;

    border: none !important;

}





/* Item menu */



.ep_tm_menu li {

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;

}





/* Link menu */



.ep_tm_menu li a {

    display: flex !important;

    align-items: center !important;

    gap: 7px !important;



    color: #ffffff !important;



    font-size: 15px !important;

    font-weight: 600 !important;



    text-decoration: none !important;



    padding: 9px 16px !important;



    border-radius: 22px !important;



    background: transparent !important;



    transition:

        background .2s ease,

        transform .2s ease !important;

}





/* Hover */



.ep_tm_menu li a:hover {

    background: rgba(255,255,255,.14) !important;

    color: #ffffff !important;

}





/* Menu aktif */



.ep_tm_menu li.ep_tm_menu_item_selected > a,

.ep_tm_menu li a.selected {

    background: rgba(255,255,255,.16) !important;

    color: #ffffff !important;



    box-shadow:

        inset 0 0 0 1px rgba(255,255,255,.08),

        0 2px 8px rgba(0,0,0,.10) !important;

}





/* Ikon menu */



.ep_tm_menu li a::before {

    font-size: 15px !important;

    line-height: 1 !important;

}





/* Home */



.ep_tm_menu li:first-child a::before {

    content: "⌂" !important;

}





/* About */



.ep_tm_menu li:nth-child(2) a::before {

    content: "●" !important;

    font-size: 12px !important;

}





/* Browse */



.ep_tm_menu li:nth-child(3) a::before {

    content: "☷" !important;

    font-size: 18px !important;

}





/* Panah Browse */



.ep_tm_menu li:nth-child(3) > a::after {

    content: "⌄" !important;

    font-size: 14px !important;

    margin-left: 1px !important;

}





/* =========================================================

   DESKTOP

   ========================================================= */



@media screen and (min-width: 801px) {



    .ep_tm_menu {

        min-height: 54px !important;

        box-sizing: border-box !important;

    }



    .ep_tm_menu li a {

        min-height: 38px !important;

        box-sizing: border-box !important;

    }



}





/* =========================================================

   MOBILE

   ========================================================= */



@media screen and (max-width: 800px) {



    .ep_tm_menu {

        gap: 3px !important;

        padding: 5px 8px !important;

        overflow-x: auto !important;

    }



    .ep_tm_menu li a {

        font-size: 13px !important;

        padding: 8px 11px !important;

        white-space: nowrap !important;

    }



}






/* =========================================================

   POLIBAN LOGIN + SEARCH BAR

   MOCKUP STYLE

   ========================================================= */



.ep_tm_searchbar {

    background: #ffffff !important;



    border: none !important;



    min-height: 54px !important;



    padding: 8px 16px !important;



    box-sizing: border-box !important;



    display: flex !important;



    align-items: center !important;



    justify-content: space-between !important;



    gap: 20px !important;

}





/* =========================================================

   LOGIN / CREATE ACCOUNT

   ========================================================= */



.ep_tm_key_tools {

    margin: 0 !important;



    padding: 0 !important;



    display: flex !important;



    align-items: center !important;



    gap: 0 !important;

}





.ep_tm_key_tools_item {

    margin: 0 !important;



    padding: 0 !important;



    list-style: none !important;

}





.ep_tm_key_tools_item_link {

    color: #334155 !important;



    font-size: 15px !important;



    font-weight: 500 !important;



    text-decoration: none !important;



    padding: 7px 8px !important;



    display: inline-flex !important;



    align-items: center !important;



    gap: 5px !important;



    border-radius: 6px !important;

}





.ep_tm_key_tools_item_link:hover {

    color: #075985 !important;



    background: #f1f5f9 !important;

}





/* Ikon Login */



.ep_tm_key_tools_item:first-child

.ep_tm_key_tools_item_link::before {



    content: "♟" !important;



    font-size: 15px !important;



}





/* Ikon Create Account */



.ep_tm_key_tools_item:nth-child(2)

.ep_tm_key_tools_item_link::before {



    content: "♟" !important;



    font-size: 15px !important;



}





/* =========================================================

   SEARCH AREA

   ========================================================= */



.ep_tm_searchbar form {



    display: flex !important;



    align-items: center !important;



    gap: 8px !important;



    margin: 0 !important;



}





/* Kotak pencarian */



.ep_tm_searchbarbox {



    width: 280px !important;



    height: 38px !important;



    box-sizing: border-box !important;



    border: 1px solid #d7e0e8 !important;



    border-radius: 8px !important;



    background: #ffffff !important;



    color: #334155 !important;



    padding: 0 13px 0 38px !important;



    font-size: 14px !important;



    outline: none !important;



    background-image: none !important;



}





/* Placeholder */



.ep_tm_searchbarbox::placeholder {



    color: #94a3b8 !important;



}





/* Search focus */



.ep_tm_searchbarbox:focus {



    border-color: #075985 !important;



    box-shadow: 0 0 0 3px rgba(7,89,133,.10) !important;



}





/* Ikon kaca pembesar */



.ep_tm_searchbar form {



    position: relative !important;



}





.ep_tm_searchbar form::before {



    content: "⌕" !important;



    position: absolute !important;



    left: 13px !important;



    top: 50% !important;



    transform: translateY(-51%) !important;



    color: #64748b !important;



    font-size: 20px !important;



    z-index: 2 !important;



    pointer-events: none !important;



}





/* Tombol Search */



.ep_tm_searchbarbutton {



    height: 38px !important;



    min-width: 88px !important;



    box-sizing: border-box !important;



    padding: 0 15px !important;



    border: none !important;



    border-radius: 8px !important;



    background: #075985 !important;



    color: #ffffff !important;



    font-size: 14px !important;



    font-weight: 600 !important;



    cursor: pointer !important;



}





/* Hover */



.ep_tm_searchbarbutton:hover {



    background: #064e78 !important;



}





/* =========================================================

   MOBILE

   ========================================================= */



@media screen and (max-width: 700px) {



    .ep_tm_searchbar {



        min-height: auto !important;



        padding: 8px 10px !important;



        flex-wrap: wrap !important;



    }



    .ep_tm_searchbar form {



        width: 100% !important;



    }



    .ep_tm_searchbarbox {



        flex: 1 !important;



        width: auto !important;



    }



}








/* =========================================================

   POLIBAN STAGE 7F

   LATEST ADDITIONS - MODERN TABLE

   ========================================================= */





/* ---------------------------------------------------------

   AREA LATEST

   --------------------------------------------------------- */



.ep_latest_list {

    width: 100% !important;



    margin: 18px 0 28px 0 !important;



    background: #ffffff !important;



    border: 1px solid #dbe7f0 !important;



    border-radius: 14px !important;



    overflow: hidden !important;



    box-shadow:

        0 5px 18px rgba(15, 23, 42, .06) !important;



    border-collapse: separate !important;



    border-spacing: 0 !important;

}





/* ---------------------------------------------------------

   JIKA CITATION BERUPA TABLE

   --------------------------------------------------------- */



.ep_latest_list tr {

    background: #ffffff !important;



    transition: background .15s ease !important;

}





.ep_latest_list tr:hover {

    background: #f7fbfe !important;

}





.ep_latest_list td,

.ep_latest_list th {

    padding: 15px 17px !important;



    border-bottom: 1px solid #e5edf3 !important;



    vertical-align: top !important;



    color: #475569 !important;



    font-size: 14px !important;



    line-height: 1.55 !important;

}





/* Hilangkan garis pada baris terakhir */



.ep_latest_list tr:last-child td {

    border-bottom: none !important;

}





/* ---------------------------------------------------------

   NOMOR

   --------------------------------------------------------- */



.ep_latest_list td:first-child {

    width: 55px !important;



    text-align: center !important;



    color: #075985 !important;



    font-weight: 700 !important;



    white-space: nowrap !important;

}





/* ---------------------------------------------------------

   JUDUL / LINK

   --------------------------------------------------------- */



.ep_latest_list a {

    color: #075985 !important;



    font-weight: 600 !important;



    text-decoration: none !important;

}





.ep_latest_list a:hover {

    color: #0369a1 !important;



    text-decoration: underline !important;

}





/* ---------------------------------------------------------

   CITATION YANG BERBENTUK DIV

   --------------------------------------------------------- */



.ep_latest_result {

    padding: 17px 20px !important;



    border-bottom: 1px solid #e5edf3 !important;



    background: #ffffff !important;



    transition:

        background .15s ease,

        padding-left .15s ease !important;

}





.ep_latest_result:last-child {

    border-bottom: none !important;

}





.ep_latest_result:hover {

    background: #f7fbfe !important;



    padding-left: 24px !important;

}





/* Link dalam citation */



.ep_latest_result a {

    color: #075985 !important;



    font-weight: 600 !important;



    text-decoration: none !important;

}





.ep_latest_result a:hover {

    color: #0369a1 !important;



    text-decoration: underline !important;

}





/* ---------------------------------------------------------

   JUDUL "TODAY", "YESTERDAY", DST.

   --------------------------------------------------------- */



.ep_tm_page_content > h2 {

    margin-top: 28px !important;



    margin-bottom: 14px !important;



    padding: 0 0 10px 3px !important;



    color: #075985 !important;



    font-size: 21px !important;



    font-weight: 700 !important;



    border-bottom: 3px solid #0b8ed1 !important;

}





/* ---------------------------------------------------------

   GARIS PEMISAH BAWAAN EPRINTS

   --------------------------------------------------------- */



.ep_tm_page_content hr {

    border: none !important;



    border-top: 1px solid #e2e8f0 !important;



    margin: 30px 0 !important;

}





/* ---------------------------------------------------------

   INFORMASI INTRO LATEST

   --------------------------------------------------------- */



.ep_tm_page_content > p:first-of-type {

    color: #64748b !important;



    font-size: 14px !important;



    line-height: 1.65 !important;

}





/* ---------------------------------------------------------

   LINK KEMBALI KE HOMEPAGE

   --------------------------------------------------------- */



.ep_tm_page_content a[href="/"] {

    display: inline-block !important;



    margin-top: 12px !important;



    padding: 9px 16px !important;



    background: #075985 !important;



    color: #ffffff !important;



    border-radius: 8px !important;



    font-weight: 600 !important;



    text-decoration: none !important;

}





.ep_tm_page_content a[href="/"]:hover {

    background: #064e78 !important;



    color: #ffffff !important;

}





/* ---------------------------------------------------------

   MOBILE

   --------------------------------------------------------- */



@media screen and (max-width: 700px) {



    .ep_latest_list {

        margin-top: 14px !important;



        border-radius: 10px !important;



        overflow-x: auto !important;

    }





    .ep_latest_list td,

    .ep_latest_list th {

        padding: 12px 10px !important;



        font-size: 13px !important;

    }





    .ep_latest_list td:first-child {

        width: 40px !important;

    }





    .ep_latest_result {

        padding: 14px !important;

    }





    .ep_tm_page_content > h2 {

        font-size: 19px !important;

    }



}


/* =========================================================
   HILANGKAN KOTAK SEARCH NAVBAR
   Menu navbar tetap tampil
   Search Repository di halaman utama tetap tampil
   ========================================================= */

.ep_tm_searchbar .ep_tm_searchbarbox,
.ep_tm_searchbar .ep_tm_searchbarbutton {
    display: none !important;
}

/* =========================================================
   POLIBAN - COLORFUL REPOSITORY CARDS
   ========================================================= */

/* Warna masing-masing card */
:root {
    --card-blue: linear-gradient(135deg, #2563eb, #1d4ed8);
    --card-green: linear-gradient(135deg, #22c55e, #16a34a);
    --card-orange: linear-gradient(135deg, #f59e0b, #f97316);
    --card-purple: linear-gradient(135deg, #8b5cf6, #6d28d9);
    --card-teal: linear-gradient(135deg, #06b6d4, #0891b2);
    --card-pink: linear-gradient(135deg, #ec4899, #db2777);
}


/* =========================================================
   DASAR SEMUA CARD
   ========================================================= */

.poliban-card {
    position: relative !important;
    overflow: hidden !important;

    border: none !important;
    border-radius: 18px !important;

    padding: 26px !important;

    color: #ffffff !important;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.10) !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}


/* =========================================================
   EFEK HOVER
   ========================================================= */

.poliban-card:hover {
    transform: translateY(-5px) !important;

    box-shadow:
        0 18px 35px rgba(0, 0, 0, 0.18) !important;
}


/* =========================================================
   WARNA CARD - JELAJAHI REPOSITORY
   ========================================================= */

/* Card 1 - Search */
.poliban-card:nth-child(1) {
    background: var(--card-blue) !important;
}

/* Card 2 - Browse */
.poliban-card:nth-child(2) {
    background: var(--card-green) !important;
}

/* Card 3 - Latest Additions */
.poliban-card:nth-child(3) {
    background: var(--card-orange) !important;
}


/* =========================================================
   WARNA CARD - INFORMASI REPOSITORY
   ========================================================= */

/* Card 4 - About */
.poliban-card:nth-child(4) {
    background: var(--card-purple) !important;
}

/* Card 5 - Policies */
.poliban-card:nth-child(5) {
    background: var(--card-teal) !important;
}

/* Card 6 - OAI-PMH */
.poliban-card:nth-child(6) {
    background: var(--card-pink) !important;
}


/* =========================================================
   TEKS CARD
   ========================================================= */

.poliban-card h3,
.poliban-card p,
.poliban-card a {
    color: #ffffff !important;
}

.poliban-card h3 {
    font-weight: 700 !important;
}

.poliban-card p {
    color: rgba(255,255,255,0.92) !important;
}


/* =========================================================
   GARIS KECIL DI BAWAH JUDUL
   ========================================================= */

.poliban-card h3::after {
    content: "" !important;

    display: block !important;

    width: 32px !important;
    height: 3px !important;

    margin-top: 10px !important;

    background: #ffffff !important;

    border-radius: 5px !important;
}


/* =========================================================
   ICON
   ========================================================= */

.poliban-icon {
    position: relative !important;
    z-index: 2 !important;

    width: 48px !important;
    height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(255,255,255,0.92) !important;

    border-radius: 12px !important;

    margin-bottom: 18px !important;

    box-shadow:
        0 5px 12px rgba(0,0,0,0.08) !important;
}


/* =========================================================
   BUTTON
   ========================================================= */

.poliban-card .poliban-card-button,
.poliban-card a.button {
    background: #ffffff !important;

    color: #075985 !important;

    border: none !important;

    border-radius: 999px !important;

    padding: 9px 17px !important;

    font-weight: 700 !important;

    display: inline-block !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

.poliban-card .poliban-card-button:hover,
.poliban-card a.button:hover {
    transform: translateY(-2px) !important;

    box-shadow:
        0 7px 15px rgba(0,0,0,0.15) !important;
}


/* =========================================================
   DEKORASI BULAT DI POJOK CARD
   ========================================================= */

.poliban-card::before {
    content: "" !important;

    position: absolute !important;

    top: -45px !important;
    right: -45px !important;

    width: 130px !important;
    height: 130px !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,0.13) !important;

    pointer-events: none !important;
}


/* =========================================================
   DEKORASI TITIK DI POJOK BAWAH
   ========================================================= */

.poliban-card::after {
    content: "" !important;

    position: absolute !important;

    right: 18px !important;
    bottom: 15px !important;

    width: 90px !important;
    height: 90px !important;

    background-image:
        radial-gradient(
            rgba(255,255,255,0.55) 1.5px,
            transparent 1.5px
        ) !important;

    background-size: 8px 8px !important;

    opacity: 0.55 !important;

    pointer-events: none !important;
}


/* =========================================================
   ISI CARD DI ATAS DEKORASI
   ========================================================= */

.poliban-card > * {
    position: relative !important;
    z-index: 2 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .poliban-card {
        padding: 22px !important;
        border-radius: 16px !important;
    }

}

/* =========================================================
   POLIBAN - WARNA 6 CARD
   ========================================================= */

/* SEMUA CARD */
.poliban-card {
    color: #ffffff !important;
    border: none !important;
    overflow: hidden !important;
}


/* =========================================================
   BARIS 1
   ========================================================= */

/* SEARCH REPOSITORY - BIRU */
.poliban-card[href*="/cgi/search/simple"] {
    background: linear-gradient(
        135deg,
        #2563eb 0%,
        #1d4ed8 100%
    ) !important;
}


/* BROWSE REPOSITORY - HIJAU */
.poliban-card[href*="/view/"] {
    background: linear-gradient(
        135deg,
        #22c55e 0%,
        #16a34a 100%
    ) !important;
}


/* LATEST ADDITIONS - ORANGE */
.poliban-card[href*="/cgi/latest"] {
    background: linear-gradient(
        135deg,
        #f59e0b 0%,
        #f97316 100%
    ) !important;
}


/* =========================================================
   BARIS 2
   ========================================================= */

/* ABOUT REPOSITORY - UNGU */
.poliban-card[href*="/information"] {
    background: linear-gradient(
        135deg,
        #8b5cf6 0%,
        #6d28d9 100%
    ) !important;
}


/* REPOSITORY POLICIES - TEAL */
.poliban-card[href*="/policies"] {
    background: linear-gradient(
        135deg,
        #06b6d4 0%,
        #0891b2 100%
    ) !important;
}


/* OAI-PMH - PINK */
.poliban-card[href*="/oai2"] {
    background: linear-gradient(
        135deg,
        #ec4899 0%,
        #db2777 100%
    ) !important;
}


/* =========================================================
   JUDUL CARD
   ========================================================= */

.poliban-card h3 {
    color: #ffffff !important;
}


/* =========================================================
   DESKRIPSI CARD
   ========================================================= */

.poliban-card p {
    color: rgba(255,255,255,.95) !important;
}


/* =========================================================
   GARIS BAWAH JUDUL
   ========================================================= */

.poliban-card h3::after {
    background: #ffffff !important;
}


/* =========================================================
   ICON
   ========================================================= */

.poliban-card .poliban-icon {
    background: rgba(255,255,255,.95) !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.poliban-card:hover {
    transform: translateY(-5px) !important;

    box-shadow:
        0 18px 35px rgba(0,0,0,.20) !important;
}

/* =========================================================
   POLIBAN CARD - FINAL DESIGN
   MENYAMAI DESAIN REFERENSI
   ========================================================= */


/* =========================================================
   CARD DASAR
   ========================================================= */

.poliban-card {
    position: relative !important;

    min-height: 370px !important;

    box-sizing: border-box !important;

    padding: 30px !important;

    border: none !important;

    border-radius: 18px !important;

    overflow: hidden !important;

    color: #ffffff !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: flex-start !important;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, .14) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


/* =========================================================
   WARNA CARD
   ========================================================= */


/* SEARCH */
.poliban-card[href*="/cgi/search/simple"] {
    background:
        linear-gradient(
            135deg,
            #3b82f6 0%,
            #1478df 100%
        ) !important;
}


/* BROWSE */
.poliban-card[href*="/view/"] {
    background:
        linear-gradient(
            135deg,
            #4dcc86 0%,
            #18ad72 100%
        ) !important;
}


/* LATEST */
.poliban-card[href*="/cgi/latest"] {
    background:
        linear-gradient(
            135deg,
            #ffc247 0%,
            #ff9415 100%
        ) !important;
}


/* ABOUT */
.poliban-card[href*="/information"] {
    background:
        linear-gradient(
            135deg,
            #8370ed 0%,
            #5041c9 100%
        ) !important;
}


/* POLICIES */
.poliban-card[href*="/policies"] {
    background:
        linear-gradient(
            135deg,
            #31c3c8 0%,
            #0aa9b3 100%
        ) !important;
}


/* OAI */
.poliban-card[href*="/oai2"] {
    background:
        linear-gradient(
            135deg,
            #f8679d 0%,
            #ed3e82 100%
        ) !important;
}


/* =========================================================
   ICON
   ========================================================= */

.poliban-card .poliban-icon {

    width: 80px !important;

    height: 80px !important;

    min-width: 80px !important;

    min-height: 80px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    box-sizing: border-box !important;

    background: rgba(255,255,255,.94) !important;

    border-radius: 14px !important;

    font-size: 40px !important;

    line-height: 1 !important;

    margin: 0 0 24px 0 !important;

    box-shadow:
        0 5px 14px rgba(0,0,0,.08) !important;

    position: relative !important;

    z-index: 5 !important;
}


/* =========================================================
   JUDUL
   ========================================================= */

.poliban-card h3 {

    margin: 0 !important;

    padding: 0 !important;

    color: #ffffff !important;

    font-size: 24px !important;

    line-height: 1.25 !important;

    font-weight: 700 !important;

    letter-spacing: -.2px !important;

    position: relative !important;

    z-index: 5 !important;
}


/* =========================================================
   GARIS BAWAH JUDUL
   ========================================================= */

.poliban-card h3::after {

    content: "" !important;

    display: block !important;

    width: 42px !important;

    height: 4px !important;

    margin-top: 12px !important;

    background: #ffffff !important;

    border-radius: 10px !important;
}


/* =========================================================
   DESKRIPSI
   ========================================================= */

.poliban-card p {

    margin: 0 !important;

    margin-top: 14px !important;

    padding: 0 !important;

    color: rgba(255,255,255,.96) !important;

    font-size: 17px !important;

    line-height: 1.7 !important;

    font-weight: 400 !important;

    position: relative !important;

    z-index: 5 !important;
}


/* =========================================================
   TOMBOL PUTIH
   Dibuat dari pseudo element supaya tidak perlu ubah HTML
   ========================================================= */

.poliban-card p::after {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    height: 44px !important;

    padding: 0 22px !important;

    margin-top: 28px !important;

    border-radius: 999px !important;

    background: #ffffff !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    line-height: 44px !important;

    box-sizing: border-box !important;

    box-shadow:
        0 3px 8px rgba(0,0,0,.08) !important;

    white-space: nowrap !important;
}


/* LABEL TOMBOL */


/* SEARCH */
.poliban-card[href*="/cgi/search/simple"] p::after {
    content: "Search Now →" !important;
    color: #2563eb !important;
}


/* BROWSE */
.poliban-card[href*="/view/"] p::after {
    content: "Browse Now →" !important;
    color: #16a34a !important;
}


/* LATEST */
.poliban-card[href*="/cgi/latest"] p::after {
    content: "View Latest →" !important;
    color: #f97316 !important;
}


/* ABOUT */
.poliban-card[href*="/information"] p::after {
    content: "Search Now →" !important;
    color: #5b4bc4 !important;
}


/* POLICIES */
.poliban-card[href*="/policies"] p::after {
    content: "Browse Now →" !important;
    color: #0891b2 !important;
}


/* OAI */
.poliban-card[href*="/oai2"] p::after {
    content: "View Latest →" !important;
    color: #ec4899 !important;
}


/* =========================================================
   DEKORASI LINGKARAN KANAN ATAS
   ========================================================= */

.poliban-card::before {

    content: "" !important;

    position: absolute !important;

    width: 145px !important;

    height: 145px !important;

    top: -55px !important;

    right: -35px !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.13) !important;

    pointer-events: none !important;

    z-index: 1 !important;
}


/* =========================================================
   POLA TITIK KANAN BAWAH
   ========================================================= */

.poliban-card::after {

    content: "" !important;

    position: absolute !important;

    right: 18px !important;

    bottom: 18px !important;

    width: 90px !important;

    height: 90px !important;

    background-image:
        radial-gradient(
            rgba(255,255,255,.42) 1.7px,
            transparent 1.7px
        ) !important;

    background-size: 9px 9px !important;

    opacity: .85 !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* =========================================================
   ISI CARD DI ATAS DEKORASI
   ========================================================= */

.poliban-card > * {

    position: relative !important;

    z-index: 5 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.poliban-card:hover {

    transform: translateY(-6px) !important;

    box-shadow:
        0 20px 40px rgba(0,0,0,.20) !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .poliban-card {

        min-height: 330px !important;

        padding: 25px !important;
    }

    .poliban-card h3 {

        font-size: 21px !important;
    }

    .poliban-card p {

        font-size: 15px !important;
    }

}


@media (max-width: 700px) {

    .poliban-card {

        min-height: 300px !important;

        padding: 24px !important;
    }

    .poliban-card .poliban-icon {

        width: 68px !important;

        height: 68px !important;

        min-width: 68px !important;

        min-height: 68px !important;

        font-size: 34px !important;
    }

    .poliban-card h3 {

        font-size: 20px !important;
    }

    .poliban-card p {

        font-size: 15px !important;
    }
}

/* =========================================================
   POLIBAN CARD - FINAL MODERN COLOR
   ========================================================= */

.poliban-card {
    position: relative !important;
    overflow: hidden !important;

    min-height: 330px !important;
    padding: 24px !important;

    border: none !important;
    border-radius: 16px !important;

    box-shadow: 0 12px 28px rgba(15, 23, 42, .16) !important;

    color: #ffffff !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


/* ---------------------------------------------------------
   WARNA MASING-MASING CARD
   --------------------------------------------------------- */

/* CARD 1 - SEARCH */
.poliban-card:nth-child(1) {
    background: linear-gradient(
        135deg,
        #3b82f6 0%,
        #0875df 100%
    ) !important;
}

/* CARD 2 - BROWSE */
.poliban-card:nth-child(2) {
    background: linear-gradient(
        135deg,
        #45c98a 0%,
        #16b86d 100%
    ) !important;
}

/* CARD 3 - LATEST */
.poliban-card:nth-child(3) {
    background: linear-gradient(
        135deg,
        #ffbf45 0%,
        #ff9410 100%
    ) !important;
}


/* ---------------------------------------------------------
   CARD BARIS KEDUA
   --------------------------------------------------------- */

/* ABOUT */
.poliban-card:nth-child(4) {
    background: linear-gradient(
        135deg,
        #8170eb 0%,
        #5d42d5 100%
    ) !important;
}

/* POLICIES */
.poliban-card:nth-child(5) {
    background: linear-gradient(
        135deg,
        #32c2c9 0%,
        #0eafb9 100%
    ) !important;
}

/* OAI */
.poliban-card:nth-child(6) {
    background: linear-gradient(
        135deg,
        #f45b96 0%,
        #ed3281 100%
    ) !important;
}


/* ---------------------------------------------------------
   ICON
   --------------------------------------------------------- */

.poliban-card .poliban-icon {
    position: relative !important;
    z-index: 5 !important;

    width: 64px !important;
    height: 64px !important;

    margin-bottom: 20px !important;

    border-radius: 12px !important;

    background: rgba(255,255,255,.92) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 30px !important;

    box-shadow: 0 5px 12px rgba(0,0,0,.08) !important;
}


/* ---------------------------------------------------------
   JUDUL
   --------------------------------------------------------- */

.poliban-card h3 {
    position: relative !important;
    z-index: 5 !important;

    margin: 0 0 12px 0 !important;

    color: #ffffff !important;

    font-size: 22px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
}


/* GARIS DI BAWAH JUDUL */

.poliban-card h3::after {
    content: "" !important;

    display: block !important;

    width: 42px !important;
    height: 4px !important;

    margin-top: 12px !important;

    border-radius: 10px !important;

    background: #ffffff !important;
}


/* ---------------------------------------------------------
   DESKRIPSI
   --------------------------------------------------------- */

.poliban-card p {
    position: relative !important;
    z-index: 5 !important;

    margin: 0 !important;

    color: #ffffff !important;

    font-size: 15px !important;
    line-height: 1.65 !important;

    max-width: 92% !important;
}


/* ---------------------------------------------------------
   TOMBOL
   --------------------------------------------------------- */

.poliban-card .poliban-card-button,
.poliban-card a,
.poliban-card .poliban-btn {
    position: relative !important;
    z-index: 10 !important;
}


/* Jika tombol dibuat dengan class biasa */

.poliban-card a {
    margin-top: auto !important;

    display: inline-flex !important;
    align-items: center !important;

    padding: 11px 20px !important;

    border-radius: 25px !important;

    background: #ffffff !important;

    border: none !important;

    color: #1264c4 !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow: 0 4px 10px rgba(0,0,0,.08) !important;

    transition: all .2s ease !important;
}


/* Warna tombol sesuai card */

.poliban-card:nth-child(1) a {
    color: #1769d1 !important;
}

.poliban-card:nth-child(2) a {
    color: #149d61 !important;
}

.poliban-card:nth-child(3) a {
    color: #ef8b0c !important;
}

.poliban-card:nth-child(4) a {
    color: #5d42d5 !important;
}

.poliban-card:nth-child(5) a {
    color: #079ca7 !important;
}

.poliban-card:nth-child(6) a {
    color: #e93480 !important;
}


/* ---------------------------------------------------------
   EFEK HOVER
   --------------------------------------------------------- */

.poliban-card:hover {
    transform: translateY(-6px) !important;

    box-shadow:
        0 18px 35px rgba(15,23,42,.22) !important;
}

.poliban-card a:hover {
    transform: translateY(-2px) !important;

    box-shadow:
        0 7px 16px rgba(0,0,0,.15) !important;
}


/* ---------------------------------------------------------
   LINGKARAN DEKORASI KANAN ATAS
   --------------------------------------------------------- */

.poliban-card::before {
    content: "" !important;

    position: absolute !important;

    width: 150px !important;
    height: 150px !important;

    right: -55px !important;
    top: -65px !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.13) !important;

    pointer-events: none !important;

    z-index: 1 !important;
}


/* ---------------------------------------------------------
   POLA TITIK KANAN BAWAH
   --------------------------------------------------------- */

.poliban-card::after {
    content: "" !important;

    position: absolute !important;

    width: 120px !important;
    height: 120px !important;

    right: 18px !important;
    bottom: 15px !important;

    background-image: radial-gradient(
        rgba(255,255,255,.35) 2px,
        transparent 2px
    ) !important;

    background-size: 12px 12px !important;

    opacity: .85 !important;

    pointer-events: none !important;

    z-index: 1 !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 700px) {

    .poliban-card {
        min-height: 300px !important;
        padding: 22px !important;
    }

    .poliban-card h3 {
        font-size: 20px !important;
    }

    .poliban-card p {
        font-size: 14px !important;
    }

    .poliban-card .poliban-icon {
        width: 58px !important;
        height: 58px !important;
        font-size: 27px !important;
    }
}

/* =========================================================
   FIX - HAPUS KOTAK PUTIH DEKORASI LAMA
   ========================================================= */

/* Matikan dekorasi lama yang membuat kotak putih */
.poliban-card > .poliban-decoration,
.poliban-card > .card-decoration,
.poliban-card > .decoration,
.poliban-card > .poliban-card-decoration {
    display: none !important;
}


/* Pastikan isi card berada di atas dekorasi */
.poliban-card > * {
    position: relative !important;
    z-index: 5 !important;
}


/* =========================================================
   DEKORASI BARU - LINGKARAN KANAN ATAS
   ========================================================= */

.poliban-card::before {
    content: "" !important;

    position: absolute !important;

    width: 145px !important;
    height: 145px !important;

    right: -55px !important;
    top: -55px !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.12) !important;

    z-index: 1 !important;

    pointer-events: none !important;
}


/* =========================================================
   DEKORASI TITIK KANAN BAWAH
   ========================================================= */

.poliban-card::after {
    content: "" !important;

    position: absolute !important;

    width: 105px !important;
    height: 105px !important;

    right: 12px !important;
    bottom: 10px !important;

    background-image: radial-gradient(
        rgba(255,255,255,.38) 2px,
        transparent 2px
    ) !important;

    background-size: 11px 11px !important;

    opacity: .8 !important;

    z-index: 2 !important;

    pointer-events: none !important;
}


/* =========================================================
   JANGAN BIARKAN ELEMEN DEKORASI MENJADI KOTAK PUTIH
   ========================================================= */

.poliban-card div:not(.poliban-icon) {
    background-color: transparent !important;
    box-shadow: none !important;
}


/* Icon tetap putih */
.poliban-card .poliban-icon {
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.08) !important;
}


/* =========================================================
   TOMBOL TETAP DI BAWAH
   ========================================================= */

.poliban-card a,
.poliban-card .poliban-btn,
.poliban-card .poliban-card-button {
    position: relative !important;
    z-index: 10 !important;
}

/* =========================================================
   POLIBAN CARD - FINAL FIX
   HILANGKAN KONFLIK KOTAK PUTIH
   ========================================================= */


/* ---------------------------------------------------------
   CARD
   --------------------------------------------------------- */

.poliban-card {
    position: relative !important;
    overflow: hidden !important;

    min-height: 310px !important;
    padding: 24px !important;

    border: none !important;
    border-radius: 16px !important;

    box-shadow: 0 12px 28px rgba(15,23,42,.16) !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    color: #ffffff !important;
}


/* ---------------------------------------------------------
   WARNA CARD
   --------------------------------------------------------- */

.poliban-card:nth-child(1) {
    background: linear-gradient(135deg,#3b82f6,#0875df) !important;
}

.poliban-card:nth-child(2) {
    background: linear-gradient(135deg,#45c98a,#16b86d) !important;
}

.poliban-card:nth-child(3) {
    background: linear-gradient(135deg,#ffbf45,#ff9410) !important;
}

.poliban-card:nth-child(4) {
    background: linear-gradient(135deg,#8170eb,#5d42d5) !important;
}

.poliban-card:nth-child(5) {
    background: linear-gradient(135deg,#32c2c9,#0eafb9) !important;
}

.poliban-card:nth-child(6) {
    background: linear-gradient(135deg,#f45b96,#ed3281) !important;
}


/* ---------------------------------------------------------
   ISI CARD
   --------------------------------------------------------- */

.poliban-card > * {
    position: relative !important;
    z-index: 5 !important;
}


/* ---------------------------------------------------------
   ICON
   --------------------------------------------------------- */

.poliban-card .poliban-icon {
    width: 64px !important;
    height: 64px !important;

    margin-bottom: 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(255,255,255,.94) !important;

    border-radius: 12px !important;

    font-size: 30px !important;

    box-shadow: 0 5px 12px rgba(0,0,0,.08) !important;

    z-index: 10 !important;
}


/* ---------------------------------------------------------
   JUDUL
   --------------------------------------------------------- */

.poliban-card h3 {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 22px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
}


/* GARIS */

.poliban-card h3::after {
    content: "" !important;

    display: block !important;

    width: 42px !important;
    height: 4px !important;

    margin-top: 12px !important;

    background: #ffffff !important;

    border-radius: 10px !important;
}


/* ---------------------------------------------------------
   DESKRIPSI
   --------------------------------------------------------- */

.poliban-card p {
    margin: 14px 0 0 0 !important;

    padding: 0 !important;

    color: rgba(255,255,255,.96) !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

    position: relative !important;

    z-index: 5 !important;
}


/* ---------------------------------------------------------
   TOMBOL
   Tetap dibuat dari p::after karena HTML tidak punya tombol
   --------------------------------------------------------- */

.poliban-card p::after {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    height: 42px !important;

    padding: 0 20px !important;

    margin-top: 24px !important;

    border-radius: 999px !important;

    background: #ffffff !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 42px !important;

    box-sizing: border-box !important;

    box-shadow: 0 4px 10px rgba(0,0,0,.08) !important;

    white-space: nowrap !important;

    position: relative !important;

    z-index: 20 !important;
}


/* LABEL TOMBOL */

.poliban-card[href*="/cgi/search/simple"] p::after {
    content: "Search Now →" !important;
    color: #2563eb !important;
}

.poliban-card[href*="/view/"] p::after {
    content: "Browse Now →" !important;
    color: #16a34a !important;
}

.poliban-card[href*="/cgi/latest"] p::after {
    content: "View Latest →" !important;
    color: #f97316 !important;
}

.poliban-card[href*="/information"] p::after {
    content: "Search Now →" !important;
    color: #5b4bc4 !important;
}

.poliban-card[href*="/policies"] p::after {
    content: "Browse Now →" !important;
    color: #0891b2 !important;
}

.poliban-card[href*="/oai2"] p::after {
    content: "View Latest →" !important;
    color: #ec4899 !important;
}


/* ---------------------------------------------------------
   MATIKAN SEMUA DEKORASI LAMA PADA P
   --------------------------------------------------------- */

.poliban-card p::before {
    content: none !important;
    display: none !important;
}


/* ---------------------------------------------------------
   LINGKARAN KANAN ATAS
   --------------------------------------------------------- */

.poliban-card::before {
    content: "" !important;

    position: absolute !important;

    width: 145px !important;
    height: 145px !important;

    top: -55px !important;
    right: -35px !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.13) !important;

    z-index: 1 !important;

    pointer-events: none !important;
}


/* ---------------------------------------------------------
   POLA TITIK KANAN BAWAH
   --------------------------------------------------------- */

.poliban-card::after {
    content: "" !important;

    position: absolute !important;

    width: 95px !important;
    height: 95px !important;

    right: 14px !important;
    bottom: 12px !important;

    background-image: radial-gradient(
        rgba(255,255,255,.38) 1.7px,
        transparent 1.7px
    ) !important;

    background-size: 9px 9px !important;

    opacity: .8 !important;

    border: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    z-index: 2 !important;

    pointer-events: none !important;
}


/* ---------------------------------------------------------
   HILANGKAN STYLE BUTTON LAMA
   --------------------------------------------------------- */

.poliban-card:hover::after {
    background-image: radial-gradient(
        rgba(255,255,255,.38) 1.7px,
        transparent 1.7px
    ) !important;

    background-size: 9px 9px !important;

    border: none !important;

    color: transparent !important;

    transform: none !important;
}


/* ---------------------------------------------------------
   HOVER CARD
   --------------------------------------------------------- */

.poliban-card:hover {
    transform: translateY(-5px) !important;

    box-shadow: 0 18px 35px rgba(15,23,42,.22) !important;
}

/* =========================================================
   FINAL FIX - HILANGKAN KOTAK PUTIH CARD
   ========================================================= */

.poliban-card::after {
    content: "" !important;

    position: absolute !important;

    width: 95px !important;
    height: 95px !important;

    right: 14px !important;
    bottom: 12px !important;

    /* PENTING: hapus background putih dari CSS lama */
    background-color: transparent !important;
    background: transparent !important;

    background-image: radial-gradient(
        rgba(255,255,255,.38) 1.7px,
        transparent 1.7px
    ) !important;

    background-size: 9px 9px !important;
    background-position: center !important;
    background-repeat: repeat !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    opacity: .8 !important;

    z-index: 2 !important;

    pointer-events: none !important;

    transform: none !important;
}


/* Pastikan hover tidak mengembalikan kotak putih */

.poliban-card:hover::after {
    content: "" !important;

    background-color: transparent !important;
    background: transparent !important;

    background-image: radial-gradient(
        rgba(255,255,255,.38) 1.7px,
        transparent 1.7px
    ) !important;

    background-size: 9px 9px !important;
    background-repeat: repeat !important;

    border: none !important;
    box-shadow: none !important;

    color: transparent !important;

    transform: none !important;
}

/* =========================================================
   POLIBAN CARD - FINAL MODERN COLOR THEME
   ========================================================= */

/* ---------------------------------------------------------
   CARD DASAR
   --------------------------------------------------------- */

.poliban-card {
    position: relative !important;
    overflow: hidden !important;

    min-height: 390px !important;
    padding: 32px !important;

    border: none !important;
    border-radius: 18px !important;

    box-shadow:
        0 14px 30px rgba(15, 23, 42, .14) !important;

    color: #ffffff !important;

    box-sizing: border-box !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


/* ---------------------------------------------------------
   WARNA MASING-MASING CARD
   --------------------------------------------------------- */

/* 1 - SEARCH */
.poliban-card:nth-child(1) {
    background:
        linear-gradient(
            135deg,
            #3b82f6 0%,
            #0878e8 100%
        ) !important;
}


/* 2 - BROWSE */
.poliban-card:nth-child(2) {
    background:
        linear-gradient(
            135deg,
            #45c98a 0%,
            #18b875 100%
        ) !important;
}


/* 3 - LATEST */
.poliban-card:nth-child(3) {
    background:
        linear-gradient(
            135deg,
            #ffb83f 0%,
            #ff9815 100%
        ) !important;
}


/* 4 - ABOUT */
.poliban-card:nth-child(4) {
    background:
        linear-gradient(
            135deg,
            #8170e8 0%,
            #5843d4 100%
        ) !important;
}


/* 5 - POLICIES */
.poliban-card:nth-child(5) {
    background:
        linear-gradient(
            135deg,
            #36c2c5 0%,
            #08aeb4 100%
        ) !important;
}


/* 6 - OAI */
.poliban-card:nth-child(6) {
    background:
        linear-gradient(
            135deg,
            #f45b9b 0%,
            #ef3980 100%
        ) !important;
}


/* ---------------------------------------------------------
   LINGKARAN KANAN ATAS
   --------------------------------------------------------- */

.poliban-card::before {
    content: "" !important;

    position: absolute !important;

    width: 145px !important;
    height: 145px !important;

    top: -55px !important;
    right: -35px !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.14) !important;

    z-index: 1 !important;

    pointer-events: none !important;
}


/* ---------------------------------------------------------
   POLA TITIK KANAN BAWAH
   --------------------------------------------------------- */

.poliban-card::after {
    content: "" !important;

    position: absolute !important;

    width: 105px !important;
    height: 105px !important;

    right: 18px !important;
    bottom: 16px !important;

    background-color: transparent !important;

    background-image:
        radial-gradient(
            rgba(255,255,255,.42) 1.7px,
            transparent 1.7px
        ) !important;

    background-size: 9px 9px !important;
    background-repeat: repeat !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    opacity: .8 !important;

    z-index: 1 !important;

    pointer-events: none !important;

    transform: none !important;
}


/* ---------------------------------------------------------
   ISI CARD DI ATAS DEKORASI
   --------------------------------------------------------- */

.poliban-card > * {
    position: relative !important;
    z-index: 3 !important;
}


/* ---------------------------------------------------------
   ICON
   --------------------------------------------------------- */

.poliban-card .poliban-icon {
    position: relative !important;
    z-index: 4 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 80px !important;
    height: 80px !important;

    margin-bottom: 25px !important;

    background: rgba(255,255,255,.95) !important;

    border-radius: 13px !important;

    font-size: 38px !important;

    box-shadow:
        0 5px 12px rgba(0,0,0,.08) !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   JUDUL
   --------------------------------------------------------- */

.poliban-card h3 {
    position: relative !important;
    z-index: 4 !important;

    margin: 0 !important;

    color: #ffffff !important;

    font-size: 25px !important;
    line-height: 1.25 !important;

    font-weight: 700 !important;
}


/* GARIS BAWAH JUDUL */

.poliban-card h3::after {
    content: "" !important;

    display: block !important;

    width: 43px !important;
    height: 4px !important;

    margin-top: 14px !important;

    background: #ffffff !important;

    border-radius: 10px !important;
}


/* ---------------------------------------------------------
   DESKRIPSI
   --------------------------------------------------------- */

.poliban-card p {
    position: relative !important;
    z-index: 4 !important;

    margin: 0 !important;
    margin-top: 16px !important;

    color: rgba(255,255,255,.96) !important;

    font-size: 16px !important;
    line-height: 1.65 !important;

    font-weight: 400 !important;
}


/* ---------------------------------------------------------
   TOMBOL PUTIH
   --------------------------------------------------------- */

.poliban-card p::after {
    position: relative !important;
    z-index: 5 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    height: 44px !important;

    padding: 0 22px !important;

    margin-top: 30px !important;
    margin-left: 0 !important;

    border: none !important;

    border-radius: 999px !important;

    background: #ffffff !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 44px !important;

    white-space: nowrap !important;

    box-shadow:
        0 5px 12px rgba(0,0,0,.12) !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   LABEL TOMBOL
   --------------------------------------------------------- */

.poliban-card:nth-child(1) p::after {
    content: "Search Now →" !important;
    color: #1673e8 !important;
}

.poliban-card:nth-child(2) p::after {
    content: "Browse Now →" !important;
    color: #16a56b !important;
}

.poliban-card:nth-child(3) p::after {
    content: "View Latest →" !important;
    color: #f28b16 !important;
}

.poliban-card:nth-child(4) p::after {
    content: "Search Now →" !important;
    color: #604ad4 !important;
}

.poliban-card:nth-child(5) p::after {
    content: "Browse Now →" !important;
    color: #079ca4 !important;
}

.poliban-card:nth-child(6) p::after {
    content: "View Latest →" !important;
    color: #ed3d82 !important;
}


/* ---------------------------------------------------------
   HOVER
   --------------------------------------------------------- */

.poliban-card:hover {
    transform: translateY(-5px) !important;

    box-shadow:
        0 20px 38px rgba(15,23,42,.20) !important;
}


.poliban-card:hover p::after {
    transform: translateY(-1px) !important;

    box-shadow:
        0 7px 15px rgba(0,0,0,.15) !important;
}


/* ---------------------------------------------------------
   JAGA DEKORASI TETAP DI BELAKANG
   --------------------------------------------------------- */

.poliban-card::before,
.poliban-card::after {
    pointer-events: none !important;
}

.poliban-card h3,
.poliban-card p,
.poliban-card .poliban-icon {
    position: relative !important;
    z-index: 4 !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 700px) {

    .poliban-card {
        min-height: 340px !important;
        padding: 25px !important;
    }

    .poliban-card .poliban-icon {
        width: 65px !important;
        height: 65px !important;
        font-size: 30px !important;
    }

    .poliban-card h3 {
        font-size: 21px !important;
    }

    .poliban-card p {
        font-size: 14px !important;
    }

}

/* =========================================================
   POLIBAN CARD - FINAL POSITION & TEXT FIX
   ========================================================= */

/* CARD */
.poliban-card {
    min-height: 390px !important;
    padding: 32px !important;

    display: flex !important;
    flex-direction: column !important;

    box-sizing: border-box !important;
}


/* ICON */
.poliban-card .poliban-icon {
    flex-shrink: 0 !important;

    width: 80px !important;
    height: 80px !important;

    margin-bottom: 22px !important;
}


/* JUDUL - PUTIH */
.poliban-card h3 {
    color: #ffffff !important;

    font-size: 24px !important;
    font-weight: 700 !important;

    margin: 0 !important;
}


/* GARIS PUTIH */
.poliban-card h3::after {
    background: #ffffff !important;

    width: 42px !important;
    height: 4px !important;

    margin-top: 13px !important;
}


/* DESKRIPSI */
.poliban-card p {
    color: rgba(255,255,255,.96) !important;

    font-size: 16px !important;
    line-height: 1.65 !important;

    margin-top: 14px !important;
    margin-bottom: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    flex: 1 !important;
}


/* TOMBOL */
.poliban-card p::after {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: max-content !important;

    min-width: 145px !important;
    height: 44px !important;

    margin-top: auto !important;
    padding: 0 22px !important;

    border-radius: 999px !important;

    background: #ffffff !important;

    box-shadow:
        0 5px 12px rgba(0,0,0,.12) !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 44px !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;

    flex-shrink: 0 !important;
}


/* WARNA TOMBOL */

/* Search */
.poliban-card:nth-child(1) p::after {
    content: "Search Now →" !important;
    color: #1673e8 !important;
}

/* Browse */
.poliban-card:nth-child(2) p::after {
    content: "Browse Now →" !important;
    color: #16a56b !important;
}

/* Latest */
.poliban-card:nth-child(3) p::after {
    content: "View Latest →" !important;
    color: #f28b16 !important;
}

/* About */
.poliban-card:nth-child(4) p::after {
    content: "Search Now →" !important;
    color: #604ad4 !important;
}

/* Policies */
.poliban-card:nth-child(5) p::after {
    content: "Browse Now →" !important;
    color: #079ca4 !important;
}

/* OAI */
.poliban-card:nth-child(6) p::after {
    content: "View Latest →" !important;
    color: #ed3d82 !important;
}


/* =========================================================
   DEKORASI TETAP DI BELAKANG
   ========================================================= */

.poliban-card::before {
    z-index: 1 !important;
}

.poliban-card::after {
    z-index: 1 !important;
}

.poliban-card > * {
    z-index: 4 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.poliban-card:hover {
    transform: translateY(-5px) !important;

    box-shadow:
        0 20px 38px rgba(15,23,42,.20) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .poliban-card {
        min-height: 350px !important;
        padding: 25px !important;
    }

    .poliban-card h3 {
        font-size: 21px !important;
    }

    .poliban-card p {
        font-size: 14px !important;
    }

}

/* =========================================================
   FINAL - CARD TITLE WHITE
   ========================================================= */

.poliban-card h3,
.poliban-card h3 a,
.poliban-card h3 span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* Garis bawah judul tetap putih */

.poliban-card h3::after {
    background: #ffffff !important;
}


/* Deskripsi tetap putih */

.poliban-card p {
    color: rgba(255,255,255,.96) !important;
}


/* Pastikan link di dalam card tidak berubah menjadi biru */

.poliban-card a,
.poliban-card a:visited {
    color: #ffffff !important;
}


/* Tombol tetap menggunakan warna masing-masing */

.poliban-card:nth-child(1) p::after {
    color: #1673e8 !important;
}

.poliban-card:nth-child(2) p::after {
    color: #16a56b !important;
}

.poliban-card:nth-child(3) p::after {
    color: #f28b16 !important;
}

.poliban-card:nth-child(4) p::after {
    color: #604ad4 !important;
}

.poliban-card:nth-child(5) p::after {
    color: #079ca4 !important;
}

.poliban-card:nth-child(6) p::after {
    color: #ed3d82 !important;
}

/* =========================================================
   POLIBAN - 6 COLOR MODERN CARDS
   FINAL COLOR OVERRIDE
   ========================================================= */


/* =========================================================
   CARD BASE
   ========================================================= */

.poliban-card {
    position: relative !important;
    overflow: hidden !important;

    min-height: 390px !important;
    padding: 32px !important;

    border: none !important;
    border-radius: 18px !important;

    box-sizing: border-box !important;

    color: #ffffff !important;

    box-shadow:
        0 14px 30px rgba(15,23,42,.14) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


/* =========================================================
   1. SEARCH - BLUE
   ========================================================= */

.poliban-card:nth-child(1) {
    background:
        linear-gradient(
            135deg,
            #3b82f6 0%,
            #0878e8 55%,
            #006bea 100%
        ) !important;
}


/* =========================================================
   2. BROWSE - GREEN
   ========================================================= */

.poliban-card:nth-child(2) {
    background:
        linear-gradient(
            135deg,
            #48d18d 0%,
            #20bd78 55%,
            #0cae67 100%
        ) !important;
}


/* =========================================================
   3. LATEST - ORANGE
   ========================================================= */

.poliban-card:nth-child(3) {
    background:
        linear-gradient(
            135deg,
            #ffbd48 0%,
            #ffa51f 55%,
            #ff9010 100%
        ) !important;
}


/* =========================================================
   4. ABOUT - PURPLE
   ========================================================= */

.poliban-card:nth-child(4) {
    background:
        linear-gradient(
            135deg,
            #8668ec 0%,
            #6849dc 55%,
            #5838cf 100%
        ) !important;
}


/* =========================================================
   5. POLICIES - TURQUOISE
   ========================================================= */

.poliban-card:nth-child(5) {
    background:
        linear-gradient(
            135deg,
            #35c7ca 0%,
            #16b4bb 55%,
            #05a5ae 100%
        ) !important;
}


/* =========================================================
   6. OAI-PMH - PINK
   ========================================================= */

.poliban-card:nth-child(6) {
    background:
        linear-gradient(
            135deg,
            #f45b9b 0%,
            #ef3d82 55%,
            #ed276f 100%
        ) !important;
}


/* =========================================================
   LINGKARAN KANAN ATAS
   ========================================================= */

.poliban-card::before {
    content: "" !important;

    position: absolute !important;

    width: 145px !important;
    height: 145px !important;

    top: -55px !important;
    right: -35px !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.14) !important;

    z-index: 1 !important;

    pointer-events: none !important;
}


/* =========================================================
   POLA TITIK KANAN BAWAH
   ========================================================= */

.poliban-card::after {
    content: "" !important;

    position: absolute !important;

    width: 105px !important;
    height: 105px !important;

    right: 18px !important;
    bottom: 16px !important;

    background-color: transparent !important;

    background-image:
        radial-gradient(
            rgba(255,255,255,.45) 1.7px,
            transparent 1.7px
        ) !important;

    background-size: 9px 9px !important;

    background-repeat: repeat !important;

    border: none !important;

    box-shadow: none !important;

    opacity: .85 !important;

    z-index: 1 !important;

    pointer-events: none !important;

    transform: none !important;
}


/* =========================================================
   ISI CARD
   ========================================================= */

.poliban-card > * {
    position: relative !important;
    z-index: 5 !important;
}


/* =========================================================
   ICON PUTIH
   ========================================================= */

.poliban-card .poliban-icon {
    position: relative !important;
    z-index: 5 !important;

    width: 80px !important;
    height: 80px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin-bottom: 23px !important;

    background: rgba(255,255,255,.96) !important;

    border-radius: 13px !important;

    font-size: 38px !important;

    box-shadow:
        0 5px 12px rgba(0,0,0,.08) !important;
}


/* =========================================================
   JUDUL
   ========================================================= */

.poliban-card h3 {
    position: relative !important;
    z-index: 5 !important;

    margin: 0 !important;

    color: #ffffff !important;

    font-size: 24px !important;

    line-height: 1.25 !important;

    font-weight: 700 !important;
}


/* GARIS JUDUL */

.poliban-card h3::after {
    content: "" !important;

    display: block !important;

    width: 43px !important;
    height: 4px !important;

    margin-top: 13px !important;

    background: #ffffff !important;

    border-radius: 10px !important;
}


/* =========================================================
   DESKRIPSI
   ========================================================= */

.poliban-card p {
    position: relative !important;
    z-index: 5 !important;

    margin-top: 15px !important;

    color: rgba(255,255,255,.96) !important;

    font-size: 16px !important;

    line-height: 1.65 !important;

    font-weight: 400 !important;

    flex: 1 !important;
}


/* =========================================================
   TOMBOL PUTIH
   ========================================================= */

.poliban-card p::after {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 145px !important;
    height: 44px !important;

    margin-top: 28px !important;

    padding: 0 22px !important;

    background: #ffffff !important;

    border: none !important;

    border-radius: 999px !important;

    box-sizing: border-box !important;

    box-shadow:
        0 5px 12px rgba(0,0,0,.13) !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    white-space: nowrap !important;
}


/* =========================================================
   WARNA TEKS TOMBOL
   ========================================================= */

.poliban-card:nth-child(1) p::after {
    content: "Search Now →" !important;
    color: #0878e8 !important;
}

.poliban-card:nth-child(2) p::after {
    content: "Browse Now →" !important;
    color: #0cae67 !important;
}

.poliban-card:nth-child(3) p::after {
    content: "View Latest →" !important;
    color: #f28b16 !important;
}

.poliban-card:nth-child(4) p::after {
    content: "Search Now →" !important;
    color: #6849dc !important;
}

.poliban-card:nth-child(5) p::after {
    content: "Browse Now →" !important;
    color: #079ca4 !important;
}

.poliban-card:nth-child(6) p::after {
    content: "View Latest →" !important;
    color: #ed3d82 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.poliban-card:hover {
    transform: translateY(-6px) !important;

    box-shadow:
        0 20px 40px rgba(15,23,42,.20) !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 700px) {

    .poliban-card {
        min-height: 350px !important;
        padding: 25px !important;
    }

    .poliban-card .poliban-icon {
        width: 65px !important;
        height: 65px !important;

        font-size: 30px !important;
    }

    .poliban-card h3 {
        font-size: 21px !important;
    }

    .poliban-card p {
        font-size: 14px !important;
    }

}

/* =========================================================
   POLIBAN - FINAL 6 COLOR CARD
   GUNAKAN HREF SEBAGAI IDENTITAS CARD
   ========================================================= */


/* =========================
   SEARCH - BLUE
   ========================= */

.poliban-card[href*="/cgi/search/simple"] {
    background: linear-gradient(
        135deg,
        #3b82f6 0%,
        #1677e8 55%,
        #0874e8 100%
    ) !important;
}


/* =========================
   BROWSE - GREEN
   ========================= */

.poliban-card[href*="/view/"] {
    background: linear-gradient(
        135deg,
        #48d18d 0%,
        #20bd78 55%,
        #16b96f 100%
    ) !important;
}


/* =========================
   LATEST - ORANGE
   ========================= */

.poliban-card[href*="/cgi/latest"] {
    background: linear-gradient(
        135deg,
        #ffc04d 0%,
        #ffa51f 55%,
        #ff9818 100%
    ) !important;
}


/* =========================
   ABOUT - PURPLE
   ========================= */

.poliban-card[href*="/information"] {
    background: linear-gradient(
        135deg,
        #8970ed 0%,
        #6c50df 55%,
        #5d43d4 100%
    ) !important;
}


/* =========================
   POLICIES - TURQUOISE
   ========================= */

.poliban-card[href*="/policies"] {
    background: linear-gradient(
        135deg,
        #36c7ca 0%,
        #18b4bb 55%,
        #0aa7af 100%
    ) !important;
}


/* =========================
   OAI-PMH - PINK
   ========================= */

.poliban-card[href*="/oai2"] {
    background: linear-gradient(
        135deg,
        #f45c9c 0%,
        #ef4083 55%,
        #ed2e76 100%
    ) !important;
}


/* =========================================================
   SEMUA CARD
   ========================================================= */

.poliban-card {
    position: relative !important;
    overflow: hidden !important;
    border: none !important;
    border-radius: 18px !important;

    color: #ffffff !important;

    box-shadow:
        0 14px 30px rgba(15,23,42,.14) !important;
}


/* =========================================================
   JUDUL CARD
   ========================================================= */

.poliban-card[href*="/cgi/search/simple"] h3,
.poliban-card[href*="/view/"] h3,
.poliban-card[href*="/cgi/latest"] h3,
.poliban-card[href*="/information"] h3,
.poliban-card[href*="/policies"] h3,
.poliban-card[href*="/oai2"] h3 {

    color: #ffffff !important;
}


/* =========================================================
   DESKRIPSI
   ========================================================= */

.poliban-card[href*="/cgi/search/simple"] p,
.poliban-card[href*="/view/"] p,
.poliban-card[href*="/cgi/latest"] p,
.poliban-card[href*="/information"] p,
.poliban-card[href*="/policies"] p,
.poliban-card[href*="/oai2"] p {

    color: rgba(255,255,255,.96) !important;
}


/* =========================================================
   GARIS BAWAH JUDUL
   ========================================================= */

.poliban-card h3::after {

    background: #ffffff !important;

    width: 42px !important;
    height: 4px !important;

    border-radius: 10px !important;
}


/* =========================================================
   ICON
   ========================================================= */

.poliban-card .poliban-icon {

    background: rgba(255,255,255,.96) !important;

    border-radius: 13px !important;

    box-shadow:
        0 5px 12px rgba(0,0,0,.08) !important;

    position: relative !important;
    z-index: 5 !important;
}


/* =========================================================
   LINGKARAN KANAN ATAS
   ========================================================= */

.poliban-card::before {

    content: "" !important;

    position: absolute !important;

    width: 145px !important;
    height: 145px !important;

    top: -55px !important;
    right: -35px !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.14) !important;

    z-index: 1 !important;

    pointer-events: none !important;
}


/* =========================================================
   POLA TITIK KANAN BAWAH
   ========================================================= */

.poliban-card::after {

    content: "" !important;

    position: absolute !important;

    right: 18px !important;
    bottom: 16px !important;

    width: 105px !important;
    height: 105px !important;

    background-color: transparent !important;

    background-image:
        radial-gradient(
            rgba(255,255,255,.45) 1.7px,
            transparent 1.7px
        ) !important;

    background-size: 9px 9px !important;

    border: none !important;

    box-shadow: none !important;

    opacity: .85 !important;

    z-index: 1 !important;

    pointer-events: none !important;
}


/* =========================================================
   ISI CARD DI ATAS DEKORASI
   ========================================================= */

.poliban-card > * {

    position: relative !important;

    z-index: 5 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.poliban-card:hover {

    transform: translateY(-5px) !important;

    box-shadow:
        0 20px 40px rgba(15,23,42,.20) !important;
}

/* =========================================================

/* =========================================================
   POLIBAN - BACKGROUND MENU USER
   Posisi tetap, hanya mengubah warna bar
   ========================================================= */

.ep_tm_searchbar {
    background: #075985 !important;
    border: 0 !important;
    margin: 0 !important;
}

/* Area menu user */
.ep_tm_searchbar > div:first-child {
    background: #075985 !important;
    padding: 0 !important;
}

/* Menu user */
#ep_tm_menu_tools {
    background: #075985 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Semua item menu */
#ep_tm_menu_tools .ep_tm_key_tools_item {
    color: #ffffff !important;
    border-left: 1px solid rgba(255,255,255,.35) !important;
}

/* Item pertama */
#ep_tm_menu_tools .ep_tm_key_tools_item:first-child {
    border-left: none !important;
}

/* Link menu */
#ep_tm_menu_tools .ep_tm_key_tools_item_link {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Email */
#ep_tm_menu_tools .ep_name_citation a {
    color: #ffffff !important;
}

/* Hover */
#ep_tm_menu_tools .ep_tm_key_tools_item_link:hover,
#ep_tm_menu_tools .ep_name_citation a:hover {
    color: #dbeafe !important;
}

/* =========================================================
   HOVER MENU USER
   ========================================================= */

#ep_tm_menu_tools .ep_tm_key_tools_item:hover {
    background: #0ea5e9 !important;
}

#ep_tm_menu_tools .ep_tm_key_tools_item:hover a,
#ep_tm_menu_tools .ep_tm_key_tools_item:hover .ep_name_citation a {
    color: #ffffff !important;
}

/* Hover khusus link */
#ep_tm_menu_tools .ep_tm_key_tools_item_link:hover {
    color: #ffffff !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* =========================================================
   POLIBAN - HEADER IMAGE FINAL
   ========================================================= */

.ep_tm_header {
    background-image: url("https://plain-apac-prod-public.komododecks.com/202608/11/A6Srtyo1GAST2UGlOgaj/image.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

/* =========================================================
   POLIBAN HEADER - FINAL IMAGE
   ========================================================= */

#main_content::before {
    content: "" !important;

    display: block !important;

    width: 100% !important;

    height: 210px !important;

    background-image: url("https://plain-apac-prod-public.komododecks.com/202608/11/A6Srtyo1GAST2UGlOgaj/image.png") !important;

    background-repeat: no-repeat !important;

    background-position: center center !important;

    background-size: cover !important;

    margin: 0 0 25px 0 !important;

    border-radius: 0 0 18px 18px !important;
}

/* =========================================================
   POLIBAN - HEADER BANNER BARU
   Tampilkan banner lebih tinggi agar tidak terpotong
   ========================================================= */

#main_content::before {
    content: "" !important;

    display: block !important;

    width: 100% !important;

    height: 300px !important;

    background-image: url("https://plain-apac-prod-public.komododecks.com/202608/11/A6Srtyo1GAST2UGlOgaj/image.png") !important;

    background-repeat: no-repeat !important;

    background-position: center center !important;

    background-size: cover !important;

    margin: 0 0 25px 0 !important;

    border-radius: 0 0 18px 18px !important;

    box-sizing: border-box !important;
}

/* =====================================================
 POLIBAN - SEMBUNYIKAN INFORMASI / HELP TEXT FIELD
===================================================== */

.ep_form_field_help,
.ep_form_help,
.ep_form_help_text,
.ep_field_help,
.ep_form_example {
    display: none !important;
}


/* =========================================================
   POLIBAN - STATISTIK REPOSITORY
   ========================================================= */

.poliban-statistics {
    width: 100%;
    max-width: 1000px;
    margin: 25px auto 35px auto;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 24px;
}

.poliban-stat-card {
    background: #ff8200;

    border-radius: 10px;

    min-height: 115px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    padding: 18px 15px;

    box-sizing: border-box;
}

.poliban-stat-number {
    font-size: 30px;
    line-height: 1.1;

    font-weight: 700;

    color: #003b70;

    margin-bottom: 5px;
}

.poliban-stat-label {
    font-size: 14px;

    color: #111;

    font-weight: 400;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .poliban-statistics {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

}


@media (max-width: 550px) {

    .poliban-statistics {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .poliban-stat-card {
        min-height: 100px;
    }

    .poliban-stat-number {
        font-size: 27px;
    }

}

/* =========================================================
   POLIBAN - KOLEKSI TERBARU
   ========================================================= */

.poliban-latest {
    width: 100%;
    max-width: 1100px;
    margin: 45px auto 35px auto;
}

.poliban-latest-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 18px;
}

.poliban-latest-header .poliban-section-title {
    margin-bottom: 5px;
}

.poliban-latest-subtitle {
    margin: 0;
    color: #666;
    font-size: 14px;
}

.poliban-latest-more {
    display: inline-block;
    background: #075985;
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.poliban-latest-more:hover {
    background: #0369a1;
}

.poliban-latest-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.poliban-latest-item {
    background: #fff;
    border: 1px solid #e1e8ef;
    border-left: 4px solid #0875b1;
    border-radius: 8px;
    padding: 14px 18px;
    transition: all .2s ease;
}

.poliban-latest-item:hover {
    transform: translateX(3px);
    box-shadow: 0 5px 16px rgba(0,0,0,.08);
}

.poliban-latest-title {
    display: block;
    color: #075985 !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none !important;
}

.poliban-latest-title:hover {
    color: #0284c7 !important;
}

.poliban-latest-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 7px;
    color: #777;
    font-size: 12px;
}

.poliban-latest-meta span {
    display: inline-block;
}

.poliban-latest-meta span:not(:last-child)::after {
    content: "•";
    margin-left: 8px;
    color: #aaa;
}

.poliban-latest-loading,
.poliban-latest-empty {
    padding: 25px;
    text-align: center;
    color: #777;
    background: #f7fafc;
    border-radius: 8px;
}

@media (max-width: 700px) {

    .poliban-latest-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .poliban-latest-more {
        margin-top: 5px;
    }

    .poliban-latest-title {
        font-size: 14px;
    }

}

/* =========================================================
   POLIBAN - OAI-PMH INFORMATION PAGE
   ========================================================= */

.poliban-oai-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 10px 50px;
}

.poliban-oai-hero {
    background: linear-gradient(135deg, #ec4899, #db2777);
    color: #fff;
    border-radius: 24px;
    padding: 34px;
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 30px;
    box-shadow: 0 18px 40px rgba(219, 39, 119, .18);
}

.poliban-oai-icon {
    width: 76px;
    height: 76px;
    border-radius: 18px;
    background: rgba(255,255,255,.95);
    color: #db2777;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    flex-shrink: 0;
}

.poliban-oai-hero h1 {
    margin: 0 0 8px;
    font-size: 32px;
    font-weight: 700;
}

.poliban-oai-hero p {
    margin: 0;
    font-size: 16px;
    opacity: .95;
}

.poliban-oai-content {
    background: #fff;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
}

.poliban-oai-content h2 {
    color: #075985;
    font-size: 23px;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e0f2fe;
}

.poliban-oai-content h2:not(:first-child) {
    margin-top: 34px;
}

.poliban-oai-content p {
    color: #475569;
    font-size: 15px;
    line-height: 1.8;
}

.poliban-oai-url {
    margin: 25px 0;
    padding: 20px 22px;
    background: #f0f9ff;
    border-left: 5px solid #0284c7;
    border-radius: 12px;
}

.poliban-oai-label {
    color: #075985;
    font-weight: 700;
    margin-bottom: 8px;
}

.poliban-oai-url code {
    color: #0f172a;
    font-size: 14px;
    word-break: break-all;
}

.poliban-oai-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 20px;
}

.poliban-oai-card {
    border: 1px solid #dbeafe;
    border-left: 4px solid #0284c7;
    border-radius: 12px;
    padding: 20px;
    background: #f8fcff;
}

.poliban-oai-card h3 {
    margin: 0 0 8px;
    color: #0369a1;
    font-size: 17px;
}

.poliban-oai-card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

.poliban-oai-format {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    margin-top: 15px;
}

.poliban-oai-format strong {
    color: #0369a1;
    font-size: 17px;
}

.poliban-oai-format span {
    color: #64748b;
}

.poliban-oai-note {
    margin-top: 30px;
    padding: 20px 22px;
    background: #fff7ed;
    border-left: 5px solid #f97316;
    border-radius: 12px;
}

.poliban-oai-note strong {
    color: #c2410c;
}

.poliban-oai-note p {
    margin-bottom: 0;
}

@media (max-width: 700px) {

    .poliban-oai-page {
        padding: 10px 5px 30px;
    }

    .poliban-oai-hero {
        padding: 25px;
        flex-direction: column;
        align-items: flex-start;
    }

    .poliban-oai-hero h1 {
        font-size: 26px;
    }

    .poliban-oai-content {
        padding: 22px;
    }

    .poliban-oai-grid {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   POLIBAN - OAI-PMH TEST BUTTON
   ========================================================= */

.poliban-oai-test {
    display: inline-block;
    margin-top: 10px;
    padding: 13px 24px;
    background: #0369a1;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 999px;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(3, 105, 161, .18);
    transition: all .2s ease;
}

.poliban-oai-test:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(3, 105, 161, .25);
}

/* Sembunyikan opsi Jenjang Program */
input[type="radio"][value="postdoctoral"],
input[type="radio"][value="other"]{
    display:none !important;
}

input[type="radio"][value="postdoctoral"] + label,
input[type="radio"][value="other"] + label{
    display:none !important;
}


/* Last Update Hero */
.poliban-lastupdate{
    margin-top:14px;
    color:#ffffff;
    font-size:15px;
    opacity:.95;
}
.poliban-lastupdate strong{
    font-weight:600;
}

.poliban-lastupdate{
  margin-top:14px;
  color:#fff;
  font-size:15px;
  opacity:.95;
}

/* ===== Sembunyikan menu Create Account ===== */

/* Sembunyikan hanya menu Create Account */
#ep_tm_menu_tools a[href="/cgi/register"]{
    display:none !important;
}

/* =========================================================
   POLIBAN FIX : Browse Repository Grid
   ========================================================= */
.poliban-feature-grid{
    max-width:1180px !important;
    margin:0 auto 30px auto !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:20px !important;
}

@media (max-width:900px){
    .poliban-feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:600px){
    .poliban-feature-grid{
        grid-template-columns:1fr !important;
    }
}

/* ===== FIX: Tampilkan Daftar Repository ===== */
.poliban-section-title + .poliban-cards{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    overflow:visible !important;
    margin:0 auto 32px auto !important;
}

@media (max-width:900px){
  .poliban-section-title + .poliban-cards{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:600px){
  .poliban-section-title + .poliban-cards{
      grid-template-columns:1fr !important;
  }
}


/* =========================================================
   POLIBAN - LATEST REPOSITORY MODERN CARD
   ========================================================= */

.poliban-latest-list{
    max-width:1180px;
    margin:0 auto 35px auto;
}

.poliban-latest-list .ep_latest_result{
    background:#fff;
    border:1px solid #dbe7f3;
    border-left:5px solid #0f4c81;
    border-radius:12px;
    padding:6px 12px 6px 48px;
    margin-bottom:8px;
    box-shadow:0 4px 14px rgba(15,76,129,.08);
    transition:.25s ease;
    line-height:1.25;
}

.poliban-latest-list .ep_latest_result:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(15,76,129,.15);
}

.poliban-latest-list .ep_latest_result em{
    display:block;
    font-size:20px;
    font-style:normal;
    font-weight:700;
    color:#0f4c81;
    margin:6px 0 8px;
}

.poliban-latest-list .person_name{
    display:inline-flex;
    align-items:center;
    background:#e8f2fc;
    color:#0f4c81;
    padding:6px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
    margin:0 8px 8px 0;
}

.poliban-latest-list a{
    color:#0f4c81 !important;
    text-decoration:none;
}

.poliban-latest-list a:hover{
    text-decoration:underline;
}

.poliban-latest-list{
    counter-reset:repo;
}

.poliban-latest-list .ep_latest_result{
    position:relative;
    padding-left:48px;
}

.poliban-latest-list .ep_latest_result::before{
    counter-increment:repo;
    content:counter(repo);
    position:absolute;
    left:18px;
    top:18px;
    width:36px;
    height:36px;
    border-radius:50%;
    background:linear-gradient(135deg,#0f4c81,#1583d8);
    color:#fff;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    z-index:2;
}

@media (max-width:768px){
    .poliban-latest-list .ep_latest_result{
        padding-left:20px;
    }
    .poliban-latest-list .ep_latest_result::before{
        display:none;
    }
    .poliban-latest-list .ep_latest_result em{
        font-size:17px;
    }
}

/* ===== FIX LATEST REPOSITORY SPACING ===== */

.poliban-latest-list .ep_latest_result{
    position:relative !important;
    padding:6px 12px 6px 54px !important;
    min-height:34px !important;
}

.poliban-latest-list .ep_latest_result::before{
    left:12px !important;
    top:6px !important;
    width:26px !important;
    height:26px !important;
    line-height:26px !important;
    font-size:11px !important;
}

.poliban-latest-list .person_name{
    display:inline-block !important;
    margin-left:0 !important;
    margin-right:10px !important;
    margin-bottom:6px !important;
    padding:6px 12px !important;
    background:#E8F2FC !important;
    border-radius:20px !important;
    font-weight:600 !important;
}

.poliban-latest-list .ep_latest_result em{
    display:block !important;
    margin-top:4px !important;
    margin-bottom:6px !important;
    font-size:26px !important;
    font-style:normal !important;
    font-weight:700 !important;
    color:#0F4C81 !important;
}

/* ===== FIX UKURAN JUDUL REPOSITORY ===== */
.poliban-latest-list .ep_latest_result em{
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    margin:0 !important;
    color:#0F4C81 !important;
}

/* ===== BUTTON REPOSITORY LAINNYA ===== */

.poliban-latest-more{
    text-align:center;
    margin:25px 0 35px 0;
}

.poliban-latest-more a{
    display:inline-block;
    background:#0f4c81;
    color:#ffffff !important;
    padding:12px 28px;
    border-radius:25px;
    font-weight:600;
    text-decoration:none !important;
    transition:.25s ease;
}

.poliban-latest-more a:hover{
    background:#1583d8;
    transform:translateY(-2px);
}

/* ===== LATEST HEADER BUTTON ===== */

.poliban-latest-header{
    max-width:1180px;
    margin:0 auto 15px auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.poliban-latest-header .poliban-section-title{
    margin:0 !important;
}

.poliban-latest-button{
    background:#0f4c81;
    color:#fff !important;
    padding:9px 20px;
    border-radius:20px;
    font-size:14px;
    font-weight:600;
    text-decoration:none !important;
    transition:.25s ease;
}

.poliban-latest-button:hover{
    background:#1583d8;
}

@media(max-width:600px){
    .poliban-latest-header{
        flex-direction:column;
        align-items:flex-start;
    }
}


/* ===== Latest Repository - One Line ===== */
.poliban-latest-list .ep_latest_result em{
    display:inline !important;
    font-size:14px !important;
    margin:0 !important;
    font-style:normal !important;
}

.poliban-latest-list .ep_latest_result p{
    display:inline !important;
    margin:0 !important;
    font-size:14px !important;
    line-height:1.3 !important;
}

.poliban-latest-list .ep_latest_result br{
    display:none !important;
}

.poliban-latest-list .ep_latest_result .person_name{
    margin:0 6px 0 0 !important;
    padding:3px 10px !important;
}

.poliban-latest-list .ep_latest_result{
    padding:8px 12px 8px 54px !important;
    min-height:38px !important;
    line-height:1.3 !important;
}

/* ===== MENU DAFTAR AKUN ===== */
.ep_register_btn{
    display:inline-flex;
    align-items:center;
    color:#fff !important;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    padding-left:12px;
    border-left:1px solid rgba(255,255,255,.35);
    transition:all .2s ease;
}

.ep_register_btn:hover{
    color:#FFD54F !important;
    text-decoration:none;
}