/* image box height depending on device */
#iiifimage {
	z-index: 0;
	/*height:60vh;*/
}
/*
@media (min-width: 576px) {
	#iiifimage {
		height:60vh !important;
	}
}

@media (min-width: 768px) {
	#iiifimage {
		height:80vh !important;
	}
}

@media (min-width: 992px) {
	#iiifimage {
		height:80vh !important;
	}
}

@media (min-width: 1200px) {
	#iiifimage {
		height:75vh !important;
	}
}

@media (min-width: 1400px) {
	#iiifimage {
		height:85vh !important;
	}
}



*/
@media ( min-width : 576px) {
	#metadata .col-sm-3 {
		width: 100%;
	}
}

@media ( min-width : 768px) {
	#metadata .col-sm-3 {
		width: 100%;
	}
}

@media ( min-width : 992px) {
	#metadata .col-sm-3 {
		width: 25%;
	}
}

/* SVG display of search results */
.ilanitem {
	fill: #ffffff;
	stroke: #fff;
	stroke-width: 20;
	fill-opacity: 0;
	stroke-opacity: 0;
	pointer-events: visiblePainted;
}

svg polyline.ilanitem {
	pointer-events: visibleStroke;
}

.ilanItemOutline {
	fill: #ffffff;
	stroke: #ff3333;
	stroke-width: 5;
	fill-opacity: 0.1;
	stroke-opacity: 1;
	stroke-linejoin: round;
}

.ilanitem:hover {
	
}

svg circle.ilanitem:hover, svg rect.ilanitem:hover, svg ellipse.ilanitem:hover,
	svg polygon.ilanitem:hover, svg path.ilanitem:hover {
	fill: #ff6666;
	fill-opacity: 0.55;
	filter: url("#hover-shadow");
	transform: translate3d(0, 0, 0);
	transition-duration: 100ms;
	fill-rule: evenodd;
}

svg polyline.ilanitem:hover {
	stroke-width: 25;
	stroke: #ff6666;
	fill: none;
	stroke-opacity: 0.5;
	pointer-events: visibleStroke;
	filter: url("#hover-shadow");
	stroke-linecap: round;
}

/* zone highlighting */
.ilanitem-active {
	
}

svg circle.ilanitem-active, svg rect.ilanitem-active, svg ellipse.ilanitem-active,
	svg polygon.ilanitem-active {
	fill: #ff6666;
	fill-opacity: 0.5;
	filter: url("#blurFilter");
	fill-rule: evenodd;
}

svg polyline.ilanitem-active {
	stroke-width: 25;
	stroke: #ff6666;
	fill: none;
	stroke-linecap: round;
	stroke-opacity: 0.5;
	filter: url("#blurFilterStroke");
}

.ilanItemHighlight {
	stroke: #0BFF2B;
	stroke-width: 5;
	stroke-opacity: 1;
}

svg circle.ilanItemHighlight, svg rect.ilanItemHighlight, svg ellipse.ilanItemHighlight,
	svg polygon.ilanItemHighlight {
	fill: #0BFF2B;
	fill-opacity: 0.2;
}

/* pre post text highlighting */
.ilanItemSequence {
	filter: url("#blurFilterSequence");
	fill: #FDF0A1;
	fill-opacity: 0.3;
}
/* simple search highlighting */
.ilanItemSearch {
	filter: url("#blurFilterSequence");
	fill: #FDF019;
	fill-opacity: 0.3;
}

.pinned {
	display: block !important;
}

.contentitem {
	background-color: white;
	padding: 1em;
	margin-top: 1em;
}

.contentitem_highlight {
	border: 2px solid red;
	background-color: #ffeeee
}

.contentitem>div {
	margin-bottom: 1em;
}

.content_label {
	color: #993333;
	font-size: x-small;
	font-family: sans-serif;
}

.content_content {
	font-family: sans-serif;
}

.loadingAnimation {
	
}

.info {
	padding: 6px 8px;
	font: 12px/14px Arial, Helvetica, sans-serif;
	background: white;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}

.info h4 {
	margin: 0 0 5px;
	font-size: 99%;
	color: #777;
}

#errorMsg {
	color: #FF0000;
}

.ilantext-prefix, .ilantext-postfix {
	background-size: 100%;
	background-repeat: repeat;
	color: #515355;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}

.ilantext-prefix {
	background-image: linear-gradient(to bottom, transparent, #515355);
}

.ilantext-postfix {
	background-image: linear-gradient(to top, transparent, #515355);
}

#ilantext-prefix a, #ilantext-postfix a {
	text-decoration: none;
}

#ilantext-prefix a:hover, #ilantext-postfix a:hover {
	border-bottom: blue 0.125em solid;
}

.gutter {
	background-repeat: no-repeat;
	background-position: 50%;
}

.gutter.gutter-vertical {
	background-image:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
}

.gutter.gutter-horizontal {
	background-image:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
}

.gutter.gutter-horizontal:hover {
	cursor: col-resize;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%,
		rgba(179, 179, 179, 0) 40%, rgba(167, 167, 167, 1) 50%,
		rgba(174, 174, 174, 0) 60%, rgba(255, 255, 255, 0) 100%);
}

/* Simple search customization */
.leaflet-control-search .search-tooltip {
	max-height: 300px;
	min-width:200px;
	max-width:350px;
	padding-right:0;
}
.leaflet-control-search .search-tip {
	min-width: 100vh;
}

#textExcerpt, #translationTabContent {
	max-height: 25vh;  
	overflow-y: auto;
} 
/* rotate button styles */
.leaflet-control-rotate {
	display: flex;
  	align-items: center;
  	background:#fff;
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index:1000;	
	margin-left: 10px;
	margin-top: 10px;
}

.leaflet-control-rotate .leaflet-control-rotate-button {
	width:30px;
	height:30px;	
	border-radius:4px;
	display:inline-block;
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	text-align: center;
	text-decoration: none;
	color: black;
}

.leaflet-control-rotate  a:hover {
	background-color: #f4f4f4;
}

.leaflet-control-rotate #rotateSliderCtrl {
	width:inherit;
	height: inherit;
}
.leaflet-control-rotate #rotateSliderCtrl.form-range {
	margin-top: 4px;
	margin-bottom: -4px;
}
.leaflet-control-rotate #rotateSlider label.form-label {
	margin-bottom:0;
}

.leaflet-control-rotate .rotateSlider {
	background-color: #f4f4f4;
}