/* Tooltips */
.tooltip-static-demo {
	.tooltip {
		position: relative;
		display: inline-block;
		opacity: 1;
		margin: 0 10px 10px 0;
	}

	.bs-tooltip-bottom-demo,
	.bs-tooltip-top-demo {
		.arrow {
			left: 50%;
		}
	}

	.bs-tooltip-left-demo,
	.bs-tooltip-right-demo {
		.arrow {
			top: 50%;
		}
	}
}

.tooltip {
	font-size: $tooltip-font-size;
	min-width: 5.625rem;

	.tooltip-inner {
		font-family: $type-1;
	}
	z-index: 1029;
}
@each $color, $value in $theme-colors {
	.tooltip-#{$color} {
		@include tooltip-variant(theme-color($color));
	}
}