/**
 * kpay widget
 */
 
/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans&display=swap');

.widget.panel-kpay {
	
	box-sizing: border-box;
	
	position: fixed;
	
	top:   20px;
	right: 20px;
	
	width: 12em;
	
	padding: 1px;
	margin:  0;
	text-align: center;
	/* font-family: 'Roboto Mono', monospace; */
	font-family: 'Work Sans', sans-serif;
	
	z-index: 1000;
	
	user-select: none; /* block text selection */
}

.smallfont {
		font-size: 75%;
		display:inline;
}

.widget.panel-kpay > .container {
	
	color: #000;
	
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
	
	border-radius: 4px;
	
	padding: 1px 1px 1px 5px;

}

.widget.panel-kpay > .container.warn {
	background-color: #fed8b1;
	border: 1px solid #fed8b1;
}

.widget.panel-kpay > .container.stop {
	background-color: #ff8080;
	border: 1px solid #ff8080;
}


/** tooltip **/
.widget.panel-kpay > .tooltip {
	display: none;
	
	position: absolute;
	
	top:  23px;
	left: -5px;
	
	width: 12em;
	
	background-color: #ffffb3;
	border: 1px solid #ffffcc;
	
	border-radius: 4px;
	
	padding: 1px 1px 1px 5px;
	

}

.widget.panel-kpay:hover > .tooltip {
	display: block;
}

/**
 * AD overlay
 */
.widget.panel-kpay-ad-overlay {
	
	box-sizing: border-box;
	
	position: fixed;
	
	bottom: 0px;
	left:   0px;
	
	width: 100vw;
	
	padding: 0;
	margin:  0;
	
	z-index: 1000;
}
.widget.panel-kpay-ad-overlay.hide {
	display: none;
	visibility: hidden;
}
.widget.panel-kpay-ad-overlay > img {
	display: block;
	
	width: 100%;
	
	padding: 0;
	margin: 0;
}



.tooltip-menu{
    display:block;
    text-align:left;
    padding-left:20px
}
.tooltip-menu img{
    vertical-align: middle;

}