@charset "UTF-8";

/**
 * "Papyri Design" 
 *
 * @creator       Kupferschmidt
 * @file          application_layout.css
 */

/* =================================================================== */
/*  color style                                                        */
/* =================================================================== */
:root {
	--darkRed: #992200;            /* link */
	--red: #FF0024;                /* link hoover */
  --dark: #0F1F41;               /* link active */
	--creme: #FFFAEB;
	--orange: #FBEFC4;             /* result row */
	--yellow: #D6D695;             /* border top, left */
	--darkYellow: #757340;         /* button active, h1, h2 */ 
	--darkerYellow: #606030;       
  --grayYellow: #E1E4CD;         /* background, pagination, row */	
	--gray: #EEEEEE;               /* button background */
  --darkGray: gray;              /* button border */
  --darkerGray: #4F4F4F;         /* text Info Box */  
	--lightGray: #D4D4D4;           /* border content */

}
/* =================================================================== */
/*                                                                     */
/* =================================================================== */
@font-face {
	font-family: 'ArialUnicodeMS';
	src: url('/fonts/arialun0.ttf') format('truetype');
}

@font-face {
	font-family: 'Antinoou';
	src: url('/fonts/Antinoou.ttf') format('truetype');
}

html, body {
	background: white;
}

body {
	width: 1000px;
	margin: 50px auto;
	font-size: 14px;
	font-family: 'ArialUnicodeMS', 'Antinoou';
}

a:link {
	color: var(--darkRed);
	width: 100%;
	text-decoration: none;
}

a:visited {
	color: var(--darkRed);
	width: 100%;
	text-decoration: none;
}

a:hover {
	color: var(--red);
	width: 100%;
	text-decoration: none;
}

a:active {
	color: var(--dark);
	width: 100%;
	text-decoration: none;
}

/* **************************************************************************************** */
/* Header                                                                                   */
/* **************************************************************************************** */
#papyri_header_container {
	position: absolute;
	left: 50%;
	top: 50px;
}

#papyri_header {
	width: 1000px;
	position: absolute;
	left: -500px;
	height: 154px;
	margin: 0px auto;
	background: url('../images/papyri_header.png') no-repeat;
}

#papyri_header #papyri_projectName {
	font: 14px 'DejaVu Sans Condensed', sans-serif;
	position: relative;
	left: 235px;
	top: 92px;
}

#papyri_header #papyri_topNavigation {
	position: absolute;
	left: 180px;
	top: 128px;
}

#papyri_header #papyri_keyboard {
	position: absolute;
	left: 20px;
	top: 128px;
}

#papyri_header #papyri_topNavigation a:hover {
	text-decoration: underline;
}

#papyri_header #papyri_topNavigation, #papyri_header #papyri_languageSelector,
	*.papyri_topNavigationItem, *.papyri_topNavigationItem:link, *.papyri_topNavigationItem:active,
	*.papyri_topNavigationItem:visited {
	color: white;
	font: bold 14px sans-serif;
}

#papyri_header #papyri_languageSelector {
	position: absolute;
	left: 675px;
	top: 128px;
}

#papyri_languageSelectorFlags {
	float: left;
}

#papyri_languageSelectorFlags a {
	margin-left: 5px;
}

#papyri_languageSelectorFlags a:link {
	position: relative;
	top: -1px;
}

#papyri_languageSelectorFlags a img {
	border: 1px solid white;
}

/* **************************************************************************************** */
/* main container                                                                           */
/* **************************************************************************************** */
#papyri_main_container {
	position: absolute;
	left: 50%;
}

#papyri_container {
	width: 985px;
	position: absolute;
	top: 160px;
	left: -497px;
}

/* **************************************************************************************** */
/* Navigation                                                                               */
/* **************************************************************************************** */
#papyri_navigationBox {
	position: absolute;
	width: 180px;
}

.papyri_naviBody {
	margin: 0 10px 20px 0;
	background: var(--creme);
}

.papyri_naviLink {
	background: var(--creme);
}

.papyri_naviLink a:link, .papyri_naviLink a:visited {
	color: var(--dark);
}

.papyri_naviBody>.foldedIn>.caption {
	background: url("/images/sideMenu-captionInactive-bg.png") repeat-x
		scroll 0 0 transparent;
	height: 22px;
}

.papyri_naviBody>.foldedIn>.caption>a:link, .papyri_naviBody>.foldedIn>.caption>a:visited
	{
	color: var(--darkerGray);
}

.papyri_naviBody>.foldedOut>.caption {
	background: url("/images/sideMenu-captionActive-bg.png") repeat-x scroll
		0 0 transparent;
	height: 22px;
	margin-bottom: 10px;
}

.papyri_naviBody>.foldedOut>.caption>a:link, .papyri_naviBody>.foldedOut>.caption>a:visited
	{
	color: white;
}

.papyri_naviMainLink>.caption>a:link, .papyri_naviMainLink>.caption>a:visited
	{
	margin-left: 20px;
	font-weight: bold;
	position: relative;
	top: 1px;
}

.papyri_naviSublink>.caption>a:hover {
	color: red;
}

.papyri_naviBody>.foldedOut>.caption:hover {
	background: url("/images/sideMenu-captionInactive-bg.png") repeat-x
		scroll 0 0 transparent;
}

.papyri_naviBody>.foldedOut>.caption:hover>a:link, .papyri_naviBody>.foldedOut>.caption:hover>a:visited
	{
	color: var(--darkerYellow);
}

.papyri_naviBody>.foldedIn>.caption:hover {
	background: url("/images/sideMenu-captionActive-bg.png") repeat-x scroll
		0 0 transparent;
}

.papyri_naviBody>.foldedIn>.caption:hover>a:link, .papyri_naviBody>.foldedIn>.caption:hover>a:visited
	{
	color: white;
}

.papyri_naviSublink {
	margin-left: 20px
}

.papyri_naviMainLink .papyri_naviSublink:last-child,
	.papyri_naviMainLink .papyri_naviSublink:last-child>.caption {
	margin-bottom: 10px
}

.papyri_naviLink img.treeIcon {
	float: left;
	margin-right: 6px;
	position: relative;
	top: 4px;
}

.papyri_naviLink span.treeIcon {
	float: left;
	margin-right: 6px;
}

/* Fix text margin in case of line break: */
.caption>.treeIcon {
	margin-left: -12px;
}

.papyri_naviSublink>.caption {
	padding-left: 12px;
}

/* **************************************************************************************** */
/* Content area */
/* **************************************************************************************** */
#papyri_contentBox {
	position: absolute;
	left: 180px;
	top: 20px;
	border: 1px solid var(--lightGray);
	padding: 0px 10px 10px;
	width: 783px;
	min-height: 250px;
	background-image: url("/images/content-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
}

#papyri_pageCaption {
	position: absolute;
	top: -25px;
	width: 100%;
	color: var(--darkYellow);
	z-index: auto;
	opacity: 1; /* z-index fix for IE 9 */
}

#papyri_pageCaption img.icon {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

#papyri_pageCaption .papyri_userSwitch {
	float: right;
	margin-top: 2px;
	margin-right: 15px;
}

/* **************************************************************************************** */
/* user administration                                                                      */
/* **************************************************************************************** */
div#buttons>form {
	float: right;
	margin-bottom: 10px;
}

button.btn.btn-primary.btn-md {
	background-color: var(--grayYellow);
	color: black;
	border-width: 2px;
  border-color: var(--darkYellow);
	border-radius: 0px;
	height: 30px;
	letter-spacing: 1px;
	min-width: 140px;
	font-size: 12px;
	padding: 0;
}

button.btn.btn-primary.btn-md:hover {
  background-color: var(--darkYellow);
}

button.btn.btn-secondary.btn-md {
  border-width: 2px;
  border-radius: 0px;
  height: 30px;
  letter-spacing: 1px;
  min-width: 140px;
  font-size: 12px;
  padding: 0;
}

button.btn.btn-secondary.btn-md:hover {
  background-color: var(--darkYellow);
}	

button.btn.btn-secondary.mcr_xeditor_repeaterbutton_minus,
button.btn.btn-secondary.mcr_xeditor_repeaterbutton_plus {
	width: 30px;
	height: 30px;
	margin: 3px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0;
}

button.btn.btn-default.btn-md {
	background-color: var(--gray);
	color: black;
	border-width: 2px;
  border-color: var(--darkYellow);
	border-radius: 0px;
	height: 26px;
	min-width: 140px;
}

button.btn.btn-default.btn-md:hover {
	background-color: var(--darkYellow);
}

/* content frame */
div.dpt_frame-ltr {
	position: relative;
	z-index: 1;
	opacity: 1; /* z-index fix for IE 9 */
	padding: 5px;
}

div.classificationBrowser {
	position: relative;
	z-index: 1;
	opacity: 1; /* z-index fix for IE 9 */
	padding: 5px;
}

div.dpt_frame-ltr h1 {
	color: var(--darkYellow);
	margin: 10px auto 30px;
	text-decoration: underline;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
}

div.dpt_frame-ltr h2 {
	color: var(--darkYellow);
	margin: 10px auto 30px;
	text-decoration: underline;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
}

div.dpt_frame-ltr h3 {
	margin: 10px auto 10px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 27px;
}

/* input areas */
.input-append > .btn {
  background-color: var(--grayYellow);
  color: black;
  border-width: 2px;
  border-color: var(--darkYellow);
  border-radius: 0px;
  height: 30px;
  letter-spacing: 1px;
  min-width: 140px;
  font-size: 12px;
  padding: 0;
}

.input-append > .btn:hover {
  background-color: var(--darkYellow);
}

.search-query {
	border-radius: 0px;
  width: 450px;
  border: 1px solid gray;
  box-shadow: none;
  display: inline-block;
  font-size: 13px;
  height: 24px;
  line-height: 18px;
}

/* **************************************************************************************** */
/* error page                                                                               */
/* **************************************************************************************** */
#dpt_error_message {
	position: relative;
	z-index: 1;
	opacity: 1; /* z-index fix for IE 9 */
	padding: 5px;
}

.dpt_error_message_main {
	padding-bottom: 10px;
}

.dpt_error_message_trace {
	
}

.dpt_error_message_trace pre {
	
}

/* **************************************************************************************** */
/* sitemap                                                                                  */
/* **************************************************************************************** */
.dpt_sitemap_menuheader {
	background: var(--creme) none repeat scroll 0 0;
	padding-left: 10px;
}

/* **************************************************************************************** */
/* page start.xml                                                                           */
/* **************************************************************************************** */
.papyri_start_infoBoxesContainer {
	float: right;
	margin-left: 10px;
}

.papyri_start_infoBox {
	width: 250px;
	float: none;
	border: 1px solid white;
	color: var(--darkerGray);
	margin-bottom: 20px;
	-moz-box-shadow: 0 0 10px;
	-webkit-box-shadow: 0 0 10px;
	box-shadow: 0 0 10px;
}

#papyri_start .papyri_start_infoBox a:link, #papyri_start .papyri_start_infoBox a:visited
	{
	text-decoration: none;
}

.papyri_start_infoBox a:link, .papyri_start_infoBox a:visited {
	color: var(--dark);
}

.papyri_start_infoBox .caption {
	width: 100%;
	height: 20px;
	float: none;
	background: url('/images/indexBox-caption-bg.png');
	font-weight: bold;
	color: var(--darkerGray);
}

.papyri_start_infoBox .caption span {
	position: relative;
	left: 5px;
	top: 1px;
}

.papyri_start_infoBox .content {
	color: var(--darkerGray);
	margin: 2px 3px;
}

.papyri_start_infoBox .content>div {
	margin: 0 15px 10px;
}

.papyri_start_infoBox .content>div:first-child {
	margin-top: 8px;
}

.papyri_start_infoBox .content a, .papyri_start_infoBox .content a:link
	{
	font-weight: bold;
}

.papyri_start_infoBox .content br {
	display: none;
}

/* **************************************************************************************** */
/* search form                                                                              */
/* **************************************************************************************** */
.query_body {
	background-color: var(--creme);
	border: 1px solid var(--lightGray);
}

ul.nav {
	border: 1px solid var(--lightGray);
}

li.nav-item > a.nav-link {
	background-color: var(--creme);
}


li.nav-item > a.active {
	background-color: var(--grayYellow) !important;
	color: #212529 !important;
	border-radius: 0;
}

.dpt_search_value-ltr {
	padding-bottom: 10px;
}

.dpt_search_inputfield {
	padding-top: 0px;
	padding-bottom: 0px;
}

#dpt_search_selector_maxResults-ltr {
	padding: 0px;
	border: 1px solid var(--darkGray);
	border-radius: 0;
	box-shadow: none;
	display: inline-block;
	font-size: 13px;
	height: 24px;
	line-height: 18px;
	width: 220px;
	background-color: white;
	background-image: none;
}

#dpt_search_selector_numPerPage-ltr {
	padding: 0px;
	margin-left: 6px;
	border: 1px solid var(--darkGray);
	border-radius: 0;
	box-shadow: none;
	display: inline-block;
	font-size: 13px;
	height: 24px;
	line-height: 18px;
	width: 220px;
	background-color: white;
	background-image: none;
}

.dpt_editor_search_date-ltr {
	padding: 0px;
	border: 1px solid var(--darkGray);
	border-radius: 0;
	box-shadow: none;
	display: inline-block;
	font-size: 13px;
	height: 24px;
	line-height: 18px;
	width: 120px;
	background-color: white;
	background-image: none;
}

.dpt_editor_search_calendar-ltr {
	width: 125px;
}

.dpt_editor_search_measurement-ltr {
	width: 60px;
}

/* **************************************************************************************** */
/* results                                                                                  */
/* **************************************************************************************** */

#papyri_results_topinfo {
	text-align: right;
	font-weight: bold;
}

#papyri_results_box tr>th {
	font-weight: bold;
	text-align: left;
	padding: 5px;
}

#papyri_results_box {
	-moz-box-shadow: 0 0 4px var(--darkGray);
	-webkit-box-shadow: 0 0 4px var(--darkGray);
	box-shadow: 0 0 4px var(--darkGray);
	border: 1px solid var(--darkerGray);
	margin: 0 auto;
	padding: 6px 8px;
	width: 100%;
}

#papyri_results_first_row {
	background-color: var(--grayYellow);
}

#dpt_result_list_link{
    text-align: center;
}

.dpt_result_header_numbers-ltr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dpt_bookmarks_button {
    min-width: 35px;
    padding-left: 6px;
    padding-right: 6px;
}

.dpt_result_bookmarks-ltr {
    display: flex;
    flex-direction: column;
}

.papyri_resultsrow {
	background: var(--orange);
}

.papyri_resultsrow td {
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

/* **************************************************************************************** */
/* page navigation                                                                          */
/* **************************************************************************************** */
ul.dpt_classification_browser_data-ltr>li>img {
	padding-right: 5px;
}

ul.dpt_classification_browser_data-ltr>li>input {
	padding-left: 5px;
	padding-right: 9px;
}

ul.dpt_classification_browser_data-ltr>li>span {
	width: 50px;
}

.classificationBrowser div {
	margin-left: -7px;
}

/* **************************************************************************************** */
/* single object page                                                                       */
/* **************************************************************************************** */

#papyri_metadata_header {
	
}

#papyri_metadata_heading-ltr {
	float: left;
	font-weight: bold;
}

#dpt_metadata_headlinks-ltr {
	text-align: right;
	right: 20px;
	top: -3px;
	display: flex;
	flex-direction: row-reverse;
}

#dpt_metadata_heading-ltr {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 24px;
	font-weight: bold;
}

.dpt_metadata_name-ltr {
	background: var(--orange) none repeat scroll 0 0;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	text-align: left;
	width: 25%;
}

.dpt_metadata_name_bold-ltr {
	background: var(--orange) none repeat scroll 0 0;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	width: 40%;
}

.dpt_metadata_value-ltr {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	text-align: left;
	width: 75%;
}

.dpt_metadata_value_half-ltr {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	text-align: center;
	width: 40%;
}

.papyri_metadata_hr {
	border: 0;
	height: 2px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* **************************************************************************************** */
/* Editor                                                                                   */
/* **************************************************************************************** */

.dpt_editor_table {
	width: 100%;
}

.dpt_editor_required {
  margin-bottom: 30px;
}

.dpt_editor_name-ltr {
  vertical-align: top;
  text-align: left;
  width: 200px;
  height: 30px;
  padding-top: 0px;
  padding-right: 16px;
  padding-bottom: 5px;
  line-height: 18px;
  color: var(--dark);
}

.dpt_editor_value_ltr {
  padding-top: 0px;
  padding-bottom: 5px;
  height: 30px;
}

.dpt_editor_inputfield {
  border: 1px solid var(--dark);
  border-radius: 0;
  height: 30px;
  width: 554px;
  margin-bottom: 10px;
  padding: 5px;
}

.dpt_editor_inputarea {
  border: 1px solid var(--dark);
  border-radius: 0;
  width: 554px;
  margin-bottom: 10px;
  padding: 5px;
}

.dpt_editor_rv {
  border: 1px solid var(--dark);
  border-radius: 0;
  box-shadow: none;
  display: inline-block;
  line-height: 18px;
  height: 30px;
  width: 150px;
  margin-bottom: 10px;
}

.dpt_editor_select-ltr {
  border: 1px solid var(--dark);
  border-radius: 0;
  box-shadow: none;
  display: inline-block;
  line-height: 18px;
  height: 30px;
  width: 554px;
  margin-bottom: 10px;
}

.dpt_editor_subtitle {
  width: 110px;
  padding-right: 10px;
}

.dpt_editor_numberfield {
  border: 1px solid var(- -dark);
  border-radius: 0;
  box-shadow: none;
  display: inline-block;
  height: 30px;
  width: 280px;
  line-height: 18px;
  padding: 5px;
}

.dpt_editor_heritable {
  border: 1px solid var(--dark);
  border-radius: 0;
  box-shadow: none;
  display: inline-block;
  line-height: 18px;
  height: 30px;
  width: 150px;
  margin-bottom: 10px;
}

.dpt_editor_publication {
  border: 1px solid var(--dark);
  border-radius: 0;
  box-shadow: none;
  display: inline-block;
  line-height: 18px;
  height: 30px;
  width: 330px;
  margin-bottom: 10px;
}

.dpt_editor_type {
  border: 1px solid var(--dark);
  border-radius: 0;
  box-shadow: none;
  display: inline-block;
  line-height: 18px;
  height: 30px;
  width: 150px;
  margin-bottom: 10px;
}

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

.papyri_editor_name_tooltip_ltr {
display: inline-block;    
}

.dpt_editor_linkfield {
  border: 1px solid var(--dark);
  border-radius: 0;
  box-shadow: none;
  height: 30px;
  width: 434px;
  margin-bottom: 10px;
  padding: 5px;
}

.papyri_editor_name_tooltip_ltr .papyri_editor_name_tooltip_text_ltr {
    margin-left:9px;
    width : 320px;
    visibility: hidden;
    background-color: white;
    border-radius:4px;
    border: 1px solid #aeaeae;
    position: absolute;
    z-index: 1;
    padding: 5px;
    margin-top : -15px; 
   opacity: 0;
    transition: opacity 1s;
}
.papyri_editor_name_tooltip_ltr .papyri_editor_name_tooltip_text_ltr::after {
    content: " ";
    position: absolute;
    top: 5%;
    right: 100%; 
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #aeaeae transparent transparent;
}

.papyri_editor_name_tooltip_ltr:hover .papyri_editor_name_tooltip_text_ltr {
    visibility: visible;
    opacity: 1;
}

.dpt_editor_value-ltr p {
  padding: 0px;
  margin: 1px;
}

.dpt_editor_value-ltr p>button {
  width: 30px;
  height: 30px;
  margin: 3px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
}

.btn-secondary:hover {
  color: var(--dark) !important;
}

.btn-secondary {
  background-color: var(--lightGray) !important;
  border: 1px solid var(--darkGray);
  color: var(--darkerGray);
}

/* **************************************************************************************** */
/* Index pages                                                                              */
/* **************************************************************************************** */
#dpt_index_results-ltr h2 {
	font-size: 12pt;;
	text-align: left;
	margin: 10px auto 10px;
}

/* Index result closed*/
#dpt_index_results-ltr ul>li.dpt_index_results_range {
	list-style-image: url("/images/dpt_index_folder_closed.png");
}

/* Index result plain*/
#dpt_index_results-ltr ul>li.dpt_index_results_value {
	list-style-image: url("/images/dpt_index_item_plain.png");
}

/* **************************************************************************************** */
/* bootstrap changes */
/* **************************************************************************************** */
div.resultHeader {
	margin-top: 5px;
	margin-bottom: 5px;
}

div.resultFooter {
	margin-top: 10px;
	margin-bottom: 5px;
}

ul.pagination>li>a, ul.pagination>li>span {
	float: none !important;
}

ul.pagination>li.disabled>a:hover, ul.pagination>li>a:hover {
	background-color: var(--darkerYellow) !important;
	border-color: var(--darkerYellow) !important;
	color: white !important;
}

ul.pagination>li.active>a, ul.pagination>li.active>a:hover {
	background-color: var(--darkerYellow) !important;
	border-color: var(--darkerYellow) !important;
	color: var(--grayYellow) !important;
}

ul.pagination>li>a {
	background-color: var(--grayYellow) !important;
	border-color: var(--darkerYellow) !important;
	color: black !important;
}

ul.pagination>li.disabled>a {
	background-color: var(--grayYellow) !important;
	border-color: var(--darkerYellow) !important;
}

/* **************************************************************************************** */
/* Image view                                                                               */
/* **************************************************************************************** */
div.dpt_show_derivate_image>div.container {
	padding: 5px !important;
	text-align: center !important;
}

div.dpt_show_derivate_picture {
	float: left;
	clear: both;
	line-height: 24px;
	padding-right: 10px;
	width: 70px;
	margin-left: 100px;
	margin-top: 5px;
	text-align: left;
}

div.dpt_show_derivate_delete {
	float: left;
	margin-top: 5px;
}

.viewer {
	height: 550px;
	margin-bottom: 30px;
	position: relative;
}

/* input container */
.input-group .form-control:last-child {
	border-radius: 0;
	margin-left: 15px;
}

/* button */
.dpt_editor_button {
	border-color: var(--darkerYellow);
}

.dpt_editor_button:hover {
	background-color: var(--darkerYellow);
	border-color: var(--darkerYellow);
}

.dpt_editor_button:focus {
    color: #000000;
	background-color: var(--grayYellow);
	border-color: var(--darkerYellow);
	box-shadow: none;
}

.dpt_editor_button:inherited {
	color: var(--darkerYellow);
}

/* query body */
.query_body {
	background-color: var(--creme);
	border: 1px solid var(--lightGray);
	width: 100%;
	margin-bottom: 20px;
}


.query_body>tbody>tr>td>span>button {
	border-radius: 0px;
	height: 2em;
	width: 2em;
	font-size: 8px;
	padding: inherit;
}

.query_table_column_1 {
	margin-left: 10px;
	width: 130px;
}

.query_table_column_2 {
	width: 120px;
}

.query_table_column_operator {
	margin-left: 5px;
	width: 90px;
}

.query_table_column_4 {
	margin-left: 15px;
	width: 260px;
}

.query_table_column_5 {
	margin: 5px;
}