.ecafe-page-scroll-to-id-wrapper {
	position: fixed;
	display: flex;
	flex-direction: column;
	z-index: 99999;
	transition: all .3s linear;
}
.ecafe-page-scroll-to-id-wrapper-inner {
	position: relative;
	display: flex;
	flex-direction: column;
	transition: all .3s linear;
}

.ecafe-page-scroll-to-id-wrapper-inner .ecafe-psi-anchor {
	position: relative;
	margin: 5px 0;
	background: #00000096;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	width: 30px;
	height: 30px;
	font-size: 16px;
	color: #fff;
	transition: all .3s linear;
}

.ecafe-page-scroll-to-id-wrapper-inner .ecafe-psi-anchor.highlighted-menu-item,
.ecafe-page-scroll-to-id-wrapper-inner .ecafe-psi-anchor:hover{
	background: #000;
}
.ecafe-page-scroll-to-id-wrapper.psi-pos-lefttop {
	left: 2%;
	top: 5%;
}
.ecafe-page-scroll-to-id-wrapper.psi-pos-leftcenter {
	left: 2%;
	top: 50%;
	transform: translateY(-50%);
}
.ecafe-page-scroll-to-id-wrapper.psi-pos-leftbottom {
	left: 2%;
	bottom: 5%;
}
.ecafe-page-scroll-to-id-wrapper.psi-pos-righttop {
	right: 2%;
	top: 5%;
}
.ecafe-page-scroll-to-id-wrapper.psi-pos-rightcenter {
	right: 2%;
	top: 50%;
	transform: translateY(-50%);
}
.ecafe-page-scroll-to-id-wrapper.psi-pos-rightbottom {
	right: 2%;
	bottom: 5%;
}
.ecafe-page-scroll-to-id-wrapper.psi-pos-topcenter .ecafe-page-scroll-to-id-wrapper-inner{
	flex-direction: row;
}
.ecafe-page-scroll-to-id-wrapper.psi-pos-topcenter .ecafe-page-scroll-to-id-wrapper-inner .ecafe-psi-anchor{
	margin: 0 5px;
}

.ecafe-page-scroll-to-id-wrapper.psi-pos-topcenter .ecafe-psi-tooltip{
	left: 50%;
	top: 100%;
	transform: translate(-50%, 8px) !important;
}
.ecafe-page-scroll-to-id-wrapper.psi-pos-topcenter .ecafe-psi-tooltip::after{
	top: -15%;
	left: 50%;
	transform: translatex(-50%) translateY(-50%) rotate(90deg);
	border-color: transparent #333 transparent  transparent;
}
.ecafe-page-scroll-to-id-wrapper.psi-pos-topcenter {
	top: 2%;
	left: 50%;
	transform: translateX(-50%);
}
.ecafe-psi-anchor {
	position: relative;
	display: inline-block;
}

.ecafe-psi-tooltip {
	display: flex;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translate(8px, -50%);
	background: #333;
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, transform 0.3s ease;
	white-space: normal;
	word-wrap: break-word;
	max-width: 100px;
	width: 100px;
	text-align: center;
	align-items: center;
	justify-content: center;
}

/* Arrow */
.ecafe-psi-tooltip::after {
	content: "";
	position: absolute;
	top: 50%;
	left: -10px;
	transform: translateY(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: transparent #333 transparent transparent;
}
.ecafe-page-scroll-to-id-wrapper-inner .ecafe-psi-anchor > i {
	font-size: 16px;
}

.ecafe-page-scroll-to-id-wrapper-inner .ecafe-psi-anchor > svg {
	fill: #fff;
	width: 20px;
	height: 20px;
}

.ecafe-psi-tooltip > i {
	font-size: 16px;
	color: #fff;
	margin: 5px;
}

.ecafe-psi-tooltip > svg {
	width: 20px;
	height: 20px;
	fill: #fff;
	margin: 5px;
	flex-shrink: 0;
}
/* Show tooltip when hovered OR highlighted */
.ecafe-psi-anchor:hover .ecafe-psi-tooltip,
.ecafe-psi-anchor.highlighted-menu-item .ecafe-psi-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translate(12px, -50%);
}
.ecafe-page-scroll-to-id-wrapper.psi-pos-righttop .ecafe-psi-tooltip,
.ecafe-page-scroll-to-id-wrapper.psi-pos-rightcenter .ecafe-psi-tooltip,
.ecafe-page-scroll-to-id-wrapper.psi-pos-rightbottom .ecafe-psi-tooltip{
	left: auto;
	right: 100%;
	transform: translate(-8px, -50%);
}
.ecafe-page-scroll-to-id-wrapper.psi-pos-righttop .ecafe-psi-tooltip::after,
.ecafe-page-scroll-to-id-wrapper.psi-pos-rightcenter .ecafe-psi-tooltip::after,
.ecafe-page-scroll-to-id-wrapper.psi-pos-rightbottom .ecafe-psi-tooltip::after{
	left: auto;
	right: -10px;
	border-color: transparent transparent transparent #333;
}
.ecafe-page-scroll-to-id-wrapper.psiafterscroll {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease, visibility 0.4s ease;
}
.ecafe-page-scroll-to-id-wrapper.psiafterscroll.psivisible{
	opacity: 1;
	visibility: visible;
}
@media (max-width: 767px) {
.ecafe-page-scroll-to-id-wrapper.psimobttdis .ecafe-psi-tooltip {
	display: none;
}
}