
.ui-canvases-canvas
{
	
	width:100%;
	text-align:center;
	
	margin: 0;
	position: absolute;
	top:0;
	bottom:0;
	
	
	/*display:flex;*/
	

    overflow: hidden;

}
.ui-canvases-canvas .backdrop
{
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
  
}

.ui-canvases-canvas .backdrop .floater
{
	position: absolute;
	left:50;
	top:50;
	
}

.ui-canvases-canvas .backdrop .floater img
{
	min-width: 32vw;
	/*max-width: 32vw;*/
    height: 32vw;
	border: solid 10px black;
	border-radius: 50px; 

}




.ui-canvases-bop .lenses
{

	
	position: fixed;
	top: 50%;
	left:calc(100% / 66 * -1);
	right:calc(100% / 66 * -1);
	-webkit-transform: translate(0, -50%);
	 transform: translate(0, -50%);	
	display: flex;
	justify-content: space-evenly;
}

.ui-canvases-canvas .records
{
	text-align:left;
	font-size: 11pt;
	width: 300px;
    height: 50px;
    border: solid 3px black;
    z-index: 100;
    background: white;
    position: absolute;
    top: 50px;
    left: 50px;
	overflow:hidden;
	white-space:nowrap;
	
}


.ui-canvases-canvas .records .list
{
	overflow:scroll;
	height: 100%;
}

.ui-canvases-canvas .records .win-size-grip {
   position: absolute;
   width: 16px;
   height: 16px;
   padding: 4px;
   bottom: 0;
   right: 0;
   cursor: nwse-resize;
   background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/wingrip.png) no-repeat;
 }
 
 
 .ui-scripts-script
 {
     display:none;
 }