
.toolboxCtnt{
	width:60px;
	top:16px;
	left:90vw; 
	
	position:absolute;
	text-align: center;
	display:table-cell;
	justify-content: center;
	align-items: center;	
	background-color: #e0e0e0a0;
    border-radius: 10px;
    backdrop-filter: blur(5px);
	z-index: 20;	
	max-height: 80vh;
	overflow: auto;
	scrollbar-color: #c2c2c2 #e0e0e000;
  	scrollbar-width: thin;
}



	 /* width */
.toolboxCtnt::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.toolboxCtnt::-webkit-scrollbar-track {
  background: #e0e0e000;
}

/* Handle */
.toolboxCtnt::-webkit-scrollbar-thumb {
  background: #c2c2c2;
}

/* Handle on hover */
.toolboxCtnt::-webkit-scrollbar-thumb:hover {
  background: #c2c2c2;
} 



.toolboxSlideCtnt{
    display: flex;
   	cursor: pointer;    
    position: sticky;
    top: 0px;
	background: #e0e0e0;
	z-index: 2;  

}
.toolboxSlide{
    display: flex;
   	opacity: 0.5;
   	cursor: pointer;
    border-radius: 45px;
  	margin-left: 10%;
    margin-top: 10%;    
    position: sticky;
    top: 0px;

}
/*.toolboxSlide:hover {
    cursor: pointer;
}
*/


.toolboxcircle {
    border-radius: 50%;
	width:36px;
	height:36px;
	margin-bottom:0px;
 	vertical-align: middle;	
	margin-left:auto;
	margin-right:auto;
	opacity: 0.5;
	
}


.toolboxcircle:hover {
    background-color: #ffffff;
   	opacity: 1;
}

.toolboxicon {
	position : relative;
    vertical-align: middle;	
	width:50%;
	height:50%;
	margin-left:auto;
	margin-right:auto;
	opacity: 0.8;
	cursor: pointer;
	border-radius: 50%;
	top: 25%;
    display: flex;
}

.toolboxcircle:hover .toolboxicon {
	opacity: 1;
}

.toolboxicon.ui-draggable-dragging{
	width:48px;
	height:48px;
	
	
}



.toolboxcircle:hover .toolboxtext {
	opacity: 1;
	
	
}


.toolboxicon img {
    position: relative;
	
	width:75%;
	height:75%;  
	display: block;
  	margin:auto;

   	filter: brightness(50%);
    
}


.toolboxcircle:hover .toolboxicon img {
	filter: none;	
}





.tooltipBox .tooltip-inner {
	background-color: black;
	color: #fff;
	width: 120px;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	opacity:0.7;
	word-break: break-word;
	font-size: 11.5px;
  
}

.tooltipBox .arrow {
/* 	display:none;	 */
	opacity:0.7;
	
}

