/* Minification failed. Returning unminified contents.
(5783,3): run-time error CSS1031: Expected selector, found '/'
(5783,3): run-time error CSS1025: Expected comma or open brace, found '/'
 */
/* this stylesheet contains only fonts used for eSignature. This sheet can be used on pages that do not include 
 * the full viewer, but still want to take advantage of the fonts. The fonts are also included in viewer.css, so 
 * that this sheet does not need to be requested separately by default. It is, however, used in printTemplate.html.
 */
@font-face {
    font-family: 'Grand Hotel';
    src: url('accusoft/fonts/GrandHotel-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Great Vibes';
    src: url('accusoft/fonts/GreatVibes-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pacifico';
    src: url('accusoft/fonts/Pacifico-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sacramento';
    src: url('accusoft/fonts/Sacramento-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cedarville Cursive';
    src: url('accusoft/fonts/CedarvilleCursive-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dancing Script';
    src: url('accusoft/fonts/DancingScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Italianno';
    src: url('accusoft/fonts/Italianno-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'La Belle Aurore';
    src: url('accusoft/fonts/LaBelleAurore-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Mono';
    src: url('accusoft/fonts/PTMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('accusoft/fonts/FiraSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Serif';
    src: url('accusoft/fonts/PFSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.pccv .pcc-nav-tabset .pcc-tab-item .pcc-icon {
  filter: alpha(opacity=60);
}
.pccv .pcc-nav-tabset .pcc-tab-item.pcc-active .pcc-icon,
.pccv .pcc-slider .pcc-slider-thumb {
  filter: alpha(opacity=100);
}
.pccv .pcc-nav-tabset .pcc-tab-pane {
  border-bottom: 1px solid #aaa;
}
.pccv .pcc-nav-tabset .pcc-tab-pane.pcc-tab-vertical {
  border-bottom: none;
  border-right: 1px solid #aaa;
}
.pccv .pcc-nav-tabset .pcc-tab-pane.pcc-tab-vertical.pcc-right {
  border-bottom: none;
  border-left: 1px solid #aaa;
}
.pccv .pcc-context-menu {
  border: 1px solid #aaa;
}
.pccv .pcc-context-menu.pcc-move-bottom .pcc-dropdown {
  border-top: 1px solid #c2c5ce;
}
.pccv .pcc-nav-tabset .pcc-tab-pane .pcc-icon {
  background-color: #f2f3f6;
}
.pccv .pcc-dialog .pcc-icon,
.pccv .pcc-context-menu .pcc-icon,
.pccv .pcc-overlay-esign .pcc-icon {
  background-color: #e7e9ef;
}
.pccv .pcc-context-menu .pcc-tabs div .pcc-icon {
  background-color: #d5d8e3;
}
.pccv .pcc-context-menu .pcc-tabs div.pcc-active .pcc-icon {
  background-color: #e7e9ef;
}
.pccv .pcc-nav-tabset .pcc-tab-pane .pcc-active.pcc-icon,
.pccv .pcc-dialog .pcc-active.pcc-icon,
.pccv .pcc-context-menu .pcc-active.pcc-icon {
  background-color: #c2c5ce;
  border-top: 1px solid #c2c5ce;
}
.pccv .pcc-dialog .pcc-icon {
  background-color: #e7e9ef;
}
.pccv .pcc-nav-tabset .pcc-tab-pane .pcc-icon.pcc-disabled,
.pccv .pcc-icon.pcc-disabled {
  filter: alpha(opacity=20);
}
.pccv .pcc-overlay-esign .pcc-esign-draw-context {
  height: 130px;
  position: relative;
  overflow: hidden;
}
.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-hide-lg {
  display: none !important;
}
.pccv .pcc-dialog {
  border-right: 1px solid #aaa;
}
.pccv .pcc-dialog [class*=col] {
  margin: 0;
}
.pccv .pcc-dialog .pcc-row {
  float: left;
  margin: 4px 0;
}
.pccv [data-pcc-notify] {
  margin: auto;
  width: 300px;
}
.pccv .pcc-annotation-save-msg {
  padding: 3px 0 5px 0;
  line-height: 17px;
}
.pccv .pcc-overlay-esign .pcc-overlay-inner {
  height: 400px\9;
}
.pccv .pcc-view-content.pcc-tall {
  -ms-overflow-x: hidden;
}
.pcc-valign-mid {
  display: table-cell;
  vertical-align: middle;
}
.pcc-cell-content {
  overflow: hidden;
}
.pcc-conversation-selected {
  margin-left: -5px;
  margin-right: 5px;
}
.pccv .pcc-skinny-comments.pccPageListComments .pcc-expanded.pcc-conversation-container {
  top: -3px;
  right: 38px;
}
.pcc-image-stamp-img {
  height: auto;
  max-height: available;
  width: 100%;
  max-width: 100%;
  position: relative;
}
.pccv .pccThumbnail.pcc-thumbnail-selected .pccThumbnailView {
  outline: 2px solid #aaa;
}
ul.pcc-immediate-action-menu {
  background-image: none !important;
}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*-----------------------------------------------------------------------*/

/*Copyright 2003 to current year.
AVEVA Solutions Limited and its subsidiaries. All rights reserved.*/

/*-----------------------------------------------------------------------*/

/************** PCC Overrides ************/

/* Aligns the icons correctly */
.pccv button,
.pcc-hyperlink-edit .pcc-hyperlink-icon-delete,
.pcc-hyperlink-edit .pcc-hyperlink-icon-done,
.pcc-hyperlink-view .pcc-hyperlink-icon-edit
{   
    min-width: 0;
}

/* Removes oveflow for hyperlink menu */
.pcc-hyperlink-menu {
    overflow: visible !important;
}

/* Overrides the hyperlink buttons size */
.pcc-hyperlink button
{   
    min-width: 0;
}

/* For image tool panel */
.pcc-image-tools-panel
{
    left:364px !important;
}
.pccv .pcc-slider .pcc-slider-thumb
{
    background-color: transparent !important;
}

/* Align search input box */
.pccv .pcc-search-group input {
    margin-bottom: 0;
}

/* Hide print icon in Accusoft toolbar */
.pcc-icon-print {
    display: none !important;
}

/* Removes the excess padding at the bottom of the viewer */
.pccv [data-pcc-pagelist] {
    padding-bottom: 0 !important;
}

/* Sets the correct line height for the annotation text tool in edit mode */
.pccViewerControl textarea {
    line-height: normal;
}

/* Increased input textbox height */
.pccv .pcc-status-bar input {
  height: 23px !important;
}

/* Overrides background-image for immediateActionMenuMode (mini context menu) */
ul.pcc-immediate-action-menu.pcc-hover-trigger {
    background-image: url("accusoft/img/icons.png") !important;
}

/* Fix freehand signature preview in context menu */
.pcc-esign-preview svg { 
    position: relative;
}

/* Fix status bar hiding issue */
.pccv .pcc-status-bar {
  z-index: 3 !important;
}

/* Fix bad alignment of loading spinner, and white background behind it */
.pccPageListItemLoading {
    line-height: normal;
    background-color: transparent !important;
}

.pccPageListItem {
    background-color: transparent !important;
}

/************** End PCC Overrides ************/

/************** Printing ************/

/* General */
@page {
    width:100%;
    height:100%;
    margin:0.5in 0.1in 0.1in 0.5in;
}

@media print {
    .pagebreak {
        page-break-after: always;
    }

    html {
        width: 100%;
        height:100%;
        margin:0;
    }

    body {
        width: 100%;
        height: 100%;
        margin:0;
    }
    svg {
        width:100%;
    }
    img {
        max-width: 100%;
        max-height:100%;
    }

    .print-content {
        width: 100%;
        height:100%;
        display: block;
        position:relative;
    }

    .print-header {
        vertical-align: top;
        position: static;
        top: 0;
        width: 100%;
    }

    .print-footer {
        vertical-align: bottom;
        position: static;
        bottom: 0;
        width: 100%;
    }

    .print-bannertext-left {
        width: 33%;
        word-wrap: break-word;
        float: left;
    }

    .print-bannertext-center {
        width: 33%;
        float: left;
        text-align: center;
        word-wrap: break-word;
    }

    .print-bannertext-right {
        width: 33%;
        float: right;
        text-align: right;
        word-wrap: break-word;
    }
    .no-print {
        display:none;
    }
    .print-watermark {
    position:absolute;    
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; 
    left: 25%;
    opacity: 0.5;
    z-index: 99;
    color: #999;
    font-size: 70pt;
    text-align: center;
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height:80%;
    width:80%
}
}


html {
    width: 99%;
    height: 99%;
}

body {
    width: 100%;
    height: 100%;
}

.print-content {
    width: 100%;
    height: 100%;
    display: block;
    text-align:center; 
    position:relative;
    
}
.print-content > svg{
    width: 99%;
    height: 99%;
    display: block;
}


.print-header {
    vertical-align: top;
    top: 0;
    width: 100%;
    padding-bottom: 1%;
    min-height: 40px;
}

.print-footer {
    vertical-align: bottom;
    bottom: 0;
    width: 100%;
    padding-top: 0.2%;
    min-height: 40px;
}

.print-bannertext-left {
    width: 33%;
    word-wrap: break-word;
    float: left;
}

.print-bannertext-center {
    width: 33%;
    float: left;
    text-align: center;
    word-wrap: break-word;
}

.print-bannertext-right {
    width: 33%;
    float: right;
    text-align: right;
    word-wrap: break-word;
}


/* Watermark */
.print-watermark {
    position:absolute;    
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; 
    left: 25%;
    opacity: 0.5;
    z-index: 99;
    color: #999;
    font-size: 70pt;
    text-align: center;
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height:80%;
    width:80%;
}
.print-buttons {
        width:100%;
        position:fixed;
        bottom:0;
        text-align:center;
        margin-bottom:10px;
    }
    .print-buttons input[type="submit"] {
        margin-left:10px;
        width:100px;
    }

/************** End Printing ************/

/************** Zoom ************/

.pccv .pcc-tabset-zoom ul {
    position: absolute;
    display: block;
    width: 200px;
    background: #e7e9ef;
    color: #555555;
    padding: 0;
    list-style: none;
    font-size: 1.2em;
    white-space: nowrap;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 400ms ease;
    will-change: height, max-height;
    box-sizing: border-box;
    left: 350px;
    margin: 0 auto;
    line-height: 20px;
    text-align: center;
}
.pccv .pcc-tabset-zoom ul.pcc-show {
  max-height: 450px;
  top: 40px;
  border: 1px solid #c2c5ce;
  border-radius: 2px 2px 0 0;
  border-bottom: 0;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4);
}
.pccv .pcc-tabset-zoom ul li {
  border-top: 1px solid white;
  border-bottom: 1px solid #c2c5ce;
  padding: 6px 8px;
  cursor: pointer;
}
.pccv .pcc-tabset-zoom ul li:last-of-type {
  border-bottom: 0;
}
.pccv .pcc-tabset-zoom ul li:hover {
  background: #f2f3f6;
}
.pccv .pcc-tabset-zoom ul .pcc-separator-zoom {
  background: #c2c5ce;
  height: 4px;
}
.pccv .pcc-tabset-zoom .pcc-icon[data-pcc-zoom-level] {
  width: 47px;
  background: #7C7E84 !important;
  color: white;
}

/************** End Zoom ************/

/************** Common CSS ************/

.not-support-message {
    margin: auto;
    display: table;
}

/************** End Common CSS ************/
@font-face {
    font-family: 'Grand Hotel';
    src: url('accusoft/fonts/GrandHotel-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Great Vibes';
    src: url('accusoft/fonts/GreatVibes-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Pacifico';
    src: url('accusoft/fonts/Pacifico-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Sacramento';
    src: url('accusoft/fonts/Sacramento-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Cedarville Cursive';
    src: url('accusoft/fonts/CedarvilleCursive-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Dancing Script';
    src: url('accusoft/fonts/DancingScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Italianno';
    src: url('accusoft/fonts/Italianno-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'La Belle Aurore';
    src: url('accusoft/fonts/LaBelleAurore-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'PT Mono';
    src: url('accusoft/fonts/PTMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Fira Sans';
    src: url('accusoft/fonts/FiraSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'PT Serif';
    src: url('accusoft/fonts/PFSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  .pccv .pcc-breakpoint-trigger {
    width: 0;
    height: 0;
  }
  .pccv .pcc-breakpoint-trigger:after {
    content: 'initial';
    display: none;
  }
  @media (max-width: 767px) {
    .pccv .pcc-breakpoint-trigger:after {
      content: 'mobile';
    }
  }
  @media (min-width: 768px) {
    .pccv .pcc-breakpoint-trigger:after {
      content: 'desktop';
    }
  }
  html,
  html body {
    height: 100%;
  }
  .pccv,
  .pccv:before,
  .pccv:after,
  .pccv *,
  .pccv *:before,
  .pccv *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pccv .pcc-tabset,
  .pccv .pcc-dialog,
  .pccv .pcc-overlay {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .pccv .pcc-row {
    width: 100%;
  }
  .pccv [class*=pcc-col-] {
    height: auto;
    float: left;
  }
  .pccv .pcc-col-0 {
    width: 0%;
  }
  .pccv .pcc-col-1 {
    width: 8.33333333%;
  }
  .pccv .pcc-col-2 {
    width: 16.66666667%;
  }
  .pccv .pcc-col-3 {
    width: 25%;
  }
  .pccv .pcc-col-4 {
    width: 33.33333333%;
  }
  .pccv .pcc-col-5 {
    width: 41.66666667%;
  }
  .pccv .pcc-col-6 {
    width: 50%;
  }
  .pccv .pcc-col-7 {
    width: 58.33333333%;
  }
  .pccv .pcc-col-8 {
    width: 66.66666667%;
  }
  .pccv .pcc-col-9 {
    width: 75%;
  }
  .pccv .pcc-col-10 {
    width: 83.33333333%;
  }
  .pccv .pcc-col-11 {
    width: 91.66666667%;
  }
  .pccv .pcc-col-12 {
    width: 100%;
  }
  .pccv .pcc-col-0 {
    height: 0;
    overflow: hidden;
  }
  .pccv .pcc-col-6 > * {
    width: 95% !important;
  }
  .pccv .pcc-col-6 + .pcc-col-6 > * {
    margin-left: 5%;
  }
  .pccv .pcc-full {
    width: 100%;
  }
  .pccv .pcc-icon {
    padding: 0;
  }
  .pccv .pcc-icon svg,
  .pccv .pcc-load svg,
  .pcc-hyperlink .pcc-icon svg,
  .pcc-redaction-reason .pcc-icon svg,
  .pccv .pcc-tools-tabset .pcc-icon.pcc-active.pcc-locked svg,
  .pcc-immediate-action-menu.pcc-hover-trigger svg,
  .pccv [data-pcc-checkbox] .pcc-icon svg,
  .pccv [data-pcc-radio] .pcc-icon svg,
  .pccv .pcc-checked > span.pcc-checkbox svg {
    fill: #7d7f85;
    height: 26px;
    width: 26px;
  }
  .pccv .pcc-tab-item .pcc-icon svg,
  .pccv .pcc-status-bar .pcc-icon svg,
  .pccv .pcc-icon.pcc-active.pcc-locked svg,
  .pccv .pcc-tools-tabset .pcc-icon svg,
  .pccv .pcc-light-icon svg {
    fill: #fff;
  }
  .pccv .pcc-icon,
  .pccv .pcc-load,
  .pcc-hyperlink .pcc-icon,
  .pcc-redaction-reason .pcc-icon {
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    font-smoothing: antialiased;
  }
  .pccv .pcc-nav-tabset .pcc-tab-item .pcc-icon {
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
  .pccv .pcc-tab-item .pcc-icon {
    margin: -4px -3px 0 -3px;
    top: 0;
    left: 0;
  }
  .pccv .pcc-icon.pcc-active {
    background-color: #d5d7dd !important;
    border-bottom: 1px solid #fff;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  }
  .pccv .pcc-icon.pcc-active .pcc-icon-badge {
    background-color: #a00;
  }
  .pccv .pcc-icon.pcc-active.pcc-locked {
    background-color: #afb0b3 !important;
  }
  .pccv .pcc-icon.pcc-disabled,
  .pccv .pcc-icon[disabled] {
    color: #bbbbbb;
    border-color: #bbbbbb;
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: default !important;
  }
  .pccv [data-pcc-radio].pcc-disabled {
    color: #bbbbbb;
    border-color: none;
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: default !important;
  }
  .pccv button .pcc-icon {
    position: relative;
    top: -2px;
    left: -5px;
  }
  .pccv .pcc-icon-container {
    padding: 2px 1px 0 0;
    border: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .pccv .pcc-icon-height {
    line-height: 26px;
  }
  .pccv .pccEditMarkButton {
    background: no-repeat url("accusoft/img/EditTextMark.png");
    border: none;
    height: 26px;
    width: 26px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .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 #7d7f85;
  }
  .pccv .pcc-arrow-down {
    border-bottom: none;
    border-top: 4px solid #7d7f85;
  }
  .pccv ::-webkit-input-placeholder {
    color: #888888;
  }
  .pccv :-moz-placeholder {
    /* Firefox 18- */
    color: #888888;
  }
  .pccv ::-moz-placeholder {
    /* Firefox 19+ */
    color: #888888;
  }
  .pccv :-ms-input-placeholder {
    color: #888888;
  }
  .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:focus,
  .pccv button.pcc-icon:focus,
  .pccv button.pcc-icon.pcc-active:focus,
  .pccv input[type=text]:focus,
  .pccv input[type=number]:focus {
    box-shadow: inset 0px 0px 0px 2px #3366cc;
  }
  .pccv button {
    line-height: 26px;
    padding: 0 7px;
    background: #f2f3f6;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    position: relative;
  }
  .pccv button.pcc-align-left {
    float: left;
    margin: 7px 0;
  }
  .pccv button.pcc-align-right {
    float: right;
    margin: 7px 0;
  }
  .pccv button .pcc-icon-badge {
    position: absolute;
    top: 12px;
    left: 13px;
    padding: 2px 3px 2px 3px;
    border-radius: 50%;
    background-color: red;
    color: white;
    font-size: 9px;
    font-weight: bold;
    line-height: 1;
  }
  .pccv button .pcc-icon-badge.pcc-icon-badge-wide {
    left: 12px;
    padding: 2px 2px 2px 2px;
  }
  .pccv button:active {
    background-color: #e7e9ef;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  }
  .pccv button.pcc-secondary {
    background: #e7e9ef;
  }
  .pccv button.pcc-muted {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .pccv button.pcc-icon,
  .pccv .pcc-search-group-input button {
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .pccv .pcc-search-group-buttons button {
    border: 1px solid #c2c5ce;
    background-color: #f2f3f6;
    opacity: 1;
  }
  .pccv .pcc-search-group-buttons button {
    padding: 0;
  }
  .pccv .pcc-search-group-buttons button .pcc-icon {
    position: relative;
    top: -2px;
    left: 0;
  }
  .pccv input[type=text],
  .pccv input[type=number] {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 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: #c2c5ce;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  .pccv input[disabled] {
    background: #e7e9ef;
  }
  .pccv .pcc-dialog-search .pcc-pull-right.pcc-hide-lg button {
    font-size: 21px;
    line-height: 21px;
  }
  .pccv .pcc-status-bar input {
    width: 3em;
    height: 20px;
    line-height: 13px;
    vertical-align: baseline;
    text-align: center;
    text-indent: 0;
    background: #202124;
    border: 1px inset #686c75;
    border-radius: 2px;
    margin: 0 3px;
    color: white;
  }
  .pccv input[data-pcc-pageselect].pccError {
    background-color: #e24d4d;
  }
  .pccv .pcc-status-bar input::-webkit-outer-spin-button,
  .pccv .pcc-status-bar input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  .pccv .pcc-status-bar input[type='number'] {
    -moz-appearance: textfield;
  }
  .pccv .pcc-dropdown {
    position: absolute;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    width: 225px;
    height: 0px;
    overflow: auto;
    z-index: 2;
    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.pcc-open {
    height: 150px;
    visibility: visible;
    -webkit-transition: height 200ms;
    transition: height 200ms;
  }
  .pccv .pcc-dropdown.pcc-dropup {
    top: auto;
    bottom: 26px;
    border-top: 1px solid #c2c5ce;
  }
  .pccv .pcc-dropdown.pcc-align-right {
    left: auto;
    right: 0;
  }
  .pccv .pcc-dropdown > div.even {
    background-color: #f2f3f6;
  }
  .pccv .pcc-dropdown > div.odd {
    background-color: #ffffff;
  }
  .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-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 #c2c5ce;
    border-right: none;
  }
  .pccv .pcc-select .pcc-arrow-down {
    position: absolute;
    right: 5px;
    margin: -14px 0 0;
  }
  .pccv .pcc-select .pcc-toolbar {
    height: 30px;
    line-height: 29px;
    padding: 0 8px;
    font-weight: bold;
  }
  .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-align-right {
    text-align: right;
  }
  .pccv .pcc-select.pcc-align-right .pcc-label,
  .pccv .pcc-select.pcc-align-right .pcc-dropdown {
    text-align: left;
  }
  .pccv .pcc-width-100 > .pcc-label {
    width: 100%;
    max-width: 225px;
  }
  .pccv [data-pcc-radio] {
    cursor: pointer;
  }
  .pccv [data-pcc-radio] .pcc-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    line-height: 26px;
    vertical-align: middle;
    border-radius: 50%;
    background: #fff;
    border: 1px inset #c2c5ce;
  }
  .pccv [data-pcc-radio] .pcc-icon svg {
    display: none;
    margin: -7px;
  }
  .pccv [data-pcc-radio] label {
    margin: 0 0 0 5px;
    display: inline-block;
    color: #888888;
    width: 75%;
    vertical-align: middle;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pccv [data-pcc-radio].pcc-checked .pcc-icon svg {
    display: block;
  }
  .pccv .pcc-query-textarea {
    width: 100%;
    height: 100px;
  }
  .pccv label.primary {
    margin: 0;
    display: inline-block;
    color: #888888;
    width: 75%;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pccv label.secondary {
    margin: 0;
    display: inline-block;
    color: #959595;
    width: 75%;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pccv [data-pcc-checkbox] {
    cursor: pointer;
  }
  .pccv [data-pcc-checkbox] .pcc-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 26px;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #fff;
    border: 1px inset #c2c5ce;
  }
  .pccv [data-pcc-checkbox] .pcc-icon svg {
    display: none;
    margin: -4px;
  }
  .pccv [data-pcc-checkbox] label {
    margin: 0 0 0 1px;
    display: inline-block;
    color: #888888;
    width: 75%;
    vertical-align: middle;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pccv [data-pcc-checkbox].pcc-checked .pcc-icon svg {
    display: inline-block;
  }
  .pccv [data-pcc-checkbox].pcc-disabled {
    color: #bbbbbb;
    border-color: none;
    opacity: 0.2;
    filter: alpha(opacity=20);
    cursor: default !important;
  }
  .pccv .pcc-slider {
    display: inline-block;
    position: relative;
    vertical-align: top;
    top: 2px;
    width: 130px;
    height: 26px;
    margin: 0 12px;
    cursor: pointer;
  }
  .pccv .pcc-slider .pcc-slider-track {
    display: block;
    position: relative;
    width: 100%;
    height: 4px;
    margin: 8px 0;
    background: #b2b3b6;
  }
  .pccv .pcc-slider-break {
    position: absolute;
    display: inline-block;
    height: 200%;
    top: -50%;
    width: 2px;
    margin-left: -1px;
    background: #b2b3b6;
    z-index: 1;
  }
  .pccv .pcc-slider .pcc-slider-thumb {
    position: absolute;
    top: -10px;
    left: -14px;
    width: 21px;
    height: 21px;
    z-index: 2;
    will-change: transform;
  }
  .pcc-image-tools-title {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 8px;
    margin-left: 15px;
    color: #555555;
    /*PORTAL : #2346729(2346729) Accusoft Image Tools alignment is not proper in summary view*/
    /* float: left;*/
  }
  .pcc-image-tools-slider-control {
    float: left;
    margin-left: 20px;
  }
  .pcc-image-tools-slider-value {
    float: right;
    width: 10px;
    margin-right: 20px;
    margin-left: 5px;
    margin-top: 0px;
  }
  .pcc-image-tools-slider {
    margin-left: 40px !important;
    margin-top: -5px !important;
    margin-bottom: 5px !important;
  }
  @media (max-width: 767px) {
    .pccv .pcc-slider {
      display: inline-block;
      position: relative;
      vertical-align: top;
      top: 2px;
      width: 120px;
      height: 26px;
      margin: 0 12px;
      cursor: pointer;
    }
    .pcc-image-tools-panel {
      width: 200px;
      height: auto;
      top: 40px;
      left: 155px;
      outline: none !important;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 12px;
      background: #f2f3f6;
      position: absolute;
      z-index: 9999;
      border: 1px solid;
      border-color: #969696;
      box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 3px 0px;
    }
    .pcc-image-tools-slider-value {
      float: right;
      margin-right: 20px;
      margin-left: 0px;
      margin-top: 0px;
    }
    .pcc-image-tools-slider-control {
      float: left;
      margin-left: 10px;
    }
    .pcc-image-tools-slider {
      margin-left: 30px !important;
      margin-top: -5px !important;
      margin-bottom: 5px !important;
    }
  }
  .pccv .pcc-dialog {
    position: absolute;
    width: 230px;
    top: 69px;
    bottom: 40px;
    margin: 0 0 0 -100%;
    padding: 10px;
    line-height: 20px;
    background: #e7e9ef;
    visibility: hidden;
    z-index: 2;
    -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);
    will-change: margin, width;
  }
  .pccv .pcc-dialog [data-pcc-checkbox] {
    display: inline;
  }
  .pccv .pcc-dialog [data-pcc-checkbox].pcc-disabled {
    color: #555;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .pccv .pcc-dialog [data-pcc-section="searchQuickActionRedactOptions"] {
    position: relative;
  }
  .pccv .pcc-dialog [data-pcc-section="searchQuickActionRedactOptions"] .pcc-load {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
  }
  .pccv .pcc-dialog.pcc-open {
    margin: 0;
    visibility: visible;
    overflow: auto;
  }
  .pccv .pcc-dialog .pcc-dialog-wrapper {
    position: relative;
    height: 100%;
    overflow: auto;
  }
  .pccv .pcc-dialog .pcc-row {
    float: left;
  }
  .pccv .pcc-dialog .pcc-row.pcc-row-results-header {
    margin: 0;
  }
  .pccv .pcc-dialog .pcc-row h4 {
    margin: 0;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pccv .pcc-dialog .pcc-container-disabled {
    color: #555;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    pointer-events: none;
  }
  @media (max-width: 767px) {
    .pccv .pcc-dialog {
      width: 100%;
      left: 0;
      right: 0;
      height: 0;
      line-height: 30px;
    }
    .pccv .pcc-dialog.pcc-dialog-search.pcc-open,
    .pccv .pcc-dialog.pcc-dialog-revision.pcc-open,
    .pccv .pcc-dialog.pcc-dialog-pii-detection.pcc-open,
    .pccv .pcc-dialog.pcc-dialog-summarization.pcc-open,
    .pccv .pcc-dialog.pcc-dialog-query.pcc-open,
    .pccv .pcc-dialog.pcc-dialog-tag.pcc-open {
      padding: 0 10px;
      bottom: auto;
    }
    .pccv .pcc-dialog.pcc-open {
      height: auto;
    }
    .pccv .pcc-dialog.pcc-open.pcc-download-preview {
      height: 0;
      padding: 0;
    }
    .pccv .pcc-dialog-load-annotations,
    .pccv .pcc-dialog-save-annotations {
      line-height: 20px;
    }
  }
  .pccv .pcc-clear {
    clear: both;
  }
  .pcc-clearfix:after {
    content: "";
    display: table;
    clear: both;
  }
  .pccv .pcc-hide {
    display: none;
  }
  .pccv .pcc-must-hide {
    display: none !important;
  }
  @media (max-width: 767px) {
    .pccv .pcc-show-sm {
      display: inline-block;
    }
  }
  @media (min-width: 768px) {
    .pccv .pcc-show-lg {
      display: block !important;
    }
    .pccv .pcc-hide-lg {
      display: none !important;
    }
    .pccv .pcc-icon.pcc-show-lg,
    .pccv .pcc-show-lg-inline {
      display: inline-block !important;
    }
  }
  .pccv .pcc-text-right {
    text-align: right;
  }
  .pccv .pcc-text-left {
    text-align: left;
  }
  .pccv .pcc-text-center,
  .pccv .pcc-center {
    text-align: center;
  }
  .pccv .pcc-pull-left {
    float: left;
  }
  .pccv .pcc-pull-right {
    float: right;
  }
  .pccv .pcc-placeholder {
    color: #888888;
  }
  .pccv .pcc-width-30 {
    width: 30% !important;
  }
  .pccv .pcc-width-50 {
    width: 50% !important;
  }
  .pccv .pcc-width-70 {
    width: 70% !important;
  }
  .pccv .pcc-width-100 {
    width: 100% !important;
  }
  .pccv .pcc-margin-top {
    margin-top: 5px;
  }
  .pccv hr {
    border: none;
    border-bottom: 1px solid #c2c5ce;
  }
  .pccv {
    width: 600px;
    height: 800px;
    border: 1px solid #aaa;
    display: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAgMAAAAP2OW3AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMAGovxNEIAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAADElEQVQI12NwYBAAAADUAFGBftGUAAAAAElFTkSuQmCC');
    background-color: #e7e9ef;
    -webkit-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
    position: relative;
    overflow: hidden;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #555;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    will-change: top, left, width, height;
  }
  .pccv.pcc-full-screen {
    position: fixed;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
    border: none;
  }
  .pccv.pcc-preview-mode {
    background-color: #7d7f85;
    -webkit-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
  }
  .pccv .pcc-nav-tabset {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 29px;
    background: #383a3f;
  }
  .pccv .pcc-tab-item,
  .pccv .pcc-status-bar {
    height: 29px;
    line-height: 29px;
    color: #aeaeae;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    padding: 0 10px;
    border: none;
  }
  .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-status-bar {
    background: #383a3f;
    width: auto;
    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-status-bar .pcc-icon {
    margin-top: -3px;
  }
  .pccv .pcc-tab {
    display: inline-block;
    float: left;
    z-index: 1;
  }
  .pccv .pcc-tab .pcc-tab-item {
    position: static;
    display: block;
    top: 0;
    z-index: 5;
  }
  .pccv .pcc-tab-pane {
    visibility: hidden;
    position: absolute;
    height: 40px;
    top: 29px;
    left: 0;
    right: 0;
    line-height: 37px;
    padding: 0 10px;
    background: #f2f3f6;
    z-index: 4;
    -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-tab-pane.pcc-open {
    visibility: visible;
  }
  .pccv .pcc-tab-pane .pcc-left {
    height: 40px;
    overflow: hidden;
  }
  .pccv .pcc-tab-pane .pcc-separator {
    display: inline-block;
    vertical-align: middle;
    height: 26px;
    margin: 0 2px 0 5px;
    border-right: 2px groove #fff;
  }
  .pccv .pcc-tab-preview {
    display: none;
    position: absolute;
    height: 40px;
    top: 29px;
    left: 0;
    right: 0;
    line-height: 37px;
    padding: 0 10px;
    background: #f2f3f6;
    z-index: 4;
    -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-tab-pane.pcc-tab-vertical {
    top: 29px;
    height: 24000px;
    width: 40px;
    padding: 0 7px;
  }
  .pccv .pcc-tab-pane.pcc-tab-vertical.pcc-right {
    left: auto;
  }
  .pccv .pcc-tab-pane.pcc-tab-vertical.pcc-left {
    right: auto;
  }
  .pccv .pcc-tab-pane.pcc-tab-vertical .pcc-pull-right {
    float: none;
  }
  .pccv .pcc-tab-pane.pcc-tab-vertical .pcc-left {
    height: auto;
  }
  .pccv .pcc-tab-pane.pcc-tab-vertical .pcc-separator {
    display: none;
  }
  .pccv .pcc-mobile-overflow-trigger {
    display: none;
  }
  .pccv .pcc-mobile-overflow {
    display: inline-block;
  }
  @media (max-width: 767px) {
    .pccv .pcc-trigger {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      color: #fff;
      cursor: pointer;
    }
    .pccv .pcc-trigger .pcc-icon {
      opacity: 1;
    }
    .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 #7d7f85;
    }
    .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 #555;
      opacity: 0.9;
    }
    .pccv .pcc-nav-tabset .pcc-tab .pcc-tab-item.pcc-hide {
      display: none;
    }
    .pccv .pcc-tab-pane.pcc-tab-advanced,
    .pccv .pcc-tab-pane.pcc-tab-advanced .pcc-left {
      height: auto;
      min-height: 40px;
    }
    .pccv .pcc-tab-pane.pcc-tab-vertical {
      height: 24000px;
    }
    .pccv .pcc-mobile-overflow-trigger {
      display: inline-block;
    }
    .pccv .pcc-mobile-overflow {
      display: none;
    }
    .pccv .pcc-mobile-overflow.pcc-open {
      display: block;
    }
    .pccv .pcc-tab-vertical .pcc-mobile-overflow {
      display: block;
    }
    .pccv .pcc-tab-vertical .pcc-mobile-overflow-trigger {
      display: none;
    }
  }
  .pccv [data-pcc-pagelist] {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 69px;
    padding-bottom: 40px;
  }
  .pccv [data-pcc-pagelist].pcc-vertical-offset-left {
    padding-left: 40px;
    padding-top: 29px;
  }
  .pccv [data-pcc-pagelist].pcc-vertical-offset-right {
    padding-right: 40px;
    padding-top: 29px;
  }
  .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: 40px;
  }
  .pccv [data-pcc-pagelist].pcc-dialog-offset.pcc-dialog-offset-secondary {
    padding-left: 460px;
  }
  .pccv .pcc-dialog.pcc-open.pcc-open-as-secondary {
    margin-left: 230px;
  }
  .pccv .pcc-dialog.pcc-vertical-offset-left,
  .pccv .pcc-dialog.pcc-vertical-offset-right {
    left: 0;
    top: 29px;
  }
  .pccv .pcc-dialog.pcc-vertical-offset-left {
    left: 40px;
  }
  @media (max-width: 767px) {
    .pccv .pcc-dialog.pcc-vertical-offset-left,
    .pccv .pcc-dialog.pcc-vertical-offset-right {
      width: auto;
    }
    .pccv .pcc-dialog.pcc-vertical-offset-left {
      right: 0;
    }
    .pccv .pcc-dialog.pcc-vertical-offset-right {
      right: 40px;
    }
    .pccv [data-pcc-pagelist].pcc-dialog-offset {
      padding-top: 143px;
      padding-left: 0;
    }
    .pccv [data-pcc-pagelist].pcc-dialog-offset.pcc-download-preview {
      padding-top: 69px;
    }
    .pccv [data-pcc-pagelist].pcc-dialog-offset.pcc-vertical-offset-left,
    .pccv [data-pcc-pagelist].pcc-dialog-offset.pcc-vertical-offset-right {
      padding-top: 103px;
    }
    .pccv [data-pcc-pagelist].pcc-dialog-offset.pcc-vertical-offset-left {
      padding-left: 40px;
    }
    .pccv [data-pcc-pagelist].pcc-dialog-offset.pcc-vertical-offset-right {
      padding-left: 0;
      padding-right: 40px;
    }
  }
  .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;
    white-space: pre-line;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 400ms;
    transition: all 400ms;
  }
  @media (min-width: 768px) {
    .pccv [data-pcc-notify] {
      margin: 0 35%;
    }
  }
  .pccv [data-pcc-notify-type=error] {
    background: #e24d4d;
  }
  .pccv [data-pcc-notify-type=success] {
    background: #5bb75b;
  }
  
  /*PORTAL : #1572805 To support open in new tab when file takes long time to load*/
  .pccv [data-pcc-notify-type=warning] {
      margin: auto;
      width: 350px;
      color: #8a6d3b;
      background-color: #fcf8e3;
      border-color: #faebcc;
      font-family: 'Open Sans', 'Segoe UI', Arial, Sans-Serif;
  }
  
  .pccv [data-pcc-notify-type=warning] p {
      color: #8a6d3b;
  }
  
  .pccv [data-pcc-notify-type=warning] h3 {
      color: #8a6d3b;
  }
  
  .pccv [data-pcc-notify-type=warning] a {
      color: #0088cc;
      text-decoration: underline;
  }
  .pccv [data-pcc-notify] * {
    text-shadow: 0 1px 1px rgba(0, 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;
  }
  .pccv .pcc-annotation-layers-title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .pccv .pcc-annotation-layer-load-section {
    margin-bottom: 10px;
  }
  .pccv .pcc-annotation-layer-load-section-title {
    position: relative;
    line-height: 26px;
    padding: 0 5px;
    background-color: #7d7f85;
    color: #f2f3f6;
  }
  .pccv .pcc-annotation-layer-load-section-content {
    background-color: #f2f3f6;
    border-left: 1px solid #c2c5ce;
    border-right: 1px solid #c2c5ce;
    border-bottom: 1px solid #c2c5ce;
    max-height: 15em;
  }
  .pccv .pcc-annotation-layer-load-section-content .pcc-row {
    padding: 0 5px;
  }
  .pccv .pcc-annotation-layer-load-section-content .pcc-toggle-all {
    border-bottom: 1px solid #c2c5ce;
    background-color: #fff;
    margin: 0;
    margin-bottom: 4px;
    padding: 5px;
    cursor: pointer;
    font-style: italic;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 26px;
  }
  .pccv .pcc-annotation-layer-load-section-content .pcc-toggle-all.pcc-checked .pcc-checkbox svg {
    display: inline-block;
  }
  .pccv .pcc-annotation-layer-load-section-content .pcc-loading-container {
    text-align: center;
    display: block;
    background-color: initial;
    border: none;
    float: none;
    margin: 4px auto;
  }
  .pccv .pcc-overflow .pcc-annotation-layer-load-section-content {
    overflow: auto;
  }
  .pccv .pcc-dialog-save-annotations input,
  .pccv .pcc-dialog-annotation-layer-save input {
    vertical-align: middle;
    width: 75%;
  }
  .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;
  }
  .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;
  }
  .pccv .pcc-dialog-load-annotation-layers .pcc-annotation-layers-load-title {
    font-size: 16px;
    line-height: 26px;
  }
  .pccv .pcc-dialog-load-annotation-layers .pcc-load {
    margin-left: -4px;
    margin-right: 3px;
  }
  .pccv .pcc-dialog-load-annotation-layers .pcc-checkbox {
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 26px;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #fff;
    border: 1px inset #c2c5ce;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .pccv .pcc-dialog-load-annotation-layers .pcc-checkbox svg {
    display: none;
    margin: -4px;
  }
  .pccv .pcc-dialog-load-annotation-layers.pcc-checked .pcc-checkbox {
    display: inline-block;
  }
  .pccv .pcc-dialog-load-annotation-layers .pcc-annotation-layers-load-msg {
    font-weight: bold;
    margin-bottom: 10px;
  }
  .pccv .pcc-dialog-load-annotation-layers .pcc-section {
    margin-bottom: 10px;
  }
  .pccv .pcc-dialog-load-annotation-layers .pcc-section-content {
    border-bottom: 1px solid #c2c5ce;
  }
  .pccv .pcc-dialog-load-annotation-layers .pcc-section.pcc-expand.pcc-dropdown-load-annotation-layers .pcc-section-content {
    overflow: visible !important;
  }
  .pccv .pcc-dialog-load-annotation-layers .pcc-select-load-annotation-layers {
    width: 100%;
  }
  .pccv .pcc-dialog-load-annotation-layers .pcc-select-load-annotation-layers .pcc-label,
  .pccv .pcc-dialog-load-annotation-layers .pcc-select-load-annotation-layers .pcc-dropdown {
    width: inherit;
  }
  .pccv .pcc-dialog-load-annotation-layers .pcc-select-load-annotation-layers .pcc-row {
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .pccv .pcc-dialog-load-annotation-layers [data-pcc-load-annotation-layers="done"] {
    width: 100%;
  }
  .pccv .pcc-dialog-load-annotation-layers *,
  .pccv .pcc-dialog-load-annotation-layers .pcc-checkbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pccv .pcc-annotation-layer-record {
    margin: 4px 0;
    cursor: pointer;
    overflow: hidden;
    position: relative;
  }
  .pccv .pcc-annotation-layer-record .pcc-hide {
    display: none;
  }
  .pccv .pcc-annotation-layer-record.pcc-checked .pcc-checkbox {
    display: inline-block;
    background-color: #ffffff;
  }
  .pccv .pcc-annotation-layer-record.pcc-checked .pcc-checkbox svg {
    display: inline-block;
  }
  .pccv .pcc-context-menu {
    padding: 4px;
    position: absolute;
    top: 79px;
    right: 26px;
    margin: 0 -320px 0 0;
    z-index: 3;
    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: margin 400ms;
    transition: margin 400ms;
    will-change: margin;
  }
  .pccv .pcc-context-menu.pcc-open {
    margin: 0;
  }
  .pccv .pcc-context-menu.pcc-vertical-offset-left,
  .pccv .pcc-context-menu.pcc-vertical-offset-right {
    top: 39px;
  }
  .pccv .pcc-context-menu.pcc-vertical-offset-right {
    right: 66px;
  }
  .pccv .pcc-context-menu.pcc-vertical-offset-left.pcc-move,
  .pccv .pcc-context-menu.pcc-vertical-offset-right.pcc-move {
    top: 161px;
  }
  .pccv .pcc-context-menu.pcc-move-bottom,
  .pccv .pcc-context-menu.pcc-vertical-offset-left.pcc-move-bottom {
    top: auto;
    bottom: 50px;
  }
  .pccv .pcc-context-menu.pcc-move-bottom .pcc-dropdown {
    top: auto;
    bottom: 26px;
    margin: 150px 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-dropdown.pcc-open {
    margin: 0;
  }
  .pccv .pcc-context-menu.pcc-move-bottom .pcc-select-stamp-label .pcc-dropdown {
    margin: 80px 0 0;
  }
  .pccv .pcc-context-menu.pcc-move-bottom .pcc-select-color .pcc-dropdown {
    bottom: 32px;
    margin: 48px 0 0;
  }
  @media (max-width: 767px) {
    .pccv .pcc-context-menu.pcc-move {
      top: 160px;
    }
  }
  .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;
    margin: 0 4px 0 0;
    width: 242px;
  }
  .pccv .pcc-context-menu .pcc-pull-left.pcc-open {
    display: block;
  }
  .pccv .pcc-context-menu .pcc-row:last-child {
    margin: 5px 0 0;
  }
  .pccv .pcc-context-menu .pcc-tabs > div .pcc-icon {
    height: 24px;
  }
  .pccv .pcc-context-menu [data-pcc-esign-preview] {
    width: 200px;
  }
  .pccv .pcc-context-menu .pcc-esign-preview-container {
    width: 100%;
  }
  .pccv .pcc-context-menu .pcc-tab-content > div {
    margin: 2px 0 4px;
  }
  .pccv .pcc-tabs {
    display: inline-block;
    height: 26px;
    margin: 0 0 5px;
    width: 85%;
    border-bottom: 1px solid #c2c5ce;
  }
  .pccv .pcc-tabs > div {
    display: inline-block;
    height: 26px;
    margin: 0 -5px 0 0px;
    padding: 0 7px;
    background: #d5d8e3;
    border: 1px solid #c2c5ce;
    border-radius: 2px 2px 0 0;
    cursor: pointer;
  }
  .pccv .pcc-tabs > div.pcc-active {
    border-bottom: 1px solid #e7e9ef;
    background: none;
  }
  .pccv .pcc-tab-content {
    display: none;
  }
  .pccv .pcc-tab-content.pcc-open {
    display: block;
    width: 85%;
  }
  .pccv .pcc-select-color {
    position: static;
  }
  .pccv .pcc-select-color .pcc-label {
    width: 37px;
  }
  .pccv .pcc-select-color .pcc-swatch {
    width: 16px;
    height: 16px;
    margin: 5px 0 0px 4px;
    background: #000;
    border-radius: 2px;
    border: 1px inset #fff;
    float: left;
    position: relative;
    overflow: hidden;
  }
  .pccv .pcc-select-color .pcc-dropdown {
    margin: -1px 0 0;
    left: 4px;
    top: auto;
    overflow: hidden;
    border: 1px solid #c2c5ce;
  }
  .pccv .pcc-select-color .pcc-dropdown.pcc-open {
    height: 48px;
  }
  .pccv .pcc-select-color .pcc-dropdown div {
    width: 18px;
    height: 18px;
    float: left;
    margin: 4px 0 0 4px;
    border-radius: 2px;
    border: 1px inset #c2c5ce;
    position: relative;
  }
  .pccv .pcc-select-color div.pcc-transparent-effect {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRF/5+f/wAA////wXbI3QAAAGhJREFUeNqM1MERACAIA8GF/oumBM63o5BcYt9jlDvKO8pfyjzKzMpeyu6KPoqGis6KF4pfiqeK7wobCj8KYwqHCqsKzwrzSi6U7Cj5UjKo5FTJspJ3pROU3lC6RekfpaPEHvsL8QQYAJP8CXECfmvmAAAAAElFTkSuQmCC') no-repeat center center !important;
  }
  .pccv .pcc-select-color .pcc-arrow-down {
    right: auto;
    margin: -14px 0 0 24px;
  }
  .pccv .pcc-select-border .pcc-option {
    width: 16px;
    margin: -3px 7px 0 0;
    background: #383a3f;
    display: inline-block;
    vertical-align: middle;
  }
  .pccv .pcc-select-border .pcc-label {
    text-indent: 8px;
  }
  .pccv .pcc-select-border .pcc-dropdown {
    width: 78px;
  }
  .pccv .pcc-select-border .pcc-option1 {
    height: 1px;
  }
  .pccv .pcc-select-border .pcc-option2 {
    height: 2px;
  }
  .pccv .pcc-select-border .pcc-option3 {
    height: 3px;
  }
  .pccv .pcc-select-border .pcc-option4 {
    height: 4px;
  }
  .pccv .pcc-select-border .pcc-option5 {
    height: 5px;
  }
  .pccv .pcc-select-border .pcc-option6 {
    height: 6px;
  }
  .pccv .pcc-select-border .pcc-option7 {
    height: 7px;
  }
  .pccv .pcc-select-border .pcc-option8 {
    height: 8px;
  }
  .pccv .pcc-select-opacity .pcc-option {
    width: 14px;
    height: 14px;
    margin: -3px 2px 0 0;
    background: #383a3f;
    display: inline-block;
    vertical-align: middle;
  }
  .pccv .pcc-select-opacity .pcc-dropdown {
    width: 78px;
  }
  .pccv .pcc-select-opacity .pcc-option0 {
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .pccv .pcc-select-opacity .pcc-option10 {
    -moz-opacity: 0.1;
    opacity: 0.1;
    filter: alpha(opacity=10);
  }
  .pccv .pcc-select-opacity .pcc-option20 {
    -moz-opacity: 0.2;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
  .pccv .pcc-select-opacity .pcc-option30 {
    -moz-opacity: 0.3;
    opacity: 0.3;
    filter: alpha(opacity=30);
  }
  .pccv .pcc-select-opacity .pcc-option40 {
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
  }
  .pccv .pcc-select-opacity .pcc-option50 {
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .pccv .pcc-select-opacity .pcc-option60 {
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
  .pccv .pcc-select-opacity .pcc-option70 {
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  .pccv .pcc-select-opacity .pcc-option80 {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .pccv .pcc-select-opacity .pcc-option90 {
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  .pccv .pcc-select-opacity .pcc-option100 {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .pccv .pcc-select-font .pcc-label {
    width: 110px;
  }
  .pccv .pcc-select-font .pcc-dropdown {
    width: 108px;
  }
  .pccv .pcc-select-font-size .pcc-label {
    width: 50px;
  }
  .pccv .pcc-select-font-size .pcc-dropdown {
    width: 48px;
  }
  .pccv .pcc-select-stamp-label .pcc-label {
    width: 95px;
  }
  .pccv .pcc-select-stamp-label .pcc-dropdown {
    width: 93px;
  }
  .pccv .pcc-select-stamp-label .pcc-dropdown.pcc-open {
    height: 80px;
  }
  .pccv .pcc-select-redaction-reason .pcc-label {
    width: 100%;
  }
  .pccv .pcc-select-redaction-reason .pcc-dropdown {
    width: 98%;
  }
  .pccv .pcc-select-redaction-reason .pcc-dropdown.pcc-open {
    height: auto;
    max-height: 150px;
  }
  .pccv .pcc-context-menu .pcc-select-redaction-reason {
    width: 195px;
  }
  .pccv .pcc-context-menu [data-pcc-redaction-reason-input] {
    display: block;
    width: 196px;
  }
  .pccv .pcc-overlay-page-redaction .pcc-select-redaction-reason,
  .pccv .pcc-overlay-page-redaction [data-pcc-redaction-reason-input] {
    width: 100%;
  }
  .pccv .pcc-context-menu .pcc-hyperlink-header {
    position: relative;
    padding-top: 4px;
  }
  .pccv .pcc-context-menu [data-pcc-link-input] {
    margin-top: 5px;
    display: block;
    width: 196px;
  }
  .pccv .pcc-context-menu [data-pcc-link-navigate] {
    position: absolute;
    top: -2px;
    right: -5px;
  }
  .pccv .pcc-image-stamp-preview {
    max-width: 200px;
    max-height: 100px;
    margin: 0;
  }
  .pccv .pcc-tools-tabset {
    position: absolute;
    width: 100%;
    height: 40px;
    background: #383a3f;
    bottom: 0;
    text-align: center;
    z-index: 3;
    will-change: opacity;
  }
  .pccv .pcc-tools-tabset .pcc-icon {
    margin-top: 7px;
  }
  .pccv .pcc-tools-tabset .pcc-icon.pcc-active {
    background-color: #202124 !important;
    border-bottom: 1px solid #686c75;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  }
  .pccv .pcc-tools-tabset .pcc-icon.pcc-active.pcc-locked {
    background-color: #d5d7dd !important;
    border-bottom: 1px solid #fff;
  }
  .pccv .pcc-tools-tabset ul {
    position: absolute;
    bottom: 40px;
    display: block;
    width: 200px;
    background: #e7e9ef;
    color: #555;
    padding: 0;
    list-style: none;
    font-size: 1.2em;
    white-space: nowrap;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 400ms ease;
    will-change: height, max-height;
    box-sizing: border-box;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .pccv .pcc-tools-tabset ul.pcc-show {
    max-height: 450px;
    bottom: 40px;
    border: 1px solid #c2c5ce;
    border-radius: 2px 2px 0 0;
    border-bottom: 0;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4);
  }
  .pccv .pcc-tools-tabset ul li {
    border-top: 1px solid white;
    border-bottom: 1px solid #c2c5ce;
    padding: 6px 8px;
    cursor: pointer;
  }
  .pccv .pcc-tools-tabset ul li:last-of-type {
    border-bottom: 0;
  }
  .pccv .pcc-tools-tabset ul li:hover {
    background: #f2f3f6;
  }
  .pccv .pcc-tools-tabset ul .pcc-separator {
    background: #c2c5ce;
    height: 4px;
  }
  .pccv .pcc-tools-tabset .pcc-icon[data-pcc-zoom-level] {
    width: 47px;
    background: #202124 !important;
    color: white;
  }
  .pcc-image-tools-panel {
    line-height: 14px;
    width: 220px;
    height: auto;
    top: 40px;
    left: 155px;
    outline: none !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    background: #f2f3f6;
    position: absolute;
    z-index: 9999;
    border: 1px solid;
    border-color: #969696;
    box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 3px 0px;
    padding-bottom: 10px;
    padding-top: 7px;
  }
  .pccv .pcc-overlay-fade {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    background-color: black;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  .pccv .pcc-overlay-mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-align: center;
    padding-top: 15%;
    font-weight: bold;
    font-size: 130%;
    background-color: #fff;
  }
  .pccv .pcc-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
  }
  .pccv .pcc-overlay.pcc-open {
    display: block;
  }
  .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-inner {
    margin: 100px auto 0;
    padding: 12px;
    width: 480px;
    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-inner select[disabled] {
    color: #ccc;
  }
  .pccv .pcc-overlay-inner.pcc-overlay-center {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 400px;
    margin: auto;
  }
  .pccv .pcc-overlay-inner .page-title {
    margin: 0;
  }
  .pccv .pcc-overlay-inner .pcc-toggle-options {
    margin-top: 9px;
    cursor: pointer;
  }
  .pccv .pcc-overlay-inner .pcc-toggle-options > * {
    pointer-events: none;
  }
  .pccv .pcc-overlay-inner .pcc-toggle-options > span {
    display: inline-block;
    position: relative;
    top: -1px;
  }
  .pccv .pcc-overlay-inner input[data-pcc-print=range] {
    width: 65%;
    margin-left: 4px;
    margin-top: -1px;
  }
  .pccv .pcc-overlay-inner .pcc-print-select {
    margin-top: -5px;
    height: 26px;
    width: 100%;
    max-width: 180px;
  }
  .pccv .pcc-overlay-inner .pcc-print-comments {
    margin-top: 0;
  }
  .pccv .pcc-overlay-inner [data-pcc-print="submit"] {
    width: 120px;
  }
  @media (max-width: 767px) {
    .pccv .pcc-overlay-inner {
      margin: 7% auto 0;
      padding: 10px;
      width: 325px;
    }
    .pccv .pcc-overlay-inner input[data-pcc-print=range] {
      width: 85%;
    }
  }
  .pccv .pcc-overlay .pcc-overlay-closer {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 25px;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .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;
  }
  .pccv .pcc-overlay h4 {
    margin: 0;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pccv .pcc-overlay button.pcc-center {
    margin: auto;
    display: block;
    width: 50%;
  }
  .pccv .pcc-select-image-stamp-sort .pcc-label-outer {
    width: 30%;
    display: inline-block;
  }
  .pccv .pcc-select-image-stamp-sort .pcc-label {
    width: 130px;
  }
  .pccv .pcc-select-image-stamp-sort .pcc-dropdown.pcc-open {
    width: 130px !important;
    height: 55px !important;
  }
  .pccv .pcc-overlay-page-redaction .pcc-overlay-inner {
    overflow: visible;
  }
  .pccv .pcc-overlay-page-redaction .pcc-dropdown.pcc-open {
    max-height: 130px;
  }
  .pccv .pcc-copy-overlay.pcc-overlay-inner {
    width: 95%;
    height: 95%;
    max-height: 200px;
    max-width: 400px;
    padding: 25px;
  }
  .pccv .pcc-copy-container {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 2em;
  }
  .pccv .pcc-copy-textarea {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-user-select: text;
  }
  .pccv .pcc-copy-label {
    font-style: italic;
    margin-top: 10px;
  }
  .pccv .pcc-overlay-esign .pcc-overlay-inner {
    padding: 9px;
    margin: auto;
    position: absolute;
    width: 95%;
    height: 95%;
    max-width: 600px;
    max-height: 400px;
  }
  .pccv .pcc-overlay-esign .pcc-viewset {
    height: 100%;
    margin-bottom: -62px;
    position: relative;
    z-index: 1;
  }
  .pccv .pcc-viewset.pcc-tall {
    margin-bottom: -26px;
  }
  .pccv .pcc-overlay-esign .pcc-layer-up-relative {
    position: relative;
    z-index: 100;
  }
  .pccv .pcc-overlay-esign .pcc-view-content {
    position: absolute;
    top: 0px;
    bottom: 70px;
    width: 100%;
    overflow: auto;
  }
  .pccv .pcc-view-content.pcc-tall {
    bottom: 40px;
  }
  .pccv .pcc-overlay-esign .pcc-tabs {
    height: 36px;
    line-height: 36px;
    width: 100%;
    text-align: center;
  }
  .pccv .pcc-overlay-esign .pcc-tabs.pcc-tabs-3 > div {
    height: 36px;
    padding: 0;
    width: 33.3%;
  }
  .pccv .pcc-overlay-esign .pcc-tabs.pcc-tabs-4 > div {
    height: 36px;
    padding: 0;
    width: 25%;
  }
  .pccv .pcc-overlay-esign .pcc-row {
    margin: 0 0 10px;
  }
  .pccv .pcc-overlay-esign .pcc-esign-draw-context {
    width: 100%;
    margin: 0 auto;
    padding: 10px 5%;
    background: #f2f3f6;
    border: 1px solid #c2c5ce;
  }
  .pccv .pcc-overlay-esign .pcc-esign-draw-context svg {
    width: 100%;
    max-height: 130px;
  }
  .pccv .pcc-overlay-esign .pcc-esign-draw-pad {
    overflow: hidden;
    position: relative;
    background: #fff;
    border: 1px inset #c2c5ce;
    width: 100%;
    height: 100%;
  }
  .pccv .pcc-overlay-esign .pccError {
    border: 1px solid #e24d4d;
  }
  .pccv .pcc-overlay-esign .pcc-esign-draw-line {
    position: absolute;
    left: 6%;
    bottom: 10%;
    width: 86%;
    height: 1px;
    background: #c2c5ce;
  }
  .pccv .pcc-overlay-esign .pcc-col-4 button {
    width: 95%;
  }
  .pccv .pcc-esign-manage .pcc-esign-display {
    width: 100%;
    max-width: 400px;
    margin: 5px auto 20px;
    overflow: hidden;
  }
  .pccv .pcc-esign-preview-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #c2c5ce;
    cursor: pointer;
    overflow: hidden;
  }
  .pccv .pcc-esign-preview-container.pcc-esign-active {
    background-color: #f2f3f6;
  }
  .pccv .pcc-esign-preview {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
  }
  .pccv .pcc-esign-text-preview.pcc-esign-text-preview {
    width: 100%;
    height: auto;
    font-size: 2em;
    line-height: 2em;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    float: none;
    padding: 0 0px 0 10px;
    margin: 10px auto;
    background: #f2f3f6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #c2c5ce;
    border-radius: 2px;
    cursor: pointer;
  }
  .pccv .pcc-esign-text-preview:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 2em;
    box-shadow: -35px 0px 10px -20px #f2f3f6 inset;
  }
  .pccv .pcc-esign-text-preview.pcc-esign-text-active {
    background-color: #d3def4;
    border: 1px solid #aabfea;
  }
  .pccv .pcc-esign-text-preview.pcc-esign-text-active:after {
    box-shadow: -35px 0px 10px -20px #d3def4 inset;
  }
  .pccv [data-pcc-esign="textInput"] {
    margin: 15px auto;
    width: 100%;
    max-width: 18em;
  }
  .pcc-overlay-image-stamp .pcc-overlay-inner {
    padding: 10px;
  }
  .pcc-overlay-image-stamp h1 {
    margin: 0 0 10px;
    font-weight: 100;
    color: rgba(0, 0, 0, 0.4);
    letter-spacing: 0.04em;
  }
  .pcc-image-stamp-list {
    max-height: 330px;
    overflow: auto;
    margin-bottom: 10px;
  }
  .pcc-image-stamp-list ul.grid {
    margin: 0 0 0 -2.5% !important;
    list-style: none;
    font-size: 0px;
    margin-left: -2.5%;
  }
  .pcc-image-stamp-list ul.grid li,
  .pccv .pcc-image-stamp-preview {
    display: inline-block;
    padding: 6px;
    margin: 0 0 2.5% 2.5%;
    background: #f2f3f6;
    border: 1px solid #c2c5ce;
    font-size: 16px;
    font-size: 1rem;
    vertical-align: top;
    cursor: pointer;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pcc-image-stamp-list ul.grid li img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .pcc-image-stamp-list ul.grid li h3 {
    margin: 0 0 5px;
  }
  .pcc-image-stamp-list ul.grid li p {
    font-size: 0.9em;
    line-height: 1.5em;
    color: #959595;
  }
  .pcc-image-stamp-list ul.grid.columns-2 li {
    width: 47.5%;
  }
  .pcc-image-stamp-list ul.grid.columns-3 li {
    width: 30.5%;
  }
  .pcc-image-stamp-list ul.grid.columns-4 li {
    width: 22.5%;
  }
  @media (max-width: 767px) {
    .pcc-overlay-image-stamp h1 {
      font-size: 22px !important;
    }
    .pcc-image-stamp-list ul.grid {
      margin-left: 0 !important;
    }
    .pcc-image-stamp-list ul.grid li,
    .pccv .pcc-image-stamp-preview {
      width: 47.5% !important;
      margin: 0 0 10px;
    }
    .pcc-image-stamp-list ul.grid li.odd {
      margin-right: 10px;
    }
  }
  .pcc-print-more-options {
    padding-top: 10px;
  }
  .pccv .pcc-revision-header {
    margin: -4px 0 6px;
    line-height: 32px;
    position: relative;
    z-index: 0;
  }
  .pccv .pcc-revision-header > .pcc-pull-right {
    position: relative;
    z-index: 2;
  }
  .pccv .pcc-revision-header > .pcc-left {
    position: relative;
    z-index: 1;
  }
  .pccv .pcc-revision-header span {
    position: relative;
    top: 4px;
  }
  .pccv .pcc-revision-header span > span {
    top: -3px;
  }
  .pccv .pcc-revision-header [data-pcc-search=msg] {
    cursor: pointer;
  }
  .pccv .pcc-search-group {
    position: relative;
    display: inline-block;
  }
  .pccv .pcc-search-group-input {
    width: 200px;
  }
  .pccv .pcc-search-group-input button {
    position: absolute;
    top: 9px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
  }
  .pccv .pcc-search-group-input button:first-child {
    left: 1px;
  }
  .pccv .pcc-search-group-input .pcc-arrow-down {
    margin: 3px 0 0;
  }
  .pccv .pcc-search-group-input .pcc-close {
    right: 1px;
    font-size: 20px;
    color: #7d7f85;
    text-decoration: none;
    padding-top: 1px;
  }
  .pccv .pcc-search-group-input .pcc-close.pcc-offset-right {
    right: 20px;
  }
  .pccv .pcc-search-group-input .pcc-search-fixed {
    right: 0;
    color: #7d7f85;
    padding: 0;
    display: block;
  }
  .pccv .pcc-search-group-input .pcc-search-fixed.pcc-hide {
    display: none;
  }
  .pccv .pcc-search-group-input .pcc-search-fixed-icon {
    left: 0;
    width: 20px;
  }
  .pccv .pcc-search-group-input input {
    width: 100%;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pccv .pcc-search-group-input input::-ms-clear {
    display: none;
  }
  .pccv .pcc-advanced-search-group {
    display: inline-block;
    margin-left: 5px;
  }
  .pccv .pcc-search-page-nav {
    width: 50px;
  }
  .pccv .pcc-dropdown.pcc-dropdown-search-box {
    width: 200px;
    top: 33px;
    left: 40px;
  }
  .pccv .pcc-dropdown.pcc-dropdown-search-box.pcc-open {
    height: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pccv .pcc-search-previous-query {
    float: left;
    width: 85%;
    overflow: hidden;
    margin: 0 5px;
    text-overflow: ellipsis;
  }
  .pccv .pcc-remove-previous {
    float: left;
    width: 15px;
    font-size: 20px;
    color: #bbbbbb;
  }
  .pccv .pcc-dropdown-search-box .pcc-placeholder {
    font-style: italic;
    margin-left: 5px;
  }
  .pccv .pcc-predefined-search label {
    margin: 3px 0;
  }
  .pccv .pcc-predefined-search input {
    vertical-align: middle;
    margin: 0 5px 0 0;
  }
  .pccv [data-pcc-search="toggleAllPresets"] span {
    height: 13px;
    width: 13px;
    padding: 1px;
    display: inline-block;
    font-size: 10px;
    line-height: 11px;
    color: #c2c5ce;
    border: 1px solid #c2c5ce;
    background: #f2f3f6;
    border-radius: 2px;
  }
  .pccv .pcc-select-search-patterns .pcc-dropdown .pcc-scroll {
    height: 134px;
    overflow: auto;
  }
  .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-bar {
    width: 3px;
    z-index: 0;
    background: #7d7f85;
    height: 26px;
    top: 0;
    border-radius: 2px;
  }
  .pccv .pcc-search-filter-container,
  .pccv .pcc-search-quick-actions-container {
    margin: 10px 0;
  }
  .pccv .pcc-search-quick-actions-container button,
  .pccv .pcc-search-quick-actions-container input {
    width: 100%;
    margin-bottom: 10px;
  }
  .pccv .pcc-search-quick-actions-container .pcc-select-redaction-reason {
    width: 100%;
    margin-bottom: 10px;
  }
  .pccv .pcc-search-quick-actions-container .pcc-select-redaction-reason .pcc-dropdown {
    overflow: visible;
    height: auto;
    max-height: none;
    top: auto;
  }
  .pccv .pcc-search-quick-actions-container .pcc-section {
    margin-bottom: 10px;
  }
  .pccv .pcc-search-quick-actions-container .pcc-section-content {
    border-bottom: 1px solid #c2c5ce;
  }
  .pccv .pcc-search-areas {
    margin-bottom: 10px;
  }
  .pccv .pcc-section {
    border-top: 1px solid #c2c5ce;
  }
  .pccv .pcc-section:first-of-type {
    border-radius: 2px 2px 0 0;
    border: none;
  }
  .pccv .pcc-section:last-of-type {
    border-bottom: 1px solid #c2c5ce;
  }
  .pccv .pcc-section-title {
    position: relative;
    line-height: 1.6em;
    padding: 3px 5px;
    cursor: pointer;
    background-color: #7d7f85;
    color: #f2f3f6;
  }
  .pccv .pcc-section-title:after {
    content: '▼';
    position: absolute;
    right: 5px;
    font-size: 0.8em;
  }
  .pccv .pcc-section.pcc-expand .pcc-section-title:after {
    content: '▲';
  }
  .pccv .pcc-section-content {
    height: 0px;
    padding: 0;
    overflow: hidden;
    background-color: #f2f3f6;
    border-left: 1px solid #c2c5ce;
    border-right: 1px solid #c2c5ce;
    max-height: 15em;
  }
  .pccv .pcc-section.pcc-expand .pcc-section-content {
    height: auto;
    overflow: auto;
    padding: 5px;
  }
  .pccv .pcc-search-filter,
  .pccv .pcc-search-quick-action {
    position: relative;
    margin: 4px 0;
    cursor: pointer;
  }
  .pccv .pcc-filter-search-term {
    word-wrap: break-word;
  }
  .pccv .pcc-term-count {
    position: absolute;
    right: 0;
    width: auto;
    min-width: 1.2em;
    text-align: center;
    border-radius: 2px;
    font-size: 12px;
    font-weight: bold;
    background-color: #fff;
    padding: 0 3px;
  }
  .pccv .pcc-search-filter [data-pcc-checkbox],
  .pccv .pcc-search-quick-action [data-pcc-checkbox] {
    margin-right: 5px;
    float: left;
  }
  .pccv .pcc-search-header,
  .pccv .pcc-revision-header,
  .pccv .pcc-pii-detection-header {
    margin: -4px 0 6px;
    line-height: 32px;
    position: relative;
    z-index: 0;
  }
  .pccv .pcc-search-header > .pcc-pull-right,
  .pccv .pcc-revision-header > .pcc-pull-right,
  .pccv .pcc-pii-detection-header > .pcc-pull-right {
    position: relative;
    z-index: 2;
  }
  .pccv .pcc-search-header > .pcc-left,
  .pccv .pcc-revision-header > .pcc-left,
  .pccv .pcc-pii-detection-header > .pcc-left {
    position: relative;
    z-index: 1;
  }
  .pccv .pcc-search-header span,
  .pccv .pcc-revision-header span,
  .pccv .pcc-pii-detection-header span {
    position: relative;
    top: 4px;
  }
  .pccv .pcc-search-header span > span,
  .pccv .pcc-revision-header span > span,
  .pccv .pcc-pii-detection-header span > span {
    top: -3px;
  }
  .pccv .pcc-search-header [data-pcc-search=msg],
  .pccv .pcc-revision-header [data-pcc-search=msg],
  .pccv .pcc-pii-detection-header [data-pcc-search=msg],
  .pccv .pcc-search-header [data-pcc-pii-detection=msg],
  .pccv .pcc-revision-header [data-pcc-pii-detection=msg],
  .pccv .pcc-pii-detection-header [data-pcc-pii-detection=msg] {
    cursor: pointer;
  }
  .pccv [data-pcc-search-container-toggle=results],
  .pccv [data-pcc-revision-container-toggle=results],
  .pccv [data-pcc-pii-entities-container-toggle=entities] {
    display: none;
  }
  .pccv .pcc-row-results-status,
  .pccv .pcc-row-pii-entities-status {
    margin: 3px 0;
    float: left;
  }
  .pccv .pcc-row-results-status .pcc-icon-alert,
  .pccv .pcc-row-pii-entities-status .pcc-icon-alert {
    vertical-align: bottom;
    cursor: pointer;
  }
  .pccv .pcc-row-results-status.pcc-done .pcc-load,
  .pccv .pcc-row-pii-entities-status.pcc-done .pcc-load,
  .pccv .pcc-row-results-status.pcc-done .pcc-bar,
  .pccv .pcc-row-pii-entities-status.pcc-done .pcc-bar {
    display: none;
  }
  .pccv .pcc-row-results-status.pcc-done .pcc-load + div,
  .pccv .pcc-row-pii-entities-status.pcc-done .pcc-load + div {
    color: #555;
    text-shadow: none;
  }
  .pccv .pcc-row-results-status.pcc-done .pcc-percent,
  .pccv .pcc-row-pii-entities-status.pcc-done .pcc-percent {
    background: none;
  }
  .pccv .pcc-search-nav,
  .pccv .pcc-revision-nav,
  .pccv .pcc-pii-detection-nav {
    line-height: 38px;
  }
  .pccv .pcc-search-nav span,
  .pccv .pcc-revision-nav span,
  .pccv .pcc-pii-detection-nav span {
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
    color: #7d7f85;
  }
  .pccv .pcc-row-results-header div {
    font-size: 11.5px;
    line-height: 2em;
    background: #7d7f85;
    color: #f2f3f6;
    text-shadow: 0 1px 1px rgba(0, 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-search-results-container,
  .pccv .pcc-search-filter-container,
  .pccv .pcc-revision-container,
  .pccv .pcc-search-quick-actions-container {
    position: absolute;
    top: 40px;
    bottom: 5px;
    box-sizing: border-box;
    width: 100%;
    overflow: auto;
    margin: 0;
  }
  .pccv .pcc-pii-entities-container {
    position: absolute;
    top: 40px;
    bottom: 5px;
    box-sizing: border-box;
    width: 100%;
    overflow: auto;
    margin: 0;
  }
  .pccv .pcc-confined-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .pccv .pcc-search-results-container,
  .pccv .pcc-revision-container,
  .pccv .pcc-pii-entities-container {
    top: 76px;
  }
  .pccv .pcc-search-results-container.pcc-loading,
  .pccv .pcc-revision-container.pcc-loading,
  .pccv .pcc-pii-entities-container.pcc-loading {
    top: 107px;
  }
  .pccv .pcc-row-results {
    position: absolute;
    top: 23px;
    height: auto;
    bottom: 0;
    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;
    clear: both;
  }
  .pccv .pcc-row-results .pcc-row.pcc-odd {
    background: #fff;
    border-color: #fff;
  }
  .pccv .pcc-row-results .pcc-row div {
    padding: 3px;
    font-size: 12px;
  }
  .pccv .pcc-row-results .pcc-row span {
    font-weight: bold;
  }
  .pccv .pcc-row-results .pcc-row.pcc-active {
    background: #d3def4;
    border-color: #aabfea;
  }
  .pccv .pcc-row-results .pcc-row.pcc-active .pcc-col-8 {
    border-color: #aabfea;
  }
  .pccv .pcc-row-results .pcc-row .pcc-col-2 {
    color: #888888;
  }
  .pccv .pcc-row-results .pcc-row .pcc-col-8 {
    border: 1px solid #f2f3f6;
    border-top: none;
    border-bottom: none;
    min-height: 30px;
    word-wrap: break-word;
  }
  .pccv.pccv .pcc-row .pcc-search-type {
    width: 26px;
    height: 26px;
    float: right;
    margin: 2px;
    background-repeat: no-repeat;
  }
  @media (max-width: 767px) {
    .pccv .pcc-dialog.pcc-open.pcc-expand {
      bottom: 40px;
      overflow: hidden;
    }
    .pccv [data-pcc-search-container-toggle=results],
    .pccv [data-pcc-revision-container-toggle=results],
    .pccv [data-pcc-pii-entities-container-toggle=entities] {
      display: inline-block;
    }
    .pccv [data-pcc-nav-tab="search"] .pcc-left {
      width: 100%;
    }
    .pccv .pcc-advanced-search-group {
      display: none;
      margin: 0;
    }
    .pccv .pcc-advanced-search-group.pcc-open {
      display: block;
    }
    .pccv .pcc-search-group-input {
      position: absolute;
      width: auto;
      left: 42px;
      right: 68px;
    }
    .pccv .pcc-search-group-buttons {
      position: absolute;
      right: 0;
      margin: 0 7px;
    }
    .pccv .pcc-search-group-buttons .pcc-hide {
      display: none;
    }
    .pccv .pcc-search-group-buttons .pcc-show-sm {
      display: inline-block;
    }
    .pccv .pcc-dropdown.pcc-dropdown-search-box {
      width: auto;
      left: 42px;
      right: 42px;
    }
    .pccv .pcc-search-header,
    .pccv .pcc-revision-header,
    .pccv .pcc-pii-detection-header {
      margin: 4px 0 0;
    }
    .pccv [data-pcc-nav-tab=search] [data-pcc-toggle=dialog-pii-detection],
    .pccv [data-pcc-nav-tab=search] [data-pcc-toggle=dialog-summarization],
    .pccv [data-pcc-nav-tab=search] [data-pcc-toggle=dialog-query],
    .pccv [data-pcc-nav-tab=search] [data-pcc-toggle=dialog-tag] {
      display: none;
    }
  }
  .pcc-immediate-action-menu,
  .pcc-hyperlink-menu,
  .pcc-redaction-reason-menu {
    position: absolute;
    z-index: 200;
    border: 1px solid #c2c5ce;
    border-radius: 2px;
    background: #e7e9ef;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4);
    color: #555;
    will-change: top, left, opacity;
    white-space: nowrap;
    display: block;
    font-size: 16px;
    max-width: 300px;
    max-height: 50%;
    overflow: auto;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-name: pcc-menuEnter;
    animation-name: pcc-menuEnter;
  }
  .pcc-immediate-action-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .pcc-immediate-action-menu li {
    background: #e7e9ef;
    border-top: 1px solid white;
    border-bottom: 1px solid #c2c5ce;
    padding: 6px 8px;
    cursor: pointer;
    will-change: background;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pcc-immediate-action-menu li:first-of-type {
    border-top: none;
  }
  .pcc-immediate-action-menu li:last-of-type {
    border-bottom: none;
  }
  .pcc-immediate-action-menu li:hover {
    background: #f2f3f6;
  }
  .pcc-immediate-action-menu-item > div {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pcc-immediate-action-menu-item .pcc-icon {
    margin-right: 5px;
  }
  @-webkit-keyframes pcc-menuEnter {
    0% {
      opacity: 0;
    }
    100% {
      opacity: auto;
    }
  }
  @keyframes pcc-menuEnter {
    0% {
      opacity: 0;
    }
    100% {
      opacity: auto;
    }
  }
  @media (max-width: 767px) {
    .pcc-immediate-action-menu,
    .pcc-hyperlink-menu,
    .pcc-redaction-reason-menu {
      top: auto !important;
      bottom: 0 !important;
      left: 15% !important;
      right: 15% !important;
      max-width: initial;
      width: auto;
      height: auto;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom: none;
      font-size: 1rem;
      background-image: none !important;
    }
    .pcc-immediate-action-menu > .pcc-icon {
      display: none;
    }
    .pcc-immediate-action-menu li {
      padding: 10px;
    }
  }
  @media (min-width: 768px) {
    .pcc-immediate-action-menu.pcc-hover-trigger {
      width: 26px;
      height: 26px;
      opacity: 0.8;
      overflow: visible;
      -webkit-transition: opacity 300ms ease-in-out;
      transition: opacity 300ms ease-in-out;
      will-change: width, height, opacity;
    }
    .pcc-immediate-action-menu.pcc-hover-trigger:hover,
    .pcc-immediate-action-menu.pcc-hover-trigger.pcc-expanded {
      width: auto;
      height: auto;
      opacity: 1;
      background-image: none;
      overflow-y: auto;
      -webkit-transition: none;
      transition: none;
    }
    .pcc-immediate-action-menu.pcc-hover-trigger:hover > .pcc-icon,
    .pcc-immediate-action-menu.pcc-hover-trigger.pcc-expanded > .pcc-icon {
      display: none;
    }
    .pcc-immediate-action-menu.pcc-hover-trigger li {
      display: none;
    }
    .pcc-immediate-action-menu.pcc-hover-trigger:hover li,
    .pcc-immediate-action-menu.pcc-hover-trigger.pcc-expanded li {
      display: block;
    }
  }
  .pcc-hyperlink-menu {
    max-width: 600px;
  }
  .pcc-hyperlink-menu,
  .pcc-hyperlink-menu * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pcc-hyperlink .pcc-icon {
    border-style: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #e7e9ef;
  }
  .pcc-hyperlink {
    padding: 5px;
    min-width: 200px;
  }
  .pcc-hyperlink.pcc-hyperlink-edit {
    min-width: 500px;
  }
  .pcc-hyperlink button {
    padding: 0;
  }
  .pcc-hyperlink .pcc-hyperlink-input {
    line-height: normal;
    position: absolute;
    left: 90px;
    right: 62px;
    z-index: 0;
  }
  .pcc-hyperlink .pcc-hyperlink-input input {
    position: absolute;
    border: 0;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 26px;
    z-index: 1;
  }
  .pcc-hyperlink .pcc-hyperlink-input input::-ms-clear {
    display: none;
  }
  .pcc-hyperlink-edit .pcc-hyperlink-input,
  .pcc-hyperlink-edit .pcc-hyperlink-label,
  .pcc-hyperlink-edit button[data-pcc-hyperlink="clear"] {
    height: 26px;
    line-height: 26px;
  }
  .pcc-hyperlink .pcc-hyperlink-label {
    width: 80px;
    text-align: center;
    float: left;
  }
  .pcc-hyperlink-edit button[data-pcc-hyperlink="clear"] {
    position: relative;
    float: right;
    border: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 26px;
    padding-right: 5px;
    z-index: 2;
  }
  .pcc-hyperlink .pcc-hyperlink-right {
    float: right;
  }
  .pcc-hyperlink-view button {
    position: absolute;
    right: 5px;
  }
  .pcc-hyperlink-view [data-pcc-link-navigate] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    height: 26px;
    width: 100%;
    min-width: 200px;
    padding-right: 30px;
    float: left;
  }
  .pcc-hyperlink button[disabled] {
    -moz-opacity: 0.2;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
  @media (max-width: 767px) {
    .pcc-hyperlink-menu {
      left: 5px !important;
      right: 5px !important;
      max-width: initial;
    }
    .pcc-hyperlink,
    .pcc-hyperlink.pcc-hyperlink-edit {
      min-width: 0;
    }
  }
  .pcc-redaction-reason-menu {
    max-width: 600px;
  }
  .pcc-redaction-reason-menu,
  .pcc-redaction-reason-menu * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pcc-redaction-reason .pcc-icon {
    border-style: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #e7e9ef;
  }
  .pcc-redaction-reason {
    padding: 5px;
    min-width: 200px;
  }
  .pcc-redaction-reason.pcc-redaction-reason-edit {
    min-width: 500px;
  }
  .pcc-redaction-reason button {
    padding: 0;
  }
  .pcc-redaction-reason .pcc-redaction-reason-input {
    line-height: normal;
    position: absolute;
    left: 90px;
    right: 35px;
    z-index: 0;
  }
  .pcc-redaction-reason .pcc-redaction-reason-input input {
    position: absolute;
    border: 0;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 26px;
    z-index: 1;
  }
  .pcc-redaction-reason .pcc-redaction-reason-input input::-ms-clear {
    display: none;
  }
  .pcc-redaction-reason-edit .pcc-redaction-reason-input,
  .pcc-redaction-reason-edit .pcc-redaction-reason-label,
  .pcc-redaction-reason-edit button[data-pcc-redaction-reason="clear"] {
    height: 26px;
    line-height: 26px;
  }
  .pcc-redaction-reason .pcc-redaction-reason-label {
    width: 80px;
    text-align: center;
    float: left;
  }
  .pcc-redaction-reason-edit button[data-pcc-redaction-reason="clear"] {
    position: relative;
    float: right;
    border: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 26px;
    padding-right: 5px;
    z-index: 2;
  }
  .pcc-redaction-reason .pcc-redaction-reason-right {
    float: right;
  }
  .pcc-redaction-reason-view button {
    position: absolute;
    right: 5px;
  }
  .pcc-redaction-reason-view [data-pcc-link-navigate] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    height: 26px;
    width: 100%;
    min-width: 200px;
    padding-right: 30px;
    float: left;
  }
  .pcc-redaction-reason button[disabled] {
    -moz-opacity: 0.2;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
  .pccv .pcc-select-redaction-reason .pcc-dropdown > div {
    display: block;
  }
  .pccv .pcc-select-redaction-reason .pcc-dropdown > div .pcc-select-multiple-redaction-reason {
    margin-left: 4px;
  }
  @media (max-width: 767px) {
    .pcc-redaction-reason-menu {
      left: 5px !important;
      right: 5px !important;
      max-width: initial;
    }
    .pcc-redaction-reason,
    .pcc-redaction-reason.pcc-redaction-reason-edit {
      min-width: 0;
    }
  }
  .pccv .pccPageListComments {
    min-width: 300px;
  }
  @media (max-width: 767px) {
    .pccv .pccPageListComments {
      min-width: 180px;
    }
  }
  .pccv .pcc-conversation {
    position: absolute;
    left: 10px;
    right: 0px;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: transform 400ms ease;
    transition: transform 400ms ease;
    will-change: top, transform;
  }
  .pccv .pcc-conversation-selected {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  .pccv .pcc-conversation-container {
    position: relative;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #c2c5ce;
    background: #e7e9ef;
    text-align: left;
    color: #202124;
  }
  .pccv .pcc-conversation-selected .pcc-conversation-container {
    border-color: #7d7f85;
  }
  .pccv .pcc-conversation-selected .pcc-conversation-container:before {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right: 10px solid #7d7f85;
    left: -20px;
    top: 2px;
    position: absolute;
  }
  .pccv .pcc-comment {
    position: relative;
    padding: 5px 5px 5px 10px;
    border-top: 1px solid white;
    border-bottom: 1px solid #c2c5ce;
    word-wrap: break-word;
    white-space: pre-line;
  }
  .pccv .pcc-comment.pcc-comment-first {
    background-color: white;
    border-radius: 2px 2px 0 0;
    border: none;
    padding: 5px;
  }
  .pccv .pcc-comment.pcc-comment-last {
    border-bottom: none;
  }
  .pccv .pcc-comment.pcc-comment-edit-container {
    padding: 5px;
  }
  .pccv .pcc-comment button {
    margin: 5px 0 0 5px;
  }
  .pccv .pcc-comment-text {
    margin-right: 28px;
    margin-bottom: 10px;
  }
  .pccv .pcc-comment-footer {
    color: #888888;
    font-style: italic;
  }
  .pccv .pcc-comment-owner {
    height: 15px;
    line-height: 15px;
    max-width: 45%;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  @media (max-width: 767px) {
    .pccv .pcc-comment-date,
    .pccv .pcc-comment-owner {
      float: none;
      max-width: none;
      text-align: left;
    }
  }
  .pccv .pcc-comment-edit {
    display: block;
    width: 100%;
    height: 4em;
    resize: vertical;
  }
  .pccv .pcc-comment-reply-input {
    display: block;
    width: 100%;
    height: 2em;
    color: #888888;
    resize: vertical;
  }
  .pccv .pcc-comment-reply {
    position: relative;
    padding: 5px;
    border-top: 1px solid #c2c5ce;
    word-wrap: break-word;
    white-space: pre-line;
  }
  .pccv .pcc-comment-reply:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    border-top: 1px solid white;
  }
  .pccv .pcc-comment-hide {
    display: none;
  }
  .pccv .pccPageListComments .pcc-comment-trigger {
    display: none;
    cursor: pointer;
  }
  .pccv .pccPageListComments.pcc-skinny-comments {
    width: 40px;
    min-width: 40px;
  }
  .pccv .pccPageListComments.pcc-skinny-comments .pcc-comment-trigger {
    display: block;
  }
  .pccv .pccPageListComments.pcc-skinny-comments .pcc-conversation {
    width: 28px;
  }
  .pccv .pccPageListComments.pcc-skinny-comments .pcc-conversation-container {
    display: none;
  }
  .pccv .pccPageListComments.pcc-skinny-comments .pcc-conversation-container.pcc-expanded {
    display: block;
    position: absolute;
    width: 1000%;
    width: 180px;
    top: -3px;
    right: 0;
    -webkit-transform: translateX(-38px);
    -ms-transform: translateX(-38px);
    transform: translateX(-38px);
  }
  .pccv .pccPageListComments.pcc-skinny-comments .pcc-conversation-selected .pcc-conversation-container:before {
    left: auto;
    top: 5px;
    right: -10px;
    border-right: 0px solid transparent;
    border-left-color: #7d7f85;
  }
  .pccv .pccPageListComments.pcc-skinny-comments .pcc-comment-date,
  .pccv .pccPageListComments.pcc-skinny-comments .pcc-comment-owner {
    float: none;
    max-width: none;
    text-align: left;
  }
  .pccv [data-pcc-comment-menu] {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    padding: 2px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 400ms ease;
    transition: width 400ms ease;
    will-change: width;
  }
  .pccv [data-pcc-comment-menu]:hover,
  .pccv [data-pcc-comment-menu].pcc-expanded {
    width: 85px;
    background-color: #e7e9ef;
    border-bottom-left-radius: 2px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-name: pcc-comment-menu-enter;
    animation-name: pcc-comment-menu-enter;
  }
  .pccv [data-pcc-comment-menu] button,
  .pccv .pcc-comment-menu-trigger {
    margin: 0;
    display: inline-block;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    float: right;
  }
  @-webkit-keyframes pcc-comment-menu-enter {
    0% {
      max-width: 30px;
    }
    100% {
      max-width: 100%;
    }
  }
  @keyframes pcc-comment-menu-enter {
    0% {
      max-width: 30px;
    }
    100% {
      max-width: 100%;
    }
  }
  .pccv .pcc-dialog-thumbnails.pcc-open {
    max-width: 100%;
    overflow: visible;
  }
  .pccv .pcc-dialog-thumbnails .pcc-drag-handle {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 100%;
    cursor: e-resize;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAADJJREFUeNpi/P//PwM+wMTAwMCwefPm/5s3b/6PUwE+wEiUFSQrQHYT5W4AAAAA//8DAIfGFWUpyfrnAAAAAElFTkSuQmCC);
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .pccv .pcc-thumbnail-container {
    position: absolute;
    top: 32px;
    bottom: 0;
    left: 0;
    right: 12px;
    margin: 0;
    padding: 0;
    text-align: center;
    overflow: auto;
    background: inherit;
    -webkit-overflow-scrolling: touch;
  }
  .pccv .pcc-thumbnail-controls {
    position: absolute;
    top: 4px;
    left: 0;
    right: 12px;
    height: 28px;
    text-align: center;
    max-width: 220px;
    width: 100%;
    margin: 0 auto;
  }
  .pccv .pcc-thumbnail-controls .pcc-slider {
    width: auto;
    position: absolute;
    left: 12px;
    right: 12px;
  }
  .pccv .pccThumbnailWrapper {
    position: relative;
    width: 180px;
    height: 180px;
    display: inline-block;
    vertical-align: top;
    margin: 8px 8px 2em;
    line-height: 24px;
  }
  .pccv .pcc-thumbnail-container.pcc-thumbnails-small .pccThumbnailWrapper {
    width: 80px;
    height: 80px;
  }
  .pccv .pcc-thumbnail-container.pcc-thumbnails-medium .pccThumbnailWrapper {
    width: 130px;
    height: 130px;
  }
  .pccv .pccThumbnail {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .pccv .pccThumbnail,
  .pccv .pccThumbnail * {
    cursor: pointer !important;
  }
  .pccv .pccThumbnailView {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  }
  .pccv .pccThumbnail.pcc-thumbnail-selected .pccThumbnailView {
    -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 .pccThumbnailLabel {
    padding: 2px 0 0;
  }
  .pccv .pccThumbnailLabel span {
    padding: 1px 5px 0;
  }
  .pccv .pccThumbnail.pcc-thumbnail-selected .pccThumbnailLabel span {
    background: #7d7f85;
    color: #e7e9ef;
  }
  @media (max-width: 767px) {
    .pccv .pcc-dialog-thumbnails .pcc-drag-handle {
      display: none;
    }
    .pccv .pcc-dialog-thumbnails.pcc-open {
      padding: 0 4px 0 4px;
    }
    .pccv .pccThumbnailWrapper {
      width: 42%;
      max-width: 180px;
      height: auto;
    }
    .pccv .pccThumbnail {
      width: 100%;
      height: 0;
      padding-bottom: 100%;
    }
  }
  .pccv .pcc-annotation-layer-review-merge {
    font-size: 9pt;
    width: 100%;
  }
  .pccv .pcc-annotation-layer-review-section {
    margin-bottom: 20px;
  }
  .pccv .pcc-annotation-layer-review-section .pcc-toggle-all {
    border-bottom: 1px solid #c2c5ce;
    background-color: #fff;
    margin: 0;
    margin-bottom: 4px;
    padding: 5px;
    cursor: pointer;
    font-style: italic;
    font-weight: bold;
    font-size: 0.9em;
  }
  .pccv .pcc-annotation-layer-review-section .pcc-toggle-all .pcc-checkbox {
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 26px;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #fff;
    border: 1px inset #c2c5ce;
    margin-right: 5px;
  }
  .pccv .pcc-annotation-layer-review-section .pcc-toggle-all .pcc-checkbox svg {
    display: none;
    margin: -4px;
  }
  .pccv .pcc-annotation-layer-review-section .pcc-toggle-all.pcc-checked .pcc-checkbox svg {
    display: inline-block;
  }
  .pccv .pcc-annotation-layer-review-section-title {
    position: relative;
    line-height: 26px;
    padding: 0 5px;
    background-color: #7d7f85;
    color: #f2f3f6;
  }
  .pccv .pcc-annotation-layer-review-section-title .pcc-icon {
    background-color: #7d7f85;
    border: none;
  }
  .pccv .pcc-annotation-layer-review-section-title .pcc-select {
    display: block;
  }
  .pccv .pcc-annotation-layer-review-section-title .pcc-select button.pcc-icon {
    background-color: #7d7f85;
  }
  .pccv .pcc-annotation-layer-review-section-title .pcc-select.pcc-active button.pcc-icon {
    background-color: #58595e;
  }
  .pccv .pcc-annotation-layer-review-section-title .pcc-dropdown {
    color: #7d7f85;
    height: auto;
    left: auto;
    right: -4px;
    width: 150px;
  }
  .pccv .pcc-annotation-layer-review-section-title .pcc-dropdown button {
    background: none;
    border: none;
    box-shadow: none;
    display: block;
    text-align: left;
    width: 100%;
  }
  .pccv .pcc-dialog .pcc-annotation-layer-review-section-content {
    padding: 0;
    overflow: auto;
    -ms-overflow-style: none;
    background-color: #f2f3f6;
    border-left: 1px solid #c2c5ce;
    border-right: 1px solid #c2c5ce;
    border-bottom: 1px solid #c2c5ce;
    max-height: 15em;
  }
  .pccv .pcc-dialog .pcc-annotation-layer-review-current,
  .pccv .pcc-dialog .pcc-annotation-layer-review-other {
    position: relative;
    padding: 4px;
  }
  .pccv .pcc-dialog .pcc-annotation-layer-review-current .pcc-icon,
  .pccv .pcc-dialog .pcc-annotation-layer-review-other .pcc-icon {
    background-color: #f2f3f6;
    margin: -4px 0 0 0;
    cursor: pointer;
  }
  .pccv .pcc-dialog .pcc-annotation-layer-review-current .pcc-checkbox,
  .pccv .pcc-dialog .pcc-annotation-layer-review-other .pcc-checkbox {
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 26px;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #fff;
    border: 1px inset #c2c5ce;
    margin-right: 5px;
    cursor: pointer;
    overflow: hidden;
  }
  .pccv .pcc-dialog .pcc-annotation-layer-review-current .pcc-checkbox svg,
  .pccv .pcc-dialog .pcc-annotation-layer-review-other .pcc-checkbox svg {
    display: none;
    margin: -4px;
  }
  .pccv .pcc-dialog .pcc-annotation-layer-review-current.pcc-checked .pcc-checkbox svg,
  .pccv .pcc-dialog .pcc-annotation-layer-review-other.pcc-checked .pcc-checkbox svg {
    display: inline-block;
  }
  .pccv .pcc-dialog .pcc-annotation-layer-review-current:nth-child(odd),
  .pccv .pcc-dialog .pcc-annotation-layer-review-other:nth-child(odd) {
    background-color: #fff;
  }
  .pccv .pcc-dialog .pcc-annotation-layer-review-current:nth-child(odd) .pcc-icon,
  .pccv .pcc-dialog .pcc-annotation-layer-review-other:nth-child(odd) .pcc-icon {
    background-color: #fff;
  }
  .pccv .pcc-dialog .pcc-annotation-layer-review-current .pcc-current-layer-name,
  .pccv .pcc-dialog .pcc-annotation-layer-review-other .pcc-current-layer-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
  }
  .pccv .pcc-dialog .pcc-annotation-layer-review-current .pcc-hide,
  .pccv .pcc-dialog .pcc-annotation-layer-review-other .pcc-hide {
    display: none;
  }
  .pccv .pcc-annotation-layer-review-merge-actions {
    text-align: center;
  }
  .pccv .pcc-annotation-layer-review-merge-actions button {
    margin-bottom: 8px;
  }
  .pccv .pcc-annotation-layer-review-section[data-pcc-annotation-layer-review-section=current] *,
  .pccv .pcc-annotation-layer-review-section[data-pcc-annotation-layer-review-section=current] .pcc-checkbox,
  .pccv .pcc-annotation-layer-review-section[data-pcc-annotation-layer-review-section=other] *,
  .pccv .pcc-annotation-layer-review-section[data-pcc-annotation-layer-review-section=other] .pcc-checkbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  @media (max-width: 767px) {
    .pccv .pcc-dialog.pcc-open.pcc-expand {
      bottom: 40px;
      overflow: hidden;
    }
    .pccv [data-pcc-annotation-layer-review-container-toggle=results] {
      display: inline-block;
    }
    .pccv [data-pcc-nav-tab="annotation-layer-review"] .pcc-left {
      width: 100%;
    }
    .pccv .pcc-annotation-layer-review-header {
      margin: 4px 0 0;
    }
    .pccv .pcc-annotation-layer-review-current .pcc-current-layer-name {
      width: 250px;
    }
  }
  .pccv .pcc-select-download {
    width: 100%;
    margin-bottom: 10px;
  }
  .pccv .pcc-select-download .pcc-label {
    width: 100%;
  }
  .pccv .pcc-select-download .pcc-dropdown {
    width: 98%;
    height: 55px;
  }
  .pccv .pcc-select-download.pcc-disabled {
    color: #bbbbbb;
    cursor: default !important;
  }
  .pccv [data-pcc-toggle=dropdown-download-annotations] .pcc-dropdown {
    width: 100%;
    height: 78px;
  }
  .pccv [data-pcc-toggle=dropdown-download-redactions] .pcc-dropdown {
    width: 100%;
    height: 78px;
  }
  .pccv .pcc-dialog-download .pcc-row {
    margin: 0 0 10px;
  }
  .pcc-attachments-section {
    height: 100%;
    overflow: hidden;
  }
  .pccv .pcc-attachments-panel {
    width: 220px;
    height: auto;
    top: 40px;
    left: 185px;
    font-size: 12px;
    background: #f2f3f6;
    position: absolute;
    z-index: 9999;
    border: 1px solid;
    border-color: #969696;
    box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 3px 0px;
    padding: 10px;
    max-height: 450px;
    overflow-y: auto;
  }
  .pccv .pcc-attachments-panel button.pcc-disabled {
    pointer-events: none;
    cursor: default;
  }
  .pccv .pcc-attachments-panel button.pcc-disabled a {
    cursor: inherit;
    color: #c2c5ce;
  }
  .pccv .pcc-attachments-panel .pcc-disabled .pcc-icon {
    opacity: 0.1;
  }
  .pccv .pcc-attachments-panel .pcc-attachments-to-prev-document {
    width: 100%;
    text-align: left;
    border: 0;
    box-shadow: 0;
  }
  .pccv .pcc-attachments-panel a {
    flex-grow: 1;
    text-decoration: none;
    color: #555;
  }
  .pccv .pcc-attachments-panel span {
    flex-grow: 0;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content {
    padding: 0;
    overflow: auto;
    background-color: #f2f3f6;
    max-height: 90%;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content .pcc-attachments-current-document {
    padding: 10px;
    margin: 0 !important;
    line-height: 1.5;
    cursor: pointer;
    clear: both;
    word-break: break-word;
    background-color: white;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content .pcc-attachments-current-document .pcc-icon.pcc-icon-document {
    margin-left: -4px;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content .pcc-attachments-current-document .pcc-icon.pcc-icon-check {
    margin-top: -4px !important;
    float: right;
    display: none;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content .pcc-attachments-current-document a {
    font-weight: bold;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content .pcc-attachments-current-document.pcc-active .pcc-icon.pcc-icon-check {
    display: block;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content .pcc-row {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 6px;
    margin: 5px 0 5px 0 !important;
    border: 1px solid #fff;
    background: #fff;
    line-height: 1.5;
    cursor: pointer;
    clear: both;
    word-break: break-word;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content .pcc-row div {
    padding: 3px;
    font-size: 12px;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content .pcc-row .pcc-icon.pcc-icon-check {
    float: right;
    display: none;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content .pcc-row.pcc-active .pcc-icon.pcc-icon-check {
    display: inline-block;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content .pcc-row.pcc-active .pcc-icon.pcc-icon-check .pcc-col-8 {
    border-color: #aabfea;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content .pcc-row .pcc-col-2 {
    color: #888888;
  }
  .pccv .pcc-attachments-section .pcc-attachments-section-content .pcc-row .pcc-col-8 {
    border: 1px solid #f2f3f6;
    border-top: none;
    border-bottom: none;
    min-height: 30px;
    word-wrap: break-word;
  }
  
/* page list specific */

.pccViewerControl {
    width: 100%;
    height: 100%;
    position: relative;
    /* promote to a new layer */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /* iOS momentum scrolling */
    -webkit-overflow-scrolling: touch;
    /* helps touch zoom not overlap any other element */
    overflow: hidden;
}
/* normalize override */
svg:not(:root) {
    overflow: visible !important;
}

.pccPageListContainer {
    box-sizing: border-box;
}

.pccPageListContainerWrapper {
    -ms-transform: scale(1,1) translate(0px,0px);
    -moz-transform: scale(1,1) translate(0px,0px);
    -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px);
    transform: scale3d(1,1,1) translate3d(0px,0px,0px);
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    will-change: transform, -webkit-transform;
}

.pccPageListLoading {
    height: 30px;
    margin: -15px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 30px;
}

.pccPageListComments {
    position: relative;
    min-width: 300px;
    height: auto;
    vertical-align: top;
    display: table-cell;
    box-sizing: border-box;
    z-index: 2;
}

    .pccPageListComments > div {
        position: absolute;
    }

.pccHidden {
    display: none;
}

.pccPageListItem {
    background: #fff;
    overflow: hidden;
    margin: 13px;
    vertical-align: middle;
    border-bottom: 1px solid #d4d6db;
}

/* Single Page view mode */
.pccSinglePageView .pccPageListItem {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

/* Next and previous page list items for single page view mode */
.pccSinglePageView .pccNextPage {
    opacity: 0;
    z-index: 0;
}

.pccSinglePageView .pccPreviousPage {
    opacity: 0;
    z-index: 0;
}

.pccSinglePageView .pccCurrentPage {
    opacity: 1;
    z-index: 1;
}

/* Default animations for single page view mode */
.pccSinglePageView .pccNextPageIn {
    animation-name: moveInFromRight;
    -webkit-animation-name: moveInFromRight;
}

.pccSinglePageView .pccPreviousPageIn {
    animation-name: moveInFromLeft;
    -webkit-animation-name: moveInFromLeft;
}

.pccSinglePageView .pccPageForward {
    animation-name: moveLeft;
    -webkit-animation-name: moveLeft;
}

.pccSinglePageView .pccPageBack {
    animation-name: moveRight;
    -webkit-animation-name: moveRight;
}

@keyframes moveRight {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        transform: translate3d(110%, 0, 0);
        opacity: 0;
    }
}

@-webkit-keyframes moveRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(110%, 0, 0);
        opacity: 0;
    }
}

@keyframes moveLeft {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        transform: translate3d(-110%, 0, 0);
        opacity: 0;
    }
}

@-webkit-keyframes moveLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(-110%, 0, 0);
        opacity: 0;
    }
}

@keyframes moveInFromLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes moveInFromLeft {
    0% {
        -webkit-transform: translate3d(-110%, 0, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes moveInFromRight {
    0% {
        transform: translate3d(110%, 0, 0);
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes moveInFromRight {
    0% {
        -webkit-transform: translate3d(110%, 0, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

/*
.pccPageListItem * {
    -ms-touch-action: pinch-zoom pan-x pan-y;
    touch-action: pinch-zoom pan-x pan-y;
} */

.pccPageListItem .pccPageListItemLoading {
    margin: 30% auto;
    display: block;
    filter: Alpha(Opacity=50);
    background-color: #fff
}

.pccPageListItem .pccPageLoadFail {
    margin: 35% auto;
    text-align: center;
    line-height: 2;
    color: #777;
}

/* PageList container fix */
.pccPageListItem .igAnchor,
.pccPageListItem .igViewerScroller,
.pccPageListItem .igViewerGraphics,
.pccThumbnailView .igAnchor {
    /* never recalculate these values */
    width: 100% !important;
    height: 100% !important;
}

.igAnchor > svg {
    width: 100%;
    height: 100%;
}

.igMagnifierFrame .igAnchor > svg {
    width: auto;
    height: auto;
}

.igViewerScroller,
.igViewerGraphics,
.igAnchor,
.igAnchor > svg,
.igAnchor svg svg {
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

    .igAnchor svg svg use {
        pointer-events: none;
    }

/* do not show textarea outline on text marks */
.pccViewerControl textarea {
    outline: none;
}

/* copy text */
.pccCopyText {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #000;
}

/* about modal */
.pccPageListAboutModal {
    background: #383a3f;
    position: absolute;
    top: -300px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 280px;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    z-index: 5;
    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
}

    .pccPageListAboutModal * {
        text-align: left;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%
    }

    .pccPageListAboutModal h3 {
        margin: 10px 0;
        font-size: 18px;
        color: #fff;
        font-weight: bold
    }

    .pccPageListAboutModal p {
        font-size: 12px;
        color: #c2c5ce
    }

        .pccPageListAboutModal p:last-child {
            color: #c2c5ce
        }

    .pccPageListAboutModal a {
        color: #afc3eb
    }

html .pccPageListAboutModal button {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    color: #fff;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto
}

.pccPageListAboutModal.open {
    visibility: visible;
    opacity: 1;
    top: 122px
}

/* nag modal */
.pccPageListNagModal {
    background: #e7e9ef;
    position: absolute;
    top: -300px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 480px;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    z-index: 5;
    border-radius: 3px;
    text-align: center;
    -webkit-box-shadow: 0 6px 6px -1px rgba(0, 0, 0, .5);
    box-shadow: 0 6px 6px -1px rgba(0, 0, 0, .5);
    -webkit-transition: all 400ms;
    transition: all 400ms
}

    .pccPageListNagModal * {
        text-align: left;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%
    }

    .pccPageListNagModal h3 {
        margin: 10px 0;
        font-size: 18px;
        color: #000000;
        font-weight: bold
    }

    .pccPageListNagModal p {
        font-size: 12px;
        color: #000000
    }

        .pccPageListNagModal p:last-child {
            color: #000000
        }

    .pccPageListNagModal a {
        color: #263fea
    }

html .pccPageListNagModal button {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    color: #000000;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto
}

.pccPageListNagModal.open {
    visibility: visible;
    opacity: 1;
    top: 20px
}

.pccEditMarkButton {
    display: inline-block;
    background: no-repeat url(accusoft/img/EditTextMark.png);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 26px;
    width: 26px;
    -webkit-background-size: 26px 26px;
    background-size: 26px;
    cursor: pointer !important;
}

/* svg elements can have body tags inside them, so we protect styling of them */
/* viewer marks that do not look correct can likely be affected by conflicting styles */
.pccViewerControl body {
    background-color: initial;
    min-height: initial;
    position: static;
    height: 100%;
}

/* style for thumbnail views */
.pccThumbnailWrapper {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    margin: 5px 0 2em 0;
}

.pccThumbnail {
    width: 100%;
    height: 100%;
}

.pccThumbnailView {
    /* it's important not to edit these width and height
     * they are depended upon in the actual size calculation */
    height: 100%;
    width: 100%;
    margin: auto !important;
}

.pccThumbnailLabel {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
}

/* mark selection handles */
.pccMarkHandleTopLeft,
.pccMarkHandleTopCenter,
.pccMarkHandleTopRight,
.pccMarkHandleMidLeft,
.pccMarkHandleMidRight,
.pccMarkHandleBottomLeft,
.pccMarkHandleBottomCenter,
.pccMarkHandleBottomRight,
.pccMarkHandlePoint,
.pccMarkHandleTextSelectionStart,
.pccMarkHandleTextSelectionEnd {
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkMmJhOTYxOS02NDJjLTQzOTUtYTI2Mi1iZTQ5NzM5MDEzYjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ3M0M1RkFDMUM2MTFFNDlBMzZFODY3RUQwOTI4QjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDQ3M0M1RjlDMUM2MTFFNDlBMzZFODY3RUQwOTI4QjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowYzJmZjg5Ny1iMWRmLTQ4MGItOGRlNy01N2VkNGE0ZjJmZDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZDJiYTk2MTktNjQyYy00Mzk1LWEyNjItYmU0OTczOTAxM2IxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SvzVDQAAAn9JREFUeNrsWMFr01AcTvvSNsnG1jQqOIeTTQ/z4EA9WFQQPYpn0epFL/4DiiBMFATRf0AvXtSJdwU9bHhY3UlBQQdThxVRUNN2wzVd26R+v/ILVA9r0iVQWR58zXuP9/3yNXnv9/tIrNlsSr3c4lKPt0hgJDASGAn8jwTKgAEMSAEHXU/TgRPAQWC0LV4dWADywDOg1O0NYn5K3ZEbc63riytZevKngTNAqgNtFXgATIHvMD+8J4jgGi7XgP3uXKVmi/xCMf3ll6XKIt4czihWdpe+pCWFzX/gPDAB7lWIrIT2BHnP3gb20qC0Uk/cnSmMTL8zh+q289d+Toi4c3S38e3CsZGC3peo8/Rr4CLghCXwLHCOOp9+VNRLj+YnzN81ZS2C0Z+s3jo1/mZsi2bx1D3gfhinOAPk+MnJlx/P7+kkjhqtobXE4akcxwpc4HH3QNyZLuz4uVxTvRJpLXF4mOJYgQs8RD/LVkOeeW8O+T1c4GxdWbUFDw8HLVDmPCfNfSyl/z0QXho44uWHYpqHo14ziNcbDboBv5qWInXZKA1xV3DMjVOLl4AGdYYNtdrtzbZvUt1UY3PMwASSuEXqHBjTy5SE/YoDx87u1Ms8XHT/cJCvON/ajJrcoArhVyA43/sV2ebhbBhp5gkXfonK1+aBpOWVSGvB+dxmHp6GIbAIPGx5LNTWmyfH31IZ60SiNbQWHPeVUgxzY5oF8oNst64D+9x5qhCzsFvIkRrslrMto1TpQPSlhN1GfwVMkt3y4we7NayCDWvOo2GdolcLvu3XsMbW+fHI4MK/luV/zvs3fMvvoV4PchIuBxU0Fn1+iwRGAiOBkcDebn8EGACEVf6TPnvOjAAAAABJRU5ErkJggg==);
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
    .pccMarkHandleTopLeft,
    .pccMarkHandleTopCenter,
    .pccMarkHandleTopRight,
    .pccMarkHandleMidLeft,
    .pccMarkHandleMidRight,
    .pccMarkHandleBottomLeft,
    .pccMarkHandleBottomCenter,
    .pccMarkHandleBottomRight,
    .pccMarkHandlePoint,
    .pccMarkHandleTextSelectionStart,
    .pccMarkHandleTextSelectionEnd {
        -webkit-background-size: 40px 40px;
        background-size: 40px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAABrCAYAAABwv3wMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkMmJhOTYxOS02NDJjLTQzOTUtYTI2Mi1iZTQ5NzM5MDEzYjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0QwNDg4NENDNDAzMTFFNDgxM0JDREZDMUY0RTFFODIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0QwNDg4NEJDNDAzMTFFNDgxM0JDREZDMUY0RTFFODIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MjI3ZGMxZS0xNjg1LTQ2YTktOTI5Mi0wYzNkMTM4YjU3MWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2YWNjOTM4MC0wYzZkLTExNzgtYmZjOS1jNTk5OGE2MjYzNGUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Xpv3rAAAGnklEQVR42uycXUxbZRjHT1u++gHjoxTWjTLYxpTBytxUEE3IdiHzxo8tzvmRyIwXRC+cNyaiJk42k11si0a9ME4v/LyYmTeCF1tIJo6YMCgwVMJnmQzKR7cWWr7a+jxyMLjsnNMWes7b0+ef/APJe9r3Of31fc97Tp/n1YRCIY4UH9LSR0CwSASLYJEIFolgESwSwSIRLIJFIlgkgkWwSASLRLAIFolgkQgWwSIRLBLBIlgkgkUiWASLxJ6SVHAOFvA28GZwFjgVbALPghfAbvAt8DDYRbDklRH8CHg/+AGwOYLXToGvg9vBreC5eDpxTRzluu8GPw1+lB896xWOuqvgS+AbBGtjZAfX8X9jJQf4S/4vwYpCOeB68EEZ+8SR9hE/XdJqMEwdAH8lMyjUY/wIO0ALjHuo5tS1//5vaajCL89r4GcUDAlXku/y18hPIL7gmvhoNch/ECnw5x3+2x2R3HNLyf0Tc/rhSb/BtxjQzS8FdGnJuoAhRRfYlqv37cgz+rOMyUsRvi1+YXIhrkYAtkgj6/+gToP3hfua7lGvqcnhynM4PVlj7nmT2JVXA7Zmpc3abRnuQ3bLRHlB+mwE0+JpiK8BgC3QAmPluvkBf+8kKoy02eEyf982Vjgy5U+PtsNCs977XKV1pNZumdKE95Lf+KkxmOiw8Bp1JJyRdLZpsGRo0pexUR0X5Ro8b9QW9cGIC2ek/Qj+OJFh4TTzPj9TCY6mCy3Ord9eG9seCIY0Gx2ATqsJPV9lHTheY7sZxps3gi8nIqwcfnluEjpgcTmofe9i3662fnderIN5aHumq/HIrj9TkrRiUx2OwJfB04l2n1UvBerNb3rL5ACF+n3gtuXE171l2K/Esr4+0W6K7WI3vDjWcUT13PRmyxnUjb+92divxFxzkIvtoy/mYNWJNcI1qkCuEXW3sN8voH+Jw44nCqxysW8mrvpgMVGk5KrnO+gfRrVJ5JA9/HmoHtZTYtPf+ebBnbDqU/SZJfZ/rmlwZyjK81ALLAO4Wqjx505X7oDLt4mFpyoYB8Yjckg1fz6qhSX6w+EPbWM2jiFJxJPKRfEcM55g7RdqcDg9Jud09I+QYiGMB+MSOWSfmmHtFWpo7prM4xhUk8OVH835xDssMyeS3NIxfCebRVidI54siXOyqBGW4L0L/h41cWfByCKscYgL4xM5pCihYPWNzxlYTtvB+ESaN6sRluA0Nzrt1zPMSiq+TDXCEpzmZueXdSzDkojPoEZYgvP+/FKQaVgS8aWoEZZgwkpasjbAMiyJ+BbVCEswr9yQmsQ0LFOaaHw+NcKaEWooNOv9LMMqyBGN77YaYY0KNZTkG30sw5KI71ZCwcIEzPxNqUyW30BcPokE0SE1wpriRBL+Kwoz3CzCgrhmJM7JpUZYqA6hhkN2yziLsCTi6pAzFrlhtQs1YKKlLUfvZQkUxiORANquZlhY/ySYM3600upkCZZEPKuVk6qFhauqVqHGJyosk8UWg4cFUBgHxiNySKuc91hKwEJdEmrA9OUTtcV9Oq1G0QIA7B/j0ER5HmqC1Q3uEmrEcpxjVdYhJWFh/xJlQV38eageFuqCWOMrNbbRyh1ZE0oEhv1i/+uJX22wsCr+sth0ePJwyV9lW9Nn5Axq95b0GexXYvq7wilU1a9kMuVn3EpVxj2F1RxnXyjtkWuEPVic6Tr3YmlPGFUknyr1gSkJC8tmznAribiCwD48et8fL1Vv6cc6qhgtJkL4/meO3d8rAQp1nlOo3OffGYeBysfXwYclVyWjXhOmVm9kxi4uz3HVF2aNccJXPq6O7rBrijGlGTNl15MQijXFzz5sdeJ9FNUURyDcB6OloQpTkU9xEWS4do540n/pnrR0OT3ZY+55YxjV+nN7bBkzj5fnuioKMyJ5rIUbc72N1fpK74PBBCzUevfBwHQx55RfP7ewrFtYDupSk7QBY2pSwGbW+/H3qCj2wVh9SnFydR8MgsXeDjNrr1FM7TDD6kZbWG3yFidScxxDzfKr1KusfSisbrT1K7dSFX9F5n4RUB2LoFgeWWtVAX4VXBrDPnrBn+O6heUPIp528sTymie5lYrDjdhzaplfQPzEyfyLb7SKpz1yO3in88D28kv9nAifmlznjaC8cXT+cTWyhHT37tNp3EpePWZLzXO0+zRTcsU7hHhfDZIIFsEiESwSwSJYJIJFIlgEi0SwSASLYJEIFolgESwSwSIRLIJFIlgkgkWwSASLYJEIFolgJbT+EWAAqiM7sRyeWSQAAAAASUVORK5CYII=);
    }
}

.pccv input.no-ms-clear::-ms-clear {
    display: none;
}

.pcc-image-stamp-img {
    height: auto;
    max-height: available;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.pcc-load,
.pccPageListLoading,
.pccPageListItemLoading {
    -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;
}

@-webkit-keyframes pcc-anim-load {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes pcc-anim-load {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.pccPageListLoading svg,
.pccPageListItemLoading svg {
    fill: #7d7f85;
    height: 26px;
    width: 26px;
}

.pccPageListLoading,
.pccPageListItemLoading {
    display: block;
}

@media print {
    .no-clip-on-print {
        clip-path: none !important;
    }

    .expand-on-print {
        transform: scale(9999, 9999);
    }
}

.videoElement{display:inline-block;height:100%;vertical-align:baseline;width:100%}.canvasElement{display:inline-block;height:100%;vertical-align:baseline;width:100%}.aim-3d-viewer__video-container-wrapper{bottom:0;left:0;position:absolute;right:0;top:0}.aim-3d-viewer__video-container{background-color:transparent;height:100%;width:100%}.aim-3d-viewer__loading-panel{border:none;display:block;left:50%;margin-left:-50px;padding:5px 10px 5px 10px;position:absolute;text-align:center;top:40%;white-space:normal;z-index:2}.aim-3d-viewer__loading-panel>span{display:block;padding-bottom:5px;padding-top:5px;width:100%}
/*! arfviewer 21-08-2024 */

canvas,video{display:inline-block;vertical-align:baseline;width:100%;height:100%}.cursor-walk{}.cursor-fly{}.cursor-fly video{cursor:url(ArfViewer/img/flycurso.cur),auto}.cursor-walk video{cursor:url(ArfViewer/img/Walk.cur),auto}.cursor-walk img{cursor:url(ArfViewer/img/Walk.cur),auto}.cursor-fly img{cursor:url(ArfViewer/img/flycurso.cur),auto}.three-d-pin.cursor-walk{cursor:url(img/Walk.cur),auto}.three-d-pin.cursor-fly{cursor:url(img/flycurso.cur),auto}.footer-shadow{background-repeat:no-repeat;-moz-background-size:100% 3px;-o-background-size:100% 3px;background-size:100% 3px;background-position:left top;background-image:URL('ArfViewer/img/radialgradient_invert.png')}.arf-viewer{width:100%;height:100%;z-index:2}.workarea{position:absolute;top:0;left:0;right:0;bottom:0}.block-pointer-events{pointer-events:none}.arf-viewer .viewer_toolbar_navigation{height:35px;width:100%;left:0;bottom:0;position:absolute;z-index:1;background-color:#F4F5F6}.arf-viewer .viewer_toolbar_navigation>div{font-family:"Open Sans",'Trebuchet MS',Sans-Serif;font-size:12px;float:left;line-height:25px;z-index:1}.arf-viewer .mar5t{margin-top:5px}.arf-viewer .tool_separator{border-top:1px solid #d5d5d5;box-shadow:1px 1px 1px #f4f4f4}.arf-viewer .toolbar_button,.toolbar_button_current{margin-top:0}.arf-viewer .toolbar_button{width:40px;height:25px;z-index:1;margin-top:5px;top:0}.navigation_toolbar_button{float:left;cursor:pointer}.navigation_toolbar_more{background:url(ArfViewer/img/icocyg_show_more.png);background-repeat:no-repeat;background-position:top right}.arf-viewer .tool_navigationModes_text{cursor:text;margin-left:5px;padding-right:20px;color:#909090}.arf-viewer .tools_navigation_show{border-right:1px solid #d5d5d5}.arf-viewer .toolbar_more_text{width:40px}.arf-viewer .menu_option{cursor:pointer}.vs_toolbar_menu_option{padding:0 7px 0 10px;margin-top:5px}.arf-viewer .menu_option:hover{background-color:#dde6ff}.arf-viewer .menu_selected{background-color:#dde6ff}.arf-viewer .menu_option_disabled{cursor:default;opacity:.4}.arf-viewer .popup_toolbar_orbit,.toolbar_orbit{background:url(ArfViewer/img/icocyg_vt_orbit.png) no-repeat}.arf-viewer .popup_toolbar_orbitPoint,.toolbar_orbitPoint{background:url(ArfViewer/img/icocyg_vt_orbitpoint.png) no-repeat}.arf-viewer .toolbar_orbit{background:url(ArfViewer/img/icocyg_vt_orbit.png) no-repeat,url(ArfViewer/img/icocyg_show_more.png);background-repeat:no-repeat;background-position:center,top right}.arf-viewer .toolbar_walk{background:url(ArfViewer/img/icocyg_vt_walk.png) no-repeat,url(ArfViewer/img/icocyg_show_more.png);background-repeat:no-repeat;background-position:center,top right}.arf-viewer .toolbar_fly{background:url(ArfViewer/img/icocyg_vt_fly.png) no-repeat,url(ArfViewer/img/icocyg_show_more.png);background-repeat:no-repeat;background-position:center,top right}.arf-viewer .toolbar_orbitPoint{background-repeat:no-repeat;background-position:center,top right}.arf-viewer .popup_toolbar_walk,.toolbar_walk{background:url(ArfViewer/img/icocyg_vt_walk.png) no-repeat}.arf-viewer .popup_toolbar_fly,.toolbar_fly{background:url(ArfViewer/img/icocyg_vt_fly.png) no-repeat}.arf-viewer .toolbar_home{background:url(ArfViewer/img/icocyg_reset_view.png) no-repeat center;cursor:pointer}.arf-viewer .toolbar_padding{padding:0 23px 2px 24px;margin-left:6px}.arf-viewer .tool_button_view{width:55px;text-align:center;height:24px;cursor:pointer;margin-top:5px}.arf-viewer .toolbar_padding_with_no_icon{padding:0 0 2px 3px;margin-left:6px}.arf-viewer ul,.arf-viewer .popover-panel ul{list-style-type:none;padding:0;margin:0}.not-supported-message{width:30%;margin:auto}.arf-viewer .view_popoverPanel{white-space:nowrap}.arf_viewer_status{padding-left:40px}div textarea[readonly]{background-color:transparent}.arf_viewer_status_text{border-style:none;border-color:transparent;overflow:auto;font-size:11px;font-family:"Open Sans",'Trebuchet MS',Sans-Serif;width:auto;box-shadow:none;position:absolute}.arf_viewer_status_text_toolbar{bottom:10px;bottom:2px!important;border:0!important;padding:0!important;margin:0!important}.arf-loading-panel{display:block;position:absolute;left:50%;top:40%;margin-left:-50px;text-align:center;padding:5px 10px;white-space:normal;z-index:2;border:0!important}.arf-loading-panel>span,.arf-loading-panel>div{display:block;width:100%!important;padding-top:5px;padding-bottom:5px}@media print{@page{margin:0}.viewer_toolbar_navigation_print{visibility:hidden}.tool_button{visibility:hidden}}.clipping-container svg{width:20px;height:20px;position:absolute;z-index:1;left:0;top:0;overflow:visible!important}.clipping-container svg polygon{fill:rgba(230,59,28,.2);stroke:#e63b1c;stroke-width:1px}.clipping-container .active-plane-stroke polygon{stroke-width:4px!important;fill:rgba(230,59,28,.4)}.clipping-container .active-plane-stroke #xyzPlane{stroke-width:0!important;fill:rgba(230,59,28,1)}.clipping-container #screen{padding:0}.hide-section-planes{display:none}.clipping-container #xyzPlane{fill:rgba(230,59,28,.7)}#render-section>img{cursor:pointer;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}#render-section .measure-clip-container{position:absolute;bottom:40px;right:60px;background:#898A8B 0 0 no-repeat padding-box;border-radius:80px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);height:73px;z-index:3;width:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}.measure-clip-container div{display:block;float:left;text-align:center;margin-right:25px;z-index:1}#render-section.ico-teleport-container>img{user-select:none;-webkit-user-drag:auto}#render-section .ico-teleport-container{position:absolute;top:40px;left:60px;background:#898A8B 0 0 no-repeat padding-box;border-radius:80px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);height:73px;z-index:3;width:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;cursor:grab}.ico-teleport-container div{display:block;float:right;text-align:center;margin-left:25px;z-index:1}.three-d-pin{top:0;left:0;width:100%;height:97%!important}.three-d-pin img{z-index:3;color:#fff;position:absolute;display:block;height:91px;width:30px}#mc-tools,#measure-tool,#clip-tool{margin:22px 25px 0 12px}.button-control{position:relative;top:3px;cursor:pointer}.button-control img{position:relative;top:3px;border:1px solid #898A8B;border-radius:25px}.measure-clip-container span{color:#fff;font-style:normal;font-size:12px;display:block;clear:both;user-select:none}.mc-close{margin-top:23px;margin-right:15px}.show-hand-icon{cursor:pointer}#render-section .show-default-mouse-icon{cursor:default}#measure-close,#clip-close{margin-right:15px}#measure-lines-visibility,#box-visibility{margin-right:20px}#clip-tool-container{width:auto}#clip-label{font-size:11px;text-indent:17px;user-select:none}img::selection{background-color:transparent;color:#000}#clip-label,#clip-none,#clip-tool-container img,#clip-tool-container{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-ms-user-select:none}#clip-tool-container .active-clip-selection img{border-color:#fff!important}#render-section .add-margin-right{right:344px}.measure-pins{top:0;left:0;width:100%;height:97%!important}.measure-pins img{cursor:pointer;z-index:3;color:#fff;position:absolute;bottom:75px;display:block}.measure_label{color:#FFF;text-transform:uppercase;background-color:#0F76C7;font-size:10px;float:left;width:58px;height:25px;border-radius:8px 8px 0 0;overflow:hidden;float:left;-webkit-transform:rotate(270deg);-webkit-transform-origin:left top;-moz-transform:rotate(270deg);-moz-transform-origin:left top;-ms-transform:rotate(270deg);-ms-transform-origin:left top;-o-transform:rotate(270deg);-o-transform-origin:left top;transform:rotate(270deg);transform-origin:left top;top:58px;position:absolute;line-height:26px;text-indent:5px;user-select:none}#toggle-select-model{clear:both;text-align:center;height:34px}.show-default-mouse-icon{cursor:default}.measure-clip-container div{display:block;float:left;text-align:center;margin-right:25px}#mc-tools,#measure-tool{margin:22px 15px 0 12px}#accepticon,#deleteicon{display:none}
/*Main div*/
.fastsearch {
  overflow-y: auto;
  height: auto;
}



/*Shadow Card*/

.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    margin: 0.5%;
    border-radius: 5px;
    width: 96%;
    padding: 0.5%;
}

    .card:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        width: 96%;
    }

.container {
    width: 100%;
    margin: auto;
}

.card-header {
    width: 100%;
    /*background-color: #5482AB;*/
    color: #164ce2;
    border-radius: 5px;
    font-size: 18px;
    padding: 0.9% 0 0 1.5%;
    font-family: arial, sans-serif;
}

.card-content {
    padding: 0.5% 2%;
    font-size: 15px !important;
}

.search-div{
  display:flex;
  align-items:center;
  height:40px;
  padding-right:10px;
  margin-right:10px;
  border-right:1px solid #dfe1e5;
}

.search-dropdown{
  height:40px;
  border:0;
  background:transparent;
  width:123px;
  outline:0;
  text-align: justify;
}
.fssearch-wrapper{
 width: 100%;
max-width: 1100px; /*  */
margin: 0 auto;
padding: 0;
}


.applicabletypes-dropdown {
    white-space: nowrap;
    overflow: hidden;
    display: none;
    text-overflow: ellipsis;
    width: calc(100% - 40px);
    display: inline-block;
}

/* ===== MATCH APPLICABLE TYPES CARET TO TYPE CARET ===== */

.fssearch-input .applicabletypes-trigger{
  position: relative;
  padding-right: 28px; /* room for caret */
}



/* add a single, clean caret like the select */
.fssearch-input .fsseg-applicable .applicabletypes-trigger::after{
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);

  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #666;
  pointer-events: none;
}
/* hide the arrow inside the dropdown header */
.applicabletypes-panel .class-selector-expand {
  display: none!important;
}
/* optional: prevents needing the inner header at all */
.applicabletypes-panel .class-selector-header {
  pointer-events: none; /* header no longer steals clicks */
}

/* === NEW PILL ONLY (scoped) === */
.fssearch-input{
  display:flex;
  align-items:center;
 width: 100% !important;
max-width: none !important;
  margin-top:    75px;
margin-left:  auto;
margin-right: auto;
margin-bottom: 0;

  border:1px solid #dfe1e5;
  border-radius:8px;
  background:#fff;
  height: 56px !important;;              /* IMPORTANT: hard stop it growing */
  box-sizing:border-box;
  overflow:visible;
}

.fssearch-input > .fsseg{
  display:flex;
  align-items:center;
  height:100%;
  padding:0 14px;
  box-sizing:border-box;
  min-width:0;
}


/* dropdown */
.fssearch-input .search-dropdown{
  width:clamp(95px, 14vw, 160px);
  height:100%;
  border:0;
  outline:0;
  background:transparent;
}

/* applicable types */

.fssearch-input .applicabletypes-trigger{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  white-space:nowrap;
  color:#111;
}
.fssearch-input .applicabletypes-trigger::after{
  
  border:5px solid transparent;
  border-top-color:#666;
  transform:translateY(2px);
}

/* query input */
.fssearch-input .fsseg-query{ flex:1 1 auto; min-width:180px; }
.fssearch-input .fsseg-query .search-input-element{
  width:100%;
  height:100%;
  border:0 !important;
  outline:0;
  background:transparent;
  font:inherit;
  min-width:0;
}

/* content search */
.fssearch-input .fsseg-content{ flex:0 1 auto; max-width:  300px; }
.fssearch-input .fsseg-content .content-search{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  white-space:nowrap;
}
.fssearch-input .fsseg-content .content-search span{
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* go button (override your old 19x25 rule) */
.fssearch-input .fsseg-go{
  flex:0 0 56px;
  padding:0;
  justify-content:center;
}
.fssearch-input .fsseg-go.searchButton{
  width:56px !important;
  height:56px !important;
  border:0;
  background-position:center;
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-color:transparent;
  cursor:pointer;
}


/* === RESPONSIVE TWEAKS === */
@media (max-width: 900px){
  .fsseg-content .content-search span{ max-width:140px; }
}

@media (max-width: 760px){
  /* hide label text; keep checkbox */
  .fsseg-content .content-search span{ display:none; }
}

@media (max-width: 640px){
  /* optional: let it wrap cleanly instead of squashing */
  .fssearch-input{
    flex-wrap:wrap;
    border-radius:22px;
    padding:8px 10px;
  }


  .fsseg-type, .fsseg-applicable, .fsseg-content, .fsseg-go{
    height:48px;
  }

  .fsseg-query{
    flex:1 1 100%;
    height:48px;
  }

  .fsseg-go{
    flex:0 0 48px;
    width:48px;
    height:48px;
  }
  .fsseg-go.searchButton{
    width:48px;
    height:48px;
    background-size:20px 20px;
  }
}

.search-input-filters {
    transition: 0.3s;
    margin: 0.5% auto;
    width: 50%;
    padding: 10px 10px 10px 10px;
    display: flex;
    height: 27px;
    z-index: 3;
    gap: 20px;
    white-space: nowrap;
    justify-content: center;
}

.search-input-filters label {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin: 0;
}

.search-input-filters input[type="checkbox"] {
    margin-right: 3px;
    vertical-align: middle;
}

.facetSearchInput {
    font: inherit;
    border: 1px solid #dfe1e5;
    border-radius: 31px;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    height: 18px;
    font-size: 12px;
    padding-left: 3px;
}

    .searchButton img {
        width: 100%;
       
    }

/* Side facet panel*/

.left-panel {
    display: flex;
    flex-direction: column;
    padding-left: 0%;
    flex-flow: wrap;
    width: 22%;
    float: left;
}

.facet-panel {
    padding-left: 2%;
    width: 100%;
    padding-top: 2%;
}

.a-unordered-list,
ul {
    margin: 0 0 0 18px;
    list-style-type: none;
}

.a-spacing-medium,
.a-ws .a-ws-spacing-medium {
    margin-bottom: 18px !important;
}

.a-unordered-list.a-nostyle,
ol.a-nostyle,
ul.a-nostyle {
    margin-left: 0;
    color: #111;
    padding-left: 4%;
}

.list-height {
    line-height: 5px;
}

.list-margin {
    margin-left: 2px;
}

.list-font {
    font-size: 15px
}

.check-font {
    font-size: 13px;
}

.facet-font {
    font-size: 15px;
}

.apply-button-div {
    padding-top: 3%;
    padding-left: 2%;
    display: inline-flex;
    align-items: center;
}

.load-button-div {
    padding-top: 3%;
    display: inline-flex;
    align-items: center;
}

.apply-button {
    border-radius: 5px;
    background-color: #5482AB;
    color: #FFFFFF;
}

.show-empty-facets-toggle {
    padding-top: 3%;
}

    .show-empty-facets-toggle label {
        font-size: 12px;
        margin: 0;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        vertical-align: middle;
    }

    .show-empty-facets-toggle input[type="checkbox"] {
        margin-right: 3px;
        vertical-align: middle;
    }

.ul-scroll {
    max-height: 200px;
    overflow-y: scroll;
}

    .ul-scroll::-webkit-scrollbar {
        display: none;
    }

.result-message {
    width: 22%;
    display: inline;
    float: left;
}

.text-error-fs {
    color: #CC2E29;
    position: absolute;
    bottom: 10px;
}

/*Right- Attribute panel*/
.right-panel {
    display: flex;
    flex-direction: column;
    /* padding-left: 10px !important;  */
    flex-flow: wrap;
    width: 24% !important;
    float: right;
}

.word-wrap {
    word-wrap: break-word;
    padding-top: 7px;
}

.attribute-table-cell-header {
    width: 250px;
}

.attribute-table-cell {
    display: table-cell;
    padding: 1.5%;
    white-space: normal;
    vertical-align: middle;
    border-bottom: 1px solid #d5d5d5;
    vertical-align: top;
    font-size: 13px;
}

.item-details-label {
    color: #555;
}

.right-content-card {
    padding-top: 7px;
    width: 100%;
}

.attribute-detail {
    padding-left: 1%;
    padding-top: 1.5%;
    width: 100%;
    /* padding-top: 9px; */
}

.attribute-table {
    width: 100%;
    padding: 0;
    border: 0;
    table-layout: fixed;
}

    .attribute-table > tbody > tr {
        line-height: 30px;
    }

.attribute-value {
    word-break: break-all;
    color: steelblue;
}

/*Result panel*/
.result-panel {
    display: flex;
    padding-left: 1%;
    flex-direction: column;
    flex-flow: wrap;
    width: 49%;
    float: left;
}
/* the left cluster (type + applicable types) */
.search-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  height:40px;
  overflow:visible;
}


.applicabletypes-wrap{ 
    position:relative;
     display:flex;
      align-items:center; 
      height:40px; }

 .applicabletypes-trigger{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  text-decoration:none;
}

/* little caret */
.applicabletypes-trigger:after{
  content:"";
  margin-left:8px;
  border:5px solid transparent;
  border-top-color:#666;
  transform:translateY(2px);
}





.applicabletypes-trigger.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.result-content-card {
    width: 100%;
}

.result-scroll {
    width: 100%;
    max-height: 1000px;
    overflow-y: scroll;
}

.menu-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 50px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    float: right;
}

    .menu-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .menu-content a:hover {
            background-color: #f1f1f1
        }

.dropdown:hover .menu-content {
    display: block;
    position: absolute;
    float: right;
}

.content-color {
    color: #5482AB;
}

.highlight {
    background-color: #dfddea;
    font-style: italic;
    font-weight: bold;
}

/*Suggestion panel*/
.suggestion-panel {
    display: flex;
    padding-left: 10px;
    flex-direction: column;
    flex-flow: wrap;
    width: 50%;
    float: left;
    margin-left: 3%;
}

.suggestion-title {
    font-size: 16px;
}

.suggestion-text {
    width: 100%;
    font-size: 14px;
}

/*Result count*/

.result-info-config {
    padding: 10px;
    padding-bottom: 15px;
    display: flex;
}

/*Accordion*/

.accordion-header {
    font-size: 15px;
}

.searchaccordion-facet-width {
    width: 100%;
}

.fastsearch-accordion > uib-accordion > .panel-group > * > .panel > .panel-heading > .panel-title > .accordion-toggle {
    font-size: 15px;
}

.fastsearch-accordion > uib-accordion > .panel-group > * > .panel > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    border-radius: 5px;
    font-size: 15px !important;
}

.accordion-overflow {
    overflow-x: hidden;
}

/*Pagination*/

.pagination {
    display: inline-block;
}

    .pagination a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
    }

.facetTag {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0,0,0,0.6);
    /*line-height: 32px;*/
    padding: 0 12px;
    border-radius: 16px;
    background-color: #efefef;
    margin: 1.3% 0% 0.3% 1.9%;
}

    .facetTag > .closeFacetTag {
        cursor: pointer;
        position: inherit;
        padding: 0px 0px 0px 7px;
        font-weight: 900;
        color: #bbb
    }

.closeFacetTag:hover {
    color: #656161;
}

div.facetScroll {
    max-height: 150px;
    overflow: auto;
    margin: 0 0 0 18px;
    margin-left: 0;
    margin-bottom: 18px !important;
    color: #111;
    padding-left: 4%;
    padding: 0.5em;
    list-style-type: none;
}


.facetSettingFields {
    padding-top: 10px;
}

.facetSettingsFieldNames {
    padding-right: 4%;
    padding-left: 10px;
    padding-top: 10px;
    float: left;
    font-size: 13px;
    width: 10%;
}

.facetSettingsCategory {
    width: auto;
}

.facetSettingsAttributesScroll {
    max-height: 200px;
    overflow: auto;
    color: #111;
    list-style-type: none;
    max-width: 50%;
}

.facetSettingsAttributeInput {
    font: inherit;
    border: 1px solid #dfe1e5;
    border-radius: 31px;
    box-shadow: none;
    width: 50%;
    max-width: 50%;
    height: 18px;
    font-size: 12px;
}

.actions-on-items {
    width: 100%;
    display: flex;
}

.select-all-items-option {
    float: left;
    display: inline-block;
    padding-left: 2.5%;
    width: 25%;
    max-width: 25%;
}

.actions-menu {
    float: left;
    padding-left: 55%;
    display: inline-block
}
.a-unordered-list,
ul { margin: 0 0 0 18px; list-style-type: none; }
/* ===== FINAL: Applicable Types dropdown (single source of truth) ===== */

/* anchor */
/* ===== Applicable Types dropdown: attached + auto-height that doesn't collapse ===== */
.fssearch-input .fsseg-applicable{ position: relative; }

.fssearch-input .fsseg-applicable > .applicabletypes-panel{
  position: absolute;
  top: 100%;          /* ATTACH to the bar */
  left: 0;

  width: 250px;
  max-width: 70vw;
  min-width: 200px;

  height: auto !important;       /* let content decide */
  min-height: 30px;              /* safety: at least one row */
  max-height: min(520px, calc(100vh - 180px));

  overflow-y: auto;
  overflow-x: auto;

  margin-top: 0 !important;      /* kill gap */
  padding: 6px 12px 5px;

  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.12);
  z-index: 10000;
}

/* Hide the directive's built-in header/selected strip */
#applicableTypesTree .class-selector-header,
#applicableTypesTree .class-selector-dropdown,
#applicableTypesTree .class-selector-selected{
  display: none !important;
}

/* Make sure the directive + tree actually take up height (THIS fixes the “tiny strip”) */
#applicableTypesTree,
#applicableTypesTree.class-selector,
#applicableTypesTree .class-selector-content,
#applicableTypesTree .class-selector-tree,
#applicableTypesTree ul.dynatree-container{
  display: block !important;
  position: static !important;      /* stops absolute positioning collapsing parent */
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* IMPORTANT: your global `ul { margin-left:18px }` breaks dynatree indent.
   So only zero margins inside the dropdown, and restore child indentation. */
#applicableTypesTree ul{
  margin: 0 !important;
  padding: 0 !important;
}
#applicableTypesTree ul ul{
  padding-left: 18px !important;    /* child indent */
}

/* tidy rows */
#applicableTypesTree .dynatree-node,
#applicableTypesTree li{
  line-height: 20px !important;
  min-height: 20px !important;
  height: auto !important;
}

/* If you prefer NO horizontal scroll, let long labels wrap */
#applicableTypesTree .dynatree-title{
  white-space: normal !important;
}
/* remove bottom gap at the end of the dropdown */
.fssearch-input .fsseg-applicable > .applicabletypes-panel{
  padding-bottom: 0 !important;   /* reduce from 10px to something tight */
}

/* kill any bottom margin on the last row */
#applicableTypesTree li:last-child{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* make sure the container itself doesn't add space */
#applicableTypesTree ul.dynatree-container{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ===== PILL SEGMENT DIVIDERS (single source of truth) ===== */

/* ensure segments fill pill height */
.fssearch-input{
  align-items: stretch; /* makes segments full height */
}

/* reset any old borders/shadows */
.fssearch-input > .fsseg{
  border-left: 0 !important;
  box-shadow: none !important;
  height: 100%;
  box-sizing: border-box;
}

/* add divider before every segment except the first */
.fssearch-input > .fsseg:not(:first-child){
  box-shadow: inset 1px 0 0 #dfe1e5 !important;
}

/* ===== CARETS: single source of truth ===== */


/* TYPE: hide native arrow and draw our own */
.fssearch-input .fsseg-type{ position:relative; }

.fssearch-input .search-dropdown{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:none !important;
  padding-right: 34px; /* room for caret */
}

.fssearch-input .fsseg-type::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width:0; height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #666;
  pointer-events:none;
}

/* APPLICABLE TYPES: matching caret */
.fssearch-input .fsseg-applicable{ position:relative; }

.fssearch-input .fsseg-applicable .applicabletypes-trigger{
  position:relative;
  padding-right: 34px; /* room for caret */
}

.fssearch-input .fsseg-applicable .applicabletypes-trigger::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width:0; height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #666;
  pointer-events:none;
}
/* Force selected types row back to how it was originally */
.applicable-types-selected{
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 8px auto 8px;
  padding-right: 150px;
  height: auto !important;
  flex: 0 0 auto;
  font-size: 12px;
  color: #555;
  line-height: 1.4;
  text-align: right; 
  white-space: nowrap; /* keeps it on one line */
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Kill any leftover arrows */
.applicabletypes-caret{
  display: none !important;
}

/* Add our own caret */
.fssearch-input .fsseg-applicable{
  position: relative;
}

.fssearch-input .fsseg-applicable .applicabletypes-trigger{
  position: relative;
  padding-right: 34px; /* room for arrow */
}

.fssearch-input .fsseg-applicable .applicabletypes-trigger::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #666;
  pointer-events:none;
}

/* Stop the wrapper consuming the whole viewport height */
.fssearch-wrapper{
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Allow the parent area to show/scroll content below */
.tabbar-content.full-search{
  overflow-y: auto !important;  
}
 */
.tabbar-content{
  overflow-y: auto !important;
}
.content-search.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.applicabletypes-panel{
  display: flex;
  flex-direction: column;
  max-height: 420px;   
  min-width: 420px;    
}

/* Grey out + block clicks on the *text* and *checkbox* when at limit */
.at-limit-disabled a {
  opacity: 0.4 !important;
}

span.dynatree-checkbox.at-limit-disabled, a.dynatree-title.at-limit-disabled, span.dynatree-title.at-limit-disabled {
  pointer-events: none !important;  /* stops click */
  cursor: not-allowed !important;
}

/* ensure the whole node looks disabled, but DON'T block the expander */
span.dynatree-node.at-limit-disabled {
  cursor: not-allowed !important;
}
.at-limit-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.applicable-types-text{
  letter-spacing: normal;
  text-transform: none;
}

.applicabletypes-label {
  font-size: 13px;
  color: #2d2d2d !important;
}

.applicabletypes-label.is-disabled {
  color: #9aa3ad !important;   
  cursor: not-allowed;
}

.searchButton {
    background-image: url('search/img/Fast_search-Black-icon.png');
    background-color: #ffffff;
    display: inline-block;
    width: 19px;
    background-color: #fffdfd;
    height: 25px;
}

    .searchButton img {
        width: 100%;
        height: 100%;
    }

