@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 {
     background: url(../images/body-bg.png) repeat;
     font-family: 'open_sansregular', Arial, sans-serif;
     font-size: 12px;
}
 body {
     margin: 0;
     padding: 0;
     position: absolute !important;
     top: 0px;
     bottom: 0px;
    /*width: 100%;
    */
     left:0;
     right:0;
}
 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.65;
     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: 1039;
     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: 1038;
     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 #666666;
     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: #666666;
     font-size: 7px;
}
.op-focus .checkbox-custom:focus + .checkbox-custom-label{
         outline: 1px solid black;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0px;
    }
    
    /*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;
    }
     .offscreenImg {
         display: block;
    }
     .setting, .sync-loader, .savesync, .manage-groups, .homeicon, .atipersonalizedlink {
         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;
    }
     .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;
   }
    .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;
        margin: -7px 0 0 0;
   }
    .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]:focus::-moz-range-thumb {
      outline: #000 solid 1px;
      outline-offset: 5px;
      }
    .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: #185E81;
   }
    .font-range input[type=range]::-ms-fill-upper {
        outline: none;
        background: #b5b5b6;
   }
    .font-range input[type=range]:focus::-ms-fill-lower {
        background: #185E81;
   }
    .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] {
    border: none; }
  .font-range input[type=range]:focus {
    outline: none;
    }
    .font-range input[type=range]:focus::-webkit-slider-thumb {
      outline: #000 solid 1px;
      outline-offset: 5px;
      }
  .font-range input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
    height: 0; }
  .font-range input[type=range] + .thumb.active {
    border-radius: 50% 50% 50% 0;
    display: none; }
    /*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 #185E81;
    }
     .switch-light {
         display: block;
         min-height: 25px;
         position: absolute;
         overflow: visible;
         text-transform: capitalize;
         color: #185E81;
         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: #185E81;
    }
     .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;
    }
    span.tipDesc,span.tipDesc sub,span.tipDesc sup {
    line-height: 25px;
    font-size:12px;
    
}
.switch-labels input:focus + .switch-light,
.op-focus .switch-labels input:focus + .switch-light{
     outline: 1px solid black;
    outline: 5px auto -webkit-focus-ring-color;
}

    /*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: 35px;
    }
     .fixedLayoutContentArea {
         top: 50px;
         position: absolute;
         left: 135px;
         right: 96px;
         bottom: 55px;
    }
     .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: 18px;
    }
     .book-title.breadcrumbs {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         cursor: default;
         max-width: 400px;
    }
     .breadcrumbs a {
         color: #185E81;
         cursor: pointer;
    }
 .context-menu-items li a span.reports, .context-menu-items li a span.termsofuse {
     color: #185E81;
     display: inline-block;
     font-size: 12px;
}
.navbar-inner .screen-view.bookmark-view {
    display: none;
}
.breadcrumbs span {
         color: #2C2B2B;
         margin: 0 0 0 5px;
    }
     .mini-full-screen {
         position: absolute;
         right: 0px;
         top: 10px;
    }
     .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: 4px 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;
    }
     .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;
    }
    .left-container-top ul li a:focus,
    .op-focus .left-container-top ul li a:focus{
        outline-offset: -1px;
    }

     .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: #185E81;
         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', 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: #185E81;
         opacity: 1.0;
         border:none;
    }
     .pageSlider input[type="range"]::-moz-range-thumb {
         width: 55px;
         height: 9px;
         -moz-appearance: none;
         background: #185E81;
         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: #185E81;
    }
     .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: 30px;
    }
     .ie11 .reflowPageList, .edge .reflowPageList{
         bottom: 27px;
    }
     .pageSlider-jumpTo {
         bottom: -8px;
    }
     .ie10 .reflowPageList {
         bottom: 34px;
    }
    /*.reflowPageList .pagination-jumpto {
         display: none !important;
    }
    */
    /*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;
    }
    .reflowPageList input[type="range"]:focus{
        outline: none;
    }
    /*Styling for Thumb*/
     .reflowPageList input[type="range"]::-webkit-slider-thumb {
         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;
         -webkit-appearance: none;
    }
    .reflowPageList input[type="range"]:focus::-webkit-slider-thumb {
        outline: #000 auto 1px;
        outline-offset: 5px;
   }
     .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"]:focus::-moz-range-thumb {
        outline: #000 auto 1px;
        outline-offset: 5px;
   }
     .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 ---------------------------------------*/
     .pagination-jumpto {
         border-radius: 2px;
         -webkit-border-radius: 2px;
         -moz-border-radius: 2px;
         margin: 0 auto;
         display: inline-block;
         padding: 2px 10px;
         margin-top: 10px;
         margin-bottom: 10px;
         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: #185E81;
    }
     .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: #185E81;
    }
     .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{
        /* min-width: 95px;
         max-width: 95px;
        */
    }
     .annotation-menu ul li a {
         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 {
         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: 1041;
         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;
        /* min-height: 190px;
         width: 139px;
         margin: 20px 0 0 0;
        */
         display: table-cell;
         vertical-align: middle;
         max-width: 139px;
         min-width: 139px;
         max-height: 194px;
    }
     .hyperlink .thumbContainer img {
        /*max-height: 193px;
         max-width: 137px;
        */
         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: #185E81;
         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: #696969;
         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;
     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;
    }
     .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;
    }
    .device-tabbing-none.opr-nativeapp .reflowLayoutContentArea
    {
        top:0;
    }
     .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', 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;
    }
     .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.65;
         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: #185E81 !important;
         opacity: 0.65;
         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.65;
         filter: alpha(opacity 50);
         cursor: default;
         color: #185E81 !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.65;
    }
     .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: #185E81;
         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:focus::-webkit-slider-thumb{
        outline: #000 auto 1px;
        outline-offset: 5px;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar::-webkit-slider-thumb:hover {
         background: #185E81;
         -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: #185E81;
         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;
    }
    .vocieSeekbarContainer input[type=range].vocieSeekbar:focus::-moz-range-thumb {
        outline: #000 auto 1px;
        outline-offset: 5px;
    }
     .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: #185E81;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar::-ms-fill-upper {
         outline: none;
         background: #999;
    }
     .vocieSeekbarContainer input[type=range].vocieSeekbar:focus::-ms-fill-lower {
         background: #185E81;
    }
     .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;
    }
     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: #185E81;
         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;
    }
     .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: #185E81;
         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;
         border-radius: 50%;
         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;
         border-radius: 50%;
    }
     .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: #185E81 !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: 15px;
    }
     .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: 110px;
    }
     .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: #185E81;
    }
     .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;
         margin: 0;
         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;
    }
     #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----------------*/
    .annotaionWrap{
        margin-top: 20px;
    }
    .annotaionWrap .btn{
        color: #36393b;
        font-family: 'op2-jbl', sans-serif !important;
    }
    .annotaionWrap .note::before{
        content: "\e61d";
        color: #808283;
        margin-right: 5px;
    } 
     .anno-feeds-filters {
         margin-top: 5px;
         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: -1px !important;
         -webkit-overflow-scrolling: touch;
    }
     #open-type-filter .OPDropdown-menuContainer {
         width: 158px;
    }
     .OPDropdown-select {
         padding: 9px 0 9px 2px;
         color: #185E81;
         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: #185E81;
    }
     .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: #185E81;
         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: 134px !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: #185E81;
         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: #185E81;
         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: 20px;
    }
     .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;
    }
     .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: #185E81;
         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: 0;
         top: 0px;
         bottom:0;
         /* position: absolute;
         right: 9px;
         top: 0;
         bottom: 0; */
         margin: auto;
    }
     #quiz-body .customToc li,#quiz-body .customToc li a span,#enrichments-body .customToc li a span,#enrichments-body .customToc li{
         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: #185E81;
    }
     .feeds-accordion-all {
         padding: 10px 5px;
         cursor: pointer;
         color: #185E81;
    }
     .feeds-accordion-all.active {
         color: #757575;
         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;
         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;
        width: 20px!important;
        /* height: 7px; */
        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: #185E81;
         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;
    }
     .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 #185E81;
         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: 46px;
    }
     .reflow-pagenav-add .reflowPageList{
         bottom:0;
    }
     .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;
    }
    .feeds-accordion-all.active:hover
    {
        color: #757575;
    }
     .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;
    }
     #printBtn{
         display: none;
    }
    /*----old feeds css end here-----*/
    /*pre_print_view popup css start*/
     .pre-print-view-popup{
         display: block;
    }
     .pre-print-view-popup .customDialog{
         width:340px;
    }
     .validation-msg{
         display: block;
         color: #FF0000;
         font-size: 11px;
    }
     .labelPageRange{
         display: block;
         font-size: 11px;
         color: #757575;
         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: #585b5e;
         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 css end*/
    /*-------------------Product on tabs css start ----------------------------------*/
    .device-tabbing-none .annotaionWrap{
        display: none;
    }
     .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;
    }
    
    .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;
    }
    */
        .device-tabbing-none .opr-pa-chapter-listing .checkbox-custom + .checkbox-custom-label:after{
            display:none;
        }
        .device-tabbing-none .opr-pa-chapter-listing{
            border:none;
        }
        .device-tabbing-none .opr-pa-chapter-listing li label{
            padding-left:10px;
        }
        .device-tabbing-none .opr-pa-chapter-listing .checkbox-custom + .checkbox-custom-label:before{
            margin-right:10px;
        }
        .device-tabbing-none .opr-pa-modal .opr-pa-modal-body{
            padding-left:0px;
            padding-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 .atismartprepvideo.video-content{
         height: 265px;
    }
    /*-------------------Product on tabs css end ----------------------------------*/
    /*-------US 179S----------*/
     .backToResultBar{
         position: relative;
         padding: 0px 10px;
         background-color: #DFF4FF;
         left: 0;
         right: 0;
    }
     .backto{
         color: #185E81;
         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: #6F7272;
         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: 1041;
         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: #696969;
         font-size: 16px;
         font-weight: normal;
         padding: 10px 0px 0;
         line-height: normal;
         margin: 0;
    }
     .howToRetag{
         cursor:pointer;
        color:#185E81;
    }
     .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: relative;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         padding-right: 12px;
         max-height: 400px;
    }
     .ui-overlay-retag {
         position: fixed;
         z-index: 1026;
         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;
    }
     .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: #185E81;
        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;
    }
     .who-shared span{
        vertical-align: middle;
         display: inline-block;
    }
    /*.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] {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
     height: 3px;
     display: inline-block;
     cursor: pointer;
}
 .edge .opr-tts-audio-progress-bar input[type=range] {
     height: auto;
     margin: 0px 15px;
     background:transparent;
}
 .opr-tts-audio-progress-bar input[type=range]:focus {
     outline: none ;
}
 .opr-tts-audio-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 {
     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::-webkit-slider-thumb{
    outline: #000 auto 1px;
    outline-offset: 5px;
 }

 .opr-tts-audio-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 {
     border: none;
     cursor: pointer;
     border-radius: 50%;
     height: 10px;
     width: 10px;
     background: #fff;
}
 .opr-tts-audio-progress-bar input[type=range]:focus::-moz-range-thumb{
    outline: #000 auto 1px;
    outline-offset: 5px;
 }
/*hide the outline behind the border*/
 .opr-tts-audio-progress-bar input[type=range]:-moz-focusring{
     outline: 1px solid white;
     outline-offset: -1px;
}
 .opr-tts-audio-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 {
     outline: none;
     background: #44b0e6;
}
 .opr-tts-audio-progress-bar input[type=range]::-ms-fill-upper {
     outline: none;
     background: #b5b5b6;
}
 .opr-tts-audio-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 {
     background: #185E81;
}
 .opr-tts-audio-progress-bar input[type=range]:focus::-ms-fill-upper {
     background: #b5b5b6;
}
 .opr-tts-audio-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{
     content: "\e919";
     color: #716F6F;
}
 .opr-audio-textspeech.active:before{
     color: #185E81;
}
 .opr-audio-textspeech:hover:before{
     color: #185E81;
}
 .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.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;
}
/*----------------- 1067 Mobile support - 1067C_Open In App Feature- Start -------------*/
/* .navbar-inner .print-view
{
 display: none;
} */
.opr-openapp,
.navbar-inner .opr-audio-textspeech
{
    display:none;
}

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

.opr-applogo {
    width: 64%;
    float: left;
}
.opr-language-es-US .opr-applogo,
.opr-language-es-US .opr-btn-app{
    width:auto;
}
.opr-app-heading-wrapper{
    margin-bottom: 15px;
}
.opr-sidebar-close,.opr-sidebar-close:hover {
    position: absolute;
    right: 10px;
    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 10px 10px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}
.device-tabbing-none .opr-openapp
{
    display:block;
}
.opr-fullscreen .navbar {
    top: -90px;
}

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

.opr-fullscreen .page-leftbar {
    left: -150px;
}
.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 .reflowLayoutContentArea {
    left: 90px;
    right: 20px;
}
.device-tabbing-none .viewer-titlebar,.device-tabbing-none .reflowPageList {
    left: 90px;
    right: 20px;
}
.opr-fullscreen.device-tabbing-none .reflowLayoutContentArea {
    left: 20px;
    right: 20px;
}
/* .device-tabbing-none li.opr-fulscrnBtn
{
    display:none;
} */
.device-tabbing-none #feed-tab-content.tab-content
{
    position:relative;
    top:0;
}
.device-tabbing-none .opr-fulscrnBtn
{
    display:none;
}

/*** CSS For User Story 302D Starts Here***/
.mini-full-screen ul li.opr-psp-btn{
    margin-right:6px;
    display:none;
    position:relative;
}
.opr-psp-btn a.save-btn.float-l.btn-personalized {
    padding-right: 10px;
}
.mini-full-screen ul li.opr-psp-btn a{
    background-color:#185E81;
    padding:6px 10px;
    /*line-height:normal;*/
    font-size:11px;
    display:inline-block;
    color:#fff;
    border:solid 1px #185E81;
    line-height:14px;
    padding-left:28px;
}
.mini-full-screen ul li.opr-psp-btn.opr-view-result a{
    background-color:#fff;
    border:solid 1px #185E81;
    color:#185E81;
    
    position:relative;

}
.mini-full-screen ul li.opr-psp-btn a:before {
    content: "\e945";
    position:absolute;
    font-size: 17px;
    left: 10px;
    top: 6px;

}
.mini-full-screen ul li.opr-psp-btn.opr-view-result a:before{
    content: "\e940";
    top: 5px;
    font-size: 15px;
}
.opr-pa-modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    user-select:none;
    -webkit-user-select: none;
}
.gpaLoader .opr-pa-modal-content:before{
    content: "Generating Personal Assessment..";
    position: absolute;
    background-image: url(../images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center 9px;
    height: 50px;
    top: 50%;
    left: 0;
    bottom: 0;
    right: 0;
    margin: -16px auto 0 auto;
    width: 50px;
    vertical-align: middle;
    background-color: rgba(255,255,255,1);
    border-radius: 5px;
    /*text-align: center;
    z-index: 99;*/
    white-space: nowrap;
    z-index: 99999;
    text-align: center;
    color: #fff;
    /* border: solid 1px #ccc; */
}

.opr-pa-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.opr-pa-modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  position:relative;
  max-width:600px;
  width: 100%;
  margin: 30px auto;
}
.opr-pa-modal-body{
    max-height:380px;
    padding: 15px;
    overflow-y:auto;
    position: relative;
}
.opr-pa-modal-content{
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    overflow:hidden;
}
.opr-pa-modal-header{
    padding:10px 15px;
    background:#f7f7f7;
}
.opr-pa-chapter-heading{
    font-family:open_sansregular, sans-serif;
    font-size:15px;
}
.opr-pa-chapter-listing {
    border:solid 1px #e4e4e4;
    margin:0px;
    padding:0px;
    float:left;
    width:100%;
}
.opr-pa-chapter-listing li{
    border-bottom:solid 1px #e4e4e4;
    list-style:none;
    float:left;
    width:100%;
    
}
.opr-pa-chapter-listing li > div{
    float:left;
    padding:5px 10px;
}
.opr-pa-chapter-listing li label{
    
    font-family: open_sansregular, sans-serif;
    font-weight: normal;
    padding: 12px 8px;
    width:100%;
    margin: 0;
    user-select:none;
}

.opr-pa-chapter-listing .checkbox-custom + .checkbox-custom-label:focus:before{
    outline:solid 1px #3AA5DA;
}
.opr-pa-chapter-listing .checkbox-custom + .checkbox-custom-label:before{
    margin-right:24px;
}
.opr-pa-chapter-listing .checkbox-custom + .checkbox-custom-label:after{
    width:1px;
    background:#e4e4e4;
    height:100%;
    left:30px;
    position:absolute;
    content:"";
    top: 0;
}
.opr-pa-chapter-listing li .opr-pa-chapter-selection input{
    margin:11px 0 0 0;
}
.opr-pa-chapter-listing li:last-child{
    border-bottom:0;
}
.opr-pa-modal-footer{
    float:left;
    padding:15px 0px 20px 0px;
    width:100%;
    text-align:center;
}
.opr-pa-modal-footer button:first-child{
    margin-right:10px;
}

/*** CSS For User Story 302D Ends Here***/
.device-tabbing-none .opr-fullscreen .reflowLayoutContentArea {
    left: 20px;
    right: 20px;
}
.opr-fr-content-list .op-ellipsis.toggle 
{
    overflow:visible
}
.opw-personal-assessment label#opw_backtoresult {
    font-weight: normal;
    font-size: 13px;
    cursor: pointer;
    margin: 0;
}
.opw-personal-assessment.opw-reviewscreen .quiz-header .opw-secondary-header {
    padding: 10px 20px 0 20px;
    height: 40px;
    border-bottom: 1px solid #ccc;
}

/* FB_307 CSS start */
#enrichments-header{
    padding-top: 0px;
}
#enrichments-header .feeds-filters-box .feed-select{
    width: 100%;
    display: inline;
}
#enrichments-header .feeds-filters-box .feed-select:first-child{
    margin-right: 7px;
}
.sidebar #enrichments-body{
    top: 95px;
}
.opr-enrichment-tab-active.accordion-all{
    top: 139px;
    z-index: 1;
}
#enrichment-type-filter .OPDropdown-menuContainer{
    left: -1px;
    width: 187px;
}
#enrichments-body a.collaspe, #enrichments-body a.expend{
    z-index: 0;
}
.OPDropdown-nesting-0{
    background-color: #fff;
}
/* FB_307 CSS end */
@media screen and (max-width: 1024px)
{
.device-tabbing-none ul li span.bookmark-view:before{
        content: "\e605";
}
.switch-labels input:focus + .switch-light
{
    box-shadow:none;
}
}
.device-tabbing-none.opr-fullscreen .reflowLayoutContentArea
    {
        left:20px;
        bottom:0
    }

@media only screen and (max-device-width: 992px) and (orientation: portrait)
{
    .device-tabbing-none ul.opr-psp-ipadicon {
    position: absolute;
    top: -40px;
    right: 0;
    }
    .book-title{
        top:7px;
    }
    .device-tabbing-none .mini-full-screen {
    top: 3px;
    right: 15px;
    }
    .device-tabbing-none ul.opr-psp-seperatepsp {
    float: none;
    margin: 0 auto;
    display: table;
    }
    
    .device-tabbing-none .reflowLayoutContentArea
    {
        top:80px;
    }
    .device-tabbing-none.opr-fullscreen .reflowLayoutContentArea
    {
        top:50px;
    }
    .device-tabbing-none .mini-full-screen ul li.opr-psp-btn{
        margin-top:3px;
    }
    
}
@media only screen and (max-device-width: 992px) and (orientation: landscape)
{
    .device-tabbing-none .mini-full-screen {
    top: 4px;
    }
    .device-tabbing-none .reflowLayoutContentArea {
    top: 50px;
    }
}
/* .device-tabbing-none  .reflowLayoutContentArea
{
    top:100px; /* this need to port whenever merging
} */

    .device-tabbing-none .mini-full-screen ul li.opr-psp-btn{
        margin-top:6px;
    }

@media screen and (max-width: 991px)
{
/* Responsive CSS for 302D */
.opr-psp-ipadicon {
    display: none;
}
.navbar-toggle
{
    display:block
}
.device-tabbing-none .page-wrap
{
    padding-top:0px;
}
.mini-full-screen ul li.opr-psp-btn.opr-view-result a:before {
    top: 6px;
    display:none;
}

    .device-tabbing-none ul.opr-psp-seperatepsp.opr-single-btn
    {   display:inline-block;
    }
    .device-tabbing-none ul.opr-psp-seperatepsp.opr-single-btn li.opr-psp-btn{
        margin-right:0px;
    }
    .device-tabbing-none ul.opr-psp-seperatepsp.opr-single-btn li.opr-psp-btn a.save-btn.float-l.btn-personalized
    {   padding-left:10px;
        padding-right:10px;
    }
    .device-tabbing-none ul.opr-psp-seperatepsp li:last-child{
        margin-right:0px;
    }
.book-title {
         top: 14px;
    }
.opr-psp-btn a.save-btn.float-l.btn-personalized {
    padding: 6px 5px;
    font-size:10px;
}

.opr-psp-btn.opr-view-result a.save-btn.float-l.btn-personalized {
    padding: 6px;
    
}

.device-tabbing-none .reflowLayoutContentArea{
    top:45px;
}
.opr-pa-modal-footer{
    width:100%;
    background:#fff;
    bottom:0;
}
.opr-pa-modal-content{
    border:0px;
    overflow:visible;
}

.tab-content .orphan-icon::after {left: 2px;}
.device-tabbing-none .context-menu-popup-head,.device-tabbing-none .context-menu-popup-content
{
    padding:10px;
}
.device-tabbing-none #feed-tab-content.tab-content
{
    position:relative;
    top:0;
}
.opr-applogo span {
    font-size: 10px;
    color: #004B91;
    margin-left: 0;
    font-weight: 600;
}
.tab-content .orphan-icon::after {left: 2px;}
.device-tabbing-none.opr-fullscreen .reflowLayoutContentArea
    {
        bottom:0;
        left:0;
        right: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  .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 {
    display: none!important;
}
.device-tabbing-none .print-view{
    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-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;
}

.orphan-icon::after {
         height: 15px;
         width: 15px;
         font-size: 12px;
    }

.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;
}

.feed-shared-content
{
    border:none;
}
.sidebar {
    top: 45px;
}
.viewer-titlebar {
    left: 15px;
    right:15px;
    /* position:relative; */
    padding:20px 0px;
}
.reflowPageList {
    left: 15px;
    right:15px
}
.opr-tab-heading-wrapper{
    display:block;
}

.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-hide-group-filter .feed-select
{
    width:100%;
}
.opr-mobile-menu span.icon-bar {
    background: #185E81;
}
.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: #185E81;
}
.navbar-inner .bookmark-view:before {
    font-size: 23px;
    color: #185E81;
}
.opr-mobilehide{
    display:none;
}
.navbar .mini-full-screen {
    display: block;
}
ul.nav .onscreenText {
    display: none;
}
.navbar .navbar-toggle {
    margin: 0;
}
.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: #185E81;
    margin:0;
}
.navbar-inner .print-view:before{
    content: "\e634";
    font-size: 24px;
    font-family: 'op2-jbl', sans-serif !important;
    color: #185E81;
}
#below-navbar{
    top:45px;
    overflow:visible
}
.left-container-top .item-title {
    display: none;
}
.left-container-top ul li a{
    height:58px;
    line-height: 40px;
}
/* below section need to port while merging*/
.mini-full-screen .file-upload, .mini-full-screen .file-upload {
    display:none;
}
ul li span.bookmark-view:before{
        content: "\e605";
}

.mini-full-screen ul li.opr-psp-btn a{
    font-size:11px;
    display:block;
    width:100%;
}
.mini-full-screen  ul{
    float:none;
    margin:0 auto;

}
.mini-full-screen  ul li{
    display:none;
    float:none;
}
.mini-full-screen  ul li.opr-psp-btn{
    display:inline-block;
    flex:1;
}
/* above section need to port while merging*/

.navbar-inner .screen-view.bookmark-view {
    padding: 10px;
    display: block;
    text-align: center;
    cursor:pointer;
}
.navbar-inner .opr-audio-textspeech{
    display: block; 
}
.navbar-static-top .navbar-inner .nav li span{
    box-shadow: 1px 0px 1px rgb(0 0 0 / 10%);
}
.navbar-static-top .navbar-inner .nav li a span{
    box-shadow: none;
}
.navbar-inner .screen-view.bookmark-view:hover{
    background:#f7f7f7;
}
.page-leftbar{
    width:45px;
    left: -100%;
}
.page-leftbar.opr-mobileleftbar {
    left: 0;
    top: -45px;
    z-index: 1000;
}
.navbar-inner .container {
    padding-left: 0;
}
.reflowLayoutContentArea,
.fixedLayoutContentArea{
    left:75px;
}

.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 ul.highlight-color{
    min-width: 50px;
    max-width: 50px;
}
.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{
    top:0;
} */
#below-navbar.st-menu-open .st-menu {
    transition: top .2s;
}
.slider-nav {
    right: 5px;
}
.st-menu
{
    left:45px;
}

.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
{
        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%;
}
#chapter-topic-filter, #enrichment-type-filter{
    width: 100% !important;
    margin-bottom: 15px;
}
.sidebar #enrichments-body{
    top: 160px;
}
.device-tabbing-none .opr-enrichment-tab-active.accordion-all{
    top: 205px;
    right: 20px;
}
#readium-enrichments .tab-pane-title{
    position: absolute;
}
#enrichment-type-filter .OPDropdown-menuContainer{
    left: 0px;
    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%;
}
.device-tabbing-none .retag-header-dropdown .feed-select {
width: 100%;
}
.device-tabbing-none #retagPopup .OPDropdown {
min-width: 100%;
margin: 0!important;
}

.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%);
}
.landscapepopup #jumpAlert.customDialog{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.opr-fullscreen .fixedLayoutContentArea
{
    bottom:0;
}
.opr-tocpsp-list{
    top:0;
}
.opr-psp-title{
    display:none;
}
.mini-full-screen ul li.opr-psp-btn a:before{
    display:none;
}
}

@media screen and (max-device-width: 767px)
{
    .device-tabbing-none .opr-pa-modal-dialog{
    height:100%;
    background:#fff;
    margin:0px;
    }
    .toast {
    left: 15px;
    background: rgba(50, 50, 50, 0.898039215686275);
    bottom: 16%;
    right:15px;
    border-radius:0;
    }
    .device-tabbing-none .customDialog{
    width:90%;
    }   
    #annotationView.annotationView.modal,#annotationView.annotationView.modal.hyperlink, #annotationView.annotationView.modal.weblink, #annotationView.annotationView.modal.hyperlink.new, #annotationView.annotationView.modal.voice, #annotationView.annotationView.modal.file
    {
        width: 90%;
    }
    #about-us-popup, .context-menu-popup{
    width: 90%;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%,-50%);
    }

    .device-tabbing-none  .opr-pa-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
    }
    .opr-pa-modal:before{
    display:none;
    }
    .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)
    }
}
@media screen and (max-device-width: 600px)
{
    .device-tabbing-none .mini-full-screen {
    width: 100%;
    }
    .device-tabbing-none .reflowLayoutContentArea {
    top: 90px;
    }
    .viewer-settings-modal.modal.fade.in
    {
        left:0!important
    }
    .device-tabbing-none .mini-full-screen{
    position: relative;
    top: 27px;
    text-align: center;
    left:0;
    right:0;
    padding-left:15px;
    padding-right:15px;
    }
    .toast
    {
        left:15px;
        right:15px;
    }
}
@media screen and (max-device-width: 490px)
{
.sidebar .nav-tabs > li {
    margin-right: 3px;
}
.sidebar .nav-tabs {
  width: 400px;
}
}
@media screen and (max-device-width: 400px)
{
.book-title.breadcrumbs {
    width: 150px;
}
.opr-psp-btn a.save-btn.float-l.btn-personalized {
    font-size:9px;
}

.mini-full-screen ul li.opr-psp-btn.opr-view-result a{
    padding-left:17px;
}
.mini-full-screen ul li.opr-psp-btn.opr-view-result a:before{
    font-size: 12px;
    left: 3px;
}
/*CSS changes to loader - feeds performance improvements*/

}
/* user story 302F Start*/
.opr-fr-content-list {
     font-family: open_sansBold, sans-serif;
    color: #5B5A59;
}

.opr-pa-study-plan{
    padding-left:10px;
}
.opr-fr-content-list > li {
    background: #fafafa;
    padding: 0;
    padding-right: 0;
    position: relative;
    margin-top: 1px;
    min-height: 32px;
    margin-left: 0px;
    display: block;
    color: #5B5A59;
    font-size: 14px;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    font-family: open_sanssemibold, sans-serif;
    
}
.opr-fr-content-list  li{
    border-bottom: 0px solid #f1f1f1;
}
.opr-fr-content-list .collapsible-panel  li:last-child{
    border-bottom: 0px solid #f1f1f1;
    padding-bottom:0px;
    margin-bottom:0px;
}
.opr-fr-content-list li a{
    padding-left:32px;
    color: #2C2B2B;
    overflow:hidden;
    text-overflow:ellipsis;
    width:90%;
    white-space:nowrap;
    display:block;
}
.opr-fr-content-list li a.toggle{
    padding-left:15px;
}
.opr-fr-content-list > li > a:first-child {
    color: #5B5A59;
    padding: 10px 60px 10px 10px;
    display:block;
}
.opr-fr-content-list > li > a:first-child span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:100%;
    
}
.tab-pane-contant-remediation{
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 57px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
}
.opr-titleInfo {
    position: absolute;
    right: 71px;
    top: 30px;
    z-index: 1500;
    width: 24px;
    height: 24px;
    text-align: center;
}
.opr-titleInfo:before {
    content: "\e600";
    font-size: 20px;
    color: #e8736b;
    display:none;
}
.opr-fr-content-list li a.toggle {
    position: absolute;
    right: 14px;
    top: 0px;
    width: 24px;
    text-align: center;
    padding-top:11px;
    padding-right: 28px;
}
#frContentList .collapsible-panel {
    padding: 2px 20px 16px 10px;
}
#frContentList .collapsible-panel > ul{
    padding-left:10px;
}
#frContentList .collapsible-panel > ul  ul{
    padding-left:10px;
}
.collapsible-panel {
    background-color: #fff;
    padding: 16px 39px;
/*    -webkit-transition: all 2s linear;*/
    display: none;
}
#frContentList .collapsible-panel ul {
    margin-top: 16px;
}
.collapsible-panel ul li {
    margin-bottom: 10px;
    border-bottom: solid 1px #f1f1f1;
    padding-bottom: 9px;
}
.opr-fr-content-list .opr-remedy-index {
    position: absolute;
}
.opr-remedy-index {
    border: solid 1px #969696;
    color: #6b605e;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    line-height: 19px;
    text-align: center;
    font-size: 10px;
    margin-right: 7px;
    margin-top: -1px;
}
.collapsible-panel a.sectionTitle {
    padding-left: 30px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
.collapsible-panel a {
    font-size: 12px;
    color: #5B5A59;
    font-family: open_sansregular, sans-serif;
}
.opr-content-alt {
    border: solid 1px #f1f1f1;
    margin-top: 22px;
}
.opr-content-alt-header {
    background: #F2F2F2;
    padding: 6px 12px;
    font-size: 12px;
    color: #5B5A59;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.opr-content-alt-content {
    padding: 11px;
}
.opr-content-alt-content a {
    color: #81B9C7;
    line-height: 20px;
    display: block;
    word-break: break-word;
}
.collapsible-panel a {
    font-size: 12px;
     font-family: open_sansregular, sans-serif;
}


.launch-psp-content{ position:relative;}
.launch-psp-content:before{ content: "\e943"; color: #3AA5DA; font-size:20px;}
/* Story 302J*/
#viewer-test-results {
    top: 0;
    background-color: #373534;
}

#viewer-test-results .modal-content {
    background: transparent;
    border: none;
    box-shadow: none;
    height: 100%;
}

#viewer-test-results .modal-title {
    color: #707070;
    font-size: 30px;
    margin-bottom: 8px;
    line-height: 20px
}

#viewer-test-results .modal-header {
    border-bottom: none;
    padding: 0 15px
}

#viewer-test-results .close:before {
    color: #707070;
    font-size: 25px;
}

#viewer-test-results .modal-dialog{
    height:100%;
    max-height:90%
}
#viewer-test-results .modal-body{
    height: 100%;
}

#viewer-test-results iframe {
    height: 100%;
    width: 100%;
    border: none;
    background-color: #fff
}
.op-focus .opr-pa-modal-body .opr-pa-chapter-listing .checkbox-custom:focus +.checkbox-custom-label:focus
{
    outline: 5px auto -webkit-focus-ring-color!important;
    outline-offset: -2px!important;
    box-shadow: 0px 0px 1px 1px rgb(77,144,254) !important;
}
.annotation-menu ul li
{
  float:left;
}

/*  annotation bar revamp */
.annotation-menu.annotation_revamp {
    position: absolute;
    z-index: 9999;
    background: #000;
    border-radius: 5px;
     height: 40px;
    line-height: 10px;
    top:2em;
    left:2em;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.annotation-menu.annotation_revamp ul li.retag-annotation-btn
{
  min-width: 34px;
  max-width: 34px
}

.annotation-menu ul.highlight-color li a:after {
    content: '';
    height: 18px;
    width: 18px;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    left: 50%;
    margin-left: -9px;
    margin-top: -9px;
}
.annotation-menu ul li .op_highlightYellow:after 
{
    background: #fff2a8;
}
.annotation-menu ul li .op_highlightPink:after 
{
    background: #FFB7B7;
}
.annotation-menu ul li .op_highlightGreen:after 
{
    background: #CCFF99;
}
.annotation-menu ul li .op_highlightBlue:after 
{
    background: #A8D1FF!important;
    width: 18px!important;
}

.annotation-menu.annotation_revamp ul li a {
    min-width: 34px;
    max-width: 34px;
    padding:0;
    height: 40px;

}
.annotation-menu.annotation_revamp .op_highlightYellow,.annotation-menu.annotation_revamp .op_highlightPink,.annotation-menu.annotation_revamp .op_highlightGreen,.annotation-menu.annotation_revamp .op_highlightBlue
{
    background:transparent
}

.annotation-menu.annotation_revamp ul li a:before {
    margin: 0;
}
.annotation-menu.annotation_revamp ul.highlight-color 
{
    position:relative
}
.annotation-menu.annotation_revamp ul.highlight-color:after {
    content: '';
    position: absolute;
    border-right: 1px solid #6E6E6E;
    height: 29px;
    right: -5px;
    top: 5px;
}
.annotation-menu.annotation_revamp ul.highlight-color li:first-child a,.new_popover ul#merged-list li:first-child:hover {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

ul.highlight-color {
    margin-right: 8px;
 }
.annotation-menu.annotation_revamp ul li {
     float: left;
    vertical-align: middle;
}

.annotation-menu.annotation_revamp ul li:hover {
    background: transparent;
}
.annotation-menu.annotation_revamp ul li:hover a {
    background: #413f3f4d;
}

.annotation-menu.annotation_revamp ul li:hover a {
    background: #413f3f4d;
}
.highlight-color li:first-child a
{
    border-top-left-radius:5px;
}
.annotation_panel li:last-child a
{
    border-top-right-radius:5px;
}
.annotation-menu.annotation_revamp ul.highlight-color li a {
  min-width: 34px;
 height: 40px;
line-height: 40px;
position: relative;
}

.annotation-menu.annotation_revamp ul {
    float:left;
}
.annotation-menu ul li.retag-annotation-btn,.annotation-menu ul li.retag-annotation-btn:hover,.annotation-menu ul li.retag-annotation-btn:hover  a  {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.single_item .highlightColorList li {
    border: none!Important;
    height: 40px;
}
.annotation-menu.annotation_revamp .annotation_panel li:last-child
{
    margin:0
}

.annotation-menu ul.annotation_panel li a:after {
    background: transparent;
    width: 0;
 }
.annotation-menu.annotation_revamp ul.annotation_panel li a:before {
     margin: 1px -3px 0;
    font-size: 17px
}
ul.annotation_panel li a:before {
   position: absolute;
    left: 12px;
   top: 10px;
}   
span.annotation-left-arrow,span.annotation-right-arrow 
{
    position:relative
}

span.annotation-right-arrow
{
    float:right;
    margin-left:5px
}
span.annotation-left-arrow
{
    float:left;
    margin-right:5px
}
span.annotation-right-arrow a,span.annotation-left-arrow a
{
    height:40px;
    width:30px;
    display:inline-block
}
span.annotation-right-arrow:before {
    position: absolute;
   content: '';
    left: -3px;
    border-left: 1px solid #6E6E6E;
    height: 29px;
    top: 5px;
}
span.annotation-left-arrow:before {
    position: absolute;
    content: '';
    right: -3px;
   border-right: 1px solid #6E6E6E;
   height: 29px;
    top: 5px;
}
span.annotation-left-arrow a:before {
    position: absolute;
    width: 0;
    content: '';
   border: 6px solid transparent;
    border-right: 10px solid #fff;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -6px;
}
span.annotation-right-arrow a:before {
    position: absolute;
    width: 0;
    content: '';
    border: 6px solid transparent;
    border-left: 10px solid #fff;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -6px;
}
.single_item.popover ul#merged-list li {
    min-width: auto;
    margin-right: 10px;
}

.single_item a.delHighlight {
    margin: 0 10px;
}
.single_item.popover ul#merged-list li[data-type="highlight"] .annotationText
{
    padding-right:0px;
}
#annotation-merged-menu.popover.single_item {
    background: #000000;
    width: 190px;
    border-radius: 5px;
    height: 40px;
    min-width: auto;
    border: none;

}
 .new_popover {
    background: #000000;
    width: 185px;
    border-radius: 5px;
    height: 40px;
}
#annotation-merged-menu.popover.single_item {
    background: #000;
    border-radius: 5px;
}
.single_item ul.highlightColorList:after {
    border: none;
}

.new_popover ul#merged-list li.highlight-remove-btn:hover {
    background: transparent;
}

.new_popover ul#merged-list li ul + ul li:last-child:hover {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

a.ic_Feed-Share {
    float: none;
    display: inline-block;
}
.new_popover ul li .annotationText ul {
    display: inline-block;
}

.ic_Feed-Share:before {
    color: #fff;
}
.new_popover ul + ul li {
    display: inline-block;
    text-shadow: 0 0 black;
    vertical-align: top;
}
.new_popover ul#merged-list li .annotationText span:hover a {
    background: #413f3f4d;
}

.new_popover  .highlightColorList li,.new_popover .highlightColorList li a
{
    width: 18px;
    height: 18px;
    min-height: 18px;
    border-radius: 50%;
}
.new_popover ul#merged-list .annotationText
{
    float:left;
    padding-right: 0;
      overflow: visible;
      width: auto!important;
    border: none;
    height:40px;

}
.new_popover a.delHighlight
{
    margin-left: 0px;
}
.new_popover .highlight-remove-btn:before {
    content: '';
}
.new_popover ul#merged-list li {
    min-width: 35px;
    margin: 0;
    text-align:center;
    float:left;
    height: 40px;
    border:0px;
}

.new_popover .highlightColorList li a {
    line-height: 40px;
    margin: 11px 0;
}
.new_popover ul#merged-list li:hover {
    background: #413f3f4d;
        border-radius: 0px;
}

.new_popover .highlightColorList li
{
    border:none!Important;
    margin-right: 13px;
}
#annotation-merged-menu.popover.single_item {
    overflow: visible;
}
.popover.single_item ul#merged-list li
{
    padding:0;
    min-width: 34px;
    text-align: center;
    margin: 0;
    height: 40px;
    line-height: 35px;
}

.popover.single_item ul#merged-list li[data-type="highlight"] .annotationText
{
    border-right:0px;
}
.popover.single_item ul#merged-list li[data-type="highlight"] .annotationText
{
        position: relative;
}
.popover.single_item ul#merged-list li[data-type="highlight"] .annotationText:after {
    border-right: 1px solid #6E6E6E;
    position: absolute;
    content: '';
    height: 29px;
    top: 5px;
    right: 0;
}
.popover.single_item a.delHighlight:before{
    padding: 2px !important;
}
.popover.single_item .highlight-remove-btn:before {
    margin-right: 12px;
}
.new_popover .highlightColorList
{
    float:left;
    margin-right: 10px;
    position:relative;
}
ul.highlightColorList:after {
    content: '';
    border-right: 1px solid #6E6E6E;
    position: absolute;
    right: -6px;
    height: 29px;
    top: 5px;
}

.new_popover a.delHighlight:before {
    border-radius: 50%;
    background: #fff;
    border: none;
    width: 17px;
    height: 17px
}
.highlightColorList.highlightColorListFeeds:after {
    border: none;
}

.new_popover a.delHighlight
{
        margin: 11px 0;
}
.new_popover ul + ul li a {
    line-height: 40px;
}

.new_popover span{
    position:relative
}
.new_popover .highlight-remove-btn:before {
    content: '';
    display: inherit;
}
.new_popover .annotationText span {
    border-left: 1px solid #fff;
}
.modal.new_popover {
    overflow: visible;
}

a.delHighlight:before {
    border-radius: 50%;
    background: #fff;
    border: none;
    font-size: 12px !important;
    padding: 2px !important;
}
.single_item ul#merged-list li .annotationText span {
    overflow:visible;
    line-height: 40px;
    text-align: center;

}
.annotation-menu.annotation_revamp ul.highlight-color li:first-child a
{
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.new_popover ul#merged-list li .annotationText span a {
    height: 40px;
    margin-top: 0;
    min-width: 35px;
    vertical-align: initial;
}

.new_popover ul#merged-list li .annotationText span:after {
     border-left: 1px solid #6E6E6E;
    content: '';
    left: -5px;
    height: 24px;
    top: 8px;
    z-index: 2;
    position: absolute;
}
.new_popover ul#merged-list li .annotationText span.share_info:after {
    border: none;
}
.popover.single_item .highlight-remove-btn:before {
    margin-right: 0;
    content: '';
    width: 0;
}
/* end annotation bar revamp */
/* help overlay*/

.tooltip-inner {
    max-width: 100%;
}

@media (min-width: 992px) {
    #viewer-test-results .modal-dialog {
        width: 970px;
    }
   
}

@media (min-width: 1200px) {
    #viewer-test-results .modal-dialog {
        width: 1170px;
    }
}

@media (min-width: 1230px) {
    #viewer-test-results .modal-dialog {
        width: 1200px;
    }
}
@media only screen and  (min-width: 992px) and (max-width: 1200px) {
    .chaptertitle {
       width: 45%;
    }
}
@media only screen and (max-width: 991px) {
    .chaptertitle {
       width: 30%;
    }
}
@media only screen and (max-device-width: 800px) and (orientation: portrait)
{
    #breadcrumb-audioIcon
        {
        display: block;
    }
    .device-tabbing-none .contentArea .pull-left.hyperlink-input-width {
    width: 100%;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape)
{
    /* #breadcrumb-audioIcon
    {
        display: none!important;
    } */
     /* .device-tabbing-none li.opr-fulscrnBtn {
    display: block;
}  */
}
@media (max-width: 800px) {
    #viewer-test-results .modal-dialog {
        width: 100%;
    }
    
}
@media (max-device-width: 767px)
{
   
.device-tabbing-none ul.opr-psp-seperatepsp {
    display:flex;
    }
    .highlightContextMenuHeader {
    background: url(../images/annotations_help_mobile.png) no-repeat;
}
    
.annotation-menu.annotation_revamp ul.annotation_panel li a:before {
    font-size: 18px
}
.annotation-menu ul.highlight-color li a:after {
    height: 20px;
    width: 20px;
}
.annotation-menu ul li .op_highlightBlue:after {
    width: 20px!important;
}


    }
@media only screen and (max-device-height:511px) and (orientation: portrait)
{
    .opr-pa-modal-body {
        max-height: 332px;
    }
    .OPW-welcome-screen-wrapper {
    height: 92vh;
    overflow-y: auto;
}
}
@media screen and (max-device-width: 320px)
{
    .mini-full-screen ul li.opr-psp-btn a.save-btn.float-l.btn-personalized {
        font-size:8px;
    }
    #retagPopup
    {
        top:0;
        margin:0 auto;
    }
    .annotation-menu.annotation_revamp ul.annotation_panel li a:before {
        font-size: 17px;
    }
    .annotation-menu ul li .op_highlightBlue:after {
    width: 18px!important;
}
    .annotation-menu.annotation_revamp ul li a {
        min-width: 35px;
        max-width: 35px;
    }
    .annotation-menu ul.highlight-color li a:after {
    height: 18px;
    width: 18px;
    }


}
.opdropdown-blocker{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.4 !important;
    z-index: 1;
}

/* .d-none{
    display: none ;
}
.print-view{
    display: none
} */
@media screen and (max-width: 991px) and (min-width: 320px){
    /* .d-none{
        display: block ;
    } */
    .annotation-popup-body{
        max-height: calc(100vh - 60px);
    overflow: auto;
    }
    .device-tabbing-none .annotation-popup-body{
        overflow: inherit;
       max-height: inherit;
    }
    .navbar-inner .print-view
{
 display: block;
}
.fullscreen-settings-icon.active {
    animation: movearrow 0.35s linear forwards;
    left: 45px;
}
@keyframes movearrow {
    0% {
        left: 0;
   }
    100%{
        left: 45px;
   }
}
}