.prtooltip {
	display:none;
	position:absolute;
	border-radius:5px;
	padding:10px;
	font-size:12px;
	font-weight:normal;
	word-break: keep-all;
	z-index:99999;
}
.prtt_black {
	background-color:#000;
	border:1px solid #000;
	color:#ccc;
}
.prtt_blue {
	background-color:#007bff;
	border:1px solid #007bff;
	color:#fff;
}
.prtt_gray {
	background-color:#868e96;
	border:1px solid #868e96;
	color:#fff;
}
.prtt_green {
	background-color:#28a745;
	border:1px solid #28a745;
	color:#fff;
}
.prtt_red {
	background-color:#dc3545;
	border:1px solid #dc3545;
	color:#fff;
}
.prtt_orange {
	background-color:#ffc107;
	border:1px solid #ffc107;
	color:#111;
}
.prtt_sky {
	background-color:#17a2b8;
	border:1px solid #17a2b8;
	color:#fff;
}
.prtt_white {
	background-color:#f8f9fa;
	border:1px solid #f8f9fa;
	color:#111;
}
.prtt_dark {
	background-color:#343a40;
	border:1px solid #343a40;
	color:#fff;
}

.prtt_black::after {
	border-color:#000;
}
.prtt_blue::after {
	border-color:#007bff;
}
.prtt_gray::after {
	border-color:#868e96;
}
.prtt_green::after {
	border-color:#28a745;
}
.prtt_red::after {
	border-color:#dc3545;
}
.prtt_orange::after {
	border-color:#ffc107;
}
.prtt_sky::after {
	border-color:#17a2b8;
}
.prtt_white::after {
	border-color:#f8f9fa;
}
.prtt_dark::after {
	border-color:#343a40;
}
.prtooltip::after {
    content: "";
    position: absolute;
    border-width: 8px;
    border-style: solid;
}
.prtt_top::after {
	top: 100%;
    left: 50%;
    margin-left: -8px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.prtt_right::after {
	top: 50%;
    left: -16px;
    margin-top: -8px;
	border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.prtt_bottom::after {
	top: -16px;
    left: 50%;
    margin-left: -8px;
	border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}
.prtt_left::after {
	top: 50%;
    left: 100%;
    margin-top: -8px;
	border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.prtt_t_right::after {
	top: 100%;
    left: 20px;
    margin-left: -8px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.prtt_t_left::after {
	top: 100%;
    left: 100%;
    margin-left: -28px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.prtt_b_right::after {
	top: -16px;
    left: 20px;
    margin-left: -8px;
	border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}
.prtt_b_left::after {
	top: -16px;
    left: 100%;
    margin-left: -28px;
	border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}