@font-face {
	font-family: Hodder;
	src: url(../fonts/Hodder.eot?wwu7t9);
	src: url(../fonts/Hodder.eot?wwu7t9#iefix) format('embedded-opentype'), url(../fonts/Hodder.ttf?wwu7t9) format('truetype'), url(../fonts/Hodder.woff?wwu7t9) format('woff'), url(../fonts/Hodder.svg?wwu7t9#Hodder) format('svg');
	font-weight: 400;
	font-style: normal
}

.addMembers-search:before,
.casiohtml:before,
.contents:before,
.default_search_msg .srchicon:before,
.glossary:before,
.integralhtml:before,
.manage-groups:before,
.mini-full-screen ul li.double-view:before,
.mini-full-screen ul li.sigle-view:before,
.opr-help:before,
.opr-integralresource:before,
.opr-teacher-icon:before,
.search-font-icon:before,
.search:before,
.search_HDLAssess:before,
.search_HDLReports:before,
.search_eow:before,
.search_htmlPackageintegralhtml:before,
.search_htmlWeblinkintegralhtml:before,
.search_htmlcasiohtml:before,
.search_quiz:before,
.setting:before,
[class*=" icon-"],
[class^=icon-],
ul.customToc .HDLAssess-toc-icon:before,
ul.customToc .HDLReports-toc-icon:before,
ul.customToc .casiohtml:before,
ul.customToc .eow-toc-icon:before,
ul.customToc .integralhtml:before,
ul.customToc .quiz-toc-icon:before {
	font-family: Hodder;
	speak: none !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1 !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important
}

.casiohtml.icon-font:before,
.casiohtml:before,
.icon.casiohtml:before,
.icon.integralhtml:before,
.integralhtml.icon-font:before,
.integralhtml:before,
.opr-integralresource:before,
.search_htmlPackagecasiohtml:before,
.search_htmlPackageintegralhtml:before,
.search_htmlWeblinkcasiohtml:before,
.search_htmlWeblinkintegralhtml:before,
.search_htmlcasiohtml:before {
	font-family: Hodder !important;
	content: "\e901" !important
}

.casiohtml.icon-font:before,
.casiohtml:before,
.icon.casiohtml:before {
	content: "\e902" !important;
	color: #232831
}

.add-group-title .title-name,
.add-group-title input[name=showAddForm],
.backToLib:before,
.big-font:before,
.breadcrumbs a,
.editGroup h3,
.group-belowHeader a,
.manage-groupList h3,
.pagination-info-icon:after,
.small-font:before,
a {
	color: #1b4488
}

#headerDiv {
	display: none
}

.backToLib:before {
	vertical-align: baseline
}

#headerDiv div.top-center {
	display: none
}

.navbar-inner {
	background: #fff linear-gradient(#fdfdff, #ecf3fc);
	-webkit-box-shadow: 0 7px 5px -5px rgba(00, 00, 0, .2);
	-moz-box-shadow: 0 7px 5px -5px rgba(00, 00, 0, .2);
	box-shadow: 0 7px 5px -5px rgba(00, 00, 0, .2)
}

.navbar-brand {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	width: 52px;
	height: 42px
}

.poweredby {
	display: block
}

.navbar .nav>li>a.userlogin {
	display: none
}

#topBarCustomLink {
	background: url(../images/logo-hodder-education.png) center no-repeat;
	height: 54px;
	width: 124px;
	display: inline-block;
	margin: 6px 15px 0 7px
}

.manage-groups:before {
	content: "\e604";
	font-size: 22px
}

.delete-group-fonticon:before,
.edit-group-fonticon:before,
.newGroupCancel:before,
.newGroupSave:before {
	color: #6f6f6f
}

.groups-row .save-btn,
.mygroups-grid-b .btn-secondary {
	background-color: #1766d7
}

.navbar .nav>li>a span {
	font-family: OpenSansSemibold, Arial, sans-serif
}

.navbar .nav>li>a span.opr-help:before {
	color: #1766d7;
	font-size: 24px
}

#openPageLogo img {
	width: auto
}

.opr-hidden-for-all {
	display: block !important
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus {
	background-color: #1766d7;
	border-color: #1766d7
}

.OPDropdown-select,
.accordion-all,
.annotation-preview-btn.delete:before,
.annotation-preview-btn.edit:before,
.annotation-preview-btn.share:before,
.contents:before,
.export_but:before,
.feeds:before,
.glossary:before,
.highlight-remove-btn:before,
.manage-groups:before,
.onscreenText,
.op-dropdown .OPDropdown-option.selected:before,
.opr-teacher-icon:before,
.opr-user-icon:before,
.savesync:before,
.search:before,
.setting:before,
.share_but:before,
.showBy,
.switch-light,
.user-icon:before {
	color: #1B4488;
}

.embeded-href,
.glossary-link .embeded-href:before,
.popover ul#merged-list .embeded-href:before,
.popover ul#merged-list li[data-type=file]:before,
.popover ul#merged-list li[data-type=hyperlink]:before,
.popover ul#merged-list li[data-type=note]:before,
.popover ul#merged-list li[data-type=voice]:before,
.popover ul#merged-list li[data-type=weblink]:before {
	color: #039be5
}

@keyframes fadeG {
	0% {
		background-color: #1766d7
	}

	100% {
		background-color: #fff
	}
}

@-o-keyframes fadeG {
	0% {
		background-color: #1766d7
	}

	100% {
		background-color: #fff
	}
}

@-ms-keyframes fadeG {
	0% {
		background-color: #1766d7
	}

	100% {
		background-color: #fff
	}
}

@-webkit-keyframes fadeG {
	0% {
		background-color: #1766d7
	}

	100% {
		background-color: #fff
	}
}

@-moz-keyframes fadeG {
	0% {
		background-color: #1766d7
	}

	100% {
		background-color: #fff
	}
}

.switch-labels a {
	background: #1766d7
}

.viewer-titlebar .book-title.breadcrumbs a,
.viewer-titlebar .book-title.breadcrumbs span.breadcrumb-arrow {
	display: none
}

.viewer-titlebar {
	padding-top: 7px;
	top: 0
}

.book-title.breadcrumbs span#bookTitle {
	color: #fff;
	font-family: OpenSansregular, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px
}

.mini-full-screen ul li a.double-view:before,
.mini-full-screen ul li a.full-view.active:before,
.mini-full-screen ul li a.full-view:before,
.mini-full-screen ul li a.mini-view:before,
.mini-full-screen ul li a.print-view:before,
.mini-full-screen ul li a.sigle-view:before,
.mini-full-screen ul li span.bookmark-view:before {
	color: #fff;
	font-size: 18px
}

.mini-full-screen ul li a.double-view.active:before,
.mini-full-screen ul li a.mini-view.active:before,
.mini-full-screen ul li a.print-view.active:before,
.mini-full-screen ul li a.sigle-view.active:before,
.mini-full-screen ul li span.bookmark-view.active:before {
	color: #575757
}

.mini-full-screen ul li a.double-view {
	position: relative;
	width: 44px;
	display: inline-block;
	height: 28px
}

.mini-full-screen ul li a.double-view:before {
	font-size: 29px;
	position: absolute;
	left: 5px;
	top: -1px
}

.mini-full-screen ul li a.sigle-view:before {
	font-size: 17px
}

.mini-full-screen ul li.divider {
	visibility: visible;
	margin-top: 4px;
	background-color: #fff
}

.mini-full-screen ul li:last-child {
	padding-right: 0
}

.page-leftbar,
.st-menu-open .page-leftbar {
	background: #eaf1fb;
	border-color: #e1e1e1
}

.left-container-top ul li a {
	color: #1766d7;
	padding-top: 18px
}

.search:before {
	font-size: 22px
}

.contents:before {
	font-size: 20px
}

.leftbar-icon .item-title {
	margin-top: 2px
}

.sidebar .nav-tabs>li.active>a,
.sidebar .nav-tabs>li.active>a:focus {
	background-color: #1766d7
}

ul.customToc div.chapter {
	background: #e9e9e9
}

ul.customToc li.toc-level_2:last-child {
	border-bottom: none
}

.showBy.active {
	background-color: #1766d7
}

.file-leftbadge,
.hyperlink-leftbadge,
.note-leftbadge,
.voice-leftbadge,
.voice-play-button,
.voice-stop-button,
.weblink-leftbadge {
	background-color: #1766d7
}

.st-content {
	background: url(../images/h-bg.jpg)
}

.pageSlider .infoTip {
	background: #1766d7
}

.pageSlider .infoTip::before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #1766d7
}

.pageSlider input[type=range] {
	background-color: #fff;
	height: 8px
}

.ie11 .pageSlider input[type=range] {
	height: 15px
}

.pageSlider input[type=range]::-moz-range-track {
	background-color: #fff
}

.pageSlider input[type=range]::-ms-track {
	background-color: #fff
}

.pageSlider input[type=range]::-webkit-slider-thumb {
	background-color: #1766d7
}

.pageSlider input[type=range]::-moz-range-thumb {
	background: #1766d7
}

.user-icon:before {
	top: 11px;
	left: 11px
}

.teacher-icon:before {
	top: 12px;
	left: 12px
}

.ps-container .ps-scrollbar-base,
.ps-container .ps-scrollbar-y {
	border: 1px solid #fff
}

.deleteBtn:before,
.editBtn:before,
.jumpTo:before {
	color: #797b7c
}

.search_HDLAssess:before,
.search_HDLReports:before,
.search_audio:before,
.search_compressed:before,
.search_file:before,
.search_gallery:before,
.search_html:before,
.search_htmlPackage:before,
.search_htmlPackagecasiohtml:before,
.search_htmlPackageintegralhtml:before,
.search_htmlWeblink:before,
.search_htmlWeblinkcasiohtml:before,
.search_htmlWeblinkintegralhtml:before,
.search_htmlcasiohtml:before,
.search_image:before,
.search_pdf:before,
.search_quiz:before,
.search_text:before,
.search_tip:before,
.search_video:before,
ul.customToc .HDLAssess-toc-icon:before,
ul.customToc .HDLReports-toc-icon:before,
ul.customToc .audio-toc-icon:before,
ul.customToc .bookmark-toc-icon:before,
ul.customToc .compressed-toc-icon:before,
ul.customToc .doc-toc-icon:before,
ul.customToc .enrichment.level_1 .compressed-toc-icon:before,
ul.customToc .enrichment.level_1 .doc-toc-icon:before,
ul.customToc .enrichment.level_1 .other-toc-icon:before,
ul.customToc .enrichment.level_1 .pdf-toc-icon:before,
ul.customToc .enrichment.level_1 .spreadsheet-toc-icon:before,
ul.customToc .enrichment.level_1 .text-toc-icon:before,
ul.customToc .file-toc-icon:before,
ul.customToc .gallery-toc-icon:before,
ul.customToc .highlight-toc-icon:before,
ul.customToc .html-toc-icon:before,
ul.customToc .htmlPackage-toc-icon:before,
ul.customToc .htmlWeblink-toc-icon:before,
ul.customToc .hyperlink-toc-icon:before,
ul.customToc .image-toc-icon:before,
ul.customToc .note-toc-icon:before,
ul.customToc .other-toc-icon:before,
ul.customToc .pdf-toc-icon:before,
ul.customToc .quiz-toc-icon:before,
ul.customToc .spreadsheet-toc-icon:before,
ul.customToc .text-toc-icon:before,
ul.customToc .tip-toc-icon:before,
ul.customToc .video-toc-icon:before,
ul.customToc .weblink-toc-icon:before {
	color: #797b7c;
	border: 1px solid #797b7c
}

ul.customToc span.navList-delete:before {
	color: #797b7c
}

.search_eow:before,
.search_quiz:before,
ul.customToc .eow-toc-icon:before,
ul.customToc .quiz-toc-icon:before {
	content: "\e646";
	font-size: 20px;
	border: none;
	padding-top: 0
}

.search_eow:before,
ul.customToc .eow-toc-icon:before {
	content: "\e900"
}

.search_HDLAssess:before,
.search_HDLReports:before,
ul.customToc .HDLAssess-toc-icon:before,
ul.customToc .HDLReports-toc-icon:before {
	content: "\e900";
	font-size: 20px;
	border: none;
	padding-top: 0
}

.casiohtml:before,
.integralhtml:before,
ul.customToc .casiohtml:before,
ul.customToc .integralhtml:before {
	content: "\e901";
	font-size: 20px;
	border-color: #797b7c !important;
	padding-top: 0;
	color: #1a69a3 !important
}

.tab-pane-contant .casiohtml:before,
.tab-pane-contant ul.customToc .casiohtml:before {
	content: "\e902";
	color: #232831 !important
}

.search_html.casiohtml:before,
.search_html.integralhtml:before {
	padding-top: 3.5px !important
}

.html-toc-icon.casiohtml:before,
.html-toc-icon.integralhtml:before,
.htmlPackage-toc-icon.opr-casioresource:before,
.htmlPackage-toc-icon.opr-integralresource:before,
.htmlWeblink-toc-icon.opr-casioresource:before,
.htmlWeblink-toc-icon.opr-integralresource:before {
	font-family: Hodder !important;
	content: "\e901" !important;
	font-size: 13px !important;
	padding-top: 4px !important;
	padding-right: 1px !important
}

.htmlPackage-toc-icon.opr-casioresource:before,
.htmlPackage-toc-icon.opr-integralresource:before,
.htmlWeblink-toc-icon.opr-casioresource:before,
.htmlWeblink-toc-icon.opr-integralresource:before,
.htmlWeblink-toc-icon.opr-none:before,
.search_htmlPackagecasiohtml:before,
.search_htmlPackageintegralhtml:before,
.search_htmlWeblinkcasiohtml:before,
.search_htmlWeblinkintegralhtml:before,
.search_htmlcasiohtml:before {
	color: #949494;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	text-decoration: none;
	border: 1px solid #949494;
	width: 22px;
	text-align: center;
	padding: 4px 2px 0;
	font-size: 12px;
	height: 22px
}

.htmlPackage-toc-icon.opr-casioresource:before,
.htmlWeblink-toc-icon.opr-casioresource:before,
.search_htmlPackagecasiohtml:before,
.search_htmlWeblinkcasiohtml:before,
.tab-pane-contant .html-toc-icon.casiohtml:before {
	content: "\e902" !important;
	color: #232831 !important
}

.search_HDLAssess:before,
ul.customToc .HDLAssess-toc-icon:before {
	content: "\e646"
}

ul.customToc .bookmark-toc-icon:before {
	color: #1766d7;
	border: 1px solid #1766d7
}

.feed-hyperlink .who-shared:after,
.feed-note .who-shared:after,
.feed-voice .who-shared:after,
.feed-weblink .who-shared:after {
	color: rgba(121, 123, 124, 1)
}

.zoom-bar input[type=range]::-moz-range-track {
	border: 3px solid #a6c4e6
}

.OPDropdown-option.selected:before,
.op-dropdown .OPDropdown-option.selected:after {
	color: #1766d7
}

.previewInSearch:before,
span.preview:before {
	content: 'Open';
	font-family: OpenSansRegular, Arial, sans-serif;
	font-size: 12px;
	color: #5778bb
}

.footer-text {
	text-align: center
}

.shared-link,
.title-name {
	color: #1766d7
}

.big-font:before,
.pagination-info-icon:after,
.shared-link,
.small-font:before,
.title-name,
a#thumbContainer {
	color: #1766d7
}

a.preview:before,
a.previewInSearch:before {
	content: 'Open';
	font-family: OpenSansRegular, Arial, sans-serif !important;
	color: #5778bb;
	font-size: 12px !important
}

.sidebar a.preview,
.sidebar a.previewInSearch {
	top: 0
}

.hand-icon.active {
	background-color: #0b71b9;
	box-shadow: 0 0 5px #0c70b8 inset
}

.hand-icon:before {
	top: -1px
}

.sidebar .nav-tabs>li>a {
	max-width: 120px
}

ul.customToc li.highlightChapter a.collaspe:before {
	color: #515051 !important
}

.highlightChapter a {
	color: #515051
}

.opr-paddr-0 {
	padding-right: 0
}

ul#user-context-menu>li>a:after {
	margin-top: 2px
}

#updateBookshelf {
	display: none
}

.retag-popup-body .radio-btn-row {
	display: block
}

.retag-popup-body .opr-teacher-icon,
.retag-popup-body .opr-user-icon {
	height: 42px;
	width: 42px;
	float: left;
	margin-left: -95%;
	overflow: visible;
	position: relative;
	top: 0;
	left: 0;
	vertical-align: middle
}

.retag-popup-body .opr-teacher-icon:before,
.retag-popup-body .opr-user-icon:before {
	left: 11px;
	top: 11px
}

.retag-popup-body .feeds-cont-bothside {
	margin-right: 70px
}

.retag-popup-body .vocieSeekbarContainer input[type=range].vocieSeekbar {
	margin-top: 11px;
	margin-bottom: 10px
}

.enrichDownlaodContainer {
	display: inline-block;
	position: absolute;
	right: 53px;
	top: 11px
}

.enrichlist_adjustment .enrichDownlaodContainer a.downloadButton.assetDownload {
	text-align: center;
	padding: 0
}

.enrichlist_adjustment .enrichDownlaodContainer .downLoadTimer:before,
.enrichlist_adjustment .enrichDownlaodContainer .downloadButton:before {
	background-image: url(../images/assetDownloadIcon.png)
}

.enrichlist_adjustment .enrichDownlaodContainer .downLoadTimer,
.enrichlist_adjustment .enrichDownlaodContainer .downloadButton {
	border: 2px solid #1766d7
}

.enrichlist_adjustment .enrichDownlaodContainer a.assetDownload {
	overflow: initial;
	padding-left: 0
}

.enrichlist_adjustment .enrichDownlaodContainer .downloadCompleted:before {
	color: #1766d7
}

.chapterHasNotopic a {
	max-width: 85%
}

.logo .disabled-Logo {
	opacity: 1;
	cursor: default !important;
	pointer-events: none
}

.ie11 input[type=range]::-ms-fill-upper {
	background-color: #b5b5b6
}

.ie11 input[type=range]::-ms-fill-lower {
	background-color: #1766d7
}

.enrichlist_adjustment .downLoadTimer,
.enrichlist_adjustment .downloadButton {
	position: relative;
	background-image: url(../images/assetLoader.png);
	background-position-x: 0;
	background-position-y: 0;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	border: 2px solid #37a6dd;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0
}

.enrichlist_adjustment .downLoadTimer:before,
.enrichlist_adjustment .downloadButton:before {
	content: "";
	background-image: url(../images/assetDownloadIcon.png);
	background-position-x: 0;
	background-position-y: 0;
	background-repeat: no-repeat;
	top: 3px;
	left: 5px;
	width: 11px;
	height: 11px;
	display: inline-block;
	position: absolute;
	background-size: 14px
}

.downloadSize {
	position: absolute;
	right: 85px;
	top: 13px;
	text-align: right;
	width: 80px
}

.enrichlist_adjustment .downLoadTimer:before,
.enrichlist_adjustment .downloadButton:before {
	top: 4px;
	left: 3px;
	width: 16px
}

.lib-over-content .downloadSize,
.lib-over-content .enrichDownlaodContainer {
	display: none
}

.instructionCarousel .instructionMsgText {
	visibility: hidden
}

#slideContentSecondPage .goToLibraryPos {
	display: none
}

.opr-fullscreen-adjust {
	left: 60px
}

.opr-fullscreen .page-leftbar {
	width: 60px
}

.st-pusher:after {
	right: -60px
}

.annotationView textarea {
	color: #424242
}

.opr-user-icon:before {
	content: "\e63a"
}

.addmem-list .opr-teacher-icon:before {
	left: 11px
}

.opr-user-icon:before {
	left: 10px
}

.opr-text-to-speech-bar {
	z-index: 999
}

.bookmark-flag {
	width: auto !important
}

.bookmark-flag-left {
	text-align: left
}

.bookmark-flag-right {
	right: 22px !important
}

.flagDisable.bookmark-flag-right {
	text-align: right;
	right: 25px !important
}

.bookmark-flag-ribbon {
	transform: translate(-50%, 0);
	border: none !important;
	top: -6px
}

.flagDisable .bookmark-flag-ribbon {
	border: none !important;
	line-height: normal
}

.bookmark-flag-ribbon:after {
	content: "\e932";
	font-family: OP2-fonts, sans-serif;
	color: #fd841f;
	font-size: 24px
}

.flagDisable .bookmark-flag-ribbon:after {
	content: "\e605";
	font-family: OP2-fonts, sans-serif;
	color: #4b4b4b;
	font-size: 17px
}

.flagDisable .bookmark-flag-ribbon:before {
	content: "";
	background: 0 0 !important;
	border-bottom-color: transparent !important;
	border-bottom-style: solid !important;
	border-bottom-width: 4px !important;
	border-left: #fff solid 7px !important;
	border-right: #fff solid 7px !important;
	position: absolute;
	top: 0;
	height: 17px;
	z-index: -1
}


.device-tabbing-none .next-div,
.device-tabbing-none .previous-div {
    display: flex;
    justify-content: center;
    align-items: center;
	display: block;
      z-index: 9999;
	  background-color: #5c5c5c;
	  margin-top:-20px;
}

@media only screen and (max-device-width: 1280px) {
    .device-tabbing-none .next-div
     {
      right: 0;
      }
      .device-tabbing-none .previous-div {
      left: 0;
      -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
      }
	  .device-tabbing-none .next-page-button,
	  .device-tabbing-none .prev-page-button{
		padding: 20px 15px;
	  }
      .device-tabbing-none .next-page-button:before{
          content: url(../images/native-next-icon.png);
          color: #fff;
          line-height: 0 !important;
      }
      .device-tabbing-none .prev-page-button:before{
          content: url(../images/native-pervious-icon.png);
          color: #fff;
          line-height: 0 !important;
      }
  
  

  
  }
    .existFullScreenNative{
      position: absolute;
      right:0;
      top: 40px;
      display:none;
      z-index: 100;
      background-color:#283D5A;
      padding: 4px 8px;
  }
  
  .existFullScreenNative:before {
      content: url(../images/native-fullscreenicon.png);
      color: #fff;
  }