body {
	width: 100%;
	height: 100%;
}

.mcPagerContainer {
	position: absolute;
	left: 0px;
	right: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	user-select: none;

	overflow: auto;
}
.mcPagerSidebar {
	background-color: rgb(52, 52, 52);
	position: absolute;
	height: calc(100% - 100px); /*JNM*/
	width: 140px;  /*JNM*/
	left: 0px;
	text-align: center;
	top:0px;
}
.mcPagerRightSidebar {
	position: absolute;
	background-color: white;
	height: 50%; /*JNM*/
	width:340px;   /*JNM*/
	right: 3em;
	text-align: center;
	border-left: 1px solid black;
	top: 0px;
	z-index: 1;
	overflow-x:hidden;
}
.tocContainer{ position:absolute; z-index:10; width:0; overflow: hidden; right:3em; top:0; bottom:0; box-sizing: border-box; display:flex; flex-direction: column; box-sizing: border-box;}
.tocContainer iframe{ padding:0; margin:0; width:340px; height:100%; border:0px none; flex-grow: 1; }
.ipubExtrasContainer, .legalNoticesContainer, .technicalDataContainer{ position:absolute; z-index:11; width:0; overflow: hidden; right:3em; top:0; bottom:0; display:flex; flex-direction: column; box-sizing: border-box; }
.ipub-extras-related-items-container, .legal-notices-content-container { box-sizing: border-box; padding:2em; padding-right: 0; overflow: hidden; width:340px; background: #e8e8e8; display:flex; flex-grow: 1; }
.technical-data-container { box-sizing: border-box; padding:2em; overflow: hidden; width:340px; background: #e8e8e8; height:100%; }

.ipub-extras-related-items-container h2{ padding-right: 3em; }
.ipub-extras-related-items, .legal-notices-contents{ overflow: auto; padding-right:2em; }
.ipub-extras-related-items a, .technical-data-container a{ display:block; margin-bottom: 1em; clear:both; }
.legal-notices-contents{ max-width: 99%; }
.legal-notices-contents > h4{ margin-bottom: 0.75rem; }
.legal-notices-contents > div{ margin-bottom: 1.5rem; }
.mobile .mcPagerRightSidebar, .mobile .tocContainer, .mobile .legalNoticesContainer{
	height:auto;
	width:auto;
	top:auto;
	left:0; right:4em;
	bottom:-50vh;
	min-height:40vh;
	max-height: 50vh;
	overflow-y:auto;
}
.mobile .tocContainer iframe{ width:100%; }
.mobile .ipub-extras-related-items-container, .mobile .legal-notices-content-container{
	width:auto;
}
#pagerRightSidebarSlider{
	overflow: auto;height:384;overflow-x:hidden;
}
#pagerToolbar{
	box-sizing: border-box;
	width:100%;
}
#pagerToolbar > div {
	/*position: absolute;*/
	/*left: 0px;*/
	/*right: 0px;*/
	/*top: 0px;*/
	/*height: 42px;*/
	display:flex;
	flex-direction: row;
	width: 100%; /*JNM*/
	border-bottom: 1px solid rgb(0, 0, 0);
	justify-content: space-between;
}
#pagerToolbar .title{
	margin:0em;
}

#pagerToolbar .sectionBox{
	display:flex; flex-direction: row; align-items: stretch; width: auto; max-width:70vw;
}
#pagerToolbar .sectionBox > div{
	display:flex; flex-direction: row; flex-wrap: nowrap; padding-right: 10px;
}
#pagerToolbar .sectionBox > div > a{
	display:inline-block; flex:1;
}

#pagerToolbarNav {
	/*width: 100%;*/ /*JNM*/
	/*flex:1;*/
	padding: 0px;
	margin: 11px 20px;
	justify-self: right;
}

@media screen and (max-width: 1360px) {
	#pagerToolbar > div{
		flex-wrap: wrap;
	}
	#pagerToolbar .sectionBox{
		max-width: none;
	}
}

.mcPagerNavButtonBox {
	position: relative;
	cursor: default;
	width: 45px;
	height: 19px;
	margin-left: 1px;
	margin-right: 1px;
}
.mcPagerNavButtonLight {
	height: inherit;
	width: inherit;
}
.mcPagerNavButtonBoxEnabled:active > .mcPagerNavButtonLight, .mcPagerNavButtonBoxEnabledActive > .mcPagerNavButtonLight {
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.mcPagerNavButtonBoxEnabled:hover > .mcPagerNavButtonLight, .mcPagerNavButtonBoxEnabledActive > .mcPagerNavButtonLight, .mcPagerNavButtonLight:active {
	filter:alpha(opacity=0);
}
.mcPagerNavButtonBoxDisabled {
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=50);
}
.mcPagerNavButtonBoxDisabled > .mcPagerNavButtonLight {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
}
.mcPagerNavPageNum {
	text-align: center;
	display: inline-block;
	margin: 1px;
	padding: 1px 4px;
	border: 1px solid rgb(48, 48, 48);
	width: 34px !important;
}
#pagerSidebarSlider {
	width: 100%;
	left: 0px;
	position: relative;
	overflow: hidden;
}
.mcPagerSidebarContext {
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	visibility: hidden;
	outline: none;
}
.mcPagerThumbContainer 
{
	/* background for page thumb in left sidebar - when page is currently selected page */
	position: relative;
	width: calc(100% - 7px);
	height: 102px;
	margin: 0px auto;
}
.mcPagerThumbContainerUnselected 
{
	/* background for page thumb in left sidebar - when page is not currently selected page*/
    background-color: rgb(52, 52, 52);
    background-color: #666;
}
.mcPagerThumbContainerUnselected:hover {
	background-color: rgb(60, 62, 66);
    background-color: #888888;
}
.mcPagerThumbContainerSelected {
	font-weight: bold;
}
.mcPagerThumbNumber {
	float: left;
	color: #333;
    color: #ccc;
	font-family: sans-serif, monospace;
    padding-left: 4px;
    padding-right: 10px;
}
.mcPagerThumbImage {
	width: 96px;
	height: 96px;
	position: relative;
	top: 1px;
	left: 25px; /*JNM*/
	background-position: center;
	background-repeat: no-repeat;
    border: 2px solid transparent;
}
label {
	color: white;
}
#pagerSortBy{ color:#000; }
#pagerSearchResults {
	margin-top: 10px;
}
.mcPagerSearchResult {
	background-color: white;
	padding: 3px;
	padding-left: 20px;
	margin: 5px 3px;
	border: 1px solid gray;
	text-align: left;
	overflow: hidden;
	color: #0C4790;
}
.mcPagerSearchResult:hover {
	background-color: gainsboro;
}
.mcPagerSearchResult strong {
	text-decoration: underline;
}
.mcPagerSearchResult em {
	font-weight: bold;
}
.mcPagerSearchLoadMore {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: yellow;
	color: black;
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 20px;
	height: 20px;
	line-height: 20px;
}
.mcPagerSearchLoadMore:hover {
	color: red;
}
#pagerMain {
	position: absolute;
	left:140px; /*JNM*/
	right:calc(240px + 4em); /*JNM*/ /*175px;*/
	top: 0px;
	bottom: 0px;
	overflow: auto;
    background-color: #bbb;
	outline: none;
	text-align: center;
	color: black;
	right:3em;
}
.mobile #pagerMain{ right:4em; }
#pagerVirtualField {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 20px;
	bottom: 0px;
}
.mcPagerPageContainer {
	position: absolute;
	margin: 10px auto;
	top: -15px;
	left: 0px;
	right: 0px;
}
.mcPagerPageWrap {
	position: relative;
    border: 1px solid #333;
	margin: 0px auto;
	width: 0px;
	height: 0px;
	background-color: #eee;
	outline: #bbb solid 5px;
	user-select: none;
}
.mcPagerPageUnderlay {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	pointer-events: none;
}
.mcPagerPageUnderlayImage {
	margin: 0px auto;
	position: relative;
	top: 128px;
}
.mcPagerPageImage {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: crosshair;
	width: 100%;
	height: 100%;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	user-select: none !important;
	pointer-events: none;
}
.mcPagerPageOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.mcPagerPageOverlayPageNumber {
	position: relative;
	margin: auto;
	top: 40px;
	font-size: 60px;
}
#pagerTextCopyArea {
	/*
	 * FF4 does not allow select() if position is absolute.
	 */
	position: fixed;
	left: -1000px;
}
#pagerHeader {
	background-color: white;
	border-bottom: 1px solid rgb(80, 80, 80);
	width: 100%;
}
#pagerFooter {
	background-color: white;
	border-top: 1px solid rgb(80, 80, 80);
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
#pagerCropShield {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	/**/
	background-color: black;
	text-align: center;
	color: white;
	/**/
}
/*#pagerCropShieldText {
	cursor: pointer;
	margin: 2px;
}
#pagerCropShieldText:hover {
	text-decoration: underline;
}*/
#pagerCropRect {
	position: fixed;

	/*
	border: 1px dashed black;
	*/
	border: 1px dashed rgb(255, 80, 1);
	cursor: crosshair;
}
.mcPagerCropRectInteractive {
	cursor: move !important;
}
.mcPagerCropRectInteractive .mcPagerCropResizer {
	display: block;
}
#pagerCropImage {
	position: absolute;
	top: 0px;
	left: 0px;
	pointer-events: none;
	/*
	cursor: pointer;
	*/
	/*
	right: 0px;
	bottom: 0px;
	*/
}
.mcPagerCropResizer {
	position: absolute;
	/*height: 8px;*/
	height: 0.5rem;
	/*width: 8px;*/
	width: 0.5rem;
	border-radius: 0.25rem;
	/*
	background-color: rgb(255, 80, 1);
	*/
	/*background: url('/assets/images/orange-dot.png') no-repeat center center;*/
	background: #FF5001;
	display: none;
	/*margin: -4px;*/
	margin: -0.25rem;
}

/*use for mobile*/
.mobile .mcPagerCropResizer {
	height: 35px;
	width: 35px;
	border-radius: 17.5px;
	background: #FF5001;
	margin: -17.5px;
}
.mobile .mcPagerCropResizer::before{
	content:' ';
	width:90px;
	height:90px;
	position:absolute;
	margin:-22.5px;
	background: rgba(0,0,0,0);
}

.mc-pager-selection-button{
	position: fixed; left:170px; display: none; z-index:1001;
}
.mobile .mc-pager-selection-button{ display: block; }
.mc-pager-selection-button a{
	display:inline-block; width:4rem; height:4rem; line-height: 4.5rem; border-radius: 2rem; background: #fff; filter: drop-shadow(0 0 0.50rem black); font-size:2.5rem; text-align: center; text-decoration: none;
}
.mc-pager-selection-button .madcad-icon-selection-off{ display:none; }
.mc-pager-selection-button.active .madcad-icon-selection-off{ display:inline-block; }
.mc-pager-selection-button.active .madcad-icon-selection{ display:none; }

#pagerCropResizerE {
	cursor: ew-resize;
	right: 0%;
	top: 50%;
}
#pagerCropResizerNE {
	cursor: nesw-resize;
	right: 0%;
	top: 0%;
}
#pagerCropResizerN {
	cursor: ns-resize;
	top: 0%;
	left: 50%;
}
#pagerCropResizerNW {
	cursor: nwse-resize;
	top: 0%;
	left: 0%;
}
#pagerCropResizerW {
	cursor: ew-resize;
	top: 50%;
	left: 0%;
}
#pagerCropResizerSW {
	cursor: nesw-resize;
	bottom: 0%;
	left: 0%;
}
#pagerCropResizerS {
	cursor: ns-resize;
	bottom: 0%;
	left: 50%;
}
#pagerCropResizerSE {
	cursor: nwse-resize;
	right: 0%;
	bottom: 0%;
}
#pagerCropRectNew {
	position: absolute;
}
#pagerCropImageNew {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}
.pagerHighlightBox {
	position: absolute;
	border: 1px solid #ffed00;
	background-color: #ffed00;
	color: transparent;
	pointer-events: none;
	opacity: .40;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
}
.pagerLinkBox {
	position: absolute;
	cursor: pointer;
	pointer-events: auto;
	background: url('/assets/images/blank.gif');	/* IE requires this to register clicks. */
	/*
	border: 1px solid #fc6;
	background-color: #2ff;
	*/
	/*
	border: 1px solid rgb(255, 165, 0);
	background-color: rgb(54, 160, 192);
	opacity: .25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	*/
}
/*
.pagerLinkBox:hover {
	background-color: blue;
}
	*/
.mcPagerHidden, .mcPagerHidden * {
	height: 0px !important;
	visibility: hidden;
}
/* main */
div:after {
	display: none;
}

/*
div.pathBox {
    border-bottom: none;
    padding-bottom: 4px;
}
*/

#pagerHeader {
    border-bottom: none;
}

@media all and (max-width:900px){
	#pagerToolbar{
		display:block;
	}
}

.mini-viewer #pagerHeader, .mini-viewer #pagerToolbar, .mini-viewer #pagerSidebar,
.mini-viewer #enotesToggleOn, .mini-viewer #pagerRightSidebar{
	display:none!important;
}

.mini-viewer #pagerMain{
	left:0; right:0!important;
}

.mini-viewer .pv-toolbar{ display:none!important }

.mini-pager-container .mpc-divider{
	display:flex; position:relative; z-index:1; height:15px; background: #999999; cursor: row-resize; justify-content: space-between;
	align-items:center;
}
.mini-pager-container .mpc-divider span{ width:5em; height:3px; border-top:1px solid #6a6a6a;border-bottom:1px solid #6a6a6a; display:block; }
.mini-pager-container .mpc-closebtn{
	display:inline-block; font-size:11px; line-height: 15px; width:15px; height: 15px; cursor:pointer; background: #6a6a6a;
	color:#fff; text-align: center;
}
.mini-pager-container{
	position:absolute; z-index:2; left:0; bottom:0; right:0; background: #fff; min-height:15vh; display:none;
}
.mini-pager-container iframe{ position:absolute; top:15px; width:100%; height:calc(100% - 15px); box-sizing: border-box; border:0px none; padding:0; margin:0; }

.mini-pager-container .mpc-loader{
	position:absolute; left:0; bottom:0; right:0; top:20px; z-index:5; background: rgba(255,255,255,0.7); display: none;
}
.mini-pager-container .mpc-loader div{
	position:absolute; left:0; bottom:0; right:0; top:0; display: flex; align-items: center; justify-content: center;
}

.mini-pager-container.mpc-errata .mpc-divider{
	background:#ffed00;
}
body.mpc-errata #pagerMain{
	background:#ffc;
}
body.mpc-errata .mcPagerPageWrap{
	outline-color: #ffc;
}

.pv-default-sidemenu-container{display:none; width:170px;}
.pv-default-sidemenu{
	display:none;
	background-color: rgb(240, 240, 240);
	width:170px;
	border: 1px solid rgb(180, 180, 180);
}

.pv-default-sidemenu a, .pv-default-sidemenu a:hover{
	display:block;
	font-size:8pt;
	color:rgb(0,0,0);
	border-bottom: 1px dashed rgb(180,180,180);
	text-decoration: none;
}

.pv-default-sidemenu a .msg{ display:none; }
.mobile .pv-default-sidemenu{ display:none!important; }

/* Pageviewer Toolbars */
.pv-toolbar{ display:flex; flex-direction: column; position:absolute; background:#666; width:3em; max-width: 3em;
	align-items: stretch; z-index:2  }
.pv-toolbar .mcPagerNavButtonBox{
	position:initial; width:auto; margin:0; height:auto;
}
.pv-toolbar .pv-toolbar-button{ display:flex; color:#fff; text-decoration: none; cursor:pointer; align-items: center; align-content: center; justify-content: center; padding:0.7em 0; }

.pv-toolbar .pv-toolbar-button>span{ display:inline-block; font-size:1.5em; }
.pv-toolbar .pv-toolbar-button:hover{ background:rgba(0,0,0,0.25); }
.pv-toolbar .pv-toolbar-button.pv-active{ background:rgba(0,0,0,0.5); }
.pv-toolbar-button.notice{ background:rgba(255,255,204,1); color:#000; flex-direction: column; align-items: center; justify-content: center }
.pv-toolbar-button.notice:hover{ background:rgba(255,255,204,0.50);  }
.pv-toolbar-button.notice>span{ font-size:1.2em; }
.pv-toolbar-button.notice>span:first-child{ font-size:0.8em; }
.pv-toolbar-button.notice.print-notice-show-button>span:first-child{ font-size:1.2em; }
.pv-toolbar.vertical-right{ top:0; bottom:0; right:0; }
.pv-toolbar-group{ display:flex; flex-direction: column; border-top:1px solid rgba(0,0,0,0.7); border-bottom:1px solid rgba(0,0,0,0.7); margin-bottom:-1px; }
.pv-toolbar-group .pv-toolbar-button{ width:auto; flex-grow: 1; }
.pv-toolbar .pv-toolbar-button.mcPagerNavButtonBoxEnabledActive span:before{ content:'\f066' }

.pv-toolbar-group.bottom-aligned{ margin-top:auto; border-top:0px none;}

.pv-page-nav{ display:flex; flex-direction: column; align-items: center; }
.pv-page-nav .pv-toolbar-button{ align-self: stretch; padding:0.3em 0; }
.pv-page-nav .pv-toolbar-button span{ font-size:1.3em; }
.pv-page-nav input{ margin:auto; width:2em !important; border:0px none; color:#fff; background:transparent; max-height: 1em; padding:0; margin:0; border-bottom:1px solid #fff; margin:0.3em auto; }


.pv-toolbar .toc-button{ font-weight: bolder; font-size:0.7em; }

.pv-toolbar.vertical-left{}
.pv-toolbar.horizontal-top{}
.pv-toolbar.horizontal-bottom{}

.pv-toolbar-button#mcIntercomLauncher{
	display:block; background:#ff3300; max-width:100%; max-height: 2em; text-align: center;
}
.pv-toolbar-button#mcIntercomLauncher svg{ width:1.3em; height:1.3em; color:#fff; }
.pv-toolbar-button#mcIntercomLauncher svg path{ fill:#fff; }

.mobile .pv-toolbar{ width:4em; max-width: 4em; }
.mobile .pv-toolbar .pv-toolbar-button{ font-size:1rem; padding-top:1.1rem; padding-bottom: 1.1rem; }

#pagerFooter .mc-close-btn{
	width: 0.9em; height: 0.9em;
	color:#666;
	padding:0.2em;
	font-weight:bold;
	box-sizing: border-box;
	display:block;
	font-family: sans-serif;
	font-size:0.9em;
	position:absolute;
	right:0em; top:0em;
	text-align: center; line-height: 0.6em;
	cursor:pointer;
	background:rgba(200,200,200, 0.5);
}

.pager-pdf #pagerFooter.copyright-notices{
	display:none;
	position:fixed;
	right:calc(3em + var(--sd, 1.1em));
	bottom:0;
	left:auto !important;
	width: calc(100% - 3em - 140px - var(--sd,1.1em));
	min-width: 200px;
}
.pager-pdf .copyright-notices.hide{
	display: none;
}
.htmlViewer #pagerFooter.copyright-notices{
	display:none;
	position:absolute;
	right:calc(3em + var(--sd, 1.1em));
	left:0;
	bottom:initial;
	width: calc(100% - 3em);
	min-width: 200px;
}
/* ie 11,10 hack */
@media screen and (min-width:0\0) {
	.pager-pdf #pagerFooter.copyright-notices{
		left:0 !important;
		margin-left:140px;
		right:4.2em;
	}
}

.cropper-actions{
	display:none; position:fixed; width:100%; box-sizing: border-box; z-index:1000;text-align: right;
}
.cropper-actions > div{
	display:inline-flex; flex-direction: row; justify-content: right; align-items: flex-end; margin-left:auto;
}

.cropper-actions.active{
	display:block;
}
.cropper-actions > div > div{ display:flex; background: #CCCCCC; border-top:1px dashed rgb(180,180,180);font-size:1.2rem;cursor:pointer; text-align: left; margin:auto; padding-right:1rem; margin:1px; justify-content: center; align-items: center; }
.cropper-actions div:first-child{ border-top:0; }
.cropper-actions > div > div > span{ display:inline-block; margin-left:0.5rem; max-width: 10rem; }

.mobile #enoteToolbar{ display:none!important; }

.mobile .pagerCropShield h3, .mobile .pagerCropShield h4{ display:none; }
.pagerCropShield .mobileCropShieldText{ display: none; font-size:1.7rem; }
.mobile .pagerCropShield .mobileCropShieldText{ display: block; }
.mobile .mcPagerCropCover{ position: absolute; background: rgba(0,0,0,0); top:0;left:0;right:0;bottom:0; }

#enotesTitlebar, .sidebarTitlebar{
	display:table;width:100%;background-color: grey;padding:3px;color:white;font-size:8pt;font-weight:bold; box-sizing: border-box;text-align: center;
}
#enotesTitlebar > div, .sidebarTitlebar > div{ display:flex; color:white; font-weight:bold; justify-content: space-between; align-items: center; }
#enotesTitlebar > div > div, .sidebarTitlebar > div > div{ min-width:35px;  }
#toggleShowHideEnote, .sidebarTogglePanel{
	border:1px;cursor:pointer;font-size:15px;font-weight:normal;
}

#loginPane{ text-align: left;margin:2px;width:calc(100% - 2px);margin-top:5px;padding:3px;border:1px solid rgb(200,200,200);background-color:#ffc;font-size:8pt; }

.mobile #enotesTitlebar, .mobile .sidebarTitlebar{ position:sticky; top:0; font-size:2rem; z-index:15; }
.mobile #enotesPane #confirmClose, .mobile #enotesPane #confirmClose{ box-sizing: border-box; width: 100%; }
.mobile #enotesTitlebar > div > div, .mobile .sidebarTitlebar > div > div{ min-width:5rem;  }
.mobile #toggleShowHideEnote, .mobile .enoteTitlebarButton{ font-size:2rem; }
.mobile #loginPane{ font-size:1.6rem }

#toggleShowHideEnote .h-icon, .sidebarTitlebar .h-icon{ display: none; }
.mobile #toggleShowHideEnote .ltr-icon, .mobile .sidebarTitlebar .ltr-icon{ display: none; }
.mobile #toggleShowHideEnote .h-icon, .mobile .sidebarTitlebar .h-icon{ display: inline-block; }
