/**
 * Clear inner floats
 */
.clearfix:before, .wbFormEntry:before,
.clearfix:after,
.wbFormEntry:after {
  content: "";
  display: table;
}

.clearfix:after, .wbFormEntry:after {
  clear: both;
}

.clearfix, .wbFormEntry {
  *zoom: 1;
}

.slimscroll::-webkit-scrollbar, .categoryView .categoryContent .categoryContentSection::-webkit-scrollbar, .annotationHoverElement .annotationHoverDetails::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.slimscroll::-webkit-scrollbar-track, .categoryView .categoryContent .categoryContentSection::-webkit-scrollbar-track, .annotationHoverElement .annotationHoverDetails::-webkit-scrollbar-track {
  background-color: #fafafa;
}

.slimscroll::-webkit-scrollbar-thumb, .categoryView .categoryContent .categoryContentSection::-webkit-scrollbar-thumb, .annotationHoverElement .annotationHoverDetails::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-drag: none;
  -webkit-user-drag: none;
}

.webViewer {
  margin: 0;
  background-color: white;
  color: #707070;
  height: 100%;
  width: 100%;
  font-size: 16px;
  position: absolute;
}
.webViewer img, .webViewer a {
  user-drag: none;
  -webkit-user-drag: none;
}

.windows {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 52;
  height: 100%;
  touch-action: none;
}
.windows p {
  line-height: 18px;
}

.images {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-tap-highlight-color: transparent;
}

.viewerLoader {
  position: absolute;
  background-color: white;
  z-index: 52;
  width: 100%;
  height: 100%;
  text-align: center;
}
.viewerLoader .viewerLoaderIn {
  display: inline-block;
  height: 50%;
}
.viewerLoader .viewerLoaderImg {
  max-height: 80%;
  max-width: 80%;
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
}

.ivViewport {
  position: absolute;
  overflow: hidden;
}

.imageHolder {
  position: absolute;
}

.tile {
  position: absolute;
  display: block;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-drag: none;
  -webkit-user-drag: none;
}

canvas {
  position: absolute;
}

.ivViewport > canvas:first-child {
  background-color: white;
}

.uiLayer,
.uiImage {
  position: absolute;
  width: 100%;
  height: 100%;
  outline: none;
  z-index: 0;
  -webkit-touch-callout: none;
  /* iOS Safari */
  touch-action: none;
  -ms-touch-action: none;
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-drag: none;
  -webkit-user-drag: none;
}

.widgets {
  display: none;
  position: absolute;
  right: 4px;
}

.widgetsVisible .widgets {
  display: block;
}

.widgetsOffset .rightEdgeImage .widgets {
  right: 48px;
}

.widget {
  background-color: rgba(255, 255, 255, 0.78);
  border: 1px solid #404040;
  color: #606060;
  margin-top: 4px;
  cursor: default;
  position: relative;
  float: right;
  clear: both;
}

.qaWidget {
  line-height: 0px;
}
.qaWidget .qaWidBtn {
  margin: 2px;
  padding: 2px;
  cursor: pointer;
}
.qaWidget .qaWidBtn.qaWid2:first-child {
  margin-right: 8px;
}
.qaWidget .qaWidBtn.qaWid2:last-child {
  margin-left: 8px;
}

.lensWidget:hover {
  background-color: rgba(238, 238, 238, 0.78);
}

.lensWidget {
  width: 70px;
  height: 34px;
  text-align: center;
  line-height: 24px;
}

.lensTextDigital {
  color: #e04040;
}

.lensBand {
  width: 70px;
  height: 4px;
}

.lensBandHidden {
  display: none;
}

.lensBandBlack {
  background-color: #6C6C6C;
}

.lensBandOrange {
  background-color: #FFB86C;
}

.lensBandRed {
  background-color: #FF6C6C;
}

.lensBandYellow {
  background-color: #FFFF82;
}

.lensBandGreen {
  background-color: #6CFF97;
}

.lensBandLightBlue {
  background-color: #97D8FF;
}

.lensBandCobaltBlue {
  background-color: #6c6cFF;
}

.lensBandWhite {
  background-color: #F8F8F8;
}

.historyWidget {
  width: 62px;
  height: 34px;
  padding: 0 4px;
}

.historyWidget div {
  width: 24px;
  height: 24px;
  margin: 5px 3px;
  float: left;
}

.historyWidget div:nth-child(1) {
  margin-left: 4px;
}

.historyWidget .buttonDisabled {
  opacity: 0.4;
}

.rotationWidget {
  width: 70px;
  height: 44px;
}

.rotationWidget .flipButton {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 47px;
  top: 2px;
}

.rotationWidget .rotationRing {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 2px;
  left: 4px;
}

.rotationWidget .rotationRingPos {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 1px;
  left: 16px;
}

.rotationWidget .rotationRingText {
  position: absolute;
  left: 10px;
  top: 17px;
  width: 28px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-size: 12px;
  outline: none;
  white-space: pre;
  overflow: hidden;
  -webkit-user-drag: auto;
  -webkit-user-select: auto;
}
.rotationWidget .rotationRingText.rotationRingTextHover {
  color: #7686c2;
}

.focusWidget {
  width: 70px;
  height: 38px;
}

.focusWidgetDown,
.focusWidgetUp {
  position: absolute;
  width: 100%;
  height: 50%;
  z-index: 1;
  font-size: 24px;
  line-height: 12px;
  text-align: center;
}

.focusWidgetDown:hover,
.focusWidgetUp:hover {
  color: #808080;
}

.focusWidgetDown {
  bottom: 0;
  line-height: 26px;
}

.focusWidgetText {
  position: absolute;
  width: 70px;
  text-align: center;
  line-height: 38px;
  color: #606060;
}

.titleWrap {
  position: absolute;
  left: 4px;
  top: 0px;
}

.imageLabel {
  position: absolute;
  left: 4px;
  top: 0px;
  transition: top 0.4s, transform 0.4s;
  transition: margin-top 0.4s, transform 0.4s;
  display: none;
  overflow: hidden;
  width: 12%;
  padding: 2px;
  clear: left;
}

.titlesVisible .imageLabel {
  margin-top: 34px;
}

.labelsVisible .imageLabel {
  display: block;
}

.toolbarEnabled .ivViewport:last-child .titleWrap,
.toolbarEnabled .ivViewport:last-child .imageLabel {
  left: 57px;
}

.imageLabel img {
  width: 100%;
  height: 100%;
  display: block;
}

.imageTitle {
  padding: 2px 6px;
  margin-bottom: 4px;
  display: none;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 14px);
}

.titlesVisible .imageTitle {
  display: block;
  float: left;
}

.widgetsVisible .titleWrap {
  right: 80px;
}

.widgetsVisible.widgetsOffset .titleWrap {
  right: 124px;
}

.slideImageWindow .ui-resizable-n,
.slideImageWindow .ui-resizable-s {
  display: none;
}

.slideImage {
  overflow: hidden;
  width: 20%;
  position: relative;
}

.slideImage img {
  display: block;
  position: absolute;
}

.scanRoi {
  position: absolute;
  border: 2px solid blue;
}

.toolbar {
  width: 48px;
  position: absolute;
  z-index: 51;
  border: 1px solid #404040;
  background-color: #fafafa;
  top: 4px;
  left: 4px;
}

.toolbarContent {
  display: none;
}

.toolbarToggle img {
  margin-top: 2px;
}

.toolbarToggle:hover {
  background-color: #e6e6e6;
}

.toolbarBreak {
  background-color: #e6e6e6;
  height: 1px;
  width: 100%;
  float: left;
}

.toolbarEntry {
  margin: 2px 0;
  padding: 4px 12px 4px 10px;
  border-left: 2px solid #fafafa;
  float: left;
}

.toolbarEntry img {
  display: block;
}

.toolbarEntry:hover {
  background-color: #e6e6e6;
  border-left: 2px solid #e6e6e6;
  margin: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}

.toolbarEntry:active {
  background-color: #cdcdcd;
  border-left: 2px solid #cdcdcd;
}

.toolbarEntry.toolbarEntryActive {
  border-left: 2px solid #7686c2;
}

.wbTbSync,
.wbTbSyncBreak {
  display: none;
}

.webViewer, .activeBorder {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-drag: none;
  -webkit-user-drag: none;
  cursor: default;
}

.activeBorder {
  display: none;
}

.ivViewportSec .activeBorder {
  display: block;
  -webkit-box-shadow: inset 0px 0px 0px 2px #FFF;
  -moz-box-shadow: inset 0px 0px 0px 2px #FFF;
  box-shadow: inset 0px 0px 0px 2px #FFF;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ivViewportSec.activeImage .activeBorder {
  -webkit-box-shadow: inset 0px 0px 0px 2px #f00;
  -moz-box-shadow: inset 0px 0px 0px 2px #f00;
  box-shadow: inset 0px 0px 0px 2px #f00;
}

.windows .ui-dialog.ui-front {
  z-index: 101;
}

.wbWindow {
  display: none;
}

.wbWindow .wbSecLabel {
  margin: 4px 8px 8px 8px;
  display: block;
}

.wbFormEntry {
  margin: 8px;
}
.wbFormEntry .toggleLabel {
  display: block;
  padding-left: 54px;
}

.wbFormEntry textarea {
  display: block;
  width: 100%;
}

.wbFormEntry .buttonSet {
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.wbFormEntry .buttonSet button {
  margin-bottom: 0px;
}

.imageControls .wbSecLabel {
  margin-bottom: 2px;
}
.imageControls .wbFormEntry {
  margin-top: 2px;
}
.imageControls .imageCustomControls .wbFormEntry:last-child {
  margin-bottom: 0px;
}
.imageControls .imageCustomControls .wbSecLabel {
  margin-top: 12px;
  margin-bottom: 6px;
}

.imageControls .buttonSet {
  margin-left: 0;
  width: 100%;
}

.imageControls button {
  width: calc(50% - 4px);
  margin-top: 8px;
}

.imageControls .sharpenFilter {
  position: absolute;
  top: -35px;
  right: 36px;
}
.imageControls .sharpenFilter .sharpenIcon {
  float: left;
  margin-right: 8px;
  position: relative;
  top: -1px;
  width: 24px;
  height: 24px;
  background: url(../../viewer/images/sharpenBlack.png) no-repeat center center;
}
.imageControls .sharpenFilter .toggleContainer {
  float: left;
  margin: 2px 0;
}

.darkTheme .imageControls .sharpenFilter .sharpenIcon {
  background: url(../../viewer/images/sharpenWhite.png) no-repeat center center;
}

.wbValueSlider {
  margin: 4px 4px 4px 0px;
  height: 24px;
}

.wbValueSlider img {
  float: left;
  margin-right: 5px;
}

.wbValueSlider .wbSlider {
  float: left;
  top: 5px;
  position: relative;
}

.wbValueSlider .wbSliderValue {
  line-height: 16px;
  position: relative;
  float: left;
  margin-left: 10px;
  top: 4px;
}
.wbValueSlider .wbSliderValue .wvNm {
  font-size: 14px;
}

.wbSlider {
  height: 15px;
  width: 184px;
  border-left: 8px solid #e6e6e6;
  border-right: 8px solid #e6e6e6;
  background-color: #e6e6e6;
  position: relative;
}

.wbSlider .ui-slider-range {
  background-color: #7686c2;
  height: 8px;
  position: absolute;
}

.wbSlider .ui-slider-handle {
  background-color: #7686c2;
  border: none;
  width: 15px;
  height: 15px;
  top: 0px;
  margin-left: -8px;
  position: absolute;
}
.wbSlider .ui-slider-handle:hover, .wbSlider .ui-slider-handle:active, .wbSlider .ui-slider-handle:focus {
  background-color: #6476ba;
}

.wbSlider .defaultSliderPos {
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #cdcdcd;
}

.wbInput {
  width: 100%;
}

.arrowStepEntry {
  display: none;
}

.info .wbFormEntry {
  margin: 4px 8px;
}

.wrap-table100 {
  width: 100%;
}
.wrap-table100 .table100 {
  width: 100%;
  position: relative;
  background-color: #fff;
}
.wrap-table100 tr {
  border-bottom: 1px solid #f2f2f2;
  white-space: nowrap;
  text-align: left;
}
.wrap-table100 td, .wrap-table100 th {
  font-size: 12px;
  line-height: 1.4;
  padding-top: 4px;
  padding-bottom: 4px;
}
.wrap-table100 th {
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
}
.wrap-table100 .wbInfoHead {
  padding-left: 16px;
  padding-right: 16px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .wrap-table100 td, .wrap-table100 th {
    font-size: 15px;
  }
}

.settingsHeads {
  border-bottom: 1px solid #444444;
  height: 34px;
}

.settingsHead {
  text-align: center;
  width: 50%;
  float: left;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  padding-bottom: 2px;
}

.settingsHead:hover {
  background-color: #e6e6e6;
}

.settingsHeadCurrent {
  border-bottom: 2px solid #7686c2;
  padding-bottom: 0px;
}

.settingsContent {
  display: none;
}

.settingsContentCurrent {
  display: block;
}

.annotations {
  width: 150%;
  height: 150%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
}

.annotations div {
  position: absolute;
  padding: 4px;
  border: 1px solid #444444;
  background-color: white;
  cursor: default;
}

.annotations img {
  position: absolute;
}

.annotationDetailsCols {
  margin-left: 33px;
  margin-bottom: 4px;
  height: 32px;
}

.annotationDetailsPins {
  margin-left: 16px;
  margin-bottom: 4px;
  height: 32px;
}

.annotationDetailsCols div,
.annotationDetailsPins div {
  width: 24px;
  height: 24px;
  margin: 4px;
  float: left;
}

.annotationDetailsCols .selectedColor {
  width: 28px;
  height: 28px;
  margin: 2px;
}

.annotationDetailsPins div {
  opacity: 0.6;
}
.annotationDetailsPins div.selectedPin {
  margin-top: 0px;
  opacity: 1;
}

.annotationDetails .wbFormEntry > label {
  margin-bottom: 4px;
  display: block;
}

.annotationDetails .buttonSet {
  margin-left: 0px;
}

.annotationDetails .saveAnno {
  width: 148px;
}

.annotationDetails .cancelAnno {
  width: 148px;
  margin-right: 0px;
}

.annotationHoverElement {
  position: absolute;
  max-width: 320px;
  display: none;
  -webkit-box-shadow: 1px 1px 6px #666;
  -moz-box-shadow: 1px 1px 6px #666;
  box-shadow: 1px 1px 6px #666;
}
.annotationHoverElement .annotationHoverOwner {
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 24px;
  padding: 12px 12px 4px 12px;
  padding-left: 40px;
  background-color: white;
}
.annotationHoverElement .annotationHoverOwner img {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  left: 12px;
}
.annotationHoverElement .annotationHoverTitle {
  padding: 4px 12px;
  background-color: white;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
}
.annotationHoverElement .annotationHoverDetails {
  max-height: 240px;
  overflow: auto;
  padding: 12px;
  background-color: #cdd3e9;
}

.scalebar {
  display: none;
  position: absolute;
  left: 4px;
  bottom: 4px;
}

.scalebarsVisible .scalebar {
  display: block;
}

.scalebarBlock {
  line-height: 32px;
  height: 32px;
  background-color: black;
  border: 2px solid white;
}

.scalebarBlock .scalebartext {
  font-size: 18px;
  color: white;
  margin-left: 4px;
  cursor: default;
}

.scalebarTicked {
  left: 8px;
  bottom: 24px;
}

.scalebarTickedBar {
  height: 4px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.tickedBlack .scalebarTickedBar {
  background-color: black;
  -webkit-box-shadow: 1px 1px 1px white;
  -moz-box-shadow: 1px 1px 1px white;
  box-shadow: 1px 1px 1px white;
}

.tickedWhite .scalebarTickedBar {
  background-color: white;
  -webkit-box-shadow: 1px 1px 1px black;
  -moz-box-shadow: 1px 1px 1px black;
  box-shadow: 1px 1px 1px black;
}

.scalebarTicked .scalebartext {
  font-size: 14px;
  font-weight: bold;
  position: absolute;
}

.tickedBlack .scalebartext {
  color: black;
  text-shadow: 0px 2px 2px white;
}

.tickedWhite .scalebartext {
  color: white;
  text-shadow: 0px 2px 2px black;
}

.scalebarTickedInner {
  height: 24px;
}

.tick {
  width: 4px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  position: absolute;
  height: 12px;
}

.tickedBlack .tick {
  background-color: black;
  -webkit-box-shadow: 1px 1px 1px white;
  -moz-box-shadow: 1px 1px 1px white;
  box-shadow: 1px 1px 1px white;
}

.tickedWhite .tick {
  background-color: white;
  -webkit-box-shadow: 1px 1px 1px black;
  -moz-box-shadow: 1px 1px 1px black;
  box-shadow: 1px 1px 1px black;
}

.tickTall {
  height: 15px;
}

.tickText {
  text-align: center;
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  width: 100px;
  height: 20px;
}

.tickedBlack .tickText {
  color: black;
  text-shadow: 1px 1px 1px white;
}

.tickedWhite .tickText {
  color: white;
  text-shadow: 1px 1px 1px black;
}

.scalebarRadioBox {
  margin-left: 28px;
  margin-bottom: 4px;
}

.slideImageError {
  padding: 4px;
}

.mapContainer {
  display: none;
  position: absolute;
  right: 4px;
  bottom: 4px;
  padding: 1px;
  background-color: black;
}

.darkImage .mapContainer {
  background-color: white;
}

.mapsVisible .mapContainer {
  display: block;
}

.categoryView {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  display: table;
}
.categoryView .categoryList {
  height: 100%;
  border-right: 1px solid #e6e6e6;
  display: table-cell;
  white-space: nowrap;
}
.categoryView .categoryList .categoryListItem {
  font-size: 18px;
  padding: 6px 12px;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
}
.categoryView .categoryList .categoryListItem:hover, .categoryView .categoryList .categoryListItem:active, .categoryView .categoryList .categoryListItem:focus {
  background-color: #e6e6e6;
}
.categoryView .categoryList .categoryListItem.categoryListItemActive {
  background-color: #7686c2;
  color: white;
}
.categoryView .categoryList .categoryListItem.categoryListItemActive:hover, .categoryView .categoryList .categoryListItem.categoryListItemActive:active, .categoryView .categoryList .categoryListItem.categoryListItemActive:focus {
  background-color: #6476ba;
}
.categoryView .categoryContent {
  padding: 4px 8px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 100%;
  width: 100%;
  z-index: -1;
  display: table-cell;
}
.categoryView .categoryContent .categoryContentSection {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: auto;
  padding: 8px;
}

.ie9ExportDownloadPromptContainer {
  background-color: #000000;
  opacity: 0.3;
  position: absolute;
  z-index: 9998;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.ie9ExportDownloadPrompt {
  position: absolute;
  z-index: 9999;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border: 2px solid #7686c2;
  overflow: hidden;
  -webkit-touch-callout: default;
  -webkit-user-select: auto;
}
.ie9ExportDownloadPrompt .ie9ExportDownloadMsg {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 8px;
  border: 2px solid #ffcf99;
  background-color: #ffefaa;
  max-width: calc(100% - 111px);
}
.ie9ExportDownloadPrompt .ie9ExportClose {
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 24px;
  line-height: 22px;
  text-align: center;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #eee;
  width: 23px;
  height: 23px;
}
.ie9ExportDownloadPrompt .ie9ExportClose:hover, .ie9ExportDownloadPrompt .ie9ExportClose:active, .ie9ExportDownloadPrompt .ie9ExportClose:focus {
  color: white;
  border-color: white;
}
.ie9ExportDownloadPrompt img {
  width: 100%;
  height: 100%;
}

/*# sourceMappingURL=viewer.css.map */