/* CSS Document - Zoom popup */


.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;	
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
	padding: 15px 0px 0px 0px;	
	margin-bottom: 10px;
}



/* The actual popup */
.popup .popuptext {
    visibility: hidden;
	position: absolute;
    background-color: #fefefe;
    color: #000;
    text-align: center;
    border-radius: 6px;
	border: 1px solid #000;
    padding: 20px 20px 20px 20px;
    z-index: 1;
    left: 0%;
    margin-left: -90px; 
	box-shadow: 2px 2px 2px #454545;	
}


/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}





/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}



.dbarm {
	width: 100%;
  	height: 18px;  
  	color: #efefef;
	background: #cecece;
	border-radius: 3px;
	border: 1px solid #ababab;
}
.dbar {
  	height: 18px;  
  	color: #efefef;
	background: #1b9b1b;
	margin-left: 1px;	
	border-radius: 3px;
	border: 1px solid #1b6b1b;	
}