.fsi-skin-floating  {
	font-family:sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor:default;
	line-height:normal;
	letter-spacing:normal;


}

.fsi-skin-floating *{
	box-sizing:content-box!important;
	margin:0px;
}

.fsi-skin-floating .fsi-ui-info {
	content:'{"floatingMenuBar":true, "floatingNavWindow":true}';
}

.fsi-skin-floating .fsi-ui-cursor-wait {
	content:"progress";
}

.fsi-skin-floating .fsi-ui-cursor-zoom {
	content:"../_cursors/zoom.cur";
}

.fsi-skin-floating .fsi-ui-cursor-pan {
	content:"../_cursors/pan.cur";
}

.fsi-skin-floating .fsi-ui-cursor-rotate {
	content:"../_cursors/rotate.cur";
}

.fsi-skin-floating :focus {
	outline: none;
}

.fsi-skin-floating .fsi-ui-menu-bar {
	white-space:nowrap;
	overflow:hidden;

	background: rgba(128,128,128,0.5);

	height: 1.25em;
	text-align: center;
}


.fsi-skin-floating .fsi-ui-menu-bar .fsi-ui-viewer-logo {
	/* the dimension and styles of the logo container */
	left:0.15em;
	line-height:1.1em;
	display:inline-block;
	width:auto;
	height:100%;
	cursor: pointer;
}

.fsi-skin-floating .fsi-ui-logo-url {
	/* - remove this class to remove the logo in the menu bar */
	/* - you can specify an URL to any other logo here */
	background-image:url( "resources/logo_fsi_viewer.svg");
}

.fsi-skin-floating .fsi-ui-menu-bar .fsi-ui-viewer-logo img {
	/* the dimension and styles of the logo image */
	width:2.7em;
	vertical-align:middle;
}

.fsi-skin-floating .fsi-ui-menu-bar-disabled {
}


.fsi-skin-floating .fsi-ui-button-container{
	white-space:nowrap;
	overflow:hidden;
	display: inline-block;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	line-height:1.1em;
}


.fsi-skin-floating .fsi-ui-button  {
	display: inline-block;
	vertical-align:middle;
	background: rgba(0,255,0,0);
	

	margin-left: 0.1em;
	margin-right: 0.1em;
	
	width:1em;
	height:1em;
	line-height:0.85em;
	
	border-radius: 2px;

	cursor: pointer;
	overflow:hidden;
}


.fsi-skin-floating .fsi-ui-button-hover  {
	background-color:rgba(255,255,255,0.85);
}

.fsi-skin-floating .fsi-ui-button-active  {
	background-color:#CCCCCC;
	background: #CCC;
	
}

.fsi-skin-floating .fsi-ui-button-disabled{
	background-color:transparent!important;
}


@font-face {
	/* IMPORTANT: you need to change "font-family" when using a custom font */
	font-family: 'FSI Viewer Icons';
	src: 
	url('resources/_fonts/FSI Viewer Glyph.woff2') format('woff2'), 
	url('resources/_fonts/FSI Viewer Glyph.woff') format('woff');

	font-weight: normal; 
	font-style: normal;
}

.fsi-skin-floating .fsi-ui-button-icon {
	font-family: "FSI Viewer Icons" !important;
	color: #000;
	font-size: 1em;
	line-height: 1em;


	display: inline-block;
	overflow:hidden;
	vertical-align:middle;
	
	width:100%;
	height:100%;
	
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fsi-skin-floating .fsi-ui-button-disabled .fsi-ui-button-icon {
	opacity:0.35;
}

.fsi-skin-floating .fsi-ui-button-hover .fsi-ui-button-icon {
}

.fsi-skin-floating .fsi-ui-button-active .fsi-ui-button-icon {
}

.fsi-skin-floating .fsi-ui-menu-bar-disabled .fsi-ui-button-icon{
	
}

/* select frame */
.fsi-skin-floating .fsi-ui-select-frame{
	border-color:red;
	background-color: rgba(255, 255, 255, 0.25);
}

/* progress bar */
.fsi-skin-floating .fsi-ui-progressbar{
	color:#EEE;
	background-color:rgba(255,255,255,0.5);
	border-color:#999;
}

.fsi-skin-floating .fsi-ui-progressbar-text{
	color:#555;
}


/* tool tips */
.fsi-skin-floating .fsi-ui-tool-tip {
	color:#000;
	font-size:.5em;
	margin:0px!important;
	padding:0.3em;
	background-color:#eeeeee;
	background: linear-gradient(to top, #A4A4A4 0%,#FFFFFF 50%,#EEEEEE 100%); 
	border-radius:3px;
	border:1px solid #000;
	box-shadow: 4px 4px 2px rgba(0,0,0,0.5);
}

.fsi-skin-floating .fsi-ui-tool-tip-arrow {
	width:1px;
	left:12px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}

.fsi-skin-floating .fsi-ui-tool-tip b{
	display:inline-block;
	font-size:1.15em;
	margin-bottom: 0.1em;
}


/* navigation window */
.fsi-skin-floating .fsi-ui-nav-window {
	
	background: rgba(128,128,128,0.5);
	margin-bottom:30px;
	
	margin-bottom:0em;
	line-height:0.9em;

}

.fsi-skin-floating .fsi-ui-nav-window-image {
	background-color: white;
	margin:0.1em 0.1em 0px 0.1em;
	cursor: move;
}

.fsi-skin-floating .fsi-ui-nav-frame {
	border-color: red;
	background-color: rgba(255,255,255,0.35);
}

.fsi-skin-floating .fsi-ui-nav-window-zoom-text{
	white-space:nowrap;
	overflow:hidden;
	letter-spacing: normal;
	text-align: center;
	
	width:100%;
	height:1.5em;
	color:#000;
	font-size:0.5em;
	line-height:1.5em;
	cursor:default;
}

/* HotSpots */
.fsi-skin-floating .fsi-ui-hotspot {
	position:absolute;
	white-space:nowrap;
	color:#000;
	font-size:0.6em;
	padding:0.3em;
	border:1px solid #999;
	border-radius: 2px;
	background-color: rgba(222, 222, 222, 0.85);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	cursor:pointer;
	text-align:center;
}

.fsi-skin-floating .fsi-ui-hotspot-hover {
	background-color: rgba(240, 240, 240, 1.0);
}

.fsi-skin-floating .fsi-ui-hotspot-active {
	background-color: rgba(240, 240, 240, 1.0);
}

.fsi-skin-floating .fsi-ui-hotspot-mobile {
}

.fsi-skin-floating .fsi-ui-hotspot-mobile-small {
}


/* individual button */
.fsi-skin-floating .fsi-ui-button.zoomin {
	margin-right: 0.8em;
}




/* individual button icons */
.fsi-skin-floating .fsi-ui-button.reset .fsi-ui-button-icon:before{
	content: "\0061";
}
.fsi-skin-floating .fsi-ui-button.zoomout .fsi-ui-button-icon:before {
	content: "\0062";
}
.fsi-skin-floating .fsi-ui-button.zoomin .fsi-ui-button-icon:before {
	content: "\0063";
}
.fsi-skin-floating .fsi-ui-button.mousemode_0 .fsi-ui-button-icon:before {
	content: "\0064";
}
.fsi-skin-floating .fsi-ui-button.mousemode_1 .fsi-ui-button-icon:before {
	content: "\0065";
}
.fsi-skin-floating .fsi-ui-button.mousemode_2 .fsi-ui-button-icon:before {
	content: "\0066";
}
.fsi-skin-floating .fsi-ui-button.mousemode_3 .fsi-ui-button-icon:before {
	content: "\0067";
}
.fsi-skin-floating .fsi-ui-button.maxzoom .fsi-ui-button-icon:before {
	content: "\0071";
}
.fsi-skin-floating .fsi-ui-button.hotspots .fsi-ui-button-icon:before {
	content: "\0068";
}
.fsi-skin-floating .fsi-ui-button.fullscreen .fsi-ui-button-icon:before {
	content: "\0072";
}
.fsi-skin-floating .fsi-ui-button.fullscreen .fsi-ui-button-icon-active:before {
	content: "\0073";
}

/* info window */

.fsi-skin-floating .fsi-ui-info-window {
	color:#333;
	border:0.2em solid #58a8ff;
	border-radius:0.3em;
	background-color:#FFF;
	box-shadow: 0.0em 0.5em 0.25em rgba(0,0,0,0.25);
}

.fsi-skin-floating .fsi-ui-info-window h3{
	font-weight:normal;
	font-size:1.1em;
	margin:0px;
}

.fsi-skin-floating .fsi-ui-info-window .small{
	font-size:0.8em;
}

.fsi-skin-floating .fsi-ui-info-window .fsi-ui-content {
	display:inline-block;

	padding:1em;
	font-size:0.6em;
	overflow:auto;
}

.fsi-skin-floating .fsi-ui-info-window .fsi-ui-title {
	font-size:0.65em;
	padding: 0.3em 0.5em 0.4em 0.8em;
	color:white;
	background-color:#58a8ff;
	overflow:hidden;
}


.fsi-viewer:fullscreen{
	 position:absolute!important;
	 left:0px!important;
	 top:0px!important;
	 width: 100%!important;
	 height: 100%!important;  
}