/*all*/
@media all {
	.tippy-arrow {
		position: absolute;
		width: 0;
		height: 0;
	}
}

/*light-theme*/
@media all {

	.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow{
		border-top:7px solid #fff;
		border-right:7px solid transparent;
		border-left:7px solid transparent
	}
	.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-roundarrow{
		width:24px;
		height:24px;
		fill:#fff
	}
	.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow{
		border-bottom:7px solid #fff;
		border-right:7px solid transparent;
		border-left:7px solid transparent
	}
	.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-roundarrow{
		width:24px;
		height:24px;
		fill:#fff
	}
	.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow{
		border-left:7px solid #fff;
		border-top:7px solid transparent;
		border-bottom:7px solid transparent
	}
	.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-roundarrow{
		width:24px;
		height:24px;
		fill:#fff
	}
	.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow{
		border-right:7px solid #fff;
		border-top:7px solid transparent;
		border-bottom:7px solid transparent
	}
	.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-roundarrow{
		width:24px;
		height:24px;
		fill:#fff
	}
	.tippy-popper .tippy-tooltip.light-theme {
		color:#333;
		box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
		background-color:#fff;
		line-height: 1.4;
		padding: 8px 10px;
		border-radius: 0;
		text-align: left;
	}
	.tippy-popper .tippy-tooltip.light-theme .tippy-backdrop{
		background-color:#fff
	}
	.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{
		background-color:transparent
	}

}

/*translucent-theme*/
@media all {
	.tippy-popper[x-placement^=top] .tippy-tooltip.translucent-theme .tippy-arrow{
		border-top:7px solid rgba(0,0,0,.7);
		border-right:7px solid transparent;
		border-left:7px solid transparent
	}
	.tippy-popper[x-placement^=top] .tippy-tooltip.translucent-theme .tippy-roundarrow{
		width:24px;
		height:24px;
		fill:rgba(0,0,0,.7)
	}
	.tippy-popper[x-placement^=bottom] .tippy-tooltip.translucent-theme .tippy-arrow{
		border-bottom:7px solid rgba(0,0,0,.7);
		border-right:7px solid transparent;
		border-left:7px solid transparent
	}
	.tippy-popper[x-placement^=bottom] .tippy-tooltip.translucent-theme .tippy-roundarrow{
		width:24px;
		height:24px;
		fill:rgba(0,0,0,.7)
	}
	.tippy-popper[x-placement^=left] .tippy-tooltip.translucent-theme .tippy-arrow{
		border-left:7px solid rgba(0,0,0,.7);
		border-top:7px solid transparent;
		border-bottom:7px solid transparent
	}
	.tippy-popper[x-placement^=left] .tippy-tooltip.translucent-theme .tippy-roundarrow{
		width:24px;
		height:24px;
		fill:rgba(0,0,0,.7)
	}
	.tippy-popper[x-placement^=right] .tippy-tooltip.translucent-theme .tippy-arrow{
		border-right:7px solid rgba(0,0,0,.7);
		border-top:7px solid transparent;
		border-bottom:7px solid transparent
	}
	.tippy-popper[x-placement^=right] .tippy-tooltip.translucent-theme .tippy-roundarrow{
		width:24px;
		height:24px;
		fill:rgba(0,0,0,.7)
	}
	.tippy-popper .tippy-tooltip.translucent-theme,.tippy-popper .tippy-tooltip.translucent-theme .tippy-backdrop{
		background-color:rgba(0,0,0,.7)
	}
	.tippy-popper .tippy-tooltip.translucent-theme[data-animatefill]{
		background-color:transparent
	}
}

/*bordered theme*/
@media all {
	.tippy-tooltip.bordered-theme {
		border: 1px solid #999999;
		color: #333;
		background-color: #fff;
		line-height: 1.4;
		padding: 8px 10px;
		border-radius: 0;
		text-align: left;
	}

	/*arrow*/
	.tippy-tooltip.bordered-theme .tippy-arrow {
		border: 7px solid transparent;
	}
	.tippy-tooltip.bordered-theme .tippy-arrow::after {
		content: '';
		position: absolute;
		border: 6px solid transparent;
	}
	/*top*/
	.tippy-popper[x-placement^=top] .tippy-tooltip.bordered-theme .tippy-arrow {
		border-top: 7px solid #6b6b6b;
		border-bottom: none;
		bottom: -6px;
	}
	.tippy-popper[x-placement^=top] .tippy-tooltip.bordered-theme .tippy-arrow::after {
		top: -7px;
		left: -6px;
		border-top: 6px solid white;
	}
	/*bottom*/
	.tippy-popper[x-placement^=bottom] .tippy-tooltip.bordered-theme .tippy-arrow {
		border-bottom: 7px solid #6b6b6b;
		border-top: none;
		top: -6px;
	}
	.tippy-popper[x-placement^=bottom] .tippy-tooltip.bordered-theme .tippy-arrow::after {
		bottom: -7px;
		left: -6px;
		border-bottom: 6px solid white;
	}
}

/*.template-color-theme colored template color*/
@media all {
	.tippy-tooltip.template-color-theme {
		background-color: #0099ff;
		padding: 0;
		color: #fff;
		border-radius: 0;
	}
	.template-color-theme .tippy-arrow {
		color: #0099ff;
	}
	.tippy-popper[x-placement^=right] .template-color-theme .tippy-arrow,
	.tippy-popper[x-placement^=left] .template-color-theme .tippy-arrow,
	.tippy-popper[x-placement^=bottom] .template-color-theme .tippy-arrow,
	.tippy-popper[x-placement^=top] .template-color-theme .tippy-arrow {
		border: 18px solid transparent;
	}
	.tippy-popper[x-placement^=right] .template-color-theme .tippy-arrow {
		border-right-color: currentColor;
		left: -18px;
		border-left: 0;
	}
	.tippy-popper[x-placement^=left] .template-color-theme .tippy-arrow {
		border-left-color: currentColor;
		right: -18px;
		border-right: none;
	}
	.tippy-popper[x-placement^=bottom] .template-color-theme .tippy-arrow {
		border-bottom-color: currentColor;
		top: -18px;
		border-top: none;
	}
	.tippy-popper[x-placement^=top] .template-color-theme .tippy-arrow {
		border-top-color: currentColor;
		bottom: -18px;
		border-bottom: none;
	}

	/*hover helper*/
	.tippy-tooltip.template-color-theme:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.tippy-popper[x-placement^=right] .tippy-tooltip.template-color-theme:before {
		left: -25px;
	}
	.tippy-popper[x-placement^=left] .tippy-tooltip.template-color-theme:before {
		right: -25px;
	}
	.tippy-popper[x-placement^=top] .tippy-tooltip.template-color-theme:before {
		bottom: -20px;
	}
	.tippy-popper[x-placement^=bottom] .tippy-tooltip.template-color-theme:before {
		top: -20px;
	}
}