/* 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{
    text-align: center;
    margin: 0px ;
    padding: 0px ;
    /* background-color: darkgrey; hide background image on mobile */
}

canvas {
    display:block;   
    margin: 0px ;
    padding: 0px ;

}

iframe {
   display:none;
/*   pointer-events: none; StephC be carrefull keep itfor mobile viewer */   
   margin: 0px ;
   padding: 0px ;
   cursor:pointer;
   overflow: hidden; <!-- hide scrollbar if needed -->
   outline:none; <!-- DONT draw a line outside the border -->
   z-index : 2;
   position: absolute;
   border: none;
   background-color: Transparent;
   display: inline-block;
}

.OCGlayer{
    width:100%;
    height:100%;
    position: absolute;
    display:none;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    position: absolute;
}

img {
    vertical-align: middle;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.buttonText {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0px ;
    padding: 0px ;
    border: none;
    overflow: hidden;
    outline:none;
}

.annot input {
    height: 100%;
    width: 100%;
    margin: 0px ;
    padding: 0px ;
    border: none;
    overflow: hidden;
    outline:none;
    display:table;
}

.subImg{
    height:100%;
    width:100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.buttonIconDiv {
	margin: 0px ;
    padding: 0px ;
    pointer-events: none;
	box-sizing: border-box;
}

.subImg, p {
    margin: 0px ;
    padding: 0px ;
    pointer-events: none;
 }
 
 .annotButton{
     z-index: 100;
}
 
 .annotButton.overlay{
    position:absolute;
    top:0;
    z-index:0;
 }

.annotButton.overlay .buttonText{
    position: relative;
	z-index: 101;
}

.annotButton.overlay .buttonIconDiv{
    width: 100%;
    height: 100%;
    top: 0;    
    position: absolute;
}

.iconTextV .buttonIconDiv{
    display: table-row;    
}

.iconTextV .buttonText{
    display: table-cell;    
    height:1px;
    padding-bottom: 2px;
    padding-top: 2px;
}

 .buttonText {
      margin: 0px ;
      padding: 0px ;
      pointer-events: none;
  }

.textOnly .buttonText, .overlay .buttonText {
    display:inline-block;
    vertical-align:middle;
}

/* casse le carousel du sample 103
.textOnly img{
    display:none;
}*/

.textIconV .buttonText {
    position: absolute;
    top:0;
    left:0;
}

.iconTextH .buttonText {
    position: absolute;
	top: 50%;
	left: 0px;
	width:auto;
	height:auto;
}

.textIconH .buttonText {
    position: absolute;
    top: 50%;
	left: 0px;
	width:auto;
	height:auto;
}

.iconTextH .buttonIconDiv{
    position: absolute;
    top: 50%;    
}

.annot,.annot3d, .annotButton, .linkButton {
    margin: 0px ;
    padding: 0px ;
    background-repeat:no-repeat;
    cursor:pointer;
    overflow: hidden; <!-- hide scrollbar if needed -->
    outline:none; <!-- DONT draw a line outside the border -->
    z-index = 10;
    position: absolute;
    border: none;
    background-color: Transparent;
    display: inline-block;
    box-sizing: border-box;
}

.annotButton.iconTextV{
    display:table;    
    box-sizing: border-box;
}

.annotButton.iconTextH{
    vertical-align:middle;
}

.annotListBox{
    overflow-y: auto;
}

/*.annot:hover,*/.annot3d:hover, .annotInput:hover {  /* remove .annot:hover for table not completly filled */
    background-color: rgba(241, 244, 255, 0.7);
}

.annotInput:focus {
    background-color: rgba(241, 244, 255, 0.7);
}

.annotInput:active {
    background-color: rgba(241, 244, 255, 0.7);
}

.annotInput:target {
    background-color: rgba(241, 244, 255, 0.7);
}

.annotInput {
    
}

.pressToActivate {
position: absolute;
font-size: 10pt;
top: 3px;
left: 3px;
color: black;
background-color:#FFFF99;
text-align: left;
border:1px;
border-style: solid;
border-color:black;
padding:2px;
box-Shadow: 2px 2px 5px black;
}

/* ----------------------------- */

.bomContainer {
    overflow: auto;
    position: absolute;
    padding: 0px;
    margin: 0px;
    #overflow-x: hidden;
    #overflow-y: hidden;
}

.bomTable {
    width: 100%;
    height: 100%;
    table-layout: fixed;
    padding: 0px;
    margin: 0px;
    border: none;
    border-collapse:collapse;
}

.bomTable td, .bomTable th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px;
    margin: 0px;

    border:none;
    outline:none;
}

/* CAROUSEL ---------------------- */

.carouselContainer
{
	overflow: auto;
    position: absolute;
    padding: 0px;
    margin: 0px;

    display: flex;
    flex-direction: row;
    overflow-y: hidden;
    overflow-x: hidden;
    text-align: center;
}

.carouselShiftButtonsDiv {
	padding: 0px;
    margin: 0px;
    /*flex: 0 0 25px;*/
    vertical-align: middle;
}

.carouselShiftButtonsDiv img {
	padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

.carouselViewsDiv {
    height: 100%;
	flex: 1;
	padding: 0px;
    margin: 0px;
}

.carouselTable img {
	object-fit: contain;
	text-align:center;
    display: inline-block;
    margin:auto;
}

.carouselTable {
    width: 100%;
    height: 100%;
    table-layout: fixed;
    padding: 0px;
    margin: 0px;
    border: none;
    border-collapse:collapse;
}

.carouselTable td, .carouselTable th, .carouselTable div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px;
    margin: 0px;

    border:none;
    outline:none;
}

.clearDiv {
    clear: both;
    display: inline-block;
}

.textAnnot {
    text-align: left;
}

.pdfcontainer {    
}