@font-face {
  font-family: 'icomoon';
  src:  url(../fonts/icomoon.eot);
  src:  url(../fonts/icomoon.eot#iefix) format('embedded-opentype'),
    url(../fonts/icomoon.ttf) format('truetype'),
    url(../fonts/icomoon.woff) format('woff'),
    url(../fonts/icomoon.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close_fullscreen:before {
  content: "\e902";
}
.icon-open_in_full:before {
  content: "\e900";
}
.icon-zoom-in:before {
  content: "\e987";
}
.icon-zoom-out:before {
  content: "\e988";
}
.icon-enlarge:before {
  content: "\e989";
}
.icon-shrink:before {
  content: "\e98a";
}
.icon-cloud-check:before {
  content: "\e9c4";
}

/* ================================== */
.viewport,
.viewport-static-image,
.panorama,
.scale-pmc {
    -moz-user-select: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.viewport,
.viewport-static-image {
    float: left;
}

.viewport {
    overflow: hidden;
    background-color: #efefef;
    /*background-image: linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 0),*/
    /*linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 0),*/
    /*linear-gradient(#ddd 1px, transparent 0),*/
    /*linear-gradient(90deg, #ddd 1px, transparent 0);*/
    /*background-size: 15px 15px, 15px 15px, 75px 75px, 75px 75px;*/
    width: 100%;
    height: 100%;
}

.viewport .dnd {
    background-image: url(../assets/spinner.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 128px 128px;

}

.dnd {
    cursor: move;
    margin-left: auto;
    margin-right: auto;
}

.moving {
    cursor: move;
    cursor: url(../assets/grab.cur), move;
}

.viewport-static-image {
    background-color: #efefef;
    /*background-image: linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 0),*/
    /*linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 0),*/
    /*linear-gradient(#ddd 1px, transparent 0),*/
    /*linear-gradient(90deg, #ddd 1px, transparent 0);*/
    /*background-size: 15px 15px, 15px 15px, 75px 75px, 75px 75px;*/
    overflow: hidden;
}

.viewport-static-image img {
    cursor: url(../assets/zoomin.cur), auto;
}

.tileshop {
    float: left;
    background-color: #fff;
    cursor: url(../assets/zoomin.cur), auto;
}

.nodrag {
    cursor: default;
}

.static,
.static img {
    cursor: default;
}

.half-static,
.half-static img {
}


.tile-fill {
    background-color: #f0f;
}

.panorama {
    background-color: #d7e7fa;
    border: none;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 3px solid #F0FFFF;
}

.panorama div {
    overflow: hidden;
}

.panorama img {
    cursor: pointer;
}

.pan-switcher,
.pan-switcher-close {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    _border: none;
    cursor: pointer;
    font-size: 20px;
    color: #000;
}


.pan {
    border: 2px dotted #000;
    font-size: 1px;
    cursor: move;
    background-color: #DCE0E4;
    opacity: 0.7;
    filter: alpha(opacity=70);
}


/* ================================== */
div.panel {
    border: 1px solid gray;
    background-color: #d7e7fa;
    float: left;
    padding: 0;
    margin: 0;
}

div.panel p {
    text-align: center;
    margin: 0;
    float: left;
    background-color: #d7e7fa;
    width: 100%;
    min-height: 21px;
    padding: 0.1em 0 0.2em 0;
}


div.panel p span {
    float: left;
    width: 85%;
    margin: 0;
    padding-left: 25px;
}

div.panel p a {
    display: none;
    text-decoration: none;
    min-height: 21px;
}

div.panel p a.active {
    width: 36px;
    height: 21px;
    float: right;
    display: none;
    margin: 0 9px 0 0;
    _margin: 0 5px 0 0;
}


div.panel dl,
div.panel dd,
div.panel dt,
div.panel dt img {
    margin: 0;
    padding: 0;
}

div.panel dl {
    float: left;
    width: 100%;
}

div.panel dl dd {
    float: right;
    background-color: #d7e7fa;
}

div.panel dl dt {
    float: left;
}


/* BEGIN Scale bar PMC */
.scale-pmc {
    width: 32px;
    padding-top: 0em;
    margin: auto;
}

.scale-pmc span {
    display: block;
    text-decoration: none;
    margin: 0 0 5px 0;
    padding: 1px;
    height: 16px;
    font-size: 20px;
    color: #565758;
}

.scale-pmc span:hover {
    background-color: transparent;
    background-repeat: no-repeat;
    text-decoration: none;
}


.scale-pmc span.scale-up,
.scale-pmc span.scale-up-disabled,
.scale-pmc span.scale-down-disabled,
.scale-pmc span.scale-down {
    margin: 2px auto;
    width: 22px;
    height: 22px;

}

.scale-pmc span.scale-up {
}

.scale-pmc span.scale-up:hover {
}

.scale-pmc span.scale-up-disabled {
    color: #a8aaac;
    cursor: default;
}

.scale-pmc span.scale-down {
}

.scale-pmc span.scale-down:hover {
}

.scale-pmc span.scale-down-disabled {
    color: #a8aaac;
    cursor: default;
}

.scale-pmc span.scale-1 {
    width: 32px;
    height: 16px;
    background-image: url(../assets/zoom_level1.png);
    background-size: cover;
}

.scale-pmc span.scale-1:hover {
    background-image: url(../assets/zoom_level1_hover.png);
}

.scale-pmc span.selected-1,
.scale-pmc span.selected-1:hover {
    cursor: default;
    background-image: url(../assets/zoom_level1_disabled.png);
}

.scale-pmc span.scale-2 {
    width: 32px;
    height: 16px;
    background-image: url(../assets/zoom_level2.png);
    background-size: cover;
}

.scale-pmc span.scale-2:hover {
    background-image: url(../assets/zoom_level2_hover.png);
    background-size: cover;
}

.scale-pmc span.selected-2,
.scale-pmc span.selected-2:hover {
    cursor: default;
    background-image: url(../assets/zoom_level2_disabled.png);
    background-size: cover;
}

.scale-pmc span.scale-3 {
    width: 32px;
    height: 16px;
    background-image: url(../assets/zoom_level3.png);
    background-size: cover;
}

.scale-pmc span.scale-3:hover {
    background-image: url(../assets/zoom_level3_hover.png);
    background-size: cover;
}

.scale-pmc span.selected-3,
.scale-pmc span.selected-3:hover {
    cursor: default;
    background-image: url(../assets/zoom_level3_disabled.png);
    background-size: cover;
}

.scale-pmc span.scale-4,
.scale-pmc span.scale-5,
.scale-pmc span.scale-6,
.scale-pmc span.scale-7,
.scale-pmc span.scale-8 {
    width: 32px;
    height: 16px;
    background-image: url(../assets/zoom_level4.png);
    background-size: cover;
}

.scale-pmc span.scale-4:hover,
.scale-pmc span.scale-5:hover,
.scale-pmc span.scale-6:hover,
.scale-pmc span.scale-7:hover,
.scale-pmc span.scale-8:hover {
    background-image: url(../assets/zoom_level4_hover.png);
    background-size: cover;
}

.scale-pmc span.selected-4,
.scale-pmc span.selected-4:hover,
.scale-pmc span.selected-5,
.scale-pmc span.selected-5:hover,
.scale-pmc span.selected-6,
.scale-pmc span.selected-6:hover,
.scale-pmc span.selected-7,
.scale-pmc span.selected-7:hover,
.scale-pmc span.selected-8,
.scale-pmc span.selected-8:hover {
    cursor: default;
    background-image: url(../assets/zoom_level4_disabled.png);
    background-size: cover;
}

/* END Scale bar PMC */


/*# sourceMappingURL=imgRender-min.css.map*/