.pnlm-fullscreen-toggle-button{
    display: none !important;
}

.pnlm-zoom-controls{
    width: calc(100vw * (40/960)) !important;
    height: calc(100vw * (80/960))  !important;
    
}
.pnlm-title-box{
    color:white;
    font-size: calc(100vw * (20/960)) !important;
}
.pnlm-zoom-in,
.pnlm-zoom-out{
    background-size: cover;
}

.pnlm-zoom-out{
    background-position: 0 calc(100vw * (-40/960));
}
#panoramaLoadingDivId{
    background-repeat: none;
    background-size: cover;
}
#panoramaLoadingDivId,
#panoramaDivId{
    width: calc(100vw * (890/960)) !important;
    height: calc(100vw * (495/960))  !important;

   
    left: calc(100vw * (10/960));
    top: calc(100vw * (10/960));
    border: calc(100vw * (1/960)) solid black;
}

.panorama-loading-icon{
    display: block;
    position: absolute;
    width: calc(100vw * (100/960));
    height: calc(100vw * (100/960));
    background-image: url("../media/images/maps/icons/VFT_Context_Map_Pano_default.svg");
    background-repeat: no-repeat;
    background-size: cover;
    left:calc(100vw * (390/960));
    top:calc(100vw * (90/960));
    background-position: center;
}

.panorama-text-icon{
    display: block;
    position: absolute;
    width: calc(100vw * (890/960));
    height: calc(100vw * (100/960));
    text-align: center;
    left:0;
    top:calc(100vw * (200/960));
    color: white;
    font-size: calc(100vw * (20/960));
}


.custom-hotspot, .custom-hotspot-feet, .custom-hotspot-video {
    width: calc(100vw * (50/960));
    height: calc(100vw * (50/960));
    cursor:pointer;

    
}

div.custom-tooltip span {
    visibility: hidden;
    position: absolute;
    border-radius: 3px;
    background-color: #fff;
    color: #000;
    text-align: center;
    max-width: 240px;
    padding: 5px 10px;
    margin-left: -220px;
    font-size: 14px;
    cursor: default;
    

}
div.custom-tooltip:hover span{
    visibility: visible;
}
div.custom-tooltip:hover span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    bottom: -20px;
    left: -10px;
    margin: 0 50%;
}

.hotspot-jump-class{
    width:100%;
    height:100%;
    margin:auto;
    background-color: rgba(0, 0, 0, 1);
    position: absolute;
    left:0;
    top:0;
    padding: 0;
    display: none;
    z-index:9999999;

}
.hotspot-popup-class, .text-div{
    width:100%;
    height:100%;
    margin:auto;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    left:0;
    top:0;
    padding: 0;
    display: none;
    z-index:9999999;
    text-align: center;

  /*  animation-name: stretch;
    animation-duration: 1s; 
    animation-timing-function: ease-out; 
    animation-delay: 0;*/
    
}


.video-popup-class{
    margin:5% 10%;
    width: 80%; 

}

.image-popup-class{
    margin-top:1%;
    height:90%;
    
}
.text-popup-class{

    font-size: 1.5em;
    width: 80%;
    height: 80%;
    margin: 10%, auto;
    background: beige;

    background-color: rgba(255, 255, 255, 0.5);
    color: black;
    overflow:auto;
    padding: 2%;
    box-sizing: border-box;

}


.image-popup-text-label-class{
    display: block;
    position: absolute;
    left:calc(100vw * (60/960));
    top:calc(100vw * (10/960));
    color:white;
    background-color: black;
    font-size: calc(100vw * (14/960));
    line-height: calc(100vw * (16/960));
    padding:calc(100vw * (14/960));
}


.image-popup-fieldguide-class{

 /*   display: block;
    position: absolute;
    pleft: calc(100vw * (60/960));
    margin-left: 90%;
    top: calc(100vw * (40/960));
    width: calc(100vw * (50/960));
    height: calc(100vw * (40/960));
    background-image: url('../media/images/menu_icons/VFT_GlobalNav_reference.svg');
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    color: white;
    font-size: calc(100vw * (10/960));
    padding-left: calc(100vw * (42/960));
    text-align: left;*/
    display: block;
    position: absolute;
    margin-left: 88%;
    top: calc(100vw * (40/960));
    width: calc(100vw * (50/960));
    height: calc(100vw * (40/960));
    background-image: url('../media/images/menu_icons/VFT_GlobalNav_reference.svg');
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    color: white;
    font-size: calc(100vw * (10/960));
    padding-left: calc(100vw * (42/960));
    text-align: left;
    background-color: #0006;
    background-size: 100% 70%;
    background-position-x: calc(100vw * (-26/960));
    border-radius: 10px;
    background-position-y: calc(100vw * (3/960));
}
.image-popup-fieldguide-class:hover{
    cursor: pointer;
}

.pano-popup-close{
    margin-left: calc(100vw *(845/960));
    margin-top: calc(100vw *(4/960));
}


@keyframes stretch {
    0% {
        transform: scale(0);

    }

    100% {
        transform: scale(1);
        }
}


@media all and (display-mode: fullscreen) {
    .text-popup-class{

    font-size: 1.5em;
    }
}



.custom-hotspot {
    background: url(../media/images/panorama/icons/VFT_stage_icon_photo_default.svg) no-repeat;
    background-size: contain;
}
.custom-hotspot-hover, 
.custom-hotspot:hover {
    background: url(../media/images/panorama/icons/VFT_stage_icon_photo_hover.svg) no-repeat;
    background-size: contain;
}

.custom-hotspot-video {
    background: url(../media/images/panorama/icons/VFT_stage_icon_video_default.svg) no-repeat;
    background-size: contain;
}

.custom-hotspot-video-hover,
.custom-hotspot-video:hover {
    background: url(../media/images/panorama/icons/VFT_stage_icon_video_hover.svg) no-repeat;
    background-size: contain;
}

.custom-hotspot-feet {
    background: url(../media/images/panorama/icons/VFT_stage_icon_feet_default.svg) no-repeat;
    background-size: contain;
}
.custom-hotspot-feet-hover,
.custom-hotspot-feet:hover {
    background: url(../media/images/panorama/icons/VFT_stage_icon_feet_hover.svg) no-repeat;
    background-size: contain;
}

@media (-ms-high-contrast: active), (forced-colors: active) {
   
    .pnlm-control{
        -ms-high-contrast-adjust: none;
	    forced-color-adjust: none;
        background-color: white;
    }
    .pnlm-sprite{
        -ms-high-contrast-adjust: none;
	    forced-color-adjust: none;
    }
}