body{
    
    background-color: #7e7a6f;
    background-image: url('../images/skyscraperbg.jpg');
    background-size: cover;
    background-position: center center;
    /*font-family: Helvetica, Trebuchet MS,Helvetica, sans-serif;*/
    font-family:'Slabo 27px','Open Sans';
    font-size: 12px;
    margin: 0;
    padding: 0;
    overflow: hidden;
   /* overflow-y:auto;*/
   text-rendering: geometricPrecision;
}
	

.noselect {
  -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 */
}
.bgplate{
/*position: absolute;
width:100%;
height:100%;
z-index:-1;*/

/*background: rgb(77,77,77);
background-image: url('../images/bg.jpg');*/
pointer-events:none;

width: 100%;
    height: 150%;
    position: fixed;
    z-index: -1;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 48%, rgba(0,0,0,0.65) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.65) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
    opacity: 0.45;
    overflow: hidden;
    
}
.bgplate2{
position: absolute;
width:100%;
height:100%;
z-index:-1;
background: rgb(166, 213, 255);

}
input{
font-size:12px;
padding:3px;
}
.vpfront{

}
.vptop{
margin-left:300px
}
.lilviewport{
position:absolute;
bottom:30px;
width:300px;
height:300px;

pointer-events:none;
}
.ver{
font-size:8px;
}