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

@import "zzz_local.css";
@import "";



/* 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/irstats2.css */

/* IRStats2 CSS */

div.irstats2_view
{
	width: 100%;
	text-align:left;
	font-family: Verdana, Arial, sans-serif;
	margin: 10px;
	border: 1px solid #D7D9E5;
	border-radius: 3px;
}

div.irstats2_view_title
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #D7D9E5;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	color: #000;
	background: url("images/toolbox.png") repeat-x scroll 0 0 #E7E9F5;
}

div.irstats2_view_content
{
	line-height: 20px;
	margin: auto;
}

div.irstats2_piechart
{
	width: 400px;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
}

div.irstats2_googlepiechart
{
	width: 400px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
}
div.irstats2_googlegeochart
{
	width: 600px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

div.irstats2_googlegraph
{
	width: 750px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
}

div.irstats2_googlespark
{
	width: 150px;
	height: 50px;
	margin: 0px;
	display: inline;
	float:left;
	border: 0px;
	padding: 0px;
}

div.irstats2_counter
{
	display: inline;
}

div.irstats2_view_KeyFigures div.irstats2_view_content
{
	padding-top: 10px;
}

span.irstats2_keyfigures_metric_figure
{
	font-weight: bold;
	font-size: 20px;
}

span.irstats2_keyfigures_metric_text
{
	padding-left: 5px;
}

div.irstats2_ruler {
	clear:both;
	margin-bottom: 10px;
}

div.irstats2_keyfigures_section {
	float:left;
	width: 50%
}

div.irstats2_keyfigures_deposits {
	float:left;
	width: 50%
}

div.irstats2_keyfigures_downloads {
	float:right;
	width: 50%
}

div.irstats2_keyfigures_fulltext {
	float:left;
	width: 50%;
}

div.irstats2_keyfigures_openaccess {
	float:right;
	width: 50%
}

table.irstats2_keyfigures_progress {
	margin-left:12px;
}

table.irstats2_keyfigures_progress div.irstats2_progress_wrapper {
	height: 25px;
}


table.irstats2_keyfigures_progress div.irstats2_progress {
	height: 25px;
}

table.irstats2_keyfigures_progress td {
	padding: 5px;
}

div.irstats2_deposit_details {
	font-size: 12px;
	color: #666;
	margin-top: 5px;
	margin-left: 10px;
}

span.irstats2_counter_label
{
	color: #333333;
	font-size: 14px;
	margin: auto 2px;	
	vertical-align: middle;
}

span.irstats2_counter_value
{
	color: #000000;
	font-size: 20px;
	font-weight:bold;
	margin: auto 2px;
	vertical-align: bottom;
	padding-bottom:4px;
}

img.irstats2_spin
{
	vertical-align:middle;
}

span.irstats2_loading
{
	margin-left: 5px;
	vertical-align:middle;
	color: #666666;
}

table.irstats2_table
{
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	width: 100%;
}

div.irstats2_table_options
{
	text-align: center;
}

div.irstats2_table_options > a
{
	padding-left: 5px;
}

tr.irstats2_table_headings > td
{
	font-weight: bold;	
	background-color: #666;
	color: #FFF;
	text-align: left;
	padding: 2px;
}

td.irstats2_table_cell_order
{
	text-align:center;
	width: 20px;
}

td.irstats2_table_cell_object
{
	padding-left: 5px;
}

td.irstats2_table_cell_count
{
	text-align:center;
	width: 100px;
}

tr.irstats2_table_row_even > td
{
	padding: 2px;
	background-color: #FFFFFF;
}

tr.irstats2_table_row_odd > td
{
	padding: 2px;
	background-color: #EEE;
}

div.irstats2_reportmenu_row
{
	padding: 5px;
	vertical-align:bottom;
}
span.irstats2_date_separator
{
	padding-left:5px;
	padding-right:5px;
}
span.irstats2_date_label
{
	font-size:14px;
	font-weight:bold;
}
div.irstats2_progress
{
        background-color: #c1d0ef;
        color: #000;
	text-align:left;
	padding: 0px;
	margin: 0px;
}
div.irstats2_progress_wrapper
{
	border: 1px solid #3366cc;
	margin: 0px;
	padding: 0px;
	text-align:left;
}
div.irstats2_progress > span
{
	padding-left: 5px;
	display: block;
	width: 100px;
}

span.irstats2_keyfigures_metric {
	font-size: 14px;
	line-height: 50px;
}

h3.irstats2_keyfigures_heading, h3.irstats2_linkstoreports_heading
{
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 13px;
	font-weight: bold;
}

div.irstats2_keyfigures_column
{
	width: 25%;
	float: left;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

div.irstats2_reportheader_column
{
	float: left;
	text-align:left;
	margin-left:15px;
}

table.irstats2_reports 
{
	border-collapse:collapse;	
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

td.irstats2_reports_heading
{
	border: 1px solid #CCC;
	padding: 2px 10px;
	text-align:right;
	width: 20%;
	background-color: #EEE;
}

td.irstats2_reports_heading > span
{
	color: #222;
}

td.irstats2_reports_content
{
	border: 1px solid #CCC;
	padding: 2px 10px;
	text-align: left;
	width: 80%;
}

td.irstats2_reports_content > span
{
	padding-right: 10px;
	font-family: Verdana;
}


a.irstats2_export_bar_toggle
{
	float: right;
}

div.irstats2_export_bar
{
	text-align: left;
}

div.irstats2_export_content
{
	margin: 0px auto;
	border-bottom: 1px solid #D7D9E5;
	padding: 5px;
	text-align: center;
	background-color: #F9F9F9;
}

.irstats2_setdesc_link
{
	margin-left: 5px;
	width: 45px;
}

input.irstats2_setdesc_q
{
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	padding: 2px;
	font-size: 14px;	
}

input.irstats2_placeholder
{
	color: #AAA;
	font-style: italic;
}

div.irstats2_setdesc_values
{
	max-height:150px;
	overflow-y:scroll; 
	margin: 5px; 
	padding: 5px; 
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

ul.irstats2_setfinder_values
{
	margin: 0px;
	padding: 0px;
}

ul.irstats2_setfinder_values > li
{
}

div.irstats2_setfinder_row > a
{
	display: block
}

div.irstats2_setfinder_row > a:hover
{
	background-color: #F5F5F5;
}

div.irstats2_datepicker_inner
{
	font-size:11px;
	padding: 4px;
	color:#000;
}

p.irstats2_error_login {
	width: 100%;
	text-align: center;
}

h3.irstats2_summary_page_header {
	margin-top:20px;
}

div.irstats2_summary_page_container {
	border:1px solid #CCC;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

div.irstats2_summary_page_container > p {
	text-align:center;
	width:100%;
	margin:5px 0px 0px 0px;
	color:#666;
}

#irstats2_summary_page_downloads {
	height:250px;
	width:100%
}

#irstats2_summary_page_countries {
	height:250px;
	width:100%
}

td.irstats2_reportheader_breadcrumbs {
	width: 60%;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}

td.irstats2_reportheader_breadcrumbs > a, td.irstats2_reportheader_breadcrumbs > a:visited {
	color: #0645AD;
}

div.irstats2_reportheader_timeline {
	width: 30%;
	float: right;
	text-align: right;
	vertical-align: middle;
}

div.irstats2_reportheader_timeline_frame {
	font-size: 14px;
	padding: 5px;
	text-align: right;
	float: right;
}

div.irstats2_reportheader_options {
	width:100%;
	text-align: left;
	vertical-align: middle;
}

div.irstats2_reportheader_clear {
	clear:both;
}

div.irstats2_reportheader {
	width: 100%;
	padding: 0px;
}

table.irstats2_reportheader {
	width: 100%;
}

div.irstats2_view_ReportHeader {
	border: 0px;
}

input.irstats2_form_action_button {
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-radius: 3px;
	padding: 2px 20px;
	cursor: pointer;
	background-color: #F9F9F9;
	color: #111;
}

input.irstats2_form_action_button:active, input.irstats2_form_action_button:hover, input.irstats2_form_action_button_selected {
	background-color: #EEE;
	color: #222;
}

div.irstats2_options_dates, div.irstats2_options_filters, div.irstats2_options_reports {
	background-color: #EEE;
	text-align: left;
	border-width: 2px;
	border-style: solid;
	border-radius: 3px;
	border-color: #DDD;
}

table.irstats2_view_Grid div.irstats2_view {
	width: 97%;
}
.report_title {
	text-align: center;
	margin-top: 0px;
}



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

/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* The wrapper div */
div.datePicker
        {
        position:absolute;
        min-width:24em;
        width:24em;
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/0.8em Verdana, Sans-Serif;
        
        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana; */

        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
        -moz-user-select:none;
        -khtml-user-select:none;
        }
/* Styles for the static datePickers */
div.staticDP
        {
        position:relative;
        top:5px;
        left:0;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
        {
        /*position:relative;*/
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url(../images/irstats2/datepicker/cal.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:middle;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
a.date-picker-control
        {
        /* IE, Safari & Opera. Seperate CSS rule seems to be required. */
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* The next & previous buttons */
div.datePicker th span
        {
        display:inline;
        padding:0;
        margin:0;
        color:#000;
        text-align:center;
        line-height:1em;
        border-width:0;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;
        }
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-size:1.8em;
        cursor:pointer !important;
        }

div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        line-height:1.6em;
        text-transform:uppercase;
        cursor:pointer !important
        }
div.datePicker thead th span.fd-disabled
        {
        color:#aaa;
        cursor:default !important;
        }
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        height:1.4em;
        width:2em;
        text-decoration:none;
        text-transform:lowercase;
        line-height:1.4em;
        }
/* The table */
div.datePicker table
        {
        position:relative;
        margin:0;
        padding:0;
        border:1px solid #ccc;
        background:#fff url(../images/irstats2/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        width:100%;
        border-spacing:2px;
        table-layout:fixed;
        border-collapse:separate;
        }
/* Common TD & TH styling */
div.datePicker table td
        {
        border:1px solid #ccc;
        padding:0;
        text-align:center;
        vertical-align:middle;
        /* Opera requires a line-height bigger than 1em in order to redraw properly */
        line-height:1.2em;
        cursor:pointer;
        background:#fff url(../images/irstats2/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:3em !important;
        height:2.8em;
        outline:none;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;
        line-height:1em;
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle;
        }
div.datePicker table td.date-picker-unused
        {
        background:#fff url(../images/irstats2/datepicker/backstripes.gif);
        border-color:#dcdcdc;
        padding:0;
        cursor:default !important;
        }
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
        {
        text-transform:lowercase;
        width:3em;
        }
div.datePicker table th.date-picker-day-header span
        {
        display:block;
        }
/* The "todays date" style */
div.datePicker table td.date-picker-today
        {
        background:#fff url(../images/irstats2/datepicker/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* the "highlight days" style */
td.date-picker-highlight
        {
        color:#a86666;
        }
/* The date "out of range" style */
div.datePicker table td.out-of-range
        {
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;
        }
/* The "disabled days" style */
div.datePicker table td.day-disabled
        {
        color:#aaa !important;
        background:transparent !important;
        cursor:default !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(../images/irstats2/datepicker/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170);
        color:rgb(100,130,170);
        }
/*
   Quirksmode necessity?
   ---------------------

   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
   then uncomment the following CSS rule to set a less drastic font-size in IE

div.datePicker table th,
div.datePicker table td
        {
        font-size:100%;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }



/* 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/archives/purejguopjindal/cfg/static/style/auto/main-free.css */

@import url("fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic");

/*
	Alpha by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Reset */

/* Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain) */

	html, body, div, span, applet, object,
	iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
	a, abbr, acronym, address, big, cite,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var, b,
	u, i, center, dl, dt, dd, ol, ul, li, fieldset,
	form, label, legend, table, caption, 
	article, aside,
	canvas, details, embed, figure, figcaption,
	footer, header, hgroup, menu, nav, output, ruby,
	section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		/*vertical-align: baseline;*/ /* utk membuat help di eprints tdk turun */
	}
	

	.CodeMirror {
	  line-height: 1.1em !important;
	  font-family: monospace;
	}

	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

		blockquote:before, blockquote:after, q:before, q:after {
			content: '';
			content: none;
		}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

	mark {
		background-color: transparent;
		color: inherit;
	}

	input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	/*input, select, textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
	}*/

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

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

		html, body {
			min-width: 320px;
		}

	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		background: #f5f5f5;
	}

	body, input, select, textarea {
		color: #000;
		font-family: "Source Sans Pro", sans-serif;
		font-size: 15pt;
		font-weight: 600;
		line-height: 1.65em;
		/*letter-spacing: -0.015em;*/
	}

	a {
		-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		/*color: #e89980;*/
		text-decoration: none;
	}

		a:hover {
			border-bottom-color: transparent;
		}

	strong, b {
		color: #646464;
		font-weight: 400;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 1em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #646464;
		font-weight: 300;
		line-height: 1em;
		margin: 0 0 0.5em 0;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h2 {
		font-size: 2.25em;
		line-height: 1.5em;
		letter-spacing: -0.035em;
	}

	h3 {
		font-size: 1.75em;
		line-height: 1.5em;
		letter-spacing: -0.025em;
	}

	h4 {
		font-size: 1.1em;
		line-height: 1.5em;
		letter-spacing: 0;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
		letter-spacing: 0;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
		letter-spacing: 0;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border: 0;
		border-bottom: solid 2px #e5e5e5;
		margin: 2em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	blockquote {
		border-left: solid 4px #e5e5e5;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		background: #f8f8f8;
		border-radius: 6px;
		border: solid 1px #e5e5e5;
		font-family: monospace;
		font-size: 0.9em;
		line-height: 1.75em;
		margin: 0 0 2em 0;
		overflow-x: auto;
		padding: 1em 1.5em;
	}

	code {
		background: #f8f8f8;
		border-radius: 6px;
		border: solid 1px #e5e5e5;
		font-family: monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.33333%;
		}

		.row > .off-1 {
			margin-left: 8.33333%;
		}

		.row > .col-2 {
			width: 16.66667%;
		}

		.row > .off-2 {
			margin-left: 16.66667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}

		.row > .col-4 {
			width: 33.33333%;
		}

		.row > .off-4 {
			margin-left: 33.33333%;
		}

		.row > .col-5 {
			width: 41.66667%;
		}

		.row > .off-5 {
			margin-left: 41.66667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.33333%;
		}

		.row > .off-7 {
			margin-left: 58.33333%;
		}

		.row > .col-8 {
			width: 66.66667%;
		}

		.row > .off-8 {
			margin-left: 66.66667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.33333%;
		}

		.row > .off-10 {
			margin-left: 83.33333%;
		}

		.row > .col-11 {
			width: 91.66667%;
		}

		.row > .off-11 {
			margin-left: 91.66667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0;
			margin-left: 0em;
		}

			.row.gtr-0 > * {
				padding: 0 0 0 0em;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0em;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0em;
				}

		.row.gtr-25 {
			margin-top: 0;
			margin-left: -0.5em;
		}

			.row.gtr-25 > * {
				padding: 0 0 0 0.5em;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -0.5em;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 0.5em;
				}

		.row.gtr-50 {
			margin-top: 0;
			margin-left: -1em;
		}

			.row.gtr-50 > * {
				padding: 0 0 0 1em;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -1em;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 1em;
				}

		.row {
			margin-top: 0;
			margin-left: -2em;
		}

			.row > * {
				padding: 0 0 0 2em;
			}

			.row.gtr-uniform {
				margin-top: -2em;
			}

				.row.gtr-uniform > * {
					padding-top: 2em;
				}

		.row.gtr-150 {
			margin-top: 0;
			margin-left: -3em;
		}

			.row.gtr-150 > * {
				padding: 0 0 0 3em;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -3em;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 3em;
				}

		.row.gtr-200 {
			margin-top: 0;
			margin-left: -4em;
		}

			.row.gtr-200 > * {
				padding: 0 0 0 4em;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -4em;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 4em;
				}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-wide {
					order: -1;
				}

				.row > .col-1-wide {
					width: 8.33333%;
				}

				.row > .off-1-wide {
					margin-left: 8.33333%;
				}

				.row > .col-2-wide {
					width: 16.66667%;
				}

				.row > .off-2-wide {
					margin-left: 16.66667%;
				}

				.row > .col-3-wide {
					width: 25%;
				}

				.row > .off-3-wide {
					margin-left: 25%;
				}

				.row > .col-4-wide {
					width: 33.33333%;
				}

				.row > .off-4-wide {
					margin-left: 33.33333%;
				}

				.row > .col-5-wide {
					width: 41.66667%;
				}

				.row > .off-5-wide {
					margin-left: 41.66667%;
				}

				.row > .col-6-wide {
					width: 50%;
				}

				.row > .off-6-wide {
					margin-left: 50%;
				}

				.row > .col-7-wide {
					width: 58.33333%;
				}

				.row > .off-7-wide {
					margin-left: 58.33333%;
				}

				.row > .col-8-wide {
					width: 66.66667%;
				}

				.row > .off-8-wide {
					margin-left: 66.66667%;
				}

				.row > .col-9-wide {
					width: 75%;
				}

				.row > .off-9-wide {
					margin-left: 75%;
				}

				.row > .col-10-wide {
					width: 83.33333%;
				}

				.row > .off-10-wide {
					margin-left: 83.33333%;
				}

				.row > .col-11-wide {
					width: 91.66667%;
				}

				.row > .off-11-wide {
					margin-left: 91.66667%;
				}

				.row > .col-12-wide {
					width: 100%;
				}

				.row > .off-12-wide {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.5em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.5em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.5em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.5em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

				.row {
					margin-top: 0;
					margin-left: -2em;
				}

					.row > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 3em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -4em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 4em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -4em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 4em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-normal {
					order: -1;
				}

				.row > .col-1-normal {
					width: 8.33333%;
				}

				.row > .off-1-normal {
					margin-left: 8.33333%;
				}

				.row > .col-2-normal {
					width: 16.66667%;
				}

				.row > .off-2-normal {
					margin-left: 16.66667%;
				}

				.row > .col-3-normal {
					width: 25%;
				}

				.row > .off-3-normal {
					margin-left: 25%;
				}

				.row > .col-4-normal {
					width: 33.33333%;
				}

				.row > .off-4-normal {
					margin-left: 33.33333%;
				}

				.row > .col-5-normal {
					width: 41.66667%;
				}

				.row > .off-5-normal {
					margin-left: 41.66667%;
				}

				.row > .col-6-normal {
					width: 50%;
				}

				.row > .off-6-normal {
					margin-left: 50%;
				}

				.row > .col-7-normal {
					width: 58.33333%;
				}

				.row > .off-7-normal {
					margin-left: 58.33333%;
				}

				.row > .col-8-normal {
					width: 66.66667%;
				}

				.row > .off-8-normal {
					margin-left: 66.66667%;
				}

				.row > .col-9-normal {
					width: 75%;
				}

				.row > .off-9-normal {
					margin-left: 75%;
				}

				.row > .col-10-normal {
					width: 83.33333%;
				}

				.row > .off-10-normal {
					margin-left: 83.33333%;
				}

				.row > .col-11-normal {
					width: 91.66667%;
				}

				.row > .off-11-normal {
					margin-left: 91.66667%;
				}

				.row > .col-12-normal {
					width: 100%;
				}

				.row > .off-12-normal {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.5em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.5em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.5em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.5em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

				.row {
					margin-top: 0;
					margin-left: -2em;
				}

					.row > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 3em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -4em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 4em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -4em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 4em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-narrow {
					order: -1;
				}

				.row > .col-1-narrow {
					width: 8.33333%;
				}

				.row > .off-1-narrow {
					margin-left: 8.33333%;
				}

				.row > .col-2-narrow {
					width: 16.66667%;
				}

				.row > .off-2-narrow {
					margin-left: 16.66667%;
				}

				.row > .col-3-narrow {
					width: 25%;
				}

				.row > .off-3-narrow {
					margin-left: 25%;
				}

				.row > .col-4-narrow {
					width: 33.33333%;
				}

				.row > .off-4-narrow {
					margin-left: 33.33333%;
				}

				.row > .col-5-narrow {
					width: 41.66667%;
				}

				.row > .off-5-narrow {
					margin-left: 41.66667%;
				}

				.row > .col-6-narrow {
					width: 50%;
				}

				.row > .off-6-narrow {
					margin-left: 50%;
				}

				.row > .col-7-narrow {
					width: 58.33333%;
				}

				.row > .off-7-narrow {
					margin-left: 58.33333%;
				}

				.row > .col-8-narrow {
					width: 66.66667%;
				}

				.row > .off-8-narrow {
					margin-left: 66.66667%;
				}

				.row > .col-9-narrow {
					width: 75%;
				}

				.row > .off-9-narrow {
					margin-left: 75%;
				}

				.row > .col-10-narrow {
					width: 83.33333%;
				}

				.row > .off-10-narrow {
					margin-left: 83.33333%;
				}

				.row > .col-11-narrow {
					width: 91.66667%;
				}

				.row > .off-11-narrow {
					margin-left: 91.66667%;
				}

				.row > .col-12-narrow {
					width: 100%;
				}

				.row > .off-12-narrow {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.5em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.5em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.5em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.5em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

				.row {
					margin-top: 0;
					margin-left: -2em;
				}

					.row > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 3em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -4em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 4em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -4em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 4em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-narrower {
					order: -1;
				}

				.row > .col-1-narrower {
					width: 8.33333%;
				}

				.row > .off-1-narrower {
					margin-left: 8.33333%;
				}

				.row > .col-2-narrower {
					width: 16.66667%;
				}

				.row > .off-2-narrower {
					margin-left: 16.66667%;
				}

				.row > .col-3-narrower {
					width: 25%;
				}

				.row > .off-3-narrower {
					margin-left: 25%;
				}

				.row > .col-4-narrower {
					width: 33.33333%;
				}

				.row > .off-4-narrower {
					margin-left: 33.33333%;
				}

				.row > .col-5-narrower {
					width: 41.66667%;
				}

				.row > .off-5-narrower {
					margin-left: 41.66667%;
				}

				.row > .col-6-narrower {
					width: 50%;
				}

				.row > .off-6-narrower {
					margin-left: 50%;
				}

				.row > .col-7-narrower {
					width: 58.33333%;
				}

				.row > .off-7-narrower {
					margin-left: 58.33333%;
				}

				.row > .col-8-narrower {
					width: 66.66667%;
				}

				.row > .off-8-narrower {
					margin-left: 66.66667%;
				}

				.row > .col-9-narrower {
					width: 75%;
				}

				.row > .off-9-narrower {
					margin-left: 75%;
				}

				.row > .col-10-narrower {
					width: 83.33333%;
				}

				.row > .off-10-narrower {
					margin-left: 83.33333%;
				}

				.row > .col-11-narrower {
					width: 91.66667%;
				}

				.row > .off-11-narrower {
					margin-left: 91.66667%;
				}

				.row > .col-12-narrower {
					width: 100%;
				}

				.row > .off-12-narrower {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.5em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.5em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.5em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.5em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

				.row {
					margin-top: 0;
					margin-left: -2em;
				}

					.row > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 3em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -4em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 4em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -4em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 4em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-mobile {
					order: -1;
				}

				.row > .col-1-mobile {
					width: 8.33333%;
				}

				.row > .off-1-mobile {
					margin-left: 8.33333%;
				}

				.row > .col-2-mobile {
					width: 16.66667%;
				}

				.row > .off-2-mobile {
					margin-left: 16.66667%;
				}

				.row > .col-3-mobile {
					width: 25%;
				}

				.row > .off-3-mobile {
					margin-left: 25%;
				}

				.row > .col-4-mobile {
					width: 33.33333%;
				}

				.row > .off-4-mobile {
					margin-left: 33.33333%;
				}

				.row > .col-5-mobile {
					width: 41.66667%;
				}

				.row > .off-5-mobile {
					margin-left: 41.66667%;
				}

				.row > .col-6-mobile {
					width: 50%;
				}

				.row > .off-6-mobile {
					margin-left: 50%;
				}

				.row > .col-7-mobile {
					width: 58.33333%;
				}

				.row > .off-7-mobile {
					margin-left: 58.33333%;
				}

				.row > .col-8-mobile {
					width: 66.66667%;
				}

				.row > .off-8-mobile {
					margin-left: 66.66667%;
				}

				.row > .col-9-mobile {
					width: 75%;
				}

				.row > .off-9-mobile {
					margin-left: 75%;
				}

				.row > .col-10-mobile {
					width: 83.33333%;
				}

				.row > .off-10-mobile {
					margin-left: 83.33333%;
				}

				.row > .col-11-mobile {
					width: 91.66667%;
				}

				.row > .off-11-mobile {
					margin-left: 91.66667%;
				}

				.row > .col-12-mobile {
					width: 100%;
				}

				.row > .off-12-mobile {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.5em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.5em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.5em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.5em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

				.row {
					margin-top: 0;
					margin-left: -2em;
				}

					.row > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 3em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -4em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 4em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -4em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 4em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-mobilep {
					order: -1;
				}

				.row > .col-1-mobilep {
					width: 8.33333%;
				}

				.row > .off-1-mobilep {
					margin-left: 8.33333%;
				}

				.row > .col-2-mobilep {
					width: 16.66667%;
				}

				.row > .off-2-mobilep {
					margin-left: 16.66667%;
				}

				.row > .col-3-mobilep {
					width: 25%;
				}

				.row > .off-3-mobilep {
					margin-left: 25%;
				}

				.row > .col-4-mobilep {
					width: 33.33333%;
				}

				.row > .off-4-mobilep {
					margin-left: 33.33333%;
				}

				.row > .col-5-mobilep {
					width: 41.66667%;
				}

				.row > .off-5-mobilep {
					margin-left: 41.66667%;
				}

				.row > .col-6-mobilep {
					width: 50%;
				}

				.row > .off-6-mobilep {
					margin-left: 50%;
				}

				.row > .col-7-mobilep {
					width: 58.33333%;
				}

				.row > .off-7-mobilep {
					margin-left: 58.33333%;
				}

				.row > .col-8-mobilep {
					width: 66.66667%;
				}

				.row > .off-8-mobilep {
					margin-left: 66.66667%;
				}

				.row > .col-9-mobilep {
					width: 75%;
				}

				.row > .off-9-mobilep {
					margin-left: 75%;
				}

				.row > .col-10-mobilep {
					width: 83.33333%;
				}

				.row > .off-10-mobilep {
					margin-left: 83.33333%;
				}

				.row > .col-11-mobilep {
					width: 91.66667%;
				}

				.row > .off-11-mobilep {
					margin-left: 91.66667%;
				}

				.row > .col-12-mobilep {
					width: 100%;
				}

				.row > .off-12-mobilep {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.5em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.5em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.5em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.5em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

				.row {
					margin-top: 0;
					margin-left: -2em;
				}

					.row > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 3em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -4em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 4em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -4em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 4em;
						}

		}

/* Container */

	.container {
		margin: 0 auto;
		/*max-width: calc(100% - 5em);*/
		max-width: 100%;
		width: 60em;
	}

		.container.xsmall {
			width: 15em;
		}

		.container.small {
			width: 30em;
		}

		.container.medium {
			width: 45em;
		}

		.container.large {
			width: 75em;
		}

		.container.xlarge {
			width: 90em;
		}

		.container.max {
			width: 100%;
		}

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

			.container {
				width: 100% !important;
			}

		}

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

			.container {
				max-width: 100%;
			}

		}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header p {
		color: #999;
		position: relative;
		margin: 0 0 1.5em 0;
		font-style: italic;
	}

	header h2 + p {
		font-size: 1.25em;
		margin-top: -1em;
		line-height: 1.5em;
	}

	header h3 + p {
		font-size: 1.1em;
		margin-top: -0.85em;
		line-height: 1.5em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.8em;
		margin-top: -0.5em;
		line-height: 1.5em;
	}

	header.major {
		padding: 1em 0;
		text-align: center;
	}

		header.major h2 {
			margin: 0;
		}

		header.major p {
			display: inline-block;
			border-top: solid 2px #e5e5e5;
			color: #777;
			margin: 1.5em 0 0 0;
			padding: 1.5em 0 0 0;
			font-style: normal;
		}

/* Form */

	/*form {
		margin: 0 0 2em 0;
	}

	label {
		color: #646464;
		display: block;
		font-size: 0.9em;
		font-weight: 300;
		margin: 0 0 1em 0;
	}

	/*input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background-color: #f8f8f8;
		border-radius: 6px;
		border: solid 1px #e5e5e5;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #e89980;
			box-shadow: 0 0 0 2px #e89980;
		}

	select {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23e5e5e5' /%3E%3C/svg%3E");
		background-size: 1.25em;
		background-repeat: no-repeat;
		background-position: calc(100% - 1em) center;
		height: 3em;
		padding-right: 3em;
		text-overflow: ellipsis;
	}

		select option {
			color: #777;
			background-color: #f5f5f5;
		}

		select:focus::-ms-value {
			background-color: transparent;
		}

		select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 3em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #777;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 300;
			padding-left: 2.55em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: #f8f8f8;
				border-radius: 6px;
				border: solid 1px #e5e5e5;
				content: '';
				display: inline-block;
				font-size: 0.8em;
				height: 2.25em;
				left: 0;
				line-height: 2.25em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 2.25em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #666;
			border-color: #666;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #e89980;
			box-shadow: 0 0 0 1px #e89980;
		}

	input[type="checkbox"] + label:before {
		border-radius: 6px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}*/

	::-webkit-input-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

/* Box */

	.box {
		background: #fff;
		/*border-radius: 6px;
		box-shadow: 0 2px 0 0 #e5e5e5;*/
		border-radius: 0;
		box-shadow: 0;
		/*margin: 0 0 2em 0;*/
		margin: 0;
		padding: 3em;
		
		
	}

		.box > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			background: none !important;
			border-radius: 0 !important;
			box-shadow: none !important;
			margin: 0 0 2em 0;
			padding: 0 !important;
		}

		.box.features .features-row {
			border-top: solid 2px #e5e5e5;
			position: relative;
		}

			.box.features .features-row:after {
				clear: both;
				content: '';
				display: block;
			}

			.box.features .features-row section {
				float: left;
				padding: 3em;
				width: 50%;
			}

				.box.features .features-row section :last-child {
					margin-bottom: 0;
				}

				.box.features .features-row section:nth-child(2n) {
					padding-right: 0;
				}

					.box.features .features-row section:nth-child(2n):before {
						background: #e5e5e5;
						content: '';
						display: block;
						height: 100%;
						margin-left: -3em;
						position: absolute;
						top: 0;
						width: 2px;
					}

				.box.features .features-row section:nth-child(2n-1) {
					padding-left: 0;
				}

			.box.features .features-row:first-child {
				border-top: 0;
			}

				.box.features .features-row:first-child section {
					padding-top: 0;
				}

			.box.features .features-row:last-child {
				padding-bottom: 0;
			}

				.box.features .features-row:last-child section {
					padding-bottom: 0;
				}

		.box.special {
			text-align: center;
			padding: 1em!important;
		}

		.box.status {
			text-align: left;
			padding: 0.5em!important;
			
		}

		.box .image.featured {
			border-radius: 0;
			display: block;
			margin: 3em 0 3em -3em;
			position: relative;
			width: calc(100% + 6em);
		}

			.box .image.featured img {
				border-radius: 0;
				display: block;
				width: 100%;
			}

			.box .image.featured:first-child {
				border-radius: 6px 6px 0 0;
				margin-bottom: 3em;
				margin-top: -3em;
			}

				.box .image.featured:first-child img {
					border-radius: 6px 6px 0 0;
				}

			.box .image.featured:last-child {
				border-radius: 0 0 6px 6px;
				margin-bottom: -3em;
				margin-top: 3em;
			}

				.box .image.featured:last-child img {
					border-radius: 0 0 6px 6px;
				}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
		}

		.icon > .label {
			display: none;
		}

		.icon:before {
			line-height: inherit;
		}

		.icon.solid:before {
			font-weight: 900;
		}

		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}

		.icon.major {
			background: #666;
			border-radius: 100%;
			color: #ffffff;
			cursor: default;
			display: inline-block;
			height: 5.5em;
			line-height: 5.5em;
			margin: 0 0 2em 0;
			width: 5.5em;
		}

			.icon.major:before {
				font-size: 2.5em;
			}

			.icon.major.accent1 {
				background: #666;
				color: #ffffff;
			}

			.icon.major.accent2 {
				background: #e89980;
				color: #ffffff;
			}

			.icon.major.accent3 {
				background: #7fcdb8;
				color: #ffffff;
			}

			.icon.major.accent4 {
				background: #90b0ba;
				color: #ffffff;
			}

			.icon.major.accent5 {
				background: #e5cb95;
				color: #ffffff;
			}

/* Image */

	.image {
		border-radius: 6px;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 6px;
			display: block;
		}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				display: block;
				width: 100%;
			}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px #e5e5e5;
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
			text-align: center;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1.25em 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0;
				}

				ul.icons li .icon {
					color: inherit;
				}

					ul.icons li .icon:before {
						font-size: 1.75em;
					}

	dl {
		margin: 0 0 2em 0;
	}

/* Actions */

	ul.actions {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		cursor: default;
		list-style: none;
		margin-left: -1em;
		padding-left: 0;
	}

		ul.actions li {
			padding: 0 0 0 1em;
			vertical-align: middle;
		}

		ul.actions.special {
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			width: 100%;
			margin-left: 0;
		}

			ul.actions.special li:first-child {
				padding-left: 0;
			}

		ul.actions.stacked {
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			margin-left: 0;
		}

			ul.actions.stacked li {
				padding: 1.3em 0 0 0;
			}

				ul.actions.stacked li:first-child {
					padding-top: 0;
				}

		ul.actions.fit {
			width: calc(100% + 1em);
		}

			ul.actions.fit li {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-shrink: 1;
				-webkit-flex-shrink: 1;
				-ms-flex-shrink: 1;
				flex-shrink: 1;
				width: 100%;
			}

				ul.actions.fit li > * {
					width: 100%;
				}

			ul.actions.fit.stacked {
				width: 100%;
			}

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

			ul.actions:not(.fixed) {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				margin-left: 0;
				width: 100% !important;
			}

				ul.actions:not(.fixed) li {
					-moz-flex-grow: 1;
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					padding: 1em 0 0 0;
					text-align: center;
					width: 100%;
				}

					ul.actions:not(.fixed) li > * {
						width: 100%;
					}

					ul.actions:not(.fixed) li:first-child {
						padding-top: 0;
					}

					ul.actions:not(.fixed) li input[type="submit"],
					ul.actions:not(.fixed) li input[type="reset"],
					ul.actions:not(.fixed) li input[type="button"],
					ul.actions:not(.fixed) li button,
					ul.actions:not(.fixed) li .button {
						width: 100%;
					}

						ul.actions:not(.fixed) li input[type="submit"].icon:before,
						ul.actions:not(.fixed) li input[type="reset"].icon:before,
						ul.actions:not(.fixed) li input[type="button"].icon:before,
						ul.actions:not(.fixed) li button.icon:before,
						ul.actions:not(.fixed) li .button.icon:before {
							margin-left: -0.5em;
						}

		}


/* Button */

	/*input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: #666;
		border-radius: 6px;
		border: 0;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		font-weight: 400;
		height: 3em;
		line-height: 3em;
		padding: 0 2em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			background-color: #737373;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: #595959;
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
			height: 2.7em;
			line-height: 2.7em;
		}

		input[type="submit"].large,
		input[type="reset"].large,
		input[type="button"].large,
		.button.large {
			font-size: 1.25em;
			height: 2.7em;
			line-height: 2.7em;
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt {
			background-color: transparent;
			box-shadow: inset 0 0 0 2px #e5e5e5;
			color: #777;
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				background-color: #f8f8f8;
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			.button.alt:active {
				background-color: #f0f0f0;
			}

			input[type="submit"].alt.icon:before,
			input[type="reset"].alt.icon:before,
			input[type="button"].alt.icon:before,
			.button.alt.icon:before {
				color: #999;
			}

		input[type="submit"].primary,
		input[type="reset"].primary,
		input[type="button"].primary,
		.button.primary {
			background-color: #e89980;
			color: #ffffff !important;
		}

			input[type="submit"].primary:hover,
			input[type="reset"].primary:hover,
			input[type="button"].primary:hover,
			.button.primary:hover {
				background-color: #ecaa96;
			}

			input[type="submit"].primary:active,
			input[type="reset"].primary:active,
			input[type="button"].primary:active,
			.button.primary:active {
				background-color: #e4886a;
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		.button.disabled,
		.button:disabled {
			background-color: #777 !important;
			box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
			color: #f5f5f5 !important;
			cursor: default;
			opacity: 0.25;
		}*/

/* Header */

	#page-wrapper {
		/*padding-top: 0.5em;*/
		padding-top: 0;
	}

	body.landing #page-wrapper {
		padding-top: 0;
	}

	@-moz-keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	@-webkit-keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	@-ms-keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	@keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	#header {
		background: rgba(255, 255, 255, 0.70);
		/*border-bottom: 1px solid #ccc;*/
		color: #777;
		cursor: default;
		/*height: 3.25em;
		left: 0;
		line-height: 3.25em;*/
		position: fixed; /* ini untuk header fixed atau tidak. jika mengaktifkan ini, maka background rgba juga harus disesuaikan transparansinya */
		top: 0;
		width: 100%;
		z-index: 10000;
		padding: 4px;
	}

		#header h1 {
			color: inherit;
			height: inherit;
			left: 1.25em;
			line-height: inherit;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 0;
		}

			#header h1 a {
				color: #000;
				font-weight: 400;
				border: 0;
			}

		#header nav {
			height: inherit;
			line-height: inherit;
			position: absolute;
			right: 0.75em;
			top: 3.5em;
			vertical-align: middle;
		}

			#header nav > ul {
				list-style: none;
				margin: 0;
				padding-left: 0;
			}

				#header nav > ul > li {
					display: inline-block;
					padding-left: 0;
				}

					#header nav > ul > li > ul {
						display: none;
					}

					#header nav > ul > li a {
						display: inline-block;
						height: 2em;
						line-height: 1.95em;
						padding: 0 1em;
						border-radius: 6px;
					}

					#header nav > ul > li a:not(.button) {
						color: #777;
						display: inline-block;
						text-decoration: none;
						border: 0;
					}

						#header nav > ul > li a:not(.button).icon:before {
							color: #999;
							margin-right: 0.5em;
						}

					#header nav > ul > li:first-child {
						margin-left: 0;
					}

					#header nav > ul > li.active a:not(.button) {
						background-color: rgba(153, 153, 153, 0.25);
					}

					#header nav > ul > li .button {
						margin: 0 0 0 0.5em;
						position: relative;
					}

		#header input[type="submit"],
		#header input[type="reset"],
		#header input[type="button"],
		#header .button {
			background-color: transparent;
			box-shadow: inset 0 0 0 2px #999;
			color: #fff;
		}

			#header input[type="submit"]:hover,
			#header input[type="reset"]:hover,
			#header input[type="button"]:hover,
			#header .button:hover {
				background-color: rgba(153, 153, 153, 0.25);
			}

			#header input[type="submit"]:active,
			#header input[type="reset"]:active,
			#header input[type="button"]:active,
			#header .button:active {
				background-color: rgba(153, 153, 153, 0.5);
			}

		#header .container {
			position: relative;
		}

			#header .container h1 {
				left: 0;
			}

			#header .container nav {
				right: 0;
			}

		#header.reveal {
			-moz-animation: reveal-header 0.5s;
			-webkit-animation: reveal-header 0.5s;
			-ms-animation: reveal-header 0.5s;
			animation: reveal-header 0.5s;
		}

		#header.alt {
			-moz-animation: none;
			-webkit-animation: none;
			-ms-animation: none;
			animation: none;
			background: none;
			color: rgba(255, 255, 255, 0.75);
			position: absolute;
		}

			#header.alt nav > ul > li a:not(.button).icon:before {
				color: rgba(255, 255, 255, 0.75);
			}

			#header.alt nav > ul > li.active a:not(.button) {
				background-color: rgba(255, 255, 255, 0.2);
			}

			#header.alt input[type="submit"],
			#header.alt input[type="reset"],
			#header.alt input[type="button"],
			#header.alt .button {
				box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
			}

				#header.alt input[type="submit"]:hover,
				#header.alt input[type="reset"]:hover,
				#header.alt input[type="button"]:hover,
				#header.alt .button:hover {
					background-color: rgba(255, 255, 255, 0.1);
				}

				#header.alt input[type="submit"]:active,
				#header.alt input[type="reset"]:active,
				#header.alt input[type="button"]:active,
				#header.alt .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

	.dropotron {
		background: #fff;
		border-radius: 6px;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.065), inset 0 -1px 0 0 #fff, inset 0 0 0 1px rgba(229, 229, 229, 0.5);
		list-style: none;
		margin: calc(-0.5em + 1px) 0 0 1px;
		padding: 0.5em 0;
		width: 11em;
	}

		.dropotron li {
			padding: 0;
		}

			.dropotron li a, .dropotron li span {
				-moz-transition: none;
				-webkit-transition: none;
				-ms-transition: none;
				transition: none;
				border: 0;
				border-top: solid 1px #f2f2f2;
				color: inherit;
				display: block;
				padding: 0.15em 1em;
			}

			.dropotron li:first-child > a, .dropotron li:first-child > span {
				border-top: 0;
			}

			.dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span {
				background: #e89980;
				color: #ffffff;
			}

		.dropotron.level-0 {
			font-size: 0.9em;
			margin: 1em 0 0 0;
		}

			.dropotron.level-0:before {
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
				background: #fff;
				border: solid 1px rgba(229, 229, 229, 0.5);
				border-bottom: 0;
				border-right: 0;
				box-shadow: -0.25em -0.125em 0.125em 0 rgba(0, 0, 0, 0.015);
				content: '';
				display: block;
				height: 0.75em;
				position: absolute;
				right: 1.25em;
				top: -0.375em;
				width: 0.75em;
				z-index: 0;
			}

/* Banner */
	
	.apw-startpage-search-form {
	  /*background: rgba(255, 255, 255, 0.85);
	  margin: 0px auto 5em;*/
	  background: #2EB086;
	  margin: 0;
	  width: 100%;
	  /*box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.3);
	  border-radius: 10px;*/
	  box-shadow: 0;
	  border-radius: 0;
	  padding: 8px;
	  text-align: center;
	  position: relative;
	  /*top: 7em;
	  transform: translateY(-96%);*/
	  
	}

	.apw-startpage-search-form > img {
	  margin-bottom: 20px;
	  max-width: 100%;
	}

	@media only screen and (min-width: 100px) and (max-width: 1281px) {
		.apw-startpage-search-form {
			margin: 0;
			width: 100%;
			height: auto;
		}

		#header nav {
			top: 1.5em !important;
		}
	}

	@media (max-width: 768px){
		.apw-startpage-search-form {
			margin: 0px;
			width: 100%;
			height: auto;
		}
	}

	@media (min-width:768px) {
    .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
	}
	.form-inline .form-control {
	    display: inline-block;
	    width: auto;
	    vertical-align: middle;
	}
	.form-inline .form-control-static {
	    display: inline-block;
	}
	.form-inline .input-group {
	    display: inline-table;
	    vertical-align: middle;
	}
	.form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
	    width: auto;
	}
	.form-inline .input-group>.form-control {
	    width: 100%}
	.form-inline .control-label {
	    margin-bottom: 0;
	    vertical-align: middle;
	}
	.form-inline .checkbox, .form-inline .radio {
	    display: inline-block;
	    margin-top: 0;
	    margin-bottom: 0;
	    vertical-align: middle;
	}
	.form-inline .checkbox label, .form-inline .radio label {
	    padding-left: 0;
	}
	.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
	    position: relative;
	    margin-left: 0;
	}
	.form-inline .has-feedback .form-control-feedback {
	    top: 0;
	}}

	.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff902;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}

	.btn-primary {
    color: #fff;
    background-color: #3E497A;
    border-color: #2e6da4;
	}
	#btn-primary-home{
		padding: 15px;
		width: 100px;
	}
	.btn {
	    display: inline-block;
	    /*padding: 6px 12px;*/ /* asline */
	    padding: 14px;
	    margin-bottom: 0;
	    font-weight: 400;
	    line-height: 14px;
	    text-align: center;
	    white-space: nowrap;
	    vertical-align: middle;
	    -ms-touch-action: manipulation;
	    touch-action: manipulation;
	    cursor: pointer;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    background-image: none;
	    border: 1px solid #62e53f;
	    border-radius: 4px;
	}

	.form-judul { width: 70s% !important; }
	.form-pengarang { width: 17% !important; }
	.form-abstrak { width: 21% !important; }
	.form-tahun { width: 12% !important; }

	@media (max-width: 768px) {
	.form-control {margin-bottom: 5px; height: 34px}
	.btn {padding: 12px 12px !important;}
	.form-judul { width: 100% !important; }
	.form-pengarang { width: 100% !important; }
	.form-abstrak { width: 100% !important; }
	.form-tahun { width: 100% !important; }
	}


	/*.adv-search {
	  margin-top: 15px;
	}*/

	.adv-search a {
	  
	  
	  font-size: 16px;
	  color: #fff;
	}

	#banner {
		background-attachment: scroll, fixed;
		background-color: #666;
		background-image: url("../images/overlay.png"), url("../images/austin-unsplash.jpg");
		background-position: top left, center center;
		background-repeat: repeat, no-repeat;
		background-size: auto, cover;
		color: #fff;
		padding: 12em 0 20em 0;
		text-align: center;
	}

		#banner :last-child {
			margin-bottom: 0;
		}

		#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
			color: #fff;
		}

		#banner h2 {
			font-size: 3.5em;
			line-height: 1em;
			margin: 0 0 0.5em 0;
			padding: 0;
		}

		#banner p {
			font-size: 1.25em;
			margin-bottom: 1.75em;
		}

		#banner input[type="submit"],
		#banner input[type="reset"],
		#banner input[type="button"],
		#banner .button {
			background-color: transparent;
			box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
			color: #fff;
			min-width: 12em;
		}

			#banner input[type="submit"]:hover,
			#banner input[type="reset"]:hover,
			#banner input[type="button"]:hover,
			#banner .button:hover {
				background-color: rgba(255, 255, 255, 0.1);
			}

			#banner input[type="submit"]:active,
			#banner input[type="reset"]:active,
			#banner input[type="button"]:active,
			#banner .button:active {
				background-color: rgba(255, 255, 255, 0.2);
			}

			#banner input[type="submit"].primary,
			#banner input[type="reset"].primary,
			#banner input[type="button"].primary,
			#banner .button.primary {
				background: #fff;
				color: #666 !important;
			}

/* Main */

	#main {
		padding: 0;
		background: #fff;
	}

		#main > header {
			text-align: center;
			margin: 0 0 3em 0;
		}

			#main > header h2 {
				font-size: 2.75em;
				margin: 0;
			}

			#main > header p {
				border-top: solid 2px #e5e5e5;
				color: #777;
				display: inline-block;
				font-style: normal;
				margin: 1em 0 0 0;
				padding: 1em 0 1.25em 0;
			}

	body.landing #main {
		margin-top: -14em;
	}

/* Footer */

	#footer {
		background: #f0f0f0;
		padding: 1em 0 3em 0;
		text-align: center;
		left: 0;
		bottom: 0;
		width: 100%;
	}

		#footer .icons a {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			opacity: 0.35;
		}

			#footer .icons a:hover {
				opacity: 0.75;
			}

		#footer .copyright {
			color: #000;
			font-size: 1em;
			line-height: 1em;
			margin: 2em 0 0 0;
			padding: 0;
			text-align: center;
		}

			#footer .copyright a {
				/*color: inherit;*/
			}

			#footer .copyright li {
				border-left: solid 1px #dddddd;
				display: inline-block;
				list-style: none;
				margin-left: 1em;
				padding-left: 1em;
			}

				#footer .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

/* CTA */

	#cta {
		background: #e89980;
		color: #f9e6df;
		padding: 3.5em 0 4em 0;
		text-align: center;
	}

		#cta h2, #cta h3, #cta h4, #cta h5, #cta h6 {
			color: inherit;
		}

		#cta form {
			margin: 0 auto;
			max-width: 100%;
			width: 25em;
		}

		#cta input[type="submit"],
		#cta input[type="reset"],
		#cta input[type="button"],
		#cta .button {
			box-shadow: none;
			background: #fff;
			color: #e89980;
		}

		#cta input[type="text"],
		#cta input[type="password"],
		#cta input[type="email"],
		#cta select,
		#cta textarea {
			color: #ffffff;
			background: rgba(255, 255, 255, 0.15);
			border: 0;
		}

			#cta input[type="text"]:focus,
			#cta input[type="password"]:focus,
			#cta input[type="email"]:focus,
			#cta select:focus,
			#cta textarea:focus {
				box-shadow: inset 0 0 0 2px #fff;
			}

		#cta ::-webkit-input-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		#cta :-moz-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		#cta ::-moz-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		#cta :-ms-input-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		#cta .formerize-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

/* Wide */

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

		/* Basic */

			body, input, select, textarea {
				font-size: 13pt;
			}

		/* Banner */

			#banner {
				padding: 11em 0 15em 0;
			}

	}

/* Normal */

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

		/* Basic */

			body, input, select, textarea {
				font-size: 11pt;
			}

		/* Header */

			.dropotron.level-0 {
				font-size: 1em;
			}

		/* Banner */

			#banner {
				background-attachment: scroll;
			}

				#banner h2 {
					font-size: 3.5em;
				}

	}

/* Narrow */

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

		/* Basic */

			body, input, select, textarea {
				font-size: 11pt;
			}

	}

/* Narrower */

	#navPanel, #navButton {
		display: none;
	}

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

		/* Basic */

			/*html, body {
				overflow-x: hidden;
			}*/

			body, input, select, textarea {
				font-size: 11pt;
			}

			h2 br, h3 br, h4 br, h5 br, h6 br {
				display: none;
			}

		/* Section/Article */

			header br {
				display: none;
			}

			header.major {
				padding: 0 4em;
			}

		/* Box */

			.box {
				padding: 3em 2em;
			}

				.box.features > section {
					padding: 3em 2em;
				}

				.box .image.featured {
					margin-left: -2em;
					width: calc(100% + 4em);
				}

					.box .image.featured:first-child {
						margin-bottom: 3em;
						margin-top: -3em;
					}

					.box .image.featured:last-child {
						margin-bottom: -3em;
						margin-top: 3em;
					}

		/* Header */

			#page-wrapper {
				padding-top: 0;
			}

			#header {
				display: none;
			}

		/* Banner */

		/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#navButton {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
			}

				#navButton .toggle {
					text-decoration: none;
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					width: 100%;
					border: 0;
					outline: 0;
				}

					#navButton .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						text-rendering: auto;
						line-height: 1;
						text-transform: none !important;
						font-family: 'Font Awesome 5 Free';
						font-weight: 900;
					}

					#navButton .toggle:before {
						background: rgba(43, 43, 43, 1);
						border-radius: 6px;
						color: #fff;
						content: '\f0c9';
						display: block;
						font-size: 16px;
						height: 2.25em;
						left: 0.5em;
						line-height: 2.25em;
						position: absolute;
						text-align: center;
						top: 0.5em;
						width: 3.5em;
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #2b2b2b;
				color: #bbb;
			}

				#navPanel .link {
					border-bottom: 0;
					border-top: solid 1px rgba(255, 255, 255, 0.05);
					color: #bbb;
					display: block;
					height: 44px;
					line-height: 44px;
					padding: 0 1em 0 1em;
					text-decoration: none;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

					#navPanel .link.depth-0 {
						color: #fff;
					}

					#navPanel .link .indent-1 {
						display: inline-block;
						width: 1em;
					}

					#navPanel .link .indent-2 {
						display: inline-block;
						width: 2em;
					}

					#navPanel .link .indent-3 {
						display: inline-block;
						width: 3em;
					}

					#navPanel .link .indent-4 {
						display: inline-block;
						width: 4em;
					}

					#navPanel .link .indent-5 {
						display: inline-block;
						width: 5em;
					}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navButton {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

	}

/* Mobile */

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

		/* Basic */

			body, input, select, textarea {
				font-size: 11pt;
			}

			h2 {
				font-size: 1.75em;
				line-height: 1.35em;
				letter-spacing: -0.025em;
			}

			h3 {
				font-size: 1.5em;
			}

			h4 {
				font-size: 1em;
			}

		/* Section/Article */

			header.major {
				padding: 1em;
			}

				header.major h2, header.major p {
					padding-left: 0.5em;
					padding-right: 0.5em;
				}

		/* Box */

			.box {
				/*margin: 1em;
				overflow-x: hidden;*/
				margin: 0;
				padding: 2em 2em !important;
			}

				.box.features .features-row {
					border-top: 0;
					padding: 0;
				}

					.box.features .features-row section {
						border: 0;
						border-top: solid 1px #e5e5e5 !important;
						float: none;
						margin: 2em 0 0 0 !important;
						padding: 2em 0 0 0 !important;
						width: 100%;
					}

					.box.features .features-row:first-child section:first-child {
						border-top: 0 !important;
						margin-top: 0 !important;
						padding-top: 0 !important;
					}

				.box .image.featured {
					margin-left: -2em;
					width: calc(100% + 4em);
				}

					.box .image.featured:first-child {
						margin-bottom: 2em;
						margin-top: -2em;
					}

					.box .image.featured:last-child {
						margin-bottom: -2em;
						margin-top: 2em;
					}

		/* Banner */

			#banner {
				padding: 4em 0;
			}

				#banner h2 {
					font-size: 2.25em;
				}

				#banner p {
					font-size: 1.25em;
				}

		/* Main */

			#main {
				/*padding: 4em 0 0 0;*/
				padding: 0;
			}

				#main > header {
					margin: 0 2em 1.5em 2em;
				}

					#main > header h2 {
						font-size: 2em;
					}

					#main > header p {
						font-size: 1em;
						padding-bottom: 1em;
					}

			body.landing #main {
				padding: 0;
				margin-top: 0;
			}

		/* Footer */

			#footer {
				padding: 4em 0;
			}

				#footer .copyright li {
					border-left: 0;
					display: block;
					line-height: 2em;
					margin-left: 0;
					padding-left: 0;
				}

	}

/* Mobile (Portrait) */

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

		/* Basic */

			html, body {
				min-width: 320px;
				height: 320px
			}

			body, input, select, textarea {
				font-size: 11pt;
			}

		/* Section/Article */

			header.major {
				padding: 0;
			}

		/* List */

			ul.actions {
				margin: 0 0 2em 0;
			}

				ul.actions li {
					display: block;
					padding: 1em 0 0 0;
					text-align: center;
					width: 100%;
				}

					ul.actions li:first-child {
						padding-top: 0;
					}

					ul.actions li > * {
						width: 100%;
						margin: 0 !important;
					}

						ul.actions li > *.icon:before {
							margin-left: -2em;
						}

				ul.actions.small li {
					padding: 0.5em 0 0 0;
				}

					ul.actions.small li:first-child {
						padding-top: 0;
					}

		/* Box */

			.box {
				border-radius: 0;
				box-shadow: none;
				margin: 0;
				/*padding: 1em 1em !important;*/
				padding: 0 !important;
			}

				.box.features .features-row section {
					margin: 3em 0 0 0 !important;
					padding: 3em 0 0 0 !important;
				}

				.box .image.featured {
					border-radius: 0;
					margin-left: -1em;
					width: calc(100% + 2em);
				}

					.box .image.featured img {
						border-radius: 0 !important;
					}

					.box .image.featured:first-child {
						margin-bottom: 3em;
						margin-top: -3em;
					}

					.box .image.featured:last-child {
						margin-bottom: -3em;
						margin-top: 3em;
					}

		/* Banner */

			#banner {
				padding: 5em 3em 4em 3em;
			}

		/* Main */

			#main > .box:first-child {
				margin-top: 0;
			}

		/* CTA */

			#cta {
				padding: 2.5em 1em 3em 1em;
			}
			
	}
	



/* 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/orcid_support.css */

.orcid-person:hover{
	border-bottom: 1px dashed #a6ce39;
}
	
.orcid a:hover{
        color: #a6ce39;
}

.orcid-icon{
	vertical-align: bottom;
	padding-right: 5px;
}

.orcid-icon img{
	vertical-align: text-bottom; margin: 0 4px 0 2px; 
}

.orcid{
	position: relative;
}

.orcid:hover .orcid-tooltip{
	visibility: visible;
	opacity: 1;
}

.orcid img{
	vertical-align: bottom;
}

.orcid-tooltip{
	visibility: hidden;
	position: absolute;
	left: -85px;
	bottom: -35px;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
	background-color: #A6CE39;
	border: 1px solid #000000;
	white-space: pre;
	max-width: none;
	text-align: center;
	padding: 5px;
	color: #fff;
	border-radius: 5px;
}

.orcid-tooltip::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    height: 18px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000000 transparent;
}

.ep_eprint_creators_orcid[readonly="true"], .ep_eprint_editors_orcid[readonly="true"], input.ep_user_orcid[readonly="true"]{
    background-color: #e0e0e0;
    cursor: not-allowed;
}



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

#plumx_summary_page {
	padding: 10px;
}
#plumx_summary_page .PlumX-Details .ppd-box {
	width: 258px;
}



/* 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/reports.css */

div.ep_report_row {
	padding: 5px 5px;
	margin-bottom: 5px;
}

div.ep_report_row_problems {
	border-left: solid 7px #C41F1F;
}

div.ep_report_row_ok {
        border-left: solid 7px #1F7E02;
	opacity: 0.8;
}

div.ep_report_row_ok.ep_report_row_no_compliance {
        border-left: solid 7px #1b4b73;
	opacity: 0.8;
}


div.ep_report_grouping {
	margin: 20px 0px 10px 0px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}

div.ep_report_progress_bar {
	clear: both;
	width: 200px;
	height: 15px;
	background-image: url(/style/images/progress_bar_orange.png);
	background-repeat: no-repeat;
	background-position: -200px 0px;
	border: 1px solid #888;
	border-radius: 10px;
	text-align: center;
	line-height: 15px;
	margin: 10px auto;
}

div.ep_report_progress_bar:after {
	content: "Loading...";
}

div.ep_report_compliance_container {
	margin: 10px auto;
	text-align:center;
}

div.ep_report_compliance_wrapper {
	margin: 10px auto;
	border: 1px solid #3366cc;
	padding: 0px;
	text-align: left;
	height: 25px;
}

div.ep_report_compliance {
	background-color: #c1d0ef;
	color: #000;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height:25px;
}

div.ep_report_compliance_text {
	font-weight: bold;
	font-size: 20px;
}

div#ep_report_export_content_inner form > input, div#ep_report_export_content_inner form > select{
	margin: 5px 0px;
}

div#ep_report_export_content_inner .ep_tab_panel input
{
	margin-left: 5px;
	vertical-align: middle;
}

div#ep_report_export_content_inner .report_export_options
{
	display: inline-block;
	vertical-align: top;
	min-width: 150px;
}

div#ep_report_export_content_inner .report_export_options h4
{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0;
}

div#ep_report_export_content_inner .report_export_options ul
{
	padding: 0 10px 0 0;
}

#ep_report_export_content_inner .select_button
{
        float: right;
}

#custom_report .ep_search_buttons > div
{
        display: inline-block;
}

#custom_report .ep_search_buttons .clear_button
{
        margin-left: 2px;
}

/* HTML Reports */
a.html_report_print{
	text-decoration: none;	
}

a.html_report_print:hover{
	color: white;	
}



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



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

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



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


/* EPrints 3 search form style */



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

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

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

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

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

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

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


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

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

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

.ep_search_result 
{
	display: table-row;
}

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

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

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

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

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

span.search_desc {
	font-style: italic;
}



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


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

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



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


/* 
   Styles for the subject component.

   ep_subjectinput_*

*/

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

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

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

.ep_subjectinput_selected {
	font-weight: bold;
}

.ep_subjectinput_selected_subject {
	font-weight: bold;
}

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


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

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

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

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

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

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


.ep_subjectinput_searchbar {
	text-align: center;
}

/* End of subject component section */



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


/* Item Summary */

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


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


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

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

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



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


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

/* ep_sr */

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

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

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

/* collapse bar */

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

/* help style - not primetime */

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


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

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



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


/* Tab Bar */

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

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

/* panel contents */
.ep_tab_panel {
}

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

/* remaining styles are structural */

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

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

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

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

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

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



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


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

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


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

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

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

.ep_tm_main {
        margin: 1em;
}

/* Menu Bar */

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

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

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

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

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

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

.ep_tm_menu ul li {
	float: none;
}

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

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

.ep_tm_key_tools li a:hover {
}

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

/* end of menu bar */

/* Action Menu Bar */

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

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

/* end of Action Menu Bar */

/* Search bar */

.ep_tm_searchbar {
	padding: 4px 10px;
}

.ep_tm_searchbar form {
	white-space: nowrap;
}

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

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

/* end of search bar */

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

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

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

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

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

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

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



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


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

.ep_toolbox {
	margin-bottom: 10px;
}

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

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



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


/* 
   Styles for the upload component.

   ep_upload_*

*/

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

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


.ep_upload_fields th
{
	text-align: right;
}

/* Document section */

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

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

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

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

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

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

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

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

/* End of Document section */

/* Drag and drop */

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

/* End of Drap and drop */


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


.UploadMethod_file_progress_table {
	display: table;
}

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

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


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

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

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

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


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

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

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

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

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

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

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

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

.ep_update_doc_options label {
	vertical-align: top;
}




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



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

.ep_view_group_by_current {
	font-weight: bold;
}

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

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

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

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

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


	



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

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

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

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



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

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

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



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

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

/** Home page icons styling **/
body, h1, h2, h3, h4, h5, h6, #header nav > ul > li a:not(.button){
  color:#191919!important;
  font-weight: 400!important;
}
body{background: #dcdcdc!important;}

.caption {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.caption__media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    /*height:260px;*/
	height:220px;
    cursor: pointer;
}
.caption__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
    color: white;
    transform: translateY(100%);
    transition: transform .35s ease-out;
	/*background: rgba(17,46,78,0.8);
    background: #26AF91;
    background: rgba(17,46,78,0.8);
	padding: 10px;*/
	background: #d7a940c2;
}
.caption_overlay_content{
    color: #fff;
    text-align: center;
    line-height: 25px;
	}

.caption:hover .caption__overlay {
    transform: translateY(0);
}


.caption_overlay_title {
    margin: 0;
    
    transform: translateY( calc(-100% + 10px) ); /* +10px overlay padding */
    transition: transform .35s ease-out;
	text-align:center;
	/*background: rgba(17,46,78,0.8);
    background: rgba(232,123,45,0.8);
    background: #C76712;*/
    /*background: rgba(17,46,78,0.8);
	transform: translateY( calc(-100% - 10px) );*/
	background: #C7956D;
    font-size: 20px;
    color: #fff!important;
    height: 100px;
    padding-top: 40px;
    width: 109%;
    margin-left: -10px;
   
}
.caption:hover .caption_overlay_title {
    transform: translateY(0);
}
.caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .35s ease-out;
}

.caption__overlay hr{
    width: 55px;
    margin: 0 auto;
    
    border-color: #fff;
	
	}

.ep_tm_menu a, .ep_tm_menu a:visited {
    display: block;
    padding: 1px 15px!important;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
}


/** theme overriding **/

.apw-startpage-search-form {
	height: 90px;
}
/**.adv-search {
    margin-top: 5px;
    float: left;
    margin-left: 450px;
}**/
.box.status {
 
    /**margin-top: -70px!important;
    margin-bottom: 10px!important; **/
	margin: 0;
}

#adminlogin{
	background: #2EB086;
}
.box {
    
    /*margin: 0 0 1em 0!important;*/
	margin: 0;
    padding: 1.5em !important;
	
}
#home-panel{
	padding: 1em !important;
}

.icons-home{margin-top: 25px;}

#footer {
    
    padding: 0.5em 0 0.5em 0!important;
    
}

#tr-home{
	display: flex;
	flex-wrap: wrap;
	}
#td-home{
	flex: 25%;
	padding: 0;
}

#table-home{
	width: 100%;
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
  #td-home {
    flex: 50%;
  }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  #tr-home {
    flex-direction: column;
    width: 100%;
  }
}

@media (max-width: 768px) {
#td-home {
    width: 100%;
}
}
@media (max-width: 768px) {
#tr-home {
    width: 100%;
	margin-top: 1em;
}
}


.topnav {
  overflow: hidden;
  background-color: #3E497A;
}
#loginnav{
	background: #2EB086;
}
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 16px;  
  letter-spacing: 2px;
}


.topnav a:visited {
	color: #ffffff;
	}


.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;    
  border: none;
  outline: none;
  color: white;
  padding: 17px 17px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  letter-spacing: 2px;
  
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #373538;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #e3cc67fc;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #C7956D;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}






.header {
  overflow: hidden;
  background-color: #d3282ac2;
  padding: 0;
  height: 100px;
}
.header a {
  float: left;
  color: black;
  text-align: center;
  padding: 1px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 25px;
  border-radius: 4px;
}

.header a.logo {
  font-size: 25px;
  font-weight: bold;
  height: 100px;
}

.logopure{
	width: 500px;
    margin: 20px;
    }
	
.header a.active {
  background-color: dodgerblue;
  color: white;
}

.header-right {
  float: right;
}

@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: left;
  }
  .header {
    height: 75px;
  }
  .logopure {
	height: 65px;
    margin: 2px;
    width: 23rem;
    padding: 2px;
  }
  .header-right {
    float: none;
  }
  .header a.logo{
	  height: 75px;
  }
}
@media screen and (max-width: 360px){
	.logopure{
	width: 22rem;
	}
}
@media screen and (max-width: 280px){
	.header{
		width: 280px;
		height: 75px;
	}
	.header a.logo{
		width: 280px;
		height: 75px;
	}
	.logopure{
		width: 270px;
		height: 65px;
	}
	.topnav{
		width: 100%;
	}
	.apw-startpage-search-form {
		width: 280px;
	}

}
@media screen and (max-width: 280px){
body {
    max-width: 280px;
    height: 320px;
}
}
#search {
	width: 91%;
    float: left;
    padding: 7px;
    border: 2px solid #d65355;
    font-size: 17px;
}

.search_button{
	float: left;
    padding: 7px;
    background: #FAB301;
    font-size: 20px;
    border: 1px solid #e8be0b;
    cursor: pointer;
	height: 47px;
	
	color:#fff;
	margin-left: 5px;
}

@media screen and (max-width: 600px) {
  #search {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;
  }
}

@media screen and (max-width: 375px){
	.apw-startpage-search-form {
		margin: 0;
	}
}

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




/***
**
**new custamization
**/

.apw-startpage-search-form {
    background: #2EB086;
    margin: 0;
    width: 100%;
    box-shadow: 0;
    border-radius: 0;
    padding: 8px;
    text-align: center;
    position: relative;
}


.box.status {
    text-align: left;
    padding: 0.5em !important;
}

#loginnav {
    background: #2EB086;
    height: 3rem;
}

.container {
    margin: 0 auto;
    /* max-width: calc(100% - 5em); */
    max-width: 100%;
    width: 70em;
}


/* Remove underline from all user menu links */
.ep_tm_key_tools a,
#login_status a,
.user-menu a,
.ep_tm_login_status a {
    text-decoration: none !important;
}

/* Optional: Add underline only on hover for better UX */
.ep_tm_key_tools a:hover,
#login_status a:hover,
.user-menu a:hover,
.ep_tm_login_status a:hover {
    text-decoration: none !important;
}

/* Remove underline from ALL links */
a, a:link, a:visited {
    text-decoration: none !important;
}

/* Optional: Add underline only on hover for better user experience */
a:hover, a:active {
    text-decoration: underline !important;
}

/* If you want NO underlines at all (even on hover) */
a:hover, a:active {
    text-decoration: none !important;
}