body 
{
   margin: 0;
   width: 100%;
   height: 100%;	   
   font-family: Arial, Helvetica, sans-serif;
}
.banner
{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 50px;
   line-height: 50px;
   border: 0px;
   padding: 0px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 28px;
   font-weight: bold;   
   color:#000;  
   background-color: #f0f0f0;
}
.bannerchild
{
   display: table-cell;
   position: relative;
   user-select:none;
}
.bannerchildright
{
   position: absolute;
   user-select:none;
   left: calc(100% - 450px);
   top: 0px;
   right: 100%;
   height: 50px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;   
   color:#00be50;  
   background-color: #e0e0e0;
   white-space: nowrap;

}
.bannerchildright a:link
{
   font-weight: bold;
	color: #000;
	text-decoration:none;
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
}
.bannerchildright a:hover
{
   font-weight: bold;
	color: #00be50;
	text-decoration:none;
}
.bannerchildright a:zvisited
{
   font-weight: bold;
	color: #000;
	text-decoration:none;
}
.rx-tab-content 
{
   color: #000;
   background-color: #fff;
   border: 0px;
   outline: none;
   width: 100%;
   height: calc(100% - 90px);
   margin: 0;
   user-select:none;
   overflow-y:scroll;
}
#tabarea 
{
   position: absolute;
   left: 0px;
   top: 50px;
   width: 300px;
   height: 100%;
   border: 0px;
   padding: 0px 0px;
}
#toolarea
{
   position: absolute;
   top: 52px;
   left: 300px;
   border: 0px;
   color: #000; 
   margin: auto;
   vertical-align: middle;
   z-index: 9;
   user-select:none;
}
.toolimage
{
   border: 1px solid #000;
   border-radius: 0px;
   padding: 2px;
   background-color: #fff;
   cursor: pointer;
   user-select:none;
}
.toolimage_active
{
   border: 1px solid #fff;
   border-radius: 0px;
   padding: 2px;
   background-color: #000;
   cursor: pointer;
   user-select:none;
}
.fileimage 
{
   border: 1px solid #000;
   border-radius: 2px;
   padding: 8px;
   background-color: #fff;
   cursor: pointer;
   user-select:none;
}
#bimquery
{
   display: none;
   position: absolute;
   z-index: 9;
   background-color: #f1f1f1;
   border: 1px solid #d3d3d3;
   text-align: left;
   top: 70px; 
   left: calc(100% - 340px);
   max-height: 500px;
   padding: 5px;
   overflow-y:scroll;
}
#bimqueryheader
{
   display: none;
   cursor: move;
   z-index: 10;
   background-color: #2196F3;
   color: #fff;
   padding: 5px;
}
#navhelper
{
   display: none;
   position: absolute;
   z-index: 9;
   background-color: #f1f1f1;
   border: 1px solid #d3d3d3;
   text-align: left;
   top: 100px; 
   left:40%;
   padding: 5px;
}
#navhelperheader 
{
   cursor: move;
   z-index: 10;
   background-color: #2196F3;
   color: #fff;
   padding: 5px;
   user-select:none;
}  
#bimsearch
{
   display: none;
   position: absolute;
   z-index: 9;
   background-color: #f1f1f1;
   border: 1px solid #d3d3d3;
   text-align: left;
   top: 100px; 
   left:300px;
   padding: 5px;
}
#bimsearchheader
{
   cursor: move;
   z-index: 10;
   background-color: #2196F3;
   color: #fff;
   padding: 5px;
}
#searchresultlist
{
   display: none;
   position: absolute;
   z-index: 3;
   background-color: #f1f1f1;
   border: 1px solid #d3d3d3;
   text-align: left;
   top: 320px; 
   left: 300px;
   max-height: 500px;
   padding: 5px;
   overflow-y:scroll;
}
#searchresultlistheader
{
   cursor: move;
   z-index: 4;
   background-color: #2196F3;
   color: #fff;
   padding: 5px;
} 
#loadprogress{
   position: absolute;
   z-index: 9;
   background-color: #f1f1f1;
   border: 1px solid #d3d3d3;
   text-align: center;
   top: 40%;
   left: 45%;
   padding: 8px 8px;
   user-select:none;
   display: none;
}
#clippertoolbarheader {
   padding: 5px;
   cursor: move;
   z-index: 4;
   background-color: #2196F3;
   color: #fff;
   text-align: left;
}    
#clippertoolbar {
   display: none;
   padding: 5px;
   position: absolute;
   z-index: 5;
   background-color: #f1f1f1;
   border: 1px solid #d3d3d3;
   text-align: center;
   top: 100px; 
   left: 300px;
   width: 200px;
   user-select:none;
}
#explodetoolbarheader {
   padding: 5px;
   cursor: move;
   z-index: 4;
   background-color: #2196F3;
   color: #fff;
   text-align: left;
 }    
 #explodetoolbar {
   display: none;
   padding: 5px;
   position: absolute;
   z-index: 5;
   background-color: #f1f1f1;
   border: 1px solid #d3d3d3;
   text-align: center;
   top: 100px; 
   left: 300px;
   width: 200px;
   user-select:none;
}
#transparencytoolbarheader {
   padding: 5px;
   cursor: move;
   z-index: 4;
   background-color: #2196F3;
   color: #fff;
   text-align: left;
}    
#transparencytoolbar{
   display: none;
   padding: 5px;
   position: absolute;
   z-index: 5;
   background-color: #f1f1f1;
   border: 1px solid #d3d3d3;
   text-align: center;
   top: 100px; 
   left: 300px;
   width: 200px;
   user-select:none;
}
.navigate
{
   display: none;
   position: absolute;
   z-index: 9;
   background-color: #f1f1f1;
   text-align: left;
   top: calc(100% - 360px);
   left: calc(100% - 400px);
   user-select:none;
}
.navigateheader 
{
   cursor: move;
   z-index: 10;
   background-color: #2196F3;
   color: #fff;
   padding: 5px;
   user-select:none;
} 
.birdseyemain 
{
   position: relative;
   width: 350px;
   height: 269px;
   border: 0px;
   padding: 0px 0px;
}
.birdseyemain canvas
{
   position: absolute;
   top: 0px;
   left: 0px;
}
#demoviewer 
{
   position: absolute;
   top: 50px;
   left: 300px;
   width: -webkit-calc(100% - 300px);
   width: calc(100% - 300px);
   height: calc(100%);
   border: 0px;
}
#rxcontainer
{
   position: relative;
   width: 100%;
   height: 100%;
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
}
a.nulb:link
{
   font-weight: bold;
	color: black;
	text-decoration:none;
   font-size: 15px;
   font-family: Arial, Helvetica, sans-serif;
}
a.nulb:hover
{
   font-weight: bold;
	color: #00be50;
	text-decoration:none;
}
a.nulb:visited
{
   font-weight: bold;
	color:black;
	text-decoration:none;
}
img
{
   vertical-align: middle;
}
/*the container must be positioned relative:*/
.autocomplete 
{
   position: relative;
   display: inline-block;
}
.autocomplete-items 
{
   position: absolute;
   border: 1px solid #d4d4d4;
   border-bottom: none;
   border-top: none;
   z-index: 99;
   /*position the autocomplete items to be the same width as the container:*/
   top: 100%;
   left: 0;
   right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
/*when hovering an item:*/
.autocomplete-items div:hover 
{
  background-color: #e9e9e9; 
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active 
{
   background-color: DodgerBlue !important; 
   color: #ffffff; 
} 
.slidecontainer 
{
   width: 100%;
}
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
.slider:hover {
  opacity: 1;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}
.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}      
input[type=checkbox] {
   margin: 4px 6px;
}