@font-face {
  font-family: 'op2-jbl';
  src: url('../fonts/op2-jbl.woff?trua3d') format('woff');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"], .help:before, .close-popup:before, .search-font-icon, ul.customToc .gallery-toc-icon:before, .search_gallery:before, ul.customToc .bookmark-toc-icon:before, ul.customToc .highlight-toc-icon:before, ul.customToc .note-toc-icon:before, .search_note:before, ul.customToc .weblink-toc-icon:before, .search_weblink:before, ul.customToc .image-toc-icon:before, .search_image:before, ul.customToc .video-toc-icon:before, .search_video:before, ul.customToc .audio-toc-icon:before, .search_audio:before, .search_voice:before, ul.customToc .quiz-toc-icon:before, .search_quiz:before, ul.customToc .tip-toc-icon:before, .search_tip:before, ul.customToc .html-toc-icon:before, .search_html:before, ul.customToc .file-toc-icon:before, .search_file:before, ul.customToc .doc-toc-icon:before, .search_doc:before, ul.customToc .pdf-toc-icon:before, .search_pdf:before, ul.customToc .spreadsheet-toc-icon:before, .search_spreadsheet:before, ul.customToc .text-toc-icon:before, ul.customToc .other-toc-icon:before, ul.customToc .enrichment.level_1 .doc-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 .enrichment.level_1 .other-toc-icon:before, .edit-group-title span.float-right:before, .manage-group-count:before, .addMembers-search:before, .lib-search-clear, .setting:before, .savesync:before, .user-info-dropdown .user-icon:before, .search:before, .contents:before, .feeds:before, .glossary:before, .note-leftbadge:before, .weblink-leftbadge:before, .hyperlink-leftbadge:before, .voice-leftbadge:before,.mini-full-screen ul li a.print-view:before, .mini-full-screen ul li span.bookmark-view:before, .mini-full-screen ul li a.mini-view:before, .mini-full-screen ul li a.full-view:before, .mini-full-screen ul li a.full-view.active:before, .next-page-button:before, .prev-page-button:before, .customMerge.opAnnotationIcon:before, .annotation-menu ul li.note-annotation-btn a:before, .annotation-menu ul li.highlight-annotation-btn a:before, .annotation-menu ul li.weblink-annotation-btn a:before, .annotation-menu ul li.hyperlink-annotation-btn a:before, .annotation-menu ul li.voice-annotation-btn a:before, .annotation-preview-btn.edit:before, .annotation-preview-btn.delete:before, .annotation-preview-btn.share:before, .close:before, .delFile:before, .icon_jpg:before, .icon_jpeg:before, .icon_png:before, .icon_gif:before, .icon_bmp:before, .icon_doc:before, .icon_docx:before, .icon_txt:before, .icon_odt:before, .icon_pdf:before, .icon_xls:before, .icon_xlsx:before, .icon_ppt:before,.icon_pptx:before, .icon_defaultFile:before, .icon_mp4:before, .icon_wmv:before, .icon_mov:before, .icon_mp3:before, .icon_wav:before, .icon_wma:before, .icon_3gp:before, .fullscreen-settings-icon:before, .fullscreen-settings-icon.active:before, .default_search_msg .srchicon:before, .sidebar-search:before, .highlight-remove-btn:before, .embeded-href:before, a.previewInSearch:before, a.preview:before, .share_but:before, .export_but:before,.feeds-voice.feeds-who-shared-datatype:after, .feeds-hyperlink.feeds-who-shared-datatype:after, .feeds-weblink.feeds-who-shared-datatype:after, .feeds-note.feeds-who-shared-datatype:after,.feeds-highlight.feeds-who-shared-datatype:after,.feeds-file.feeds-who-shared-datatype:after, .deleteBtn:before, .jumpTo:before, .editBtn:before, .shared-info-group: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, .popover ul#merged-list li[data-type="hyperlink"]:before, .borrow-icon:before, ul.customToc a.navList-delete:before, .search_hyperlink:before, .bookmark-icon:before, .ribbonPoint:before, .help-started:before,.help-setting:before, .help-content:before, .help-bookmarks:before, .help-feeds:before, .help-note:before, .help-pagelink:before, .help-weblink:before, .help-voicenote:before, .help-highlighter:before, .help-remove:before, .help-showhide:before, .help-search:before, .help-assessment:before, .help-tips:before, .help-video:before, .help-audio:before, .help-image:before, .help-gallary:before, .help-html:before, .search_other:before, ul.customToc .htmlPackage-toc-icon:before, .search_htmlPackage:before, ul.customToc .htmlWeblink-toc-icon:before, .search_htmlWeblink:before, ul.customToc .enrichment.level_1 .compressed-toc-icon:before, ul.customToc .compressed-toc-icon:before, .search_compressed:before, .search_text:before,ul.customToc .quiz-lite-toc-icon:before, .search_assessment_lite:before, .opr-help:before, .opr-psp-btn a:before,.help-tts:before,.opr-audio-textspeech:before,.limelight-toc-icon:before,.search_limelight-toc-icon:before{
    font-family: 'op2-jbl', sans-serif !important;
    speak: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
/* font embeded css end */
.navbar-brand {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    height: 43px;
    width: 186px;
    padding: 0;
    cursor: default;
    /*margin: 10px 0;*/
}
.libSearch .search-box{
    margin-top: 27px;
    margin-bottom: 26px;
}
.poweredby{
    display: block;
}
.delFile:before{
        content: "\e642";
}
/*----------about us css start----------*/
#about-us-popup, .context-menu-popup {
    left: 50%;
    width: 700px;
    margin: -250px 0 0 -350px;
    background-color: white;

}
.context-menu-popup-head {
    font-size: 20px;
    padding: 10px 10px 10px 30px;
    position: relative;
}
.about-content h3 {
    margin-top: 20px;
    font-family: 'open_sanssemibold', sans-serif;
    color: #36393b;
    font-size: 1.3em;
}
.about-scroll .highlight {
    color: #12a2e8;
    text-decoration: underline;
    background-color: transparent;
}

.aboutus-head {
    font-size: 20px;
    padding: 10px 10px 10px 30px;
    position: relative;
}
.about-scroll p {
    font-size: 12px;
    line-height: 22px;
        margin: 0;
}
.help-sub-head-first {
    padding-left: 20px;
    padding-top:20px;
}
.help-started:before,.help-setting:before, .help-content:before, .help-bookmarks:before, .help-feeds:before, .help-showhide:before, .help-assessment:before, .help-video:before, .help-audio:before, .help-image:before, .help-gallary:before, .help-html:before, .help-tips:before,.help-tts:before{
    content: "\e624";
    font-size: 18px;
    color: #185E81;
    position: absolute;
    left: 0;
    top: 0;
}
.help-started{
    cursor: pointer;
}
.help-started:before{
   content: "\e900";
}
.help-content:before{
        content: "\e62a";
        font-size: 14px;
}
.help-bookmarks:before{
    content: "\e605";
}
.help-feeds:before{
    content: "\e60e";
    font-size: 15px;
}
.help-showhide:before{
    content: "\e61e";
}
.help-assessment:before{
content: "\e646";
}
.help-video:before{
 content: "\e60c";
}
.help-audio:before{
 content: "\e662";
}
.help-image:before{
 content: "\e660";
}
.help-gallary:before{
 content: "\e60b";
}
.help-html:before{
 content: "\e645";
 font-size: 22px;
}
.help-tips:before{
 content: "\e647";
}
.help-tts:before{
content: "\e919";
}


.help-row {
    margin-bottom: 20px;
    position: relative;
    padding-left: 28px;
}
.help-row h2 {
    font-size: 14px;
    font-family: 'open_sanssemibold', sans-serif;
    color: #185E81;
    text-transform: uppercase;
    margin:0;
}
.help-row a{
    color: #185E81;  
}
.about-scroll h4 {
    margin-top: 10px;
    color: #36393b;
    font-size: 15px;
    font-family: 'open_sanssemibold', sans-serif;
    margin-bottom: 0;
}
.p-line-height p {
    line-height: 30px !important;
}
.about-scroll h5{
        font-size: 15px;
    font-family: 'open_sanssemibold', sans-serif;
}
.about-scroll p a, .about-scroll h3 a, .about-scroll h4 a, .about-scroll h5 a {
    color: #185E81;
    text-decoration: underline;
}
.about-scroll p span.head-sub, .p-line-height p span.link-head {
    font-size: 15px;
    font-family: 'open_sanssemibold', sans-serif;
}
.about-scroll p.subsi-text {
    font-size: 12px;
}
.help-sub-head-sec {
    padding-left: 60px;
}
.help-note:before, .help-pagelink:before, .help-weblink:before, .help-voicenote:before, .help-highlighter:before, .help-remove:before, .help-search:before, .help-retag:before{
    content: "\e61d";
    color: #F47F1F;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
}
.help-pagelink:before{
    content: "\e619";
    color: #85DB6D;
}
.help-weblink:before{
        content: "\e631";
        color: #26DBFB;
}
.help-voicenote:before{
    content: "\e641";
    color: #F172A3;
}
.help-highlighter:before{
    content: "\e65f";
        color: #FEE400;
}
.help-remove:before{
    content: "\e61d";
    color: #F47F1F;
}
.help-retag:before{
    content: "\e913";
    color: #f37f30;
}
/*.help-search:before{

}*/


/*----------about us css end----------*/


.icon-badge{
    background:#ef8d39;
    top: auto;
    bottom: 3px;
}

.sidebar .nav-tabs > li span.icon-badge{
top: auto;
    bottom: -10px;
    font-size: 11px;
    border-radius: 25%;
    padding: 3px;
}

ul.customToc a.navList-delete{
    top: 5px;
}
ul.customToc .bookmark-toc-icon:before, ul.customToc .gallery-toc-icon:before, ul.customToc .highlight-toc-icon:before, ul.customToc .hyperlink-toc-icon:before, ul.customToc .note-toc-icon:before, ul.customToc .weblink-toc-icon:before, ul.customToc .image-toc-icon:before, ul.customToc .video-toc-icon:before, ul.customToc .audio-toc-icon:before, ul.customToc .quiz-toc-icon:before, ul.customToc .tip-toc-icon:before, ul.customToc .html-toc-icon:before, ul.customToc .file-toc-icon:before, ul.customToc .doc-toc-icon:before, ul.customToc .pdf-toc-icon:before, ul.customToc .spreadsheet-toc-icon:before, ul.customToc .compressed-toc-icon:before, ul.customToc .text-toc-icon:before, ul.customToc .other-toc-icon:before, ul.customToc .enrichment.level_1 .doc-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 .compressed-toc-icon:before, ul.customToc .enrichment.level_1 .text-toc-icon:before, ul.customToc .enrichment.level_1 .other-toc-icon:before, ul.customToc .htmlPackage-toc-icon:before, .search_htmlPackage:before, ul.customToc .htmlWeblink-toc-icon:before, .search_htmlWeblink:before{
 border:none;
  font-size: 18px;
  padding-top:0;
}
/*ul.customToc .htmlPackage-toc-icon:before, .search_htmlPackage:before {
    content: "\e645";
}*/
ul.customToc .htmlWeblink-toc-icon:before, .search_htmlWeblink:before{
   content: "\e902";
 }
 ul.customToc .htmlPackage-toc-icon:before, .search_htmlPackage:before{
    font-size:16px;
 }
ul.customToc .gallery-toc-icon:before{
    padding-top: 0;
}
ul.customToc a.navList-delete:before{
    font-size: 17px;
}
ul.customToc .audio-toc-icon:before{
    font-size: 16px;
    padding-top: 0px;
}
ul.customToc .image-toc-icon:before{
    padding-top: 0;
}
ul.customToc .video-toc-icon:before{
    padding-top:0;
}
ul.customToc .quiz-toc-icon:before{
    padding-top: 0;
    padding-right: 0;
}
ul.customToc .tip-toc-icon:before{
    padding-top: 0;
    padding-left:0;
}
ul.customToc .html-toc-icon:before{
        padding-top: 0;
    padding-left: 0;
    font-size: 21px;
}
ul.customToc .file-toc-icon:before{
        padding-top: 0;
        content: "\e644";
}

ul.customToc .enrichment.level_1 .doc-toc-icon:before, ul.customToc .enrichment.level_1 .text-toc-icon:before, ul.customToc .enrichment.level_1 .other-toc-icon:before{
        padding-top: 0;
    font-size: 18px;
}
ul.customToc .bookmark-toc-icon:before{
    content: "\e603";
    color: #FF715D;
    border: none;
    height: auto;
    font-size:14px;
}
.navbar .nav > li > a span.help {
display: block;
    height: 26px;
    width: auto;
    margin: 0;
}
.navbar .nav > li > a span.help:before{
    content: "\e62c";
    font-size: 24px;
    color: #185E81;
}
.setting:before, .launch-psp-content:before, .savesync:before, .search:before, .contents:before, .feeds:before, .glossary:before, .opr-help:before{
    color: #185E81;
}
.OPDropdown-option.selected:before{
    color: #666666;
}
.OPDropdown-option:before{
    border: 1px solid #666666;
}
/*-----save sync loader css start----*/
@keyframes fadeG{
    0%{
        background-color:rgb(58,165,218);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes fadeG{
    0%{
        background-color:rgb(58,165,218);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes fadeG{
    0%{
        background-color:rgb(58,165,218);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes fadeG{
    0%{
        background-color:rgb(58,165,218);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes fadeG{
    0%{
        background-color:rgb(58,165,218);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}
/*-----save sync loader css end----*/
.search:before{
    font-size:20px;
}
.contents:before{
    font-size:17px;
}
.feeds:before{
    font-size:18px;
}
.glossary:before{
    font-size:17px;
}
.mini-full-screen ul li a.print-view:before, .mini-full-screen ul li span.bookmark-view:before, .mini-full-screen ul li a.mini-view:before, .mini-full-screen ul li a.sigle-view:before, .mini-full-screen ul li a.double-view:before, .mini-full-screen ul li a.full-view:before, .mini-full-screen ul li a.full-view.active:before{
    font-size: 18px;
    color:#716F6F;
}

.print-view, .bookmark-view{
    /*margin-right:10px;*/
    margin-right:5px;
    
}
 .bookmark-view::before{
    font-family: 'op2-jbl', sans-serif !important;
    font-size: 18px;
    color: #716F6F;
}

.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: 32px;
    position: absolute;
    top: -2px;
    left: 5px;
}
.mini-full-screen ul li:last-child a{
    padding-right:0px;
}
.search-font-icon:before, .addMembers-search:before{
    color:rgba(173,172,172,0.8);
}
.search-font-icon:hover:before, .addMembers-search:hover:before, .panel-search-clear:hover:before, .lib-search-clear:hover:before, .searchclear-close:hover:before {
    color:rgba(173,172,172,1);
}
.panel-search-clear:before, .lib-search-clear:before, .searchclear-close:before{
   color:rgba(173,172,172,0.8);
   font-size: 8px;
}
.panel-search-clear{
    top:-2px;
}
.search-clear{
    top: 12px;
}
.sidebar-search .panel-search-clear{
    top:0px;
}


.next-page-button:before, .prev-page-button:before{
    color:#716F6F;
}
.left-container-top ul li a:hover, .left-container-top ul li a:active, .left-container-top ul li a.active{
    background-color: #d8d8d8;
}
.annotation-menu ul li.note-annotation-btn a:before, .annotation-menu ul li.highlight-annotation-btn a:before, .annotation-menu ul li.weblink-annotation-btn a:before, .annotation-menu ul li.hyperlink-annotation-btn a:before, .annotation-menu ul li.voice-annotation-btn a:before, .annotation-menu ul li.file-annotation-btn a:before{
    font-size: 14px;

}
.annotation-menu ul li.note-annotation-btn a:before{
content: "\e61d";
color:#F47F1F;
}
.annotation-menu ul li.highlight-annotation-btn a:before{
color:#FEE400;
}
.annotation-menu ul li.weblink-annotation-btn a:before{
color:#26DBFB;
}
.annotation-menu ul li.hyperlink-annotation-btn a:before{
color:#85DB6D;
}
.annotation-menu ul li.voice-annotation-btn a:before{
color:#F172A3;
}


.customNote.opAnnotationIcon:before{
        color: #F47F1F;
}
.voiceAnnotation.opAnnotationIcon:before{
        color: #F172A3;
}
.customMerge.opAnnotationIcon:before{
        color: #185E81;
}
.weblink.opAnnotationIcon:before{
        color: #26DBFB;
}
.hyperlink.opAnnotationIcon:before{
        color: #85DB6D;
}
.mini-full-screen ul li.print-view:hover:before, .mini-full-screen ul li.print-view.active:before, .mini-full-screen ul li.bookmark-view:hover:before, .mini-full-screen ul li.bookmark-view.active:before, .mini-full-screen ul li.mini-view:hover:before, .mini-full-screen ul li.mini-view.active:before, .mini-full-screen ul li.sigle-view:hover:before, .mini-full-screen ul li.sigle-view.active:before, .mini-full-screen ul li.double-view:hover:before, .mini-full-screen ul li.double-view.active:before, .mini-full-screen ul li.full-view:hover:before, .mini-full-screen ul li.full-view.active:hover:before{
    color: #185E81;
}
.mini-full-screen ul li.opr-psp-btn a{
    background-color: #185E81;
    border: solid 1px #185E81;
}
.op-dropdown .OPDropdown-option.selected:after{
    color: #185E81;
}
.mini-full-screen ul li.opr-psp-btn.opr-view-result a{
    border: solid 1px #185E81;
    color: #185E81;
}
.sidebar .nav-tabs > li.active > a,
.sidebar .nav-tabs > li.active > a:focus,
.highlightChapter,
.showBy.active{
    background-color: #185E81;  
}
.fullscreen-settings-icon{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 4px !important;
    width: 22px !important;
    height: auto !important;
}

@-moz-document url-prefix() {
  .fullscreen-settings-icon {
     padding:4px 4px 5px !important;
  }
}
.ie10 .fullscreen-settings-icon {
     padding:4px 4px 2px !important;
  }

.fullscreen-settings-icon:before{
    font-size: 12px;
}
.fullscreen-settings-icon.active:before{
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
}
.bookmark-icon:before {
    content: "\e603";
    color: rgba(255, 113, 93,1);
}
.popover ul#merged-list li[data-type="note"]:before {
    content: "\e61d";
}
.popover ul#merged-list li[data-type="file"]:before{
    font-size: 12px;
}
.annotation-preview-btn.edit:before, .annotation-preview-btn.delete:before, .annotation-preview-btn.share:before{
    font-size: 18px;
    color: #185E81;
}
.annotation-preview-btn.share:before{
    content: "\e601";
}
.annotation-preview-btn.edit:hover:before, .annotation-preview-btn.delete:hover:before, .annotation-preview-btn.share:hover:before{
    color:#098FD1;
}
.shared-info-group:before{
    font-size: 18px;
    color:#098FD1;
}
.wrapper-icon {
    display: none;
}
.close-popup{
float: right;
    margin-top: 7px;
}
.close-popup:before{
content: "\e642";
font-size: 12px;
padding:10px;
cursor: pointer;
}
.helpOverlay-popup {
    font-size: 14px;
    font-family: 'open_sanssemibold', sans-serif;
    color: #12a2e8;
    text-transform: capitalize;
    margin: 7px;
    text-decoration: underline;
    position: absolute;
    right: 52px;
    top: 5px;
    cursor: pointer;
}
.feeds-byTime-content{
    margin-left: 0;
}

.fluid-cont-bothside{
    margin-left:0;
    margin-right:0;
}

ul.customToc li.toc-level_1 .toc-link-text:hover, ul.customToc li.toc-level_2 .toc-link-text:hover {
    color: #098fd1;
}
#toc-body ul.customToc li div.contant-collaspable li a:hover {
    color: #098fd1;
}
.deleteBtn:before, .jumpTo:before, .editBtn:before{
    color:#A1A1A1;
    font-size: 16px;
}
.deleteBtn:hover:before, .jumpTo:hover:before, .editBtn:hover:before{
    color:#787A7B;
}
.feed-edit-jump .shared-info-group:before{
    color:#A1A1A1;
}
.note-leftbadge, .weblink-leftbadge, .hyperlink-leftbadge, .voice-leftbadge, .file-leftbadge{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width:22px;
    height: 22px;
}
.note-leftbadge:before, .weblink-leftbadge:before, .hyperlink-leftbadge:before, .voice-leftbadge:before/*, .file-leftbadge:before*/{
    font-size:14px;
    top:1px;
}
.feeds-title {
    font-size: 14px;
    color: #fff;
    background: #185E81;
    padding: 0px 10px;
    vertical-align: middle;
    line-height: 24px;
    margin-top: 4px;
}
.feeds-tab {
    display: none;
}
.share_but{
        margin-left: 15px;
        margin-top: 7px;
}

.export_but{
        margin-left: 10px;
        margin-top: 10px;
}
.share_but:before{
    font-size: 24px;
}
.export_but:before{
    font-size: 18px;
    color: #185E81;
}
span.preview{
top:5px;
}
.previewInSearch{
    top:1px;
}
a.previewInSearch:before, a.preview:before{
    content: "\e61e";
    font-size: 18px;
    color: #939393;
}
a.previewInSearch:hover:before, a.preview:hover:before{
color:#185E81;
}
.voice-play-button, .voice-stop-button{
    background-color: #185E81;
}
.voice-play-button:hover, .voice-stop-button:hover{
    background-color: #098FD1;
}
.plus-icon:before, .minus-icon:before, .fitto-hori:before, .fitto-verti:before{
    color:#ADACAC;
}
.plus-icon:hover:before, .minus-icon:hover:before, .fitto-hori:hover:before, .fitto-verti:hover:before{
    color:#185E81;
}
.feeds-voice.feeds-who-shared-datatype:after, .feeds-hyperlink.feeds-who-shared-datatype:after, .feeds-weblink.feeds-who-shared-datatype:after, .feeds-note.feeds-who-shared-datatype:after, .feeds-highlight.feeds-who-shared-datatype:after, .feeds-file.feeds-who-shared-datatype:after{
    font-size: 14px;
}

.search_image:before, .search_video:before, .search_audio:before, .search_quiz:before, .search_gallery:before, .search_tip:before, .search_html:before, .search_file:before, #search-annotation-body .search_file:before, #search-enrichment-body .search_file:before, .search_text:before{
    padding:0;
    font-size: 18px;
    border:none;
}
.search_html:before{
    font-size: 22px;
}
.search_file:before, #search-annotation-body .search_file:before, #search-enrichment-body .search_file:before {
    content: "\e644";
}
#searchResult:hover{
color:#185E81;
text-decoration: underline;
}
.feed-content-ul li{
    padding-left: 18px;
}
.op-dropdown .OPDropdown-menuContainer{
    top: 38px;
    /*height: 134px;*/
    width:325px;
}
/*.op-dropdown .OPDropdown-menuContainer .OPDropdown-menu{
    height:134px !important;
}*/
.note-more:after{
    content: " ";
    width: 0;
    height: 0;
    margin: 0;
    border-style: solid;
    border-width: 0 4px 6px 4px;
    border-color: transparent transparent #12a2e8 transparent;
    vertical-align: middle;
    display: inline-block;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    writing-mode: none;
    margin-left:6px;
}
.expand.note-more:after{
    content: " ";
    width: 0;
    height: 0;
    margin: 0;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #12a2e8 transparent transparent transparent;
    vertical-align: middle;
    display: inline-block;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
	 -ms-transform: none;
    writing-mode: none;
    margin-left:6px;
    }

.icon_jpg:before, .icon_jpeg:before, .icon_png:before, .icon_gif:before, .icon_bmp:before, .icon_mp4:before, .icon_wmv:before, .icon_mov:before{
    top: 11px;
    font-size: 16px;
}
.highlightContextMenuDropdown
{
	background:none
}
.manage-group-count:before{
    font-size: 18px;
}
.highlightContextMenuHeader{
    background: url("../images/highlight-context-menu-header.png") no-repeat;
}
.opr-language-es-US .highlightContextMenuHeader{
    background: url("../images/highlight-context-menu-header-spanish.png") no-repeat;
}
.highlightContextMenuHeadercdx
{
	background: url("../images/annotations_help_tablet-web-cdx.png") no-repeat;
	width: 493px;
    height: 119px;
}
.opr-language-es-US .highlightContextMenuHeadercdx
{
    background: url("../images/annotations_help_tablet-web-cdx-spanish.png") no-repeat;
    width: 493px;
    height: 119px;
}
.contentcolumn, .innertube, .feeds-chap-topic-container, .shared-content{
    margin-left: 0;
}
#feeds-by-time .feed-edit-jump{
    padding-left:0;
}
.feed-edit-jump{
    margin-left: 0;
}
#feeds-by-time .user-icon, #feeds-by-content .user-icon, #feeds-by-time .teacher-icon, #feeds-by-content .teacher-icon{
    display: none;
}
#feeds-by-content .feeds-shared-timing{
    display: none;
}
.sidebar a.preview, .sidebar a.previewInSearch{
    top:5px;
}
.sidebar ul.customToc a.navList-delete{
    top:10px;
	text-overflow:inherit;
}

.helpText, .scrollbarText{
    display: block;
}
.footer-text{
    text-align: center;
}

/*focus css only start------*/
/*:focus, .btn:focus, .btn:active:focus, .btn.active:focus, input:focus, textarea:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus, a:focus {
  box-shadow: 0px 0px 1px 1px rgb(77,144,254) !important;
outline: 0 none  !important;
text-decoration: none  !important;
}*/

/*@media only screen and (max-device-width : 1024px){
:focus, .btn:focus, .btn:active:focus, .btn.active:focus, input:focus, textarea:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus, a:focus{
box-shadow: none !important;
}
}*/
/*Limelight icon*/
ul.customToc .limelight-toc-icon:before,.limelight-toc-icon:before,.search_limelight-toc-icon:before
{
    font-size: 13px;
    padding-top: 0px;
    content: "\e904";
	margin-right: 3px;
		}




.checkbox-custom:focus + .checkbox-custom-label {
text-decoration: none  !important;
}

.dropdown-toggle:focus {
  box-shadow: 0px 0px 1px 1px rgb(77,144,254) !important;
outline: 0 none  !important;
text-decoration: none  !important;
}
/*focus css only end------*/
.print-widget{
    position: absolute;
}
.viewer-settings-modal.modal {
    margin-left: 0;
}
.viewer-titlebar{
    top: 0;
}
.context-menu-popup-scroll h3{
    margin-top:20px;
}


#user-info-toggle, #context-menu, #myBookshelf, .breadcrumb-arrow, .goToLibraryPos{
    display: none;
}

.help-btn-li, #help-btn{
    display: block !important;
}

#logoimg {
    width: auto!important;
    height: auto !important;
    /*margin-top: 10px;
*/}
ul.customToc .htmlPackage-toc-icon:before, .search_htmlPackage:before{
    content: "\e645";
}
.feeds-chap-topic-container .feed-accordin{
    padding-top: 12px;
}

.resendInviteBtn:before{
	font-size: 17px;
}

.add-toggle:before {
    font-size: 16px;
    content: "\e607";
}
.annotation-popup-body .user-icon{ display:none;}

/*changes to hide orphan icon*/
.orphan-icon::after { left: 20px;top: 10px;}
.user-icon:before,.teacher-icon:before{ content:''!important;}
.user-icon,.teacher-icon{ background:none!important; border:none!important;}
.retag-popup-body .shared-content,.retag-popup-body .contentcolumn{ margin-left:29px;}
.retag-popup-body .orphan-icon {
    left: 0px;
    top:10px;
    height: 17px;
    width: 17px;
    display: inline-block;
    position: absolute;
}
#feeds-by-time .user-icon, #feeds-by-content .user-icon, #feeds-by-time .teacher-icon, #feeds-by-content .teacher-icon {
    display: block;
}
.tab-content .feeds-topic,.tab-content .contentcolumn,.tab-content .shared-content,.tab-content .feed-edit-jump{margin-left: 30px!important;}
.tab-content .orphan-icon::after {left: 4px;top: 10px;}
.tab-content .feeds-chapter{ margin-left:30px;}
.retag-popup-body .user-icon{ display:none;}


ul.customToc .quiz-lite-toc-icon:before, .search_assessment_lite:before{
    content: "\e646";
    font-size: 14px;
    color: #949494;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    text-decoration: none;
    width: 22px;
    height: 22px;
    text-align: center;
    border:none;
}
.search_assessment_lite:before{
  content: "\e646";
}

ul.customToc .quiz-toc-icon:before, .search_quiz:before {
    content: "\e903";
}

.backToLib, .group-bread-crumb {
    display: none;
}
.session-expire, .unsupported{
    position: absolute;
    font-size: 16px;
    color: #5B5A59;
    top: 50%;
    left: 50%;
    text-align: center;
    max-width: 300px;
    margin-left: -112px;
    margin-top: -62px;
    font-family:'open_sansregular', sans-serif;
    }
.unsupported{
    max-width: 416px;
    margin-left: -208px;
}

.session-expire p{
    margin:0;
}
.session-expire p.time-out-bold{
    font-family: 'open_sanssemibold', sans-serif;
    margin-top: 5px;
}

.group-belowHeader {
    display: none;
}

/* Removed Group filter in case of STUDENT */
.opr-hide-group-filter .feed-select{
	width:188px;
}
ul.customToc li a.navList-delete{
	overflow: visible;
}

#showGroupCodeForm.btn-third {
    display:none;
}

.feeds-who-shared-name{
    vertical-align: bottom;
}
#feeds-by-time .opr-user-icon, #feeds-by-content .opr-user-icon, .opr-user-icon, .opr-teacher-icon{
    display: none;
}
.feed-accordion{
    padding:0;
}
#bookmark-body ul.customToc li a:hover{
    text-decoration: none;
}
/*  Added CSS to hide the group ID screen from Groups screen.
  START */
.joinedGroups .group-isbn,.group-odd .group-isbn {
  display: none;
}
/* END */

/*Adding CSS for orphan icon*/
#feeds-by-time .opr-user-icon:before, #feeds-by-content .opr-user-icon:before{
     display: none;
}
#feeds-by-time .opr-user-icon,#feeds-by-content .opr-user-icon{ display:block;border:none;}
.zoom-component ul{ margin-left:15px;}
.zoom-component { right: 59px;}

.next-page-button, .prev-page-button { padding: 8px;}
#bookTitle .backToLib{ display:block;}
#bookTitle .backToLib a:before{ margin-right:6px; position:relative;top:-2px;}
.opr-hide-for-restricted-mode{ display:none;}
.feeds-restricted-filters .inline-block.position-rel.feed-select{    width: 100%;}
.feeds-restricted-filters .OPDropdown-label{
    display: inline-block;
    float: left;
    width: 107px;
    padding-top: 18px;
    }
.feeds-restricted-filters a.OPDropdown-title{
    display: inline-block;
    float: left;
    width: 178px;
    margin-top: 6px;
    }
.feeds-restricted-filters #open-type-filter .OPDropdown-menuContainer{
    margin-left: 107px;
    top: 43px;
    width: 215px;
    }
.feeds-restricted-filters .inline-block.OPDropdown{width:auto!important;}
.opr-filter-by-icon-outer{float:left;color: #A1A1A1;padding-top: 18px;text-transform: uppercase;font-size: 10px;margin-right: 9px;font-family: open_sansSemibold, sans-serif;position: relative;top: -2px;}
.feeds-restricted-filters .OPDropdown-label{
    color: #666666;
    font-family: open_sansSemiBold, sans-serif;
}
.highlightContextMenuDropdown{ left:38px; }
.highlightColorText{ left:59px; }

.opr-filter-by-icon{ font-size:11px;}
.opr-filter-by-icon:before{    content: "\e66e";
    font-family: 'OP2-fonts', sans-serif;
    height: 10px;
    width: 16px;
    display: inline-block; position:relative;top:2px;}

.feeds-restricted-filters{min-height:66px;padding-top: 10px;}
.book-title .backToLib{
display: block;
text-decoration: none;
padding: 0;
}
.backToLib .backToLibLink{
    margin-left: 0;
}
.backToLib .backToLibLink:hover{
    text-decoration: none;
    color: #005580;
}

.fixedLayoutContentArea .next-div {
    right: -85px;
}
.heading-container .sorting{border:none;}
.heading-container .sorting .select-box.dropdown-toggle.cur-pointer{min-height:33px;}
/*CSS changes to loader*/
#annotation-feeds .feeds-loader:before {
    width: 32px;
    display: inline-block;
    font-size: 5px;
    border-top: 0.6em solid rgba(62, 62, 62, 0.2);
    border-right: 0.6em solid rgba(62, 62, 62, 0.2);
    border-bottom: 0.6em solid rgba(62, 62, 62, 0.2);
    border-left: 0.6em solid #6f6f6f;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
#annotation-feeds .feeds-loader:before {
    border-radius: 50%;
    content:'';
    width: 32px;
    height: 32px;
    margin: auto;
    position: relative;
   }
#annotation-feeds .feeds-loader-outer{position: absolute;top: 50%;right:0;left:0;margin:auto;width: 126px;height: 46px;font-size: 16px;margin-top: -38px;}
.feeds-loader{position:relative;top: 9px;margin-right:10px;}

/* CSS for 302D*/
.mini-full-screen ul li.opr-psp-btn{
	
	display:inline-block;
}

.btn-primary{
	background-color: #185E81;
    border-color: #185E81;
}
.device-tabbing-none .mini-full-screen ul li:last-child a {
    padding-right: 10px;
}
.highlightColorText {
    left: -475px;
    top: -78px;
}
.highlightColorText span.icon-indexofcontent {
    display: block;
    position: relative;
    transform: rotateX(128deg) rotate(286deg) scaleX(-1);
    top: -40px;
}
.highlightColorText span.icon-indexofcontent {
    display: block;
    transform: rotate(56deg) scaleX(-1);
}
.textTospeechHelp .icon-back {
    margin-top: 20px;
	transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(75deg);
}
.share_but
{
	display: none;
}

/*multyline css changes for content > enrichment tab only start*/
#enrichments-body ul.customToc li a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 32px;
    white-space: initial;
    min-height: 22px;
    max-height: 36px;
}
#enrichments-body ul.customToc .toc-link-text:before{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
}
#enrichments-body ul.customToc li a.collaspe{
    padding: 11px 15px;
    top: 50%;
    margin-top: -20px;
}
#enrichments-body ul.customToc li a.preview{
    top: 50%;
    margin-top: -20px;
}
/*multyline css changes for content > enrichment tab only end*/

@media screen and (max-device-width: 991px)
{

.breadcrumb-bookmarkBtn span.icon-back {
    margin-left: 10px;
    transform: rotate(57deg);
}
span.breadcrumb-bookmarkBtn .icon-back:before {
    content: '\e944';
    font-size: 36px;
}
.menuText span.icon-search {
    transform: rotate(80deg);
    vertical-align: bottom;
    height: 0px;
    top: 40px;
	margin-bottom: 20px;
    position: relative;
}
.yourBookmarkPos .icon-back, .instructionWrapper > span.yourBookmarkPos span.icon-back
{
	    margin-left: 55px;
}
.yourBookmarkPos {
    max-width: 120px;
}
.handwritingText, .instructionWrapper > span
{
	font-size: 18px;
}
span.menuText {
    max-width: 125px;
}
.menuText span.icon-search {
    display: block;
}
}
@media screen and (max-device-width: 767px)
{
    .annotation-menu.annotation_revamp{
       transform: inherit !important;
    }
.opr-hide-group-filter .feed-select{
	width:100%;
}
.tab-content .orphan-icon::after {left: 2px;}
#about-us-popup, .context-menu-popup {
    width: 90%;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%,-50%);
}
.op-dropdown .OPDropdown-menuContainer
{
	width:100%;
}
.tab-content .contentcolumn,.tab-content .feed-edit-jump
{
	margin-left: 20px!important;
}
.tab-content .feeds-chapter,.tab-content .feeds-topic
{
	margin-left: 0px!important;
}
.device-tabbing-none #feeds-by-time .feed-edit-jump
{
	padding-left:0;
}
.tab-content .shared-content
{
	margin:0 20px!important
}
.feeds-chap-topic-container,.tab-content .contentcolumn{margin-left: 0px!important;	padding:0 20px}
#enrichments-body ul.customToc li a{
    -webkit-line-clamp: 3;
    max-height: 56px;
}
}

.backToLib .backToLibLink:before{
    margin-top: -3px;
    padding-right: 5px;
}
.backToLib .backToLibLink:hover:before{
    color: #185E81;
}
.device-tabbing-none .annotation-menu.modal{
    margin-left: 0px;
}
/*hide logo*/
.navbar-inner .logo img {
    display: none;
}

.book-title .backToLib.opr-back-restricted-area {
    display: block;
}
#annotation-merged-menu.popover
{
	background: #F8F8F8;
}
#annotation-merged-menu.popover {
    background: #F8F8F8;
}
#merged-list a.delHighlight {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
a.delHighlight:before {
    border-radius: 50%;
    background: #fff;
    font-size: 14px !important;
    padding: 2px !important;
    border: 1px solid #ddd;
}
.highlightColorList li a
{
	    border-radius: 50%;
}
.popover ul#merged-list li {
    height: auto;
}
.popover ul#merged-list li[data-type="highlight"] .annotationText {
    width: 150px !important;
    padding-right: 10px;
    border-right: 1px solid #e7e7e7;
}
.single_item .highlightColorList li {
    border: none!Important;
}
.single_item #merged-list a.delHighlight
{
	line-height: normal;
}
.single_item  .highlightColorList
{
	margin-right: 10px;
}
.device-tabbing-none .opr-pa-modal-header {
    user-select: none;
}

/* fort filters*/
.sidebar .feeds-filters-present #enrichments-body {
    top: 100px;
}
.accordion-all.hideit.opr-enrichment-tab-active.enrich-filters-present {
    top: 142px;
}

.sidebar #enrichments-body {
    top: 73px;
}
.opr-enrichment-tab-active.accordion-all {
    top: 116px;
}
.opr-language-es-US .left-container-top ul li a.launch-psp-content{
    padding: 5px 0;
}
.d-none{
    display: none
}
@media screen and (max-width: 991px)
{
    .about-scroll #helpOverlayBtn,
    .about-scroll #helpOverlayBtn a
    {
        pointer-events: none;
        cursor: text;
       
    }
    .device-tabbing-none .about-scroll #helpOverlayBtn,
    .device-tabbing-none  .about-scroll #helpOverlayBtn a{
        pointer-events: inherit;
        cursor: pointer;
    }
    .about-scroll .help-started{
        cursor: text;
    }
    .device-tabbing-none .about-scroll .help-started{
        cursor: pointer;
    }   
	.sidebar .feeds-filters-present #enrichments-body {
    top: 160px;
	}
	.accordion-all.hideit.opr-enrichment-tab-active.enrich-filters-present {
    top: 200px;
	}
	.device-tabbing-none .opr-enrichment-tab-active.accordion-all {
		top: 116px;
    }
    #help-popup{
        transform: translate(-50%, -50%);
        margin: 0;
        height: 90vh;
    }
   
}
@media screen and (max-width: 768px) and (min-width: 550px){
    #fxl-toolbox{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .zoom-component ul li.zoom-bar {
        height: 90px;
    }
    .zoom-component ul li.zoom-bar input[type=range].vVertical{
        top: 45px;
        left: -37px;
        width: 100px;
    }
   
}

@media screen and (max-width: 768px) and (min-width: 320px){

    #help-popup{
        width: 90%;
    }
    /* #personal-assessment .opr-pa-modal-dialog{
        margin: auto
    }
    #personal-assessment .opr-pa-modal-dialog .opr-pa-modal-body{
        max-height: 45vh;
    } */
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape)
{
	.breadcrumb-bookmarkBtn
	{
		display:none!important;
	}
}
@media only screen and (max-device-width: 800px) and (orientation: portrait)
{
	.searchWithInBookPos,.indexContentBookmarkPos,.annotationFeedsPos, .bookmarkThisPage,	span.pspPos, .glossaryWordsPos 
	{
		display:none!important;
	}
	span.menuText
	{
		top: 50px !important;
	}
    .helpPageSlider
{
    left:20px!important;
}
	.textTospeechHelp .icon-back {
    margin-top: 7px;
    transform:  rotate(-14deg);
    -moz-transform:  rotate(-14deg);
    -webkit-transform: rotate(-14deg);
    top: -22px;
    position: relative;
    right: 90px;
}
.highlightColorText span.icon-indexofcontent {
    top: -30px;
}
.breadcrumb-bookmarkBtn span.icon-back {
    margin-left: 10px;
    transform: rotate(57deg);
    position: relative;
    right: -95px;
    top: -60px;
}
span.breadcrumb-bookmarkBtn {
    max-width: 130px;
}
}

@media only screen and (max-device-width: 767px) 
{
	.highlightContextMenuHeader.highlightContextMenuHeadercdx
	{
		background: url(../images/annotations_help_mobile_cdx.png) no-repeat;
	}
    .opr-language-es-US .highlightContextMenuHeader.highlightContextMenuHeadercdx
    {
        background: url(../images/annotations_help_mobile_cdx-spanish.png) no-repeat;
    }
	.highlightContextMenuHeader {
    background: url(../images/annotations_help_mobile.png) no-repeat;
	}
    .opr-language-es-US .highlightContextMenuHeader{
    background: url("../images/annotations_help_mobile-spanish.png") no-repeat;
    }
	.highlightColorText {
    left: -290px;
    top: -36px;
}
.helpPageSlider
{
	left:20px!important;
    bottom:74px;
}
}

@media only screen and (max-device-width: 767px) and (orientation: landscape)
{
	.instructionWrapperMain {
    display: none!important;
}
}

/* Help overlay css start */
/* need to tour popup css start */
.opr-tour-popup {
    top: 0 !important;
    width: 480px;
    height: 190px;
    padding: 20px 15px 15px 25px;
}
.opr-tour-popup.modal{
    background-color: #fafafa ;
    margin: auto;
    border-radius: 2px;
    box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 30%);
}
.opr-tour-popup .opr-tour-popup-header h1{
    margin: 0;
    color: #2f71df;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.opr-close-popup-icon {
    font-size: 14px;
    color: #404142;
    position: absolute;
    right: 7px;
    top: 5px;
    padding: 12px;
}
.opr-tour-popup .opr-tour-popup-content {
    padding-top: 20px;
    line-height: 19px;
    color: #4B4B4B;
    font-size: 14px;
}
.opr-tour-popup .cust-dia-btn {
    margin-bottom: 0;
}
.opr-tour-popup .opr-tour-popup-footer {
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.cust-dia-btn .btn {
    margin: 0 5px;
    font-size: 12px;
    padding: 5px 15px;
}
.opr-tour-popup .opr-tour-popup-footer .btn {
    text-transform: none;
    font-size: 14px;
}
/* need to tour popup css End */
/* leftbar help overlay css Start */
.opr-help-overlay-popup {
    position: absolute;
    left: 0;
    top: 0;
    width: 290px;
    background: #ffffff;
    border-radius: 10px;
    bottom: auto;
}
.opr-help-overlay-popup.modal{
    background-color: #fafafa ;
    border-radius: 2px;
}
#closePopup.opr-close-popup-icon {
    font-size: 12px;
    color: #000000;
    right: 0;
    top: 0;
}
.opr-help-overlay-popup .opr-help-overlay-popup-img {
    display: none;
    height: 170px;
    background: #00A198;
}
.opr-help-overlay-popup .opr-help-overlay-popup-section {
    width: 100%;
    height: 155px;
    background: #fff;
    padding: 10px;
}
.opr-help-overlay-popup .opr-help-overlay-popup-header h1{
    font-size: 18px;
    color: #000000;
    margin: 0;
    font-weight: bold 
}
.opr-help-overlay-popup .opr-help-overlay-popup-content {
    padding: 10px 0;
}
.opr-help-overlay-popup .opr-help-overlay-popup-content p {
    line-height: 19px;
    color: #4B4B4B;
}
.opr-help-overlay-popup .opr-help-overlay-popup-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 10px 10px 10px;
}
.opr-help-overlay-popup .opr-help-overlay-popup-footer span {
    float: left;
}
.opr-help-overlay-popup .opr-help-overlay-popup-footer .opr-help-overlay-navigation {
    float: right;
    display: inline-block;
}
.opr-help-overlay-popup .opr-help-overlay-popup-footer .opr-help-overlay-navigation .opr-next {
    padding-left: 15px;
}
.opr-leftBar-overlay .page-leftbar .opr-active-tab{
    opacity: 1;
    position: relative;
}
.opr-leftBar-overlay .page-leftbar .opr-active-tab::before{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 12px solid #ffffff;
    border-bottom: 10px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -12px;
    margin: auto;
    z-index: 2222;
}
.instructionWrapperMain{
    background-color: transparent 
}
.opr-leftBar-overlay .page-leftbar{
    z-index: 1041;
    background-color: transparent;
    border-right: 0;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
}
.page-leftbar:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 70px;
}
.left-container-top .pulsating-circle{
    position: absolute;
    left: 50%;
    top: 32%;
    transform: translateX(-50%) translateY(-50%);
    width: 40px;
    height: 40px;
    z-index: -9;
}
.left-container-top .pulsating-circle:before{
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    box-sizing: border-box;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 50%;
    background-color: #2F71DF;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 0.8) infinite;
}
.left-container-top .pulsating-circle:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
}

.left-container-top ul li a{
    border-bottom: 0;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
}
.modal-open.opr-leftBar-overlay .left-container-top ul li a{
    pointer-events: none;
}
.modal-open.opr-leftBar-overlay .left-container-top ul li.opr-active-tab a::before {
    opacity: 1;
}
.modal-open.opr-leftBar-overlay .left-container-bottom {
    opacity: 0.6;
}
.modal-open.opr-leftBar-overlay .left-container-top ul li a.active{
    background-color: rgba(0,0,0,0.1);
}
@keyframes pulse-ring {
    0% {
        transform: scale(0.33);
   }
    80%, 100% {
        opacity: 0;
   }
}

/* leftbar help overlay css End */

/* topbar help overlay css Start */
.opr-help-overlay-navigation a{
  color: #252525
}
.opr-help-overlay-navigation a:hover,.opr-help-overlay-navigation a:active,
.opr-help-overlay-navigation a:focus{
    color: #185E81
}
.modal-open.opr-leftBar-overlay .navbar-static-top{
    z-index: 1041;
}
.navbar-static-top .navbar-inner{
    background: transparent;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
}
.navbar-static-top .navbar-inner .nav li.divider-vertical{
    border-right: 0px;
}
.navbar-static-top .navbar-inner .nav li span.onscreenText,
.leftbar-icon .item-title{
    color: #4B4B4B;
}
.navbar-static-top .navbar-inner .nav li a{
    box-shadow: 1px 0px 1px rgb(0 0 0 / 10%);
}
.modal-open.opr-leftBar-overlay .navbar-static-top .navbar-inner .nav li a {
    pointer-events: none;
}
.modal-open.opr-leftBar-overlay .navbar-static-top .navbar-inner .nav li.opr-overlay-toolbar a span::before{
    opacity: 1;
    font-size: 20px;
}
.navbar-static-top .nav .opr-overlay-toolbar::before{
    width: 0;
    height: 0;
    border-bottom: 12px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: -17px;
    background: transparent;
    z-index: 102;
    left: 0;
    right: 0;
    margin: auto;
}
.navbar-static-top .pulsating-circle{
    position: absolute;
    left: 50%;
    top: 33%;
    transform: translateX(-50%) translateY(-50%);
    width: 35px;
    height: 35px;
    z-index: -9;
}
.navbar-static-top .pulsating-circle:before{
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    box-sizing: border-box;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 50%;
    background-color: #2F71DF;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 0.8) infinite;
}
.navbar-static-top .pulsating-circle:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
}
.modal-open.opr-leftBar-overlay .st-content,
.modal-open.opr-leftBar-overlay #below-navbar{
   overflow: initial;
}

/* topbar help overlay css End */

/* IPad icon help overlay css Start */
.opr-psp-ipadicon li a{
    position: relative;
}
.opr-psp-ipadicon .pulsating-circle{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translateX(-50%) translateY(-50%);
    width: 35px;
    height: 35px;
    z-index: -9;
}
.opr-psp-ipadicon .pulsating-circle:before{
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    box-sizing: border-box;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 50%;
    background-color: #2F71DF;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 0.8) infinite;
}
.opr-psp-ipadicon .pulsating-circle:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
}

.opr-psp-ipadicon .opr-overlay-bookmark::after{
    width: 0;
    height: 0;
    border-bottom: 12px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: -15px;
    background: transparent;
    z-index: 102;
    left: 0;
    right: 0;
    margin: auto;
}

.opr-audio-textspeech::before{
    margin-bottom: 5px;
    margin-left: 3px;
}
.full-view::before{
    margin-right: 3px;
}
    .opr-overlay-bookmark.full-view{
    padding-bottom: 5px;
}
.modal-open.opr-leftBar-overlay .mini-full-screen ul li.opr-psp-btn{
    opacity: 0.3;
}
.opr-leftBar-overlay.modal-open  .viewer-titlebar{
 pointer-events: none;
}
.modal-open.opr-leftBar-overlay .viewer-titlebar{
    z-index: 1041;
}
.opr-leftBar-overlay .st-pusher{
    z-index: initial !important
}



/* IPad icon help overlay css End */

/* Book-viewtabs help overlay css Start */
#book-viewtabs.opr-overlay-bookmark{
    opacity: 1;
}
#book-viewtabs .pulsating-circle{
    position: absolute;
    left: 45%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 80px;
    height: 80px;
    z-index: -9;
}
#book-viewtabs .pulsating-circle:before{
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    box-sizing: border-box;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 50%;
    background-color: #2F71DF;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 0.8) infinite;
}
#book-viewtabs{
    position: relative;
}
#book-viewtabs .pulsating-circle:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
}
#book-viewtabs.opr-overlay-bookmark::before{
    width: 0;
    height: 0;
    border-bottom: 12px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: -45px;
    background: transparent;
    z-index: 102;
    left: -10px;
    right: 0;
    margin: auto;
}
/* Book-viewtabs help overlay css End */

/* BookmarkIcon overlay css Start */
.opr-leftBar-overlay .fixedLayoutBookmarkIcon .bookmark-flag{
    z-index: 1041;
}
.fixedLayoutBookmarkIcon .bookmark-flag.opr-overlay-bookmark::before{
    width: 0;
    height: 0;
    border-bottom: 12px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: -29px;
    background: transparent;
    z-index: 102;
    left: -2px;
    right: 0;
    margin: auto;
}
.fixedLayoutBookmarkIcon .bookmark-flag .pulsating-circle{
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translateX(-50%) translateY(-50%);
    width: 35px;
    height: 35px;
    z-index: -9;
}
.fixedLayoutBookmarkIcon .bookmark-flag .pulsating-circle::before{
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    box-sizing: border-box;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 50%;
    background-color: #2F71DF;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 0.8) infinite;
}
.fixedLayoutBookmarkIcon .bookmark-flag .pulsating-circle::after{
    content: '';
    position: absolute;
    left: 2px;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
}
/* BookmarkIcon overlay css End */


/* Thnak you help overlay css Start */
.opr-bookshelf-overlay-popup.opr-thankyou-screen{
    height: 320px;
}
.opr-bookshelf-overlay-popup {
    position: fixed;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 500px;
    height: 439px;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    z-index: 1056;
    border-radius: 10px;
}
.opr-bookshelf-overlay-popup .opr-bookshelf-overlay-popup-img {
    width: 100%;
    height: 250px;
    background-color: #039BE5;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.opr-bookshelf-overlay-popup .opr-bookshelf-overlay-popup-img .opr-bookshelf-overlay-skip {
    position: absolute;
    top: 10px;
    right: 12px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.opr-bookshelf-overlay-popup .opr-bookshelf-overlay-popup-text {
    text-align: center;
}
.opr-thankyou-screen .opr-bookshelf-overlay-popup-text p#helpHeadingText {
    margin: 0;
    font-size: 14px;
    color: #666666;
    line-height: 21px;
    padding-top: 28px;
}
.opr-thankyou-screen .opr-bookshelf-overlay-popup-text p#helpDescriptionText {
    color: #4B4B4B;
    font-size: 14px;
    font-family: 'open_sansbold', sans-serif;
    line-height: 19px;
    padding-top: 7px;
}
.opr-thankyou-screen .opr-bookshelf-overlay-popup-text .opr-slider-dots {
    margin-top: 15px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.opr-bookshelf-overlay-popup .opr-bookshelf-overlay-popup-text .opr-slider-dots .opr-start-tour {
    width: 160px;
    padding: 6px 0;
    background-color: #185E81;
    color: #fff;
    box-shadow: 0px 2px 2px #0000003d;
    border-radius: 40px;
    font-size: 16px;
    cursor: pointer;
}
.opr-thankyou-screen .opr-bookshelf-overlay-skip {
    display: none;
}
.opr-thankyou-screen .opr-bookshelf-overlay-popup-icons {
    display: none;
}

/* Thnak you help overlay css End */

/* annotation-menu overlay css Start */

.annotation-menu.annotation_revamp{
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.modal-open.opr-leftBar-overlay #whitebackDrop{
    background-color: #000;
}

.opr-leftBar-overlay .annotation-menu.annotation_revamp::before{
    border-top: 12px solid #ffffff;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: 32px;
    background: transparent;
    z-index: 102;
    left: 0;
    right: 0;
    margin: auto;
}
.annotation-help{
    width: 450px;
    font-size: 12px;
    color: #4B4B4B;
    background: #fff;
    padding: 2px 8px;
    background-color: #fff;
    box-shadow: 0 0 5px 10px #fff;
    z-index: 9999;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;

}
.annotation-help span{
   background-color: #E6E6E6;
   padding: 2px 10px 2px 5px;
}

/* annotation-menu overlay css End */

/* next-page and prev-page overlay css Start */

.next-page-button.opr-active-bookLayout::after,
.opr-active-tab .prev-page-button::after{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 12px solid #ffffff;
    border-bottom: 10px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
    margin: auto;
    z-index: 2222;
}
.next-page-button .pulsating-circle,
.prev-page-button .pulsating-circle{
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translateX(-50%) translateY(-50%);
    width: 40px;
    height: 40px;
    z-index: -9;
}
.next-page-button .pulsating-circle:before,
.prev-page-button .pulsating-circle:before{
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    box-sizing: border-box;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 50%;
    background-color: #2F71DF;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 0.8) infinite;
}
.next-page-button .pulsating-circle:after,
.prev-page-button .pulsating-circle:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
}
.opr-leftBar-overlay.modal-open .next-page-button{
  opacity: 0.65;
}
.opr-leftBar-overlay.modal-open #book-viewtabs,
.opr-leftBar-overlay.modal-open .mini-full-screen ul#opr-psp-header li a{
    opacity: 0.65;
}
.opr-leftBar-overlay.modal-open #book-viewtabs.opr-overlay-bookmark,
.opr-leftBar-overlay.modal-open .mini-full-screen ul#opr-psp-header li a.opr-overlay-bookmark{
    opacity: 1;
}
.opr-leftBar-overlay.modal-open .next-page-button.opr-active-bookLayout{
    opacity: 1;
}
.opr-leftBar-overlay.modal-open #fxl-toolbox .zoom-bar{
    opacity: 0.3;
  }
  .opr-leftBar-overlay.modal-open #fxl-toolbox .opr-overlay-layout .zoom-bar{
    opacity: 1;
  }
  .opr-overlay-layout
.modal-open.opr-leftBar-overlay .reflowLayoutNext,
.modal-open.opr-leftBar-overlay .opr-active-tab{
    z-index: 1041;
}
.modal-open .prev-page-button,
.modal-open .opr-active-tab{
    opacity: 1;
}
.modal-open.opr-leftBar-overlay .next-div{
    z-index: 1041;
}
/* next-page and prev-page overlay css End */

/* zoom-panel  overlay css Start */
.modal-open.opr-leftBar-overlay #fxl-toolbox{
    z-index: 1041
}
.modal-open.opr-leftBar-overlay #fxl-toolbox .zoom-icons{
  opacity: 0.2;
}
#fxl-toolbox .zoom-icons.opr-active-bookLayout{
  opacity: 1 !important;
}
#fxl-toolbox .zoom-icons.opr-active-bookLayout::after{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 12px solid #ffffff;
    border-bottom: 10px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
    margin: auto;
    z-index: 2222;
}
#fxl-toolbox .zoom-icons .pulsating-circle{
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translateX(-50%) translateY(-50%);
    width: 40px;
    height: 40px;
    z-index: -9;
}
#fxl-toolbox .zoom-icons .pulsating-circle:before{
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    box-sizing: border-box;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 50%;
    background-color: #2F71DF;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 0.8) infinite;
}
#fxl-toolbox .zoom-icons .pulsating-circle:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
}
.zoom-component.opr-active-bookLayout{
  z-index: 1042;
}
.zoom-component.opr-active-bookLayout::before{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 12px solid #ffffff;
    border-bottom: 10px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -106px;
    margin: auto;
    z-index: 2222;
}
.zoom-component.opr-active-bookLayout .plus-icon,
.zoom-component.opr-active-bookLayout .minus-icon{
    opacity: 1 !important;
}
.zoom-component .pulsating-circle{
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translateX(-50%) translateY(-50%);
    width: 200px;
    height: 200px;
    z-index: -9;
}
.zoom-component .pulsating-circle::before{
    content: '';
    display: block;
    width: 200%;
    height: 200%;
    box-sizing: border-box;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 50%;
    background-color: #2F71DF;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 0.8) infinite;
}
.zoom-component .pulsating-circle::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
}
.opr-leftBar-overlay .default-theme,
.opr-leftBar-overlay .page-leftbar{
    pointer-events: none
}


/* zoom-panel overlay css End */

/* pae slider overlay css Start */
.pageSlider-help{
    width: 450px;
    font-size: 12px;
    color: #4B4B4B;
    background: #fff;
    padding: 2px 8px;
    background-color: #fff;
    box-shadow: 0 0 5px 10px #fff;
    z-index: 9999;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
}
.pageSlider-help .sliderImg{
    background-image: url(../images/page-slider.png);
    background-repeat: no-repeat;
    height: 28px;
    width: 383px;
    padding: 0;
    margin: auto;
    cursor: default;    
}
.opr-overlay-pagination.pageSlider-help .top-arrow{
 position: relative;
}
.opr-overlay-pagination.pageSlider-help .top-arrow::before{
    border-top: 12px solid #ffffff;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: 27px;
    background: transparent;
    z-index: 102;
    left: 0;
    right: 0;
    margin: auto;
}
.opr-help-overlay-popup .opr-help-overlay-popup-header .icon-ic-close-widget{
    width: 15px;
    height: 15px;
}

/* page slider overlay css End */

/* mobile view overlay start */
.device-tabbing-none .instructionWrapperMain {
    background-color: rgba(0, 0, 0, .6);
}
/* mobile view overlay End */

/* Help overlay css End */

.nav > li > a.print-view,
.print-view-none{
    display: none
}
@media screen and (max-width: 991px) and (min-width: 320px){
   .print-view-show{
       display: block;
   } 
 
   .nav > li > a.print-view{
       display: block;
   }
   .nav > li > a.print-view.print-view-none{
    display: none
}
}