@page {
    size: auto;
   /* auto is the initial value */
   /* this affects the margin in the printer settings */
    margin: 20mm 15mm 20mm 5mm;
}

::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    background: rgba(213, 213, 213, 1);
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(172, 171, 171, 1);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(172, 171, 171, 1);
}
/*div, input, textarea, button, a, a:before, a:after, a span, :before, :after{
    outline-width: 0;
}*/
input::-ms-clear, input::-ms-reveal {
    display:none;
}
* {
    margin: 0;
    padding: 0;
}
html {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

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

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

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


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

    .pageSlider-jumpTo {
        bottom: -8px;
   }
    
   /*---------------------------------------reflow page slider range css end ---------------------------------------*/
   .jump-to-page{
   position: absolute;
   bottom: 0;
   margin: auto;
   left: 0;
   right: 0;
   text-align: center;
   }
    .pagination-jumpto {
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   margin: 0 auto;
   display: inline-block;
   padding: 2px 10px;
   margin-bottom: 5px;
   border: 1px solid #d0cece;
   background-color: #fff;
   position: relative;
   }

    .ie11 .reflow-pagenav-add .pagination-jumpto, .edge .reflow-pagenav-add .pagination-jumpto{
        margin-top:0;
   }
    .pagination-jumpto span {
        display: inline-block;
        vertical-align: middle;
   }
    .pagination-jumpto input {
        width: 100px;
        margin: 0;
        text-align: center;
        border: none;
        line-height: normal;
        font-size: 14px;
   }
   /*---------------------------------------view blocker css start---------------------------------------*/
    .view-blocker {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        z-index: 600;
        display: none;
        background-color: #fff;
   }
    .view-blocker div {
        position: absolute;
        left: 50%;
        width: 400px;
        margin-left: -200px;
        top: 50%;
        margin-top: -9px;
        font-size: 14px;
        text-align: center;
   }
   /*---------------------------------------view blocker css end---------------------------------------*/
   /*---------------------------------------zoom component css start---------------------------------------*/
    .zoom-component {
        position: absolute;
        right: 43px;
        top: 50%;
        margin-top: -147px;
   }
    .zoom-flex {
        text-align: center;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100%;
        height: 100%;
   }
    .zoom-component ul {
        margin-left: 20px;
        list-style: none;
   }
    .zoom-component ul li {
        display: block;
        position: relative;
        margin: 5px 0;
   }
    .zoom-icons {
        width: 25px;
        height: 26px;
        cursor: pointer;
        text-align: center;
        display: block;
   }
    .hand-icon {
        cursor: pointer;
        background-color: rgba(219,219,219,0.5);
        text-align: center;
        border-radius: 4px;
        border: 1px solid #ddd;
        padding: 3px 3px 6px;
   }
    .hand-icon.active {
        background-color: rgba(219,219,219,1);
        box-shadow: 0 0 1px #bbbbbb inset;
   }
    .zoom-component ul li.zoom-bar {
        height: 130px;
   }
    .zoom-component ul li.zoom-bar input[type=range].vVertical {
        width: 130px;
        z-index: 0;
        position: absolute;
        top: 65px;
        left: -53px;
        padding: 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;
   }

    .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);
   }
    .topLevelWrapper {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: none;
   }
    .topLevelWrapper {
        cursor: url(../images/hand-icon.png), auto;
   }
   /*--cursor created from http://www.cursor.cc/?*/
    .ie11 .topLevelWrapper{
        cursor: url(images/cursor.cur), default;
   }
.edge .topLevelWrapper{
    cursor: url(images/cursor.cur), pointer;
}
.ie11 .opr-pen-cursor {
    cursor: url(images/pencil.cur), default;
}
.opr-pen-cursor{
    cursor: url(../images/pencil.png),auto;
}
.opr-eraser-cursor {
    cursor: url(../images/eraser.png), auto;
}
.ie11 .opr-eraser-cursor {
    cursor: url(images/eraser.cur), default;
}
   /*---------------------------------------zoom component css end---------------------------------------*/
   /*------------------------------annotation menu css start--------------------------*/
    .annotation-menu.modal {
        width: auto;
        height: auto;
        padding: 0;
        overflow: visible;
        -webkit-transition: opacity 0.3s linear;
        -moz-transition: opacity 0.3s linear;
        -ms-transition: opacity 0.3s linear;
        -o-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background: #262626;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        display: inline-block;
       /*border: 1px solid rgba(0, 0, 0, 0.3);
       */
        bottom: auto;
        right: auto;
   }
    #annotationView.annotationView.modal.weblink, #annotationView.annotationView.modal.hyperlink.new, #annotationView.annotationView.modal.voice, #annotationView.annotationView.modal.file {
        width: 390px;
   }
    #annotationView.annotationView.modal.hyperlink {
        width: 570px;
   }
    .annotation-menu.modal.in {
        opacity: 1;
   }
    .annotation-menu ul {
        width: auto;
        margin: 0px;
        padding: 0px;
   }
    .annotation-menu ul li{
        display: inline-block;
       /* min-width: 95px;
        max-width: 95px;
       */
   }
    .annotation-menu ul li a {
        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: 1060;
        width: 400px;
        padding: 0 8px 8px;
        margin: 0px;
        overflow: visible;
        -webkit-transition: opacity 0.3s linear;
        -moz-transition: opacity 0.3s linear;
        -ms-transition: opacity 0.3s linear;
        -o-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear;
        border: #e3e3e3 1px solid;
        background: #ebeaea;
       /* font-family: 'open_sansregular';
       */
        font-size: 12px;
        height: auto;
        bottom: auto;
        display: inline-block;
        text-indent: inherit !important;
   }
    .annotation-popup-edit label {
        color: #6e6e6e;
        font-size: 10px;
        text-transform: uppercase;
        margin-bottom: 0;
        font-weight: normal;
   }
    .annotationView input[type="text"], #weblink-popup input[type="text"], #hyperlink-popup input[type="text"], .annotationView select, #hyperlink-popup select {
        border: 1px solid #dedddd;
        margin-top: 5px;
        margin-bottom: 15px;
        font-size: 12px;
        color: #6b6b6b;
        height: 38px;
        width: 100%;
   }
    .annotationView input[type="text"]:last-child, #weblink-popup input[type="text"]:last-child, #hyperlink-popup input[type="text"]:last-child, .annotationView select:last-child, #hyperlink-popup select:last-child {
        margin-bottom: 0;
   }
    .annotationView select, #hyperlink-popup select {
        padding-right: 40px;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding-left: 5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url(../images/select-drop-arrow.png);
        background-position: right 0;
        background-repeat: no-repeat;
        text-indent: 0.01px;
        background-color: #FFF;
   }
    .annotationView select::-ms-expand, #hyperlink-popup select::-ms-expand, select::-ms-expand {
        display: none;
   }
    .annotationView select option, #hyperlink-popup select option {
        padding-left: 5px;
   }
    .annotationView input[type="text"]#label, .annotationView input[type="text"]#link {
        padding: 10px;
        box-sizing: border-box;
   }
    .thumbContainer {
       /*background-color: rgba(255, 255, 255, 0.5);
       */
        background-color: #fff;
        border: 1px solid #dedddd;
        cursor: pointer;
        display: block;
        min-height: 100px;
        padding: 21px 10px;
        position: relative;
        text-align: center;
        width: 100%;
   }
    .thumbContainer[disabled]:before,.hyperlink .thumbContainer[disabled]:before{
        content: '' !important;
        background: none !important;
   }
    .thumbContainer:before {
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 100%;
        bottom: 0;
        height: 75px;
        left: 0;
        margin: auto;
        right: 0;
        position: absolute;
        top: -13px;
        width: 75px;
        z-index: 1;
        text-align: center;
   }
    .thumbContainer img {
        height: 124px;
   }
    .weblink .thumbContainer {
        max-height: 170px;
   }
    #previewLoader {
        height: auto;
   }
   /*---hyperlink image thumb view css start--*/
    .hyperthumbtable{
        display: table;
        width: 100%;
        height: 190px;
        vertical-align: middle;
   }
    .hyperlink .thumbContainer {
        border-color: #acacac;
        padding: 0;
        display: table-cell;
        vertical-align: middle;
        max-width: 139px;
        min-width: 139px;
        max-height: 194px;
   }
    .hyperlink .thumbContainer img {
        opacity: 0.6;
        max-width: 100%;
        height: 192px;
   }
   /*---hyperlink image thumb view css start--*/
    .hyperlink.new .thumbContainer {
        display: none;
   }
    .hyperlink .thumbContainer:before {
        height: 75px;
        width: 75px;
        top:0;
   }
    .hyperlink .thumbContainer:after {
        background: rgba(275, 275, 275, 0.3);
        height: 100%;
        position: absolute;
        width: 100%;
   }
    .labelPreview, .bookChapterTitle, .bookTopicTitle {
        color: #6b6b6b;
        font-size: 14px;
        line-height: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
   }
    .labelPreview {
        font-size: 16px;
   }
    .weblink .labelPreview {
        font-size: 12px;
   }
    .bookChapterTitle {
        margin-top: 10px;
   }
    .bookTopicTitle {
        color: #43b0e6;
        cursor: pointer;
        display: block;
   }
    #annotationView.annotationView.modal {
        background-image: none;
        width: 610px;
        overflow: hidden;
        padding: 0 0px 8px;
   }
    .annotation-slider-container, .annotationslidercontainer {
        width: 200%;
   }
    .annotationInnerDiv {
        float: left;
        position: relative;
        width: 50%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
   }
   .annotation-popup-body{
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: calc(100vh - 3.5rem);
    width: 100%;
   }

    .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
   {
        color: #4b4b4b;
        font-size: 16px;
        font-weight: normal;
        padding: 10px 0px 0;
        line-height: normal;
        margin: 0;
   }
    .contentArea {
        background: #fff;
        border: 1px solid #dedddd;
        margin: 10px 20px 10px;
        padding: 15px;
        position: relative;
   }
    .hyperlink.new .pull-left {
        width: 100%;
   }
    .contentArea .pull-left {
        float: left;
        width: 66%;
   }
    .contentArea .pull-left.hyperlink-input-width{
        width:316px;
   }

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

}

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

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

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

   }
   /*--------------contents tab css start css end----------------*/
   /*--------------feeds css start----------------*/
    .anno-feeds-filters {
        margin-top: 21px;
        margin-bottom: 0px;
   }
    .feeds-filters-box {
        padding: 3px 5px 7px;
        background: #f1f1f1;
        border: 1px solid #e7e7e7;
   }
    .OPDropdown-label{
        /* text-transform: uppercase; */
        font-size: 10px;
        color: #6e6e6e;
        margin-bottom:3px;
   }
    .OPDropdown-label div{
        display:none;
   }
    .feed-select {
        width: 130px;
        /* 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: #6e6e6e;
        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 5px;
        background: #fff;
        cursor: pointer;
        font-size: 12px;
   }
    a.OPDropdown-title .optitle{
        max-width: 85px;
   }
    .OPDropdown-selectCount {
        color: #6e6e6e;
        margin: 3px 0 0 2px;
        line-height: 12px;
   }
    .OPDropdown-dropArrow {
        position: relative;
        border-left: 1px solid #e1e6e9;
        padding: 10px 12px;
        float: right;
        top: 6px;
   }
    .OPDropdown-dropArrow:before {
        border-top: 5px solid #7a7c7d;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        content: "";
        position: absolute;
        left: 8px;
        top: 8px;
   }
    .open .OPDropdown-dropArrow:before {
        border-bottom: 5px solid #7a7c7d;
        border-top: none;
   }
    .OPDropdown-menuContainer {
        position: absolute;
        z-index: 101;
        background: #fff;
        border:1px solid #d9d9d9;
        border-radius: 1px;
        width: 315px;
        margin-left: 1px;
        margin-top: -4px !important;
        -webkit-overflow-scrolling: touch;
   }
    #open-type-filter .OPDropdown-menuContainer {
        width: 158px;
   }
    .OPDropdown-select {
        padding: 9px 0 9px 2px;
        color: #056bb2;
        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-break: break-all;
        display: flex;
        align-items: center;
   }
    .OPDropdown-option a{
        color: #333;
   }
    .OPDropdown-option:before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50% !important;
        margin-top: -7px;
        border:1px solid #6e6e6e;
        width:14px;
        height: 14px;
        background-color: #fff;
   }
    .OPDropdown-option.OPDropdown-nesting-1{
        padding-left:50px;
   }
    .OPDropdown-option.OPDropdown-nesting-1:before {
        left: 30px;
   }
    .OPDropdown-option.OPDropdown-nesting-2{
        padding-left:75px;
   }
    .OPDropdown-option.OPDropdown-nesting-2:before {
        left: 55px;
   }
    .OPDropdown-option.OPDropdown-nesting-3{
        padding-left:100px;
   }
    .OPDropdown-option.OPDropdown-nesting-3:before {
        left: 80px;
   }
    .OPDropdown-option.OPDropdown-nesting-4{
        padding-left:125px;
   }
    .OPDropdown-option.OPDropdown-nesting-4:before {
        left: 105px;
   }
    .OPDropdown-option.OPDropdown-nesting-5{
        padding-left:150px;
   }
    .OPDropdown-option.OPDropdown-nesting-5:before {
        left: 125px;
   }
    .ie10 .OPDropdown-option:before {
        top: 5px;
   }
    .OPDropdown-nesting-0 {
       /*font-family: 'open_sanssemibold';
       */
        color: #333;
        cursor: pointer;
        background-color: #ececec;
   }
    #open-type-filter .OPDropdown-nesting-0, #open-group-filter .OPDropdown-nesting-0 {
        background-color: transparent;
   }
    .OPDropdown-option.selected:before {
        content: "\e663";
        font-size: 7px;
        padding: 2px;
        color: #12a2e8;
   }
    .ie10 .OPDropdown-option.selected:before{
        padding-top: 3px;
        padding-left:1px;
   }
    .op-dropdown .OPDropdown-option:before {
        display: none;
       /*content: "";
        position:inherit;
        left: auto;
        top: auto;
        margin-top:inherit;
        border:0px solid #6e6e6e;
        width:auto;
        height: auto;
        background-color: transparent;
       */
   }
    .op-dropdown .OPDropdown-option.selected:after {
        content: "\e663";
        position: absolute;
        left: auto;
        top: 50%;
        right: 10px;
        font-size: 8px;
        color: #3aa5da;
        margin-top:-4px;
   }
    .op-dropdown {
        padding: 0;
       /*width: 327px !important;
       */
        position: relative;
        margin-top: 6px;
   }
    .op-dropdown a.OPDropdown-title {
        height: 38px;
        line-height: 36px;
        padding-right: 40px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #626262;
   }
    .op-dropdown .OPDropdown-dropArrow {
        padding: 18px 19px;
        top: 1px;
        position: absolute;
        right: 0;
   }
    .op-dropdown .OPDropdown-dropArrow:before {
        left: 15px;
        top: 16px;
   }
    .op-dropdown .OPDropdown-menuContainer {
        position: absolute;
        z-index: 10;
        width: 315px;
        max-height: 180px;
        overflow: hidden;
        margin: 0 0 0 1px;
   }
    .op-dropdown .OPDropdown-menuContainer .OPDropdown-menu {
        max-height: 180px !important;
   }
    .op-dropdown .OPDropdown-menuContainer .OPDropdown-option {
        background: none;
        padding: 8px 35px 8px 8px;
   }
    .op-dropdown .OPDropdown-menuContainer .OPDropdown-nesting-2 {
        padding-left: 35px;
   }
    .op-dropdown .OPDropdown-menuContainer .OPDropdown-nesting-3 {
        padding-left: 45px;
   }
    .op-dropdown .OPDropdown-menuContainer .OPDropdown-nesting-4 {
        padding-left: 55px;
   }
    .op-dropdown .OPDropdown-menuContainer .OPDropdown-nesting-5 {
        padding-left: 65px;
   }
    .op-dropdown .OPDropdown-menuContainer .OPDropdown-option a{
        color: #333;
   }
    .op-dropdown .OPDropdown-nesting-0 {
        background-color: #ececec !important;
   }
    .op-dropdown .OPDropdown-menuContainer .OPDropdown-option.OPDropdown-nesting-1{
        padding-left:25px;
   }
    #booklist_op.op-dropdown .OPDropdown-menuContainer .OPDropdown-nesting-0{
        background: #FFF !important;
   }
    #open-group-filter .OPDropdown-menuContainer {
        left: -36px;
        width: 158px;
        z-index: 99999;
   }
    #feed-tab-content.tab-content {
        top: 190px;
   }
    .feed-showby-filter {
        float: right;
        color: #056bb2;
        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: #056bb2;
        color: #fff;
   }
    .feeds-title {
        display: inline-block;
        font-size: 16px;
        color: #3c3c3c;
        margin-top: 6px;
   }
    .share_but, .export_but {
        vertical-align: top;
        margin-top: 9px;
        margin-left: 9px;
        cursor: pointer;
        display: inline-block;
   }
    .export_but {
        margin-right: 7px;
   }
   /*feed by time css start*/
   /*.sidebar .tab-content {
        padding-right: 5px;
   }
   */
    #feeds-by-time ul li {
        margin: 0px 0 19px 0;
        border-bottom: 1px solid #ebebeb;
   }
    .contentwrapper {
        float: left;
        width: 100%;
   }
    .contentcolumn {
        margin-left: 44px;
   }
    .innertube {
        margin-left: 12px;
   }
    .fluid-cont-bothside {
        margin: 0 100px 0 45px;
   }
    .wrapper-icon {
        float: left;
        width: 34px;
        margin-left: -100%;
   }
    .feeds-cont-bothside {
        margin: 0 60px 0 40px;
   }
    .feeds-voice-icon {
        float: left;
        width: 34px;
        margin-left: -100%;
        margin-top: 10px;
   }
    .feeds-voice-duration {
        float: left;
        width: 65px;
        margin: 0;
        margin-left: -65px;
        text-align: right;
        margin-top: 24px;
   }
    .user-row .shared-info-group {
        float: left;
        width: 100px;
        margin: 12px 0 0 0;
        margin-left: -100px;
        text-align: right;
   }
    #feeds-by-time-list .opr-user-icon, #feeds-by-content-list .opr-user-icon, #feeds-by-time-list .opr-teacher-icon, #feeds-by-content-list .opr-teacher-icon {
        border-radius: 100%;
        border: 1px solid #e3e3e3;
        height: 42px;
        overflow: hidden;
        padding: 0;
        width: 42px;
        float: left;
        margin-left: -100%;
   }
    #feeds-by-time #feeds-by-time-list .shared-info {
        width: 100%;
        padding-top: 8px;
        padding-bottom: 0px;
        border-bottom: 1px solid #ebebeb;
        vertical-align: top;
   }
    #feeds-by-time-list .shared-info .who-shared.block {
        padding-bottom: 10px;
   }
    .shared-info .shared-timing {
        float: right;
   }
    .feeds-byTime-content {
        margin-left: 55px;
        width: auto;
        margin-top: 7px;
       /* margin-right: 6px;
       */
   }
    .feed-content-chap-li .feeds-byTime-content {
        border-bottom: 1px solid #ebebeb;
   }
    .feeds-chap-topic-container {
        padding: 7px 0 6px 0;
        background: #FFF;
        margin-left: 55px;
   }
    #feeds-by-content a.feeds-chap-topic-container {
        background: #e9e9e9;
        padding: 12px;
        padding-right: 40px;
        position: relative;
        margin-top: 1px;
        min-height: 32px;
        margin-left: 0px;
        display: block;
   }
    #feeds-by-content .feedItemContainer {
        padding: 10px 0px 1px 24px;
        border-left: 1px solid #dbdbdb;
        background-image: url(../images/feed-content-last-line.png);
        background-repeat: no-repeat;
        background-position: -1px 27px;
   }
    #feeds-by-content .feedItemContainer.feed-content-last-child{
        border-left: none;
        background-image: url(../images/feed-content-last-line-end.png);
        background-position: left top;
        background-repeat: no-repeat;
   }
    #feeds-by-content .feeds-chapter {
        font-size: 13px;
        color: #515051;
        font-family: "open_sanssemibold", sans-serif;
   }
    #feeds-by-content .feedItemContainer .feed-edit-jump {
        border-bottom: 1px solid #ebebeb;
   }
    #feeds-by-content .feedItemContainer.feed-content-last-child .feed-edit-jump{
        border-bottom: none;
   }
    .feeds-chapter {
        color: #626262;
        font-size: 12px;
   }
    .feeds-topic {
        height: 16px;
        font-style: normal;
        color: #6e6e6e;
   }
    .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;
   }
    .voiceDuration {
        display: inline-block;
        font-size: 11px;
        color: #3a3a3a;
   }
    .feed-edit-jump {
        float: none;
        padding-bottom: 20px;
        margin-left: 55px;
        margin-top: 7px;
   }
    #feeds-by-time .feed-edit-jump{
        border-bottom: 1px solid #ebebeb;
        margin-left: 0;
        padding-left:55px;
        margin-bottom: 19px;
   }
    .feed-edit-jump span.shared-timing {
        width: auto !important;
        margin: 4px 0 0 !important;
        float: right;
        cursor: auto !important;
        display: inline-block;
   }
    .shared-bookname {
        color: #626262;
        font-family: 'open_sansregular', sans-serif;
        text-transform: capitalize;
   }
    .title-name, .shared-link {
        color: #38a8e0;
        font-family: 'open_sanssemibold', sans-serif;
        font-size: 12px;
   }
    .annotation-popup-edit .shared-link {
        font-family: 'open_sansregular', sans-serif;
        word-break: break-all;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
   }
    .shared-link {
        cursor: pointer;
        word-break: break-all;
   }
    .disabled .shared-link, .disabled .bookTopicTitle {
        cursor: default;
   }
    .feed-content-chap-li {
        margin-bottom: 1px;
   }
    #feeds-by-content-list .feeds-chap-topic-container {
        background: #e9e9e9;
        padding: 12px;
        padding-right: 40px;
        position: relative;
        margin-top: 0px;
        min-height: 32px;
   }
    #feeds-by-content-list .feeds-chapter {
        font-size: 13px;
        color: #515051;
        font-family: "open_sanssemibold", sans-serif;
   }
    #feeds-by-content-list .feeds-topic {
        font-size: 11px;
        color: #606060;
   }
    .feed-accordin, .feed-accordin.expend {
        position: absolute;
        right: 0;
        top: 2px;
        padding: 20px;
        margin: 0;
   }
    .feeds-chap-topic-container .feed-accordin {
        padding-top: 19px;
        padding-bottom: 16px;
        padding-right: 15px;
        padding-left: 15px;
        position: absolute;
        right: 9px;
        top: 0;
        bottom: 0;
        margin: auto;
   }
    #quiz-body .customToc li,#quiz-body .customToc li a span{
        cursor:default;
   }
    a.collaspe:hover, a.expend:hover{
        cursor:pointer;
   }
    .feeds-chap-topic-container .feed-accordin:before {
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 5px 0 5px;
        border-color: #7a7c7d transparent transparent transparent;
        vertical-align: middle;
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
   }
    .feeds-chap-topic-container .feed-accordin.expand:before {
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 7px 5px;
        border-color: transparent transparent #7a7c7d transparent;
        vertical-align: middle;
        display: inline-block;
   }
    .ie10 .feeds-chap-topic-container .feed-accordin{
        padding-top:12px;
   }
    .feed-content-ul li {
        padding: 10px 0px 1px 24px;
        border-left: 1px solid #dbdbdb;
        background-image: url(../images/feed-content-last-line.png);
        background-repeat: no-repeat;
        background-position: -1px 27px;
   }
    .feed-content-ul li:last-child {
        border: none;
        background-image: url(../images/feed-content-last-line-end.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        padding-top: 9px;
   }
    .feed-content-ul li:last-child .feeds-byTime-content {
        border-bottom: none;
   }
    #feeds-by-content-list .shared-info {
        padding-top: 9px;
   }
    #feeds-by-content .shared-timing {
        display: none;
   }
    .feed-accordion {
        margin-top: -8px;
        position: relative;
        z-index: 100;
        text-align: right;
        padding: 7px 0 0;
        font-size: 11px;
        color: #056bb2;
   }
    .feeds-accordion-all {
        padding: 10px 5px;
        cursor: pointer;
   }
    .feeds-accordion-all.active {
        color: #cccccc;
        cursor: default;
   }
    .feeds-accordion-all:last-child{
        padding-right:0;
   }
   /*--------------feeds css end----------------*/
   /*-------------bulk share css start--------------*/
    .bulkSharePopup {
        /* -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none; */
        width: 100%;
        display: flex;
        height: 100vh;
        position: relative;
        align-items: center;
        justify-content: center;
        z-index: 1001;
   }
    .bulkSharePopup .modal-backdrop {
        background: rgba(0, 0, 0, 0.4);
   }
    .bulkshare-white-space {
        z-index: 1041;
        background-color: #fff;
        height: 80%;
        max-width: 800px;
        width: 80%;
        position: relative;
        padding: 20px;
   }
    .bulk-header-div {
        position: relative;
        margin-bottom:20px;
   }
   .table-responsive{
    overflow: auto;
    width: 100%;
   }
   .bst-responsive{
        height: calc(100% - 90px);
   }

    .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: relative;
        float: right;
        margin-bottom: 10px;
   }
   td, th{
    border-radius: 0;
   }
   .table > thead > tr > th{
        border-bottom: none;
   }
    .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;*/
        position: relative;
        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-header{
        background-color: #edf5fb;
   }
    .bulk-share-row-anno {
        background: #fff;
   }
    .bulk-share-content {
        width: 100%;
        margin: auto;
        text-align: center;
        display: flex;
   }
   .bulk-share-group-cell .bulk-share-content{
    flex-direction: column;
   }
    .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 {
        width: 100px;
        min-width: 100px;
        vertical-align: middle !important;
        padding: 5px 10px;
        border-right: 1px solid #e0e0e0;
   }
    .bulk-share-content .select-content {
        display: flex;
        justify-content: center;
        align-items: center;
   }
    .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: 300px;
        margin-left: 10px;
        word-wrap: break-word;
        display: flex;
        flex-direction: column;
   }
    .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: 100%;
   }
    .alternate {
        background: #fafafb !important;
   }
    .alternate .bulk-share-row-anno {
        background: #fafafb !important;
   }
    .bulk-share-content .anno-feeds-filters .OPDropdown, .bulk-share-content .feed-select {
        width: 160px !important;
   }
    .bulkshare-buttons {
        position: absolute;
        bottom: 10px;
        right: 15px;
   }
    .bulkshare-buttons .btn {
        padding: 3px 15px;
        margin-left: 10px;
   }
   /*-------------bulk share css end--------------*/
   /*-----------------------------------------SIDEBAR CSS END-----------------------------------------*/
   /*-----------full screen icon css start------------*/
    .fullscreen-settings-icon {
        padding: 6px 2px;
        width: 20px !important;
        position: absolute;
        top: 50px;
        cursor: pointer;
        background: #545454;
        -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
        border-radius: 0 2px 2px 0;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        text-align: center;
        height: auto !important;
        z-index: 100;
       left: 0;
   }
    .ie10 .fullscreen-settings-icon{
        padding-top:2px;
        padding-bottom: 3px;
   }
    .left-bar-fullscreen {
        top: 49px;
        border-top: 1px solid #e7e7e7;
left: -70px;
   }
   /*-----------full screen icon css start------------*/
   /*-----------bookmark flag css start------------*/
    .bookmark-icon {
        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 {
    width: 18px !important;
    position: absolute;
    top: 0px;
    height: 32px !important;
    cursor: pointer;
    line-height: normal;
    text-align: center;
    display: flex;
    align-items: center;
   }
   .bookmark-flag-ribbon{
    display: flex;
   }
    .bookmark-flag-right {
        right: 25px !important;
   }
    .bookmark-flag-left {
        left: 25px !important;
   }
    .bookmark-flag-ribbon:before {
        content: "\e932";
        font-family: 'OP2-fonts', sans-serif;
        color: rgb(229, 113, 0);
        font-size: 32px;
    }   

    .bookmark-transition {
        -webkit-transition: height 350ms ease-in-out;
        -moz-transition: height 350ms ease-in-out;
        transition: height 350ms ease-in-out;
   }
   .bookmark-flag.flagDisable{
        height: 18px !important;
   }
    .flagDisable .bookmark-flag-ribbon:before {
        content: "\e931";
        font-family: 'OP2-fonts', sans-serif;
        color: #4B4B4B;
        font-size: 18px;
    }  
   /*-----------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: #056bb2;
        font-family: 'open_sanssemibold', sans-serif;
        text-align: left;
        white-space: nowrap;
        margin-left: 3px;
        border:none;
        background-color:transparent;
   }
    span#addGroups[disabled] {
        display: none;
   }
   /* Print CSS Header start*/
    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
   }
    .clearfix:before, .clearfix:after {
        display: table;
        content: " ";
   }
    .clearfix:after {
        clear: both;
   }
    .print-reader-header {
        border: 1px solid #e4e4e4;
        padding: 20px;
   }
    .print-box {
        float: left;
        width: 100%;
   }
    .print-reader-header .cover-img-block {
        padding: 3px;
        border: 1px solid #e2e2e2;
        width: 64px;
        height: 76px;
        background-color: #fff;
        float: left;
        margin-left: -100%;
        position: relative;
        cursor: pointer;
   }
    .print-reader-header .cover-img-middle {
        display: table;
        width: 100%;
        height: 76px;
        vertical-align: middle;
   }
    .print-reader-header .cover-img-center {
        display: table-cell;
        vertical-align: middle;
        max-width: 56px;
        max-height: 74px;
        text-align: center;
   }
    .print-reader-header .cover-img-center img {
        max-width: 100%;
        max-height: 68px;
        position: relative;
        vertical-align: middle;
   }
    .print-reader-header .thumbnail-data {
        margin-left: 84px;
   }
    .print-reader-header .listnone {
        list-style: none;
        padding: 0 !important;
        margin: 0 !important;
        line-height: normal !important;
        height: auto !important;
   }
    .print-reader-header .print-book-title {
        font-size: 13px !important;
        color: #666666 !important;
   }
    .print-reader-header .print-book-isbn {
        font-size: 11px !important;
        color: #999999 !important;
        margin-top: 2px !important;
        margin-bottom: 5px !important;
        text-transform: uppercase !important;
   }
    .print-reader-header .print-book-chapter {
        font-size: 11px !important;
        color: #999999 !important;
   }
    .print-reader-header .print-book-topic {
        font-size: 11px !important;
        color: #999999 !important;
        font-family: 'open_sanssemibold', sans-serif !important;
   }
   /* Print CSS Header end*/
    .fixed-page-wrap {
        position: absolute;
        overflow: hidden;
   }
    .title-image-feeds-ui {
        padding: 0;
        border: 1px solid #e2e2e2;
        width: 43px;
        height: 59px;
        background-color: #fff;
        float: left;
        margin-left: -100%;
        position: relative;
        cursor: pointer;
   }
    .title-image-feeds-ui .cover-img-middle {
        display: table;
        width: 100%;
        height: 57px;
        vertical-align: middle;
        text-align: center;
   }
    .title-image-feeds-ui .cover-img-center {
        display: table-cell;
        vertical-align: middle;
        max-width: 41px;
        max-height: 57px;
   }
    .title-image-feeds-ui .cover-img-center img {
        max-width: 100%;
        max-height: 57px;
   }
    .hyperlink-content {
        float: left;
        width: 100%;
        text-align: left;
   }
    .hyperlink-book-detail {
        margin-left: 60px;
   }
    #topicLabel {
        margin-bottom: 0;
   }
    #annotationTemplateEdit .thumbContainer {
        cursor: default;
   }
    .st-pusher:after{
        right:-70px;
        z-index: 1;
   }
    .widgetDownload {
        display: inline-block;
        position: absolute;
        right: 60px;
        top: 0px;
        padding: 6px 0px 0px 0px !important;
        cursor: pointer;
        line-height: 34px;
   }
    .downloadSize {
        display: inline-block;
        vertical-align: middle;
        width: 80px;
        position: absolute;
        right: 85px;
        top: 15px;
        text-align: right;
   }
    .downLoadTimer, .downloadButton {
        position: relative;
        background-image: url(../images/assetLoader.png);
        background-position-x: 0;
        background-position-y: 0;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        border: 2px solid #37a6dd;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 0;
   }
    .downLoadTimer:before, .downloadButton:before {
        content: "";
        background-image: url("../images/assetDownloadIcon.png");
        background-position-x: 0;
        background-position-y: 0;
        background-repeat: no-repeat;
        top: 3px;
        left: 5px;
        width: 11px;
        height: 11px;
        display: inline-block;
        position: absolute;
        background-size: 14px;
   }
    .downloadCompleted {
        height: 24px;
        position: relative;
        width: 24px;
        display: inline-block;
        vertical-align: middle;
   }
    .reflow-pagenav-add .pagination-jumpto{
        display:inline-block;
   }
    .reflow-pagenav-add .reflowLayoutContentArea{
        bottom: 37px;
   }
    .reflow-pagenav-add .reflowPageList{
        bottom:35px;
   }
    .reflow-pagenav-add .pagination-jumpto .pagination-info-icon{
        display:none;
   }
   /* File Uploading */
    .file-upload{
        display: none;
   }
    .uploader {
        background: url('../images/file-uploader.png') no-repeat center;
        height: 20px;
        width: 20px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        -webkit-animation: uploader 3s infinite linear;
       /* Chrome, Safari, Opera */
        animation: uploader 3s infinite linear;
   }
    ::-ms-clear {
        display: none;
        width : 0;
        height: 0;
   }
   /*----old feeds css start here-----*/
    .old-feeds #feeds-by-time ul li{
        margin: 0px 0 19px 0;
        border-bottom: 1px solid #ebebeb;
   }
    .old-feeds .feeds-chap-topic-container{
        margin-left:0;
        padding: 7px 0 6px 0;
   }
    .old-feeds .shared-content {
        margin: 5px 0 15px 0;
   }
    .old-feeds #feeds-by-time .feed-edit-jump{
        border-bottom: none;
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 0;
        margin-top: 0px;
        float: none;
        padding-bottom: 20px;
   }
    .old-feeds .feed-content-ul li{
        padding: 10px 0px 1px 24px;
   }
    .old-feeds .feed-content-ul li:last-child {
        border:none;
        background-image: url(../images/feed-content-last-line-end.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        padding-top: 9px;
   }
    .old-feeds .feed-content-chap-li .feeds-byTime-content{
        border-bottom: none;
   }
    .old-feeds .feed-edit-jump{
        float: none;
        padding-bottom: 20px;
        margin-left: 0;
        margin-top: 0;
        border-bottom: 1px solid #ebebeb;
   }
    .old-feeds .feed-edit-jump span{
        display: inline-block;
        margin-right: 15px;
        cursor: pointer;
   }
    .old-feeds .editHighlight:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 5px solid #c2c2c2;
        font-size: 0;
        line-height: 0;
        left: 17px;
        top: 6px;
   }
    .old-feeds .feed-content-ul li:last-child .feed-edit-jump{
        border: none;
   }
    
   /*----old feeds css end here-----*/
   /*pre_print_view popup css start*/
    .pre-print-view-popup{
        display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
   }
    .pre-print-view-popup .customDialog{
       background-color: #fbfbfc;
       max-width: 340px;
       -webkit-box-shadow: 1px 0px 11px 1px rgba(0,0,0,0.11);
       -moz-box-shadow: 1px 0px 11px 1px rgba(0,0,0,0.11);
       box-shadow: 1px 0px 11px 1px rgba(0,0,0,0.11); 
       z-index: 1062;
       display: flex;
    flex-direction: column;    
   }
    .validation-msg{
        display: block;
        color: #FF0000;
        font-size: 11px;
   }
    .labelPageRange{
        display: block;
        font-size: 11px;
        color: #4b4b4b;
        font-family: 'open_sanssemibold', sans-serif;
   }
    .pre-print-blocker{
        background: rgba(0, 0, 0, 0.5);
        z-index: 1061;
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
   }
    .pre-print-title-bg{
        background: #f5f5f5;
   }
    .pre-print-title {
        font-size: 16px;
        color: #4b4b4b;
        height: 44px;
        line-height: 44px;
        padding-left: 20px;
        float: left;
   }
    .pageNo {
        display:inline-block;
        width:100px;
        margin-right:10px;
        border:1px solid #dedddd;
        padding:8px 5px;
   }
    .save-cancel-btn{
        text-align: center;
        padding:10px 0;
        border-top:1px solid #e5e5e5;
        border-bottom:1px solid transparent;
   }
   .pre-print-view-popup .scroll-added{
    max-height: calc(100vh - 1rem);
    overflow: auto;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
   }
   /*pre_print_view popup css end*/
   /*-------------------Product on tabs css start ----------------------------------*/
    .device-tabbing-none .left-container-bottom ul li a{
        padding: 10px 10px;
   }
    .device-tabbing-none .icon-badge{
        right: 2px;
        left: auto;
   }
    .device-tabbing-none .mini-full-screen{
        top:8px;
   }
    .device-tabbing-none .mini-full-screen ul li a, .device-tabbing-none .mini-full-screen ul li span{
        padding:10px;
   }
    .device-tabbing-none .print-view, .device-tabbing-none .bookmark-view{
        margin-right:0;
   }
    .device-tabbing-none .annotation-menu.modal{
        left: 50%;
        margin-left: -238px;
        top: 66px;
   }
   /*.device-tabbing-none .contentArea .pull-left.hyperlink-input-width
   {
       width:100%;
   }*/
   .reflowPageList{
       transition: bottom 0.5s;
   }
   .device-tabbing-none.opr-fullscreen .reflowPageList {
       bottom: -60px;
    }
    .device-tabbing-none .share_but{
        display:none;
   }
    .device-tabbing-none .viewer-nav-dialog #bookmark-body ul.customToc li li .navList-delete{
        top: 2px;
   }
    .device-tabbing-none .sidebar a.preview{
        top: 5px;
   }
    .device-tabbing-none .op-dropdown .OPDropdown-menuContainer .OPDropdown-option{
        padding: 0px 35px 0px 8px;
   }
    .device-tabbing-none .op-dropdown .OPDropdown-menuContainer .OPDropdown-option a{
        padding: 8px 0px 8px 0px;
        display: inline-block;
   }
    .device-tabbing-none .share_but, .device-tabbing-none .export_but{
        margin:0;
        padding:10px;
   }
    
    .viewer-test-results.modal {
        top: 0 !important;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        background-color: #fff;
   }
   /*.myprogressblocker{
        background: rgba(0, 0, 0, 0.3);
        z-index: 1061;
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
   }
   */
    @media (min-width: 992px){
        .device-tabbing-none .container {
            width: 100%;
       }
   }
    @media (min-width: 768px){
        .device-tabbing-none .container {
            width: 100%;
       }
   }
    @media (orientation:landscape) {
        html.ipad.ios7 > body {
            position: fixed;
       }
   }

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

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

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

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

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

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

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

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

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

   top: -90px
}

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

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

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

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

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

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

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

.navbar .navbar-toggle {
   margin: 0;
}

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

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

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

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

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

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

.opr-tab-heading-wrapper .close:before {
   font-size: 14px;
   color: #5E5E5E;
}
.device-tabbing-none .feed-select {
   width: 100%;
}

span.opr-filter-by-icon-outer {
   display: none;
}

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

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



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

.noUi-horizontal {
height: 2px;
border-top: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
}
.noUi-handle.noUi-handle-lower.noUi-active .noUi-tooltip {
display: block;
}
.noUi-connect, .noUi-origin{
    top: -1px;
}
.noUi-connects{
    overflow: visible;
}
.noUi-horizontal .noUi-tooltip {
bottom: 15px;
}

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

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

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

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

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

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


 @media print {  
    body{
        padding-left: 10mm;
    }
/*.watermarkcenter{
   position: fixed;
   color:#333;
   transform:rotate(-45deg) translateZ(0) !important; 
   transform-origin:bottom bottom;
   -webkit-transform:rotate(-45deg) translateZ(0) !important;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 90vw;
   height: 100vh;
   z-index:9999;
   opacity: 0.1;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   font-size:34px;
   } */
   .watermarkcenter{
        position:fixed;
        transform:rotate(270deg) translateZ(0) !important;
        -webkit-transform:rotate(270deg) translateZ(0) !important;
        transform-origin: left top;
        left:0;
        bottom:50px;
        font-size:14px !important;
        color:#333;
        z-index:9999;
        opacity: 0.9;
        white-space:nowrap;
   }	
 } 
.text-align-center{
    text-align: center;
}
/*checkbox support for OS contrast start*/
.op_on{
    display: flex;
}
.show-hide-annotations .op_on [type="checkbox"] + label{
    padding-left: 20px;
    margin: 0;
    width: 18px;
    height: 20px;
}
.show-hide-annotations .op_on input[type="checkbox"] + label:before{
    border: 1px solid #6e6e6e;
    width: 18px;
    height: 18px;
    transform: none;
}

.show-hide-annotations .op_on .checkbox-custom:checked + .checkbox-custom-label:before{
    content: "\e663";
    transform: none;
    left: 0;
    width: 18px;
    height: 18px;
}
/*checkbox support for OS contrast end*/
/*tts setting icon css start*/
.opr-tts-setting-wrap{
    position: relative;
    display: flex;
    border-right: solid 1px #36393b;
    align-items: center;
}
.opr-tts-setting-icon {
    display: flex;
    width: 50px;
    padding: 0 15px;
    height: 42px;
    align-items: center;
    color: #C6C6C6;
    background-color: transparent;
    border: none;
    justify-content: center;
}
.opr-tts-setting-icon:before{
    font-size: 22px;
}
.opr-tts-setting-dropdown-wrap {
    display: none;
    width: 140px;
    box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 43px;
    background-color: #4a4c4e;
    border-radius: 5px;
    flex-direction: column;
    justify-content: space-around;
    transition: width 0.5s ease, height 0.5s ease;
}
.opr-open .opr-tts-setting-dropdown-wrap{
    display: flex;
}
.opr-tts-setting-dropdown-wrap.expanded{
    width:160px;
}

.tts-setting-list{
    display: block;
}
.tts-setting-list li{
    border-bottom: 1px solid #707070;
}
.tts-setting-list li:last-child{
    border:none;
}
.tts-setting-list li button{
    border: none;
    background-color: transparent;
    font-weight: normal;
    font-size: 13px;
    display: flex;
    align-items: center;
    color: #fff;
}
.autoplay-list{
    height: 40px;
    padding:0 10px;
}
.tts-setting-list label{
    margin:0;
    font-weight: normal;
    font-size: 12px;
    color:#fff;
}
/* .tts-setting-list [type="checkbox"]:not(:checked),
.tts-setting-list [type="checkbox"]:checked{
    opacity: 1;
    position: inherit;
    margin:0;
} */
.opr-spaced-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.button-playback{
    width:100%;
    padding:0 10px;
    height: 40px;
    position: relative;
}
.button-playback:before{
    content: "\e93b";
    display: inline-block;
    position: absolute;
    right: 3px;
    font-size: 24px;
    transform: rotate(90deg);
}
.opr-speed-dropdown {
    display: flex;
    flex-direction: column;
    width: 160px;
    padding: 10px;
    color: #C6C6C6;
}
.opr-speed-dropdown .button-playback{
    width: fit-content;
    padding-left: 18px;
    background-color: transparent;
    border: 0;
    text-align: left;
    height: auto;
    align-items: center;
    display: flex;
    color:#fff;
    margin-bottom: 10px;
}
.opr-speed-dropdown .button-playback:before{
    right:auto;
    left: -8px;
    transform: rotate(270deg);
}
.playback-ranges {
    display: flex;
    justify-content: space-between;
}
.playback-ranges button{
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding:5px 5px 0px;
}
.opr-tts-speed-progress-bar input[type="range"]{
    margin:0;
}
.opr-switch-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
/*tts setting icon css end*/

/*switch toggle css with accessiblity by w3c start*/
.opr-switch-toggle {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 12px;
}

.opr-switch-toggle input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.opr-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 10px;
}

.opr-toggle-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: -11px;
  bottom: -3px;
  background-color: #265EAC;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}
.opr-switch-toggle.switchoff .opr-toggle-slider:before{
    left:0;
}
.opr-toggle-slider:after{
    content: "";
    background-image: url(../images/play-icon.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 10px;
    width: 10px;
    position: absolute;
    z-index: 1;
    left: 20px;
    color: #fff;
}
.switchoff .opr-toggle-slider:after{
    background-image: url(../images/pause-icon.svg);
    left:4px;
}

input:checked + .opr-toggle-slider {
  background-color: #0075FF;
}

input:focus + .opr-toggle-slider {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
    text-decoration: none;
}

input:checked + .opr-toggle-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/*switch toggle css with accessiblity by w3c end*/