/* __V3D_TEMPLATE__ - template-based file; delete this line to prevent this file from being updated */

body 
{
    margin: 0px;
    overflow: hidden;
}

#v3d-container 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/* removes tap blinking on ios devices */
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }

.v3d-simple-preloader-container 
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -128px;
    margin-left: -128px;
    width: 256px;
    height: 256px;
}

.v3d-simple-preloader-background 
{
    background-color: #8fb91c;
}
.v3d-simple-preloader-logo
{
	background-image:url('media/preloader-logo.png');
	width:256px;
	height:256px;
	margin: 0px 0px 0px 0px;
}
.v3d-simple-preloader-bar 
{
    background:white;
	color:white;
	margin: 0px 0px 0px 0px;
	border-color:#8fb91c;
	height:5px;
	margin-top:-65px;
}
.v3d-annotation
{
	width:30px;
	height:30px;
	min-width:0px;
	padding:0px;
	font-size:0px;
	border:none;
	background-image:url('rss/info.png');
	background-color:#8fb91c;
}
.v3d-annotation-transparent
{
	opacity:0;
}
.v3d-annotation-dialog
{
	background-color:#000000BB;
	color:white;	
	padding:12px 12px 12px 12px;
	min-width:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;	
	font-size:15px;
	pointer-events: none;
}
.custom-annotation-title
{
	color:#8fb91c;
	font-size:18px;
	width:100%;
	min-width:100px;
	font-family: sans-serif;
	line-height: 1.2;
    transition: opacity .5s;
	background-color: transparent;
}
.custom-annotation-content
{
	color:white;
	font-size:15px;
	width:100%;
	min-width:100px;
	font-family: sans-serif;
	line-height: 1.2;
    transition: opacity .5s;
	background-color: transparent;
	font-style:italic;
}
.custom-annotation-line
{
	height:3px;
	color:transparent;
	background-color:#8fb91c;
	width:100%;
	border:none;
}

/*------------------------------------- CUSTOM ANNOTATIONS DEFINITIONS -------------------------------------*/
#poi_1_dialog /*Neck diameter*/ /*LEFT*/
{
	top:-58px;
	width:300px;
}
#poi_2_dialog /*Roxolid*/ /*RIGHT*/
{
	top:-58px;
	width:300px;
}
#poi_3_dialog /*Cut collect condense*/ /*LEFT*/
{
	top:-58px;
	width:300px;
}
#poi_4_dialog /*thread design bi directional*/ /*LEFT*/
{
	top:-58px;
	width:300px;
}
#poi_5_dialog /*tapered implant core*/ /*RIGHT*/
{
	top:-78px;
	width:300px;
}
#poi_6_dialog /*thread design variable*/ /*LEFT*/
{
	top:-58px;
	width:300px;
}
#poi_7_dialog /*deep apical threads*/ /*RIGHT*/
{
	top:-58px;
	width:300px;
}

@media(max-width:700px)
{
	#poi_1_dialog /*Neck diameter*/ /*LEFT*/
	{
		top:-76px;
		width:125px;
	}
	#poi_2_dialog /*Roxolid*/ /*RIGHT*/
	{
		top:-58px;
		width:125px;
	}
	#poi_3_dialog /*Cut collect condense*/ /*LEFT*/
	{
		top:-76px;
		width:125px;
	}
	#poi_4_dialog /*thread design bi directional*/ /*LEFT*/
	{
		top:-96px;
		width:125px;
	}
	#poi_5_dialog /*tapered implant core*/ /*RIGHT*/
	{
		top:-96px;
		width:125px;
	}
	#poi_6_dialog /*thread design variable*/ /*LEFT*/
	{
		top:-76px;
		width:125px;
	}
	#poi_7_dialog /*deep apical threads*/ /*RIGHT*/
	{
		top:-76px;
		width:125px;
	}	
}