/*! Image eReader - v2.3.5 - 2022-07-14
* www.comprodls.com
* Copyright (c) 2022 ComproDLS | Compro Technologies; Licensed comproDLS © 2015-2016 */
@font-face {
  font-family: 'CustomFontAwesome';
  src: url('font/dls-imgbook-fonts.eot');
  src: url('font/dls-imgbook-fonts.eot?#iefix') format('embedded-opentype'), url('font/dls-imgbook-fonts.woff') format('woff'), url('font/dls-imgbook-fonts.ttf') format('truetype'), url('font/dls-imgbook-fonts.svg#fontdlsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.dls-imgbook-font {
  font-family: "CustomFontAwesome";
  text-rendering: auto;
  display: inline-block;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dls-imgbook-video-camera:before {
	content: "\e001";
}
.dls-imgbook-volume-up:before {
	content: "\e002";
}
.dls-imgbook-list-alt:before {
	content: "\e003";
}
.dls-imgbook-external-link:before {
	content: "\e004";
}
.dls-imgbook-repeat:before {
	content: "\e005";
}
.dls-imgbook-file-pdf-o:before {
	content: "\e006";
}
.dls-imgbook-camera:before {
	content: "\e007";
}
.dls-imgbook-play:before {
	content: "\e008";
}
.dls-imgbook-pause:before {
	content: "\e009";
}
.dls-imgbook-spinner:before {
	content: "\e010";
}
.dls-imgbook-mouse-ttf:before {
  content: "\e012";
}
.dls-imgbook-supersite-ttf:before {
  content: "\e016";
}

.dls-imgbook-spin {
  -webkit-animation: dls-imgbook-spin 2s infinite linear;
  animation: dls-imgbook-spin 2s infinite linear;
}
.dls-imgbook-pulse {
  -webkit-animation: dls-imgbook-spin 1s infinite steps(8);
  animation: dls-imgbook-spin 1s infinite steps(8);
}

@-webkit-keyframes dls-imgbook-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes dls-imgbook-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.dls-imgbook-annotation:before {
  content: "\e011";
}
*, *::after, *::before {
	box-sizing: border-box;
}

.annotator-notice,
.annotator-filter *,
.annotator-widget *{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	/*background-color: #f1da91;*/
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	/*color: rgb(144, 144, 144);*/
	color: #000000;
}

/* Images
-------------------------------------------------------------------- */

.annotator-adder {
	background-image: url(../img/annotator-icon-sprite.png);
	background-repeat: no-repeat;
}
/* Provide support for speaking functionality starts. */
.annotator-mic-adder:after, .annotator-mic-adder:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.annotator-mic-adder:after {
	border-top-color: #f1da91;
	border-width: 10px;
	margin-left: -12px;
}
.annotator-mic-adder:before {
	border-top-color: #aaaaaa;
	border-width: 12px;
	margin-left: -14px;
}
.annotator-mic-adder button {
	border: none;
	background-color: transparent;
	cursor: pointer;
}
.annotator-mic-adder {
	background-color:#f1da91;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #aaa;
	min-width: 75px; 
}

.text-adder {
	background-image: url(../img/text.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 24px;
	float: left;
	padding: 2px;
}
button.text-adder {
	border-right: 2px dotted #000;
}

.mic-adder {
	background-image: url(../img/audio.png);
	background-repeat: no-repeat;
	width: 26px;
	height: 24px;
	float: right;
	padding: 2px;
	margin-left: 5px;
}
/* Provide support for speaking functionality ends. */
.annotator-resize,
.annotator-widget::after,
.annotator-editor a::after,
.annotator-viewer .annotator-controls a,
.annotator-filter .annotator-filter-navigation button::after,
.annotator-filter .annotator-filter-property .annotator-filter-clear {
	background-image: url(../img/annotator-glyph-sprite.png);
	background-repeat: no-repeat;
}

/* Annotator Highlight
-------------------------------------------------------------------- */

.annotator-hl {
	background: rgba(255, 255, 10, 0.3);
	box-shadow: none;
	border: none;
}

.annotator-hl-temporary {
	background: rgba(0, 124, 255, 0.3);
}

/* Annotator Wrapper
-------------------------------------------------------------------- */

.annotator-wrapper {
	position: relative;
}

/* NB: If you change the list of classes for which z-index is set,
       you should update Annotator._setupDynamicStyle() */
.annotator-adder,
.annotator-outer,
.annotator-notice {
	z-index: 1020;
}

.annotator-filter {
	z-index: 1010;
}

.annotator-adder,
.annotator-outer,
.annotator-widget,
.annotator-notice {
	position: absolute;
	font-size: 10px;
	line-height: 1;
}

.annotator-hide {
	display: none;
	visibility: hidden;
}

/* Annotator Adder
-------------------------------------------------------------------- */

.annotator-adder {
	margin-top: -48px;
	margin-left: -24px;
	width: 48px;
	height: 48px;
	background-position: left top;
}

.annotator-adder:hover {
	background-position: center top;
}

.annotator-adder:active {
	background-position: center right;
}

.annotator-adder button {
	display: block;
	width: 36px;
	height: 41px;
	margin: 0 auto;
	border: none;
	background: none;
	text-indent: -999em;
	cursor: pointer;
}

/* Annotator Widget
   
   This applies to both the Viewer and the Editor
-------------------------------------------------------------------- */

.annotator-outer {
	width: 0;
	height: 0;
}

.annotator-widget {
	margin: 0;
	padding: 0;
	bottom: 15px;
	left: -18px;
	min-width: 265px;
	background-color: rgba(251, 251, 251, 0.98);
	border: 1px solid #b5b55c;
	box-shadow: 1px 2px 4px -1px;
	border-radius: 4px;
}

.annotator-invert-x .annotator-widget {
	left: auto;
	right: 0;
}

.annotator-invert-y .annotator-widget {
	bottom: auto;
	top: 8px;
}

.annotator-widget .annotator-listing,
.annotator-widget .annotator-item {
	/*padding: 5px !important;*/
	margin:0 !important;
	list-style: none;
}
.annotator-widget .annotator-item {
	margin:0 !important;
}

.annotator-widget::after {
	content: "";
	display: block;
	width: 18px;
	height: 10px;
	background-position: 0 0;
	position: absolute;
	bottom: -10px;
	left: 8px;
	border-top: 10px solid #fff7c6;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.annotator-widget::before {
	background-position: 0 0;
    width: 18px;
    content: "";
    display: block;
    height: 10px;
    left: 8px;
    position: absolute;
    bottom: -12px;
    border-top: 10px solid #b5b55c;
    border-left: 10px solid transparent;
	border-right: 10px solid transparent;
    
}

.annotator-invert-x .annotator-widget::after {
	left: auto;
	right: 8px;
}
.annotator-invert-x .annotator-widget::before {
	left: auto;
	right: 8px;
}

.annotator-invert-y .annotator-widget::after {
	background-position: 0 -15px;
	bottom: auto;
	top: -11px;
	border-bottom: 10px solid #b5b55c;
	border-top: none;
}
.annotator-invert-y .annotator-widget::before {
	
    border-bottom: 10px solid #d3d3d3;
    border-top: none;
    top: -11px;
}
.annotator-outer.annotator-viewer.annotator-invert-y .annotator-widget::after {
	border-bottom: 10px solid #fff7c6;
	height: 11px;
	background-position: 10px -15px;
}


.annotator-widget .annotator-item,
.annotator-editor .annotator-item input,
.annotator-editor .annotator-item textarea {
	position: relative;
	font-size: 12px;
}

.annotator-viewer .annotator-item {
	border-top: 2px solid rgba(122, 122, 122, 0.2);
}

.annotator-widget .annotator-item:first-child {
	border-top: none;
}

.annotator-editor .annotator-item
/*.annotator-viewer div*/ {
	border-top: 1px solid rgba(133, 133, 133, 0.11);
}
.annotator-heading {
    background-color: #b5b55c;
    color: #fffce8;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    font-family: Arial;
    display: flex;
}
.annotator-editor .annotator-heading {
	cursor: pointer;
}
.annotator-heading span:last-child {
	color: #fff;
	font-weight: bold;
}
.annotator-heading img {
	background: transparent;
}


/* Annotator Viewer
-------------------------------------------------------------------- */

/*.annotator-viewer div {
	padding: 6px 6px;
}*/
.annotator-viewer .annotator-item ol,
.annotator-viewer .annotator-item ul {
	padding: 4px 16px;
}
.annotator-viewer .annotator-widget:after {
	border-top: 10px solid #fff;
}
.annotator-outer.annotator-viewer.annotator-invert-y .annotator-widget::after {
	border-top: none;
	border-bottom: 10px solid #b5b55c;
}
.annotator-viewer .annotator-item li {
}

/*.annotator-viewer div:first-of-type,*/
.annotator-editor .annotator-item:first-child textarea {
	color: #000;
	font-size: 12px;
	background-color: #fff;
	border:1px solid  #858586;
	font-family: Arial;
	margin-bottom: 10px;
	resize: none;
}
.annotator-viewer .viewerarea {
	/*white-space: pre;*/
	padding: 10px;
	white-space: pre-wrap;
    word-wrap: break-word;	
}
.annotator-viewer .annotator-controls {
	position: relative;
	top: 0px;
	/*right: 5px;*/
	opacity: 1;
	-webkit-transition: opacity 1s ease-in;
	-moz-transition: opacity 1s ease-in;
	-o-transition: opacity 1s ease-in;
	transition: opacity 1s ease-in;
	/*float: right;*/
}
/*.annotator-widget.annotator-listing .annotator-item .annotator-controls div {
	display: inline-block;
	border: none;
	padding: 0;
	background-color: inherit;
	border-radius: 2px;
	margin: 0;
	padding: 5px;
}
.annotator-widget.annotator-listing .annotator-item .annotator-controls  div:first-child {
	/*border-right: 1px solid #afa988;
	padding-right: 0;
}*/
/*.annotator-widget.annotator-listing .annotator-item .annotator-controls div:hover {
	background-color: #b5b55c;
}*/
.annotator-viewer li:hover .annotator-controls,
.annotator-viewer li .annotator-controls.annotator-visible {
	opacity: 1;
}

.annotator-viewer .annotator-controls button,
.annotator-viewer .annotator-controls a {
	cursor: pointer;
	display: inline-block;
	/*margin-left: 2px;*/
	border: none;
	opacity: 0.6;
	/*text-indent: -900em*/;
	background-color: transparent;
	outline: none;
}

.annotator-viewer .annotator-controls button:hover,
.annotator-viewer .annotator-controls button:focus,
.annotator-viewer .annotator-controls a:hover,
.annotator-viewer .annotator-controls a:focus {
	opacity: 0.9;
}

.annotator-viewer .annotator-controls button:active,
.annotator-viewer .annotator-controls a:active {
	opacity: 1;
}

.annotator-viewer .annotator-controls button[disabled] {
	display: none;
}

.annotator-viewer .annotator-controls .annotator-edit {
	/*background-position: 0 -60px;*/
	border-right: 1px solid #504c36;
}

.annotator-viewer .annotator-controls .annotator-delete {
	/*background-position: 0 -75px;*/
	border-right: 1px solid #504c36;
	/*margin-top: 3px;*/
}

.annotator-viewer .annotator-controls .annotator-close {
	/*background-position: 0 -90px;*/
}

.annotator-viewer .annotator-controls .annotator-link {
	background-position: 0 -270px;
}

.annotator-viewer .annotator-widget.annotator-listing .wysiwyg-container {
	padding: 10px;
	background-color: #fff;
}
.annotator-viewer .annotator-widget.annotator-listing  div * {
	font-weight: normal;
	font-size: 13px;
	color: #000000;
	font-family: Arial;

}
.annotator-viewer .annotator-widget.annotator-listing  div .annotator-controls {
	font-size: 0;
	margin-left: auto;
}
.annotator-viewer .annotator-widget.annotator-listing  div button i.fa {
	padding: 0px 6px;
}
.annotator-viewer .annotator-widget.annotator-listing  div button:last-child i.fa {
	padding-right: 0px;
}
.annotator-viewer .annotator-widget .annotator-item #annotationConfirmBox {
	position: absolute;
	border-radius: 5px;
	z-index: 111; 
	padding: 10px; 
	background-color: #DFD7BE; 
	border: 1px solid #A1A1A1; 
	margin-top: 10px; 
	font-weight: bold;
	word-break: initial;
	color: #3C3C3C
}
.annotator-viewer .annotator-widget .annotator-item #annotationConfirmBox #annotationYesButton, .annotator-viewer .annotator-widget .annotator-item #annotationConfirmBox #annotationNoButton {
	background-color: #75A1C7;
	border-radius: 5px;
	border: 1px solid #A1A1A1;
	padding: 4px 6px;
	font-weight: bold;
	color: #1B252E;
	cursor: pointer; 
}
.annotator-viewer .annotator-widget .annotator-item #annotationConfirmBox #annotationYesButton:focus, 
.annotator-viewer .annotator-widget .annotator-item #annotationConfirmBox #annotationNoButton:focus {
	outline: 1px solid;
}
.annotator-widget.annotator-listing {
    /*background-color: #fff7c6;*/
    padding: 0 !important;
    border-radius: 4px;
    box-shadow: 1px 4px 4px -3px;
}
.annotator-annotation.annotator-item {
	padding-top: 0 !important;
}
/*.annotator-annotation.annotator-item > div {
	background-color: inherit;
	border: none;
	margin-right: 0px;
}*/
.annotator-annotation.annotator-item > div {
	margin-bottom: 0px;
	clear: both;
}
/*ends*/

/* Annotator Editor
-------------------------------------------------------------------- */

.annotator-editor .annotator-item {
	position: relative;
}
.annotation-editor .annotator-heading span {
	background-color: #b5b55c;
}
.annotator-editor .annotator-item label {
	top: 0;
	display: inline;
	cursor: pointer;
	font-size: 13px;
	color: #2a2a2a;
	font-family: arial;
}

.annotator-editor .annotator-item input,
.annotator-editor .annotator-item textarea {
	display: block;
	min-width: 100%;
	padding: 10px 8px;
	border: none;
	margin: 0;
	color: rgb(60, 60, 60);
	background: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

}

.annotator-editor .annotator-item textarea::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}

.annotator-editor .annotator-item textarea::-webkit-scrollbar-track-piece {
	margin: 13px 0 3px;
	background-color: #e5e5e5;
	-webkit-border-radius: 4px;
}
.annotator-editor .annotator-listing {
	padding: 10px !important;
}
.annotator-editor .annotator-item textarea::-webkit-scrollbar-thumb:vertical {
	height: 25px;
	background-color: #ccc;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.annotator-editor .annotator-item textarea::-webkit-scrollbar-thumb:horizontal {
	width: 25px;
	background-color: #ccc;
	-webkit-border-radius: 4px;
}

.annotator-editor .annotator-item:first-child textarea {
	min-height: 5.5em;
}

.annotator-editor .annotator-item input:focus,
.annotator-editor .annotator-item textarea:focus{
	background-color: rgb(243, 243, 243);
	outline: none;
}

.annotator-editor .annotator-item input[type=radio],
.annotator-editor .annotator-item input[type=checkbox] {
	width: auto;
	min-width: 0;
	padding: 0;
	display: inline;
	margin: 0 4px 0 0;
	cursor: pointer;
	vertical-align: text-top;
}

.annotator-editor .annotator-checkbox {
	padding: 5px;
	/*border-bottom: 1px solid #b6a56e;*/
	border-top: none;
	color:red;
	margin-top: 10px !important;
}

.annotator-filter,
.annotator-filter .annotator-filter-navigation button,
.annotator-editor .annotator-controls {
	text-align: right;
	padding: 6px;
	background-color: rgb(212, 212, 212);
	border-top: 1px solid #b5b55c;
	background-color: #fff7c6;
	cursor: pointer;
}

/*.annotator-editor.annotator-invert-y .annotator-controls {
	padding: 10px 3px;
}
*/
.annotator-editor a,
.annotator-filter .annotator-filter-property label {
	position: relative;
	display: inline-block;
	padding: 0 10px 0 10px;
	text-decoration: none;
	line-height: 24px;
	font-size: 13px;
	font-weight: bold;
	/*border: 1px solid rgb(162, 162, 162);*/
	border-radius: 4px;
	background-color: #96b447;
	color: #fff;
}
.annotator-editor a:hover,
.annotator-editor a:focus,
.annotator-editor a.annotator-focus,
.annotator-filter .annotator-filter-active label,
.annotator-filter .annotator-filter-navigation button:hover {
	outline: none;
	/*border-color: rgb(67, 90, 160);*/
	background-color: #96b447;
	color: rgb(255, 255, 255);
}

.annotator-editor a:hover::after,
.annotator-editor a:focus::after {
	margin-top: -8px;
	background-position: 0 -105px;
}

.annotator-editor a.annotator-save::after {
	background-position: 0 -120px;
}

.annotator-editor a.annotator-save:hover::after,
.annotator-editor a.annotator-save:focus::after,
.annotator-editor a.annotator-save.annotator-focus::after {
	margin-top: -8px;
	background-position: 0 -135px;
}

.annotator-editor .annotator-widget::after {
	background-position: 10px -30px;
}

.annotator-editor.annotator-invert-y .annotator-widget::after {
	background-position: 10px -45px;
	height: 11px;
}


/* Annotator Notification
-------------------------------------------------------------------- */

.annotator-notice {
	color: #fff;
	position: absolute;
	position: fixed;
	top: -54px;
	left: 0;
	width: 100%;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: black;
	background: rgba(0, 0, 0, 0.9);
	border-bottom: 4px solid #d4d4d4;
	-webkit-transition: top 0.4s ease-out;
	-moz-transition: top 0.4s ease-out;
	-o-transition: top 0.4s ease-out;
	transition: top 0.4s ease-out;
}

.ie6 .annotator-notice {
	position: absolute;
}

.annotator-notice-success {
	border-color: #3665f9;
}

.annotator-notice-error {
	border-color: #ff7e00;
}

.annotator-notice p {
	margin: 0;
}

.annotator-notice a {
	color: #fff;
}

.annotator-notice-show {
	top: 0;
}

/* Annotator Tags Plugin
-------------------------------------------------------------------- */

.annotator-tags {
	margin-bottom: -2px;
}

.annotator-tags .annotator-tag {
	display: inline-block;
	padding: 0 8px;
	margin-bottom: 2px;
	line-height: 1.6;
	font-weight: bold;
	background-color: rgb(230, 230, 230);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

/* Annotator Filter Plugin
-------------------------------------------------------------------- */

.annotator-filter {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	text-align: left;
	line-height: 0;
	border: none;
	border-bottom: 1px solid #878787;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 
		inset 0 -1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 
		inset 0 -1px 0 rgba(255, 255, 255, 0.3);
	-o-box-shadow: 
		inset 0 -1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: 
		inset 0 -1px 0 rgba(255, 255, 255, 0.3);
}

.annotator-filter strong {
	font-size: 12px;
	font-weight: bold;
	color: #3c3c3c;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
	position: relative;
	top: -9px;
}


.annotator-filter .annotator-filter-property,
.annotator-filter .annotator-filter-navigation {
	position: relative;
	display: inline-block;
	overflow: hidden;
	line-height: 10px;
	padding: 2px 0;
	margin-right: 8px;
}

.annotator-filter .annotator-filter-property label,
.annotator-filter .annotator-filter-navigation button {
	text-align: left;
	display: block;
	float: left;
	line-height: 20px;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-o-border-radius: 10px 0 0 10px;
	border-radius:  10px 0 0 10px;
}

.annotator-filter .annotator-filter-property label {
	padding-left: 8px;
}

.annotator-filter .annotator-filter-property input {
	display: block;
	float: right;
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #878787;
	border-left: none;
	padding: 2px 4px;
	line-height: 16px;
	min-height: 16px;
	font-size: 12px;
	width: 150px;
	color: #333;
	background-color: #f8f8f8;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	-o-border-radius: 0 10px 10px 0;
	border-radius:  0 10px 10px 0;
	-webkit-box-shadow: 
		inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 
		inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 
		inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 
		inset 0 1px 1px rgba(0, 0, 0, 0.2);
	
}

.annotator-filter .annotator-filter-property input:focus {
	outline: none;
	background-color: #fff;
}

.annotator-filter .annotator-filter-clear {
	position: absolute;
	right: 3px;
	top: 6px;
	border: none;
	text-indent: -900em;
	width: 15px;
	height: 15px;
	background-position: 0 -90px;
	opacity: 0.4;
}

.annotator-filter .annotator-filter-clear:hover,
.annotator-filter .annotator-filter-clear:focus {
	opacity: 0.8;
}

.annotator-filter .annotator-filter-clear:active {
	opacity: 1;
}

.annotator-filter .annotator-filter-navigation button {
	border: 1px solid rgb(162, 162, 162);
	padding: 0;
	text-indent: -900px;
	width: 20px;
	min-height: 22px;
	-webkit-box-shadow: 
		inset 0 0 5px rgba(255, 255, 255, 0.2),
		inset 0 0 1px rgba(255, 255, 255, 0.8);
	-moz-box-shadow:
		inset 0 0 5px rgba(255, 255, 255, 0.2),
		inset 0 0 1px rgba(255, 255, 255, 0.8);
	-o-box-shadow:
		inset 0 0 5px rgba(255, 255, 255, 0.2),
		inset 0 0 1px rgba(255, 255, 255, 0.8);
	box-shadow:
		inset 0 0 5px rgba(255, 255, 255, 0.2),
		inset 0 0 1px rgba(255, 255, 255, 0.8);
}

.annotator-filter .annotator-filter-navigation button,
.annotator-filter .annotator-filter-navigation button:hover,
.annotator-filter .annotator-filter-navigation button:focus {
	color: transparent;
}

.annotator-filter .annotator-filter-navigation button::after {
	position: absolute;
	top: 8px;
	left: 8px;
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	background-position: 0 -210px;
}

.annotator-filter .annotator-filter-navigation button:hover::after {
	background-position: 0 -225px;
}

.annotator-filter .annotator-filter-navigation .annotator-filter-next {
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	-o-border-radius: 0 10px 10px 0;
	border-radius:  0 10px 10px 0;
	border-left: none;
}

.annotator-filter .annotator-filter-navigation .annotator-filter-next::after {
	left: auto;
	right: 7px;
	background-position: 0 -240px;
}

.annotator-filter .annotator-filter-navigation .annotator-filter-next:hover::after {
	background-position: 0 -255px;
}

.annotator-hl-active {
	background: rgba(255, 255, 10, 0.8);
}

.annotator-hl-filtered {
	background-color: transparent;
}
.annotator-resize {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 12px;
	background-position: 2px -150px;
}

.annotator-invert-x .annotator-resize {
	right: auto;
	left: 0;
	background-position: 0 -195px;
}

.annotator-invert-y .annotator-resize {
	top: auto;
	bottom: 0;
	background-position: 2px -165px;
}

.annotator-invert-y.annotator-invert-x .annotator-resize {
	background-position: 0 -180px;
}

/* Overriding font styles of font-awesomee class. */
.annotator-controls .fa-pencil, .annotator-controls .fa-trash-o, .annotator-controls .fa-times {
	font-family: FontAwesome !important;
	font-size: 14px !important;
}

/* Annotation Status Feature styles start */
.annotator-viewer .annotator-heading h2,
.annotator-editor .annotator-heading h2 {
    display: flex;
    align-items: flex-start;
    line-height: 1;
}
.annotator-viewer .annotator-heading h2 span,
.annotator-editor .annotator-heading h2 span {
    border-radius: 5px;
    padding: 3px 7px;
    margin-left: 5px;
    background-color: #066401;
    color: #FFF !important;
	font-weight: normal;
	font-size: 13px;
}
.annotator-viewer .annotator-heading h2 span.closed,
.annotator-editor .annotator-heading h2 span.closed {
    background-color: #AE0000;
}
/* Annotation Status Feature styles end */

.annotator-button::after {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAEiCAYAAAD0w4JOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkREQjU5NUUzRTREMTFFMUJCQThENjQ1NDg5Q0U3NUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkREQjU5NUYzRTREMTFFMUJCQThENjQ1NDg5Q0U3NUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMkY4NEM4QjNERkExMUUxQkJBOEQ2NDU0ODlDRTc1RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMkY4NEM4QzNERkExMUUxQkJBOEQ2NDU0ODlDRTc1RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoUNah0AABE5SURBVHja7JwJWFXX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');
}

/* Generic Touch Widget Styles */
/*.annotator-touch-widget {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	border: 1px solid rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.85);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(rgba(57, 57, 57, 0.85)),
		color-stop(0.5, rgba(58, 58, 58, 0.85)),
		color-stop(0.5, rgba(0, 0, 0, 0.85)),
		to(rgba(0, 0, 0, 0.85))
	);
	background: -moz-linear-gradient(
		-90deg,
		from(rgba(57, 57, 57, 0.85)),
		color-stop(0.5, rgba(58, 58, 58, 0.85)),
		color-stop(0.5, rgba(0, 0, 0, 0.85)) 50%,
		to(rgba(0, 0, 0, 0.85))
	);
	background: -webkit-linear-gradient(
		-90deg,
		from(rgba(57, 57, 57, 0.85)),
		color-stop(0.5, rgba(58, 58, 58, 0.85)) 50%,
		color-stop(0.5, rgba(0, 0, 0, 0.85)) 50%,
		to(rgba(0, 0, 0, 0.85))
	);
	background: linear-gradient(
		to bottom,
		from(rgba(57, 57, 57, 0.85)),
		color-stop(0.5, rgba(58, 58, 58, 0.85)) 50%,
		color-stop(0.5, rgba(0, 0, 0, 0.85)) 50%,
		to(rgba(0, 0, 0, 0.85))
	);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);*/
	/* Removes the tap outline on elements that have bound touch events */
/*	-webkit-tap-highlight-color: transparent;
}
*/
.annotator-touch-widget-inner {
	background-color: #b5b55c;
	/*border: 1px solid rgba(0, 0, 0, 0.8);*/
	margin: 7px;
	padding: 6px;
	/*line-height: 0;*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
	-ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
	-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
}

/*.annotator-touch-widget .annotator-button {
	cursor: pointer;
	font-size: 16px;
	line-height: 44px;
	padding-left: 40px;
	padding-right: 20px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}*/

.annotator-touch-widget .annotator-button[disabled] {
	opacity: 0.3;
	cursor: default;
}

.annotator-touch-widget .annotator-button::after {
	left: 15px;
}

.annotator-touch-widget .annotator-add::after,
.annotator-touch-widget .annotator-add:hover::after,
.annotator-touch-widget .annotator-add:focus::after,
.annotator-touch-widget .annotator-add.annotator-focus::after {
	margin-top: -7px;
	background-position: 0 -270px;
}

/* Adder Styles */

.annotator-touch-controls {
	position: fixed;
	top: 15px;
	right: 15px;
	min-width: auto;
}

.annotator-touch-controls.annotator-touch-hide {
	right: -9999em;
	opacity: 0;
	-webkit-transition: opacity 0.2s 0 ease-in, right 0s 0.3s linear;
	-moz-transition: opacity 0.2s 0 ease-in, right 0s 0.3s linear;
	-ms-transition: opacity 0.2s 0 ease-in, right 0s 0.3s linear;
	-o-transition: opacity 0.2s 0 ease-in, right 0s 0.3s linear;
	transition: opacity 0.2s 0 ease-in, right 0s 0.3s linear;
}

/*.annotator-touch-controls .annotator-button {
	line-height: 56px;
}*/

/* Viewer Overrides*/

/*.annotator-touch-viewer .annotator-widget {
	min-width: 380px;
}*/

/*.annotator-touch-viewer div {
	padding: 12px;
}
*/
/*.annotator-touch-viewer div:first-of-type {
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 20px;
}
*/
.annotator-touch-viewer .annotator-touch-controls {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	/*display: none;*/
	/*background: rgba(255, 255, 255, 0.6);
	background: -webkit-gradient(
		linear, right top, left top,
		from(rgba(255, 255, 255, 0.8)),
		color-stop(0.9, rgba(255, 255, 255, 0.8)),
		to(rgba(255, 255, 255, 0))
	);
	background: -moz-linear-gradient(
		0deg,
		from(rgba(255, 255, 255, 0.8)) 90%,
		to(rgba(255, 255, 255, 0))
	);
	background: -webkit-linear-gradient(
		0deg,
		from(rgba(255, 255, 255, 0.8)) 90%,
		to(rgba(255, 255, 255, 0))
	);
	background: linear-gradient(
		to bottom,
		from(rgba(255, 255, 255, 0.8)) 90%,
		to(rgba(255, 255, 255, 0))
	);
	-webkit-box-pack: end;
	-webkit-box-align: center;
	-webkit-box-orient: horizontal;
	-moz-box-pack: end;
	-moz-box-align: center;
	-moz-box-orient: horizontal;
	box-pack: end;
	box-align: center;
	box-orient: horizontal;*/
	padding: 10px;
	bottom: 0;
	padding: 0 10px 0 20px;
}

.annotator-touch-viewer li.annotator-visible .annotator-touch-controls {
	display: block;
	/*display: -moz-box;
	display: box;*/
}

/*.annotator-touch-viewer .annotator-touch-controls button {
	line-height: 44px;
	padding-left: 40px;
	padding-right: 20px;
	margin-left: 6px;
}*/

.annotator-touch-viewer .annotator-touch-controls .annotator-edit::after {
	background-position: 0 -15px;
}

.annotator-touch-viewer .annotator-touch-controls .annotator-edit:hover::after,
.annotator-touch-viewer .annotator-touch-controls .annotator-edit:focus::after,
.annotator-touch-viewer .annotator-touch-controls .annotator-edit:active::after,
.annotator-touch-viewer .annotator-touch-controls .annotator-edit.annotator-focus::after {
	background-position: 0 -30px;
}

.annotator-touch-viewer .annotator-touch-controls button::after {
	left: 15px;
}

/* Editor Overrides */

.annotator-touch-editor {
	position: fixed;
	/*top: -1000px !important;*/
	left: 0 !important;
	right: 0;
	bottom: -1000px;
	padding: 1000px 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-moz-box-pack: center;
	-moz-box-align: center;
	box-pack: center;
	box-align: center;
}
.annotator-widget.annotator-touch-widget-inner {
	position: fixed;
	top: 15px;
	left: 33%;
	bottom: inherit;
	
}
.annotator-widget.annotator-touch-widget-inner::before {
	border-top: 0;
	border-right: 0;
	border-left: 0;
}

/*.annotator-touch-editor .annotator-touch-widget {
	pointer-events: all;
	position: relative;
	width: 80%;
	max-width: 680px;
}*/

.annotator-touch-editor .annotator-touch-widget-inner {
	/*position: static;*/
	width: auto;
	padding: 0;
	background: #fff;
}

.annotator-touch-editor .annotator-widget::after {
	display: none;
}

.annotator-touch-editor .annotator-widget .annotator-item {
	border-top-color: rgba(0, 0, 0, 0.15);
}

/*.annotator-touch-editor .annotator-widget .annotator-item,
.annotator-touch-editor.annotator-editor .annotator-item label,
.annotator-touch-editor.annotator-editor .annotator-item input,
.annotator-touch-editor.annotator-editor .annotator-item textarea {
	font-size: 18px;
}*/

/*.annotator-touch-editor.annotator-editor .annotator-item input,
.annotator-touch-editor.annotator-editor .annotator-item label {
	line-height: 30px;
	margin-left: 8px;
}
*/
.annotator-touch-editor.annotator-editor .annotator-item input[checkbox] {
	font-size: large;
}

/*.annotator-touch-editor .annotator-widget .annotator-item:first-child textarea {
	font-size: 18px;
	background-color: #fff;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}*/

.annotator-touch-editor .annotator-resize {
	display: none;
}

/*.annotator-touch-editor .annotator-controls {
	padding: 7px;
	background-color: #efefef;
	background-image: none;
}*/

.annotator-touch-editor .annotator-item-quote {
	font-size: 16px;
	line-height: 1.2;
	border-color: #cebfa2;
	background-color: #fbfae9;
	color: #a58129;
	padding: 10px 7px;
}

.annotator-item-quote span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #a58129;
	font-family: Georgia, serif;
}

.annotator-item-quote.annotator-touch-expand span {
	overflow: visible;
	text-overflow: inherit;
	white-space: inherit;
}

.annotator-item-quote button {
	font-size: 14px;
	line-height: 44px;
	margin-top: -13px;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
	color: #a58129;
	border: none;
	background: none;
	margin-left: 10px;
	cursor: pointer;
}

.annotator-button::after {
	background-repeat: no-repeat;
}

/*.annotator-button {
	background-color: red;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	position: relative;
	display: inline-block;
	padding: 0 6px 0 22px;
	color: rgb(54, 54, 54);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	text-decoration: none;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid rgb(162, 162, 162);
	background-color: rgb(212, 212, 212);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		from(rgb(245, 245, 245)),
		color-stop(0.5, rgb(210, 210, 210)),
		color-stop(0.5, rgb(190, 190, 190)),
		to(rgb(210, 210, 210))
	);
	background-image: -moz-linear-gradient(
	    -90deg,
	    rgb(245, 245, 245),
	    rgb(210, 210, 210) 50%,
	    rgb(190, 190, 190) 50%,
	    rgb(210, 210, 210)
	);
	background-image: -webkit-linear-gradient(
	    -90deg,
	    rgb(245, 245, 245),
	    rgb(210, 210, 210) 50%,
	    rgb(190, 190, 190) 50%,
	    rgb(210, 210, 210)
	);
	background-image: linear-gradient(
	    to bottom,
	    rgb(245, 245, 245),
	    rgb(210, 210, 210) 50%,
	    rgb(190, 190, 190) 50%,
	    rgb(210, 210, 210)
	);
	-webkit-box-shadow:
		inset 0 0 5px rgba(255, 255, 255, 0.2),
		inset 0 0 1px rgba(255, 255, 255, 0.8);
	-moz-box-shadow:
		inset 0 0 5px rgba(255, 255, 255, 0.2),
		inset 0 0 1px rgba(255, 255, 255, 0.8);
	-o-box-shadow:
		inset 0 0 5px rgba(255, 255, 255, 0.2),
		inset 0 0 1px rgba(255, 255, 255, 0.8);
	box-shadow:
		inset 0 0 5px rgba(255, 255, 255, 0.2),
		inset 0 0 1px rgba(255, 255, 255, 0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
*/
/*.annotator-button::after {
	position: absolute;
	top: 50%;
	left: 5px;
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	margin-top: -7px;
	background-position: 0 -90px;
}*/

/*.annotator-button:hover,
.annotator-button:focus,
.annotator-button.annotator-focus {
	outline: none;
	border-color: rgb(67, 90, 160);
	background-color: rgb(56, 101, 249);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		from(rgb(118, 145, 251)),
		color-stop(0.5, rgb(80, 117, 251)),
		color-stop(0.5, rgb(56, 101, 249)),
		to(rgb(54, 101, 250))
	);
	background-image: -moz-linear-gradient(
	    -90deg,
	    rgb(118, 145, 251),
	    rgb(80, 117, 251) 50%,
	    rgb(56, 101, 249) 50%,
	    rgb(54, 101, 250)
	);
	background-image: -webkit-linear-gradient(
	    -90deg,
	    rgb(118, 145, 251),
	    rgb(80, 117, 251) 50%,
	    rgb(56, 101, 249) 50%,
	    rgb(54, 101, 250)
	);
	background-image: linear-gradient(
	    to bottom,
	    rgb(118, 145, 251),
	    rgb(80, 117, 251) 50%,
	    rgb(56, 101, 249) 50%,
	    rgb(54, 101, 250)
	);
	color: rgb(255, 255, 255);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
}*/

.annotator-button:hover::after,
.annotator-button:focus::after {
	margin-top: -8px;
	background-position: 0 -105px;
}

/*.annotator-button:active {
	border-color: rgb(112, 12, 73);
	background-color: rgb(209, 46, 142);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		from(rgb(252, 124, 202)),
		color-stop(0.5, rgb(232, 93, 178)),
		color-stop(0.5, rgb(209, 46, 142)),
		to(rgb(255, 0, 156))
	);
	background-image: -moz-linear-gradient(
	    -90deg,
	    rgb(252, 124, 202),
	    rgb(232, 93, 178) 50%,
	    rgb(209, 46, 142) 50%,
	    rgb(255, 0, 156)
	);
	background-image: -webkit-linear-gradient(
	    -90deg,
	    rgb(252, 124, 202),
	    rgb(232, 93, 178) 50%,
	    rgb(209, 46, 142) 50%,
	    rgb(255, 0, 156)
	);
	background-image: linear-gradient(
	    to bottom,
	    rgb(252, 124, 202),
	    rgb(232, 93, 178) 50%,
	    rgb(209, 46, 142) 50%,
	    rgb(255, 0, 156)
	);
}*/

.annotator-button.annotator-save::after {
	background-position: 0 -120px;
}

.annotator-button.annotator-save::after,
.annotator-button.annotator-save:focus::after,
.annotator-button.annotator-save.annotator-focus::after {
	margin-top: -8px;
	background-position: 0 -135px;
}

/* Icon only button styles */

[data-annotator-use-icons] .annotator-touch-widget .annotator-button {
	/* width & overflow is required by Android WebKit */
	width: 1px;
	overflow: hidden;
	text-indent: -999em;
	padding-left: 25px;
}

[data-annotator-use-icons] .annotator-touch-controls .annotator-button {
	padding-left: 35px;
}

[data-annotator-use-icons] .annotator-touch-controls .annotator-button::after {
	left: 20px;
}

[data-annotator-use-icons] .annotator-touch-viewer .annotator-touch-controls button {
	padding-left: 25px;
	text-indent: -9000em;
}

[data-annotator-use-icons] .annotator-touch-viewer .annotator-touch-controls button::after {
	left: 15px;
}

[data-annotator-use-icons] .annotator-touch-viewer .annotator-widget {
	min-width: 320px;
}

/* Highlighter Selection Styles */

.annotator-selection-handle {
	cursor: pointer;
	display: block;
	position: absolute;
	width: 44px;
	height: 44px;
	top: 0;
	left: 0;
	padding: 0;
	margin-left: -22px;
	margin-top: -22px;
	border-radius: 50%;
	/* Removes the tap outline on elements that have bound touch events */
	-webkit-tap-highlight-color: transparent;
}

.annotator-selection-handle::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -5px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.annotator-selection-start::after {
  top: -5px;
  bottom: auto;
  background-position: 0 -20px;
}

.annotator-selection-hide .annotator-selection-handle {
  display: none;
}

/* Styles for smaller screens */

@media only screen and (max-width: 480px) {
	.annotator-touch-viewer {
		left: 0 !important;
		width: 100%;
		background: none;
		min-width: 0;
		border: none;
	}

	.annotator-touch-viewer .annotator-widget {
		position: static;
		left: 0;
		width: 100%;
		height: auto;
		min-width: 0;
		-webkit-box-sizing: border-box;
		-webkit-border-radius: none;
		border-radius: none;
	}

	.annotator-touch-viewer .annotator-widget::after {
		display: none;
	}

	.annotator-touch-editor {
		border: none;
		-webkit-box-align: start;
		-moz-box-align: start;
		box-align: start;
	}

	.annotator-touch-editor .annotator-touch-widget {
		width: 100%;
		max-width: auto;
		margin: 0;
		border-color: #333;
		border-left: none;
		border-right: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}

	.annotator-touch-editor .annotator-touch-widget-inner {
		width: 100%;
		max-width: auto;
		margin: 0;
		border: 0;
	}

	.annotator-touch-editor .annotator-controls {
		border-bottom: 1px solid #D4D4D4;
	}

	.annotator-touch-editor .annotator-touch-widget,
	.annotator-touch-editor .annotator-touch-widget-inner,
	.annotator-touch-editor .annotator-touch-widget .annotator-item:first-child textarea,
	.annotator-touch-editor .annotator-controls {
		border-radius: 0;
	}
}

/*@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);*/

/* structure.css - START*/
/*body {
    font-family: 'Open Sans', sans-serif;
}*/
div,p,body,html {
    margin: 0;
    padding: 0;
}
.outer-container {
    max-width: 3600px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    float: none;
}
.outer-container img {
    border: medium none;
    max-width: 100%;
    width:100%;
}
.outer-container .ee-overlay {
    cursor:pointer;
    position: absolute;
    display:block;
    z-index:8;
}
.outer-container .ee-overlay .circle-shape {
    width: 2.6em;
    height: 2.6em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    border-radius: 999px;
    background-color: #747474;
    font-size:1.2em;
    text-align: center;
    line-height: 2.6em;
    border: 0.15em solid transparent;
}
.outer-container .ee-overlay .circle-shape:hover {
    background-color: #403939;
}
.outer-container .ee-overlay .circle-shape.selected {
    background:#dd781d !important;
}
.outer-container .ee-overlay .dls-imgbook-supersite-ttf,
.outer-container .ee-overlay .dls-imgbook-mouse-ttf {
    color: #6E6F71;
    line-height: inherit;
}
.outer-container .ee-overlay .dls-imgbook-mouse-ttf {
    font-size: 1.06em;
    padding: 0.15em 0.15em 0.2em 0.15em;
    border-radius: 0.25em;
    background-color: #e7e8ea;
}
.outer-container .ee-overlay .dls-imgbook-supersite-ttf {
    font-size: 3.759em;
}
.outer-container .ee-overlay .dls-imgbook-supersite {
    width: 2.95em;
    height: 2.95em;
    background-size: cover;
    background-image: url('../css/font/VHL_SS_Icon_gray.svg');
}
.outer-container .ee-overlay .dls-imgbook-mouse {
    width: 1.5em;
    height: 1.5em;
    background-size: cover;
    background-image: url('../css/font/VHL_Mouse_Icon_Gray.svg');
}
.outer-container .overlays-style {
    line-height: 1.5em;
    vertical-align: baseline;
}
.outer-container .externalIcon {
    background-color: transparent;
    border: 1px solid;
    height: 15px;
    left: 697.667px;
    top: 188.533px;
    width: 36px;

}
#reader-container-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
.readerContainer {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    float:left;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow:hidden;
}
#readerpagedivB, #readerpagedivA {
    position: relative;
}
.readerpagediv {
    float: left;
    width:100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
}
.readerpagediv >div >div {
    line-height: normal;
}
.readerpagediv >div > div> span {
    float:left;
    white-space: pre;
}
.reader-inner-border-right {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-right:1px solid gray;
}
.reader-inner-border-left {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-left:1px solid gray;
}
.reader-display-none {
    display:none;
}
/* Added a blank.gif image to avoid layering issue in IE*/
.ee-transparentImage{
    background:url(font/blank.gif);
}
#ee-overlaysA, #ee-overlaysB {
    z-index: 5;
}
.textLayer {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.icon-1x {
    font-size: 1.4em;
    color: white;
}
::selection {
    background: rgb(0,0,255); /* The Fallback */
    background:rgba(0,0,255,0.3);
}
::-moz-selection {
    background: rgb(0,0,255); /* The Fallback */
    background:rgba(0,0,255,0.3);
}

/* structure.css - END*/

/* Search selection styles */
.popover {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    left: 0;
    line-height: 1.42857;
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: normal;
    z-index: 1010;
}
.search-alert {
    background-color: #000;
    opacity: 0.50;
}
.search-popover.popover {
    display: block;
    top: 15px;
    left: 48%;
    font-size: 18px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.15);
}
.search-popover .popover-content {
    padding: 10px 18px;
}
/* Search overlay styles end*/

/* Invisible Hotspot with underline capability */
.underline:hover {
    border: 2px solid #000000;
    border-width: 0 0 2px 0;
    background: yellow;
    opacity: 0.2;
}

/*Animate styles start*/
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
}
}
.fadeOutLeft {
    animation-name: fadeOutLeft;
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
}
}
.fadeOutRight {
    animation-name: fadeOutRight;
}
/*Animate styles end*/
@keyframes changeBackgroundColor {
    0% {
        opacity: 0.2;
    }
    100% {
        opacity: 0.5;
    }
}
/* For local testing */
@keyframes changeBackgroundTransform {
    0% {
        opacity: 0.2;
        transform: scale(1.2);
    }
    100% {
        opacity: 0.5;
        transform: scale(1.5);
    }
}
.outer-container .ee-overlay .invisibleHotspot-overlay:hover {
    opacity: .5;
}

.outer-container .ee-overlay .invisibleHotspot-overlay {
    opacity: 0;
}
.outer-container .ee-overlay .animation-overlay {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: .5em;
    transform: scale(1.1);
}
.outer-container .ee-overlay .animation-overlay:hover {
    transition: all 0.5s;
    opacity: .5;
    transform: scale(1.1);
}
#annotationRightBar, #annotationLeftBar {
    background-color: #f1c94a;
    display: inline-block;
    cursor: pointer;
}
#annotationRightBar {
    float: right;
}
#annotationLeftBar {
    float: left;
}
.dls-imgbook-font.dls-imgbook-annotation  {
    font-style: normal;
    color: #7c7c7c;
}

/* Overriding styles for new UI*/
.annotator-hl {
    background-color: transparent;
}
.annotator-hl:hover {
    background-color: #6c6c6c;
}
.annotator-hl:hover i {
    color: #f1c94a;
}
.annotator-editor .annotator-widget,
.annotator-viewer .annotator-widget {
    padding: 10px;
    border: 0 none;
    border-radius: 0;
    background-color: #faf1d5;
}
.annotator-viewer .annotator-widget {
    padding: 10px !important;
}
.annotator-editor .annotator-widget .annotator-heading,
.annotator-viewer .annotator-widget .annotator-heading {
    background-color: transparent;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid #888;
}
.annotator-editor .annotator-widget .annotator-heading h2,
.annotator-viewer .annotator-widget .annotator-heading h2 {
    font-weight: normal;
    color: #525252;
    font-size: 17px;
}
.annotator-editor .annotator-listing {
    padding: 10px 0 !important;

}
.annotator-editor textarea#annotator-field {
    padding: 4px;
    background-color: transparent;
    border: 0 none;
    font-size: 12px;
    background-color: #FFFFFF;
}
.annotator-editor .annotator-controls {
    padding: 0;
    background-color: transparent;
    border: 0 none;
    text-align: center;
}
.annotator-editor a,
.annotator-editor a.annotator-focus,
.annotator-editor .annotator-cancel {
    background-color: transparent;
    color: #525252;
    font-family: Arial;
    font-weight: bold;
    border: 1px solid #aaa;
}
.annotator-editor a:hover,
.annotator-editor a:focus,
.annotator-editor .annotator-cancel:hover,
.annotator-editor .annotator-cancel:focus {
    background-color: transparent;
    color: #000000;
}
.annotator-viewer .viewerarea textarea {
    min-width: 245px;
}
.annotator-viewer #annotator-message {
    background-color: white;
    margin: 10px 0 0;
    max-height: 50px;
    overflow: auto;
}
.annotator-hl {
    position: absolute;
    font-size: 3.5em;
    padding: 0 0.27em;
    line-height: 1em;
}
.annotator-widget::after {
    display: none;
}
.annotator-widget::before {
    display: none;
}
/* Annotations styles ends */

/* Editor styles Overrides */
.wysiwyg-container {
    border: 0 none;
}
.annotator-viewer .annotator-widget.annotator-listing .wysiwyg-container {
    padding: 10px;
    background-color: #faf1d5;
    border: none;
}
.annotator-editor .wysiwyg-container {
    background-color: #fff;
}
.wysiwyg-editor {
    max-height: inherit;
    overflow: inherit;
    font-size: 13px;
    min-width: 250px;
}
.annotator-editor .wysiwyg-editor {
    overflow: auto;
    border: 1px solid #858586;
    height: 5em;
    width: 250px;
}
.annotator-viewer .wysiwyg-editor {
    min-height: 10px;
    padding: 0;
} 
.wysiwyg-toolbar {
    display: none;
}
.wysiwyg-popup.wysiwyg-popuphover a {
    background-color: #fff;
    color: #000;
}
.wysiwyg-popup.wysiwyg-popuphover {
    display: none;
}
.activityBox {
    display: inline-block;
    overflow: auto;
    padding: 10px 15px 0;
    min-width: 50%;
    margin-left: 1%;
    margin-right: 1%;
    background: #747474;
    max-width:50%;
    position:absolute;
    top:110px;
    right: 0;
    border-radius: 4px;
    -webkit-box-shadow: -1px 1px 10px 3px rgba(170,170,170,1);
    -moz-box-shadow: -1px 1px 10px 3px rgba(170,170,170,1);
    box-shadow: -1px 1px 10px 3px rgba(170,170,170,1);
    z-index: 99999;
    font-family: Arial;
}
.activityBox .close-icon {
    float: right;
    font-size: 25px;
    color: rgb(255, 255, 255);
    position: absolute;
    top: -8px;
    right: 8px;
    cursor: pointer;
}
.activityBox #left-content #header-content {
    color:#FFFFFF;
}
.activityBox #left-content .iconBox {
    width: 10%;
    float: left;
    font-size: 45px;
}
.activityBox #left-content .description {
    padding: 0px 20px;
    border-left: 1px dashed #fff;
    width: 90%;
    margin-left: 10%;
    text-align: left;
}
.activityBox #left-content .description h1 {
    font-weight: bold;
    margin-top: 0px;
}
.invisibleHotspot [type=activity],
.invisibleHotspot [type=coming_soon_pop] {
    cursor: url(http://www.comprotechnologies.com/test/hand_activity_v2.cur), url(img/hand_activity_v2.gif), auto;
}
/********** Activity Box Styles ends***************/