@page {
     size: auto;
    /* auto is the initial value */
    /* this affects the margin in the printer settings */
     margin: 20mm 20mm 20mm 20mm;
}
 ::-webkit-scrollbar {
     width: 5px;
     height: 10px;
}
/* Track */
 ::-webkit-scrollbar-track {
     background: rgba(213, 213, 213, 1);
}
/* Handle */
 ::-webkit-scrollbar-thumb {
     background: rgba(172, 171, 171, 1);
}
 ::-webkit-scrollbar-thumb:window-inactive {
     background: rgba(172, 171, 171, 1);
}
 div, input, textarea, button, a, a:before, a:after, a span, :before, :after{
     outline-width: 0;
}
 input::-ms-clear, input::-ms-reveal {
     display:none;
}
 * {
     margin: 0;
     padding: 0;
}
 html {
     margin: 0;
     padding: 0;
     position: absolute;
     width: 100%;
     top: 0;
     bottom: 0;
     overflow: hidden;
}

 body {
     margin: 0;
     padding: 0;
     position: absolute;
     top: 0px;
     bottom: 0px;
    /*width: 100%;
    */
     left:0;
     right:0;
     background: url(../images/body-bg.png) repeat;
     font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
     font-size: 12px;
}
 body.device-tabbing-none{
     position: fixed;
}

 @media (min-width: 1230px) {
     .container {
         width: 1200px;
    }
}
 .main-container {
     min-height: 100%;
}
 .body-bg {
     background-color: #f5f4f4;
     box-shadow: 0 0 20px #ccc;
     -webkit-box-shadow: 0 0 20px #ccc;
     -moz-box-shadow: 0 0 20px #ccc;
}
 a:hover {
     color: #005580;
     text-decoration: none;
}
/* a:focus{
     color:inherit;
}
*/
 ul, ol {
     margin: 0;
     list-style: none;
     padding: 0;
}
/*.disabled, .disabled a {
     opacity: 0.5;
     cursor: default!important;
     filter: alpha(opacity 50);
     pointer-events: none;
     cursor: default;
}
*/
 label.css-label:focus{
     box-shadow: 0px 0px 1px 1px rgb(77,144,254);
     outline: 0 none;
     text-decoration: none;
}
 .btn:active, .btn.active {
     background-image: none;
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}
/*---------------------------------------scroll bar css start---------------------------------------*/
 .ps-container .ps-scrollbar-x {
     position: absolute;
     bottom: 3px;
     height: 10px;
     background-color: #aaa;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     opacity: 0;
     filter: alpha(opacity 0);
     -o-transition: opacity .2s linear;
     -webkit-transition: opacity.2s linear;
     -moz-transition: opacity .2s linear;
     transition: opacity .2s linear;
}
 .ps-container:hover .ps-scrollbar-x, .ps-container.hover .ps-scrollbar-x {
     opacity: 0;
     filter: alpha(opacity 0);
}
 .ps-container .ps-scrollbar-x:hover, .ps-container .ps-scrollbar-x.hover {
     cursor: default;
     opacity: 0;
     filter: alpha(opacity 0);
}
 .ps-container .ps-scrollbar-x.in-scrolling {
     opacity: 0;
     filter: alpha(opacity 0);
}
 .ps-container.ie6 .ps-scrollbar-x {
     font-size: 0;
}
 .ps-container .ps-scrollbar-y {
     position: absolute;
     right: 3px;
     width: 10px;
     z-index: 1;
     background-color: #acabab;
     -o-transition: opacity .2s linear;
     -webkit-transition: opacity.2s linear;
     -moz-transition: opacity .2s linear;
     transition: opacity .2s linear;
}
 .ps-container .ps-scrollbar-base {
     position: absolute;
     right: 3px;
     top: 3px;
     width: 10px;
     z-index: 1;
     background-color: #d5d5d5;
     -o-transition: opacity .2s linear;
     -webkit-transition: opacity.2s linear;
     -moz-transition: opacity .2s linear;
     transition: opacity .2s linear;
}
 .ps-container.ie .ps-scrollbar-y {
     font-size: 0;
}
 .ps-container:hover .ps-scrollbar-y, .ps-container.hover .ps-scrollbar-y {
     opacity: 0.6;
     filter: alpha(opacity 60);
}
 .ps-container .ps-scrollbar-y:hover, .ps-container .ps-scrollbar-y.hover {
     cursor: default;
     opacity: 0.9;
     filter: alpha(opacity 90);
}
 .ps-container .ps-scrollbar-y.in-scrolling {
     opacity: 0.9;
     filter: alpha(opacity 90);
}
/*---------------------------------------scroll bar css end---------------------------------------*/
/*css for custom checkbox start*/
 .checkbox-custom {
     opacity: 0;
     position: absolute;
}
 .checkbox-custom, .checkbox-custom-label{
     display: inline-block;
     vertical-align: middle;
     margin: 0 5px;
     cursor: pointer;
}
 .checkbox-custom-label {
     position: relative;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-size: 12px;
     font-weight: normal;
}
 .checkbox-custom + .checkbox-custom-label:before {
     content: '';
     background: #fff;
     border: 1px solid #c9c9c9;
     display: inline-block;
     vertical-align: middle;
     width: 15px;
     height: 15px;
     padding: 3px 2px 1px 2px;
     margin-right: 5px;
     text-align: center;
}
 .checkbox-custom:checked + .checkbox-custom-label:before {
     content: "\e663";
     color: #828b90;
     font-size: 7px;
}
/*.op-focus .checkbox-custom:focus + .checkbox-custom-label{
         outline: 1px dotted;
         outline: 5px auto -webkit-focus-ring-color;
         outline-offset: -2px;
    }
    */
    /*css for custom checkbox end*/
    /*------------header css start-------------*/
     .navbar {
         border-bottom: none;
    }
     .logo {
         margin: 12px 0;
    }
     .navbar .nav > li {
         display: block;
         float: left;
    }
     .navbar .nav > li > a {
         min-width: 97px;
         padding: 11px 10px;
         color: #565656;
         text-shadow: none;
         text-align: center;
    }
     .navbar .nav > li:last-child a {
         padding-left: 20px;
         padding-right: 15px;
    }
    .navbar .nav > li#contextMenu > a:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #7a7c7d transparent transparent transparent;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}
.navbar .nav > li#contextMenu.open > a:after{
    border-color: #36393b transparent transparent transparent;
}

     .offscreenImg {
         display: block;
    }
     .setting, .sync-loader, .savesync, .manage-groups, .homeicon, .atipersonalizedlink, .opr-help {
         display: block;
         height: 26px;
    }
    /*------------- sync loader css start---------*/
    /*.sync-loader {
         display: block;
         height: 26px;
    }
    */
     #floatingBarsG{
         position:relative;
         width:19px;
         height:23px;
         margin:auto;
    }
     .blockG{
         position:absolute;
         background-color:rgb(255,255,255);
         width:3px;
         height:7px;
         border-radius:2px 2px 0 0;
         -o-border-radius:2px 2px 0 0;
         -ms-border-radius:2px 2px 0 0;
         -webkit-border-radius:2px 2px 0 0;
         -moz-border-radius:2px 2px 0 0;
         transform:scale(0.4);
         -o-transform:scale(0.4);
         -ms-transform:scale(0.4);
         -webkit-transform:scale(0.4);
         -moz-transform:scale(0.4);
         animation-name:fadeG;
         -o-animation-name:fadeG;
         -ms-animation-name:fadeG;
         -webkit-animation-name:fadeG;
         -moz-animation-name:fadeG;
         animation-duration:0.622s;
         -o-animation-duration:0.622s;
         -ms-animation-duration:0.622s;
         -webkit-animation-duration:0.622s;
         -moz-animation-duration:0.622s;
         animation-iteration-count:infinite;
         -o-animation-iteration-count:infinite;
         -ms-animation-iteration-count:infinite;
         -webkit-animation-iteration-count:infinite;
         -moz-animation-iteration-count:infinite;
         animation-direction:normal;
         -o-animation-direction:normal;
         -ms-animation-direction:normal;
         -webkit-animation-direction:normal;
         -moz-animation-direction:normal;
    }
     #rotateG_01{
         left:0;
         top:8px;
         animation-delay:0.2295s;
         -o-animation-delay:0.2295s;
         -ms-animation-delay:0.2295s;
         -webkit-animation-delay:0.2295s;
         -moz-animation-delay:0.2295s;
         transform:rotate(-90deg);
         -o-transform:rotate(-90deg);
         -ms-transform:rotate(-90deg);
         -webkit-transform:rotate(-90deg);
         -moz-transform:rotate(-90deg);
    }
     #rotateG_02{
         left:2px;
         top:3px;
         animation-delay:0.316s;
         -o-animation-delay:0.316s;
         -ms-animation-delay:0.316s;
         -webkit-animation-delay:0.316s;
         -moz-animation-delay:0.316s;
         transform:rotate(-45deg);
         -o-transform:rotate(-45deg);
         -ms-transform:rotate(-45deg);
         -webkit-transform:rotate(-45deg);
         -moz-transform:rotate(-45deg);
    }
     #rotateG_03{
         left:8px;
         top:1px;
         animation-delay:0.3925s;
         -o-animation-delay:0.3925s;
         -ms-animation-delay:0.3925s;
         -webkit-animation-delay:0.3925s;
         -moz-animation-delay:0.3925s;
         transform:rotate(0deg);
         -o-transform:rotate(0deg);
         -ms-transform:rotate(0deg);
         -webkit-transform:rotate(0deg);
         -moz-transform:rotate(0deg);
    }
     #rotateG_04{
         right:2px;
         top:3px;
         animation-delay:0.469s;
         -o-animation-delay:0.469s;
         -ms-animation-delay:0.469s;
         -webkit-animation-delay:0.469s;
         -moz-animation-delay:0.469s;
         transform:rotate(45deg);
         -o-transform:rotate(45deg);
         -ms-transform:rotate(45deg);
         -webkit-transform:rotate(45deg);
         -moz-transform:rotate(45deg);
    }
     #rotateG_05{
         right:0;
         top:8px;
         animation-delay:0.5455s;
         -o-animation-delay:0.5455s;
         -ms-animation-delay:0.5455s;
         -webkit-animation-delay:0.5455s;
         -moz-animation-delay:0.5455s;
         transform:rotate(90deg);
         -o-transform:rotate(90deg);
         -ms-transform:rotate(90deg);
         -webkit-transform:rotate(90deg);
         -moz-transform:rotate(90deg);
    }
     #rotateG_06{
         right:2px;
         bottom:2px;
         animation-delay:0.622s;
         -o-animation-delay:0.622s;
         -ms-animation-delay:0.622s;
         -webkit-animation-delay:0.622s;
         -moz-animation-delay:0.622s;
         transform:rotate(135deg);
         -o-transform:rotate(135deg);
         -ms-transform:rotate(135deg);
         -webkit-transform:rotate(135deg);
         -moz-transform:rotate(135deg);
    }
     #rotateG_07{
         bottom:0;
         left:8px;
         animation-delay:0.6985s;
         -o-animation-delay:0.6985s;
         -ms-animation-delay:0.6985s;
         -webkit-animation-delay:0.6985s;
         -moz-animation-delay:0.6985s;
         transform:rotate(180deg);
         -o-transform:rotate(180deg);
         -ms-transform:rotate(180deg);
         -webkit-transform:rotate(180deg);
         -moz-transform:rotate(180deg);
    }
     #rotateG_08{
         left:2px;
         bottom:2px;
         animation-delay:0.775s;
         -o-animation-delay:0.775s;
         -ms-animation-delay:0.775s;
         -webkit-animation-delay:0.775s;
         -moz-animation-delay:0.775s;
         transform:rotate(-135deg);
         -o-transform:rotate(-135deg);
         -ms-transform:rotate(-135deg);
         -webkit-transform:rotate(-135deg);
         -moz-transform:rotate(-135deg);
    }
     @keyframes fadeG{
         0%{
             background-color:rgb(18,161,232);
        }
         100%{
             background-color:rgb(255,255,255);
        }
    }
     @-o-keyframes fadeG{
         0%{
             background-color:rgb(18,161,232);
        }
         100%{
             background-color:rgb(255,255,255);
        }
    }
     @-ms-keyframes fadeG{
         0%{
             background-color:rgb(18,161,232);
        }
         100%{
             background-color:rgb(255,255,255);
        }
    }
     @-webkit-keyframes fadeG{
         0%{
             background-color:rgb(18,161,232);
        }
         100%{
             background-color:rgb(255,255,255);
        }
    }
     @-moz-keyframes fadeG{
         0%{
             background-color:rgb(18,161,232);
        }
         100%{
             background-color:rgb(255,255,255);
        }
    }
    /*-------------sync loader css end---------*/
     .onscreenText {
         color: #969696;
         position: relative;
    }
     .divider-vertical {
         height: 66px;
         background-color: #e6e6e6;
         border-right: 1px solid #e6e6e6;
    }
     .navbar .nav > li > a:active, .navbar .nav > li > a.active, .nav > li > a:focus, .nav .open > a:focus {
         background-color: #f7f7f7;
         text-decoration: none;
    }
     .nav > li > a#save-sync:focus, .nav .open > a#save-sync:focus{
         background-color: #f7f7f7;
    }
     .user-info-dropdown {
         text-align: left;
    }
     .context-icon {
         display: inline-block;
    }
     .opr-userinformation {
         display: inline-block;
         vertical-align: middle;
    }


     .user-info-dropdown .context-menu-items{
         right: 5px;
         top: 54px;
    }
     .context-menu-items{
         right: 5px !important;
         top: 66px;
    }
     .user-info-dropdown .opr-user-icon, .user-info-dropdown .opr-teacher-icon {
         height: 43px;
         width: 43px;
         background-color: #f8f8f8;
         margin-right: 0 !important;
    }
     .opr-dropdown-user-icon {
         height: 43px;
         width: 43px;
         background-color: #f8f8f8;
         border-radius: 50%;
         border: 1px solid #e3e3e3;
         margin-right: 7px;
         padding: 0;
         position: relative;
         vertical-align: middle;
         overflow: hidden;
    }
     .opr-user-icon, .opr-teacher-icon {
         border-radius: 100%;
         border: 1px solid #e3e3e3;
         height: 34px;
         margin-right: 7px;
         padding: 0;
         width: 34px;
         position: relative;
         vertical-align: middle;
         overflow: hidden;
    }
 .navbar-inner .dropdown-menu.context-menu-items {
     right:0;
}
.user-info-dropdown .user-text {
         margin: 0 0 0 10px;
         padding-right: 10px;
         display: inline-block !important;
         vertical-align: middle;
         font-family: 'open_sansregular', sans-serif;
    }
     .user-type-teacher{
         display: none;
    }
     .user-info-dropdown button {
         width: 16px;
         margin: 0;
         -webkit-appearance: none;
         border: 0px;
         background-color: transparent;
         font-size: 0px;
    }
     .user-info-dropdown .caret {
         border-top: 5px solid #7a7c7d;
         border-right: 4px solid transparent;
         border-left: 4px solid transparent;
         display: inline-block;
         width: 0;
         height: 0;
         vertical-align: inherit;
         content: "";
    }
     .open .user-info-dropdown .caret, .user-info-dropdown .caret.active {
         border-top: 5px solid #36393b;
    }
    /*------------user blocker css start-------------*/
     .user-nav-blocker {
         position: fixed;
         top: 0px;
         bottom: 0px;
         left: 0px;
         right: 0px;
         background: rgba(0, 0, 0, 0);
    }
    /*------------user blocker css end-------------*/
    /*----------setting model popup changes start----------*/
     .fade {
         opacity: 0;
         filter: alpha(opacity=0);
         -webkit-transition: opacity 0.15s linear;
         -moz-transition: opacity 0.15s linear;
         -ms-transition: opacity 0.15s linear;
         -o-transition: opacity 0.15s linear;
         transition: opacity 0.15s linear;
    }
     .modal-backdrop, .modal-backdrop.fade.in {
         opacity: 0.4 !important;
         filter: alpha(opacity=40) !important;
    }
    /*.modal.fade {
         -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
         -ms-transition: opacity 0.3s linear, top 0.3s ease-out;
         -o-transition: opacity 0.3s linear, top 0.3s ease-out;
         transition: opacity 0.3s linear, top 0.3s ease-out;
         top: -25%;
    }
    */
     .fade.in {
         opacity: 1;
         filter: alpha(opacity=100);
    }
     .modal-backdrop.fade {
         filter: alpha(opacity=0) !important;
         opacity: 0 !important;
    }
    .modal-backdrop.merge-view-disabled{
        z-index: 1042;
    }
     .viewer-settings-modal.modal {
         top: 80px;
         left: auto;
         right: 20%;
         width: 339px;
         padding: 0;
         margin: 0px;
         text-align: left;
         background-color: white;
         border: #e3e3e3 1px solid;
         -moz-box-shadow: 0px 0px 1px #d9d9d9;
         -webkit-box-shadow: 0px 0px 1px #d9d9d9;
         box-shadow: 0px 0px 1px #d9d9d9;
         overflow: auto;
         bottom: auto;
    }
     .viewer-settings-modal.modal.fade.in{
         top: 80px;
    }
     .viewer-settings-modal h2 {
         color: #36393b;
         font-size: 18px;
         background: #f7f7f7;
         padding: 10px;
         margin: 0;
    }
     #viewer-settings-modal .bg-white {
         padding: 12px 0px;
         border-bottom: 1px solid #dfdfdf;
         margin: 0 12px;
    }
     #viewer-settings-modal #settings-form-footer {
         padding: 10px 10px 15px 10px;
    }
     .preview-text {
         height: 50px;
         overflow: hidden;
         padding: 10px;
         margin-bottom: 15px;
         border: 1px solid #d0cece;
         line-height: normal;
    }
     .small-font {
         width: 16px;
    }
     .big-font {
         position: absolute;
         right: 0;
         top:0;
    }
     .ie10 .big-font{
         top:10px;
    }
    /*font range css start*/
     .font-range {
         position: relative;
    }
     .viewer-settings-modal input[type=range] {
         padding: 0;
         vertical-align: middle;
        /*outline: none;
        */
         -webkit-appearance: none;
         -moz-appearance: none;
         float: none;
         width: 227px;
         height: 2px;
         margin: 10px 15px;
         border-radius: 8px;
         display: inline-block;
         cursor: pointer;
    }
     .edge .viewer-settings-modal input[type=range] {
         height: auto;
         margin: 0px 15px;
         background:transparent !important;
    }
     .ie11 .viewer-settings-modal input[type=range]{
         height:auto;
         margin-top: 0;
         margin-bottom: 0;
    }
     .font-range input[type=range]::-webkit-slider-thumb {
         -moz-box-shadow: 0px 0px 3px 1px #d3d7d7;
         -webkit-box-shadow: 0px 0px 3px 1px #d3d7d7;
         box-shadow: 0px 0px 3px 1px #d3d7d7;
         border: 0!important;
         cursor: pointer;
         -webkit-appearance: none;
         border-radius: 18px;
         height: 15px;
         width: 15px;
         background: #fff;
    }
     .font-range input[type=range]::-moz-range-thumb {
         -moz-box-shadow: 0px 0px 3px 1px #d3d7d7;
         -webkit-box-shadow: 0px 0px 3px 1px #d3d7d7;
         box-shadow: 0px 0px 3px 1px #d3d7d7;
         border: 0!important;
         cursor: pointer;
         border-radius: 18px;
         height: 15px;
         width: 15px;
         background: #fff;
    }
     .font-range input[type=range]::-ms-thumb {
         box-shadow: 0px 0px 2px 1px #d3d7d7;
         -ms-box-shadow: 0px 0px 2px 1px #d3d7d7;
         border: 1px solid #d3d7d7;
         height: 15px;
         width: 15px;
         border-radius: 100%;
         background: #fff;
    }
     .font-range input[type=range]::-moz-range-track {
         border-radius: 20px;
         width: 100%;
         height: 0;
         cursor: pointer;
    }
     .font-range input[type=range]::-ms-track {
         border-radius: 20px;
         height: 2px !important;
         background: transparent !important;
         border-color: transparent !important;
         border-width: 12px 0 !important;
         color: transparent !important;
    }
     .font-range input[type=range]::-ms-fill-lower {
         outline: none;
         background: #44b0e6;
    }
     .font-range input[type=range]::-ms-fill-upper {
         outline: none;
         background: #b5b5b6;
    }
     .font-range input[type=range]:focus::-ms-fill-lower {
         background: #44b0e6;
    }
     .font-range input[type=range]:focus::-ms-fill-upper {
         background: #b5b5b6;
    }
     .font-range input[type=range]:focus::-ms-tooltip {
         display: none;
    }
    /*.font-range input[type="range"]:focus {
         outline: 1px dotted #212121;
         outline: 5px auto -webkit-focus-ring-color;
    }
    */
     .ie10 .font-range input[type=range] {
         background: transparent !important;
         height: auto;
         top: 60px;
    }
    /*font range css end*/
    /*daymode nightmode css start*/
     .viewer-settings-modal ul li {
         display: block;
         padding: 12px 15px;
    }
     .image-view {
         display: inline-block;
         width: 26px;
         height: 26px;
         vertical-align: middle;
         background-position: center left;
    }
     .daymode {
         background-image: url(../images/day-light-icon.png);
         margin-right: 10px;
    }
     .nightmode {
         background-image: url(../images/night-mode-icon.png);
         margin-right: 10px;
    }
     .viewer-settings-modal input[type="radio"] {
         display: none;
    }
     .viewer-settings-modal input[type="radio"] + label {
         display: inline-block;
         vertical-align: middle;
         margin-bottom: 0;
         margin-top: 0;
         color: #6a6b6b;
         font-size: 14px;
         font-weight: normal;
    }
     .viewer-settings-modal input[type="radio"] + label span.rediobtn {
         display: inline-block;
         vertical-align: middle;
         width: 21px;
         height: 21px;
         margin: -1px 4px 0 0;
         position: absolute;
         right: 15px;
         cursor: pointer;
         background: url(../images/redio-btn.png) -2px top no-repeat;
    }
     .viewer-settings-modal input[type="radio"]:checked + label span.rediobtn {
         background: url(../images/redio-btn.png) -27px top no-repeat;
    }
     .viewer-settings-modal .radio {
         min-height: 18px;
         padding-left: 18px;
         position: static;
    }
     .redio-text {
         display: inline-block;
         cursor: pointer;
    }
     .viewer-settings-modal ul li:hover, .viewer-settings-modal ul li:active, .viewer-settings-modal ul li.active {
         cursor: pointer;
    }
    /*setting show annotation css start*/
     .show-hide-annotations {
         position: relative;
         border-bottom: 1px solid #dfdfdf;
         padding: 15px 7px;
         margin: 5px 10px;
    }
     .show-hide-label {
         font-size: 14px;
         color: #757575;
         font-family: 'open_sanssemibold', sans-serif;
         font-weight: normal;
    }
     .show-hide-label span {
         font-size: 11px;
         color: #757575;
         font-style: italic;
         font-family: 'open_sansregular', sans-serif;
    }
     .switch-labels {
         display: inline-block;
         width: 53px;
         height: 25px;
         font-family: 'open_sanssemibold', sans-serif;
         font-size: 10px;
         position: absolute;
         right: 2px;
         top: 12px;
         border: 1px solid #098fd1;
    }
     .switch-light {
         display: block;
         min-height: 25px;
         position: absolute;
         overflow: visible;
         text-transform: capitalize;
         color: #098fd1;
         cursor: pointer;
         top: 0;
         left: 0;
         right: 0;
    }
     .switch-light * {
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
    }
     .switch-labels label {
         position: relative;
         z-index: 3;
         display: block;
         width: 100%;
         font-weight: normal;
    }
     .switch-labels input {
         position: absolute;
         opacity: 0;
         z-index: 5;
         cursor:pointer;
    }
     .switch-labels input:checked ~ a {
         right: 2%;
    }
     .switch-labels > span span {
         position: absolute;
         top: 0;
         left: 0;
         z-index: 5;
         display: block;
         width: 50%;
         margin-left: 6.25em;
         text-align: center;
    }
     .switch-labels > span span:last-child {
         left: 50%;
    }
     .switch-labels a {
         position: absolute;
         right: 50%;
         top: 1px;
         z-index: 6;
         display: block;
         width: 49%;
         height: 21px;
         padding: 0;
         -webkit-transition: all 0.2s ease-out;
         -moz-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
         background-color: #098fd1;
    }
     .op_off {
         border: 1px solid #646464 !important;
    }
     .op_off a {
         background-color: #646464;
    }
     .op_off .no-label {
         color: #646464;
    }
     .yes-label, .no-label {
         position: absolute;
         top: 5px;
         font-weight: normal;
    }
     .yes-label {
         left: 5px;
    }
     .no-label {
         right: 5px;
    }
/*.switch-labels input:focus + .switch-light`{
     box-shadow: 0px 0px 1px 1px rgb(77,144,254);
     outline: 0 none;
     text-decoration: none;
}
*/
    /*setting model btn*/
     .settings-form-footer .btn {
         margin: 5px;
    }
    /*----------setting model popup changes end----------*/
    /*.navbar-static-top {
         display: none;
    }
    */
     #below-navbar {
         margin: 0;
         padding: 0;
         position: absolute;
         top: 66px;
         bottom: 0;
         overflow: hidden;
         width: 100%;
        /*display: none;
        */
    }
     .reflowLayoutContentArea {
         top: 50px;
         position: absolute;
         left: 145px;
         right: 75px;
         bottom: 15px;
    }
     .fixedLayoutContentArea {
         top: 50px;
         position: absolute;
         left: 135px;
         right: 96px;
         bottom: 37px;
    }
     .fixedAppendArea{
         overflow: hidden;
         left: 0;
         right: 0;
         width:100%;
         height: 100%;
         top:0;
         bottom: 0;
    }
     .default-theme {
         background-color: white;
         color: black;
         margin: 0;
         padding: 0;
         width: 100%;
         height: 100%;
         min-width: 100%;
    }
     .container-reader, .page-wrap {
         margin: 0;
         padding: 0;
         width: 100%;
         height: 100%;
         position: absolute;
         background: #fff;
    }
     .page-wrap {
         overflow: hidden;
    }
    /*-----------viewer title bar css start---------------*/
     .viewer-titlebar {
         height: 45px;
         left: 145px;
         right: 75px;
         position: absolute;
         top:7px;
    }
     .fixedLayoutTitle {
         left: 135px;
         right: 96px;
    }
     .book-title {
         position: absolute;
         right: 200px;
         left: 0;
         top: 15px;
    }
     .book-title.breadcrumbs {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         cursor: default;
    }
     .breadcrumbs a {
         color: #389fe0;
         cursor: pointer;
    }
 .context-menu-items li a span.reports, .context-menu-items li a span.termsofuse {
     color: #389fe0;
     display: inline-block;
     font-size: 12px;
}
.navbar-inner .screen-view.bookmark-view {
    display: none;
}
.breadcrumbs span {
         color: #757575;
         margin: 0 0 0 5px;
    }
     .mini-full-screen {
         position: absolute;
         right: 0px;
         top: 14px;
    }
     .mini-full-screen ul {
         list-style: none;
         float: left;
    }
     .mini-full-screen ul li{
         float:left;
    }
     .mini-full-screen ul li a, .mini-full-screen ul li span {
         float: left;
         padding: 5px;
         cursor: pointer;
    }
     .print-view, .bookmark-view {
         margin-right: 5px;
    }
     .mini-full-screen ul li a.double-view {
         padding: 0 5px;
    }
    /*.m-e-anotation {
         background-image: url(../images/m-e-anotation-icon.png);
    }
    */
     .mini-full-screen ul li.divider {
         background: #d3d3d3;
         visibility: hidden;
         margin: 0px 5px;
         height: 20px;
         width: 1px;
         padding: 0px;
    }
     #launchposttest:focus{
        color: #43494c;
    }
    /*-----------viewer title bar css end---------------*/
    /*-------------left bar css start-------------------*/
    /*upfront view css start*/
     .page-leftbar {
         position: absolute;
         width: 70px;
         background: #fff;
         border-right: 1px solid #e7e7e7;
         left:0;
         top:0px;
         bottom:0px;
         z-index: 100;
         -webkit-transition: -webkit-transform 0.5s;
         transition: transform 0.5s;
    }
     .left-container-top {
         margin-bottom: 20px;
         position: relative;
    }
     .left-container-bottom{
         margin-bottom: 10px;
         position: relative;
         display: none; /* it is imapct for ai icon (taking bottom space) */
    }
     .left-container-top ul li, .left-container-bottom ul li {
         display: block;
    }
     .left-container-top ul li a {
         border-bottom: 1px solid #e7e7e7;
         text-align: center;
         color: #565656;
         text-decoration: none;
         line-height: normal;
         padding: 13px 0;
         font-size: 11px;
         display: block;
         cursor: pointer;
         height: 70px;
    }
     .st-menu-open .page-leftbar{
         background:#f3f3f3;
    }
     .st-menu-open .left-container-top ul li a:active, .st-menu-open .left-container-top ul li a.active{
         background:#fff;
    }
     .leftbar-icon .item-title {
         margin-top: 10px;
         display: block;
    }
     .left-container-bottom ul li {
         text-align: center;
    }
     .left-container-bottom ul li a {
         display: inline-block;
         padding: 8px 0;
         text-decoration: none;
         text-align: center;
         position: relative;
    }
     .offscreenImg {
         text-indent: -9999px;
    }
     .note-leftbadge, .weblink-leftbadge, .hyperlink-leftbadge, .voice-leftbadge, .file-leftbadge, .highlight-leftbadge{
         height: 24px;
         width: 24px;
         vertical-align: middle;
         display: inline-block;
         border-radius: 100%;
         position: relative;
         background-color: #3aa5da;
         text-align: center;
    }
     .icon-badge {
         position: absolute;
         top: 6px;
         left: 18px;
         padding: 4px;
         font-size: 10px;
         font-family: 'open_sanssemibold', sans-serif;
         background: #e76453;
         border-radius: 3px;
         line-height: 17px;
         height: 18px;
         color: #fff;
    }
     @-moz-document url-prefix() {
         .icon-badge {
             padding-top:3px;
        }
         .OPDropdown-option.selected:before {
             padding:3px 1px;
        }
         .feeds-who-shared-name {
             max-width: 22%;
        }
    }
     .ie10 .icon-badge{
         padding-top:5px;
    }
    /*upfront view css end*/
    /*-------------left bar css end-------------------*/
    /*-------------next and previous arrow css start-------------------*/
     .next-div, .previous-div {
         position: absolute;
         top: 50%;
         margin-top: -22px;
         background-repeat: no-repeat;
         background-position: 0 0;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         -o-user-select: none;
         user-select: none;
    }
     .next-div {
         right: -61px;
         -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
         transform: rotate(180deg);
    }
     .previous-div {
         left: -61px;
    }
     .next-page-button, .prev-page-button {
         display: inline-block;
         position: relative;
         text-align: center;
         padding: 10px;
    }
     .fixedLayoutContentArea .next-div{
         right: -78px;
    }
     .fixedLayoutContentArea .previous-div{
         left: -45px;
    }
    /*-------------next and previous arrow css end-------------------*/
    /*-------------slider infotip css start-------------------*/
     .infoTip {
         border-radius: 2px;
         background: #47b3e7;
         position: relative;
         height: 50px;
         text-align: center;
         -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
         -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
         box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
         color: #fff;
         line-height: normal;
         bottom: 22px;
         display: none;
         width: 175px;
         z-index: 1039;
    }
     .infoTip:before {
         top: 100%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
         border-color: rgba(194, 225, 245, 0);
         border-top-color: #47b3e7;
         border-width: 10px;
         left: 50%;
         margin-left: -10px;
    }
     .double-info {
        /*width: 360px;
        */
         width: 274px;
    }
     .single-page-info, .double-page-info {
         padding: 5px;
         font-size: 12px;
        /*width:46%;
        */
         text-align: center;
    }
     .single-page-info, .double-page-info, .info-devider {
         display: inline-block;
         vertical-align: middle;
    }
     .info-devider {
         background: #fff;
         width: 1px;
         height: 30px;
    }
     .single-page-info div, .double-page-info div {
         width: 110px;
    }
     .infoTip pre {
         margin: 0;
         white-space: inherit;
         display: block;
         padding: 0;
         color: #fff;
         background-color: transparent;
         border: none;
         border-radius: 0px;
         line-height: normal;
         font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
    }
     .infoTip pre.chapter {
         font-size: 13px;
         font-family: 'open_sanssemibold', sans-serif !important;
    }
    /*-------------slider infotip css end-------------------*/
    /*-------------fixed page slider range css start-------------------*/
     .pageSlider {
         position: absolute;
         bottom: 0px;
         left: 135px;
         right: 96px;
        /*z-index: 20000;
        */
         display: none;
         text-align: center;
    }
     .pageSlider input[type="range"] {
         height: 9px;
         padding: 0;
         margin: 0;
         -webkit-appearance: none;
         -moz-appearance: none;
         background-color: #d8d4d2;
         border: 0px;
         border-radius: 0;
         cursor: pointer;
         -webkit-border-radius: 0;
         -moz-border-radius: 0;
    }
     .ie11 .pageSlider input[type='range']{
         height:16px;
         background-color: transparent;
    }
    /*.pageSlider input[type="range"]:focus {
         outline: hidden;
    }
    */
     .pageSlider input[type="range"]::-webkit-slider-thumb {
         width: 55px;
         height: 9px;
         -webkit-appearance: none;
         background-color: #44b0e6;
         opacity: 1.0;
		 border:none;
    }
     .pageSlider input[type="range"]::-moz-range-thumb {
         width: 55px;
         height: 9px;
         -moz-appearance: none;
         background: #44b0e6;
         opacity: 1.0;
         border: 0px;
         border-radius: 0;
         -moz-border-radius: 0;
    }
     .pageSlider input[type="range"]::-moz-range-track {
         -moz-appearance: none;
         background-color: #D8D4D2;
         opacity: 1.0;
         border:0;
    }
     .pageSlider input[type="range"]::-ms-track {
         width: 100%;
         height: 9px;
         background: #D8D4D2;
         border: none;
         color: transparent;
    }
     .pageSlider input[type="range"]::-ms-fill-lower {
         outline: none;
         background: #D8D4D2;
    }
     .pageSlider input[type="range"]::-ms-thumb {
         border: none;
         height: 9px;
         width: 55px;
         border-radius: 0;
         background: #44b0e6;
    }
     .pageSlider input[type="range"]:focus::-ms-track {
         background: #D8D4D2;
    }
     .pageSlider input[type="range"]:focus::-ms-fill-lower {
         background: #D8D4D2;
    }
     .pageSlider input[type="range"]::-ms-tooltip {
         display: none;
    }
    /*-------------fixed page slider range css end-------------------*/
    /*---------------------------------------reflow page slider range css start ---------------------------------------*/
     .reflowPageList {
         left: 144px;
         right: 75px;
         bottom: 13px;
    }
/*     .ie11 .reflowPageList, .edge .reflowPageList{
         bottom: 27px;
    }*/
     .pageSlider-jumpTo {
         bottom: -8px;
    }
/*     .ie10 .reflowPageList {
         bottom: 34px;
    }*/
    /*Styling for the range*/
     .reflowPageList input[type="range"] {
        /*outline: none;
        */
         -webkit-appearance: none;
         width: 100%;
         height: 3px;
         background-color: transparent;
    }
    /*.reflowPageList input[type="range"]:focus {
         outline: none;
    }
    */
     .ie10 .reflowPageList input[type="range"] {
         height: 24px;
         background: transparent;
         margin-bottom: -12px !important;
    }
     .edge .reflowPageList input[type="range"]{
         height: 17px;
    }
    /*Styling for Thumb*/
     .reflowPageList input[type="range"]::-webkit-slider-thumb {
         -webkit-appearance: none;
         border: 1px solid #cccdcd;
         height: 11px;
         width: 11px;
         margin-top: -4px;
         border-radius: 50%;
         background: #ffffff !important;
         cursor: pointer;
         box-shadow: 0px 0px 3px 1px #dedddd;
    }
     .reflowPageList input[type="range"]::-moz-range-thumb {
         border: 1px solid #cccdcd;
         height: 11px;
         width: 11px;
         border-radius: 50% !important;
         background: #ffffff !important;
         cursor: pointer;
         box-shadow: 0px 0px 3px 1px #dedddd;
    }
     .reflowPageList input[type="range"]::-ms-thumb {
         border: 1px solid #cccdcd !important;
         height: 11px !important;
         width: 11px !important;
         border-radius: 50% !important;
         background: #fff !important;
         cursor: pointer;
         box-shadow: 0px 0px 3px 1px #dedddd !important;
         -ms-box-shadow: 0px 0px 3px 1px #dedddd !important;
         padding: 0 !important;
         margin: 0;
    }
    /*Styling for Track*/
     .reflowPageList input[type="range"]::-webkit-slider-runnable-track {
         width: 100%;
         height: 3px;
         cursor: pointer;
    }
     .reflowPageList input[type="range"]::-moz-range-track {
         width: 100%;
         height: 0;
         cursor: pointer;
    }
     .reflowPageList input[type="range"]::-ms-track {
         width: 100% !important;
         height: 3px !important;
         cursor: pointer !important;
         background: transparent;
         border-color: transparent !important;
         border-width: 16px 0 !important;
         color: transparent !important;
    }
     .reflowPageList input[type="range"]::-ms-fill-lower {
         background: #93d0ee;
    }
     .reflowPageList input[type="range"]:focus::-ms-fill-lower {
         background: #93d0ee;
    }
     .reflowPageList input[type="range"]::-ms-fill-upper {
         background: #dadada;
    }
     .reflowPageList input[type="range"]:focus::-ms-fill-upper {
         background: #dadada;
    }
    /*---------------------------------------reflow page slider range css end ---------------------------------------*/
    .jump-to-page{
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    }
     .pagination-jumpto {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 0 auto;
    display: inline-block;
    padding: 2px 10px;
    margin-bottom: 5px;
    border: 1px solid #d0cece;
    background-color: #fff;
    position: relative;
    }

     .ie11 .reflow-pagenav-add .pagination-jumpto, .edge .reflow-pagenav-add .pagination-jumpto{
         margin-top:0;
    }
     .pagination-jumpto span {
         display: inline-block;
         vertical-align: middle;
    }
     .pagination-jumpto input {
         width: 100px;
         margin: 0;
         text-align: center;
         border: none;
         line-height: normal;
         font-size: 14px;
    }
    /*---------------------------------------view blocker css start---------------------------------------*/
     .view-blocker {
         position: absolute;
         width: 100%;
         height: 100%;
         top: 0px;
         z-index: 600;
         display: none;
         background-color: #fff;
    }
     .view-blocker div {
         position: absolute;
         left: 50%;
         width: 400px;
         margin-left: -200px;
         top: 50%;
         margin-top: -9px;
         font-size: 14px;
         text-align: center;
    }
    /*---------------------------------------view blocker css end---------------------------------------*/
    /*---------------------------------------zoom component css start---------------------------------------*/
     .zoom-component {
         position: absolute;
         right: 43px;
         top: 50%;
         margin-top: -147px;
    }
     .zoom-flex {
         text-align: center;
         flex: 1;
         display: flex;
         flex-direction: column;
         justify-content: center;
         min-height: 100%;
         height: 100%;
    }
     .zoom-component ul {
         margin-left: 20px;
         list-style: none;
    }
     .zoom-component ul li {
         display: block;
         position: relative;
         margin: 5px 0;
    }
     .zoom-icons {
         width: 25px;
         height: 26px;
         cursor: pointer;
         text-align: center;
         display: block;
    }
     .hand-icon {
         cursor: pointer;
         background-color: rgba(219,219,219,0.5);
         text-align: center;
         border-radius: 4px;
         border: 1px solid #ddd;
         padding: 3px 3px 6px;
    }
     .hand-icon.active {
         background-color: rgba(219,219,219,1);
         box-shadow: 0 0 1px #bbbbbb inset;
    }
     .zoom-component ul li.zoom-bar {
         height: 130px;
    }
     .ie11 .zoom-component ul li.zoom-bar input[type=range].vVertical {
         top: 60px;
    }
     .zoom-component ul li.zoom-bar input[type=range].vVertical {
         width: 130px;
         z-index: 0;
         position: absolute;
         top: 65px;
         left: -53px;
         padding: 0;
        /* outline: 0;
        */
         margin-bottom: 0px;
         cursor: pointer;
    }
     .edge .zoom-component ul li.zoom-bar input[type=range].vVertical{
         top: 52px;
    }
     .zoom-bar input[type=range] {
         padding: 0;
         margin-top: 0 !important;
         background: transparent;
         border: 0;
         vertical-align: top;
         -webkit-appearance: none;
         -moz-appearance:none;
         float: none !important;
         height: 4px;
    }
     .ie11 .zoom-bar input[type=range], .edge .zoom-bar input[type=range]{
         height: auto;
    }
     .zoom-bar input[type=range].vVertical {
         -webkit-transform: rotate(270deg);
         -moz-transform: rotate(270deg);
         -o-transform: rotate(270deg);
         -ms-transform: rotate(270deg);
         transform: rotate(270deg);
    }
     .ie10 .zoom-bar input[type=range] {
         height: auto;
         top: 60px !important;
    }
     .zoom-bar input[type=range]::-webkit-slider-thumb {
         cursor: pointer;
         -webkit-appearance: none;
         border-radius: 18px;
    }
     .zoom-bar input[type=range]::-moz-range-thumb {
         cursor: pointer;
         border-radius: 16px;
    }
     .zoom-bar input[type=range]::-moz-range-track {
         height: 4px;
         background: transparent;
         border:3px solid #f5f4f4;
    }
     .zoom-bar input[type=range]::-webkit-slider-thumb {
         height: 18px;
         width: 18px;
         background: #fff;
         border: 1px solid #999999;
    }
     .zoom-bar input[type=range]::-moz-range-thumb {
         height: 16px;
         width: 16px;
         background: #fff;
         border: 1px solid #999999;
    }
     .zoom-bar input[type=range]::-ms-track {
         height: 4px;
         background: transparent;
         border-color: transparent;
         border-width: 8px 0;
         color: transparent;
    }
     .zoom-bar input[type=range]::-ms-fill-lower {
         outline: none;
         background: #44b0e6;
    }
     .zoom-bar input[type=range]::-ms-fill-upper {
         outline: none;
         background: #b5b5b6;
    }
     .zoom-bar input[type=range]::-ms-thumb {
         height: 18px;
         width: 18px;
         border-radius: 100%;
         background: #fff;
         border: 1px solid #999999;
    }
     .zoom-bar input[type=range]:focus::-ms-fill-lower {
         background: #44b0e6;
    }
     .zoom-bar input[type=range]:focus::-ms-fill-upper {
         background: #b5b5b6;
    }
     .topLevelWrapper {
         position: absolute;
         top: 0px;
         left: 0px;
         width: 100%;
         height: 100%;
         display: none;
    }
     .topLevelWrapper {
         cursor: url(../images/hand-icon.png), auto;
    }
    /*--cursor created from http://www.cursor.cc/?*/
     .ie11 .topLevelWrapper{
         cursor: url(images/cursor.cur), default;
    }
 .edge .topLevelWrapper{
     cursor: url(images/cursor.cur), pointer;
}
 .ie11 .opr-pen-cursor {
     cursor: url(images/pencil.cur), default;
}
 .opr-pen-cursor{
     cursor: url(../images/pencil.png),auto;
}
 .opr-eraser-cursor {
     cursor: url(../images/eraser.png), auto;
}
 .ie11 .opr-eraser-cursor {
     cursor: url(images/eraser.cur), default;
}
    /*---------------------------------------zoom component css end---------------------------------------*/
    /*------------------------------annotation menu css start--------------------------*/
     .annotation-menu.modal {
         width: auto;
         height: auto;
         padding: 0;
         overflow: visible;
         -webkit-transition: opacity 0.3s linear;
         -moz-transition: opacity 0.3s linear;
         -ms-transition: opacity 0.3s linear;
         -o-transition: opacity 0.3s linear;
         transition: opacity 0.3s linear;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
         background: #262626;
         border-radius: 2px;
         -webkit-border-radius: 2px;
         -moz-border-radius: 2px;
         display: inline-block;
        /*border: 1px solid rgba(0, 0, 0, 0.3);
        */
         bottom: auto;
         right: auto;
    }
     #annotationView.annotationView.modal.weblink, #annotationView.annotationView.modal.hyperlink.new, #annotationView.annotationView.modal.voice, #annotationView.annotationView.modal.file {
         width: 390px;
    }
     #annotationView.annotationView.modal.hyperlink {
         width: 570px;
    }
     .annotation-menu.modal.in {
         opacity: 1;
    }
     .annotation-menu ul {
         width: auto;
         margin: 0px;
         padding: 0px;
    }
     .annotation-menu ul li{
         display: inline-block;
        /* min-width: 95px;
         max-width: 95px;
        */
    }
     .annotation-menu ul li a,
      .annotation-menu ul li button {
         margin: 0px;
         display: inline-block;
         min-width: 95px;
         max-width: 95px;
         font-size: 11px;
         text-align: center;
         color: #fff;
         position: relative;
         padding: 7px 0;
    }
     .annotation-menu ul li a:after,
     .annotation-menu ul li button:after {
         content: "";
         background: #454545;
         position: absolute;
         top: 3px;
         right: 0px;
         bottom: 4px;
         width: 1px;
    }
     .annotation-menu ul li:last-child a:after {
         background: no-repeat;
         width: 0;
    }
     .annotation-menu ul li ul.highlight-color {
         position: absolute;
        /*top: 43px;
        */
         display: none;
         background-color: #000;
         max-width: 95px;
         min-width: 95px;
         float: left;
    }
     .annotation-menu ul li ul.highlight-color li{
         padding: 4px 10px;
         display: block;
    }
     .annotation-menu ul li ul.highlight-color li a {
         box-sizing: border-box;
         padding: 18px;
         display: inline-block;
         min-width: 75px;
         max-width: 75px;
    }
     .annotation-menu ul li ul.highlight-color li a:after, .annotation-menu ul li ul.highlight-color li a:before{
         display: none;
    }
     .annotation-menu ul li ul.highlight-color li:first-child {
         padding: 10px 10px 10px;
         float: left;
    }
     .annotation-menu ul li ul.highlight-color li:last-child {
         padding: 5px 10px 10px;
         float: left;
    }
    /*ul.highlight-color li a span {
         padding: 18px;
         display: block;
    }
    */
    /*highlighted color palette code start*/
     .op_highlight {
         background: #fff2a8;
    }
     .op_highlightYellow {
         background: #fff2a8;
    }
     .op_highlightPink {
         background: #ffb7b7;
    }
     .op_highlightGreen {
         background: #ccff99;
    }
     .op_highlightBlue {
         background: #a8d1ff;
    }
     .op_highlightPink.teacher, .op_highlightBlue.teacher, .op_highlightGreen.teacher, .op_highlightOrange.teacher, .op_highlightYellow.teacher{
         cursor: auto;
    }
    /*highlighted color palette code start*/
    /*ul.highlight-color li span.highlightYellow {
         background: #fff2a8;
    }
     ul.highlight-color li span.highlightPink {
         background: #ffb7b7;
    }
     ul.highlight-color li span.highlightGreen {
         background: #ccff99;
    }
     ul.highlight-color li span.highlightBlue {
         background: #a8d1ff;
    }
    */
    /*------------------------------annotation menu css end--------------------------*/
    /*------------------------------annotation popup css start--------------------------*/
     .annotationView.modal
    /*, #readium-note-popup.modal, #weblink-popup.modal, .annotation-menu.modal, #hyperlink-popup.modal*/
     {
         z-index: 1060;
         width: 400px;
         padding: 0 8px 8px;
         margin: 0px;
         overflow: visible;
         -webkit-transition: opacity 0.3s linear;
         -moz-transition: opacity 0.3s linear;
         -ms-transition: opacity 0.3s linear;
         -o-transition: opacity 0.3s linear;
         transition: opacity 0.3s linear;
         border: #e3e3e3 1px solid;
         background: #ebeaea;
        /* font-family: 'open_sansregular';
        */
         font-size: 12px;
         height: auto;
         bottom: auto;
         display: inline-block;
         text-indent: inherit !important;
    }
     .annotation-popup-edit label {
         color: #a3a3a3;
         font-size: 10px;
         text-transform: uppercase;
         margin-bottom: 0;
         font-weight: normal;
    }
     .annotationView input[type="text"], #weblink-popup input[type="text"], #hyperlink-popup input[type="text"], .annotationView select, #hyperlink-popup select {
         border: 1px solid #dedddd;
         margin-top: 5px;
         margin-bottom: 15px;
         font-size: 12px;
         color: #6b6b6b;
         height: 38px;
         width: 100%;
    }
     .annotationView input[type="text"]:last-child, #weblink-popup input[type="text"]:last-child, #hyperlink-popup input[type="text"]:last-child, .annotationView select:last-child, #hyperlink-popup select:last-child {
         margin-bottom: 0;
    }
     .annotationView select, #hyperlink-popup select {
         padding-right: 40px;
         overflow: hidden;
         white-space: nowrap;
         -o-text-overflow: ellipsis;
         -ms-text-overflow: ellipsis;
         text-overflow: ellipsis;
         padding-left: 5px;
         -webkit-appearance: none;
         -moz-appearance: none;
         background-image: url(../images/select-drop-arrow.png);
         background-position: right 0;
         background-repeat: no-repeat;
         text-indent: 0.01px;
         background-color: #FFF;
    }
     .annotationView select::-ms-expand, #hyperlink-popup select::-ms-expand, select::-ms-expand {
         display: none;
    }
     .annotationView select option, #hyperlink-popup select option {
         padding-left: 5px;
    }
     .annotationView input[type="text"]#label, .annotationView input[type="text"]#link {
         padding: 10px;
         box-sizing: border-box;
    }
     .thumbContainer {
        /*background-color: rgba(255, 255, 255, 0.5);
        */
         background-color: #fff;
         border: 1px solid #dedddd;
         cursor: pointer;
         display: block;
         min-height: 100px;
         padding: 21px 10px;
         position: relative;
         text-align: center;
         width: 100%;
    }
     .thumbContainer[disabled]:before,.hyperlink .thumbContainer[disabled]:before{
         content: '' !important;
         background: none !important;
    }
     .thumbContainer:before {
         background-color: rgba(0, 0, 0, 0.4);
         border-radius: 100%;
         bottom: 0;
         height: 75px;
         left: 0;
         margin: auto;
         right: 0;
         position: absolute;
         top: -13px;
         width: 75px;
         z-index: 1;
         text-align: center;
    }
     .thumbContainer img {
         height: 124px;
    }
     .weblink .thumbContainer {
         max-height: 170px;
    }
     #previewLoader {
         height: auto;
    }
    /*---hyperlink image thumb view css start--*/
     .hyperthumbtable{
         display: table;
         width: 100%;
         height: 190px;
         vertical-align: middle;
    }
     .hyperlink .thumbContainer {
         border-color: #acacac;
         padding: 0;
         display: table-cell;
         vertical-align: middle;
         max-width: 139px;
         min-width: 139px;
         max-height: 194px;
    }
     .hyperlink .thumbContainer img {
         opacity: 0.6;
         max-width: 100%;
         height: 192px;
    }
    /*---hyperlink image thumb view css start--*/
     .hyperlink.new .thumbContainer {
         display: none;
    }
     .hyperlink .thumbContainer:before {
         height: 75px;
         width: 75px;
         top:0;
    }
     .hyperlink .thumbContainer:after {
         background: rgba(275, 275, 275, 0.3);
         height: 100%;
         position: absolute;
         width: 100%;
    }
     .labelPreview, .bookChapterTitle, .bookTopicTitle {
         color: #6b6b6b;
         font-size: 14px;
         line-height: normal;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
    }
     .labelPreview {
         font-size: 16px;
    }
     .weblink .labelPreview {
         font-size: 12px;
    }
     .bookChapterTitle {
         margin-top: 10px;
    }
     .bookTopicTitle {
         color: #43b0e6;
         cursor: pointer;
         display: block;
    }
     #annotationView.annotationView.modal {
         background-image: none;
         width: 610px;
         overflow: hidden;
         padding: 0 0px 8px;
    }
     .annotation-slider-container, .annotationslidercontainer {
         width: 200%;
    }
     .annotationInnerDiv {
         float: left;
         position: relative;
         width: 50%;
         -webkit-transition: all 0.5s;
         transition: all 0.5s;
    }
     .annotation-popup-body .shared-timing {
         float: none !important;
         line-height: 18px;
    }
     .annotation-popup-head {
         padding: 0px 0 0 20px;
    }
     .close {
         float: right;
         font-size: 1em;
         font-weight: normal;
         line-height: normal;
         text-shadow: none;
         filter: alpha(opacity=100);
         opacity: 1;
         padding: 15px 19px;
    }
     .close:focus {
         filter: alpha(opacity=100);
         opacity: 1;
    }
     .close img {
         width: 14px;
    }
     .sidebarCloseIcon{
         display: none !important;
    }
     .annotationView h2
    /*, #readium-note-popup h2, #weblink-popup h2, #viewer-settings-modal h2, #hyperlink-popup h2*/
     {
         color: #797878;
         font-size: 16px;
         font-weight: normal;
         padding: 10px 0px 0;
         line-height: normal;
         margin: 0;
    }
     .contentArea {
         background: #fff;
         border: 1px solid #dedddd;
         margin: 10px 20px 10px;
         padding: 15px;
         position: relative;
    }
     .hyperlink.new .pull-left {
         width: 100%;
    }
     .contentArea .pull-left {
         float: left;
         width: 66%;
    }
     .contentArea .pull-left.hyperlink-input-width{
         width:316px;
    }

     .note .contentArea {
         padding: 10px;
    }
     .note .contentArea.preview {
         background: #f3f3f3;
         border: 1px solid #dedddd;
    }
     .user-row {
         padding: 0px;
    }
     .contentArea.preview .user-row, .contentArea.edit .user-row {
         border-bottom: 1px solid #e8e8e8;
         margin-bottom: 11px;
         padding-bottom: 15px;
         padding-top: 5px;
    }
 .opr-user-icon:before, .opr-teacher-icon:before {
     content: "\e63a";
     font-size: 18px;
     position: absolute;
     top: 11px;
     left: 11px;

}

.opr-teacher-icon:before {
	content: "\e639";
     font-size: 20px;
}
     .annotation-popup-body .opr-user-icon:before, .annotation-popup-body .opr-teacher-icon:before{
         top: 7px;
         left: 7px;
    }
     #feeds-by-time .opr-user-icon, #feeds-by-content .opr-user-icon, #feeds-by-time .opr-teacher-icon, #feeds-by-content .opr-teacher-icon {
         border-radius: 100%;
         border: 1px solid #e3e3e3;
         height: 42px;
         padding: 0;
         width: 42px;
         float: left;
         margin-left: -100%;
         overflow: visible;
    }
     .shared-info {
         padding-bottom: 0px;
        /*line-height: 40px;
        */
         width: 100%;
         vertical-align: top;
    }
     .shared-info-group {
         float: right;
         color: #787a7b;
         position: relative;
         margin: 12px 2px;
         display: none;
    }
     .shared-info-group:before {
         display: inline-block;
         vertical-align: middle;
    }
     .feeds-who-shared-datatype {
         color: #626262;
         font: 12px 'open_sansregular', sans-serif;
         display: inline-block;
         text-transform: lowercase;
    }
     .who-shared{
         color: #626262;
         font: 12px 'open_sansregular', sans-serif;
         display: block;
         text-transform: lowercase;
    }
     .who-shared:after, .feeds-who-shared-datatype:after {
         display: inline-block;
         vertical-align: middle;
         margin-left: 9px;
         margin-top: 0px;
         background-repeat: no-repeat;
         background-position: center center;
    }
     .who-shared {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         max-width: 100%;
         vertical-align: middle;
    }
     .who-shared span {
         font-family: 'open_sanssemibold', sans-serif;
         text-transform: capitalize;
         vertical-align: middle;
         margin-right: 5px;
         margin-top: -3px;
         display: inline-block;

        }
     .annotationInnerDiv .who-shared span{
         max-width: 60%;
         display: inline;
    }
     #feed-tab-content .who-shared span {
         vertical-align: top;
    }
     .shared-timing {
         float: none;
         line-height: 18px;
         color: #adacac;
         font-size: 11px;
    }
    /*.togglePrivate {
         cursor: pointer;
         padding-right: 22px;
         height: 24px;
         display: inline-block;
         background-image: url(../images/annotation-arrow-bg-right.png);
         background-repeat: no-repeat;
         background-position: right center;
         line-height: 24px;
    }
     .togglePrivate.toggled:before {
         display: inline-block;
         padding-left: 5px;
         content: "Private";
         background-color: #c1c1c1;
         border-radius: 3px;
         -moz-border-radius: 3px;
         -webkit-border-radius: 3px;
         border-bottom-right-radius: 0px;
         border-top-right-radius: 0px;
    }
    */
     .groupContainer {
         display: none;
         position: absolute;
         right: 0;
         background: #FEFEFE;
         width: 220px;
         padding: 10px;
         border: 1px solid #CCC;
    }
     .groupList.multSelect {
         position: absolute;
         padding: 8px;
         z-index: 10000;
         overflow: hidden;
         right: 0;
         bottom: 0px;
         width: 220px;
         height: 208px;
         max-height: none;
         left: auto;
         box-shadow: 0 0 10px 0 #bbb;
         top: auto;
         border: solid 0px #c0c0c0;
         background: #FFF;
    }
     .group.heading {
         border-bottom: 1px solid #c8c8c8;
         color: #141414;
         display: block;
         font-family: 'open_sanssemibold', Helvetica, Arial, sans-serif;
         font-size: 12px;
         padding-bottom: 6px;
    }
     .groupClose {
         margin: 0;
         position: absolute;
         right: 10px;
         top: 10px;
         padding: 0;
    }
     .groups-checkbox-container {
         height: 115px;
         overflow: hidden;
         overflow-y: auto;
        /*width: 100%;
        */
         display: block;
         margin: 10px 0px 10px 5px;
         position: relative;
    }
     .groupList.select-content .checkbox-custom-label {
         margin-bottom: 16px;
         display: block;
    }
     .groupList.multSelect .btn {
         display: block;
         font-size: 12px;
         line-height: 25px;
         height: 27px;
         margin: auto;
         padding: 0;
         width: 114px;
    }
     .annotation-popup-edit {
         padding: 0px;
    }
     .error-msg {
         color: red;
    }
     .note-textarea, .note-textarea-preview {
         width: 100%;
         height: auto;
         max-height: 120px;
    }
     .annotationView textarea, #readium-note-popup textarea {
         border: 0;
         background: transparent;
         color: #86888a;
         margin-bottom: 0;
         min-height: 200px;
         padding: 0;
         resize: none;
    }
    .note-textarea-preview{
        /*pointer-events: none;*/
        cursor: default;
    }
     .annotation-preview-btn {
         cursor: pointer;
         display: inline-block;
         text-align: center;
         font-size: 1.13em;
         padding: 8px 12px;
    }

     .annotation-preview-btn.delete, .annotation-preview-btn.edit {
         font-size: 1em;
    }
     .annotation-preview-btn:last-child {
         text-align: right;
         padding-right: 0;
    }
     .feed-edit-jump a {
         display: inline-block;
         margin-right: 15px;
         cursor: pointer;
    }
     .annotationView input[type="button"], #readium-note-popup input[type="button"], #weblink-popup input[type="button"], #settings-form-footer button, #hyperlink-popup input[type="button"], .access-code-div button {
         float: right;
         margin-left: 5px;
    }
     .close.disabled, .close.disabled:hover, .close.disabled:before, .delFile.disabled:before {
         opacity: 0.5;
         filter: alpha(opacity 50);
         cursor: default;
    }
     .annotation-preview-btn.edit.editDisabled, .annotation-preview-btn.delete.deleteDisabled, .annotation-preview-btn.share.shareDisabled, .annotation-preview-btn.edit.editDisabled:hover, .annotation-preview-btn.delete.deleteDisabled:hover, .annotation-preview-btn.share.shareDisabled:hover {
         color: #3AA5DA !important;
         opacity: 0.5;
         filter: alpha(opacity 50);
         cursor: default;
    }
     .annotation-preview-btn.edit.editDisabled:before, .annotation-preview-btn.delete.deleteDisabled:before, .annotation-preview-btn.share.shareDisabled:before {
         opacity: 0.5;
         filter: alpha(opacity 50);
         cursor: default;
         color: #3AA5DA !important;
    }
     #settings-form-footer button {
         float: none;
    }
    /*----voice annotation css start----*/
     .voiceButtonsContainer {
         text-align: center;
    }
     .voiceButtons {
         border-radius: 100%;
         height: 26px;
         width: 26px;
         background: #404142;
         cursor: pointer;
         display: inline-block;
         vertical-align: middle;
         margin: 6px 5px 0;
         position: relative;
         text-align: center;
    }
     .voicePlay[disabled], .voiceStop[disabled], .voiceRecord[disabled] {
         opacity: 0.5;
    }
     .voiceButtons[disabled] {
         background-color: #9f9f9f;
    }
    /*.voiceRecord {
         background: #404142 url(../images/voice-annotation-record-active.png) center center no-repeat;
    }
     .voicePlay {
         background: #404142 url(../images/voice-annotation-play.png) center center no-repeat;
    }
     .voiceStop {
         background: #404142 url(../images/voice-annotation-stop.png) center center no-repeat;
    }
    */
     .vocieSeekbarContainer {
         width: 263px;
         display: inline-block;
         vertical-align: middle;
         text-align: left;
         text-transform: capitalize;
         font-family: 'open_sanssemibold', sans-serif;
         color: #626262;
         font-size: 12px;
         padding-left: 5px;
    }
     .feeds-cont-bothside .vocieSeekbarContainer {
         width: 100%;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar {
         background: #b5b5b6;
         -webkit-appearance: none;
         -moz-apperance: none;
         width: 100%;
         margin-top: 7px;
         color: #fc0;
         padding: 0;
         height: 2px;
         outline: none;
         border: none;
    }
     .ie11 .vocieSeekbarContainer input[type=range].vocieSeekbar{
         height:auto;
         background-color: transparent;
         margin-top:0 !important;
    }
     .edge .vocieSeekbarContainer input[type=range].vocieSeekbar{
         height:auto;
         background-color: transparent;
         margin-top:0 !important;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar::-webkit-slider-thumb {
         -webkit-appearance: none;
         background: #188fe2;
         opacity: 1;
         width: 10px;
         height: 10px;
         border-radius: 100%;
         -webkit-box-shadow: 0px 0px 0 4px rgba(45, 166, 222, 0.2);
         box-shadow: 0px 0px 0 4px rgba(45, 166, 222, 0.2);
         cursor: pointer;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar::-webkit-slider-thumb:hover {
         background: #1485d4;
         -webkit-box-shadow: 0px 0px 0 4px rgba(45, 166, 222, 0.2);
         box-shadow: 0px 0px 0 4px rgba(45, 166, 222, 0.2);
    }
     .edge .vocieSeekbarContainer input[type=range].vocieSeekbar::-webkit-slider-thumb{
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
    }
     .edge .vocieSeekbarContainer input[type=range].vocieSeekbar::-webkit-slider-thumb:hover{
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar::-moz-range-track {
         -moz-apperance: none;
         /* background: #999; */
         height: 0;
         outline: none;
         border: none;
         border: inherit;
         background: transparent;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar::-moz-range-thumb {
         -moz-apperance: none;
         background: #188fe2;
         opacity: 1;
         width: 10px;
         height: 10px;
         border-radius: 100%;
         -moz-box-shadow: 0px 0px 0 4px rgba(45, 166, 222, 0.2);
         box-shadow: 0px 0px 0 4px rgba(45, 166, 222, 0.2);
         cursor: pointer;
         outline: none;
         border: none;
    }
     .ie10 .vocieSeekbarContainer input[type=range].vocieSeekbar {
         background: transparent;
         border-color: transparent;
         height: auto;
         margin-top: 0px !important;
         margin-bottom:0px !important;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar::-ms-track {
         height: 2px;
         background: transparent;
         border-color: transparent;
         color: transparent;
         border-width: 10px;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar::-ms-thumb {
         background: url(../images/voice-annotation-slider-thumb-icon.png) no-repeat;
         opacity: 1;
         width: 20px;
         height: 20px;
         cursor: pointer;
         outline: none;
         border: 0;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar:focus::-ms-thumb {
         border: 0;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar::-ms-fill-lower {
         outline: none;
         background: #2fb4f9;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar::-ms-fill-upper {
         outline: none;
         background: #999;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar:focus::-ms-fill-lower {
         background: #2fb4f9;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar:focus::-ms-fill-upper {
         background: #999;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar:focus::-ms-tooltip {
         display: none;
    }
 .edge .vocieSeekbarContainer input[type=range].vocieSeekbar {
     height: auto;
     background:none !important;
     margin:0 !important;
}
 .edge .vocieSeekbarContainer input[type=range].vocieSeekbar::-webkit-slider-thumb {
     box-shadow:none;
}    /* .vocieSeekbarContainer input[type=range].vocieSeekbar::-ms-track {
         height: 2px;
         background: transparent;
         border-color: transparent;
         color: transparent;
         border-width: 10px;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar::-ms-fill-upper {
         outline: none;
         background: #999;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar::-ms-thumb {
         background: url(../images/voice-annotation-slider-thumb-icon.png) no-repeat;
         opacity: 1;
         width: 20px;
         height: 20px;
         cursor: pointer;
         outline: none;
         border: 0;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar:focus::-ms-thumb {
         border: 0;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar:focus::-ms-fill-lower {
         background: #2fb4f9;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar:focus::-ms-fill-upper {
         background: #999;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar:focus::-ms-tooltip {
         display: none;
    }
     */
     #editAnnotation .voiceDuration, #previewAnnotation .voiceDuration {
         margin: 13px 0 10px;
         vertical-align: middle;
         font-size: 11px;
         color: #3a3a3a;
         display: inline-block;
    }
    /*----voice annotation css end----*/
    /*----file annotation css start----*/
     .input-type-file-wrap {
         position: relative;
         margin-bottom: 5px;
    }
     .fileUpload {
         position: relative;
         overflow: hidden;
         background-color: #f3f3f3;
         border: 1px solid #d2d2d2;
         color: #585b5e;
         font-size: 12px;
         padding: 4px 13px;
    }
     .fileUpload input.fileInput {
         position: absolute;
         top: 0;
         right: 0;
         margin: 0;
         cursor: pointer;
         height: 40px;
         width: 1000px;
        /*opacity: 0;
        */
    }
     .fileUpload.btn.disabled {
         background-color: #e6e6e6;
         border-color: #d2d2d2;
         color: #585b5e;
    }
     .upload-text {
         color: #8b8b8b;
         font-size: 10px;
         margin: 2px 0 10px;
    }
     ul.file-block li {
         font-family: 'open_sanssemibold', sans-serif;
         font-size: 11px;
         list-style: none;
         margin: 0;
         border-top: 1px solid #e5e5e5;
         padding: 11px 25px 12px 0px;
         color: #47b3e7;
         position: relative;
         padding-left: 30px;
         word-break: break-all;
    }
     ul.file-block li:first-child {
         border-top: none;
    }
     .delFile {
         position: absolute;
         top: 14px;
         right: 0;
         width: 14px;
         height: 14px;
         cursor: pointer;
         text-align: center;
    }
    /*----file annotation css start----*/
    /*remove highlight css start*/
     #annotation-merged-menu.popover {
         background: #f8f8f8;
         box-shadow: 0 1px 5px 0 rgba(170, 170, 170, 0.75);
         border-radius: 0;
         max-height: 269px;
         min-width: 195px;
         padding: 0px;
         height: auto;
         right: auto;
         bottom: auto;
         z-index: 1041;
    }
     ul#merged-list li {
         background-position: 4px center;
         border-bottom: 1px solid #dfdfdf;
         cursor: pointer;
         padding: 13px 0 13px 32px;
    }
     ul#merged-list li span {
         display: inline-block;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
         vertical-align: middle;
    }
     ul#merged-list li .editBtn,ul#merged-list li .deleteBtn{
         float: left;
    }
     ul#merged-list li .editBtn:before, ul#merged-list li .deleteBtn:before{
         color: #47b3e7;
         width: 15px;
         margin: 0 10px 0 0;
         padding: 1px 0 0 0;
         font-size: 11px;
    }
     .popover ul#merged-list li {
         border-bottom: 1px solid #dfdfdf;
         cursor: pointer;
         color: #6b6b6b;
         font-size: 12px;
         padding: 12px 10px 12px 10px;
         float: none;
         margin-bottom: 0px;
         background-repeat: no-repeat;
         background-position: left center;
         text-transform: capitalize;
         position: relative;
    }
     .popover ul#merged-list li span {
         display: inline-block;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
         vertical-align: middle;
         width: 80%;
    }
     .weblinkTarget, .hyperlinkTarget, .linkedBookTitle {
         color: #9c9c9c;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
    }
     .linkedBookTitle {
         font-family: 'open_sanssemibold', sans-serif;
    }
     .hyperlink-annotation-btn .annotationText {
         padding: 0;
         width: 100% !important;
    }
     .popover ul#merged-list li[data-type="highlight"] .annotationText {
         width: 140px !important;
         padding-right: 0;
         border-right: 1px solid #e7e7e7;
    }
     .popover ul#merged-list li:last-child {
         border-bottom: 0;
    }
     a.delHighlight {
         background-image: none;
         float: right;
         cursor: pointer;
         margin-left: 15px;
    }
     .popover ul#merged-list li span.jumpTo {
         width: 20px;
         padding: 5px;
         float: right;
    }
     .popover ul#merged-list li span.editBtn {
         width: 20px;
         padding: 5px;
         float: right;
    }
     .embeded-href {
         color: #2f96d6;
         font-family: 'open_sanssemibold', sans-serif;
         font-size: 13px;
         cursor: pointer;
         vertical-align: middle;
    }
     .popover ul#merged-list li.embeded-link span {
         width: 100%;
    }
     .highlightColorList li {
         width: 20px;
         height: 20px;
         padding: 0 !important;
         margin-right: 15px;
         min-height: 20px;
         display: inline-block;
         vertical-align: middle;
         border: 1px solid #fff !important;
         text-align: center;
         position: relative;
    }
     .highlightColorList li a{
         display: inline-block;
         width: 20px;
         height: 20px;
         padding: 0px;
         margin: 0px;
         vertical-align: middle;
    }
     .editHighlight{
         display: inline-block;
         width: 15px;
         height: 15px;
         margin-right: 25px;
         vertical-align: middle;
         position: relative;
    }
     .editHighlight > a {
         position: relative;
         width: 15px;
         height: 15px;
    }
     .editHighlight > a:after {
         content: "";
         position: absolute;
         width: 0;
         height: 0;
         border-left: 4px solid transparent;
         border-right: 4px solid transparent;
         border-top: 5px solid #c2c2c2;
         font-size: 0;
         line-height: 0;
         left: 17px;
         top: 6px;
    }
     .highlightColorListFeeds {
         position: absolute;
         top: -39px;
         left: -38px;
         padding: 5px 0;
         width: 142px;
         text-align: center;
         border: 1px solid #d5d5d5;
         background-color: #fff;
         cursor: default;
    }
     .highlightColorListFeeds li {
         margin: 0 7px !important;
         cursor: pointer;
    }
     .highlightColorListFeeds:before {
         content: "";
         position: absolute;
         bottom: -4px;
         left: 44px;
         width: 5px;
         height: 5px;
         background: #fff;
         transform: rotate(45deg);
         -moz-transform: rotate(45deg);
         -webkit-transform: rotate(45deg);
         border-right: 1px solid #d5d5d5;
         border-bottom: 1px solid #d5d5d5;
    }
     .highlight-remove-btn {
         cursor: auto !important;
    }
    /*remove highlight css end*/
    /*------------------------------annotation popup css start--------------------------*/
    /*jumpAlert for resolution css start*/
 .resolutionPopup .cust-dialog, .resolutionPopup .tts-cust-dialog{
     padding: 30px 40px;
}
 .resolutionPopup .cust-dialog span.cust-dia-text,.resolutionPopup .tts-cust-dialog span.cust-dia-text{
     margin-bottom:0;
}
    /*jumpAlert for resolution css start*/
    /*--------seach result css start---------*/
     .search-clear {
         position: absolute;
         top: 13px;
         margin: auto;
         width: 300px;
         max-width: 100%;
         padding: 3px 30px 5px 5px;
         display: none;
         background: #fff;
         border: 1px solid #e0e0e0;
         text-align: center;
         line-height: normal;
         color: #545454;
         font-size: 12px;
         left: 0;
         right: 0;
    }
    /*--------seach result css end---------*/
    /*-----------------------------------------SIDEBAR CSS START-----------------------------------------*/
     .sidebar {
         position: absolute;
         margin: 0 auto;
         top: 0;
         bottom: 0;
         left: 20px;
         right: 20px;
    }
     .printFrameWrapper .sidebar{
         position: relative;
         left: auto;
         right: auto;
         top: auto;
         bottom: auto;
    }
     #searchResult {
         color: #828282;
         font-size: 13px;
         width: 75%;
         overflow: hidden;
         white-space: nowrap;
        /*display: inline-block;
        */
         text-overflow: ellipsis;
    }
     #search-body #searchResult, #search-quiz-body #searchResult , #search-enrichment-body #searchResult{
         display:inline-block;
    }
     .search_booktext {
         width: 100% !important;
    }
     #searchResult .src-chapter2{
         vertical-align: middle;
         display: inline-block;
    }
    /*--------------sidebar search css start----------------*/
     .sidebar-search {
         margin: 20px 0;
        /*padding: 6px 60px 6px 10px;
        */
         background-color: #fff;
         border: 1px solid #c9c9c9;
         position: relative;
         padding-right:60px;
    }
     .search-font-icon {
         width: 30px;
         height: 20px;
         position: absolute;
         right: 0;
         top: 5px;
         border-left: 1px solid #c9c9c9;
    }
     .sidebar-search input[type="search"] {
         width: 100%;
         display: inline-block;
         -webkit-appearance: none;
         border: 0px;
         font-size: 12px;
         color: #555555;
         line-height: normal;
         padding: 6px;
         margin: 0;
    }
 .sidebar-search input[type="search"]:focus{
     outline:none;
}
     .sidebar-search input[type="button"] {
         border: 0;
         background-color: transparent;
         padding: 0;
         width: 30px;
         height: 30px;
         position: relative;
         z-index: 1;
         margin-top: -5px;
    }
     .searchclear-close, .panel-search-clear {
         top: 0px;
         right: 30px;
         padding: 6px 8px;
         left: auto;
         position: absolute;
         cursor: pointer;
         z-index: 1;
    }
     .ie10 .panel-search-clear {
         top: -4px;
    }
     .searchclear-close {
         right: 0;
         padding: 4px 8px;
    }
     .search-more-li {
         padding: 5px 10px;
         cursor: pointer;
         color: #fff !important;
         background: #47b3e7 !important;
    }
     .search-more-li a{
         color: #fff !important;
         text-decoration: underline;
    }
     .searchMsg {
         float: right;
         left: 2px;
         position: absolute;
         top: 51px;
         font-size: 10px;
         color: #6b6b6b;
    }
     .sidebar .nav-tabs {
         background: transparent;
         border-bottom: none;
         position: relative;
        /*margin: 20px 0 20px;
        */
    }
     .sidebar .nav-tabs > li {
         font-size: 13px;
         margin-right: 12px;
    }
     .sidebar .nav-tabs > li:last-child {
         margin-right: 0;
    }
     .sidebar .nav-tabs > li > a {
         margin: 0;
         border-radius: 0;
         color: #2c2b2b;
         border: 0px solid transparent;
         padding: 5px 10px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         max-width: 120px;
    }
     .sidebar .nav-tabs > li > a.disabled:focus{
         background-color: transparent;
         color: #2c2b2b;
    }
     .sidebar .nav-tabs > li.active > a, .sidebar .nav-tabs > li.active > a:focus {
         border: 0px solid transparent;
         color: #FFF;
         background-color: #3ca3e1;
    }
     .sidebar .nav-tabs > li span.icon-badge {
         top: -7px;
         left: auto;
         right: -10px;
         z-index: 10;
         height: auto;
        /*border-radius: 25%;
        */
         background: #AAAAAA;
    }
     .tab-content {
         overflow: hidden;
         position: absolute;
         left: 0;
         right: 0;
         top: 68px;
         bottom: 0;
    }
     .tab-pane-contant {
         overflow: auto;
         overflow-x: hidden;
         overflow-y: auto;
         position: absolute;
         top: 57px;
         left: 0;
         right: 0;
         bottom: 0;
         -webkit-overflow-scrolling: touch;
    }
     .search-results-list {
         top: 130px;
        /*bottom: 20px;
        */
         bottom: 0px;
         padding-right: 5px;
    }
     .sidebar .tab-content > .active, .sidebar .tab-pane-contant {
         top: 0;
         bottom: 0;
    }
     ul.search_data_list li {
         background-color: #fff;
         color: #828282;
         border-bottom: 1px solid #f5f4f4;
    }
     ul.search_data_list li:last-child {
         border-bottom: 0;
    }
     .search_noresult, .default_search_msg {
         text-align: center;
         padding: 20px 0;
         border: 0;
         color: #505050;
         font-size: 12px;
    }
     .default_search_msg .srchicon, .search_noresult .icon {
         display: block;
         margin-bottom: 10px;
    }
     .search-heading {
         display: block;
         padding: 10px 16px;
         font-size: 13px;
         color: #5a5a5a;
         background: #e6e6e6;
         border-bottom: none;
         font-family: "open_sanssemibold", sans-serif;
    }
     ul.search_data_list ul li {
         cursor: pointer;
         position: relative;
    }
     ul.search_data_list ul li a{
         padding: 9px 16px;
         display: block;
    }
     .search-key-text {
         background-color: #ffed21;
    }
     .annotationHyperlink, .annotationWeblink {
         display: block;
         padding-left: 34px;
         color: #828282;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
    }
     .search_annotation_list .topic-heading {
         font-size: 13px;
    }
    /*--------------sidebar search css end----------------*/
    /*--------------annotation search css start----------------*/
     .search_note, .search_weblink, .search_hyperlink, .search_voice, .search_note {
        /*padding-left: 20px;
        */
         background-position: left center;
         background-repeat: no-repeat;
         text-transform: capitalize;
         display: inline-block;
         width: 300px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         vertical-align: middle;
    }
    /*.previewInSearch {
         height: 0;
         top: 7px;
    }
    */
    /*--------------annotation search css end----------------*/
    /*--------------contents tab css start css end----------------*/
     .viewer-nav-dialog .accordion-all {
         z-index: 1000;
         position: absolute;
         right: 0;
         top: 116px;
    }
     .tab-pane-title {
         position: absolute;
         left: 0;
         right: 0;
         top: 2px;
         padding-top: 10px;
         z-index: 1;
    }
     .toc-title-image {
         display: inline-block;
         margin-right: 10px;
         vertical-align: middle;
    }
     .toc-title-image img {
         max-width: 40px;
         max-height: 40px;
         border: 1px solid #eee;
    }
     .toc-title {
         display: inline-block;
         vertical-align: middle;
         width: 60%;
         font-size: 14px;
         color: #2c2b2c;
         line-height: 20px;
    }
     .sidebar #toc-body, .sidebar #bookmark-body, .sidebar #enrichments-body, .sidebar #quiz-body {
         top: 73px;
    }
     #enrichments-body{
         top: 151px;
    }
     .collapse-all {
         padding-right: 0;
    }
     .viewer-nav-dialog #toc-body ul.customToc li li.toc-level_2 > span {
         padding-left: 18px;
         padding-top: 12px;
         padding-bottom: 12px;
    }
     .viewer-nav-dialog ul.customToc li li span {
         padding: 4px 0px 0px 19px;
    }
     .viewer-nav-dialog #bookmark-body ul.customToc li li .navList-delete{
         top:8px;
    }
     .device-tabbing-none .viewer-nav-dialog #bookmark-body ul.customToc li li .navList-delete{
         top:0px;
    }
     .viewer-nav-dialog #bookmark-body ul.customToc li li.toc-level_2 > span {
         padding-top: 10px;
    }
     .viewer-nav-dialog ul.customToc li li a.toc-link-text {
         padding-top: 8px;
         padding-bottom: 8px;
    }
     .sidebar ul.customToc li.haveTopic-true span.collaspe a, .sidebar ul.customToc li.haveTopic-true span.expend a {
         padding-top: 18px;
         padding-bottom: 18px;
         padding-right: 15px;
         padding-left: 15px;
         width: auto;
    }
     .feed-pad-right {
         overflow-y: auto !important;
         padding-right: 5px;
    }
     #feeds-by-time .feed-pad-right {
         padding-right: 5px;
    }
     #feeds-by-content{
        /*padding-left:20px;
        */
    }
     .ie10 .sidebar ul.customToc li.haveTopic-true span.collaspe a, .ie10 .sidebar ul.customToc li.haveTopic-true span.expend a {
         padding-top: 15px;
    }
    /*.sidebar a.preview, .sidebar a.previewInSearch {
         right: 2px;
         top:8px;
    }
    */
     .viewer-nav-dialog ul.customToc li li.toc-level_2 > span {
         padding-top: 12px;
         padding-bottom: 12px;
         padding-left: 8px;
    }
     .viewer-nav-dialog #bookmark-body ul.customToc ul.topic li ul li, .viewer-nav-dialog #bookmark-body ul.customToc li ul li {
         border-bottom: solid 1px #f1f1f1;
    }
     .viewer-nav-dialog #bookmark-body ul.customToc li ul li span{
         top:7px;
    }
    /*#bookmark-body > ul.customToc li a{
         padding-left: 20px;
    }
    */
     ul.customToc li a.bookmark-jump{
         width: 50%;

    }
    /*--------------contents tab css start css end----------------*/
    /*--------------feeds css start----------------*/
     .anno-feeds-filters {
         margin-top: 21px;
         margin-bottom: 0px;
    }
     .feeds-filters-box {
         padding: 3px 10px 7px;
         background: #f1f1f1;
         border: 1px solid #e7e7e7;
    }
     .OPDropdown-label{
         text-transform: uppercase;
         font-size: 10px;
         color: #afafaf;
         margin-bottom:3px;
    }
     .OPDropdown-label div{
         display:none;
    }
     .feed-select {
         width: 124px;
         margin-right:4px;
    }
     .feed-select:last-child{
         margin-right:0;
    }
     .feed-shared-content {
         width: 100%;
         padding-top: 8px;
         padding-bottom: 0px;
         border-bottom: 1px solid #ebebeb;
         vertical-align: top;
         line-height: 40px;
    }
     #feeds-by-content .feed-shared-content{
         border-bottom:none;
    }
     .feeds-who-shared {
         padding-bottom: 10px;
         color: #626262;
         font: 12px 'open_sansregular', sans-serif;
         display: block;
         text-transform: lowercase;
    }
     .feeds-shared-timing {
         float: right;
         line-height: 18px;
         color: #adacac;
         font-size: 11px;
    }
     .feeds-who-shared-name {
         font-family: 'open_sanssemibold', sans-serif;
         text-transform: capitalize;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         display: inline-block;
         max-width: 28%;
        /* margin-right: 5px;
         */
         vertical-align: top;
    }

     .OPDropdown {
         line-height: normal;
    }
     a.OPDropdown-title {
         width: 100%;
         display: inline-block;
         color: #626262;
         height: 34px;
         line-height: 30px;
         border: 1px solid #dddddd !important;
         padding: 0 0 0 10px;
         background: #fff;
         cursor: pointer;
    }
     a.OPDropdown-title .optitle{
         max-width: 85px;
    }
     .OPDropdown-selectCount {
         color: #adacac;
         margin: 3px 0 0 2px;
         line-height: 12px;
    }
     .OPDropdown-dropArrow {
         position: relative;
         border-left: 1px solid #e1e6e9;
         padding: 10px 12px;
         float: right;
         top: 6px;
    }
     .OPDropdown-dropArrow:before {
         border-top: 5px solid #7a7c7d;
         border-right: 4px solid transparent;
         border-left: 4px solid transparent;
         display: inline-block;
         width: 0;
         height: 0;
         vertical-align: middle;
         content: "";
         position: absolute;
         left: 8px;
         top: 8px;
    }
     .open .OPDropdown-dropArrow:before {
         border-bottom: 5px solid #7a7c7d;
         border-top: none;
    }
     .OPDropdown-menuContainer {
         position: absolute;
         z-index: 101;
         background: #fff;
         border:1px solid #d9d9d9;
         border-radius: 1px;
         width: 315px;
         margin-left: 1px;
         margin-top: -4px !important;
         -webkit-overflow-scrolling: touch;
    }
     #open-type-filter .OPDropdown-menuContainer {
         width: 158px;
    }
     .OPDropdown-select {
         padding: 9px 0 9px 2px;
         color: #4eaade;
         line-height: normal;
         border-bottom: 1px solid #d4d4d4;
    }
     .OPDropdown-liBtn {
         padding: 2px 8px;
         cursor: pointer;
    }
     .OPDropdown-menu {
         margin: 0px;
         padding: 0px;
         list-style: none;
         overflow-y: auto;
    }
     .OPDropdown-menu li.OPDropdown-option:last-child{
         border-bottom: none;
    }
     .feeds-filters-box .OPDropdown-menu {
         max-height: 296px !important;
    }
     .OPDropdown-option {
         padding: 8px 10px 8px 30px;
         position: relative;
         border-bottom: 1px solid #d4d4d4;
         cursor: pointer;
         word-wrap:break-all;
    }
     .OPDropdown-option a{
         color: #333;
    }
     .OPDropdown-option:before {
         content: "";
         position: absolute;
         left: 10px;
         top: 50% !important;
         margin-top: -7px;
         border:1px solid #c9c9c9;
         width:14px;
         height: 14px;
         background-color: #fff;
    }
     .OPDropdown-option.OPDropdown-nesting-1{
         padding-left:50px;
    }
     .OPDropdown-option.OPDropdown-nesting-1:before {
         left: 30px;
    }
     .OPDropdown-option.OPDropdown-nesting-2{
         padding-left:75px;
    }
     .OPDropdown-option.OPDropdown-nesting-2:before {
         left: 55px;
    }
     .OPDropdown-option.OPDropdown-nesting-3{
         padding-left:100px;
    }
     .OPDropdown-option.OPDropdown-nesting-3:before {
         left: 80px;
    }
     .OPDropdown-option.OPDropdown-nesting-4{
         padding-left:125px;
    }
     .OPDropdown-option.OPDropdown-nesting-4:before {
         left: 105px;
    }
     .OPDropdown-option.OPDropdown-nesting-5{
         padding-left:150px;
    }
     .OPDropdown-option.OPDropdown-nesting-5:before {
         left: 125px;
    }
     .ie10 .OPDropdown-option:before {
         top: 5px;
    }
     .OPDropdown-nesting-0 {
        /*font-family: 'open_sanssemibold';
        */
         color: #333;
         cursor: pointer;
         background-color: #ececec;
    }
     #open-type-filter .OPDropdown-nesting-0, #open-group-filter .OPDropdown-nesting-0 {
         background-color: transparent;
    }
     .OPDropdown-option.selected:before {
         content: "\e663";
         font-size: 7px;
         padding: 2px;
         color: #12a2e8;
    }
     .ie10 .OPDropdown-option.selected:before{
         padding-top: 3px;
         padding-left:1px;
    }
     .op-dropdown .OPDropdown-option:before {
         display: none;
        /*content: "";
         position:inherit;
         left: auto;
         top: auto;
         margin-top:inherit;
         border:0px solid #c9c9c9;
         width:auto;
         height: auto;
         background-color: transparent;
        */
    }
     .op-dropdown .OPDropdown-option.selected:after {
         content: "\e663";
         position: absolute;
         left: auto;
         top: 50%;
         right: 10px;
         font-size: 8px;
         color: #3aa5da;
         margin-top:-4px;
    }
     .op-dropdown {
         padding: 0;
        /*width: 327px !important;
        */
         position: relative;
         margin-top: 6px;
    }
     .op-dropdown a.OPDropdown-title {
         height: 38px;
         line-height: 36px;
         padding-right: 40px;
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
         color: #626262;
    }
     .op-dropdown .OPDropdown-dropArrow {
         padding: 18px 19px;
         top: 1px;
         position: absolute;
         right: 0;
    }
     .op-dropdown .OPDropdown-dropArrow:before {
         left: 15px;
         top: 16px;
    }
     .op-dropdown .OPDropdown-menuContainer {
         position: absolute;
         z-index: 10;
         width: 315px;
         max-height: 180px;
         overflow: hidden;
         margin: 0 0 0 1px;
    }
     .op-dropdown .OPDropdown-menuContainer .OPDropdown-menu {
         max-height: 180px !important;
    }
     .op-dropdown .OPDropdown-menuContainer .OPDropdown-option {
         background: none;
         padding: 8px 35px 8px 8px;
    }
     .op-dropdown .OPDropdown-menuContainer .OPDropdown-nesting-2 {
         padding-left: 35px;
    }
     .op-dropdown .OPDropdown-menuContainer .OPDropdown-nesting-3 {
         padding-left: 45px;
    }
     .op-dropdown .OPDropdown-menuContainer .OPDropdown-nesting-4 {
         padding-left: 55px;
    }
     .op-dropdown .OPDropdown-menuContainer .OPDropdown-nesting-5 {
         padding-left: 65px;
    }
     .op-dropdown .OPDropdown-menuContainer .OPDropdown-option a{
         color: #333;
    }
     .op-dropdown .OPDropdown-nesting-0 {
         background-color: #ececec !important;
    }
     .op-dropdown .OPDropdown-menuContainer .OPDropdown-option.OPDropdown-nesting-1{
         padding-left:25px;
    }
     #booklist_op.op-dropdown .OPDropdown-menuContainer .OPDropdown-nesting-0{
         background: #FFF !important;
    }
     #open-group-filter .OPDropdown-menuContainer {
         left: -36px;
         width: 158px;
         z-index: 99999;
    }
     #feed-tab-content.tab-content {
         top: 190px;
    }
     .feed-showby-filter {
         float: right;
         color: #4eaade;
         background: #f0f0f0;
         border: 1px solid #e2e2e2;
         padding: 3px;
         width: 164px;
         white-space: nowrap;
    }
     .showBy {
         padding: 0px 4px 1px;
         cursor: pointer;
         width: 77px;
         display: inline-block;
         text-align: center;
         color: #545454;
    }
     .showBy.active {
         padding: 3px 13px;
         background-color: #4eaade;
         color: #fff;
    }
     .feeds-title {
         display: inline-block;
         font-size: 16px;
         color: #3c3c3c;
         margin-top: 6px;
    }
     .share_but, .export_but {
         vertical-align: top;
         margin-top: 9px;
         margin-left: 9px;
         cursor: pointer;
         display: inline-block;
    }
     .export_but {
         margin-right: 7px;
    }
    /*feed by time css start*/
    /*.sidebar .tab-content {
         padding-right: 5px;
    }
    */
     #feeds-by-time ul li {
         margin: 0px 0 19px 0;
         border-bottom: 1px solid #ebebeb;
    }
     .contentwrapper {
         float: left;
         width: 100%;
    }
     .contentcolumn {
         margin-left: 44px;
    }
     .innertube {
         margin-left: 12px;
    }
     .fluid-cont-bothside {
         margin: 0 100px 0 45px;
    }
     .wrapper-icon {
         float: left;
         width: 34px;
         margin-left: -100%;
    }
     .feeds-cont-bothside {
         margin: 0 60px 0 40px;
    }
     .feeds-voice-icon {
         float: left;
         width: 34px;
         margin-left: -100%;
         margin-top: 10px;
    }
     .feeds-voice-duration {
         float: left;
         width: 65px;
         margin: 0;
         margin-left: -65px;
         text-align: right;
         margin-top: 24px;
    }
     .user-row .shared-info-group {
         float: left;
         width: 100px;
         margin: 12px 0 0 0;
         margin-left: -100px;
         text-align: right;
    }
     #feeds-by-time-list .opr-user-icon, #feeds-by-content-list .opr-user-icon, #feeds-by-time-list .opr-teacher-icon, #feeds-by-content-list .opr-teacher-icon {
         border-radius: 100%;
         border: 1px solid #e3e3e3;
         height: 42px;
         overflow: hidden;
         padding: 0;
         width: 42px;
         float: left;
         margin-left: -100%;
    }
     #feeds-by-time #feeds-by-time-list .shared-info {
         width: 100%;
         padding-top: 8px;
         padding-bottom: 0px;
         border-bottom: 1px solid #ebebeb;
         vertical-align: top;
    }
     #feeds-by-time-list .shared-info .who-shared.block {
         padding-bottom: 10px;
    }
     .shared-info .shared-timing {
         float: right;
    }
     .feeds-byTime-content {
         margin-left: 55px;
         width: auto;
         margin-top: 7px;
        /* margin-right: 6px;
        */
    }
     .feed-content-chap-li .feeds-byTime-content {
         border-bottom: 1px solid #ebebeb;
    }
     .feeds-chap-topic-container {
         padding: 7px 0 6px 0;
         background: #FFF;
         margin-left: 55px;
    }
     #feeds-by-content a.feeds-chap-topic-container {
         background: #e9e9e9;
         padding: 12px;
         padding-right: 40px;
         position: relative;
         margin-top: 1px;
         min-height: 32px;
         margin-left: 0px;
         display: block;
    }
     #feeds-by-content .feedItemContainer {
         padding: 10px 0px 1px 24px;
         border-left: 1px solid #dbdbdb;
         background-image: url(../images/feed-content-last-line.png);
         background-repeat: no-repeat;
         background-position: -1px 27px;
    }
     #feeds-by-content .feedItemContainer.feed-content-last-child{
         border-left: none;
         background-image: url(../images/feed-content-last-line-end.png);
         background-position: left top;
         background-repeat: no-repeat;
    }
     #feeds-by-content .feeds-chapter {
         font-size: 13px;
         color: #515051;
         font-family: "open_sanssemibold", sans-serif;
    }
     #feeds-by-content .feedItemContainer .feed-edit-jump {
         border-bottom: 1px solid #ebebeb;
    }
     #feeds-by-content .feedItemContainer.feed-content-last-child .feed-edit-jump{
         border-bottom: none;
    }
     .feeds-chapter {
         color: #626262;
         font-size: 12px;
    }
     .feeds-topic {
         height: 16px;
         font-style: normal;
         color: #adacac;
    }
     .shared-content {
         background: #f1f1f1;
         margin: 5px 0 15px 55px;
         padding: 6px 10px;
         overflow: hidden;
         line-height: normal;
         position: relative;
    }
     .feed-note-text {
         display: inline;
         width: 100%;
         word-break: break-word;
         color: #36393b;
         white-space: pre-wrap;
    }
     .expand.note-text-ellipse {
         display: none;
    }
     .lastPart.feed-note-text {
         display: inline;
         margin-left: -3px;
    }
     .expand.lastPart.feed-note-text {
         display: none;
    }
     .shared-linkname {
         color: #626262;
         font-family: 'open_sanssemibold', sans-serif;
         text-transform: capitalize;
    }
     .vocieSeekbarContainer span {
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
         width: 100%;
         display: inline-block;
    }
     .voice-play-button, .voice-stop-button {
         width: 22px;
         height: 22px;
         vertical-align: middle;
         display: inline-block;
         position: relative;
         cursor: pointer;
         background-color: #f7974c;
         -webkit-border-radius: 100%;
         -moz-border-radius: 100%;
         border-radius: 100%;
         margin-right: 13px;
    }
     #feeds-by-time .vocieSeekbarContainer input[type=range].vocieSeekbar, #feeds-by-content-list .vocieSeekbarContainer input[type=range].vocieSeekbar {
         margin-bottom: 10px;
         margin-top: 11px;
    }
     .ie11 #feeds-by-time .vocieSeekbarContainer input[type=range].vocieSeekbar, .ie11 #feeds-by-content-list .vocieSeekbarContainer input[type=range].vocieSeekbar{
         margin-bottom:0;
    }
     .voiceDuration {
         display: inline-block;
         font-size: 11px;
         color: #3a3a3a;
    }
     .feed-edit-jump {
         float: none;
         padding-bottom: 20px;
         margin-left: 55px;
         margin-top: 7px;
    }
     #feeds-by-time .feed-edit-jump{
         border-bottom: 1px solid #ebebeb;
         margin-left: 0;
         padding-left:55px;
         margin-bottom: 19px;
    }
     .feed-edit-jump span.shared-timing {
         width: auto !important;
         margin: 4px 0 0 !important;
         float: right;
         cursor: auto !important;
         display: inline-block;
    }
     .shared-bookname {
         color: #626262;
         font-family: 'open_sansregular', sans-serif;
         text-transform: capitalize;
    }
     .title-name, .shared-link {
         color: #38a8e0;
         font-family: 'open_sanssemibold', sans-serif;
         font-size: 12px;
    }
     .annotation-popup-edit .shared-link {
         font-family: 'open_sansregular', sans-serif;
         word-break: break-all;
         display: block;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
    }
     .shared-link {
         cursor: pointer;
         word-break: break-all;
    }
     .disabled .shared-link, .disabled .bookTopicTitle {
         cursor: default;
    }
     .feed-content-chap-li {
         margin-bottom: 1px;
    }
     #feeds-by-content-list .feeds-chap-topic-container {
         background: #e9e9e9;
         padding: 12px;
         padding-right: 40px;
         position: relative;
         margin-top: 0px;
         min-height: 32px;
    }
     #feeds-by-content-list .feeds-chapter {
         font-size: 13px;
         color: #515051;
         font-family: "open_sanssemibold", sans-serif;
    }
     #feeds-by-content-list .feeds-topic {
         font-size: 11px;
         color: #606060;
    }
     .feed-accordin, .feed-accordin.expend {
         position: absolute;
         right: 0;
         top: 2px;
         padding: 20px;
         margin: 0;
    }
     .feeds-chap-topic-container .feed-accordin {
         padding-top: 19px;
         padding-bottom: 16px;
         padding-right: 15px;
         padding-left: 15px;
         position: absolute;
         right: 9px;
         top: 0;
         bottom: 0;
         margin: auto;
    }
     #quiz-body .customToc li,#quiz-body .customToc li a span{
         cursor:default;
    }
     a.collaspe:hover, a.expend:hover{
         cursor:pointer;
    }
     .feeds-chap-topic-container .feed-accordin:before {
         content: " ";
         width: 0;
         height: 0;
         border-style: solid;
         border-width: 7px 5px 0 5px;
         border-color: #7a7c7d transparent transparent transparent;
         vertical-align: middle;
         display: inline-block;
         position: absolute;
         top: 0;
         bottom: 0;
         margin: auto;
    }
     .feeds-chap-topic-container .feed-accordin.expand:before {
         content: " ";
         width: 0;
         height: 0;
         border-style: solid;
         border-width: 0 5px 7px 5px;
         border-color: transparent transparent #7a7c7d transparent;
         vertical-align: middle;
         display: inline-block;
    }
     .ie10 .feeds-chap-topic-container .feed-accordin{
         padding-top:12px;
    }
     .feed-content-ul li {
         padding: 10px 0px 1px 24px;
         border-left: 1px solid #dbdbdb;
         background-image: url(../images/feed-content-last-line.png);
         background-repeat: no-repeat;
         background-position: -1px 27px;
    }
     .feed-content-ul li:last-child {
         border: none;
         background-image: url(../images/feed-content-last-line-end.png);
         background-repeat: no-repeat;
         background-position: 0 0;
         padding-top: 9px;
    }
     .feed-content-ul li:last-child .feeds-byTime-content {
         border-bottom: none;
    }
     #feeds-by-content-list .shared-info {
         padding-top: 9px;
    }
     #feeds-by-content .shared-timing {
         display: none;
    }
     .feed-accordion {
         margin-top: -8px;
         position: relative;
         z-index: 100;
         text-align: right;
         padding: 7px 0 0;
         font-size: 11px;
         color: #4eaade;
    }
     .feeds-accordion-all {
         padding: 10px 5px;
         cursor: pointer;
    }
     .feeds-accordion-all.active {
         color: #cccccc;
         cursor: default;
    }
     .feeds-accordion-all:last-child{
         padding-right:0;
    }
    /*--------------feeds css end----------------*/
    /*-------------bulk share css start--------------*/
     .bulkSharePopup {
         top: 66px;
         bottom: 0;
         position: absolute;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -o-user-select: none;
         user-select: none;
         width: 100%;
    }
     .bulkSharePopup .modal-backdrop {
         background: rgba(0, 0, 0, 0.4);
    }
     .bulkshare-white-space {
        /*position: absolute;
         left: 10%;
         z-index: 1041;
         top: 10%;
         bottom: 20%;
         overflow: hidden;
         width: 80%;
         min-height: 450px;
         background: #fff;
         line-height: 20px;
        */
         z-index: 1041;
         top: 50%;
         left: 50%;
         position: fixed;
         background-color: #fff;
         transform: translate(-50%,-50%);
         -webkit-transform: translate(-50%,-50%);
         -moz-transform: translate(-50%,-50%);
         -ms-transform: translate(-50%,-50%);
         width:80%;
         min-width: 700px;
         max-width: 1100px;
         min-height: 450px;
        /*overflow: hidden;
        */
    }
     .bulk-header-div {
         position: absolute;
         top: 20px;
         left: 15px;
         right: 15px;
    }
     .bulkshare-white-space h3 {
         display: inline-block;
         margin: 0;
         color: #161616;
         font-size: 18px;
         font-weight: normal;
    }
     .bulk-header-div .close {
         padding: 0px 5px 5px;
    }
     .bulkshare-navigation {
         position: absolute;
         top: 50px;
         right: 15px;
    }
     .bulk-prev-icon, .bulk-next-icon {
         background-color: rgba(230, 230, 230, 1);
         padding: 7px 10px;
         display: inline-block;
         cursor: pointer;
         color: #333;
    }
     .bulk-prev-icon {
         margin-right: 5px;
    }
     .bulkSharePopup input {
         margin-bottom: 0;
    }
     .bulk-share-table {
         overflow: hidden;
         position: absolute;
         top: 85px;
         left: 15px;
         right: 15px;
         bottom: 50px;
         border: 1px solid #e1e1e1;
    }
     .bulk-share-header {
         display: -webkit-box;
         display: -ms-flexbox;
         display: inline-flex;
         background-color: #edf5fb;
         min-height: 75px;
         height: 75px;
         vertical-align: top;
    }
     .bulk-share-header-anno, .bulk-share-row-anno {
         display: -webkit-box;
         display: -ms-flexbox;
         display: inline-flex;
         position: relative;
         left: 0px;
         width: 360px;
         padding: 5px 10px;
         min-width: 360px;
         z-index: 1;
         border-right: 1px solid #e0e0e0;
    }
     .bulk-share-header-anno {
         z-index: 5;
         background-color: #edf5fb;
    }
     .bulk-share-row-anno {
         background: #fff;
    }
     .bulk-share-content {
         width: 100%;
         margin: auto;
         text-align: center;
    }
     .bulkshare-white-space .titles {
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
         font-size: 12px;
         color: #504f4f;
         font-family: 'open_sanssemibold', sans-serif;
         line-height: normal;
         margin-bottom: 5px;
    }
     .bulk-share-content .feed-select {
         margin-right: 10px;
         vertical-align: top;
    }
     .anno-feeds-filters .OPDropdown {
         width: 100% !important;
         margin: 0 !important;
    }
     .bulk-share-row-groups {
         display: -webkit-box;
         display: -ms-flexbox;
         display: inline-flex;
         overflow: hidden;
         overflow-y: auto;
    }
     .bulk-share-group-cell {
         display: -webkit-box;
         display: -ms-flexbox;
         display: inline-flex;
         width: 100px;
         min-width: 100px;
         vertical-align: middle;
         padding: 5px 10px;
         -webkit-box-align: center;
         -ms-flex-align: center;
         border-right: 1px solid #e0e0e0;
    }
     .bulk-share-content .select-content {
         width: auto;
         position: relative;
         top: 0;
         left: auto;
         z-index: 0;
         background: transparent;
         border: none;
    }
     .bulk-share-content .select-content input[type=checkbox].css-checkbox + label.css-label {
         font-family: 'open_sanssemibold', sans-serif;
    }
     .bulk-share-contant {
         overflow-x: hidden;
         overflow-y: auto;
         bottom: 0;
         position: absolute;
         top: 75px;
         width: 100%;
    }
     .bulk-share-rows {
         display: -webkit-box;
         display: -ms-flexbox;
         display: inline-flex;
         background-color: #fff;
    }
     .bulk-share-content .anno-feeds-filters {
         margin-top: 0px;
    }
     .bulk-icons {
         vertical-align: top;
    }
     .shared-by-pic {
         width: 26px;
         vertical-align: top;
         margin-right: 10px;
         background-repeat: no-repeat;
         text-indent: -9999px;
         height: 26px;
    }
     .bulk-info {
         width: 85%;
         vertical-align: top;
         margin-left: 10px;
         word-wrap: break-word;
    }
     .book-name {
         color: #3f3f3f;
         font-family: 'open_sanssemibold', sans-serif;
    }
     .annotationText {
         display: inline-block;
         padding-right: 15px;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
         vertical-align: middle;
         width: 84%;
    }
     .alternate {
         background: #fafafb !important;
    }
     .alternate .bulk-share-row-anno {
         background: #fafafb !important;
    }
     .bulk-share-content .anno-feeds-filters .OPDropdown, .bulk-share-content .feed-select {
         width: 160px !important;
    }
     .bulkshare-buttons {
         position: absolute;
         bottom: 10px;
         right: 15px;
    }
     .bulkshare-buttons .btn {
         padding: 3px 15px;
         margin-left: 10px;
    }
    /*-------------bulk share css end--------------*/
    /*-----------------------------------------SIDEBAR CSS END-----------------------------------------*/
    /*-----------full screen icon css start------------*/
     .fullscreen-settings-icon {
         padding: 6px 2px;
         width: 20px !important;
         position: absolute;
         top: 50px;
         cursor: pointer;
         background: #545454;
         -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
         -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
         box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
         border-radius: 0 2px 2px 0;
         -webkit-border-radius: 0 2px 2px 0;
         -moz-border-radius: 0 2px 2px 0;
         text-align: center;
         height: auto !important;
         z-index: 100;
        left: 0;
    }
     .ie10 .fullscreen-settings-icon{
         padding-top:2px;
         padding-bottom: 3px;
    }
     .left-bar-fullscreen {
         top: 49px;
         border-top: 1px solid #e7e7e7;
left: -70px;
    }
    /*-----------full screen icon css start------------*/
    /*-----------bookmark flag css start------------*/
     .bookmark-icon {
         display: inline-block;
         width: 20px;
         position: relative;
    }
     .bookmark-icon:before {
         content: "\e64e";
         font-size: 15px;
         color: rgba(229, 113, 93,1);
         display: inline-block;
         vertical-align: middle;
    }
     .bookmark-flag {
         display: inline-block;
         width: 10px !important;
         position: absolute;
         top: 0;
         height: 30px !important;
         cursor: pointer;
    }
     .bookmark-flag-right {
         right: 25px !important;
    }
     .bookmark-flag-left {
         left: 25px !important;
    }
     .bookmark-flag-ribbon {
         background: transparent !important;
         border-bottom-color: transparent !important;
         border-bottom-style: solid !important;
         border-bottom-width: 8px !important;
         border-left: rgb(229, 113, 0) solid 7px !important;
         border-right: rgb(229, 113, 0) solid 7px !important;
         display: inline-block !important;
         height: 100% !important;
         position: absolute !important;
    }
     .bookmark-transition {
         -webkit-transition: height 350ms ease-in-out;
         -moz-transition: height 350ms ease-in-out;
         transition: height 350ms ease-in-out;
    }
     .flagDisable {
         height: 15px !important;
    }
     .flagDisable .bookmark-flag-ribbon {
         border-bottom-color: transparent !important;
         border-bottom-style: solid !important;
         border-bottom-width: 8px !important;
         border-left: #adacac solid 7px !important;
         border-right: #adacac solid 7px !important;
    }
    /*-----------bookmark flag css end------------*/
    /*-----------bookshelf heading text css start------------*/
     .assign-heading {
         font-size: 16px;
         font-family: 'open_sansbold', sans-serif;
    }
    /*-----------bookshelf heading text css end------------*/
    /*MORE CSS*/
     .note-more {
         display: inline-block;
        /*width: 50px;
         commented by sunil for bug id #83241 */
         cursor: pointer;
         vertical-align: bottom;
         color: #4eaade;
         font-family: 'open_sanssemibold', sans-serif;
         text-align: left;
         white-space: nowrap;
         margin-left: 3px;
    }
     span#addGroups[disabled] {
         display: none;
    }
    /* Print CSS Header start*/
     *:before, *:after {
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
    }
     .clearfix:before, .clearfix:after {
         display: table;
         content: " ";
    }
     .clearfix:after {
         clear: both;
    }
     .print-reader-header {
         border: 1px solid #e4e4e4;
         padding: 20px;
    }
     .print-box {
         float: left;
         width: 100%;
    }
     .print-reader-header .cover-img-block {
         padding: 3px;
         border: 1px solid #e2e2e2;
         width: 64px;
         height: 76px;
         background-color: #fff;
         float: left;
         margin-left: -100%;
         position: relative;
         cursor: pointer;
    }
     .print-reader-header .cover-img-middle {
         display: table;
         width: 100%;
         height: 76px;
         vertical-align: middle;
    }
     .print-reader-header .cover-img-center {
         display: table-cell;
         vertical-align: middle;
         max-width: 56px;
         max-height: 74px;
         text-align: center;
    }
     .print-reader-header .cover-img-center img {
         max-width: 100%;
         max-height: 68px;
         position: relative;
         vertical-align: middle;
    }
     .print-reader-header .thumbnail-data {
         margin-left: 84px;
    }
     .print-reader-header .listnone {
         list-style: none;
         padding: 0 !important;
         margin: 0 !important;
         line-height: normal !important;
         height: auto !important;
    }
     .print-reader-header .print-book-title {
         font-size: 13px !important;
         color: #666666 !important;
    }
     .print-reader-header .print-book-isbn {
         font-size: 11px !important;
         color: #999999 !important;
         margin-top: 2px !important;
         margin-bottom: 5px !important;
         text-transform: uppercase !important;
    }
     .print-reader-header .print-book-chapter {
         font-size: 11px !important;
         color: #999999 !important;
    }
     .print-reader-header .print-book-topic {
         font-size: 11px !important;
         color: #999999 !important;
         font-family: 'open_sanssemibold', sans-serif !important;
    }
    /* Print CSS Header end*/
     .fixed-page-wrap {
         position: absolute;
         overflow: hidden;
    }
     .title-image-feeds-ui {
         padding: 0;
         border: 1px solid #e2e2e2;
         width: 43px;
         height: 59px;
         background-color: #fff;
         float: left;
         margin-left: -100%;
         position: relative;
         cursor: pointer;
    }
     .title-image-feeds-ui .cover-img-middle {
         display: table;
         width: 100%;
         height: 57px;
         vertical-align: middle;
         text-align: center;
    }
     .title-image-feeds-ui .cover-img-center {
         display: table-cell;
         vertical-align: middle;
         max-width: 41px;
         max-height: 57px;
    }
     .title-image-feeds-ui .cover-img-center img {
         max-width: 100%;
         max-height: 57px;
    }
     .hyperlink-content {
         float: left;
         width: 100%;
         text-align: left;
    }
     .hyperlink-book-detail {
         margin-left: 60px;
    }
     #topicLabel {
         margin-bottom: 0;
    }
     #annotationTemplateEdit .thumbContainer {
         cursor: default;
    }
     .st-pusher:after{
         right:-70px;
         z-index: 1;
    }
     .widgetDownload {
         display: inline-block;
         position: absolute;
         right: 60px;
         top: 0px;
         padding: 6px 0px 0px 0px !important;
         cursor: pointer;
         line-height: 34px;
    }
     .downloadSize {
         display: inline-block;
         vertical-align: middle;
         width: 80px;
         position: absolute;
         right: 85px;
         top: 15px;
         text-align: right;
    }
     .downLoadTimer, .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;
    }
     .downLoadTimer:before, .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;
    }
     .downloadCompleted {
         height: 24px;
         position: relative;
         width: 24px;
         display: inline-block;
         vertical-align: middle;
    }
     .reflow-pagenav-add .pagination-jumpto{
         display:inline-block;
    }
     .reflow-pagenav-add .reflowLayoutContentArea{
         bottom: 37px;
    }
     .reflow-pagenav-add .reflowPageList{
         bottom:35px;
    }
     .reflow-pagenav-add .pagination-jumpto .pagination-info-icon{
         display:none;
    }
    /* File Uploading */
     .file-upload{
         display: none;
    }
     .uploader {
         background: url('../images/file-uploader.png') no-repeat center;
         height: 20px;
         width: 20px;
         display: inline-block;
         vertical-align: middle;
         position: relative;
         -webkit-animation: uploader 3s infinite linear;
        /* Chrome, Safari, Opera */
         animation: uploader 3s infinite linear;
    }
     ::-ms-clear {
         display: none;
         width : 0;
         height: 0;
    }
    /*----old feeds css start here-----*/
     .old-feeds #feeds-by-time ul li{
         margin: 0px 0 19px 0;
         border-bottom: 1px solid #ebebeb;
    }
     .old-feeds .feeds-chap-topic-container{
         margin-left:0;
         padding: 7px 0 6px 0;
    }
     .old-feeds .shared-content {
         margin: 5px 0 15px 0;
    }
     .old-feeds #feeds-by-time .feed-edit-jump{
         border-bottom: none;
         margin-left: 0;
         padding-left: 0;
         margin-bottom: 0;
         margin-top: 0px;
         float: none;
         padding-bottom: 20px;
    }
     .old-feeds .feed-content-ul li{
         padding: 10px 0px 1px 24px;
    }
     .old-feeds .feed-content-ul li:last-child {
         border:none;
         background-image: url(../images/feed-content-last-line-end.png);
         background-repeat: no-repeat;
         background-position: 0 0;
         padding-top: 9px;
    }
     .old-feeds .feed-content-chap-li .feeds-byTime-content{
         border-bottom: none;
    }
     .old-feeds .feed-edit-jump{
         float: none;
         padding-bottom: 20px;
         margin-left: 0;
         margin-top: 0;
         border-bottom: 1px solid #ebebeb;
    }
     .old-feeds .feed-edit-jump span{
         display: inline-block;
         margin-right: 15px;
         cursor: pointer;
    }
     .old-feeds .editHighlight:after {
         content: "";
         position: absolute;
         width: 0;
         height: 0;
         border-left: 4px solid transparent;
         border-right: 4px solid transparent;
         border-top: 5px solid #c2c2c2;
         font-size: 0;
         line-height: 0;
         left: 17px;
         top: 6px;
    }
     .old-feeds .feed-content-ul li:last-child .feed-edit-jump{
         border: none;
    }
     
    /*----old feeds css end here-----*/
    /*pre_print_view popup css start*/
    .pre-print-view-popup{
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
       }
        .pre-print-view-popup .customDialog{
           background-color: #fbfbfc;
           max-width: 340px;
           -webkit-box-shadow: 1px 0px 11px 1px rgba(0,0,0,0.11);
           -moz-box-shadow: 1px 0px 11px 1px rgba(0,0,0,0.11);
           box-shadow: 1px 0px 11px 1px rgba(0,0,0,0.11); 
           z-index: 1062;
           display: flex;
        flex-direction: column;    
       }
        .validation-msg{
            display: block;
            color: #FF0000;
            font-size: 11px;
       }
        .labelPageRange{
            display: block;
            font-size: 11px;
            color: #4b4b4b;
            font-family: 'open_sanssemibold', sans-serif;
       }
        .pre-print-blocker{
            background: rgba(0, 0, 0, 0.5);
            z-index: 1061;
            position: fixed;
            top: 0px;
            bottom: 0px;
            left: 0px;
            right: 0px;
       }
        .pre-print-title-bg{
            background: #f5f5f5;
       }
        .pre-print-title {
            font-size: 16px;
            color: #4b4b4b;
            height: 44px;
            line-height: 44px;
            padding-left: 20px;
            float: left;
       }
        .pageNo {
            display:inline-block;
            width:100px;
            margin-right:10px;
            border:1px solid #dedddd;
            padding:8px 5px;
       }
        .save-cancel-btn{
            text-align: center;
            padding:10px 0;
            border-top:1px solid #e5e5e5;
            border-bottom:1px solid transparent;
       }
       .pre-print-view-popup .scroll-added{
        max-height: calc(100vh - 1rem);
        overflow: auto;
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
       }
       /*pre_print_view popup css end*/
    /*-------------------Product on tabs css start ----------------------------------*/
     .device-tabbing-none .left-container-bottom ul li a{
         padding: 10px 10px;
    }
     .device-tabbing-none .icon-badge{
         right: 2px;
         left: auto;
    }
     .device-tabbing-none .mini-full-screen{
         top:8px;
    }
     .device-tabbing-none .mini-full-screen ul li a, .device-tabbing-none .mini-full-screen ul li span{
         padding:10px;
    }
     .device-tabbing-none .print-view, .device-tabbing-none .bookmark-view{
         margin-right:0;
    }
     .device-tabbing-none .annotation-menu.modal{
         left: 50%;
         margin-left: -238px;
         top: 66px;
    }
	/*.device-tabbing-none .contentArea .pull-left.hyperlink-input-width
	{
		width:100%;
	}*/
	.reflowPageList{
		transition: bottom 0.5s;
	}
	.device-tabbing-none.opr-fullscreen .reflowPageList {
		bottom: -60px;
	 }
     .device-tabbing-none .share_but{
         display:none;
    }
     .device-tabbing-none .viewer-nav-dialog #bookmark-body ul.customToc li li .navList-delete{
         top: 2px;
    }
     .device-tabbing-none .sidebar a.preview{
         top: 5px;
    }
     .device-tabbing-none .op-dropdown .OPDropdown-menuContainer .OPDropdown-option{
         padding: 0px 35px 0px 8px;
    }
     .device-tabbing-none .op-dropdown .OPDropdown-menuContainer .OPDropdown-option a{
         padding: 8px 0px 8px 0px;
         display: inline-block;
    }
     .device-tabbing-none .share_but, .device-tabbing-none .export_but{
         margin:0;
         padding:10px;
    }
     .device-tabbing-none .reflowPageList input[type="range"]::-webkit-slider-thumb {
         height: 18px;
         width: 18px;
         border-radius: 100%;
         margin-top: -6px;
    }
     .device-tabbing-none .reflowPageList input[type="range"]::-moz-range-thumb {
         height: 18px;
         width: 18px;
         border-radius: 100%;
    }
     .device-tabbing-none .reflowPageList input[type="range"]::-ms-thumb {
         height: 18px;
         width: 18px;
         border-radius: 100%;
    }
     .device-tabbing-none .font-range input[type=range]::-webkit-slider-thumb {
         height: 18px;
         width: 18px;
         border-radius: 100%;
    }
     .device-tabbing-none .font-range input[type=range]::-moz-range-thumb {
         height: 18px;
         width: 18px;
         border-radius: 100%;
    }
     .device-tabbing-none .font-range input[type=range]::-ms-thumb {
         height: 18px;
         width: 18px;
         border-radius: 100%;
    }

     .viewer-test-results.modal {
         top: 0 !important;
         left: 0;
         right: 0;
         bottom: 0;
         overflow: hidden;
         background-color: #fff;
    }
    /*.myprogressblocker{
         background: rgba(0, 0, 0, 0.3);
         z-index: 1061;
         position: fixed;
         top: 0px;
         bottom: 0px;
         left: 0px;
         right: 0px;
    }
    */
     @media (min-width: 992px){
         .device-tabbing-none .container {
             width: 100%;
        }
    }
     @media (min-width: 768px){
         .device-tabbing-none .container {
             width: 100%;
        }
    }
     @media (orientation:landscape) {
         html.ipad.ios7 > body {
             position: fixed;
        }
    }

     .alertWarn {
         color:#ff0000;
         margin-bottom: 10px !important;
    }

    .device-tabbing-none #about-us-popup, .device-tabbing-none .context-menu-popup {
        margin: -200px 0 0 -280px;
        max-height: 400px;
    }

     .device-tabbing-none .atismartprepvideo.video-content{
         height: 265px;
    }
    /*-------------------Product on tabs css end ----------------------------------*/
    /*-------US 179S----------*/
     .backToResultBar{
         position: relative;
         padding: 0px 10px;
         background-color: #8ECCDA;
         left: 0;
         right: 0;
    }
     .backto{
         color: #fff;
         font-size: 12px;
         display: inline-block;
         margin-left: 10px;
         padding-top: 5px;
         padding-bottom: 5px;
    }
     .backToResultBar .close{
         position: absolute;
         padding: 6px 7px 3px;
         right: 0;
    }
     .backToResultBar .close:before {
         color: rgba(255, 255, 255, 1);
         font-size: 12px;
    }
    /*------------------CUP components update start here-----------------*/
     .font-face-setting label {
         font-size: 14px;
         font-weight: bold;
         line-height: normal;
         display: block;
         margin-bottom: 10px;
    }
     .font-face-setting {
         font-size: 12px;
         color: #6b6b6b;
         margin: 12px;
         border-bottom: 1px solid rgb(223, 223, 223);
         padding-bottom: 20px;
    }
     select.search-option-type {
         width: 100%;
         padding-right: 40px;
         background-image: url(../images/search-dropdown.png);
         padding-left: 5px;
         overflow: hidden;
         white-space: nowrap;
         -o-text-overflow: ellipsis;
         -ms-text-overflow: ellipsis;
         text-overflow: ellipsis;
         -webkit-appearance: none;
         -moz-appearance: none;
         background-position: right 0;
         background-repeat: no-repeat;
         text-indent: 0.01px;
         border: 1px solid #dedddd;
         font-size: 12px;
         color: #6b6b6b;
         height: 38px;
    }
     #annotation-merged-menu.popover.bookmark-popup{
         width: 170px;
    }
     #annotation-merged-menu.popover.bookmark-popup .annotationText{
         padding-right: 0;
    }
     .popover ul#merged-list li.merge-heading{
         cursor: auto;
    }
     .merge-heading h2{
         margin:0;
         font-size: 16px;
    }
     .bookmark-popup .merge-heading h2{
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         line-height: normal;
         color: #696a6b;
         font-size: 14px;
         font-weight: bold;
         text-transform: none;
    }
     .bookmarkView.modal {
         background: #f8f8f8;
         box-shadow: 0 1px 5px 0 rgba(170, 170, 170, 0.75);
         border-radius: 0PX;
         max-height: 269px;
         max-width: 375px;
         min-width: 375px;
         padding: 10px 17px 0px 17px;
         right: auto;
         bottom: auto;
         border: 1px solid rgba(0, 0, 0, .2);
         height: 175px;
    }
     .bookmarkView h2{
         margin: 7px 0 0;
         font-size: 16px;
         color: #6b6b6b;
    }
     .bookmarkView .close{
         padding: 7px;
         position: absolute;
         right: -7px;
    }
     .bookmarkView input[type="text"] {
         background-color: #fff;
         border: 1px solid #c9c9c9;
         width: 100%;
         font-size: 12px;
         min-width: 50px;
         padding: 8px 4px;
         margin-bottom: 12px;
         margin-top: 3px;
    }
     .bookmarkView input[type="text"]::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
         color: #cacaca !important;
    }
     .bookmarkView input[type="text"]::-moz-placeholder {
        /* Firefox 19+ */
         color: #cacaca !important;
    }
     .bookmarkView input[type="text"]:-ms-input-placeholder {
        /* IE 10+ */
         color: #cacaca !important;
    }
     .bookmarkView input[type="text"]:-moz-placeholder {
        /* Firefox 18- */
         color: #cacaca !important;
    }
     .disclaimer-icon {
         display: inline-block;
         vertical-align: top;
         margin-right: 5px;
    }
     .disclaimer-icon:before{
         content: "\e600";
         font-size: 16px;
         color: rgba(199,197,197,.9);
    }
     .disclaimer-text {
         max-width: 320px;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         display: inline-block;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         font-size: 11px;
    }
     .bookmarkTemplate {
         margin-bottom: 12px;
    }
     .bookmark-share-head .cust-dia-title{
         line-height: normal;
    }
     .highlight-top{
         top: -203px;
    }
     .highlight-bottom{
         bottom: -203px;
    }
    /*------------------CUP components update start here-----------------*/
    /*------Re-tag CSS--------*/
     #retagPopup{
         z-index: 101;
         width: 527px;
         padding: 0;
         -webkit-transition: opacity 0.3s linear;
         -moz-transition: opacity 0.3s linear;
         -ms-transition: opacity 0.3s linear;
         -o-transition: opacity 0.3s linear;
         transition: opacity 0.3s linear;
         border: #e3e3e3 1px solid;
         background: #ffffff;
         font-size: 12px;
         bottom: 0;
         position: fixed;
         top: 50%;
         left: 0;
         right: 0;
         margin: auto;
         max-height: 530px;
         display: none;
         padding-bottom: 50px;
         margin-top: -262px;
    }
     .retag-popup-head,.retag-popup-body{
         padding-left:20px;
    }
     .reTagfooter{
         position: absolute;
         left: 0;
         right: 0;
         bottom: 10px;
         border-top: solid 1px #e4e4e4;
         padding-top: 11px;
    }
     #retagPopup #footer{
         z-index: 99;
    }
     .retag-popup-head{
         border-bottom: solid 1px #e7e7e7;
         min-height: 41px;
        background:#f1f1f1;
    }
     .retag-popup-body {
         padding-top: 25px;
         padding-right: 24px;
         position: absolute;
         top: 41px;
         bottom: 60px;
         left: 0;
         right: 0;
    }
     #retagPopup .reTagfooter input.cancel{
         background: #f3f3f3;
         color:#585b5e;
        border:solid 1px #d2d2d2;
    }
     #retagPopup .reTagfooter input{
         margin-right:10px;
    }
     .retag-popup-head h2 ,.retagInfoDialog.modal h4{
         color: #797878;
         font-size: 16px;
         font-weight: normal;
         padding: 10px 0px 0;
         line-height: normal;
         margin: 0;
    }
     .howToRetag{
         cursor:pointer;
        color:#12a2e8;
    }
     .retagInfoDialog.modal.in {
         top:0;
    }
     .retagInfoDialog.modal.in .modal-dialog,#reTagModal .modal-dialog {
        top:0;
        width: 500px;
        height:428px;
        border-radius:0;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
        position: absolute;
    }
     .retagInfoDialog.modal.in .modal-dialog .modal-content{
        border-radius:0;
    }
     .retagInfoDialog .modal-header{
        padding:6px 12px 12px 12px;
        background:#f1f1f1;
    }
     .got-button{
         padding: 6px 18px;
         position: relative;
         top: -10px;
    }
     .retag-header-dropdown .feed-select{
        width:48%;
    }
     #retagPopup .OPDropdown {
         min-width: 215px;
         margin: 0!important;
    }
     .retag-popup-body .retag-header-dropdown{
         padding-bottom: 20px;
         border-bottom: solid 1px #e4e4e4;
         margin-bottom:20px;
    }
     .retag-popup-body .opr-user-icon,.retag-popup-body .opr-teacher-icon {
         position: absolute;
         left: 0;
         top: 11px;
    }
     .retag-popup-body .clearfix{
         position:relative;
    }
     .retag-popup-body .feed-pad-right {
         overflow-y: auto !important;
         position: absolute;
         left: 25px;
         right: 24px;
         top: 110px;
         bottom: 9px;
         padding-right: 12px;
    }
     .ui-overlay-retag {
         position: fixed;
         z-index: 100;
         background: rgba(0,0,0,0.4);
         opacity: 0.8;
         bottom: 0;
         top: 0;
         display: none;
         left: 0;
         right: 0;
    }
     .radio-btn-row{
         display:none;
    }
     .retag-popup-body .radio-btn-row{
         position: absolute;
         top: 9px;
         left: 0;
         display:block;
    }
    /*#retag-annotation-btn{
        background: #f18d2b;
    }
     #retag-annotation-btn a:before {
        content: "\e913";
        color: #fff;
    }
    */
     .annotation-menu ul li.retag-annotation-btn{
        background: #f18d2b;
    }
    .annotation-menu ul li.retag-annotation-btn a{
        padding:11px 0;
    }
     .anno-feeds-filters .clearfix.pt5{
        padding-top:10px;
    }
     .feed-pad-right .user-icon:before,.feed-pad-right .teacher-icon:before,.feed-pad-right .teacher-icon:before,.feed-pad-right .teacher .user-icon:before{
         top: 9px!important;
         left: 10px!important;
         font-size: 19px!important;
         color: #3aa5da;
        position: absolute;
    }
     .feed-pad-right .user-icon.teacher-icon:before,.feed-pad-right .teacher .user-icon:before,.feed-pad-right .feedItemContainer .user-icon.teacher-icon:before, .feed-pad-right .feedItemContainer .teacher-icon:before {
         content: "\e639";
    }
     .feed-pad-right .user-icon:before,.feed-pad-right .teacher-icon:before,.feed-pad-right .feedItemContainer .user-icon:before {
         content: "\e63a";
    }
     .retag-popup-body .user-icon:before{
        left:7px;
        top:7px;
    }
     .annotationView .teacher-icon::before{
        top:6px!important;
         left:7px!important;
    }
     .annotation-popup-body .user-icon:before, .annotation-popup-body .teacher-icon:before{
        top: 7px;
         left: 7px;
    }
     .feed-pad-right .teacher .user-icon:before{
         left: 12px;
         top: 12px;
    }
     .anno-feeds-filters .clearfix.pt5 input{
         position:relative;
        margin-right:6px;
        top:-2px;
    }
     .retag-popup-body .contentcolumn{
         margin-left: 63px;
    }
     .retag-popup-body .opr-user-icon, .retag-popup-body .opr-teacher-icon{
        left: 25px;
        top:3px;
    }
     .retag-popup-body .feeds-chap-topic-container,.retag-popup-body .shared-content{
         margin-left: 74px;
    }
     .retag-popup-body .feed-edit-jump{
         display:none;
    }
     .retag-popup-body .feedItemContainer {
         margin-bottom: 45px;
         padding-left:3px;
    }
     .retag-popup-body .opr-teacher-icon:before,.retag-popup-body .teacher .opr-user-icon:before {
        font-size: 18px;
         top: 7px;
         left: 8px;
    }
     .retag-popup-body .opr-user-icon:before{
        left:7px;
        top:7px;
    }
     .orphan-icon::after {
         content: '!';
         left: 29px;
         height: 17px;
         width: 17px;
         display: inline-block;
         position: absolute;
         background: #f18d2b;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -ms-border-radius: 50%;
         border-radius: 50%;
         text-align: center;
         color: #fff;
         font-size: 14px;
         line-height: 16px;
         font-family: 'open_sanssemibold', sans-serif;
    }
     .retag-popup-body .orphan-icon:after{
         display:none;
    }
     .jumpTo{
        margin-right:15px;
    }
     .retag-popup-body .OPDropdown-label{
        color:#333333;
    }
     .retag-popup-body #orphan-type-filter .OPDropdown-option{
         background:#fff;
    }
     /*.annotationView .teacher-icon::before{
        top:6px!important;
         left:7px!important;
    }
    */
     .retag-popup-body .orphan-icon {
         content: url(../images/info_icon.png);
         display: none !important;
    }
    /* css for share highlight pop up*/
     #annotationView.annotationView.modal.highlight {
         height: 208px;
         width: 220px;
    }
    /* Shared Glossary Highlight */
     #merged-list .annotation-preview-btn.share:before {
         font-size: 22px;
         color: #0089C5;
    }
     #merged-list a.delHighlight {
         float:none;
         display: inline-block;
         vertical-align: middle;
    }
     #merged-list #addGroups {
        /*float: right;
        */
         margin-left: 15px;
         display: inline-block;
    }
     #merged-list #addGroups .annotation-preview-btn.share {
         padding: 0;
         overflow: visible;
    }
    /* Shared Glossary Highlight End */
    /*------------------CUP components update start here-----------------*/
/*********** Story 1002- Text to speech start *****************/
 .opr-text-to-speech-bar{
     width: 273px;
     border-radius: 4px;
     border: 0;
     background-color: #4a4c4e;
     display: flex;
     flex-direction: row;
     z-index:1025;
     height:42px;
     position:absolute;
     left:50%;
     margin-left:-136px;
    /*-webkit-transition-property: top, bottom;
     -webkit-transition-duration: 0.6s;
    */
}
 .opr-text-to-speech-bar.dragLayer{
     pointer-events: none;
}
 .opr-text-to-speech-bar > span{
     display:inline-block;
}
 .opr-text-to-speech-bar.opr-ttf-visible{
     top:12px;
}
 .opr-text-to-speech-bar.opr-ttf-hidden{
     top:-100px;
}
 .opr-tts-audio-progress-bar input{
    width:60px;
    vertical-align:top;
     margin-top:0;
}
 .opr-text-to-speech-bar > span.opr-tts-audio-progress-bar{
     margin-top: 20px;
}
 .ie11 .opr-text-to-speech-bar > span.opr-tts-audio-progress-bar{
     margin-top:10px;
}
 .opr-tts-audio-progress-bar input[type=range],
 .opr-tts-speed-progress-bar input[type=range] {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
     height: 3px;
     display: inline-block;
     cursor: pointer;
     border: none;
}
 .edge .opr-tts-audio-progress-bar input[type=range],
 .edge .opr-tts-speed-progress-bar input[type=range] {
     height: auto;
     margin: 0px 15px;
     background:transparent;
}

 .opr-tts-audio-progress-bar input[type=range]::-webkit-slider-runnable-track,
 .opr-tts-speed-progress-bar input[type=range]::-webkit-slider-runnable-track {
     height: 3px;
    /*background: #b5b5b6;
    */
     border: none;
     border-radius: 3px;
}
 .opr-tts-audio-progress-bar input[type=range]::-webkit-slider-thumb,
 .opr-tts-speed-progress-bar input[type=range]::-webkit-slider-thumb {
     border: none;
     cursor: pointer;
     -webkit-appearance: none;
     border-radius: 50%;
     height: 10px;
     width: 10px;
     background: #fff;
     margin-top: -3px;
}
 .opr-tts-audio-progress-bar input[type=range]:focus,
 .opr-tts-speed-progress-bar input[type=range]:focus {
     outline: none !important;
}
 .opr-tts-audio-progress-bar input[type=range]::-moz-range-track,
 .opr-tts-speed-progress-bar input[type=range]::-moz-range-track {
     height: 3px;
     background: transparent;
     border: none;
     border-radius: 3px;
}
 .opr-tts-audio-progress-bar input[type=range]::-moz-range-thumb,
 .opr-tts-speed-progress-bar input[type=range]::-moz-range-thumb {
     border: none;
     cursor: pointer;
     border-radius: 50%;
     height: 10px;
     width: 10px;
     background: #fff;
}
/*hide the outline behind the border*/
 .opr-tts-audio-progress-bar input[type=range]:-moz-focusring,
 .opr-tts-speed-progress-bar input[type=range]:-moz-focusring{
     outline: 1px solid white;
     outline-offset: -1px;
}
 .opr-tts-audio-progress-bar input[type=range]::-ms-track,
 .opr-tts-speed-progress-bar input[type=range]::-ms-track {
     height: 3px;
     background: transparent;
     border-color: transparent;
     border-width: 12px 0;
     color: transparent;
}
 .opr-tts-audio-progress-bar input[type=range]::-ms-fill-lower,
 .opr-tts-speed-progress-bar input[type=range]::-ms-fill-lower {
     outline: none;
     background: #44b0e6;
}
 .opr-tts-audio-progress-bar input[type=range]::-ms-fill-upper,
 .opr-tts-speed-progress-bar input[type=range]::-ms-fill-upper {
     outline: none;
     background: #b5b5b6;
}
 .opr-tts-audio-progress-bar input[type=range]::-ms-thumb,
 .opr-tts-speed-progress-bar input[type=range]::-ms-thumb {
     border: 1px solid #fff;
     height: 7px;
     width: 7px;
     border-radius: 100%;
     background: #fff;
}
 .opr-tts-audio-progress-bar input[type=range]:focus::-ms-fill-lower,
 .opr-tts-speed-progress-bar input[type=range]:focus::-ms-fill-lower {
     background: #44b0e6;
}
 .opr-tts-audio-progress-bar input[type=range]:focus::-ms-fill-upper,
 .opr-tts-speed-progress-bar input[type=range]:focus::-ms-fill-upper {
     background: #b5b5b6;
}
 .opr-tts-audio-progress-bar input[type=range]:focus::-ms-tooltip,
 .opr-tts-speed-progress-bar input[type=range]:focus::-ms-tooltip {
     display: none;
}
 .opr-text-to-speech-bar .opr-tts-hand-icon, .opr-text-to-speech-bar .opr-tts-pause-icon, .opr-text-to-speech-bar .opr-tts-play-icon, .opr-text-to-speech-bar .opr-tts-info-icon{
     padding: 14px 15px 10px 15px;
     border-right: solid 1px #36393b;
     width: 43px;
}
 .opr-text-to-speech-bar .opr-tts-audio-icon{
     padding: 14px 8px 10px 15px;
     width: 41px;
}
 .opr-text-to-speech-bar .opr-tts-close-icon{
     padding: 12px 11px 14px 11px;
     float: right;
     position: absolute;
     right: 0;
}
 .opr-text-to-speech-bar .opr-tts-hand-icon:before, .opr-text-to-speech-bar .opr-tts-info-icon:before{
     content: "\e914";
     color: #c6c6c6;
     font-size: 15px;
}
 .opr-text-to-speech-bar .opr-tts-info-icon:before{
     content: "\e600";
}
 .opr-text-to-speech-bar .opr-tts-hand-icon.active, .opr-text-to-speech-bar .opr-tts-info-icon.active{
     background-color: #36393b;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
}
 .opr-text-to-speech-bar .opr-tts-pause-icon:before{
     content: "\e668";
     color: #c6c6c6;
     font-size: 13px;
}
 .opr-text-to-speech-bar .opr-tts-play-icon:before{
     content: "\e801";
     color: #c6c6c6;
     font-size: 13px;
}
 .opr-text-to-speech-bar .opr-tts-audio-icon:before{
     content: "\e630";
     color: #c6c6c6;
     font-size: 15px;
}
 .opr-text-to-speech-bar .opr-tts-audio-icon.opr-volumepause:before{
     content: "\e62f";
}
 .opr-text-to-speech-bar .opr-tts-close-icon:before{
     content: "\e606";
     color: #c6c6c6;
     font-size: 9px;
}
 .opr-audio-textspeech{
     margin-right: 4px;
}
 .opr-audio-textspeech:before, .opr-tts-icon:before{
     content: "\e919";
     color: #cacaca;
}
 .opr-audio-textspeech.active:before, .opr-tts-icon.active:before{
     color: #389fdf;
}
 .opr-audio-textspeech:hover:before, .opr-tts-icon:hover:before{
     color: #12a2e8;
}
 .device-tabbing-none .opr-text-to-speech-bar{
     width: 172px;
}
 .device-tabbing-none .opr-text-to-speech-bar .opr-tts-close-icon{
     padding: 12px 16px 14px;
}
.tts_audio_container{
    display:none;
}
 .tts_audio_container.dragging {
     position: absolute;
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
     background-color: rgba(255, 255, 255, .01);
     z-index: 10000;
}
/*********** Story 1002- Text to speech Ends *****************/
    /*----------session expire css start----------*/
     .opr-unauthorized-access, .opr-unsupported-browser{
         position: absolute;
         font-size: 16px;
         color: #5B5A59;
         top: 50%;
         left: 50%;
         text-align: center;
         max-width: 540px;
         margin-left: -270px;
         margin-top: -60px;
    }
     .opr-unsupported-browser{
         max-width: 440px;
         margin-left: -220px;
         margin-top: -62px;
    }
     .opr-unauthorized-access:before, .opr-unsupported-browser:before{
         display: inline-block;
         font-size: 60px;
         color: #E54D43;
         margin-bottom: 15px;
    }
     .opr-unauthorized-access:before{
         content: "\e915";
    }
     .opr-unsupported-browser:before{
         content: "\e916";
    }
     .opr-unauthorized-access p, .opr-unsupported-browser p{
         margin:0;
    }
     .opr-unauthorized-access p.time-out-bold, .opr-unsupported-browser p.time-out-bold{
         font-family: 'robotobold', sans-serif;
         margin-top: 5px;
    }
    /*----------session expire css end----------*/
     .print-widget{
         position: absolute;
    }
     .raiseaticket-close a.close{
         padding:0 10px;
    }
@keyframes move {
     0% {
         left: -70px;
    }
     100%{
         left: 0px;
    }
}
 @keyframes moveback {
     0% {
         left: 0px;
    }
     100%{
         left: -70px;
    }
}
 @keyframes movearrow {
     0% {
         left: 0;
    }
     100%{
         left: 71px;
    }
}
 @keyframes movearrowback {
     100%{
         left: 0px;
    }
     0% {
         left: 71px;
    }
}
 .disable-leftbar-fullscreen {
     animation: moveback 0.35s linear backwards;
     left: -70px;
}
 .enable-leftbar-fullscreen {
     animation: move 0.35s linear forwards;
     left: 0;
     top: 48px;
}
 .fullscreen-settings-icon.inactive {
     animation: movearrowback 0.35s linear backwards;
     left: 0px;
}
 .fullscreen-settings-icon.active {
     animation: movearrow 0.35s linear forwards;
     left: 71px;
}
/*Preview Icon Placement when search*/
 ul.search_data_list ul li a.previewInSearch{
     position: absolute;
     top: 0;
     right: 0;
}
 .popover ul#merged-list li a.highlight-shared-detail span{
     width: auto;
     padding-right:10px;
     margin-top:10px;
}
.book-title.breadcrumbs .backToLib{
display:none;
}
#feeds-msg{
    padding-top:20px;
    text-align:center;
    color:#333;
} 
/*********** Story 229B- Reader Optimization *****************/
/*#booklistDropDown .OPDropdown-menuContainer ul {
	min-height:80px;
	position:relative;
}
 #booklistDropDown .OPDropdown-menuContainer ul:before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:auto;
	bottom:17px;
	background:url("../images/loading.gif") no-repeat center center;
	width:16px;
	height:16px;
	margin:0 auto;
}
#booklistDropDown .OPDropdown-menuContainer.opr-booklist-loaded ul{
	min-height:auto;
}
#booklistDropDown .OPDropdown-menuContainer.opr-booklist-loaded ul:before{
	display:none;
} */

/*----------------- 1067 Mobile support - 1067C_Open In App Feature- Start -------------*/
.opr-openapp,
.navbar-inner .opr-audio-textspeech{
	display:none;
}

.opr-sidebar-close:before {
    content: "\e642";
	font-family:'op2-jbl', sans-serif;
}
.opr-btn-app {
    width: 40%;
    float: right;
    text-align: right;
    margin: 36px 0 0 0;
}
.opr-btn-app .btn-primary {
    border-radius: 5px;
    cursor: pointer;
    padding: 5px 15px;
    line-height: normal;
    height: initial;
    text-transform: uppercase;
    font-family: 'open_sanssemibold', sans-serif;
	background:#004B91;
}

.opr-applogo {
    width: 60%;
    float: left;
}
.opr-sidebar-close,.opr-sidebar-close:hover {
    position: absolute;
    right: 15px;
    color: #000000;
    opacity: 0.54;
    top: 2px;
    font-size: 14px;
	width:32px;
	height:32px;
	text-align:center;
	line-height:30px;
}
.opr-openapp {
    width: 100%;
    background: #fff;
    position: fixed;
    z-index: 999;
    bottom: 0;
    padding: 15px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}
.device-tabbing-none .opr-openapp
{
	display:none; /*this will be change to display:block once mobile support for product will given;*/
}

.opr-fullscreen .page-leftbar {
    left: -100px;
}
.opr-below-navbar
{
	transition: top 0.5s;
}
.opr-fullscreen #below-navbar {
    top: -50px;
}

.opr-fullscreen .page-leftbar {
    left: -100px;
}
.context-menu-popup-head .close {
    padding: 0;
}
.navbar
{
		transition: top 0.5s;
		top:0px;
}
.opr-fullscreen .navbar
{

	top: -90px
}

.device-tabbing-none .breadcrumbs span
{
	margin:0
}
.opr-tab-heading-wrapper
{
	display:none;
}
.device-tabbing-none .previous-div,.device-tabbing-none .next-page-button,.device-tabbing-none .opr-fulscrnBtn
{
	display:none;
}
@media screen and (max-width: 1024px)
{
	.page-wrap {
    padding-top: 20px;
}
.switch-labels input:focus + .switch-light
{
	box-shadow:none;
}
}

@media screen and (max-device-width: 767px)
{
.device-tabbing-none .context-menu-popup-head,.device-tabbing-none .context-menu-popup-content
{
	padding:10px;
}
 .retag-popup-body .retag-header-dropdown{
         padding-bottom: 0px;
         margin-bottom:15px;
    }
 .retag-popup-body .feed-pad-right {
         overflow-y: auto !important;
         position: relative;
         left: 0px;
         right: 0px;
         top: 0px;
         bottom:0px;
         padding-right: 12px;
    }
.opr-applogo span {
    font-size: 10px;
    color: #004B91;
    margin-left: 5px;
	font-weight: 600;
}

.device-tabbing-none.opr-fullscreen .reflowLayoutContentArea
	{
		bottom:0
	}
	.device-tabbing-none .viewer-titlebar {
    top: 0;
    background: #fff;
    left: 0;
    right: 0;
	border-bottom: 1px solid rgba(215, 215, 215, 1);
}
.device-tabbing-none  .reflowLayoutContentArea
{
	top:45px;
}
.device-tabbing-none .navbar-inner
{
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.149019607843137);
}
.device-tabbing-none .sidebar
{
	left:0px;
	right:0px;
}
.device-tabbing-none .searchMsg,.device-tabbing-none .tab-pane-title
{
	left:20px;
	right:20px
}

.device-tabbing-none .viewer-nav-dialog .accordion-all
{
	right:5px
}
.device-tabbing-none .tabbable
{
	padding:0 20px
}
.device-tabbing-none .viewer-settings-modal.modal
{
	width:90%
}
.device-tabbing-none  .st-effect.st-menu-open .st-pusher,.device-tabbing-none  .st-effect.st-menu-open .page-leftbar
{
	-webkit-transform:translate3d(0px,0,0)
}
.opr-fullscreen  .opr-pagination,.opr-tab-heading-wrapper,.device-tabbing-none .zoom-component
{
	display:none;
}
.device-tabbing-none .next-div.reflowLayoutNext, .previous-div {
    display: none!important;
}
.device-tabbing-none .reflowLayoutContentArea {
    left: 0px;
    right: 0px;
}
.device-tabbing-none .navbar-inner .container {
    padding-left: 5px;
    padding-right: 5px;
}
.device-tabbing-none .op_bookmarkRibbon {
    height: 30px;
    width: 30px;
	left:0px;
	text-align:center;
}
.device-tabbing-none .fixedLayoutContentArea,.device-tabbing-none  .pageSlider
{
	left:0px;
	right:0px
}
.device-tabbing-none #help-popup.modal.fade.in {
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    height: 100%;
    max-height: 100%;
	transform:translate(0)
}
.device-tabbing-none .help-sub-head-first {
    padding-left: 0;
}
.device-tabbing-none .help-sub-head-sec {
    padding-left: 28px;
}
.device-tabbing-none .book-title
{
	right:0px
}
.device-tabbing-none .book-title.breadcrumbs
{
	width:300px;
	left:15px;
}
.navbar .nav > li > a, .navbar .nav > li > span {
    height: 45px;
    width: 45px;
}
  ul.customToc li a.bookmark-jump {
    padding-left: 0;
}
.bookmark-jump .cup-enrich-list-icon {
    left: 0;
}
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 .quiz-lite-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, .search_image:before, .search_video:before, .search_audio:before, .search_quiz:before, .search_gallery:before, .search_tip:before, .search_html:before, .search_file:before, ul.customToc .eow-toc-icon:before, .search_eow:before, ul.customToc .htmlWeblink-toc-icon:before, .search_htmlWeblink:before, ul.customToc .htmlPackage-toc-icon:before, .search_htmlPackage:before, .search_text:before, .search_assessment_lite:before
{
	margin-right:0;
}
.opr_bookmarks .toc-link-text {
    padding-left: 0px;
}
.sidebar ul.customToc .opr_bookmarks a.navList-delete {
    top: 5px;
}
#about-us-popup, .context-menu-popup{
    width: 90%;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%,-50%);
}
#annotationView.annotationView.modal,#annotationView.annotationView.modal.hyperlink
{
	 width: 90%;
}
.device-tabbing-none .op-dropdown
{
	width:100%!important;
	margin-bottom:10px;
}
.device-tabbing-none #annotationTemplateEdit .pull-right {
    float: none!important;
}
.hyperlink .thumbContainer {
    border-color: #dedddd;
    padding: 10px 0;
}
.hyperthumbtable
{
	margin-top:20px;
}
.tab-content .feeds-topic
{
	padding:0;
}
.device-tabbing-none .customDialog{
	width:90%;
	 transform: translate(-50%,-50%);
	 margin:0 auto;
		 max-width:inherit;
}
.device-tabbing-none #feeds-by-time .feed-edit-jump
{
	margin-left:20px;
	 padding-left:20px;
}
.feed-shared-content
{
	border:none;
}
.sidebar {
    top: 45px;
}
.viewer-titlebar {
    left: 15px;
	right:15px;
}
.reflowPageList {
    left: 15px;
    right:15px;
    transition: bottom 0.5s;
}
.opr-tab-heading-wrapper{
	display:block;
}

.navbar-inner .opr-audio-textspeech {
    display: block!important;
}

.retagInfoDialog.modal {
z-index: 1041;
width: 90%;
margin: 0 auto;
}
.retagInfoDialog.modal.in .modal-dialog, #reTagModal .modal-dialog {
width: 100%;
}
.retagInfoDialog.modal img {
max-width: 100%;
}

.opr-hide-group-filter .feed-select
{
	width:100%;
}
.opr-mobile-menu span.icon-bar {
    background: #3AA5DA;
}
.float-l.logo img{
	display:none;
}
.navbar .nav > li > a span.opr-bookmark {
    display: block;
    height: 26px;
    width: auto;
    margin: 0;
}
.navbar .nav > li > a span.bookmark-view :before {
    content: "\e605";
    font-size: 24px;
    color: #3AA5DA;
}
.navbar-inner .bookmark-view:before {
	font-size: 23px;
    color: #3AA5DA;
}
.opr-mobilehide{
	display:none;
}
.navbar .mini-full-screen {
    display: block;
}
ul.nav .onscreenText {
    display: none;
}

.navbar .navbar-toggle {
    margin: 0;
}
  #feed-tab-content.tab-content {
         top:0px;
		 position:relative;
    }
li.divider-vertical.stubby {
    display: none!important;
}
.logo {
    margin: 6px 0;
}
.navbar .nav > li > a{
	padding:10px;
	min-width: inherit;
	margin:0;
}
.navbar-inner .opr-audio-textspeech:before {
    font-size: 24px;
    color: #3AA5DA;
    margin:0;
}
#below-navbar{
	top:45px;
	overflow:visible
}
.left-container-top .item-title {
    display: none;
}
.left-container-top ul li a{
	height:58px;
	line-height: 40px;
}
.mini-full-screen{
	display:none;
}
ul li span.bookmark-view:before{
	    content: "\e605";
}
.navbar-inner .screen-view.bookmark-view {
    padding: 10px;
    display: none;
    text-align: center;
	cursor:pointer;
}
.navbar-inner .screen-view.bookmark-view:hover{
	background:#f7f7f7;
}
.page-leftbar{
	width:45px;
	left: -45px;
}
.page-leftbar.opr-mobileleftbar {
    left: 0;
    top: -45px;
    z-index: 1000;
}
.navbar-inner .container {
    padding-left: 0;
}
.reflowLayoutContentArea{
	left:75px;
}
.toast {
    left: 15px;
    background: rgba(50, 50, 50, 0.898039215686275);
    bottom: 16%;
	right:15px;
	border-radius:0;
}
.viewer-settings-modal.modal{
	margin:0 auto !important;
	left:0;
	right:0
}
.font-face-setting {
    display: none;
}
.annotation-menu.modal span {
    display: none;
}
.annotation-menu ul li a {
    min-width: 50px;
    max-width: 50px;
    padding: 12px 0;
}

.annotation-menu ul li a:after {
    width: 0;
}
#floatingBarsG {
    position: relative;
    width: 24px;
    height: 25px;
    margin: auto;
}
.annotation-menu ul li ul.highlight-color li a {
    min-width: 40px;
    max-width: 40px;
	padding:14px;
}
.annotation-menu ul li ul.highlight-color {
    min-width: 50px;
    max-width: 50px;
    bottom: -140px;
    background: #262626;
}
.annotation-menu ul li ul.highlight-color li, .annotation-menu ul li ul.highlight-color li:first-child,.annotation-menu ul li ul.highlight-color li:last-child {
    padding:  2px 5px;
}
.annotation-menu ul li ul.highlight-color li:first-child{
	float:none
}
#below-navbar.st-menu-open .st-menu {
    transition: top .2s;
}
.slider-nav {
    right: 5px;
}
.st-menu
{
	left:45px;
}
 #annotationView.annotationView.modal.weblink, #annotationView.annotationView.modal.hyperlink.new, #annotationView.annotationView.modal.voice, #annotationView.annotationView.modal.file {
         width: 90%;
}

.annotation-menu #jumpAlert span.cust-dia-title {
    color: #CC3333;
    background: transparent;
    height: inherit;
    line-height: 10px;
	padding-top: 20px;
}

.landscapepopup .cust-dialog span.cust-dia-text
{
	margin-bottom:0;
}
#below-navbar.st-menu-open .st-menu
{
	top:0px;
}
#below-navbar .st-menu {
    width: calc(100% - 45px);
	z-index: 1000;
	transition:top .5s;
}

.opr-tab-heading {
    padding: 0 20px;
    font-size: 14px;
    color: #000;
    margin: 15px 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
}
.page-leftbar
{
	transition:left 0.5s;
}
.tab-content .contentcolumn,.tab-content .feeds-chapter
{
	    margin-left: 0px!important;
}
.tab-content .feeds-chapter,.feeds-chap-topic-container .feeds-topic{
	margin-bottom:5px
}

.opr-tab-heading-wrapper .close{
  position: absolute;
    right: 15px;
    top: 10px;
    padding: 0;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 26px;
}

.opr-tab-heading-wrapper .close:before {
    font-size: 14px;
    color: #5E5E5E;
}
.feed-select {
    width: 100%;
}
.feeds-filters-box {
    background: transparent;
    border: none;
	padding:0;
}
span.opr-filter-by-icon-outer {
    display: none;
}
.inline-block.feed-select {
    margin-bottom: 15px;
}

.device-tabbing-none .feed-edit-jump
{
	padding-bottom:0
}
#retagPopup
{
	width:90%;
	top:0;
	margin:0 auto;
}
.device-tabbing-none .retag-header-dropdown .feed-select {
width: 100%;
}
.device-tabbing-none #retagPopup .OPDropdown {
min-width: 100%;
margin: 0!important;
}
.device-tabbing-none .instructionWrapperMain
{
	display:none;
}
.device-tabbing-none .shared-content {
    margin-bottom: 5px;
}
.device-tabbing-none.help-overlay-active{
	display:none
}
.OPDropdown-menuContainer,#open-type-filter .OPDropdown-menuContainer {
    width: 100%;
    margin: 0;
}
#open-group-filter .OPDropdown-menuContainer {
    left: 0;
    width: 100%;
}
.dInb .feeds-title {
    display: none;
}
.dInb .share_but {
    margin-left: 0;
}
.landscapepopup .customDialog{
left:0;
right:0;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.opr-fullscreen .fixedLayoutContentArea
{
	bottom:0;
}
}

@media screen and (max-device-width: 490px)
{
.sidebar .nav-tabs > li {
    margin-right: 3px;
}
.sidebar .nav-tabs {
  width: 400px;
}
 .help-row.help-started
  {
    display: none;
  }
}
@media screen and (max-device-width: 400px)
{
.book-title.breadcrumbs {
    width: 150px;
}
}



/*1036 new design CSS for Page Progress bar start*/

.noUi-horizontal {
height: 2px;
}
.noUi-handle.noUi-handle-lower.noUi-active .noUi-tooltip {
display: block;
}

.noUi-horizontal .noUi-tooltip {
bottom: 15px;
}

.noUi-handle {
position: absolute;
bottom: 5px;
}
.noUi-handle .noUi-tooltip {
max-width: 170px;
position: absolute;
color: #ffffff;
border: none;
display: none;
float: left;
}
.opr-page-info {
    background: #394753;
    border-radius: 2px;
}
.opr-pageslider-tooltip {
    width: 170px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
    border-radius: 2px;
    display: inline-block;
    margin-right: -2px;
    background: #394753;
}

.noUi-handle .noUi-tooltip .opr-page-number {
  text-align: center;
  font-family: 'open_sansregular', sans-serif;
  padding: 5px 0px;
}
.noUi-handle .noUi-tooltip .opr-page-title {
  background-color: #2D3D4A;
  padding: 10px 10px 15px 10px;
  line-height: 15px;
  font-size: 12px;
  border-radius: 0 0 5px 5px;
}
.noUi-handle .noUi-tooltip .opr-page-title .opr-topic {
font-size: 10px;
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.noUi-handle .noUi-tooltip .opr-page-title p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 20px;
margin:0;
}
.opr-pageslider-tooltip:after {
    content: '';
    background: #394753;
    position: absolute;
    width: 3px;
    top: 3px;
    bottom:3px;
    right: -2px;
    z-index: -1;
}

.device-tabbing-none .noUi-target {
bottom: 29px;
left: 40px;
width: 90%;
}

.device-tabbing-none .noUi-horizontal .noUi-handle {
width: 32px;
height: 32px;
top: -13px;
}

/*FXL Page Progressbar*/
.apple-fixed-layout .noUi-target{
    bottom: 35px;
    right: 96px;
    left: 135px;
}
/*
.apple-fixed-layout .noUi-horizontal{
    height: 9px;
}
.apple-fixed-layout .noUi-horizontal .noUi-handle {
    width: 55px;
    height: 9px;
    top: 0px;
    border-radius: 0;
}
.apple-fixed-layout .noUi-target {
    bottom: 45px;
    right: 96px;
    left: 135px;
    border-radius: 0;
}
.apple-fixed-layout .noUi-connects {
    border-radius: 0;
}
.apple-fixed-layout .noUi-connect{
    background: #D5D5D5;
}
*/

/*1036 new design CSS for Page Progress bar end*/

/*book based widgets css start*/
.opr-embedResource {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  /*display: none;*/
  background-color: #000; }
  .opr-embedResource .opr-embedResourceDialog {
    max-width: 1200px;
    height: 100%;
    margin: auto;
    padding-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
  .opr-embedResource .close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 19px;
    color: #fff;
     }
     .opr-embedResource .close:before{
        color:#fff;
     }
  .opr-embedResource video, .opr-embedResource html {
    width: 100%;
    height: 100%; }
  .opr-embedResource iframe {
    width: 100%;
    height: 100%;
    border: none; }

/*book based widgets css end*/
/* smart panel */
.smartPanelContainer, .smartPanelBody, .smartpanel-body + div{
    height: 100%;
}
.smartPanelAnnotation .AnnotationBtn::before{
    content: "";
    display: block;
    width: 20px; 
    height: 20px; 
    background-image: url('../images/smart-panel.svg'); 
    background-size: contain;
    margin: 0px auto 2px;
    background-repeat: no-repeat;
}

.smartPaneLeft .opr-smartpanel-icon:before{
    content: "";
    display: block;
    width: 48px; 
    height: 48px; 
    background-image: url('../images/smartpanel-left.svg'); 
    background-size: 25px;
    background-position: 12px;
    margin: 0px auto 2px;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
}