/* CSS Document */
@-ms-viewport {
	width: device-width;
}

@media only screen and (min-device-width: 800px) {
	html {
		overflow: hidden;
	}
}

html {
	height: 100%;
}

body {
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #000000;
}

#my_camera {
    width:210px;
    height:133px;
    margin-left:8px;
    margin-top:15px;
    opacity: 1;
}

#pano, #pano table {
	width:100%;
	height:100%;
}
#pano tr {
	vertical-align:central;
}


/*Tooltip plugin*/
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}
.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}
.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}
.tooltip {
    top:0px;
    left: 400px;
    position: absolute;
    z-index: 99;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=1);
    opacity: 1;
    line-break: auto;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

#target {
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    z-index: 9999;
    width: 11px;
    height: 11px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkxQTczMDFFMTY5NDExRTZCMzhBQjY0MEU4OEVFQTlFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkxQTczMDFGMTY5NDExRTZCMzhBQjY0MEU4OEVFQTlFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTFBNzMwMUMxNjk0MTFFNkIzOEFCNjQwRTg4RUVBOUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTFBNzMwMUQxNjk0MTFFNkIzOEFCNjQwRTg4RUVBOUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4k61VmAAABAUlEQVR42mL4z8DAgIRtgHg5ED8B4p9QejlUHK4OxmAB4qlA/B8PBsmzImuaDZZYv+7///ra//8vXfz/nxFJw4cPMPZsmCZruCQrEF+/9v9/awvEAExNIGwN0rQMxRnGOv//37r1//+6tf//l5di07QcpOkFhvvzc///37P7//8b1///d7BG1/SUAafHr139/7+tFUKjavrJBPTWSwZ0EBHKwPD5MwODuzsDQ2U5uuwbBmg8IExSEPn//+HD//8XzP//v78Pp59sUDSdPwcJvZMncIWeDSyepoAFJk38/3/mjP//7937/1+aB5umKciRy0pOikBPe0+hae8ptrQHEGAA+M5JKhGcgiwAAAAASUVORK5CYII=');
    background-size: contain;
}


.info {
    position: fixed;
    top: 15%;
    left: 15%;
    width: 70% !important;
    height: 70% !important;
}


.vinfoimg {
    width: 30%;
    height: 30%;
}


.calib-dialog {
    position: absolute;
    top: 30%;
    left: 15%;
    width: 70%;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    padding: 1%;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    font-size: 1.5em;
}