/*@import url(https://fonts.googleapis.com/css?family=Didact+Gothic);*/
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700');

body {
    font-family: 'Libre Baskerville', serif !important;
}

.overlay {
    opacity: 0.8;
    /*background-color:#ccc;*/
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

.textLayer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /*overflow: hidden;*/
    opacity: 1;
    /*pointer-events:none ;*/
    /*-webkit-pointer-events:none !important;*/
}

penone {
    pointer-events: none;
}

peauto {
    pointer-events: auto;
}


.header-top-icon-block ul li:nth-child(7) {
    position: relative;
    top: -12px;
}

.textLayer > div {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.textLayer .highlight {
    margin: -1px;
    padding: 1px;
    border-radius: 4px;
    /*background: #4D4DFF;*/
    background: #0084be;
    color: #fff;
}

    .textLayer .highlight.begin {
        border-radius: 4px 0px 0px 4px;
    }

    .textLayer .highlight.end {
        border-radius: 0px 4px 4px 0px;
    }

    .textLayer .highlight.middle {
        border-radius: 0px;
    }

    .textLayer .highlight.selected {
        /*background: #4D4DFF;*/
        background: #0084be;
        color: #fff;
    }

.textLayer::selection {
    background: #4D4DFF;
}

.textLayer::-moz-selection {
    background: #4D4DFF;
}

.pdfViewer .canvasWrapper {
    /*overflow: hidden;*/
}

.pdfViewer .page {
    direction: ltr;
    width: 816px;
    height: 1056px;
    margin: 1px auto -8px auto;
    position: relative;
    overflow: visible;
    border: 9px solid transparent;
    background-clip: content-box;
    border-image: url(images/shadow.png) 9 9 repeat;
    background-color: white;
    z-index: 1;
}

.pdfViewer.removePageBorders .page {
    margin: 0px auto 10px auto;
    border: none;
}

.pdfViewer .page canvas {
    margin: 0;
    display: block;
}

/*.pdfViewer .page .loadingIcon {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url('images/loading-icon.gif') center no-repeat;
}*/

.pdfViewer .page .annotLink > a:hover {
    opacity: 0.2;
    background: #ff0;
    box-shadow: 0px 2px 10px #ff0;
}

.pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
    margin-bottom: 100%;
    border: 0;
}

.pdfPresentationMode:-moz-full-screen .pdfViewer .page {
    margin-bottom: 100%;
    border: 0;
}

.pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
    margin-bottom: 100% !important;
    border: 0;
}

.pdfPresentationMode:fullscreen .pdfViewer .page {
    margin-bottom: 100%;
    border: 0;
}

.pdfViewer .page .annotText > img {
    position: absolute;
    cursor: pointer;
}

.pdfViewer .page .annotTextContentWrapper {
    position: absolute;
    width: 20em;
}

.pdfViewer .page .annotTextContent {
    z-index: 200;
    float: left;
    max-width: 20em;
    background-color: #FFFF99;
    box-shadow: 0px 2px 5px #333;
    border-radius: 2px;
    padding: 0.6em;
    cursor: pointer;
}

    .pdfViewer .page .annotTextContent > h1 {
        font-size: 1em;
        border-bottom: 1px solid #000000;
        padding-bottom: 0.2em;
    }

    .pdfViewer .page .annotTextContent > p {
        padding-top: 0.2em;
    }

.pdfViewer .page .annotLink > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pdfViewer .page .annotLink > a {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAA\
                   LAAAAAABAAEAAAIBRAA7") 0 0 repeat;
}

* {
    padding: 0;
    margin: 0;
}

html {
    height: 100%;
    font-size: 10px;
}

body {
    height: 100%;
    background-color: #404040;
    background-image: url(images/texture_blue_white.png);
}

body,
input,
button,
select {
    font: message-box;
    outline: none;
}

.hidden {
    display: none !important;
}

[hidden] {
    display: none !important;
}

#viewerContainer.pdfPresentationMode:-webkit-full-screen {
    top: 0px;
    border-top: 2px solid transparent;
    background-color: #000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: none;
    -webkit-user-select: none;
}

#viewerContainer.pdfPresentationMode:-moz-full-screen {
    top: 0px;
    border-top: 2px solid transparent;
    background-color: #000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: none;
    -moz-user-select: none;
}

#viewerContainer.pdfPresentationMode:-ms-fullscreen {
    top: 0px !important;
    border-top: 2px solid transparent;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    cursor: none;
    -ms-user-select: none;
}

    #viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop {
        background-color: #000;
    }

#viewerContainer.pdfPresentationMode:fullscreen {
    top: 0px;
    border-top: 2px solid transparent;
    background-color: #000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.pdfPresentationMode:-webkit-full-screen a:not(.internalLink) {
    display: none;
}

.pdfPresentationMode:-moz-full-screen a:not(.internalLink) {
    display: none;
}

.pdfPresentationMode:-ms-fullscreen a:not(.internalLink) {
    display: none !important;
}

.pdfPresentationMode:fullscreen a:not(.internalLink) {
    display: none;
}

.pdfPresentationMode:-webkit-full-screen .textLayer > div {
    cursor: none;
}

.pdfPresentationMode:-moz-full-screen .textLayer > div {
    cursor: none;
}

.pdfPresentationMode:-ms-fullscreen .textLayer > div {
    cursor: none;
}

.pdfPresentationMode:fullscreen .textLayer > div {
    cursor: none;
}

.pdfPresentationMode.pdfPresentationModeControls > *,
.pdfPresentationMode.pdfPresentationModeControls .textLayer > div {
    cursor: default;
}

/* outer/inner center provides horizontal center */
.outerCenter {
    pointer-events: none;
    position: relative;
}

/*Changes made by Abhijit*/
html[dir='ltr'] .outerCenter {
    float: right;
    right: 50%; /*margin-top: 13px;*/
    margin-top: 7px;
}

/*END*/
html[dir='rtl'] .outerCenter {
    float: left;
    left: 50%;
}

.innerCenter {
    pointer-events: auto;
    position: relative;
}

html[dir='ltr'] .innerCenter {
    float: right;
    right: -50%;
}

html[dir='rtl'] .innerCenter {
    float: left;
    left: -50%;
}

#outerContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

#sidebarContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 200px;
    visibility: hidden;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease;
    transition-duration: 200ms;
    transition-timing-function: ease;
}

html[dir='ltr'] #sidebarContainer {
    -webkit-transition-property: left;
    transition-property: left;
    left: -200px;
}

html[dir='rtl'] #sidebarContainer {
    -webkit-transition-property: right;
    transition-property: right;
    right: -200px;
}

#outerContainer.sidebarMoving > #sidebarContainer,
#outerContainer.sidebarOpen > #sidebarContainer {
    visibility: visible;
}

html[dir='ltr'] #outerContainer.sidebarOpen > #sidebarContainer {
    left: 0px;
}

html[dir='rtl'] #outerContainer.sidebarOpen > #sidebarContainer {
    right: 0px;
}

#mainContainer {
    margin-bottom: -15px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 600px;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease;
    transition-duration: 200ms;
    transition-timing-function: ease; /* overflow: hidden; */
    overflow-y: hidden;
    overflow-x: scroll;
}

html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
    -webkit-transition-property: left;
    transition-property: left;
    left: 200px;
}

html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
    -webkit-transition-property: right;
    transition-property: right;
    right: 200px;
}

#sidebarContent {
    top: 60px;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    width: 200px;
    background-color: #403e41;
    background-image: url(images/texture1.png);
}

html[dir='ltr'] #sidebarContent {
    left: 0;
    box-shadow: inset -1px 0 0 hsla(0, 0%, 0%, .25);
}

html[dir='rtl'] #sidebarContent {
    right: 0;
    box-shadow: inset 1px 0 0 hsla(0, 0%, 0%, .25);
}

#viewerContainer {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 15px;
    left: 0;
    outline: none;
}

html[dir='ltr'] #viewerContainer {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .05);
}

html[dir='rtl'] #viewerContainer {
    box-shadow: inset -1px 0 0 hsla(0, 0%, 100%, .05);
}

.toolbar {
    position: relative;
    left: 0;
    right: 0;
    z-index: 9999;
    cursor: default;
}

#toolbarContainer {
    width: 100%;
}

#toolbarSidebar {
    width: 200px;
    height: 60px;
    background-color: #403e41;
}

html[dir='ltr'] #toolbarSidebar {
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 0 1px hsla(0, 0%, 0%, .1);
}

html[dir='rtl'] #toolbarSidebar {
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 0 1px hsla(0, 0%, 0%, .1);
}

/*Changes made by Abhijit*/
#toolbarContainer,
.findbar,
.secondaryToolbar {
    position: relative;
    height: 43px;
    background: #018fbf;
}

/*END*/
html[dir='ltr'] #toolbarContainer,
.findbar,
.secondaryToolbar {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .08), inset 0 1px 1px hsla(0, 0%, 0%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 1px 1px hsla(0, 0%, 0%, .1);
}

html[dir='rtl'] #toolbarContainer,
.findbar,
.secondaryToolbar {
    box-shadow: inset -1px 0 0 hsla(0, 0%, 100%, .08), inset 0 1px 1px hsla(0, 0%, 0%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 1px 1px hsla(0, 0%, 0%, .1);
}

/*Changes made by Abhijit*/
#toolbarViewer { /*height: 60px;*/
    height: 44px;
}

/*END*/
#loadingBar {
    position: relative;
    width: 100%;
    height: 4px;
    background-color: #333;
    border-bottom: 1px solid #333;
}

    #loadingBar .progress {
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #ddd;
        overflow: hidden;
        -webkit-transition: width 200ms;
        transition: width 200ms;
    }

@-webkit-keyframes progressIndeterminate {
    0% {
        left: 0%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

@keyframes progressIndeterminate {
    0% {
        left: 0%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

#loadingBar .progress.indeterminate {
    background-color: #999;
    -webkit-transition: none;
    transition: none;
}

#loadingBar .indeterminate .glimmer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50px;
    background-image: linear-gradient(to right, #999 0%, #fff 50%, #999 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-animation: progressIndeterminate 2s linear infinite;
    animation: progressIndeterminate 2s linear infinite;
}

.findbar,
.secondaryToolbar {
    top: 60px;
    position: absolute;
    z-index: 10000;
    height: 32px;
    min-width: 16px;
    padding: 0px 6px 0px 6px;
    margin: 4px 2px 4px 2px;
    color: hsl(0, 0%, 85%);
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    cursor: default;
}

html[dir='ltr'] .findbar {
    left: 68px;
}

html[dir='rtl'] .findbar {
    right: 68px;
}

.findbar label {
    -webkit-user-select: none;
    -moz-user-select: none;
}

#findInput[data-status="pending"] { /* Added By Shraban on 08/07/2015 */
    /*background-image: url(images/loading-small.png);*/
    background-image: url(images/grid-loading-small.gif); /* END */
    background-repeat: no-repeat;
    background-position: right;
}

html[dir='rtl'] #findInput[data-status="pending"] {
    background-position: left;
}

.secondaryToolbar {
    padding: 6px;
    height: auto;
    z-index: 30000;
}

html[dir='ltr'] .secondaryToolbar {
    right: 4px;
}

html[dir='rtl'] .secondaryToolbar {
    left: 4px;
}

#secondaryToolbarButtonContainer {
    max-width: 200px;
    max-height: 400px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: -4px;
}

.doorHanger,
.doorHangerRight {
    border: 1px solid hsla(0, 0%, 0%, .5);
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

    .doorHanger:after,
    .doorHanger:before,
    .doorHangerRight:after,
    .doorHangerRight:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .doorHanger:after,
    .doorHangerRight:after {
        border-bottom-color: #ce514f;
        border-width: 8px;
    }

    .doorHanger:before,
    .doorHangerRight:before {
        border-bottom-color: hsla(0, 0%, 0%, .5);
        border-width: 9px;
    }

html[dir='ltr'] .doorHanger:after,
html[dir='rtl'] .doorHangerRight:after {
    left: 13px;
    margin-left: -8px;
}

html[dir='ltr'] .doorHanger:before,
html[dir='rtl'] .doorHangerRight:before {
    left: 13px;
    margin-left: -9px;
}

html[dir='rtl'] .doorHanger:after,
html[dir='ltr'] .doorHangerRight:after {
    right: 13px;
    margin-right: -8px;
}

html[dir='rtl'] .doorHanger:before,
html[dir='ltr'] .doorHangerRight:before {
    right: 13px;
    margin-right: -9px;
}

#findMsg {
    font-style: italic; /* Added By Shraban*/ /*color: #A6B7D0;*/
    /*width: 140px;*/
    color: #000000;
    font-size: 10px;
    width: 143px; /* END */
}

#findInput.notFound {
    background-color: rgb(255, 102, 102);
}

/*Changes made by Abhijit*/
html[dir='ltr'] #toolbarViewerLeft {
    margin-left: -1px; /*margin-top: 14px;*/
    margin-top: 5px;
}

/*END*/
html[dir='rtl'] #toolbarViewerRight {
    margin-right: -1px;
}

html[dir='ltr'] #toolbarViewerLeft,
html[dir='rtl'] #toolbarViewerRight {
    position: absolute;
    top: 0;
    left: 0;
}

html[dir='ltr'] #toolbarViewerRight,
html[dir='rtl'] #toolbarViewerLeft {
    position: absolute;
    top: 0;
    right: 0; /*margin-top: 10px;*/
    margin-top: 5px;
}

    html[dir='ltr'] #toolbarViewerLeft > *,
    html[dir='ltr'] #toolbarViewerMiddle > *,
    html[dir='ltr'] #toolbarViewerRight > *,
    html[dir='ltr'] .findbar > * {
        position: relative;
        float: left;
    }

    html[dir='rtl'] #toolbarViewerLeft > *,
    html[dir='rtl'] #toolbarViewerMiddle > *,
    html[dir='rtl'] #toolbarViewerRight > *,
    html[dir='rtl'] .findbar > * {
        position: relative;
        float: right;
    }

html[dir='ltr'] .splitToolbarButton {
    margin: 0 2px 4px 0;
    display: inline-block;
}

html[dir='rtl'] .splitToolbarButton {
    margin: 3px 0 4px 2px;
    display: inline-block;
}

html[dir='ltr'] .splitToolbarButton > .toolbarButton {
    border-radius: 0;
    float: left;
}

html[dir='rtl'] .splitToolbarButton > .toolbarButton {
    border-radius: 0;
    float: right;
}

.toolbarButton,
.secondaryToolbarButton,
.overlayButton {
    border: 0 none;
    background: none;
    width: 32px;
    height: 32px;
}

    .toolbarButton > span {
        display: inline-block;
        width: 0;
        height: 0;
        overflow: hidden;
    }

    .toolbarButton[disabled],
    .secondaryToolbarButton[disabled],
    .overlayButton[disabled] {
        opacity: .5;
    }

    .toolbarButton.group {
        margin-right: 0;
    }

.splitToolbarButton.toggled .toolbarButton {
    margin: 0;
}

.splitToolbarButton:hover > .toolbarButton,
.splitToolbarButton:focus > .toolbarButton,
.splitToolbarButton.toggled > .toolbarButton,
.toolbarButton.textButton {
    background-color: hsla(0, 0%, 0%, .12);
    background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
    background-clip: padding-box;
    border: 1px solid hsla(0, 0%, 0%, .35);
    border-color: hsla(0, 0%, 0%, .60) hsla(0, 0%, 0%, .38) hsla(0, 0%, 0%, .42);
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
    -webkit-transition-property: background-color, border-color, box-shadow;
    -webkit-transition-duration: 150ms;
    -webkit-transition-timing-function: ease;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 150ms;
    transition-timing-function: ease;
}

    .splitToolbarButton > .toolbarButton:hover,
    .splitToolbarButton > .toolbarButton:focus,
    .dropdownToolbarButton:hover,
    .overlayButton:hover,
    .toolbarButton.textButton:hover,
    .toolbarButton.textButton:focus {
        background-color: hsla(0, 0%, 0%, .2);
        box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .15) inset, 0 0 1px hsla(0, 0%, 0%, .05);
        z-index: 199;
    }

.splitToolbarButton > .toolbarButton {
    position: relative;
}

html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child,
html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child {
    position: relative;
    margin: 0;
    margin-right: -1px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right-color: transparent;
}

html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child,
html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child {
    position: relative;
    margin: 0;
    margin-left: -1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left-color: transparent;
}

.splitToolbarButtonSeparator {
    padding: 12px 0;
    width: 1px;
    background-color: hsla(349, 84%, 84%, .5);
    z-index: 99;
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08);
    display: inline-block;
    margin: 6px 10px;
}

html[dir='ltr'] .splitToolbarButtonSeparator {
    float: left;
}

html[dir='rtl'] .splitToolbarButtonSeparator {
    float: right;
}

.splitToolbarButton:hover > .splitToolbarButtonSeparator,
.splitToolbarButton.toggled > .splitToolbarButtonSeparator {
    padding: 12px 0;
    margin: 6px 10px;
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .03);
    -webkit-transition-property: padding;
    -webkit-transition-duration: 10ms;
    -webkit-transition-timing-function: ease;
    transition-property: padding;
    transition-duration: 10ms;
    transition-timing-function: ease;
}

.toolbarButton,
.dropdownToolbarButton,
.secondaryToolbarButton,
.overlayButton {
    min-width: 38px;
    padding: 2px 6px 0;
    border: 1px solid transparent;
    border-radius: 2px;
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    line-height: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; /* Opera does not support user-select, use <... unselectable="on"> instead */
    cursor: default;
    -webkit-transition-property: background-color, border-color, box-shadow;
    -webkit-transition-duration: 150ms;
    -webkit-transition-timing-function: ease;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 150ms;
    transition-timing-function: ease;
}

html[dir='ltr'] .toolbarButton,
html[dir='ltr'] .overlayButton,
html[dir='ltr'] .dropdownToolbarButton {
    margin: 3px 2px 4px 0;
}

html[dir='rtl'] .toolbarButton,
html[dir='rtl'] .overlayButton,
html[dir='rtl'] .dropdownToolbarButton {
    margin: 3px 0 4px 2px;
}

.toolbarButton:hover,
.toolbarButton:focus,
.dropdownToolbarButton,
.overlayButton,
.secondaryToolbarButton:hover,
.secondaryToolbarButton:focus {
    background-color: hsla(0, 0%, 0%, .12);
    background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
    background-clip: padding-box;
    border: 1px solid hsla(349, 84%, 84%, .35);
}

    .toolbarButton:hover:active,
    .overlayButton:hover:active,
    .dropdownToolbarButton:hover:active,
    .secondaryToolbarButton:hover:active {
        background-color: hsla(0, 0%, 0%, .2);
        background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
        border-color: hsla(0, 0%, 0%, .35) hsla(0, 0%, 0%, .4) hsla(0, 0%, 0%, .45);
        box-shadow: 0 1px 1px hsla(0, 0%, 0%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
        -webkit-transition-property: background-color, border-color, box-shadow;
        -webkit-transition-duration: 10ms;
        -webkit-transition-timing-function: linear;
        transition-property: background-color, border-color, box-shadow;
        transition-duration: 10ms;
        transition-timing-function: linear;
    }

.toolbarButton.toggled,
.splitToolbarButton.toggled > .toolbarButton.toggled,
.secondaryToolbarButton.toggled {
    background-color: hsla(0, 0%, 0%, .3);
    background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
    border-color: hsla(0, 0%, 0%, .4) hsla(0, 0%, 0%, .45) hsla(0, 0%, 0%, .5);
    box-shadow: 0 1px 1px hsla(0, 0%, 0%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
    -webkit-transition-property: background-color, border-color, box-shadow;
    -webkit-transition-duration: 10ms;
    -webkit-transition-timing-function: linear;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 10ms;
    transition-timing-function: linear;
}

    .toolbarButton.toggled:hover:active,
    .splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
    .secondaryToolbarButton.toggled:hover:active {
        background-color: hsla(0, 0%, 0%, .4);
        border-color: hsla(0, 0%, 0%, .4) hsla(0, 0%, 0%, .5) hsla(0, 0%, 0%, .55);
        box-shadow: 0 1px 1px hsla(0, 0%, 0%, .2) inset, 0 0 1px hsla(0, 0%, 0%, .3) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
    }

.dropdownToolbarButton {
    width: 120px;
    max-width: 120px;
    padding: 3px 2px 2px;
    overflow: hidden;
    background: url(images/toolbarButton-menuArrows.png) no-repeat;
}

html[dir='ltr'] .dropdownToolbarButton {
    background-position: 95%;
}

html[dir='rtl'] .dropdownToolbarButton {
    background-position: 5%;
}

.dropdownToolbarButton > select {
    min-width: 140px;
    font-size: 12px;
    color: hsl(0, 0%, 95%);
    margin: 0;
    padding: 0;
    border: none;
    background: rgba(0, 0, 0, 0); /* Opera does not support 'transparent' <select> background */
}

    .dropdownToolbarButton > select > option {
        background: hsl(0, 0%, 24%);
    }

#customScaleOption {
    display: none;
}

#pageWidthOption {
    border-bottom: 1px rgba(255, 255, 255, .5) solid;
}

html[dir='ltr'] .splitToolbarButton:first-child,
html[dir='ltr'] .toolbarButton:first-child,
html[dir='rtl'] .splitToolbarButton:last-child,
html[dir='rtl'] .toolbarButton:last-child {
    margin-left: 4px;
}

html[dir='ltr'] .splitToolbarButton:last-child,
html[dir='ltr'] .toolbarButton:last-child,
html[dir='rtl'] .splitToolbarButton:first-child,
html[dir='rtl'] .toolbarButton:first-child {
    margin-right: 4px;
}

.toolbarButtonSpacer {
    width: 30px;
    display: inline-block;
    height: 1px;
}

.toolbarButtonFlexibleSpacer {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    min-width: 30px;
}

html[dir='ltr'] #findPrevious {
    margin-left: 3px;
}

html[dir='ltr'] #findNext {
    margin-right: 3px;
}

html[dir='rtl'] #findPrevious {
    margin-right: 3px;
}

html[dir='rtl'] #findNext {
    margin-left: 3px;
}

.toolbarButton::before,
.secondaryToolbarButton::before { /* All matching images have a size of 16x16
               * All relevant containers have a size of 60x25 */
    position: absolute;
    display: inline-block;
    top: -1px;
    left: 2px;
}

html[dir="ltr"] .secondaryToolbarButton::before {
    left: 4px;
}

html[dir="rtl"] .secondaryToolbarButton::before {
    right: 4px;
}

html[dir='ltr'] .toolbarButton#sidebarToggle::before {
    content: url(images/toolbarButton-viewOutline@2x.png);
}

html[dir='rtl'] .toolbarButton#sidebarToggle::before {
    content: url(images/toolbarButton-sidebarToggle-rtl.png);
}

html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
    content: url(images/toolbarButton-secondaryToolbarToggle@2x.png);
}

html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
    content: url(images/toolbarButton-secondaryToolbarToggle-rtl.png);
}

html[dir='ltr'] .toolbarButton.findPrevious::before {
    content: url(images/findbarButton-previous.png);
}

html[dir='rtl'] .toolbarButton.findPrevious::before {
    content: url(images/findbarButton-previous-rtl.png);
}

html[dir='ltr'] .toolbarButton.findNext::before {
    content: url(images/findbarButton-next.png);
}

html[dir='rtl'] .toolbarButton.findNext::before {
    content: url(images/findbarButton-next-rtl.png);
}

html[dir='ltr'] .toolbarButton.pageUp::before {
    content: url(images/toolbarButton-pageUp@2x.png);
}

html[dir='rtl'] .toolbarButton.pageUp::before {
    content: url(images/toolbarButton-pageUp-rtl.png);
}

html[dir='ltr'] .toolbarButton.pageDown::before {
    content: url(images/toolbarButton-pageDown@2x.png);
}

html[dir='rtl'] .toolbarButton.pageDown::before {
    content: url(images/toolbarButton-pageDown-rtl.png);
}

.toolbarButton.zoomOut::before {
    content: url(images/toolbarButton-zoomOut@2x.png);
}

.toolbarButton.zoomIn::before {
    content: url(images/toolbarButton-zoomIn@2x.png);
}

.toolbarButton.presentationMode::before,
.secondaryToolbarButton.presentationMode::before {
    content: url(images/toolbarButton-presentationMode@2x.png);
}

.toolbarButton.firstPage::before,
.secondaryToolbarButton.firstPage::before {
    content: url(images/secondaryToolbarButton-firstPage@2x.png);
}

.toolbarButton.lastPage::before,
.secondaryToolbarButton.lastPage::before {
    content: url(images/secondaryToolbarButton-lastPage@2x.png);
}

.toolbarButton.rotateCw::before,
.secondaryToolbarButton.rotateCw::before {
    content: url(images/secondaryToolbarButton-rotateCw@2x.png);
}

.toolbarButton.rotateCcw::before,
.secondaryToolbarButton.rotateCcw::before {
    content: url(images/secondaryToolbarButton-rotateCcw@2x.png);
}

.toolbarButton.documentProperties::before,
.secondaryToolbarButton.documentProperties::before {
    content: url(images/secondaryToolbarButton-documentProperties@2x.png);
}

.toolbarButton.handTool::before,
.secondaryToolbarButton.handTool::before {
    content: url(images/secondaryToolbarButton-handTool@2x.png);
}

/* Crop Tools added by Debasis. 30-07-2015 */
.toolbarButton.cropTool::before,
.secondaryToolbarButton.cropTool::before {
    content: url(images/secondaryToolbarButton-crop@2x.png);
}

/* Crop Tools Ended by Debasis. 30-07-2015 */
.splitToolbarButtonSeparator {
    margin: 6px 3px;
}

html[dir="ltr"] .outerCenter.right_zero {
    right: 50%;
}

html[dir="ltr"] .innerCenter.right_zero {
    right: 0;
}

.splitToolbarButton #viewThumbnail.toolbarButton::before {
    content: url(images/toolbarButton-viewThumbnail@2x.png);
}

html[dir="ltr"] .splitToolbarButton #viewOutline.toolbarButton::before {
    content: url(images/toolbarButton-viewOutline-rtl@2x.png);
}

.splitToolbarButton #viewAttachments.toolbarButton::before {
    content: url(images/toolbarButton-viewAttachments@2x.png);
}

.toolbarButton.zoomOut::before {
    content: url(images/minus_icon.png);
}

.toolbarButton.zoomIn::before {
    content: url(images/plus_icon.png);
}

html[dir="ltr"] .toolbarButton,
html[dir="ltr"] .overlayButton,
html[dir="ltr"] .dropdownToolbarButton {
    margin-top: 0;
}

.splitToolbarButton .toolbarLabel {
    font-size: 18px;
    color: #fff;
}

.splitToolbarButton .toolbarField {
    font-size: 16px;
}

.dropdownToolbarButton > select {
    font-size: 13px;
}

.toolbarButton.print::before,
.secondaryToolbarButton.print::before {
    content: url(images/toolbarButton-print@2x.png);
}

.toolbarButton.openFile::before,
.secondaryToolbarButton.openFile::before {
    content: url(images/toolbarButton-openFile@2x.png);
}

.toolbarButton.download::before,
.secondaryToolbarButton.download::before {
    content: url(images/toolbarButton-download@2x.png);
}

.toolbarButton.bookmark,
.secondaryToolbarButton.bookmark {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    padding-top: 4px;
    text-decoration: none;
}

.secondaryToolbarButton.bookmark {
    padding-top: 5px;
}

.bookmark[href='#'] {
    opacity: .5;
    pointer-events: none;
}

.toolbarButton.bookmark::before,
.secondaryToolbarButton.bookmark::before {
    content: url(images/toolbarButton-bookmark@2x.png);
}

#viewThumbnail.toolbarButton::before {
    content: url(images/toolbarButton-viewThumbnail.png);
}

html[dir="ltr"] #viewOutline.toolbarButton::before {
    content: url(images/toolbarButton-viewOutline.png);
}

html[dir="rtl"] #viewOutline.toolbarButton::before {
    content: url(images/toolbarButton-viewOutline-rtl.png);
}

#viewAttachments.toolbarButton::before {
    content: url(images/toolbarButton-viewAttachments.png);
}

#viewFind.toolbarButton::before {
    content: url(images/toolbarButton-search@2x.png);
}

.secondaryToolbarButton {
    position: relative;
    margin: 0 0 4px 0;
    padding: 3px 0 1px 0;
    height: auto;
    min-height: 25px;
    width: auto;
    min-width: 100%;
    white-space: normal;
}

html[dir="ltr"] .secondaryToolbarButton {
    padding-left: 24px;
    text-align: left;
}

html[dir="rtl"] .secondaryToolbarButton {
    padding-right: 24px;
    text-align: right;
}

html[dir="ltr"] .secondaryToolbarButton.bookmark {
    padding-left: 27px;
}

html[dir="rtl"] .secondaryToolbarButton.bookmark {
    padding-right: 27px;
}

html[dir="ltr"] .secondaryToolbarButton > span {
    padding-right: 4px;
}

html[dir="rtl"] .secondaryToolbarButton > span {
    padding-left: 4px;
}

.secondaryToolbarButton.firstPage::before {
    content: url(images/secondaryToolbarButton-firstPage.png);
}

.secondaryToolbarButton.lastPage::before {
    content: url(images/secondaryToolbarButton-lastPage.png);
}

.secondaryToolbarButton.rotateCcw::before {
    content: url(images/secondaryToolbarButton-rotateCcw.png);
}

.secondaryToolbarButton.rotateCw::before {
    content: url(images/secondaryToolbarButton-rotateCw.png);
}

.secondaryToolbarButton.handTool::before {
    content: url(images/secondaryToolbarButton-handTool.png);
}

.secondaryToolbarButton.documentProperties::before {
    content: url(images/secondaryToolbarButton-documentProperties.png);
}

/* Crop Tools added by Debasis. 30-07-2015 */
.secondaryToolbarButton.cropTool::before {
    content: url(images/secondaryToolbarButton-crop@2x.png);
}

/* Crop Tools Endeds by Debasis. 30-07-2015 */
.verticalToolbarSeparator {
    display: block;
    padding: 8px 0;
    margin: 8px 4px;
    width: 1px;
    background-color: hsla(349, 84%, 84%, .5);
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08);
}

html[dir='ltr'] .verticalToolbarSeparator {
    margin-left: 2px;
}

html[dir='rtl'] .verticalToolbarSeparator {
    margin-right: 2px;
}

.horizontalToolbarSeparator {
    display: block;
    margin: 0 0 4px 0;
    height: 1px;
    width: 100%;
    background-color: hsla(0, 0%, 0%, .5);
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08);
}

.toolbarField {
    padding: 3px 6px;
    margin: 4px 0 4px 0;
    border: 1px solid transparent;
    border-radius: 2px; /* Added By Shraban */ /*background-color: hsla(349,84%,84%,.09);*/
    /*color: hsl(0,0%,95%);*/
    background-color: hsla(0, 100%, 100%, 1);
    color: hsla(360, 100%, 0%, 1); /* END */ /* background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); */
    background-clip: padding-box;
    border: 1px solid hsla(349, 84%, 84%, .35); /* border-color: hsla(0,0%,0%,.60) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42); */
    box-shadow: 0 1px 0 hsla(0, 0%, 0%, .05) inset, 0 1px 0 hsla(0, 0%, 100%, .05);
    font-size: 12px;
    line-height: 14px;
    outline-style: none;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 150ms;
    transition-timing-function: ease;
}

    .toolbarField[type=checkbox] {
        display: inline-block;
        margin: 8px 0px;
    }

    .toolbarField.pageNumber {
        -moz-appearance: textfield; /* hides the spinner in moz */
        min-width: 16px;
        text-align: right;
        width: 40px;
    }

        .toolbarField.pageNumber.visiblePageIsLoading {
            background-image: url(images/loading-small.png);
            background-repeat: no-repeat;
            background-position: 1px;
        }

        .toolbarField.pageNumber::-webkit-inner-spin-button,
        .toolbarField.pageNumber::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    /* Added By Shraban */
    .toolbarField:hover {
        background-color: hsla(360, 100%, 100%, 1);
        border-color: hsla(0, 0%, 0%, .4) hsla(0, 0%, 0%, .43) hsla(0, 0%, 0%, .45);
    }

    .toolbarField:focus {
        background-color: hsla(360, 100%, 100%, 1);
        border-color: hsla(0, 100%, 100%, 1) hsla(204, 100%, 65%, 0.85) hsla(204, 100%, 65%, 0.9);
    }
/* END */
.toolbarLabel {
    min-width: 16px;
    padding: 3px 6px 3px 2px;
    margin: 4px 2px 4px 0;
    border: 1px solid transparent;
    border-radius: 2px;
    color: hsl(0, 0%, 85%);
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: default;
}

#thumbnailView {
    position: absolute;
    width: 120px;
    top: 0;
    bottom: 0;
    padding: 10px 40px 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.thumbnail {
    float: left;
    margin-bottom: 5px;
}

#thumbnailView > a:last-of-type > .thumbnail {
    margin-bottom: 10px;
}

    #thumbnailView > a:last-of-type > .thumbnail:not([data-loaded]) {
        margin-bottom: 9px;
    }

.thumbnail:not([data-loaded]) {
    border: 1px dashed rgba(255, 255, 255, 0.5);
    margin: -1px -1px 4px -1px;
}

.thumbnailImage {
    border: 1px solid transparent;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
    opacity: 0.8;
    z-index: 99;
    background-color: white;
    background-clip: content-box;
}

.thumbnailSelectionRing {
    border-radius: 2px;
    padding: 7px;
}

a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
.thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
    opacity: .9;
}

a:focus > .thumbnail > .thumbnailSelectionRing,
.thumbnail:hover > .thumbnailSelectionRing {
    background-color: hsla(0, 0%, 100%, .15);
    background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
    background-clip: padding-box;
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .2) inset, 0 0 1px hsla(0, 0%, 0%, .2);
    color: hsla(0, 0%, 100%, .9);
}

.thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
    box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .5);
    opacity: 1;
}

.thumbnail.selected > .thumbnailSelectionRing {
    background-color: hsla(0, 0%, 100%, .3);
    background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
    background-clip: padding-box;
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2);
    color: hsla(0, 0%, 100%, 1);
}

#outlineView,
#attachmentsView {
    position: absolute;
    width: 192px;
    top: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    -moz-user-select: none;
}

#outlineView {
    padding: 4px 4px 0;
}

#attachmentsView {
    padding: 3px 4px 0;
}

html[dir='ltr'] .outlineItem > .outlineItems {
    margin-left: 20px;
}

html[dir='rtl'] .outlineItem > .outlineItems {
    margin-right: 20px;
}

.outlineItem > a,
.attachmentsItem > button {
    text-decoration: none;
    display: inline-block;
    min-width: 95%;
    height: auto;
    margin-bottom: 1px;
    border-radius: 2px;
    color: hsla(0, 0%, 100%, .8);
    font-size: 13px;
    line-height: 15px;
    -moz-user-select: none;
    white-space: normal;
}

.attachmentsItem > button {
    border: 0 none;
    background: none;
    cursor: pointer;
    width: 100%;
}

html[dir='ltr'] .outlineItem > a {
    padding: 2px 0 5px 10px;
}

html[dir='ltr'] .attachmentsItem > button {
    padding: 2px 0 3px 7px;
    text-align: left;
}

html[dir='rtl'] .outlineItem > a {
    padding: 2px 10px 5px 0;
}

html[dir='rtl'] .attachmentsItem > button {
    padding: 2px 7px 3px 0;
    text-align: right;
}

.outlineItem > a:hover,
.attachmentsItem > button:hover {
    background-color: hsla(0, 0%, 100%, .02);
    background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
    background-clip: padding-box;
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .2) inset, 0 0 1px hsla(0, 0%, 0%, .2);
    color: hsla(0, 0%, 100%, .9);
}

.outlineItem.selected {
    background-color: hsla(0, 0%, 100%, .08);
    background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));
    background-clip: padding-box;
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .05) inset, 0 0 1px hsla(0, 0%, 100%, .1) inset, 0 0 1px hsla(0, 0%, 0%, .2);
    color: hsla(0, 0%, 100%, 1);
}

.noResults {
    font-size: 12px;
    color: hsla(0, 0%, 100%, .8);
    font-style: italic;
    cursor: default;
}

::selection {
    background: rgba(0, 0, 255, 0.3);
}

::-moz-selection {
    background: rgba(0, 0, 255, 0.3);
}

#errorWrapper {
    background: none repeat scroll 0 0 #FF5555;
    color: white;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1000;
    padding: 3px;
    font-size: 0.8em;
}

.loadingInProgress #errorWrapper {
    top: 37px;
}

#errorMessageLeft {
    float: left;
}

#errorMessageRight {
    float: right;
}

#errorMoreInfo {
    background-color: #FFFFFF;
    color: black;
    padding: 3px;
    margin: 3px;
    width: 98%;
}

.overlayButton {
    width: auto;
    margin: 3px 4px 2px 4px !important;
    padding: 2px 6px 3px 6px;
}

#overlayContainer {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 0%, .2);
    z-index: 40000;
}

    #overlayContainer > * {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    #overlayContainer > .container {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        #overlayContainer > .container > .dialog {
            display: inline-block;
            padding: 15px;
            border-spacing: 4px;
            color: hsl(0, 0%, 85%);
            font-size: 12px;
            line-height: 14px;
            background-color: #474747; /* fallback */
            background-image: url(images/texture.png), linear-gradient(hsla(0, 0%, 60%, .99), hsla(0, 0%, 27%, .95));
            box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .08), inset 0 1px 1px hsla(0, 0%, 0%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 1px 1px hsla(0, 0%, 0%, .1);
            border: 1px solid hsla(0, 0%, 0%, .5);
            border-radius: 4px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        }

.dialog > .row {
    display: table-row;
}

    .dialog > .row > * {
        display: table-cell;
    }

.dialog .toolbarField {
    margin: 5px 0;
}

.dialog .separator {
    display: block;
    margin: 4px 0 4px 0;
    height: 1px;
    width: 100%;
    background-color: hsla(0, 0%, 0%, .5);
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08);
}

.dialog .buttonRow {
    text-align: center;
    vertical-align: middle;
}

#passwordOverlay > .dialog {
    text-align: center;
}

#passwordOverlay .toolbarField {
    width: 200px;
}

#documentPropertiesOverlay > .dialog {
    text-align: left;
}

#documentPropertiesOverlay .row > * {
    min-width: 100px;
}

html[dir='ltr'] #documentPropertiesOverlay .row > * {
    text-align: left;
}

html[dir='rtl'] #documentPropertiesOverlay .row > * {
    text-align: right;
}

#documentPropertiesOverlay .row > span {
    width: 125px;
    word-wrap: break-word;
}

#documentPropertiesOverlay .row > p {
    max-width: 225px;
    word-wrap: break-word;
}

#documentPropertiesOverlay .buttonRow {
    margin-top: 10px;
}

.clearBoth {
    clear: both;
}

.fileInput {
    background: white;
    color: black;
    margin-top: 5px;
    visibility: hidden;
    position: fixed;
    right: 0;
    top: 0;
}

#PDFBug {
    background: none repeat scroll 0 0 white;
    border: 1px solid #666666;
    position: fixed;
    top: 60px;
    right: 0;
    bottom: 0;
    font-size: 10px;
    padding: 0;
    width: 300px;
}

    #PDFBug .controls {
        background: #EEEEEE;
        border-bottom: 1px solid #666666;
        padding: 3px;
    }

    #PDFBug .panels {
        bottom: 0;
        left: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        right: 0;
        top: 27px;
    }

    #PDFBug button.active {
        font-weight: bold;
    }

.debuggerShowText {
    background: none repeat scroll 0 0 yellow;
    color: blue;
}

.debuggerHideText:hover {
    background: none repeat scroll 0 0 yellow;
}

#PDFBug .stats {
    /*font-family: courier;*/
    font-family: 'Libre Baskerville', serif;
    font-size: 10px;
    white-space: pre;
}

    #PDFBug .stats .title {
        font-weight: bold;
    }

#PDFBug table {
    font-size: 10px;
}

#viewer.textLayer-visible .textLayer > div,
#viewer.textLayer-hover .textLayer > div:hover {
    background-color: white;
    color: black;
}

#viewer.textLayer-shadow .textLayer > div {
    background-color: rgba(255, 255, 255, .6);
    color: black;
}

.grab-to-pan-grab {
    cursor: url("images/grab.cur"), move !important;
    cursor: -webkit-grab !important;
    cursor: -moz-grab !important;
    cursor: grab !important;
}

    .grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
        cursor: inherit !important;
    }

    .grab-to-pan-grab:active,
    .grab-to-pan-grabbing {
        cursor: url("images/grabbing.cur"), move !important;
        cursor: -webkit-grabbing !important;
        cursor: -moz-grabbing !important;
        cursor: grabbing !important;
        position: fixed;
        background: transparent;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        z-index: 50000;
    }

/*--abhijit--*/
.arrow_n {
    background: #018fbf;
    border-radius: 0 0 5px 5px;
    color: #fff;
    cursor: pointer;
    height: 17px;
    margin: 0 auto;
    text-align: center;
    width: 80px;
    padding-top: 0px;
}

.pdfViewer {
    margin-top: 0px;
}

/*--abhijit--*/
@page {
    margin: 0;
}

#printContainer {
    display: none;
}

#toolbarSidebar .splitToolbarButton:first-child {
    margin-left: 50px;
    margin-top: 18px !important;
}

/************************* 09-03-16 *********************************/
#toolbarViewer {
    width: 100%;
    background: #404040;
    position: inherit;
    top: auto;
    bottom: 0;
    left: 0;
    /*font-family: 'Didact Gothic', sans-serif;*/
    font-family: 'Didact Gothic', sans-serif;
    z-index: 9999;
    top: 0;
    bottom: auto;
}

/*#toolbarContainer, .findbar, .secondaryToolbar*/
body #toolbarContainer {
    background: none;
    height: 0;
}

#toolbarViewer.btm_panel .outerCenter {
    width: 72%;
    right: auto;
    position: absolute; /*left:20px;*/
    left: 13%;
    top: 3px;
    float: left;
}

    #toolbarViewer.btm_panel .outerCenter .innerCenter.right_zero {
        width: 100%;
    }

        #toolbarViewer.btm_panel .outerCenter .innerCenter.right_zero .dropdownToolbarButton {
            display: block !important;
            min-width: 99% !important;
            max-width: 99% !important;
            border: none;
        }

            #toolbarViewer.btm_panel .outerCenter .innerCenter.right_zero .dropdownToolbarButton select {
                width: 100%;
                border: 1px solid #999;
                padding: 3px 2px;
            }

#toolbarViewer.btm_panel #toolbarViewerLeft {
    left: 140px;
    top: 2px;
}

#toolbarViewer.btm_panel .zoom_btn_group {
    width: 150px;
    margin-left: 23px;
    position: relative;
    float: left;
}

    #toolbarViewer.btm_panel .zoom_btn_group #zoomOut {
        position: absolute;
        left: 0;
    }

    #toolbarViewer.btm_panel .zoom_btn_group .splitToolbarButtonSeparator {
    }

    #toolbarViewer.btm_panel .zoom_btn_group #zoomIn {
        position: absolute;
        right: 0;
    }

.ui_slider_custom {
    width: 225px;
    position: relative;
    margin: 12px 0 0 20px;
    float: left;
    position: relative;
}

    .ui_slider_custom .outerCenter {
        top: -12px !important;
    }

        .ui_slider_custom .outerCenter select {
            min-width: 100% !important;
        }

    .ui_slider_custom button {
        width: 20px;
        height: 20px;
    }

    .ui_slider_custom .slider {
        width: 100%;
        position: absolute;
    }

/*----------------------10-03-16 Page Start-----------------------*/
#toolbarViewer.btm_panel .ui_slider_custom .toolbarButton.zoomOut::before {
    content: ' ';
}

#toolbarViewer.btm_panel .ui_slider_custom .toolbarButton.zoomOut::after {
    content: '-';
    font-size: 26px;
}

#toolbarViewer.btm_panel .ui_slider_custom .toolbarButton.zoomIn::before {
    content: ' ';
    left: auto;
    right: 0;
}

#toolbarViewer.btm_panel .ui_slider_custom .toolbarButton.zoomIn::after {
    content: '+';
    font-size: 19px;
}

#toolbarViewer.btm_panel .ui_slider_custom button.zoomIn {
    left: auto;
    right: 0;
    position: absolute;
    top: 2px;
    text-align: center;
    padding-right: 0;
}

#toolbarViewer.btm_panel .ui_slider_custom button:hover {
    border: 0;
    background: none;
}

#toolbarViewer.btm_panel .ui_slider_custom button {
    border: 0;
    background: none;
}

#toolbarViewer.btm_panel .ui_slider_custom .ui-slider-horizontal {
    height: 0.05em;
}

#toolbarViewer.btm_panel .ui_slider_custom .ui-state-default,
.ui-widget-content .ui-state-default {
    width: 8px;
    height: 8px;
    background: #fff;
    border: 0;
}

#toolbarViewer.btm_panel .ui_slider_custom .ui-slider-horizontal .ui-slider-handle {
    top: -4px;
    margin-left: -4px;
}

#toolbarViewer.btm_panel .ui_slider_custom .slider {
    width: 52%;
    top: 11px;
}

#toolbarViewer.btm_panel .goto_box {
    width: 250px;
    float: left;
    position: relative;
    text-align: center;
    padding: 3px 0 0 0;
}

    #toolbarViewer.btm_panel .goto_box .goto_txt {
        width: 40px;
        display: inline-block;
        font-size: 15px;
        color: #fff;
        text-align: left;
        vertical-align: top;
        margin-top: 10px;
    }

    #toolbarViewer.btm_panel .goto_box input[type="text"] {
        width: 90px;
        border: 1px solid #80686c;
        border-radius: 0;
        background: none;
        display: inline-block;
        padding: 0 6px;
        margin-top: 10px;
        height: 22px;
        font-size: 14px;
        color: #fff;
        text-align: left;
        vertical-align: top;
    }

#toolbarViewer.btm_panel .number_ctrl {
    display: inline-block;
    padding: 10px 0 0 0;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    vertical-align: top;
}

    #toolbarViewer.btm_panel .number_ctrl a {
        font-size: 15px;
        color: #fff;
        text-decoration: none;
        padding: 0 5px;
    }

    #toolbarViewer.btm_panel .number_ctrl span {
        position: relative;
        top: -6px;
    }

#toolbarViewer.btm_panel .search_result_box {
    width: 372px;
    float: left;
    padding: 13px 0 0 0;
    text-align: center;
}

    #toolbarViewer.btm_panel .search_result_box span {
        display: inline-block;
        font-size: 15px;
        color: #fff;
        text-decoration: none;
        position: relative;
        top: -6px;
    }

    #toolbarViewer.btm_panel .search_result_box ul.number {
        display: inline-block;
        list-style: none;
    }

        #toolbarViewer.btm_panel .search_result_box ul.number li {
            font-size: 15px;
            color: #fff;
            text-decoration: none;
            display: inline-block;
        }

            #toolbarViewer.btm_panel .search_result_box ul.number li a {
                font-size: 15px;
                color: #fff;
                text-decoration: none;
            }

            #toolbarViewer.btm_panel .search_result_box ul.number li span a {
                padding: 1px 4px;
                border: 0;
            }

#toolbarViewer.btm_panel .crop_spanpart {
    width: 190px;
    float: left;
    text-align: center;
    padding: 1px 0 0 0;
}

    #toolbarViewer.btm_panel .crop_spanpart ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #toolbarViewer.btm_panel .crop_spanpart ul li {
            color: #fff;
            padding: 0;
            margin: 0;
            display: inline-block;
            text-align: center;
            width: 33px;
            position: relative;
        }

.bottom_searchbox,
.bottom_searchbox01 {
    width: 200px;
    position: absolute;
    top: auto;
    bottom: 50px;
    background: #000;
    left: -100px;
    padding: 10px;
    z-index: 99999;
    border-radius: 8px;
    display: none;
}

    .bottom_searchbox:after,
    .bottom_searchbox01:after {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        width: 0px;
        height: 0px;
        content: '';
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #000;
    }

    .bottom_searchbox input[type="text"],
    .bottom_searchbox01 input[type="text"] {
        width: 180px;
        border: 0;
        border-radius: 0;
        background: none;
        display: inline-block;
        padding: 0 6px;
        height: 24px;
        font-size: 12px;
        color: #333;
        text-align: left;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
    }

#toolbarViewer.btm_panel .splitToolbarButtonSeparator {
    margin-top: 11px;
    width: 5px;
    background: #333;
    border: 0;
    box-shadow: none;
    display: none;
}

body {
    background: #404040;
    margin: 0 0 0px 0;
}

#viewerContainer {
    top: 0;
}

.secondaryToolbar {
    display: none !important;
}

#viewerContextMenu {
    display: none !important;
}

#toolbarViewer {
    background: #000;
}

#outerContainer {
    height: 100%;
    border-bottom: 70px solid transparent;
}

.bottompart_mobctrl {
    display: none;
}

.bottompart_webctrl {
    width: 80%;
    margin: 0 auto;
}

/*----------------------10-03-16 Page End-----------------------*/
.copyright-section {
    background: #c3c3c3;
    padding: 4px 12px;
    padding-bottom: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

#toolbarViewer {
    height: 43px;
}

.copyright-section img {
    display: inline-block;
    margin-right: 8px;
}

.copyright-section span {
    display: inline-block;
    position: relative;
    font-weight: bold;
    top: -7px;
}

#toolbarViewer.btm_panel .search_result_box {
    width: 315px;
}

/*#toolbarViewer.btm_panel .search_result_box{width:200px;}*/
select#drpGoToPage,
select#drpMobGoToPage {
    margin-top: 10px;
    border: 1px solid #5a5a5a;
    background: none;
    color: #fff;
    font-size: 13px;
    padding: 3px 4px;
}

    select#drpGoToPage option,
    select#drpMobGoToPage option {
        color: #2a2a2a;
    }

.toolbarField:focus {
    background-color: hsla(360, 100%, 100%, 1);
    border-color: hsla(0, 100%, 100%, 1) hsla(204, 100%, 65%, 0.85) hsla(204, 100%, 65%, 0.9);
}

#toolbarViewer.btm_panel .crop_spanpart ul li i {
    font-size: 18px;
    color: #fff;
}

#toolbarViewer.btm_panel .crop_spanpart ul li:nth-child(1) i {
    float: left;
    position: relative;
    top: 6px;
}

#toolbarViewer.btm_panel .crop_spanpart ul li:nth-child(1) i {
    font-size: 20px;
}

#toolbarViewer.btm_panel .crop_spanpart > ul > li:nth-child(2) {
    position: relative;
    top: 4px;
}

#toolbarViewer.btm_panel .crop_spanpart ul li:nth-child(2) img {
    width: 22px;
}

.help_icon {
    font-size: 20px;
    color: #fff;
    position: absolute;
    right: 2%;
    top: 11px;
    z-index: 999;
}

#toolbarViewer.btm_panel .crop_spanpart ul li button {
    padding: 0;
    margin: 0;
}

.close_btttn {
    width: 15px;
    height: 15px;
    color: #fff;
    top: -9px;
    right: -5px;
    position: absolute;
}

.bottom_searchbox01 input[type="text"] {
    margin-top: 15px;
}

/************************************* Jayanta 15.06.16 start************************************/
.new-style-webview #toolbarViewer {
    bottom: initial;
    background: #008fbe;
    height: auto;
}

.new-style-webview #viewerContainer {
    top: 84px;
}

.header-search-result {
    background-color: #0f4880;
    height: 30px;
    border-top: #121212 7px solid;
    margin-top: 0px;
    padding-left: 20px;
    padding-top: 3px;
    padding-right: 20px;
    display: inline-block;
    width: 100%;
}

/*.new-style-webview #toolbarViewer{}*/
.header-top-icon-block {
    text-align: center;
    margin-top: 6px;
}

    .header-top-icon-block ul {
        display: inline-block;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .header-top-icon-block ul li {
            display: inline-block;
            padding: 0;
            margin: 0;
            list-style-type: none;
            padding-left: 10px;
            padding-right: 10px;
            position: relative;
        }

            .header-top-icon-block ul li a {
                float: left;
            }

                .header-top-icon-block ul li a:focus {
                    outline: none;
                }

            .header-top-icon-block ul li p {
                float: left;
                margin-top: 5px;
                color: #fff;
            }

            .header-top-icon-block ul li span {
                float: left;
                margin-top: 5px !important;
            }

.before-icon-less:before {
    content: none !important;
}

.header-search-result p {
    color: #fff;
    font-size: 75%;
    float: left;
    line-height: 26px;
    margin-right: 10px;
    /*font-family: Arial;*/
    font-family: 'Libre Baskerville', serif;
}

.header-search-result .display-number {
    float: left;
    margin-left: 6px;
    margin-right: 6px;
}

    .header-search-result .display-number ul {
        display: inline-block;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .header-search-result .display-number ul li {
            float: left;
            padding: 0;
            margin: 0;
            list-style-type: none;
        }

    .header-search-result .display-number a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        padding: 0px 2px;
    }

.display-number-arrow-wid img {
    width: 13px;
    margin-top: 4px;
}

.outerContainercls {
    height: 100%;
    border: none !important;
}

.toolbar #toolbarContainer .footer-border {
    bottom: 0 !important;
    top: initial !important;
    background: #121212;
    height: 14px;
    border-top: #008fbe 2px solid;
}

.close-icon-header-bar {
    float: right;
    margin-right: 36px;
    margin-top: 4px;
    position: absolute;
    right: 0;
    top: 59px;
}

/*.new-style-webview #viewerContainer{ overflow: visible;}*/
.header-top-icon-block .bottom_searchbox01 {
    top: 43px;
    border-radius: 0px 0px 8px 8px;
    width: 560px;
    left: 0;
    bottom: initial;
    padding-bottom: 0px;
}

    .header-top-icon-block .bottom_searchbox01 input {
        float: left;
        margin-top: 0;
    }

    .header-top-icon-block .bottom_searchbox01:after {
        content: none;
    }

    .header-top-icon-block .bottom_searchbox01 .splitToolbarButton {
        float: left;
        margin-bottom: 0;
    }

        .header-top-icon-block .bottom_searchbox01 .splitToolbarButton .popsearchprevnext {
            /*float: left;*/
            display: inline-block;
            margin-top: -5px;
        }

            .header-top-icon-block .bottom_searchbox01 .splitToolbarButton .popsearchprevnext ul li {
                padding: 0;
            }

                .header-top-icon-block .bottom_searchbox01 .splitToolbarButton .popsearchprevnext ul li button.toolbarButton {
                    margin: 0;
                }

                    .header-top-icon-block .bottom_searchbox01 .splitToolbarButton .popsearchprevnext ul li button.toolbarButton:focus {
                        outline: none;
                    }

                    .header-top-icon-block .bottom_searchbox01 .splitToolbarButton .popsearchprevnext ul li button.toolbarButton:hover {
                        outline: none;
                    }

                    .header-top-icon-block .bottom_searchbox01 .splitToolbarButton .popsearchprevnext ul li button.toolbarButton img {
                        position: relative;
                        top: -3px;
                    }

        .header-top-icon-block .bottom_searchbox01 .splitToolbarButton .Highlight-box {
            /*float: left;*/
            display: inline-block;
            margin-top: -5px;
            white-space: nowrap;
        }

            .header-top-icon-block .bottom_searchbox01 .splitToolbarButton .Highlight-box input#findHighlightAll {
                margin-top: 5px;
            }

            .header-top-icon-block .bottom_searchbox01 .splitToolbarButton .Highlight-box input#chkIsExact {
                margin-top: 5px;
            }

.bottom_searchbox01 .close_btttn {
    top: -1px;
    right: 2px;
}

/************************************* Jayanta 15.06.16 start************************************/
.hidden-web {
    display: none;
}

.mobile-hidden {
    display: block;
}

/*-------------------------------Changed By Piyush 28.07.2016-----------------------*/
.samedaypaginationdropdown {
    position: relative;
    left: -26px;
    top: -5px;
    border: 1px solid #fff !important;
    width: 70px;
}

.close_btttn a i {
    color: #fff !important;
}

.nextPage {
    position: relative;
    right: -73px;
}

.visibleLargeView,
.visibleMediumView,
.visibleSmallView {
    display: none;
}

.splitToolbarButton:hover > .splitToolbarButtonSeparator,
.splitToolbarButton.toggled > .splitToolbarButtonSeparator {
    margin: 6px 2.9px;
}

html[dir="ltr"] .splitToolbarButton > .toolbarButton:last-child:hover {
    margin: 0 0px 0 1px;
    position: relative;
    display: block;
    right: 1.5px;
}

.splitToolbarButton:hover div.splitToolbarButtonSeparator {
    margin-right: 3px;
}

.toolbarButton.findPrevious:before {
    content: url("images/findbarButton-previous@2x.png") !important;
}

.toolbarButton.findNext:before {
    content: url("images/findbarButton-next@2x.png") !important;
}

.splitToolbarButton {
    margin-top: -1px !important;
}

html[dir="ltr"] .outerCenter {
    right: 44%;
}

html[dir="ltr"] .splitToolbarButton > #findNext.toolbarButton:last-child:hover {
    margin-right: 1px;
}

.flip {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(0, 0, 0);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: rgb(255, 255, 255);
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    width: 150px;
    z-index: 10000;
}

/*Added by Debasis 22/07/2015*/
#cropper {
    display: none;
    position: absolute;
    z-index: 10;
}

    #cropper img {
        position: absolute;
        z-index: 2;
    }

#crop_tools {
    cursor: move;
    display: none;
    left: 10px;
    top: 10px;
    width: auto;
    z-index: 100000;
}

#crop_area {
    position: absolute;
    z-index: 1;
}

.cpt {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 6px;
    border: 2px solid #c9292e;
    background: #fff000;
    margin: -6px 0 0 -6px;
    cursor: default; /*cursor:move*/
}

.pdfViewer .canvas {
    background: transparent none repeat scroll 0 0;
    cursor: wait;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform 0.5s ease-in-out 0s;
    width: 100%;
    z-index: 0;
}

.blackLayer {
    background: rgba(0, 0, 0, 0) url("/Content/viewer/crop/images/blackLayer.png") repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10;
}

.dragger {
    background: #900 url("../images/drag-icon.png") no-repeat scroll 100% 0;
    height: 15px;
    width: 100%;
}

.icon-rect {
    background-position: -1000px 0;
}

.icon-pen-tool {
    background-position: -1040px 0;
}

.icon-undo {
    background-position: -1080px 0;
}

.icon-redo {
    background-position: -1120px 0;
}

.icon-clip {
    background-position: -1160px 0;
}

.icon-highlight {
    background-position: -1440px 0;
}

.alertBox {
    display: none;
    position: absolute;
    z-index: 999;
}

.alertContent {
    border: 2px solid #ff0;
    color: #fff;
    padding: 4px 16px 11px;
    background: #018fbf;
    overflow: hidden;
    padding-top: 10px;
    font-size: 15px;
}

.cursor-attr {
    left: -100px;
    position: absolute;
    top: -100px;
    z-index: 99999;
}

.mapLine {
    cursor: move;
    Width: 10px;
}

/* Optionally define a fixed width for menus */
.ui-menu {
    width: 80px;
    background: #db8916;
    color: #fff;
}

    /* Allow to use <kbd> elements inside the title to define shortcut hints. */
    .ui-menu kbd {
        padding-left: 1em;
        float: right;
    }

/*Ended by Debasis 22/07/2015*/

/*Started by Debasis 12/08/2015*/
.prevImageContainer {
    text-align: center;
}

    .prevImageContainer #imgcroping {
        max-width: 100%;
        box-shadow: -1px -1px 8px #2a2a2a;
    }

div.newPopupOverlay {
    background: rgba(0, 0, 0, 0) url("/Content/viewer/crop/images/thickbox-bg.png") repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    /*z-index: 1;*/
    z-index: 500000;
}

div.newPopupBlock {
    background: rgba(0, 0, 0, 0) url("/Content/viewer/crop/images/common-container-bg.png") repeat scroll 0 0 !important;
    border-radius: 6px;
    box-shadow: 0 0 5px #000;
    margin: 0 auto;
    max-width: 800px;
    opacity: 0;
    position: relative;
    top: -1000px;
    z-index: 100000;
}

    div.newPopupBlock div.popupCloseBtn {
        background: rgba(0, 0, 0, 0) url("/Content/viewer/crop/images/btn-close.png") repeat scroll 0 0;
        cursor: pointer;
        height: 49px;
        position: absolute;
        right: -18px;
        top: -18px;
        width: 50px;
        z-index: 10000;
    }

div.settingsBody {
    border-left: 1px solid #e5e4e0;
    border-right: 1px solid #e5e4e0;
    padding: 20px;
    background: rgba(0, 0, 0, 0) url("/Content/viewer/crop/images/gray-bg.png") repeat scroll 0 0;
}

div.settingsBodyTop {
    border-radius: 6px 6px 0 0;
    border-top: 1px solid #e5e4e0;
}

.popup_header {
    background: rgba(0, 0, 0, 0) url("/Content/viewer/crop/images/popup_header.png") repeat scroll 0 0;
    float: left;
    padding: 10px 25px;
    width: 95%;
}

.popup.exitgrabberPopupDiv {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}

div.bodyBox {
    background: rgba(0, 0, 0, 0) url("/Content/viewer/crop/images/common-container-bg.png") repeat scroll 0 0 !important;
    border-radius: 4px;
    position: relative;
}

.popup_header .btn {
    cursor: pointer;
    float: right;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: 'Libre Baskerville', serif;
    font-size: 16px;
    height: 23px;
    line-height: normal;
    margin: 0 30px 0 0;
    padding: 9px;
}

.orange_btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #018fbf 0%, ##A4A4A4 100%) repeat scroll 0 0;
    border: 1px solid #A4A4A4;
    border-radius: 4px; /*box-shadow: 0 1px 0 #fae3bd inset;*/
    color: #fff !important;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 25px;
    text-align: center;
    text-shadow: 1px 1px 1px #ad6e2f;
    vertical-align: top;
}

    .orange_btn:hover {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #A4A4A4 0%, #A4A4A4 100%) repeat scroll 0 0;
    }

#mozPrintCallback-shim .mozPrintCallback-dialog-box {
    display: inline-block;
    margin: -50px auto 0;
    position: relative;
    top: 45%;
    left: 0;
    min-width: 220px;
    max-width: 400px;
    padding: 9px;
    border: 1px solid hsla(0, 0%, 0%, .5);
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    background-color: #ec9a44;
    color: hsl(0, 0%, 85%);
    font-size: 16px;
    line-height: 20px;
}

.dvLayer {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}

.dvLayerImage {
    position: absolute;
}

h3.pop_graybg {
    background: #333;
    padding: 0 80px 0 15px;
    line-height: 40px;
    color: #fff;
    position: relative;
}

    h3.pop_graybg .icon_list {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        right: 15px;
        width: 80px;
    }

        h3.pop_graybg .icon_list ul {
            padding: 0;
            margin: 0;
            text-align: right;
        }

            h3.pop_graybg .icon_list ul li {
                padding: 0 5px;
                margin: 0;
                color: #fff;
                display: inline-block;
                line-height: 40px;
            }

                h3.pop_graybg .icon_list ul li a {
                    text-decoration: none;
                    color: #fff;
                }

.home-icon-tag {
    margin-left: 15px;
    float: left;
    margin-top: 10px;
}

    .home-icon-tag img {
        width: 38px;
    }

.annotationLayer {
    display: none;
}


/* wirn | start - 30-06-2017 | Friday : 12:00 hrs., Morning */
.pdfViewer .page {
    border: 0px solid rgba(0, 0, 0, 0);
}

.new-style-webview #toolbarViewer {
    background: #fff;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

div#toolbarViewer.btm_panel {
    opacity: 0.2; /*0.2*/
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

    div#toolbarViewer.btm_panel.hover-btm_panel {
        opacity: 1;
        transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
    }

.new-style-webview #viewerContainer {
    top: 0px;
}

.header-top-icon-block ul li a img {
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    max-width: 50%;
}

.header-top-icon-block ul li a i, .header-top-icon-block ul li.btnserp button i {
    color: #555555;
}

.header-top-icon-block ul li:nth-child(7) {
    position: relative;
    top: -3px;
}

.header-top-icon-block ul li:nth-child(8) {
    top: -3px;
}

.header-top-icon-block ul li span {
    float: left;
    margin-top: 0px !important;
}

    .header-top-icon-block ul li span select {
        float: left;
    }

.samedaypaginationdropdown {
    position: inherit;
    top: 0px;
    left: 0px;
    right: auto;
    bottom: auto;
    margin: auto;
    padding: 0.1em 0.4em;
    width: 100px;
}

.header-top-icon-block ul li select {
    float: left;
    min-width: 120px;
}

.header-top-icon-block ul li {
    padding-left: 6px;
    padding-right: 6px;
}

.header-top-icon-block {
    margin: 0px 0 0px 0;
}

    .header-top-icon-block ul {
        margin: 0.99em 0 0.7em 0;
    }

        .header-top-icon-block ul li:nth-child(7) a {
            margin-top: 0.0em;
        }

        .header-top-icon-block ul li.btnserp button {
            float: left;
            cursor: pointer;
        }

            .header-top-icon-block ul li.btnserp button#btnserp {
                border-radius: 0px;
                border: none;
                background: none;
                padding: 0;
                margin: -1.7em 0 0 0;
            }

        .header-top-icon-block ul li a.before-icon-less {
            margin-top: -0.22em;
        }

            .header-top-icon-block ul li a.before-icon-less i {
                padding-left: 10px;
                padding-right: 10px;
            }

        .header-top-icon-block ul li a.navigatePage i {
            padding-left: 7px;
            padding-right: 7px;
        }

        .header-top-icon-block ul li a i.fa-lg {
            font-size: 1.45em;
        }

        .header-top-icon-block ul li a i.fa-2x {
            font-size: 1.85em;
        }

        .header-top-icon-block ul li a i {
        }

        .header-top-icon-block ul li.btnserp button i {
            font-size: 1.65em;
        }

        .header-top-icon-block ul li a.before-icon-less i {
            font-size: 1.65em;
        }

        .header-top-icon-block ul li a.navigatePage i {
            font-size: 1.65em;
        }

.dropdownToolbarButton {
    background: none;
}

html[dir='ltr'] .dropdownToolbarButton {
    margin: 0;
    border-radius: 5px;
    border: 1px solid rgba(82, 82, 82, 0.6);
}

select#scaleSelect {
    margin-top: 2px;
    border-radius: 5px;
    min-width: 100% !important;
}

select#scaleSelect,
select#scaleSelect {
    color: #000000;
}

select#scaleSelect {
    margin-top: 10px;
    border: 1px solid #5a5a5a;
    background: none;
    font-size: 13px;
    padding: 3px 4px;
}


select#drpGoToPage {
    margin-top: 2px;
    border-radius: 5px;
}

select#drpGoToPage,
select#drpMobGoToPage {
    color: #000000;
}

.dropdownToolbarButton > select {
    color: #000000;
}

.samedaypaginationdropdown {
    border: 1px solid #000 !important;
}

.close-icon-header-bar {
    top: auto;
    bottom: 0.5em;
    margin: auto;
    left: auto;
    right: 5em;
    height: 20px;
    width: 20px;
    text-align: center;
}

.nextPage {
    position: inherit;
    right: 0;
}

/* wirn - drop down searchbox */
.header-top-icon-block .bottom_searchbox01 {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    width: 490px;
    height: 40px;
    border- radius: 0 0 5px 5px;
    border-top: 2px solid rgba(82, 82, 82, 0.55);
    padding: 0.4em 1em;
    margin: auto;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

    .header-top-icon-block .bottom_searchbox01 .close_btttn {
        color: #000;
        width: 20px;
        height: 20px;
        margin: auto;
        padding: 0;
        display: inline-block;
        bottom: auto;
        top: 0.5em;
        left: auto;
        right: 0;
        opacity: 1;
    }

.close_btttn a {
    float: none;
    display: block;
    width: 100%;
}

    .header-top-icon-block .bottom_searchbox01 .close_btttn i, .close_btttn a i {
        color: #525252 !important;
    }

.header-top-icon-block .bottom_searchbox01 .splitToolbarButton .popsearchprevnext ul li button.toolbarButton {
    color: #000000;
}

    .header-top-icon-block .bottom_searchbox01 .splitToolbarButton .popsearchprevnext ul li button.toolbarButton img {
        position: inherit;
        top: 0px;
        filter: invert(100%);
        -webkit-filter: invert(100%);
        -moz-filter: invert(100%);
        -o-filter: invert(100%);
    }

.header-top-icon-block .bottom_searchbox01 input {
    float: left;
    margin: 0.2em 0 0 0;
    display: inline-block;
    width: auto;
    padding: 0.3em;
    border: 1px solid rgba(82, 82, 82, 0.45);
}

.splitToolbarButton .toolbarLabel {
    color: #000000;
    font-size: 12px;
    padding: 0;
    margin: 1em 0 0 0;
    width: 6em;
}

.bottom_searchbox01 ul {
    margin: 0.3em 0 0 0;
    padding: 0;
}

.header-top-icon-block .bottom_searchbox01 .splitToolbarButton .Highlight-box input#findHighlightAll,
.header-top-icon-block .bottom_searchbox01 .splitToolbarButton .Highlight-box input#chkIsExact {
    margin: 0.9em 0.3em 0 0;
}

.bottom_custom .mob_fourbot_txt .bottom_searchbox01 {
    border-radius: 0px 0px 5px 5px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 6em;
    bottom: 0;
    width: 80%;
    height: 50px;
    border- radius: 0 0 5px 5px;
    border-top: 2px solid rgba(82, 82, 82, 0.55);
    padding: 0.4em 1em;
    margin: auto;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

    .bottom_custom .mob_fourbot_txt .bottom_searchbox01 .close_btttn {
        color: #000;
        width: 20px;
        height: 20px;
        margin: auto;
        padding: 0;
        display: inline-block;
        bottom: auto;
        top: 0.5em;
        left: auto;
        right: 0;
        opacity: 1;
    }

.close_btttn a {
    float: none;
    display: block;
    width: 100%;
}

    .bottom_custom .mob_fourbot_txt .bottom_searchbox01 .close_btttn i, .close_btttn a i {
        color: #525252 !important;
    }

.bottom_custom .mob_fourbot_txt .bottom_searchbox01 .splitToolbarButton .popsearchprevnext ul li button.toolbarButton {
    color: #000000;
}

    .bottom_custom .mob_fourbot_txt .bottom_searchbox01 .splitToolbarButton .popsearchprevnext ul li button.toolbarButton img {
        position: inherit;
        top: 0px;
        filter: invert(100%);
        -webkit-filter: invert(100%);
        -moz-filter: invert(100%);
        -o-filter: invert(100%);
    }

.bottom_custom .mob_fourbot_txt .bottom_searchbox01 input {
    float: left;
    margin: 0.2em 0 0 0;
    display: inline-block;
    width: auto;
    padding: 0.3em;
    border: 1px solid rgba(82, 82, 82, 0.45);
}

.splitToolbarButton .toolbarLabel {
    color: #000000;
    font-size: 12px;
    padding: 0;
    margin: 1em 0 0 0;
    width: 6em;
}

/* wirn - drop down searchbox end */

.toolbar #toolbarContainer .footer-border { /*border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 3px;*/
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
    height: 0px;
}

.header-search-result {
    background-color: #0f4880;
    border-bottom: 2px solid #0f4880;
    border-top: none;
    padding-top: 0px;
    padding-left: 0px;
}

    .header-search-result .display-number {
        float: none;
    }

    .header-search-result p {
        float: none;
        margin-right: 0;
        text-align: center;
        line-height: 30px;
    }

.tooltip {
    position: relative;
    display: inline-block;
    margin: 10px 20px;
    opacity: 1;
    padding: 5px 0;
}

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000;
    }

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
}

.tooltip-inner {
    max-width: 100px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.dropdownToolbarButton > select > option {
    background: #fff;
}

.posr {
    position: relative;
    width: 100%;
}

.posRe {
    position: relative;
    width: 100%;
}

.close-icon-header-bar a i {
    color: #FFFFFF;
    font-size: 1.1em;
}

.close-icon-header-bar a:hover i {
    color: #dedede;
}

.toolbarButton.textButton:focus {
    background-color: hsla(0, 0%, 0%, .0);
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .00) inset, 0 0 1px hsla(0, 0%, 100%, .0) inset, 0 0 1px hsla(0, 0%, 0%, .0);
    z-index: 199;
}

.dropdownToolbarButton:hover, .dropdownToolbarButton:focus {
    background-color: transparent;
    box-shadow: none;
}

.bottom_searchbox01 .close_btttn a i.fa-2x {
    font-size: 1.4em;
}

div.newPopupBlock {
    max-width: 700px;
    border-radius: 15px 15px 10px 10px;
    box-shadow: none;
}

div.newPopupOverlay {
    background: rgba(0, 0, 0, 0.6) repeat scroll 0 0;
    /*border-radius: 10px 10px 0 0;*/
}

.popup_header {
    background: #149ddd;
    padding: 0;
    width: 100%;
    float: none;
}

h3.pop_graybg {
    background: #0f4880;
    border-top: 1px solid #0f4880;
    line-height: 34px;
    padding: 0 20px;
    margin-top: 0px;
}

    h3.pop_graybg .icon_list {
        color: #FFFFFF;
    }

div.settingsBody {
    background: none;
    padding: 1em 1em;
    border: none;
    border-radius: 0px;
}

div.bodyBox {
    border-radius: 15px 15px 10px 10px;
    border: 2px solid #555;
}

h3.pop_graybg span.text_list {
    font-style: normal;
    font-size: 45.8%;
    font-weight: normal;
}

.popup_footer {
    display: block;
    text-align: right;
    width: auto;
}

    .popup_footer ul {
        position: absolute;
        display: inline-block;
        width: 23%;
        float: right;
        text-align: right;
        padding: 0;
        margin: auto;
        right: 0;
        left: auto;
        bottom: -3.5em;
        top: auto;
        list-style: none;
    }

        .popup_footer ul li {
            list-style: none;
            width: auto;
            float: none;
            display: inline-block;
            padding: 0;
            margin: -12px 0.5em;
        }

            .popup_footer ul li a {
                background: #149ddd;
                display: block;
                width: 50px;
                height: 50px;
                border-radius: 3px;
                text-align: center;
                color: #FFFFFF;
            }

                .popup_footer ul li a i {
                    color: #FFFFFF;
                    line-height: 49px;
                }

                .popup_footer ul li a:hover, .popup_footer ul li a:focus {
                    background: #0f7eb1;
                }

.popup.exitgrabberPopupDiv {
    border-radius: 0px;
}

.popup.exitgrabberPopupDiv {
    border-radius: 10px;
}

h3.pop_graybg .icon_list {
    top: 5px;
    right: 5px;
    width: auto;
    bottom: 0;
}

a#aSearchpopupClose {
    color: #FFFFFF;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
}

    a#aSearchpopupClose i {
        color: #000000;
        line-height: 14px;
    }

#toolbarViewer.btm_panel .crop_spanpart ul li button {
    color: #FFFFFF;
    border-radius: 3px;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
}

    #toolbarViewer.btm_panel .crop_spanpart ul li button i {
        color: #000000;
        line-height: 34px;
    }

#toolbarViewer.btm_panel .crop_spanpart ul li i {
    color: #000000;
    line-height: 34px;
}

.prevImageContainer {
    text-align: center;
    width: 585px;
    height: auto;
    overflow-x: auto;
    overflow-y: visible;
    margin: 0 auto;
    border: 4px solid #121212;
}

    .prevImageContainer #imgcroping {
        box-shadow: none;
        border: 0px solid #121212;
        padding: 5px;
        min-height: 100px;
        max-width: 100%;
    }

    .prevImageContainer img {
        box-shadow: none;
    }

img.pos-load {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    width: 125px;
    height: 100px;
    z-index: 999;
    border: 0px !important;
}

.rightToggleBtn {
    display: block;
    width: 30px;
    height: 30px;
    background: #0f4880;
    position: absolute;
    top: 10px;
    right: 25px;
    z-index: 9999999;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

    .rightToggleBtn i {
        font-size: 14px;
        line-height: 30px;
        color: #fff !important;
    }


/*.btm_panel .header-search-result{ display: none; opacity: 0;}
.btm_panel.hover-btm_panel .header-search-result{ display: block; opacity: 1;}*/
/* wirn | end - 00-00-2017 | ------- : 00:00 hrs., ------- */
/*Added By Rimi*/
.img_section {
    margin: 20px 0;
    min-height: 200px;
    display: block;
    margin: 0 auto;
    left: -50%;
}

/*.img_section img{
    border:1px solid #333;
}*/

.blue_btn button {
    background: #0f4880;
    color: #fff;
    border: 1px solid #fff;
    float: right;
    padding: 10px;
    font-family: 'Libre Baskerville', serif;
}

.paddin_lft_0 {
    padding-left: 0px !important;
}

.text_box_sec {
    margin: 20px 0 0 0;
    display: inline-block;
    width: 100%;
}

.bs-wizard {
    margin-top: 40px;
}

.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step + .bs-wizard-step {
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #595959;
            font-size: 16px;
            margin-bottom: 5px;
            margin-left: 25px;
            font-weight: bold;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 60px;
            height: 60px;
            display: block;
            background: #008FBE;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 44px;
                height: 44px;
                background: #026a8c;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 30px 0;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: #008FBE;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }

.for_image_center {
    margin: auto;
}
/*Added By Rimi*/
/*=================22.11.17==================*/
.new-viewpop-header {
    background: #008EBC;
    padding: 10px;
    color: #fff;
}

div.newviewPopupBlock {
    max-width: 800px;
    margin: 0 auto;
}

.nweViewform .form-group .divselect {
    border: 1px solid hsla(0, 0%, 0%, .15);
    padding: 5px;
    font-size: 87.5%;
    /*width: 60px;*/ width: calc(100% - 15px);
    /*float: right;*/
    /*margin-left: 0px;*/ margin-right: 15px;
    position: relative;
    /*display: inline-flex;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nweViewform .treeview {
    position: absolute;
    top: 30px;
    left: 50px;
    background: #fff;
    z-index: 1;
    font-size: 12px;
    height: 300px;
    overflow: auto;
}

    .nweViewform .treeview .list-group-item {
        border-radius: 0;
    }


.viewerediter {
    width: 329px;
    margin-left: 10px;
}

.nweViewform .form-group textarea {
    border-radius: 3 !important;
    border: 1px solid hsla(0, 0%, 0%, .15);
    padding: 5px;
    box-shadow: none;
}

.nweViewform2 .form-group input {
    border-radius: 0 !important;
    border: 1px solid hsla(0, 0%, 0%, .15);
    padding: 5px;
    box-shadow: none;
    width: 94%;
}

.nweViewform2 .form-group select {
    border-radius: 0 !important;
    border: 1px solid hsla(0, 0%, 0%, .15);
    padding: 5px;
    box-shadow: none;
    width: 100%;
}

.nweViewform2 .form-group {
    display: block;
}

.nweViewform .form-inline .form-group {
    margin-left: 10px;
    margin-right: 0;
}

.form-group a {
    color: #0f4880;
}

.mrgn-top10 {
    margin-top: 10px;
}

.viewertag {
    padding-bottom: 15px;
}

    .viewertag h1 {
        font-size: 20px;
        color: #000;
        margin-bottom: 15px;
        border-bottom: 1px solid #ccc;
        margin-top: 0;
        padding-bottom: 10px;
    }

    .viewertag ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .viewertag ul li {
            float: left;
            margin: 0 5px 5px 0;
            width: auto;
            padding: 3px 5px;
            /*font-size: 12px;*/
            font-size: 75%;
            color: #222;
            border: 1px solid #ccc;
        }

            .viewertag ul li a {
                font-size: 18px;
                border: none;
                text-decoration: none;
                color: #0f4880;
            }

            .viewertag ul li.link-edit {
                border: none;
                margin-top: 5px;
            }

                .viewertag ul li.link-edit a {
                    /*font-size: 14px;*/
                    font-size: 120%;
                    color: #008fbe;
                    text-decoration: none;
                }

    .viewertag .addtag {
        /*font-size: 14px;*/
        font-size: 87.50%;
        margin: 10px 0 20px;
    }

        .viewertag .addtag a {
            color: #000;
            text-decoration: none;
        }

            .viewertag .addtag a i {
                color: #0f4880;
                font-size: 16px;
                margin-right: 5px;
            }

.newviewPopupBlock img {
    max-width: 100%;
    z-index: 1 !important;
    margin: 10px auto;
    /*border: 10px solid #333;*/
    padding: 5px;
    max-height: 300px;
}

.socialarea {
    margin: 20px 0;
}

    .socialarea ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .socialarea ul li {
            margin-bottom: 15px;
            font-size: 24px;
            border: none;
            float: none;
        }

            .socialarea ul li span {
                float: left;
                width: 20px;
            }

            .socialarea ul li label {
                font-size: 14px;
                color: #149ddd;
                float: left;
                width: 90%;
                margin-left: 10px;
                margin-top: 3px;
            }

.checkbox {
    padding-left: 40px;
    margin-top: 0;
}

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 20px;
            height: 20px;
            left: 0;
            margin-left: -22px;
            border: 1px solid #cccccc;
            border-radius: 0;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 5px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
    }

        .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }

        .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.column, .columns {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%;
    float: left;
}

    .column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child {
        float: right;
    }

    .column + .column.end, .columns + .column.end, .column + .columns.end, .columns + .columns.end {
        float: left;
    }

#demos .owl-carousel {
    margin: 15px 0 0 0;
}

    #demos .owl-carousel .item {
        padding: 0px;
        width: 10rem;
        margin: 8px 15px;
    }

        #demos .owl-carousel .item h4 {
            color: #FFF;
            font-weight: 400;
            margin-top: 0rem;
        }

        #demos .owl-carousel .item img {
            max-width: 100%;
            border: 3px solid #505050;
            padding: 5px;
        }

    #demos .owl-carousel .item-video {
        height: 300px;
    }

.owl-dots {
    display: none;
}

.owl-theme .owl-nav {
    position: absolute;
}

    .owl-theme .owl-nav .owl-next {
        width: 50px;
        height: 50px;
        position: relative;
        border-radius: 50% !important;
        right: -655px;
        top: -90px;
        padding: 0;
        font-size: 30px !important;
        line-height: 50px;
        background: #008fbe !important;
    }

    .owl-theme .owl-nav .owl-prev {
        width: 50px;
        height: 50px;
        position: relative;
        border-radius: 50% !important;
        left: -12px;
        top: -90px;
        padding: 0;
        font-size: 30px !important;
        line-height: 50px;
        background: #008fbe !important;
    }

.viewsliderpopover {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #efefef;
    z-index: 1050;
    bottom: 7px;
    left: 0px;
}

.viewpopBody {
    position: relative;
}

.pagetint {
}

.redtint {
    background-color: #f8f5de;
    background-image: linear-gradient(to right, rgba(255,210,0,0.4), rgba(200, 160, 0, 0.1) 11%, rgba(0,0,0,0) 35%, rgba(200, 160, 0, 0.1) 65%);
    box-shadow: inset 0 0 75px rgba(255,210,0,0.3), inset 0 0 20px rgba(255,210,0,0.4), inset 0 0 30px rgba(220,120,0,0.8);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.browntint {
    background: linear-gradient( rgba(0, 250, 250, 0.25), rgba(250, 153, 0, 0.25));
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
}

.yellowtint {
    background: radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0, linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%);
    background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
    background-color: #840b2a;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
}

.bluetint {
    background: rgba(152, 162, 225, 0.3);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}



.greentint {
    background: rgba(75, 153, 135, 0.3);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.relativepos {
    position: relative;
    margin: 0 auto 10px auto;
}

#demos {
    position: relative;
}

    #demos .closepop {
        position: absolute;
        top: 4px;
        right: 1px;
        color: #fff;
        border: 0px solid #fff;
        padding: 2px 5px;
        border-radius: 50%;
        font-size: 12px;
    }

.newviewPopupBlock .stepbox {
    padding: 0;
    margin: 10px 0;
}

    .newviewPopupBlock .stepbox ul {
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
        width: 70%;
    }

        .newviewPopupBlock .stepbox ul li {
            display: table-cell;
            float: none;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
        }

            .newviewPopupBlock .stepbox ul li span {
                background: #ccc;
                color: #fff;
                font-size: 100%;
                font-weight: 600;
                width: 80px;
                height: 80px;
                display: block;
                margin: 0 auto;
                border-radius: 50%;
                border: 3px solid #fff;
                padding: 28px 0;
            }

                .newviewPopupBlock .stepbox ul li span.active {
                    background: #0f4880;
                    color: #fff !important;
                    border: 3px solid #fff;
                }

                .newviewPopupBlock .stepbox ul li span.visited {
                    background: #2d77bf;
                    color: #fff !important;
                    border: 3px solid #fff;
                }

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}

    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #30487b;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
        background-image: none;
    }

    .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
        background-color: #3b5998;
        border-color: rgba(0,0,0,0.2);
    }

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .btn-social :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0,0,0,0.2);
    }

    .btn-social.btn-lg {
        padding-left: 61px;
    }

        .btn-social.btn-lg :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em;
        }

    .btn-social.btn-sm {
        padding-left: 38px;
    }

        .btn-social.btn-sm :first-child {
            line-height: 28px;
            width: 28px;
            font-size: 1.4em;
        }

    .btn-social.btn-xs {
        padding-left: 30px;
    }

        .btn-social.btn-xs :first-child {
            line-height: 20px;
            width: 20px;
            font-size: 1.2em;
        }

.btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding-left: 0;
    padding-right: 0;
}

    .btn-social-icon :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0,0,0,0.2);
    }

    .btn-social-icon.btn-lg {
        padding-left: 61px;
    }

        .btn-social-icon.btn-lg :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em;
        }

    .btn-social-icon.btn-sm {
        padding-left: 38px;
    }

        .btn-social-icon.btn-sm :first-child {
            line-height: 28px;
            width: 28px;
            font-size: 1.4em;
        }

    .btn-social-icon.btn-xs {
        padding-left: 30px;
    }

        .btn-social-icon.btn-xs :first-child {
            line-height: 20px;
            width: 20px;
            font-size: 1.2em;
        }

    .btn-social-icon :first-child {
        border: none;
        text-align: center;
        width: 100% !important;
    }

    .btn-social-icon.btn-lg {
        height: 45px;
        width: 45px;
        padding-left: 0;
        padding-right: 0;
    }

    .btn-social-icon.btn-sm {
        height: 30px;
        width: 30px;
        padding-left: 0;
        padding-right: 0;
    }

    .btn-social-icon.btn-xs {
        height: 22px;
        width: 22px;
        padding-left: 0;
        padding-right: 0;
    }

.btn-twitter {
    color: #fff;
    background-color: #2ba9e1;
    border-color: rgba(0,0,0,0.2);
}

    .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter {
        color: #fff;
        background-color: #1c92c7;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter {
        background-image: none;
    }

    .btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active {
        background-color: #2ba9e1;
        border-color: rgba(0,0,0,0.2);
    }










/*Carousol end*/
.custom-size {
    height: 150px;
    width: 150px;
}

/* ============== CSS ADDED ON 21-12-17 START =====================*/

.light-brown {
    -webkit-box-shadow: inset 0 0 100px rgba(175, 111, 31, 0.58);
    -moz-box-shadow: inset 0 0 100px rgba(175, 111, 31, 0.58);
    box-shadow: inset 0 0 100px rgba(175, 111, 31, 0.58);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.light-gray {
    background-color: #f8f5de;
    background-image: linear-gradient(to right, rgba(132, 108, 0, 0.4), rgba(200, 160, 0, 0.1) 11%, rgba(0,0,0,0) 35%, rgba(200, 160, 0, 0.1) 65%);
    box-shadow: inset 0 0 75px rgba(255,210,0,0.3), inset 0 0 20px rgba(125, 104, 2, 0.4), inset 0 0 30px rgba(66, 36, 1, 0.8);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
}

.defaulttint {
    background-image: radial-gradient(circle, white, #efefef, #33334d);
    /*background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;*/
    background-color: white;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
}

.light-blue {
    -moz-box-shadow: inset 0 0 100px rgba(176, 191, 197, 0.85);
    -webkit-box-shadow: inset 0 0 100px rgba(176, 191, 197, 0.85);
    box-shadow: inset 0 0 100px rgba(176, 191, 197, 0.85);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.light-green {
    -moz-box-shadow: inset 0 0 100px rgba(44, 64, 6, 0.55);
    -webkit-box-shadow: inset 0 0 100px rgba(44, 64, 6, 0.55);
    box-shadow: inset 0 0 100px rgba(44, 64, 6, 0.55);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.light-black {
    -moz-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.72);
    -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.72);
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.72);
    zoom: 1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}


.light-pink {
    -moz-box-shadow: inset 0 0 100px rgba(165,139,144, 0.9);
    -webkit-box-shadow: inset 0 0 100px rgba(165,139,144, 0.9);
    box-shadow: inset 0 0 100px rgba(165,139,144, 0.9);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.viewsliderpopover .owl-theme .owl-nav {
    top: -60px;
}

    .viewsliderpopover .owl-theme .owl-nav .owl-prev {
        top: 92px;
    }

    .viewsliderpopover .owl-theme .owl-nav .owl-next {
        top: 92px;
    }

.viewertag ul li {
    padding: 0;
    border: 0;
}

    .viewertag ul li a.btn-style {
        font-size: 19px;
        border: none;
        text-decoration: none;
        background-color: #ededed;
        background-image: -webkit-linear-gradient(top,#f5f5f5,#e6e6e6);
        background-image: -moz-linear-gradient(top,#f5f5f5,#e6e6e6);
        background-image: -ms-linear-gradient(top,#f5f5f5,#e6e6e6);
        background-image: -o-linear-gradient(top,#f5f5f5,#e6e6e6);
        background-image: linear-gradient(top,#f5f5f5,#e6e6e6);
        padding: 3px 6px;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 2px;
        line-height: 29px;
    }

.menue_moreicon {
    display: none;
}


#toolbarViewer .bottom_searchbox01 {
    left: 25%;
    width: 504px;
    bottom: auto;
    top: 78px;
    background: #fff;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 1px 10px 2px #ccc;
}

#toolbarViewer .splitToolbarButton {
    width: 57%;
    position: absolute;
    top: 16px;
    right: 10px;
}

#toolbarViewer .popsearchprevnext {
    width: 80px;
    float: left;
}

#toolbarViewer .bottom_searchbox01 ul {
    list-style: none;
}

    #toolbarViewer .bottom_searchbox01 ul li i {
        color: #000;
    }

    #toolbarViewer .bottom_searchbox01 ul li {
        width: 30px;
        display: inline-block;
    }

#toolbarViewer .Highlight-box {
    width: 94px;
    float: left;
}

a#aSearchpopupClose {
    position: relative;
    z-index: 9999;
}




/* ============== CSS ADDED ON 21-12-17 END =====================*/
/* ALL MEDIA QUERIES START */
@media (min-width:1381px) {
    .bottompart_webctrl {
        width: 1150px;
    }
}

@media (max-width:1380px) {
    .bottompart_webctrl {
        width: 90%;
    }
}

@media (max-width:1024px) {
    #toolbarViewer.btm_panel .search_result_box {
        width: 225px;
    }

    .bottompart_webctrl {
        width: 100%;
    }

    #toolbarViewer.btm_panel .search_result_box ul.number li span a {
        padding: 1px 2px;
    }

    .bottom_searchbox {
        left: auto;
        right: -20px;
    }

        .bottom_searchbox:after {
            left: auto;
            margin-left: -30px;
        }

    .bottom_searchbox01 {
        left: -110px;
    }

        .bottom_searchbox01:after {
            margin-left: 0px;
        }

    #toolbarViewer.btm_panel .crop_spanpart ul li button {
        padding: 0;
        margin: 0;
        width: auto;
        height: auto;
    }

    #toolbarViewer.btm_panel .crop_spanpart ul li {
        width: 31px;
    }

    #toolbarViewer.btm_panel .crop_spanpart {
        margin-top: 6px;
    }

    .home-icon-tag {
        margin-left: 35px !important;
    }
}

@media (max-width:1190px) {
}

@media only screen and (min-width:64.063em) and (max-width:90em) {
    #toolbarViewer.btm_panel .search_result_box {
        width: 300px;
    }

        #toolbarViewer.btm_panel .search_result_box ul.number li span a {
            padding: 1px 2px;
        }

    .bottom_searchbox {
        left: auto;
        right: -20px;
    }

        .bottom_searchbox:after {
            left: auto;
            margin-left: -30px;
        }

    .bottom_searchbox01 {
        left: -110px;
    }

        .bottom_searchbox01:after {
            margin-left: 5px;
        }

    #toolbarViewer.btm_panel .crop_spanpart ul li button {
        padding: 0;
        margin: 0;
        width: auto;
        height: auto;
    }

    #toolbarViewer.btm_panel .crop_spanpart ul li {
        width: 31px;
    }

    #toolbarViewer.btm_panel .crop_spanpart {
        margin-top: 6px;
    }

    .home-icon-tag {
        margin-left: 35px !important;
    }
}

@media (max-width:1152px) {
    .bottompart_webctrl {
        width: 100%;
    }
}

@media (max-width:1110px) {
    #toolbarViewer.btm_panel .search_result_box > span {
        display: none;
    }
}

@media (max-width:980px) {
    #toolbarViewer.btm_panel .dropdownToolbarButton {
        min-width: 70px !important;
        max-width: 70px !important;
    }

    #toolbarViewer.btm_panel .search_result_box {
        width: 204px;
    }

    #toolbarViewer.btm_panel .goto_box {
        width: 200px;
    }

        #toolbarViewer.btm_panel .goto_box input[type="text"] {
            width: 80px;
        }

    .ui_slider_custom {
        width: 120px;
    }

    #toolbarViewer.btm_panel .ui_slider_custom .slider {
        width: 42%;
    }

    #toolbarViewer.btm_panel .crop_spanpart {
        width: 97px;
    }

    #toolbarViewer.btm_panel .goto_box .goto_txt {
        display: none;
    }

    #toolbarViewer.btm_panel .goto_box {
        width: 227px;
    }

    #toolbarViewer.btm_panel .search_result_box span {
        display: none;
    }

    #toolbarViewer.btm_panel .search_result_box ul.number li span {
        display: inline;
    }

    .bottom_searchbox01 {
        left: auto;
        right: -20px;
    }

        .bottom_searchbox01:after {
            left: auto;
            right: 0;
        }

    #toolbarViewer.btm_panel .search_result_box {
        width: 190px;
    }

    #toolbarViewer.btm_panel .crop_spanpart {
        width: 190px;
    }

    body .ui_slider_custom {
        width: 150px;
    }

    body #toolbarViewer.btm_panel .ui_slider_custom button.zoomIn {
        right: -10px;
    }

    body #toolbarViewer.btm_panel .ui_slider_custom button {
        margin-left: -10px;
    }

    /************************************* Jayanta 15.06.16 start************************************/
    .header-search-result {
    }

    .new-style-webview #viewerContainer {
        top: 85px;
    }

    /************************************* Jayanta 15.06.16 end************************************/








}

@media (max-width:980px) {

    #slider .owl-carousel .owl-nav.disabled, .viewsliderpopover .owl-theme .owl-nav {
        display: block;
        width: 100%;
    }

        .viewsliderpopover .owl-theme .owl-nav .owl-prev {
            position: absolute;
            left: 0;
        }

        .viewsliderpopover .owl-theme .owl-nav .owl-next {
            position: absolute !important;
            left: auto !important;
            right: 0;
        }

    .jcrop-handle {
        background-color: #008fbe !important;
        border: 1px #008fbe solid !important;
    }

    .jcrop-holder .close_bt {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        right: -35px;
    }

    .jcrop-holder .nxt_bt {
        width: 50px;
        height: 50px;
        position: absolute;
        bottom: 0;
        right: -55px;
        display: none;
    }



    .nweViewform2 .form-group select {
        width: 160px;
    }

    .clr {
        clear: both;
    }

    .nweViewform .form-inline .form-group {
        margin-left: 5px;
        display: inline-block;
    }
}

@media (max-width:767px) {
    .header-search-result {
        padding-top: 0px;
        text-align: left;
        padding-left: 10px;
        height: auto !important;
    }

    .toppos {
        top: 20px !important;
    }

    .nextPage {
        right: 0 !important;
    }

    .samedaypaginationdropdown {
        left: 0 !important;
        top: -0.3em !important;
        position: relative;
    }

    .copyright-section {
        text-align: center;
    }

        .copyright-section span {
            font-size: 14px;
            margin-top: 10px;
        }

    /*.bottompart_webctrl {
        display: none;
    }*/

    .bottompart_mobctrl {
        position: relative;
        display: block;
    }

    .mob_fourbot_txt {
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
    }

        .mob_fourbot_txt ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .mob_fourbot_txt ul li {
                width: 21%;
                display: inline-block;
                padding: 0;
                margin: 0;
                font-size: 14px;
                text-decoration: none;
                text-align: center;
                line-height: 28px;
            }

                .mob_fourbot_txt ul li a {
                    font-size: 11px;
                    color: #000000;
                    text-decoration: none;
                    text-align: center;
                    line-height: 24px;
                    display: block;
                }

    #mainContainer {
        width: 100%;
        min-width: 100%;
    }

    .toolbar {
        width: 100%;
    }

    #iObjectpdf {
        height: 100% !important;
    }

    #outerContainer {
        height: 100%;
    }

    .mob_zooming {
        position: absolute;
        left: 0;
        top: -40px;
        width: 100%;
        height: 40px;
        background: #6d6d6d;
        display: none;
        z-index: 10000;
    }

    #scaleSelectContainer {
        display: block !important;
    }

    .ui_slider_custom {
        width: 90%;
    }

    #toolbarViewer.btm_panel .ui_slider_custom button.zoomOut {
        left: 0;
        right: auto;
        position: absolute;
        top: 2px;
        text-align: left;
        padding-right: 0;
    }

    #toolbarViewer.btm_panel .ui_slider_custom .slider {
        width: 57%;
        display: none;
    }

    .mob_pagesearch {
        position: absolute;
        left: 0;
        top: -40px;
        width: 100%;
        height: 40px;
        background: #000;
        display: none;
    }

    #toolbarViewer.btm_panel .goto_box {
        width: 100%;
    }

        #toolbarViewer.btm_panel .goto_box .goto_txt {
            display: inline-block;
        }

    .mob_searchresult {
        position: absolute;
        left: 0;
        top: -40px;
        width: 100%;
        height: 40px;
        background: #000;
        display: none;
    }

    #toolbarViewer.btm_panel .search_result_box {
        width: 100%;
    }

        #toolbarViewer.btm_panel .search_result_box ul.number li {
            width: auto;
        }

            #toolbarViewer.btm_panel .search_result_box ul.number li span {
                top: -7px;
            }

        #toolbarViewer.btm_panel .search_result_box span {
            display: inline-block;
            top: -24px;
        }

    .mob_moreicons {
        position: absolute;
        left: 0;
        top: -40px;
        width: 100%;
        height: 40px;
        background: #000;
        display: none;
    }

    #toolbarViewer.btm_panel .crop_spanpart {
        width: 300px;
        margin: 0 auto;
        float: none;
        position: relative;
    }

    .mob_moreicons .bottom_searchbox01 {
        top: auto;
        left: 0;
        bottom: 100%;
        margin-bottom: 10px;
    }

        .mob_moreicons .bottom_searchbox01:after {
            left: 50%;
            margin-left: -5px;
        }

    #toolbarViewer.btm_panel .crop_spanpart ul li {
        width: 18%;
    }

    .bottom_searchbox {
        left: auto;
        right: auto;
        bottom: 45px;
        margin-left: -25px;
    }

        .bottom_searchbox:after {
            margin-left: -10px;
            left: 40px;
        }

    .pdfViewer .page canvas {
        height: 100%;
    }

    #toolbarViewer.btm_panel .crop_spanpart > ul > li:nth-child(2) {
        position: relative;
        top: 3px;
        width: 200px;
        height: 50px;
    }

    .help_icon {
        right: 4%;
    }

    .home-icon-tag {
        margin-left: 0px !important;
    }

    a.icon_close_box {
        background: #666;
        color: #fff;
        position: absolute;
        top: -11px;
        right: -6px;
        display: block !important;
        width: 22px;
        height: 22px;
        display: block !important;
        border-radius: 50px;
        font-weight: bold;
    }

    .hidden-web {
        display: block;
        height: auto;
    }

    .header-search-result {
        overflow: hidden;
    }

    .mobile-hidden {
        display: none;
    }

    .bottompart_mobctrl .mob_moreicons {
        top: 53px;
    }

    .small-content-text-header {
        display: block;
    }

    .display-number {
        margin-left: 0px !important;
        margin-right: 0px !important;
        display: none;
    }

    .close-icon-header-bar {
        margin-right: 0px;
    }

    .header-search-result {
        padding-left: 0px;
        display: inline-block;
        z-index: 99999;
        top: 55px;
        position: absolute;
    }

    .bottompart_mobctrl .mob_fourbot_txt ul li a img {
        width: 38px;
        display: inline-block;
        margin-top: 13px;
    }

    .bottompart_mobctrl .mob_fourbot_txt .zoom-top-new {
        height: 51px;
        top: 51px;
    }

        .bottompart_mobctrl .mob_fourbot_txt .zoom-top-new .outerCenter {
            width: 74% !important;
        }

        .bottompart_mobctrl .mob_fourbot_txt .zoom-top-new .ui_slider_custom {
            width: 100% !important;
            display: inline-block !important;
        }

            .bottompart_mobctrl .mob_fourbot_txt .zoom-top-new .ui_slider_custom .zoomIn {
                right: 25px !important;
            }

        .bottompart_mobctrl .mob_fourbot_txt .zoom-top-new .outerCenter .innerCenter .dropdownToolbarButton {
            background: none;
        }

    .bottompart_mobctrl .mob_fourbot_txt .pagesearch-new-top {
        height: 51px;
        top: 51px;
    }

    .bottompart_mobctrl .mob_fourbot_txt .searchresult-new-top {
        height: 51px;
        top: 51px;
    }

    .bottom_searchbox01 {
        position: relative;
        right: 0;
    }

        .bottom_searchbox01:after {
            display: none;
        }

    .bottom_searchbox01 {
        width: 80%;
        top: 53px;
        position: absolute;
        left: 7%;
        right: 0;
        height: 76px;
    }

        .bottom_searchbox01 .splitToolbarButton .Highlight-box {
            float: left;
        }

            .bottom_searchbox01 .splitToolbarButton .Highlight-box input#findHighlightAll {
                margin-top: 5px;
            }

            .bottom_searchbox01 .splitToolbarButton .Highlight-box input#chkIsExact {
                margin-top: 5px;
            }

        .bottom_searchbox01 .close_btttn {
            top: -1px;
            right: 2px;
        }

    /*Added By Piyush*/

    .bottom_custom .mob_fourbot_txt ul {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

        .bottom_custom .mob_fourbot_txt ul li .home-icon {
            position: relative;
            top: 6px;
        }

        .bottom_custom .mob_fourbot_txt ul li a {
            display: inline-block;
            margin: 0;
            padding: 0;
        }

            .bottom_custom .mob_fourbot_txt ul li a img {
                margin: 0;
                padding: 0;
            }

        .bottom_custom .mob_fourbot_txt ul li.arw_icon a img {
            width: 28px;
        }

        .bottom_custom .mob_fourbot_txt ul li.arw_icon span {
            position: relative;
            top: -12px;
        }

        .bottom_custom .mob_fourbot_txt ul li .ui_slider_custom {
            width: 96%;
            margin-left: 2%;
            margin-right: 2%;
            position: relative;
        }

            .bottom_custom .mob_fourbot_txt ul li .ui_slider_custom button {
                width: 30px;
            }

                .bottom_custom .mob_fourbot_txt ul li .ui_slider_custom button img {
                    width: 100%;
                }

            .bottom_custom .mob_fourbot_txt ul li .ui_slider_custom #zoomOutMob {
                position: absolute;
                left: 3%;
            }

            .bottom_custom .mob_fourbot_txt ul li .ui_slider_custom #zoomInMob {
                position: absolute;
                right: 3%;
            }

        .bottom_custom .mob_fourbot_txt ul li #dvCloseNavMenuMob {
            margin: 0 10px 0 0;
        }

            .bottom_custom .mob_fourbot_txt ul li #dvCloseNavMenuMob a {
                width: 20px;
            }

                .bottom_custom .mob_fourbot_txt ul li #dvCloseNavMenuMob a img {
                    width: 100%;
                }

        .bottom_custom .mob_fourbot_txt ul li .popsearchprevnext ul li:nth-child(1) button.toolbarButton {
            left: 0px;
        }

        .bottom_custom .mob_fourbot_txt ul li .popsearchprevnext ul li:nth-child(2) button.toolbarButton {
            left: 30px;
        }

        .bottom_custom .mob_fourbot_txt ul li .popsearchprevnext ul li:nth-child(1) button.toolbarButton span img {
            position: relative;
            left: 10px;
        }

        .bottom_custom .mob_fourbot_txt ul li .popsearchprevnext ul li:nth-child(2) button.toolbarButton span img {
            position: relative;
            right: 25px;
        }

    /* wirn - mob css */
    .mob_fourbot_txt ul li a img {
        filter: invert(100%);
        -webkit-filter: invert(100%);
        -moz-filter: invert(100%);
        -o-filter: invert(100%);
        max-width: 35%;
    }

    .mob_fourbot_txt ul li a i, .header-top-icon-block ul li.btnserp button i {
        color: #777777;
    }

    .pdfViewer .canvasWrapper,
    .textLayer {
        width: 100% !important;
        height: auto !important;
        /*pointer-events: none ;*/
        /*-webkit-pointer-events: none !important;*/
    }

    .bottom_custom .mob_fourbot_txt ul li {
        padding: 0 0.3em;
    }

        .bottom_custom .mob_fourbot_txt ul li button.toolbarButton {
            margin: 0;
            padding: 0;
            color: #777777;
            min-width: 100%;
            width: auto;
            height: auto;
            font-size: 11px;
            border-radius: 0px;
            border: none;
            background: none;
            background-color: transparent;
            cursor: pointer;
        }

        .bottom_custom .mob_fourbot_txt ul li #dvCloseNavMenuMob {
            margin: auto;
            right: 0.3em;
            left: auto;
            top: 0.0em;
            bottom: auto;
            font-size: 2em;
            display: none;
        }

        .bottom_custom .mob_fourbot_txt ul li a i {
            font-size: 2em;
        }

    div#toolbarViewer.btm_panel {
        opacity: 1;
    }

    .bottom_custom .mob_fourbot_txt ul li a {
        color: #FFFFFF;
    }

        .bottom_custom .mob_fourbot_txt ul li a.icon_close_box i {
            color: #FFFFFF;
        }

        .bottom_custom .mob_fourbot_txt ul li a.icon_close_box {
            line-height: 25px;
            font-size: 9px;
        }

    .splitToolbarButton {
        line-height: 12px;
        float: right;
        margin: 0.3em 0 0 0.8em !important;
        width: 50%;
    }

    .toolbarButton > span {
        overflow: visible;
        padding-top: 0;
        margin-left: 0;
    }

    .toolbarButton > span {
        display: block;
    }

    .bottom_custom .mob_fourbot_txt ul li .popsearchprevnext ul li button.toolbarButton {
        position: inherit;
        top: 0;
        width: 20px;
        text-align: center;
        display: inline-block;
    }

    .popsearchprevnext {
        width: auto;
        text-align: center;
        display: inline-block;
        float: left;
    }

    .bottom_custom .bottom_searchbox01 .splitToolbarButton .Highlight-box {
        margin-top: 0;
        padding-left: 1em;
    }

    .popsearchprevnext ul li {
        margin: 0 0px !important;
    }

    .popsearchprevnext ul li {
        padding: 0 !important;
        width: auto !important;
        float: none !important;
    }

    .splitToolbarButton .toolbarLabel {
        font-size: 11px;
        color: #000;
        line-height: normal;
        margin: 0;
        letter-spacing: 0.035em;
    }

    .bottom_custom .mob_fourbot_txt ul li {
        width: auto;
        display: inline-block;
        float: none;
        text-align: center;
    }

    .mob_fourbot_txt ul li.btnserp button {
        float: left;
        cursor: pointer;
    }

        .mob_fourbot_txt ul li.btnserp button#btnserp {
            border-radius: 0px;
            border: none;
            background: none;
            padding: 0;
            margin: 0em 0 0 0;
        }

        .mob_fourbot_txt ul li.btnserp button i {
            font-size: 1.15em;
            color: #777777;
            margin-top: 0.1em;
        }

    .dropdownToolbarButton > select {
        background: #dedede;
        color: #121212;
    }

    .bottom_custom .mob_fourbot_txt ul li .ui_slider_custom #zoomOutMob i {
        font-size: 1.5em;
        color: #FFFFFF;
    }

    .bottom_custom .mob_fourbot_txt ul li .ui_slider_custom #zoomInMob i {
        font-size: 1.5em;
        color: #FFFFFF;
    }

    .bottompart_mobctrl .mob_fourbot_txt .zoom-top-new .ui_slider_custom {
        margin-top: 1.1em !important;
    }

    .bottompart_mobctrl .mob_fourbot_txt .zoom-top-new {
        height: 60px;
        top: auto;
    }

    .bottom_custom .mob_fourbot_txt ul {
        margin: 0.6em 0;
    }

        .bottom_custom .mob_fourbot_txt ul li .ui_slider_custom #zoomOutMob {
            left: 5%;
        }

        .bottom_custom .mob_fourbot_txt ul li .ui_slider_custom #zoomInMob {
            right: 6%;
        }

    .popup_footer ul {
        width: 100%;
    }

    .prevImageContainer {
        width: auto;
        height: auto;
    }

    /* wirn - mob css */

    #dvMobSearch {
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 1;
    }

    #toolbarViewer .bottompart_webctrl {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
        background: rgba(255,255,255,0.95);
    }

        #toolbarViewer .bottompart_webctrl .header-top-icon-block {
            height: 60px;
            overflow: hidden;
        }

    .menue_moreicon {
        display: inline-block;
        width: 25px;
        height: 25px;
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -12px;
        font-size: 39px;
        line-height: 20px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        /*background:rgba(0,0,0,0.6);
        border-radius:3px;*/
    }

    .header-search-result p {
        padding-top: 0px;
    }

    .header-top-icon-block ul li a i {
        font-size: 18px !important;
        position: relative;
        top: -7px;
    }

    #toolbarViewer .bottompart_webctrl .header-top-icon-block.height_auto {
        height: auto;
    }

    /*.header-top-icon-block ul li:nth-child(8) {
        width: 112px;
    }

    .header-top-icon-block ul li:nth-child(9) {
        margin-right: 20px;
    }*/
    .header-top-icon-block ul li:nth-child(8) {
        top: 0px;
    }

    .rightToggleBtn {
        top: 16px;
        right: 6px;
    }

    #toolbarViewer .bottom_searchbox01 {
        height: 98px;
        background: #fff;
        width: 300px;
        left: 10px;
    }

    #toolbarViewer .popsearchprevnext {
        position: absolute;
        top: 20px;
        right: 10px;
        width: 80px;
    }

        #toolbarViewer .popsearchprevnext ul li {
            width: 30px !important;
            display: inline-block;
        }

    #toolbarViewer .splitToolbarButton {
        width: 100%;
        position: static;
    }

    #toolbarViewer .bottom_searchbox01 .splitToolbarButton .Highlight-box:nth-child(2) {
        width: 35%;
    }

    #toolbarViewer .bottom_searchbox01 .splitToolbarButton .Highlight-box:nth-child(3) {
        width: 65%;
    }

    #toolbarViewer .bottom_searchbox01 .splitToolbarButton .Highlight-box .toolbarLabel {
        width: 80%;
    }

    #toolbarViewer .popsearchprevnext ul li i {
        color: #000;
    }
}



@media (max-width:480px) {
    .pdfViewer .canvasWrapper {
        width: 100% !important;
        height: auto !important;
        touch-action: auto !important;
        user-select: initial !important;
        -webkit-user-drag: auto !important;
    }


    #mainContainer {
        width: 100%;
        min-width: 100%;
    }

    .toolbar {
        width: 100%;
    }

    .mob_fourbot_txt {
        width: 100%;
    }

        .mob_fourbot_txt ul li {
            float: left;
            font-size: 11px;
        }

    #toolbarViewer {
        height: 50px;
    }

    .home-icon-tag {
        margin-left: 0px !important;
    }

    /* wirn - mob css */
    .bottom_custom .mob_fourbot_txt .bottom_searchbox01 {
        top: 12em;
        height: 80px;
        text-align: center;
    }

        .bottom_custom .mob_fourbot_txt .bottom_searchbox01 input {
            float: none;
        }

    .splitToolbarButton {
        float: none;
    }

    .splitToolbarButton {
        width: 80%;
    }
}

@media screen and (min-resolution:2dppx) {

    /* Rules for Retina screens */
    .toolbarButton::before {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        top: -5px;
    }

    .secondaryToolbarButton::before {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        top: -4px;
    }

    html[dir='ltr'] .toolbarButton::before,
    html[dir='rtl'] .toolbarButton::before {
        left: -1px;
    }

    html[dir='ltr'] .secondaryToolbarButton::before {
        left: -2px;
    }

    html[dir='rtl'] .secondaryToolbarButton::before {
        left: 186px;
    }

    .toolbarField.pageNumber.visiblePageIsLoading,
    #findInput[data-status="pending"] {
        background-image: url(images/loading-small@2x.png);
        background-size: 16px 17px;
    }

    .dropdownToolbarButton {
        background: url(images/toolbarButton-menuArrows@2x.png) no-repeat;
        background-size: 7px 16px;
    }

    html[dir='ltr'] .toolbarButton#sidebarToggle::before {
        content: url(images/toolbarButton-sidebarToggle@2x.png);
    }

    html[dir='rtl'] .toolbarButton#sidebarToggle::before {
        content: url(images/toolbarButton-sidebarToggle-rtl@2x.png);
    }

    html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
        content: url(images/toolbarButton-secondaryToolbarToggle@2x.png);
    }

    html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
        content: url(images/toolbarButton-secondaryToolbarToggle-rtl@2x.png);
    }

    html[dir='ltr'] .toolbarButton.findPrevious::before {
        content: url(images/findbarButton-previous@2x.png);
    }

    html[dir='rtl'] .toolbarButton.findPrevious::before {
        content: url(images/findbarButton-previous-rtl@2x.png);
    }

    html[dir='ltr'] .toolbarButton.findNext::before {
        content: url(images/findbarButton-next@2x.png);
    }

    html[dir='rtl'] .toolbarButton.findNext::before {
        content: url(images/findbarButton-next-rtl@2x.png);
    }

    html[dir='ltr'] .toolbarButton.pageUp::before {
        content: url(images/toolbarButton-pageUp@2x.png);
    }

    html[dir='rtl'] .toolbarButton.pageUp::before {
        content: url(images/toolbarButton-pageUp-rtl@2x.png);
    }

    html[dir='ltr'] .toolbarButton.pageDown::before {
        content: url(images/toolbarButton-pageDown@2x.png);
    }

    html[dir='rtl'] .toolbarButton.pageDown::before {
        content: url(images/toolbarButton-pageDown-rtl@2x.png);
    }

    .toolbarButton.zoomIn::before {
        content: url(images/toolbarButton-zoomIn@2x.png);
    }

    .toolbarButton.zoomOut::before {
        content: url(images/toolbarButton-zoomOut@2x.png);
    }

    .toolbarButton.presentationMode::before,
    .secondaryToolbarButton.presentationMode::before {
        content: url(images/toolbarButton-presentationMode@2x.png);
    }

    .toolbarButton.print::before,
    .secondaryToolbarButton.print::before {
        content: url(images/toolbarButton-print@2x.png);
    }

    .toolbarButton.openFile::before,
    .secondaryToolbarButton.openFile::before {
        content: url(images/toolbarButton-openFile@2x.png);
    }

    .toolbarButton.download::before,
    .secondaryToolbarButton.download::before {
        content: url(images/toolbarButton-download@2x.png);
    }

    .toolbarButton.bookmark::before,
    .secondaryToolbarButton.bookmark::before {
        content: url(images/toolbarButton-bookmark@2x.png);
    }

    #viewThumbnail.toolbarButton::before {
        content: url(images/toolbarButton-viewThumbnail@2x.png);
    }

    html[dir="ltr"] #viewOutline.toolbarButton::before {
        content: url(images/toolbarButton-viewOutline@2x.png);
    }

    html[dir="rtl"] #viewOutline.toolbarButton::before {
        content: url(images/toolbarButton-viewOutline-rtl@2x.png);
    }

    #viewAttachments.toolbarButton::before {
        content: url(images/toolbarButton-viewAttachments@2x.png);
    }

    #viewFind.toolbarButton::before {
        content: url(images/toolbarButton-search@2x.png);
    }

    .secondaryToolbarButton.firstPage::before {
        content: url(images/secondaryToolbarButton-firstPage@2x.png);
    }

    .secondaryToolbarButton.lastPage::before {
        content: url(images/secondaryToolbarButton-lastPage@2x.png);
    }

    .secondaryToolbarButton.rotateCcw::before {
        content: url(images/secondaryToolbarButton-rotateCcw@2x.png);
    }

    .secondaryToolbarButton.rotateCw::before {
        content: url(images/secondaryToolbarButton-rotateCw@2x.png);
    }

    .secondaryToolbarButton.handTool::before {
        content: url(images/secondaryToolbarButton-handTool@2x.png);
    }

    .secondaryToolbarButton.documentProperties::before {
        content: url(images/secondaryToolbarButton-documentProperties@2x.png);
    }

    /* Crop Tools added by Debasis. 30-07-2015 */
    .secondaryToolbarButton.cropTool::before {
        content: url(images/secondaryToolbarButton-crop@2x.png);
    }

    /* Crop Tools Ended by Debasis. 30-07-2015 */
}

@media print {

    /* General rules for printing. */
    body {
        background: transparent none;
    }

    /* Rules for browsers that don't support mozPrintCallback. */
    #sidebarContainer,
    #secondaryToolbar,
    .toolbar,
    #loadingBox,
    #errorWrapper,
    .textLayer {
        display: none;
    }

    #viewerContainer {
        overflow: visible;
    }

    #mainContainer,
    #viewerContainer,
    .page,
    .page canvas {
        position: static;
        padding: 0;
        margin: 0;
    }

    .page {
        float: left;
        display: none;
        border: none;
        box-shadow: none;
        background-clip: content-box;
        background-color: white;
    }

        .page[data-loaded] {
            display: block;
        }

    .fileInput {
        display: none;
    }

    /* Rules for browsers that support mozPrintCallback */
    body[data-mozPrintCallback] #outerContainer {
        display: none;
    }

    body[data-mozPrintCallback] #printContainer {
        display: block;
    }

    /* wrapper around (scaled) print canvas elements */
    #printContainer > div {
        position: relative;
        top: 0;
        left: 0;
        overflow: hidden;
    }

    #printContainer canvas {
        display: block;
    }
}

@media all and (max-width:960px) {
    html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
    html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter {
        float: left;
        left: 205px;
    }

    html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
    html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter {
        float: right;
        right: 205px;
    }
}

@media all and (max-width:900px) {
    .sidebarOpen .hiddenLargeView {
        display: none;
    }

    .sidebarOpen .visibleLargeView {
        display: inherit;
    }
}

@media all and (max-width:860px) {
    .sidebarOpen .hiddenMediumView {
        display: none;
    }

    .sidebarOpen .visibleMediumView {
        display: inherit;
    }

    .home-icon-tag {
        margin-left: 20px;
    }
}

@media all and (max-width:770px) {
    #sidebarContainer {
        top: 60px;
        z-index: 100;
    }

    .loadingInProgress #sidebarContainer {
        top: 37px;
    }

    #sidebarContent {
        top: 60px;
        background-color: hsla(0, 0%, 0%, .7);
    }

    html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
        left: 0px;
    }

    html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
        right: 0px;
    }

    html[dir='ltr'] .outerCenter {
        float: left;
        left: 205px;
    }

    html[dir='rtl'] .outerCenter {
        float: right;
        right: 205px;
    }

    #outerContainer .hiddenLargeView,
    #outerContainer .hiddenMediumView {
        display: inherit;
    }

    #outerContainer .visibleLargeView,
    #outerContainer .visibleMediumView {
        display: none;
    }
}

@media all and (max-width:700px) {
    #outerContainer .hiddenLargeView {
        display: none;
    }

    #outerContainer .visibleLargeView {
        display: inherit;
    }
}

@media all and (max-width:660px) {
    #outerContainer .hiddenMediumView {
        display: none;
    }

    #outerContainer .visibleMediumView {
        display: inherit;
    }
}

@media all and (max-width:600px) {
    .hiddenSmallView {
        display: none;
    }

    .visibleSmallView {
        display: inherit;
    }

    html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
    html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter,
    html[dir='ltr'] .outerCenter {
        left: 156px;
    }

    html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
    html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter,
    html[dir='rtl'] .outerCenter {
        right: 156px;
    }

    .toolbarButtonSpacer {
        width: 0;
    }
}

@media all and (max-width:510px) {
    #scaleSelectContainer,
    #pageNumberLabel {
        display: none;
    }

    .samedaypaginationdropdown {
        position: relative;
        left: -22px;
        top: -5px;
        border: 1px solid #fff;
    }
}

@media all and (max-width:800px) {
    .ui_slider_custom {
        width: 200px;
    }

    .goto_box {
        width: 162px !important;
    }

    #toolbarViewer.btm_panel .search_result_box {
        width: 128px;
    }

    #toolbarViewer.btm_panel .crop_spanpart {
        width: 190px;
    }
}

@media all and (max-width:414px) {
    #toolbarViewer.btm_panel .search_result_box {
        padding: 22px 0 0 0;
    }

        #toolbarViewer.btm_panel .search_result_box span {
            top: -12px;
        }

    #toolbarViewer.btm_panel .goto_box {
        padding-top: 0;
    }

    .ui_slider_custom {
        width: 88%;
    }

    #toolbarViewer.btm_panel .number_ctrl {
        width: 80%;
        position: absolute;
    }
}

/*#redessociales {
  width: 100px;
  height:64px;
  float:right;
  background: url(../../Content/DesignV2/img/share.png);
  position:relative;
}

.smedia {
  position: absolute;
-webkit-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
-moz-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1),opacity 1s linear;
-o-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
  display: inline;
  opacity: 0;
  width:100px;
  height:46px;
  z-index: 100;
  margin:10px 0px 0px 20px;
  text-indent: -9999px;
  background: no-repeat;
  left:3px;
}

#redessociales:hover .smedia {
  opacity: 1;
  transform: translate(0px,0);
  -webkit-transform: translate(0px,0);
  -o-transform: translate(0px,0); 
  -moz-transform: translate(0px,0);
  margin:10px 0px 0px 20px;
  position: absolute;
  right:0;
}
#redessociales:hover .smedia:nth-child(1) {
  position: absolute;
  top:-65px;
}

#redessociales:hover .smedia:nth-child(2) {
  position: absolute;
  top:-110px;
}


.smedia.facebook {
    background: url('../../Content/DesignV2/img/facebook_share.png');
    
}
.smedia.twitter {
    background: url(../../Content/DesignV2/img/twitter-share.png);
}
.smedia:hover {
    background-position: 0 -46px;
}

*/

#redessociales {
    width: 200px;
    height: 50px;
    background: url('../../Content/DesignV2/img/share_g_blackwt.png');
    margin-left: 5px;
}

.smedia {
    position: absolute;
    -webkit-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
    -moz-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1),opacity 1s linear;
    -o-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
    display: inline;
    opacity: 0;
    width: 46px;
    height: 46px;
    z-index: 100;
    margin: 10px 0px 0px 20px;
    text-indent: -9999px;
    background: no-repeat;
    left: 3px;
}

#redessociales:hover .smedia {
    opacity: 1;
    transform: translate(0px,0);
    -webkit-transform: translate(0px,0);
    -o-transform: translate(0px,0);
    -moz-transform: translate(0px,0);
    margin: 10px 0px 0px 20px;
    position: absolute;
}

    #redessociales:hover .smedia:nth-child(1) {
        position: absolute;
        left: 0px;
        right: 0;
        top: -55px;
        width: 200px;
        height: 50px;
    }

    #redessociales:hover .smedia:nth-child(2) {
        position: absolute;
        left: 0px;
        right: 0;
        top: -100px;
        width: 200px;
        height: 50px;
    }


.smedia.facebook {
    /*background: url(https://4.bp.blogspot.com/-49s_0_9mdVo/UWHsMIvJBNI/AAAAAAAABn8/6bVMlN4Qz7Y/s1600/bubble_facebook_share_button.png);*/
    background: url('../../Content/DesignV2/img/fb.png');
}

.smedia.twitter {
    background: url('../../Content/DesignV2/img/twitter.png');
    /*background: url(https://2.bp.blogspot.com/-3r8sHe1Qy5M/UWHsNMDDzHI/AAAAAAAABog/q3V7mYirmOY/s1600/bubble_twitter_share_button.png);*/
}

.smedia:hover {
    background-position: 0 -46px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 31px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 10px;
    left: -45px;
    right: 0;
    bottom: 0;
    width: 30px !important;
    background-color: #555555;
    -webkit-transition: .4s !important;
    transition: .4s;
    padding: 10px 23px;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #008fbe;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}



/*Viewer arrow pagination in circle and rectangle by munmun di  */
.left_arrow {
    background: rgba(35, 82, 124, .7);
    padding: 15px 18px;
    position: absolute;
    left: 0;
    bottom: 38%;
    z-index: 99999;
    border-radius: 50%;
}

    .left_arrow:hover {
        background: rgba(35, 82, 124, .9);
        padding: 15px 18px;
        position: absolute;
        left: 0;
        bottom: 38%;
        z-index: 99999;
        border-radius: 50%;
    }

    .left_arrow i {
        color: #fff;
    }

.right_arrow {
    background: rgba(35, 82, 124, .7);
    padding: 15px 18px;
    position: absolute;
    right: 0;
    bottom: 38%;
    z-index: 99999;
    border-radius: 50%;
}

    .right_arrow:hover {
        background: rgba(35, 82, 124, .9);
        padding: 15px 18px;
        position: absolute;
        right: 0;
        bottom: 38%;
        z-index: 99999;
        border-radius: 50%;
    }

    .right_arrow i {
        color: #fff;
    }

.left_arrow2 {
    background: rgba(35, 82, 124, .7);
    padding: 40px 18px;
    position: absolute;
    left: 0;
    bottom: 38%;
    z-index: 99999;
    border-radius: 0%;
}

    .left_arrow2:hover {
        background: rgba(35, 82, 124, .9);
        padding: 40px 18px;
        position: absolute;
        left: 0;
        bottom: 38%;
        z-index: 99999;
        border-radius: 0%;
    }

    .left_arrow2 i {
        color: #fff;
    }

.right_arrow2 {
    background: rgba(35, 82, 124, .7);
    padding: 40px 18px;
    position: absolute;
    right: 0;
    bottom: 38%;
    z-index: 99999;
    border-radius: 0;
}

    .right_arrow2:hover {
        background: rgba(35, 82, 124, .9);
        padding: 40px 18px;
        position: absolute;
        right: 0;
        bottom: 38%;
        z-index: 99999;
        border-radius: 0%;
    }



    .right_arrow2 i {
        color: #fff;
    }

#mce_51-body {
    display: none;
}


/*rimi 4.12.2017*/
.viewsliderpopover .owl-theme .owl-nav .owl-prev {
    background: #0f4880 !important;
    border-radius: 0px !important;
    width: 40px;
    height: 50px;
}

.viewsliderpopover .owl-theme .owl-nav .owl-next {
    background: #0f4880 !important;
    border-radius: 0px !important;
    width: 40px;
    height: 50px;
    left: 685px;
    position: relative;
}

.viewsliderpopover .owl-theme .owl-nav .owl-prev i {
    color: #fff;
    font-size: 13px;
    bottom: -15px;
    position: relative;
}

.viewsliderpopover .owl-theme .owl-nav .owl-next i {
    color: #fff;
    font-size: 13px;
    bottom: -15px;
    position: relative;
}

.closepop i {
    color: #333;
}

.right_tag_sec h1 {
    border-bottom: 0px !important;
    /*font-size: 14px;*/
    font-size: 87.50%;
    color: #333;
    font-weight: bold;
    margin-bottom: 0px;
}

.right_tag_sec i {
    color: #0f4880;
}

#pageContainer1 {
    width: 100%;
    height: 100%;
    /* needed to keep hammer to override pan-y property added on pinch */
    touch-action: initial !important;
}

.viewsliderpopover .owl-theme .owl-nav {
    margin-top: 0px;
}

.toppos {
    top: 107px;
    /*padding-top:10px;*/
}


/*rimi 4.12.2017*/

/* ALL MEDIA QUERIES END */
.uploadmodal {
    top: 20%;
}

div.uploadParent {
    background: #fff;
    display: inline-block;
    margin: 0 auto 20px auto;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}

.uploadParent h4 {
    margin-top: 0px;
}

.uploadParent p {
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
}

#exampleModal {
    z-index: 999999;
}

/*.main_div::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    opacity:0.2;
}

    .main_div{
   
    position: fixed;
    border:1px solid red;
     top: 0px;
    left: 0px;
}
    .Child_div{
         position:relative;
    z-index:1;
     opacity: 1;
    }*/

.main_div {
    /*opacity: 0.6;*/
    /*opacity: 1;*/
    opacity: 0.9;
    /*background-color: #ccc; */
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
    margin-left: 15px;
}
/*.main_div::after { 
   opacity: 0.4;
}*/
/*.Child_div {
    background-color: #fff;
    opacity: 1;
    color: transparent;
}*/

.jcrop-holder {
    background: transparent !important;
}

/*16.07.2018*/

/*/ iPhone 6 ----------- /*/
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    .pdfViewer .canvasWrapper {
        width: 100% !important;
        height: auto !important;
        touch-action: auto !important;
        user-select: initial !important;
        -webkit-user-drag: auto !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #dvMobSearch {
        top: 95px;
    }

    .pdfViewer .canvasWrapper {
        width: 100% !important;
        height: auto !important;
        touch-action: auto !important;
        user-select: initial !important;
        -webkit-user-drag: auto !important;
    }
}

/*/ iPhone 6 + ----------- /*/
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    .pdfViewer .canvasWrapper {
        width: 100% !important;
        height: auto !important;
        touch-action: auto !important;
        user-select: initial !important;
        -webkit-user-drag: auto !important;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #dvMobSearch {
        top: 95px;
    }

    .paperName {
        width: 40px;
        margin-bottom: 6px;
    }

    .scale-menu {
        position: absolute;
        left: -373px;
        width: 400px;
        top: 10px;
    }

    #toolbarViewer .bottompart_webctrl .header-top-icon-block.height_auto {
        height: 120px;
    }

    .pdfViewer .canvasWrapper {
        width: 100% !important;
        height: auto !important;
        touch-action: auto !important;
        user-select: initial !important;
        -webkit-user-drag: auto !important;
    }
}


@media (max-width:767px) {
    #dvMobSearch {
        top: 95px;
    }

    .paperName {
        width: 40px;
        margin-bottom: 6px;
    }

    .scale-menu {
        position: absolute;
        left: -300px;
        width: 400px;
        top: 14px;
    }

    .martop10 {
        margin-top: 20px;
    }

    #toolbarViewer .bottompart_webctrl .header-top-icon-block.height_auto {
        height: 102px;
    }

    .header-top-icon-block ul li a.before-icon-less i {
        padding-left: 0px;
        padding-right: 0;
    }

    .header-top-icon-block ul li select {
        min-width: 0px;
    }

    .vl {
        margin-bottom: 5px !important;
    }

    .header-top-icon-block ul li {
        padding-left: 0px !important;
    }

    .pdfViewer .canvasWrapper {
        width: 100% !important;
        height: auto !important;
        touch-action: auto !important;
        user-select: initial !important;
        -webkit-user-drag: auto !important;
    }
}

@media (max-width: 1024px) {
    .navbar-nav > li > a {
        float: left;
    }
}

/*/ iPads (landscape) ----------- /*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .scale-menu {
        position: absolute;
        width: 470px;
        display: inline-block;
        background: #fff;
        float: left;
        top: 28px;
        left: -152px;
        right: 0;
        min-height: 50px;
        padding-top: 10px !important;
    }

    .scale-menu {
        position: absolute;
        width: 500px;
        display: inline-block;
        background: #fff;
        float: left;
        top: 28px;
        left: -318px;
        right: 0;
        min-height: 50px;
        padding-top: 10px !important;
    }

    .pdfViewer .canvasWrapper {
        width: 100% !important;
        height: auto !important;
        touch-action: auto !important;
        user-select: initial !important;
        -webkit-user-drag: auto !important;
    }
}

/*/ iPads (portrait) ----------- /*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .scale-menu {
        position: absolute;
        width: 485px;
        display: inline-block;
        background: #fff;
        float: left;
        top: 20px;
        left: -325px;
        right: 0;
        min-height: 50px;
        padding-top: 10px !important;
    }

    .pdfViewer .canvasWrapper {
        width: 100% !important;
        height: auto !important;
        touch-action: auto !important;
        user-select: initial !important;
        -webkit-user-drag: auto !important;
        overflow: auto !important;
    }

    .toppos {
        top: 0px;
    }

    .scale-menu {
        left: -322px;
    }

    .martop10 {
        margin-top: 10px;
    }

    .mobtogglebtn {
        width: 30px;
        height: 30px;
        background: #008fbe;
        position: absolute;
        top: -32px;
        right: -10px;
        z-index: 9999999;
        text-align: center;
        border-radius: 4px;
        cursor: pointer;
        padding-right: 0px;
    }


        .mobtogglebtn i {
            font-size: 14px;
            line-height: 30px;
            color: #fff !important;
        }


    .mobtogglebtn_1 {
        width: 30px;
        height: 30px;
        background: #008fbe;
        position: absolute;
        top: -32px;
        right: -30px;
        z-index: 9999999;
        text-align: center;
        border-radius: 4px;
        cursor: pointer;
        padding-right: 0px;
    }


        .mobtogglebtn_1 i {
            font-size: 14px;
            line-height: 30px;
            color: #fff !important;
        }

        .mobtogglebtn_1 img {
            margin: 5px 0 0 2px;
        }
}

#toolbarViewer {
    background: #fff;
    display: inline-block;
    width: 100%;
}

.vl {
    border-left: 2px solid #d9d9d9;
    height: 20px;
}
/*.canvasWrapper{
    touch-action: auto !important;
    user-select: initial !important;
    -webkit-user-drag: auto !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}*/

@media only screen /*For portrait mode of Ipad pro*/
and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .toppos {
        top: 70px;
    }
}


.bar {
    width: 100%;
    height: 20px;
    border: 1px solid #2980b9;
    border-radius: 3px;
    background-image: repeating-linear-gradient( -45deg, #2980b9, #2980b9 11px, #eee 10px, #eee 20px /* determines size */
    );
    background-size: inherit;
    animation: move .5s linear infinite;
    position: absolute;
}

.LoadBarPosMid {
    position: relative;
    top: 100px;
    z-index: 1;
    margin: 0 auto;
}


@keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 28px 0;
    }
}

/*added by saronyo  on  2808 2018*/
.pencursorClass {
    cursor: url(../../Content/DesignV2/img/yh.bmp), auto;
}

.btnanchor {
    /*font-size: 19px;*/
    font-size: 118.75%;
    border: none;
    text-decoration: none;
    background-color: #ededed;
    background-image: -webkit-linear-gradient(top,#f5f5f5,#e6e6e6);
    background-image: -moz-linear-gradient(top,#f5f5f5,#e6e6e6);
    background-image: -ms-linear-gradient(top,#f5f5f5,#e6e6e6);
    background-image: -o-linear-gradient(top,#f5f5f5,#e6e6e6);
    background-image: linear-gradient(top,#f5f5f5,#e6e6e6);
    padding: 3px 6px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 2px;
    line-height: 29px;
}

.position_relative .pos-load {
    width: 91px;
    padding: 0;
    margin: 0;
    height: 68px;
    right: 30px;
    left: auto;
    max-width: inherit;
    top: -10px;
}

.position_relative {
    position: relative;
}

.btn_list a {
    display: inline-block;
    margin-right: 5px;
    color: #0f4880;
}

#tagFormgroup {
    display: flex;
}

    #tagFormgroup .form-group {
        flex-grow: 1;
        margin-left: 0;
    }

#textAreadiv .form-group {
    width: calc(100% - 15px);
    margin-left: 0;
}

h3.pop_graybg {
    padding-top: 10px;
    padding-bottom: 10px;
}

    h3.pop_graybg span.text_list {
        /*font-size: 11px;*/
        font-size: 47%;
    }

    h3.pop_graybg #closeClipPopup {
        position: absolute;
        top: 12px;
        right: 12px;
        font-size: 18px;
    }

#highlightfinalise, #Highlighter {
    margin: 10px 0;
}

#selectedTags .fa {
    margin-right: 2px;
}

#cropPreviewImgSec .form-group .form-control {
    width: calc(100% - 2px);
}

#displayUploadbutton {
    margin: 15px 0;
}

.viewertag ul li #widget-div3 iframe {
    position: relative !important;
    top: -1px !important;
    width: 31px !important;
    height: 31px !important;
}