.psextreg-tooltip {
	position: relative;
	display: inline-block;
}

.psextreg-tooltip .psextreg-tooltip-text {
	visibility: hidden;
	width: 200px;
	background-color: #fff;
	font-size: 12px;
	color: black;
	text-align: left;
	border: #7E3A99 2px solid;
	border-radius: 6px;
	padding: 5px 0;
	padding-left: 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -102px;
	opacity: 0;
	transition: opacity 0.3s;
	white-space: wrap;
}

.psextreg-tooltip .psextreg-tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #7E3A99 transparent transparent transparent;
}

.psextreg-tooltip:hover .psextreg-tooltip-text {
	visibility: visible;
	opacity: 1;
}

.psextreg-tooltip-button-info {
	font-family: serif !important;
	font-size: 14px !important;
	font-weight: bold;
	background: #ffffff;
	color: #7E3A99;
	border: solid 2px #7E3A99;
	border-radius: 10px;
	height: 20px;
	width: 20px;
}

.psextreg-tooltip-button-info:hover {
	background-color: #f1e5f5;
	transition: 0.3s;
	cursor: pointer;
}

.psextreg-tooltip-button-info:active {
	background-color: #7E3A99;
	color: ffffff;
	transition: 0.3s;
}