/* Copyright (c) Tech Soft 3D, Inc.

 The information contained herein is confidential and proprietary to Tech Soft 3D, Inc.,
 and considered a trade secret as defined under civil and criminal statutes.
 Tech Soft 3D, Inc. shall pursue its civil and criminal remedies in the event of
 unauthorized use or misappropriation of its trade secrets.  Use of this information
 by anyone other than authorized employees of Tech Soft 3D, Inc. is granted only under
 a written non-disclosure agreement, expressly prescribing the scope and manner of such use.
*/

body{    
    background-color: darkgrey;
    /*unactivate select highlight*/
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.pdfcontainer {
    position:relative;
    display:inline-block;
    vertical-align: top; /* to avoid bad margin at bottom */
}

.pdfcontainer.hidden{    
    /*display:none;    */
    height:1000px;
    overflow:hidden;
    visibility:hidden;
    
}

.loader{
    background-color: #b9b9b9;
    height:100%;
    width: 100%;
    z-index: 100;
    font-family: sans-serif;
    line-height:50px;
    font-size: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #f3f3f3;
    text-shadow: 3px 2px 7px rgba(0, 0, 0, 0.9);
    visibility: visible;
}

/* avoid vertical scroll bar when doc have only one page */
.page:first-child {
    margin-bottom: 0;
    margin-top: 0;
}

.page{
    box-shadow: 6px 5px 4px 0px rgba(60, 60, 60, 0.47), 1px 1px 7px 1px rgba(60, 60, 60, 0.47);
    margin-top: 15px;
    margin-bottom: 15px;    
    display: block;
    margin-right:auto;
    margin-left:auto;
	z-index: 1;
}

.annot3d.loading::before{
    content: "";
    border: 6px solid rgb(171, 171, 171);
    border-top: 6px solid rgb(52, 152, 219);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    margin: auto;
    position: absolute;
    display: block;
    left: 5px;
    top: 5px;
}

.annot3d.loading::after {
    content: "Loading...";
    position: absolute;
    display: block;
    top: 12px;
    font-family: sans-serif;
    left: 44px;
    font-size: 14px;
}

.loader span::before{
    content:"Loading. Please wait...";
}

.loader.fail span::before{
    content:"Sorry sample not found.";
}

.loader.fail .loaderCircle{
    animation : none;    
    border-top-color: red;
}


.loaderCircle {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin:auto;

}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#downloadPdf:before{
	content:"";
	position: relative;    
    background-color: white;
    background-image: url("../rsc/icon pdf2.jpg");
    background-size: 42px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    height: 50px;    
    border-bottom: 1px solid darkgray;    	
    display: block;
}

#downloadPdf:hover:before{
	opacity: 0.2;
}

#downloadPdf:hover:after{
	content: "Save as PDF";
    display: block;
    position: absolute;
    border: 1px solid black;    
    left: 50px;
    width: 100px;
    background-color: #f1f1f1;
    font-size: 13px;
    font-family: sans-serif;
	top: 10px;
}

a{
	color:black;
}

a:visited{
	color:black;
}


#menu{
	z-index: 100;
    left: 0px;
    width: 50px;
    position: fixed;
    background-color: white;
    left: 5px;
    top: 5px;	
	border: 1px solid #b9b9b9;
    box-shadow: 1px 1px 1px #616161;
	transition: 0.5s;
}

#menu.hide{
	left:-40px;
	transition: 0.5s;
}

#menu #buttonHideShow{
	position:relative;
}

#menu #buttonHideShow:hover:before{
	opacity: 0.2;
}

#menu #buttonHideShow:hover:after{
	content: "Hide menu";
    display: block;
    position: absolute;
    border: 1px solid black;    
    left: 50px;
    width: 100px;
    background-color: #f1f1f1;
    font-size: 13px;
    font-family: sans-serif;	
	top: 5px;
	text-align: center;
}

#menu.hide #buttonHideShow:hover:after{
	content: "Display menu";
    display: block;
    position: absolute;
    border: 1px solid black;    
    left: 50px;
    width: 100px;
    background-color: #f1f1f1;
    font-size: 13px;
    font-family: sans-serif;	
	top: 5px;
	text-align: center;	
}

#menu.hide #buttonHideShow{
	text-align:right;
}

#menu #buttonHideShow:before{
	content:"<<";
}

#menu.hide #buttonHideShow:before{
	content:">>";	
	margin-right: 5px;
}

/* FULLSCREEN ---------------------- */

#main:-webkit-full-screen {
	background-color: light-grey;
	margin: 0;
}

#main:-moz-full-screen {
	background-color: light-grey;
	margin: 0;
}

#main:-ms-fullscreen {
	background-color: light-grey;
	margin: 0;
}

/* W3C proposal that will eventually come in all browsers */
#main:fullscreen { 
	background-color: light-grey;
	margin: 0;
}