/*
grey
#22252a darkest - tabset input
#383a3f tabset
#86898C 50% alpha tabset
#9fa2aa input border
#c2c5ce active icon bg
#d5d8e0 dialog well
#e7e9ef dialog/context-menu
#f2f3f6 lightest - tab pane

blue
#3366CC darkest
#afc3eb search highlight
#d3def4
#7a8394
*/

/* Sample Viewer*/
#viewer1 {width:600px;height:800px;border:1px solid #aaa;}

/* overrides */
html, body, .pccv {height:100%}
.pccv {display:none;/* show with js, prevents fouc */
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNEVEMTVDQUMxQTgxMUUzOTNFREM4RjExODI0QTc3MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNEVEMTVDQkMxQTgxMUUzOTNFREM4RjExODI0QTc3MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0RUQxNUM4QzFBODExRTM5M0VEQzhGMTE4MjRBNzcwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0RUQxNUM5QzFBODExRTM5M0VEQzhGMTE4MjRBNzcwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DEKy5AAAABhJREFUeNpiuHLt9rMXbxiB+N279wABBgBJ/wrG1ONABAAAAABJRU5ErkJggg==);
    position:relative;overflow:hidden;font-size:13px;color:#555;
    -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
html .pccv.pcc-full-screen {position:fixed;width:100%!important;height:100%!important;left:0;top:0;margin:0!important;border:none}
.pccv a {outline:0;text-decoration:none;}

/* do not text select when quickly clicking */
.pccv .pcc-tabset,
.pccv .pcc-dialog,
.pccv .pcc-overlay {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

/* border-box */
.pccv,
.pccv:before,
.pccv:after,
.pccv *,
.pccv *:before,
.pccv *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* grid */
.pccv .pcc-row {width:100%}
.pccv [class*=pcc-col-] {height:auto;float:left;}
.pccv .pcc-col-0 {width:0;height:0;overflow:hidden}
.pccv .pcc-col-1 {width:8.333%}
.pccv .pcc-col-2 {width:16.666%}
.pccv .pcc-col-3 {width:24.999%}
.pccv .pcc-col-4 {width:33.333%}
.pccv .pcc-col-5 {width:41.666%}
.pccv .pcc-col-6 {width:50.000%}
.pccv .pcc-col-7 {width:58.333%}
.pccv .pcc-col-8 {width:66.666%}
.pccv .pcc-col-9 {width:74.999%}
.pccv .pcc-col-10 {width:83.333%}
.pccv .pcc-col-11 {width:91.666%}
.pccv .pcc-col-12 {width:100.000%}

.pccv .pcc-col-6>* {width:95%!important}
.pccv .pcc-col-6 + .pcc-col-6>* {margin-left:5%}

/* icons */
.pccv .pcc-icon,
.pccv .pcc-load,
.pccv .pccPageListItemLoading {
    display:inline-block;background-repeat:no-repeat;vertical-align:middle;opacity:.6;
    width:26px;height:26px;background-image:url(../img/icons.png);font-smoothing:antialiased;}
.pccv .pcc-icon.pcc-active {background-color:#c2c5ce !important;border-bottom:1px solid #fff;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4);
            box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4);border-radius:2px;}

.pccv .pcc-icon.pcc-disabled {
    color: #bbb;
    border-color: #bbb;
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: default !important;
}

.pccv .pccEditMarkButton {
    background: no-repeat url(../img/EditTextMark.png);
    border:none;height:26px;width:26px;
    -webkit-box-shadow:none;
            box-shadow:none;
    -webkit-background-size:26px 26px;
            background-size:26px}

.pccv .pcc-icon-layer-forward {background-position:-124px -18px}
.pccv .pcc-icon-layer-backward {background-position:-103px -18px}
.pccv .pcc-icon-layer-front {background-position:-145px -18px}
.pccv .pcc-icon-layer-back {background-position:-82px -18px}
.pccv .pcc-icon-firstpage {background-position:-82px 3px}
.pccv .pcc-icon-prevpage {background-position:-40px -60px}
.pccv .pcc-icon-nextpage {background-position:-60px -60px}
.pccv .pcc-icon-lastpage {background-position:-103px 3px}
.pccv .pcc-icon-pantool {background-position:-124px 3px}
.pccv .pcc-icon-magnifiertool {background-position:-188px -60px}
.pccv .pcc-icon-rectanglezoomtool {background-position:-188px 3px}
.pccv .pcc-icon-texttool {background-position:-145px 3px}
.pccv .pcc-icon-fittowidth {background-position:-166px 3px}
.pccv .pcc-icon-print {background-position:-209px 3px}
.pccv .pcc-icon-download {background-position:-230px 3px}
.pccv .pcc-icon-rotate {background-position:-335px 3px}
.pccv .pcc-icon-current {background-position:-251px 3px}
.pccv .pcc-icon-range {background-position:-145px -60px}
.pccv .pcc-icon-fullscreen {background-position:-166px -60px}
.pccv .pcc-icon-all {background-position:-272px 3px}
.pccv .pcc-icon-portrait {background-position:-293px 3px}
.pccv .pcc-icon-landscape {background-position:-314px 3px}
.pccv .pcc-icon-zoomin {background-position:-166px -19px}
.pccv .pcc-icon-zoomout {background-position:-188px -19px}
.pccv .pcc-icon-redact {background-position:-18px -19px}
.pccv .pcc-icon-comment {background-position:-40px -19px}
.pccv .pcc-icon-context {background-position:-208px -18px}
.pccv .pcc-icon-updown {background-position:-103px -60px}
.pccv .pcc-icon-alert {background-position:-125px -60px}
.pccv .pcc-icon-save {background-position:-356px 3px}
.pccv .pcc-icon-load {background-position:-357px -18px}
.pccv .pcc-icon-list {background-position:-188px -39px}
.pccv .pcc-icon-exactword {background-position:-230px -19px}
.pccv .pcc-icon-matchcase {background-position:-251px -19px}
.pccv .pcc-icon-wholeword {background-position:-272px -19px}
.pccv .pcc-icon-beginswith {background-position:-313px -19px}
.pccv .pcc-icon-endswith {background-position:-336px -19px}
.pccv .pcc-icon-wildcard {background-position:-293px -19px}
.pccv .pcc-icon-delete {background-position:-124px -39px}
.pccv .pcc-icon-border-width {background-position:-231px -40px}
.pccv .pcc-icon-opacity {background-position:-209px -40px}
.pccv .pcc-icon-check {background-position:-209px -60px}
.pccv .pcc-icon-annotate {background-position:-39px 3px}
.pccv .pcc-icon-annotate-disabled {background-position:-61px -18px}
.pccv .pcc-icon-annotate-arrow {background-position:-18px -39px}
.pccv .pcc-icon-annotate-line {background-position:3px -39px}
.pccv .pcc-icon-annotate-rectangle {background-position:-40px -39px}
.pccv .pcc-icon-annotate-rectangle-filled {background-position:-61px -39px}
.pccv .pcc-icon-annotate-transparent {background-position:-82px -60px}
.pccv .pcc-icon-annotate-ellipse {background-position:-145px -39px}
.pccv .pcc-icon-annotate-ellipse-filled {background-position:-166px -39px}
.pccv .pcc-icon-annotate-text {background-position:-82px -39px}
.pccv .pcc-icon-annotate-stamp {background-position:-103px -39px}
.pccv .pcc-icon-annotate-highlight {background-position:-61px 3px}
.pccv .pcc-icon-redact-rectangle {background-position:-61px -39px}
.pccv .pcc-icon-redact-transparent {background-position:-82px -60px}
.pccv .pcc-icon-redact-text {background-position:-82px -39px}
.pccv .pcc-icon-redact-stamp {background-position:-103px -39px}
.pccv .pcc-icon-text-left {background-position:-336px -39px}
.pccv .pcc-icon-text-center {background-position:-315px -39px}
.pccv .pcc-icon-text-right {background-position:-357px -39px}
.pccv .pcc-icon-text-bold {background-position:3px -60px}
.pccv .pcc-icon-text-italic {background-position:-294px -39px}
.pccv .pcc-icon-text-underline {background-position:-273px -39px}
.pccv .pcc-icon-text-strikeout {background-position:-251px -39px}

.pccv .pcc-arrow-up,
.pccv .pcc-arrow-down {width:0;height:0;display:block;
    border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #9fa2aa}
.pccv .pcc-arrow-down {border-bottom:none;border-top:4px solid #9fa2aa}

/* main tab navigation */
.pccv .pcc-nav-tabset {
    position:absolute;
    z-index:3;
    width:100%;
    height:29px;
    background:#383a3f;
}

.pccv .pcc-nav-tabset .pcc-tab-item {background:#383a3f;cursor:pointer}
.pccv .pcc-nav-tabset .pcc-tab-item.pcc-active {color:#fff}
.pccv .pcc-nav-tabset .pcc-tab-item.pcc-active .pcc-icon {opacity:1}
.pccv .pcc-tab-item .pcc-icon {width:19px;height:19px;margin:-4px 2px 0 0;
    background-image:url(../img/icons.white.png)}
.pccv .pcc-tab-item .pcc-icon-view {background-position:0 0}
.pccv .pcc-tab-item .pcc-icon-search {background-position:-22px 0}
.pccv .pcc-tab-item .pcc-icon-annotate {background-position:-43px 0}
.pccv .pcc-tab-item .pcc-icon-redact {background-position:-20px -21px}

.pccv .pcc-tab-item,
.pccv .pcc-status-bar {height:29px;line-height:29px;color:#aaa;text-shadow:0 1px 1px rgba(0, 0, 0, .5);
    padding:0 10px}

.pccv .pcc-status-bar {background:#383a3f;width:160px;height:28px;position:absolute;right:0;top:0;z-index:5}

.pccv .pcc-status-bar,
.pccv .pcc-status-bar span {text-align:right;color:#fff;}

.pccv .pcc-tab {
    display: inline-block;
    float: left;
    z-index: 1;
}
.pccv .pcc-tab .pcc-tab-item {
    display: block;
    top: 0;
    z-index: 5;
}
.pccv .pcc-nav-tabset .pcc-tab-pane {
    visibility:hidden;
    position:absolute;
    left:0;
    right:0;
    height:40px;
    line-height:37px;
    top:29px;
    padding:0 10px;
    background:#f2f3f6;
    z-index: 4; /* less than .pcc-tab-item */
    -webkit-box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.4);
            box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.4);
}
.pccv .pcc-nav-tabset .pcc-tab-pane.pcc-open {visibility:visible;}
.pccv .pcc-nav-tabset .pcc-tab-pane .pcc-left {height:40px;overflow:hidden;}

.pccv .pcc-nav-tabset .pcc-tab-pane .pcc-seperator {display:inline-block;vertical-align:middle;
    height:26px;margin:0 2px 0 5px;border-right:2px groove #fff}

.pccv .pcc-nav-tabset .pcc-tab-pane.pcc-tab-vertical{
    top: 29px;
    height: 24000px;
    width: 40px;
    padding:0 7px;
}
.pccv .pcc-nav-tabset .pcc-tab-vertical .pcc-pull-right {float: none;}
.pccv .pcc-nav-tabset .pcc-tab-pane.pcc-tab-vertical .pcc-left {height:auto;}

.pccv .pcc-nav-tabset .pcc-tab-vertical.pcc-right {left: auto;}
.pccv .pcc-nav-tabset .pcc-tab-vertical.pcc-left {right: auto;}

.pccv .pcc-nav-tabset .pcc-tab-pane.pcc-tab-vertical .pcc-seperator {display:none}

/* dialog */
.pccv .pcc-dialog {
    position:absolute;
    width:230px;
    height:100%;
    margin:0 0 0 -230px;
    padding:10px;
    line-height:20px;
    top:68px;
    background:#e7e9ef;
    visibility:hidden;
    z-index:1;
    -webkit-box-shadow:0 1px 4px 1px rgba(0, 0, 0, 0.4);
            box-shadow:0 1px 4px 1px rgba(0, 0, 0, 0.4);
}
.pccv .pcc-dialog.pcc-open {height:100%;margin:0;visibility:visible}

.pccv .pcc-dialog.pcc-vertical-offset-left {
    top: auto;
    left: 39px;  /*100% width version - mobile */
}
.pccv .pcc-dialog.pcc-vertical-offset-right {
    top: auto;
    right: 46px; /*100% width version - mobile */
    padding-right:50px;
}

.pccv .pcc-dialog-search.pcc-vertical-offset-left {padding:0 56px 3px 10px;}

/* form elements */
.pccv .pcc-select .pcc-label,
.pccv button,
.pccv input[type=text],
.pccv input[type=number] {height:26px;line-height:26px;vertical-align:middle;
    border:1px solid #c2c5ce;border-radius:2px;outline:none}
.pccv button {padding:0 7px;background:#fbfcfd;
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .1);
            box-shadow:0 1px 1px rgba(0, 0, 0, .1)}

.pccv button.pcc-icon,
.pccv .pcc-search-group button {border:none;-webkit-box-shadow:none;box-shadow:none;background-color:transparent}

.pccv input[type=text],
.pccv input[type=number] {-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);text-indent:6px}

.pccv input[type=text].pccError {border-color: #e24d4d;}

.pccv input[disabled],
.pccv button[disabled],
.pccv button.pcc-disabled {color:#9fa2aa;opacity:.7;filter:Alpha(Opacity=70)}

.pccv input[disabled] {background:#fbfcfd}

.pccv .pcc-dialog-search .pcc-pull-right.pcc-hide-lg button {font-size:21px;line-height:21px}

.pccv [data-pcc-search=closer] {
    display: none;
}

.pccv .pcc-full {width:100%}

/* overwrite inputs in status bar */
.pccv .pcc-status-bar input{
    width: 3em;
    height: 20px;
    line-height: 13px;
    vertical-align: baseline;
    text-align: center;
    text-indent: 0;
    background: #22252a;
    border: 1px inset #64676b;
    border-radius:2px;
    margin: 0 3px;
    color: white;
}

.pccv input[data-pcc-pageselect].pccError {
    background-color: #e24d4d;
}

/* overwrite spinner arrows in Webkit/Gecko, only in status bar */
.pccv .pcc-status-bar input[type='number'] { -moz-appearance:textfield; }
.pccv .pcc-status-bar input::-webkit-outer-spin-button,
.pccv .pcc-status-bar input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* dropdown menus */
.pccv .pcc-dropdown {background:#fff;background:rgba(255, 255, 255, .9);width:205px;height:0;overflow:auto;z-index:2;
    position:absolute;top:26px;left:0;visibility:hidden;border:1px solid #c2c5ce;border-top:none;
    -webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.3);
            box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition:all 0;
            transition:all 0;
    -webkit-box-sizing:content-box;
       -moz-box-sizing:content-box;
            box-sizing:content-box}
.pccv .pcc-dropdown>div,
.pccv .pcc-dropdown label {display:block;line-height:26px;padding:0 0 0 4px;cursor:pointer;
    white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pccv .pcc-dropdown.pcc-open {height:150px;visibility:visible;-webkit-transition:all 200ms;transition:all 200ms}

/* select boxes */
.pccv .pcc-select {position:relative;display:inline-block;vertical-align:middle;}
.pccv .pcc-select .pcc-icon {display:block;height:26px;float:left;background-color:#f2f3f6;
    border-radius:2px 0 0 2px;border:1px solid #9fa2aa;border-right:none}
.pccv .pcc-select>.pcc-label {display:inline-block;width:54px;background:#f2f3f6;text-indent:3px;position:relative;
    white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 11px 0 0}
.pccv .pcc-select .pcc-arrow-down {position:absolute;right:5px;margin:-14px 0 0}
.pccv .pcc-dropdown .pcc-toolbar {height:30px;line-height:29px;padding:0 11px;border-bottom: 1px solid #c2c5ce;}

/* load/save annotations */
.pccv .pcc-select-load-annotations .pcc-label,
.pccv .pcc-select-save-annotations .pcc-label {width:210px}
.pccv .pcc-select-load-annotations .pcc-dropdown,
.pccv .pcc-select-save-annotations .pcc-dropdown {width:208px;}

/* custom radios */
.pccv [data-pcc-radio] {cursor:pointer}
.pccv [data-pcc-radio] span {width:20px;height:20px;display:inline-block;line-height:26px;opacity:.6;filter:Alpha(Opacity=60);
    vertical-align:middle;border-radius:2px;background:#fff;border:1px inset #d5d8e0}
.pccv [data-pcc-radio] label {margin:0 0 0 5px;display:inline-block;color:#888;width:75%;vertical-align:middle;
    font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pccv [data-pcc-radio].pcc-checked span {background:#fff -213px -65px url(../img/icons.png)}

/* previous search items */
.pccv .previous-search.pcc-dropdown {width:188px;top:33px;left:40px;}
.pccv .previous-search.pcc-dropdown a {display:block;padding:0 10px;line-height:28px;border-bottom:1px solid #c2c5ce;
    text-decoration:none;}
.pccv .previous-search.pcc-dropdown a:last-child {border:none}
.pccv .previous-search .pcc-placeholder {font-style:italic}

/* search input */
.pccv .pcc-search-group {position:relative;display:inline-block}
.pccv .pcc-search-group button {position:absolute;top:9px;height:20px;line-height:20px;padding:0 5px}
.pccv .pcc-search-group button:first-child {left:1px}
.pccv .pcc-search-group .pcc-arrow-down {margin:3px 0 0;}
.pccv .pcc-search-group .pcc-close {right:1px;font-size:20px;color:#aaa;text-decoration:none;padding-top:1px}
.pccv .pcc-search-group input {width:190px;padding:0 15px;overflow:hidden;text-overflow:ellipsis}
.pccv .pcc-search-group input::-ms-clear {display:none;}

/* previous search queries */
.pccv .pcc-search-group-previous-query {
    float: left;
    width: 88%;
    overflow: hidden;
    margin-right: 5px;
    text-overflow:ellipsis
}

.pccv .pcc-remove-previous {
    float: left;
    width: 15px;
    font-size:20px;
    color:#ccc;
}

/* percentage loader */
.pccv .pcc-percent {position:relative;height:26px;line-height:26px;width:100%;background:#c2c5ce;border-radius:2px}
.pccv .pcc-percent>div {position:absolute;}
.pccv .pcc-percent .pcc-label {z-index:1;padding:0 0 0 5px}
.pccv .pcc-percent .pcc-load {background-image:url(../img/icons.white.png);opacity:1;margin:-2px 0 0}
.pccv .pcc-percent .pcc-load + div {display:inline;color:#f2f3f6;
    text-shadow:0 1px 1px rgba(0, 0, 0, .3);}
.pccv .pcc-percent .pcc-bar {width:3px;z-index:0;background:#86898C;height:26px;top:0;border-radius:2px}

/* search results */
.pccv .pcc-row-results-status {margin:3px 0;float:left;}
.pccv .pcc-row-results-status .pcc-icon-alert {vertical-align:bottom;cursor:pointer}

.pccv .pcc-row-results-status.pcc-done .pcc-load,
.pccv .pcc-row-results-status.pcc-done .pcc-bar {display:none}
.pccv .pcc-row-results-status.pcc-done .pcc-load + div {color:#555;text-shadow:none}
.pccv .pcc-row-results-status.pcc-done .pcc-percent {background:none}

.pccv .pcc-dialog .pcc-row.pcc-row-results-header {margin:0}
.pccv .pcc-row-results-header div {padding:0 4px;height:26px;line-height:26px;background:#86898C;color:#f2f3f6;
    text-shadow:0 1px 1px rgba(0, 0, 0, .3);}
.pccv .pcc-row-results-header div:first-child {border-radius:2px 0 0}
.pccv .pcc-row-results-header div:last-child {border-radius:0 2px 0 0}

.pccv .pcc-row-results {height:400px;overflow:auto;border:1px solid #c2c5ce;background:#f2f3f6;border-radius:0 0 2px 2px;}
.pccv .pcc-row-results .pcc-row {margin:0!important;border:1px solid #f2f3f6;line-height:1.5;cursor: pointer;}
.pccv .pcc-row-results .pcc-row div {padding:3px;font-size:12px;}
.pccv .pcc-row-results .pcc-row.pcc-odd {background:#fff;border-color:#fff}
.pccv .pcc-row-results .pcc-row .pcc-col-3 {padding:3px 10px 0 3px;text-align:center;color:#999}
.pccv .pcc-row-results .pcc-row span {font-weight:bold;}
.pccv .pcc-row-results .pcc-row.pcc-active {border-color:#afc3eb;background:#d3def4}
.pccv .pcc-row-results .pcc-row.pcc-active .pcc-col-3 {color:#7a8394}

.pccv .pcc-select-search-patterns .pcc-label {width:210px;}
.pccv .pcc-select-search-patterns .pcc-label span {color:#86898C}
.pccv .pcc-select-search-patterns .pcc-dropdown {width:208px;height:165px;overflow:hidden}
.pccv .pcc-select-search-patterns .pcc-dropdown input {vertical-align:middle;margin:0 5px 0 4px;}
.pccv .pcc-select-search-patterns .pcc-dropdown .pcc-toolbar span {height:14px;width:14px;padding:1px;display:inline-block;
    font-size:12px;line-height:11px;color:#9fa2aa;border:1px solid #9fa2aa;background:#f2f3f6;border-radius:1px;}
.pccv .pcc-select-search-patterns .pcc-dropdown .pcc-scroll {height:134px;overflow:auto}

/*context menu */
.pccv .pcc-context-menu {padding:4px;position:absolute;top:80px;right:24px;margin:0 -300px 0 0;z-index:2;
    border-radius:2px;background:#e7e9ef;
    -webkit-box-shadow:0 1px 4px 1px rgba(0, 0, 0, 0.4);
            box-shadow:0 1px 4px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition:all 400ms;
            transition:all 400ms}
.pccv .pcc-context-menu.pcc-move {top:157px;} /* horizontal dialog offset on mobile */
.pccv .pcc-context-menu.pcc-open {margin:0}

.pccv .pcc-context-menu.pcc-vertical-offset-left{}
.pccv .pcc-context-menu.pcc-vertical-offset-right{
    right: 66px; /* .pcc-tab-vertical width + .pcc-context-menu right - 16px scroll bar*/
}
.pccv .pcc-context-menu.pcc-vertical-offset-left.pcc-move,
.pccv .pcc-context-menu.pcc-vertical-offset-right.pcc-move{
    top: 117px; /* .pcc-context-menu.pcc-move top - .pcc-tab-pane height */
}
.pccv .pcc-context-menu.pcc-move-bottom,
.pccv .pcc-context-menu.pcc-vertical-offset-left.pcc-move-bottom {top:auto;bottom:20px}
.pccv .pcc-context-menu.pcc-move-bottom .pcc-dropdown {top:-149px;margin:150px 0 0;
    -webkit-box-shadow:0 -2px 2px 0 rgba(0, 0, 0, 0.3);
            box-shadow:0 -2px 2px 0 rgba(0, 0, 0, 0.3)}
.pccv .pcc-context-menu.pcc-move-bottom .pcc-dropdown.pcc-open {margin:0}

.pccv .pcc-context-menu>.pcc-pull-right {width:28px;}
.pccv .pcc-context-menu .pcc-pull-right button {margin:0 0 5px}
.pccv .pcc-context-menu .pcc-pull-left {display:none}
.pccv .pcc-context-menu .pcc-pull-left.pcc-open {display:block;margin:0 4px 0 0;width:206px}
.pccv .pcc-context-menu .pcc-row {float:left;clear:both;margin:0 0 5px}
.pccv .pcc-context-menu .pcc-row:last-child {margin:0}

.pccv .pcc-context-menu .pcc-tabs {display:inline-block;height:26px;margin:0 0 5px;width:85%;border-bottom:1px solid #c2c5ce;}
.pccv .pcc-context-menu .pcc-tabs>div {display:inline-block;height:26px;margin: 0 -5px 0 0px;padding:0 7px;background:#d5d8e0;
    border:1px solid #c2c5ce;border-radius:2px 2px 0 0;cursor:pointer}
.pccv .pcc-context-menu .pcc-tabs>div.pcc-active {border-bottom:1px solid #e7e9ef;background:none;}
.pccv .pcc-context-menu .pcc-tabs>div .pcc-icon {height:24px}
.pccv .pcc-context-menu .pcc-tabs>div .pcc-icon-annotate-text {background-position:-82px -40px}
.pccv .pcc-context-menu .pcc-tabs>div .pcc-icon-layer-front {background-position: -145px -20px;}
.pccv .pcc-context-menu .pcc-tabs>div .pcc-icon-annotate-rectangle {background-position:-40px -40px}
.pccv .pcc-context-menu .pcc-tabs>div .pcc-icon-annotate-rectangle-filled {background-position:-61px -40px}
.pccv .pcc-context-menu .pcc-tab-content {display:none;}
.pccv .pcc-context-menu .pcc-tab-content.pcc-open {display:inline-block}

.pccv .pcc-context-menu .pcc-select-color {position:static}
.pccv .pcc-context-menu .pcc-select-color .pcc-label {width:37px}
.pccv .pcc-context-menu .pcc-select-color .arrow {right:auto;margin:4px 0 0 24px}
.pccv .pcc-context-menu .pcc-select-color .swatch {width:16px;height:16px;margin:5px 0 0px 4px;background:#000;
    border-radius:2px;border:1px inset #fff;float:left}
.pccv .pcc-context-menu .pcc-select-color .pcc-dropdown {margin:-1px 0 0;background:#fff;left:4px;top:auto;overflow:hidden;
    border: 1px solid #c2c5ce;}
.pccv .pcc-context-menu .pcc-select-color .pcc-dropdown div {width:18px;height:18px;float:left;margin:4px 0 0 4px;
    border-radius:2px;border:1px inset #c2c5ce;}
.pccv .pcc-context-menu .pcc-select-color .pcc-arrow-down {right:auto;margin:-14px 0 0 24px}
.pccv .pcc-context-menu .pcc-select-color .pcc-dropdown.pcc-open {height:48px;}
.pccv .pcc-context-menu.pcc-move-bottom .pcc-select-color .pcc-dropdown {margin:-30px 0 0
    -webkit-box-shadow:0 -1px 2px 0 rgba(0, 0, 0, 0.3);
            box-shadow:0 -1px 2px 0 rgba(0, 0, 0, 0.3)}
.pccv .pcc-context-menu.pcc-move-bottom .pcc-select-color .pcc-dropdown.pcc-open {margin:-73px 0 0;}

.pccv .pcc-context-menu .pcc-select-border .pcc-option {width:16px;margin:-3px 7px 0 0;background:#383a3f;
    display:inline-block;vertical-align:middle;}
.pccv .pcc-context-menu .pcc-select-border .pcc-label {text-indent:8px}
.pccv .pcc-context-menu .pcc-select-border .pcc-dropdown {width:78px}
.pccv .pcc-context-menu .pcc-select-border .pcc-option1 {height:1px;}
.pccv .pcc-context-menu .pcc-select-border .pcc-option2 {height:2px;}
.pccv .pcc-context-menu .pcc-select-border .pcc-option3 {height:3px;}
.pccv .pcc-context-menu .pcc-select-border .pcc-option4 {height:4px;}
.pccv .pcc-context-menu .pcc-select-border .pcc-option5 {height:5px;}
.pccv .pcc-context-menu .pcc-select-border .pcc-option6 {height:6px;}
.pccv .pcc-context-menu .pcc-select-border .pcc-option7 {height:7px;}
.pccv .pcc-context-menu .pcc-select-border .pcc-option8 {height:8px;}

.pccv .pcc-context-menu .pcc-select-opacity .pcc-option {width:14px;height:14px;margin:-3px 2px 0 0;
    background:#383a3f;display:inline-block;vertical-align:middle;}
.pccv .pcc-context-menu .pcc-select-opacity .pcc-dropdown {width:78px}
.pccv .pcc-context-menu .pcc-select-opacity .pcc-option0 {opacity:0;filter:Alpha(Opacity=0)}
.pccv .pcc-context-menu .pcc-select-opacity .pcc-option10 {opacity:.1;filter:Alpha(Opacity=10)}
.pccv .pcc-context-menu .pcc-select-opacity .pcc-option20 {opacity:.2;filter:Alpha(Opacity=20)}
.pccv .pcc-context-menu .pcc-select-opacity .pcc-option30 {opacity:.3;filter:Alpha(Opacity=30)}
.pccv .pcc-context-menu .pcc-select-opacity .pcc-option40 {opacity:.4;filter:Alpha(Opacity=40)}
.pccv .pcc-context-menu .pcc-select-opacity .pcc-option50 {opacity:.5;filter:Alpha(Opacity=50)}
.pccv .pcc-context-menu .pcc-select-opacity .pcc-option60 {opacity:.6;filter:Alpha(Opacity=60)}
.pccv .pcc-context-menu .pcc-select-opacity .pcc-option70 {opacity:.7;filter:Alpha(Opacity=70)}
.pccv .pcc-context-menu .pcc-select-opacity .pcc-option80 {opacity:.8;filter:Alpha(Opacity=80)}
.pccv .pcc-context-menu .pcc-select-opacity .pcc-option90 {opacity:.9;filter:Alpha(Opacity=90)}
.pccv .pcc-context-menu .pcc-select-opacity .pcc-option100 {opacity:1;filter:Alpha(Opacity=100)}

.pccv .pcc-context-menu .pcc-select-font .pcc-label {width:110px}
.pccv .pcc-context-menu .pcc-select-font .pcc-dropdown {width:108px}

.pccv .pcc-context-menu .pcc-select-font-size .pcc-label {width:50px}
.pccv .pcc-context-menu .pcc-select-font-size .pcc-dropdown {width:48px}

.pccv .pcc-context-menu .pcc-select-stamp-label .pcc-label {width:95px}
.pccv .pcc-context-menu .pcc-select-stamp-label .pcc-dropdown {width:93px;}
.pccv .pcc-context-menu .pcc-select-stamp-label .pcc-dropdown.pcc-open {height:80px;}
.pccv .pcc-context-menu.pcc-move-bottom .pcc-select-stamp-label .pcc-dropdown {top:-80px;margin:80px 0 0}
.pccv .pcc-context-menu.pcc-move-bottom .pcc-select-stamp-label .pcc-dropdown.pcc-open {margin:0}

/* loading indicator */
.pccv .pcc-load,
.pccv .pccPageListItemLoading {width:19px;height:19px;display:inline-block;
    background-position:-22px -64px;
    -webkit-animation-duration:1s;
            animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
            animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
            animation-timing-function:linear;
    -webkit-animation-name:pcc-anim-load;
            animation-name:pcc-anim-load;}

.pccv .pccPageListItemLoading {display:block}

@-webkit-keyframes pcc-anim-load {
  0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

@keyframes pcc-anim-load {
  0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

/* notification */
.pccv [data-pcc-notify] {background:#383a3f;position:absolute;top:-300px;left:0;right:0;
    margin:0 15%;padding:10px;visibility:hidden;opacity:0;z-index:9;border-radius:3px;
    text-align:center;
    -webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, .4);
            box-shadow:0 2px 4px -1px rgba(0, 0, 0, .4);
    -webkit-transition:all 400ms;
            transition:all 400ms}
.pccv [data-pcc-notify-type=error] {background:#e24d4d;}
.pccv [data-pcc-notify-type=success] {background:#5bb75b;}
.pccv [data-pcc-notify] * {text-shadow:0 1px 1px rgba(0, 0, 0, .5);color:#fff;}
.pccv [data-pcc-notify] button {position:absolute;top:0;right:0;font-size:20px;color:#fff;
    background:none;border:none;-webkit-box-shadow:none;box-shadow:none}
.pccv [data-pcc-notify].pcc-open {visibility:visible;opacity:1;top:122px}

/* overlay */
.pccv .pcc-overlay {
    display:none;
    position:absolute;
    top: 0;
    width:100%;
    z-index:7;
}
.pccv .pcc-overlay-inner {margin:100px auto 0;padding:25px;width:400px;position:relative;
    background:#e7e9ef;overflow:auto;border-radius:2px;
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4);}

.pccv .pcc-overlay-fade {
    display: none;
    position: absolute;
    left: 0%;
    top: 0%;
    background-color: black;
    -moz-opacity: 0.7;
    opacity: .70;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    z-index: 6;
}



.pccv .pcc-overlay ul {
    list-style-type: none;
    margin: 10px;
    padding: 0px;
}

.pccv .pcc-overlay [data-action] {
    cursor: pointer;
    padding: 5px 10px;
}

.pccv .pcc-overlay [data-action]:hover {
    background-color: #f2f3f6;
}
.pccv .pcc-overlay.pcc-open {display:block}

.pccv .pcc-overlay .pcc-overlay-closer {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-size:20px;
    background:none;
    border:none;
    -webkit-box-shadow:none;
            box-shadow:none;
}

.pccv .pcc-overlay-mask {
    display:none;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 8;
    left: 0;
    top: 0;
    -moz-opacity: 0.7;
    opacity: .70;
    filter: alpha(opacity=70);
    text-align: center;
    padding-top: 15%;
    font-weight: bold;
    font-size: 130%;
    background-color: #fff;
}


.pccv .pcc-overlay-prompt {
    border-bottom: 1px solid #c2c5ce;
    padding-bottom: 5px;
}


.pccv .pcc-overlay .pcc-row {float:left;clear:both;margin:0 0 10px}
.pccv .pcc-overlay .pcc-row:last-child {margin:0}

/* print modal overlay */
.pccv [data-pcc-print=overlay] h4 {margin:0;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pccv [data-pcc-print=overlay] button.pcc-center {margin:auto;display:block;width:50%}

/* load/save */
.pccv .pcc-dialog-save-annotations input {
    vertical-align: middle;
    width: 75%;
}

.pccv .pcc-select-load-annotations .pcc-row {margin:0!important;padding:4px!important;border:1px solid #f2f3f6;line-height:1.5;cursor: pointer;}
.pccv .pcc-select-load-annotations .pcc-row.pcc-odd {background:#fff;border-color:#fff}

.pccv .pcc-annotation-load-status-msg {
    font-style: italic;
    margin-top: 10px;
    font-size: 12px;
}

/* helpers */
.pccv .pcc-hide {display:none}
.pccv .pcc-text-right {text-align:right}
.pccv .pcc-text-left {text-align:left}
.pccv .pcc-text-center {text-align:center}
.pccv .pcc-pull-left {float:left}
.pccv .pcc-pull-right {float:right}
.pccv .pcc-placeholder {color:#888}

/* PageList offset */
.pccv [data-pcc-pagelist] {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 69px; /* height of tabset + .pcc-tab-pane height */
}
.pccv [data-pcc-pagelist].pcc-vertical-offset-left{
    padding-left: 42px; /* width of .pcc-tab-vertical */
    padding-top: 29px; /* height of tabset */
}
.pccv [data-pcc-pagelist].pcc-vertical-offset-right{
    padding-right: 42px; /* width of .pcc-tab-vertical */
    padding-top: 29px; /* height of tabset */
}

/* viewport breakpoints */
@media (min-width:0) {
    .pccv .pcc-dialog {width:100%;left:0;right:0;margin:-40px 0 0;padding:0 10px 3px;line-height:37px;}
    .pccv .pcc-dialog.pcc-open {height:auto;}

    .pccv .pcc-icon,
    .pccv .pcc-load,
    .pccv .pccPageListItemLoading,
    .pccv [data-pcc-radio].pcc-checked span {background-image:url(../img/icons@2x.png);
        -webkit-background-size:380px 380px;background-size:380px}

    .pccv .pcc-tab-item .pcc-icon {background-image:url(../img/icons.white@2x.png)}

    .pccv .pccEditMarkButton {
        background-image: url(../img/EditTextMark@2x.png);
    }
}

@media (max-width:767px) {
    .pccv .pcc-trigger {display:block;position:absolute;top:0;left:0;right:0;z-index:5;
        margin:0 140px 0 0;color:#fff;cursor:pointer}
    .pccv .pcc-trigger:after {content:"";display:inline-block;margin:0 0 1px 12px;
        border-left:5px solid transparent;border-right:5px solid transparent;
        border-top:7px solid #7d8088}
    .pccv .pcc-trigger .pcc-icon {opacity:1}
    .pccv .pcc-nav-tabset .pcc-tab {width:100%}
    .pccv .pcc-nav-tabset .pcc-tab:not(.pcc-open) .pcc-tab-item {display:none;}
    .pccv .pcc-nav-tabset .pcc-tab.pcc-open {display:block}

    .pccv .pcc-nav-tabset .pcc-tab .pcc-tab-item.pcc-open {
        position:absolute;
        left:0;
        right:0;
        top:0;
        display:block;
        z-index:5;
        border-bottom:1px solid #666;
        opacity:.9;
    }
    .pccv .pcc-nav-tabset .pcc-tab .pcc-tab-item.pcc-hide {display:none}

    .pccv .pcc-dialog.pcc-vertical-offset-left,
    .pccv .pcc-dialog.pcc-vertical-offset-right { top: 29px; }

    .pccv .pcc-annotation-save-msg {
        padding: 10px 0 0px 0;
        line-height: 15px;
    }

    .pccv .pcc-overlay-inner {margin:100px auto 0;padding:15px;width:280px;}

    .pccv .pcc-select-load-annotations .pcc-arrow-down,
    .pccv .pcc-select-save-annotations .pcc-arrow-down {margin: -18px 0 0;}
    .pccv .pcc-select-load-annotations .pcc-dropdown,
    .pccv .pcc-select-save-annotations .pcc-dropdown {top:33px}

    /* PageList offset for search bar on mobile */
    .pccv [data-pcc-pagelist].pcc-dialog-offset {padding-top:0px;}
    .pccv [data-pcc-pagelist].pcc-dialog-offset.pcc-vertical-offset-left {padding-top:69px;} /* original top value */
    .pccv [data-pcc-pagelist].pcc-dialog-offset.pcc-vertical-offset-right {padding-top:69px;}

}

@media (min-width:768px) {
    .pccv .pcc-dialog-load-annotations .pcc-select,
    .pccv .pcc-dialog-save-annotations .pcc-select {margin:0 0 5px}
    .pccv .pcc-annotation-save-msg {
        padding: 3px 0 5px 0;
        line-height: 17px;
    }

    .pccv [data-pcc-search=closer] {
        display: block;
        position: absolute;
        right: 5px;
        top: 5px;
        cursor: pointer;
    }

    .pccv [data-pcc-pagelist].pcc-dialog-offset {padding-left:230px}
    .pccv [data-pcc-pagelist].pcc-dialog-offset.pcc-vertical-offset-left {padding-left:270px}
    .pccv [data-pcc-pagelist].pcc-dialog-offset.pcc-vertical-offset-right {padding-left:230px;padding-right:42px}

    .pccv .pcc-lg-col-0 {width:0;height:0;overflow:hidden}
    .pccv .pcc-lg-col-1 {width:8.333%}
    .pccv .pcc-lg-col-2 {width:16.666%}
    .pccv .pcc-lg-col-3 {width:24.999%}
    .pccv .pcc-lg-col-4 {width:33.333%}
    .pccv .pcc-lg-col-5 {width:41.666%}
    .pccv .pcc-lg-col-6 {width:50.000%}
    .pccv .pcc-lg-col-7 {width:58.333%}
    .pccv .pcc-lg-col-8 {width:66.666%}
    .pccv .pcc-lg-col-9 {width:74.999%}
    .pccv .pcc-lg-col-10 {width:83.333%}
    .pccv .pcc-lg-col-11 {width:91.666%}
    .pccv .pcc-lg-col-12 {width:100.000%}

    .pccv .pcc-lg-col-6>* {width:95%!important}
    .pccv .pcc-lg-col-6 + .pcc-lg-col-6>* {margin:0 0 0 5%}

    .pccv .pcc-hide-lg {display:none}
    .pccv .pcc-show-lg {display:block!important}
    .pccv .pcc-icon.pcc-show-lg {display:inline-block!important}
    .pccv .pcc-nav-tabset .pcc-tab .pcc-tab-item.pcc-hide {display:block}

    .pccv .pcc-dialog {
        width:230px;
        height:100%;
        visibility:hidden;
        margin:0 0 0 -230px;
        padding:10px;
        line-height:20px;
    }
    .pccv .pcc-dialog.pcc-open {height:100%;margin:0;visibility:visible}

    .pccv .pcc-select-load-annotations .pcc-arrow-down {margin: -14px 0 0;}

    .pccv .pcc-row-results-status .pcc-percent {margin:0}

    .pccv .pcc-dialog .pcc-row {float:left;margin:0 0 10px}
    .pccv .pcc-dialog .pcc-row-results-header {margin:0}

    .pccv .pcc-dialog.pcc-vertical-offset-right{
        right: auto; /* left sidebar version - desktop */
        padding-right:10px;
    }

    .pccv .pcc-dialog.pcc-vertical-offset-left,
    .pccv .pcc-dialog.pcc-vertical-offset-right { top: 29px; }

    .pccv .pcc-dialog-search.pcc-vertical-offset-left {padding:10px}

    .pccv [data-pcc-notify] {margin:0 35%}


}