/* Viewer CSS*/
.divCaxViewer
{
	position: absolute;	
	border: 2px solid red;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;   
    top : 0px;
    left :0px;
    height: 100%;
	width: 100%;    
    //resize :both;   
    overflow:hidden;
    z-index: 0;
    min-height:180px;
    min-width:320px;
    font-family: "Open Sans";
    font-size:small;
    /*background-color:rgba(0,0,0,1);*/

     background: linear-gradient(to bottom, black 40px, white 40px, white 100%);

}
/*fix for chrome and ie fullscreen bug*/
.divCaxViewer_FULL
{	
    position: absolute;	
    top : 0px;
    left :0px; 
    height: 100%;
	width: 100%;
	/*background-color:rgba(0,0,0,1); */   
    background: linear-gradient(to bottom, black 40px, white 40px, white 100%);    
}
.cvs3DRenderer
{
	position: absolute;
	height: 100%;  
	width: 100%;
	z-index: 0;	
	overflow: hidden; 
    /*background-color:white;  */
    /*display:none; */
    top:40px;
}

.cvs2DRenderer
{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	overflow: hidden;  
    //display:none;
    top:40px;
}

.divLabelRenderer
{	
	//top: 0px;
	//bottom: 0px;
	//left: 0px;
	//right: 0px; 
    position:absolute;
    height: 100%;
	width: 100%;
    overflow:hidden;
    top:40px;
    z-index: 2;
}

.div2DImage{
    position:absolute;
    height: 100%;
	width: 100%;
    overflow:hidden;
    top:40px;
    z-index: 3;
    display:none;
}

.div2DImageLogo{
    position:absolute;
    background:rgba(0, 0, 0, 0.00) url("../images/svgs/2d.png");      
    height: 32px;
	width: 32px;   
    bottom: 40px;    
    left: 0px;
    z-index: 4;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}

.spanStatus
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
}

.divCaxViewer table 
{
    border-collapse: collapse;
}

.divCaxViewer table, .divCaxViewer th, .divCaxViewer td 
{
    border: 1px solid black;
}

.divLabelRenderer th, .divLabelRenderer td {
     border: 0px solid black;
     padding : 2px;
}

.divLabelRenderer div {

     padding : 2px;
}

.divCaxViewer_FULL table 
{
    border-collapse: collapse;
}
.divCaxViewer_FULL table, .divCaxViewer_FULL th, .divCaxViewer_FULL td 
{
    border: 1px solid black;
}



/* Viewer CSS*/

/*BottomCtrl Css*/

.divBottomCtrl
{

    position:absolute;
  

    bottom:5px;          
    z-index:35; 
    //height:44px;
    border-radius:4px;

    left:50%;
    margin-left:-40px;


}  
.divBottomIcon
{
    float:left;             
    width:40px;
    height:36px;
    border-radius:4px;    
}  
.divBottomIcon:hover
{
    background-color:rgba(255, 255, 255, 0.15);    
}
.divReset
{
    background:rgba(0, 0, 0, 0.50) url("svgs/Reset24.svg");             
    background-repeat:no-repeat;
    background-size:20px 20px;
    background-position:center;
}
.divFullScreen
{
    background:rgba(0, 0, 0, 0.50) url("svgs/Fullscreen24.svg"); 
     background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:center;
}
.divFullScreenMinimize
{
    background:rgba(0, 0, 0, 0.50) url("svgs/FullscreenExit24.svg"); 
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:center;
}
.divMiddle
{
    margin-left:1px;
    margin-right:1px;
    float:left;
    border-radius:4px;
    background-color:rgba(0, 0, 0, 0.50);
}
.divLeft
{

    background:rgba(0, 0, 0, 0) url("../images/svgs/PrevIcon24px.svg"); 
    background-repeat:no-repeat;
    background-position:center;
    border-radius:4px 0px 0px 4px;
}
.divLeftDisabled
{

    background:rgba(0, 0, 0, 0) url("../images/svgs/PrevIconDisabled24px.svg"); 
    background-repeat:no-repeat;
    background-position:center;
    border-radius:4px 0px 0px 4px;
    cursor:not-allowed;
   // background-color:rgba(255, 255, 255, 0.15);    
}
.divLeftDisabled:hover
{
    background-color:rgba(0, 0, 0, 0.00);    
}
.divVPPlay
{
    background:rgba(0, 0, 0, 0.00) url("svgs/playNew24.svg"); 
    background-repeat:no-repeat;
    background-position:center;  
    border-radius:  0px 0px 0px 0px;        
}
.divRight
{
    background:rgba(0, 0, 0, 0) url("../images/svgs/NextIcon24px.svg"); 
    background-repeat:no-repeat;
    background-position:center;            
    border-radius:0px 4px 4px 0px;
    
}
.divRightDisabled
{
    background:rgba(0, 0, 0, 0) url("../images/svgs/NextIconDisabled24px.svg"); 
    background-repeat:no-repeat;
    background-position:center;            
    border-radius:0px 4px 4px 0px;
    cursor:not-allowed;
   // background-color:rgba(255, 255, 255, 0.15);    
}
.divRightDisabled:hover
{
    background-color:rgba(0, 0, 0, 0.00);    
}

/*BottomCtrl Css*/

pre
{
    font-family: inherit;
    white-space:pre-line;
}