/*
 *  Zm-viewer.css
 *
 *  Custom Styles for the Zoomify HTML5 Viewer
 *  Version 4.2
 *
 *  Copyright (c) 2005-2019. T. Clark Brelje and Robert L. Sorenson. All rights reserved.
 */

/* ================================================================================
   Magnifications
   ================================================================================ */

.Zm-magnification {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 26px;
	line-height: 26px;
	font-size: 13px;
	z-index: 9999;

	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* supported by Chrome and Opera */
}

.Zm-magnificationFactor {
	display: inline-block;
	border-right: solid 1px #777;
	color: #3f3f3f;
	text-align: center;
	z-index: 9999;
}

.Zm-magnificationButton {
	display: inline-block;
	color: #3f3f3f;
	cursor: pointer;
	text-align: center;
	z-index: 9999;
}

.Zm-magnificationButton:hover,
.Zm-magnificationButton:active {
	background: #0078d7;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(64, 64, 64, .33);
    -webkit-transition: color .33s linear, background .33s linear;
    -moz-transition: color .33s linear, background .33s linear;
    -ms-transition: color .33s linear, background .33s linear;
    transition: color .33s linear, background .33s linear;
}

/* ================================================================================
   View Size
   ================================================================================ */

.Zm-viewsize {
	position: absolute;
	right: 31px;
	bottom: 0;
	height: 26px;
	color: #3f3f3f;
	font-size: 13px;
	line-height: 26px;
	z-index: 5000;
}

/* ================================================================================
   Virtual Pointer
   ================================================================================ */

.Zm-pointer {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 26px;
	line-height: 26px;
	font-size: 13px;
}

.Zm-pointerButton {
	color: #777;
	cursor: pointer;
	display: inline-block;
	font: 400 13px/26px 'icomoon',sans-serif;
	text-align: center;
}

.Zm-pointerButton:hover,
.Zm-pointerButton:active {
	background: #0078d7;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(64, 64, 64, .33);
    -webkit-transition: color .33s linear, background .33s linear;
    -moz-transition: color .33s linear, background .33s linear;
    -ms-transition: color .33s linear, background .33s linear;
    transition: color .33s linear, background .33s linear;
}

/* ================================================================================
   Coordinates
   ================================================================================ */

.Zm-coordinates {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 125px;
	color: #3f3f3f;
	background: rgba(240, 241, 242, .85);
	border: solid 1px #d0d0d0;
/*  NOTE:  'Off white' because transparent white is invisible on a white
	background.  The border is the same color but appears 'slightly'
	whiter because it has an opacity of 1. */
	font-size: 13px;
	text-align: center;
	line-height: 16px;
	cursor: move;

	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* supported by Chrome and Opera */

}

/* ================================================================================
   Scalebar
   ================================================================================ */

.Zm-scalebar {
	position: absolute;
	left: 0;
	top: 0;
	vertical-align: top;
	padding: 0 5px 10px 5px;
	color: #3f3f3f;
	background: transparent;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-align: center;
	cursor: move;

	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* supported by Chrome and Opera */

}

.Zm-scalebarLine {
	position: absolute;
	height: 0;
	left: 0;
	top: 0;
	width: 0;
	border-bottom: solid 1px #3f3f3f;
}

.Zm-scalebarTic {
	position: absolute;
	left: 0;
	top: 0;
	height: 8px;
	width: 0;
	border-left: solid 1px #3f3f3f;
}

/* ================================================================================
   View Manager
   ================================================================================ */

.Zm-viewmanager {
	position: absolute;
	left: 0;
	top: 0;
	color: #3f3f3f;
	background: rgba(240, 241, 242, .85);
	border: solid 1px #d0d0d0;
/*  NOTE:  'Off white' because transparent white is invisible on a white
	background.  The border is the same color but appears 'slightly'
	whiter because it has an opacity of 1. */
	font-size: 12px;
	line-height: 16px;
	cursor: move;

	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* supported by Chrome and Opera */
}

.Zm-viewmanagerButton {
	color: #777;
	cursor: pointer;
	display: inline-block;
	font: 400 12px/20px 'icomoon',sans-serif;
	margin: 2px;
	text-align: center;
	width: 20px;
}

.Zm-viewmanager .enabled:hover,
.Zm-viewmanager .enabled:active {
	color: #fff;
	background: #0078d7;
}

.Zm-viewmanager .disabled {
	color: #bbb;
}

.Zm-viewmanagerName {
	display: inline-block;
	color: #3f3f3f;
	width: 200px;
	padding:  0px 10px;
	font: 400 12px/12px 'Open Sans',sans-serif;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* -- View List -- */
.Zm-viewmanagerList {
	color: #3f3f3f;
	background: rgba(240, 241, 242, .85);
	border: solid 1px #c0c0c0;
	cursor: pointer;
	display: none;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	z-index: 105;
}

.Zm-viewmanagerList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.Zm-viewmanagerList ul li {
	display: block;
	border-bottom: solid 1px #d0d0d0;
	padding: 4px 15px;
}

.Zm-viewmanagerList ul li:hover,
.Zm-viewmanagerList ul li:active {
	color: #fff;
	background: #0078d7;
}

.Zm-viewmanagerList ul li:nth-last-child(1) {
	border-bottom: none;
}

/* -- Edge Buttons -- */
.Zm-viewmanager-edge-button {
	background: #3f3f3f;
	color: #eee;
	cursor: pointer;
	display: none;
	font: 400 16px/1 'icomoon',sans-serif;
	opacity: .6;
	position: absolute;
}

.Zm-viewmanager-leftedge-button {
	background-clip: padding-box;
	border-radius: 0 25px 25px 0 ;
	padding: 15px 10px 15px 5px;
}

.Zm-viewmanager-rightedge-button {
	background-clip: padding-box;
	border-radius: 25px 0 0 25px;
	padding: 15px 5px 15px 10px;
}

/* ================================================================================
   TCB-backDrop - fade in and out background
   ================================================================================ */

.Zm-backdrop {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0.5;
	background-color: #000000;
	z-index: 500;
}

/* ================================================================================
   MixIns
   ================================================================================ */

.Zm-disableSelection {
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* supported by Chrome and Opera */
}