﻿.sticky {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 12px;
	line-height: 1.4;
	/* opacity: 0; */
	filter: alpha(opacity=0);
}
.sticky.in {
	opacity: .9;
	filter: alpha(opacity=90)
}
.sticky.top {
	margin-top: -3px;
	padding: 5px 0
}
.sticky.right {
	margin-left: 3px;
	padding: 0 5px
}
.sticky.bottom {
	margin-top: 3px;
	padding: 5px 0
}
.sticky.left {
	margin-left: -3px;
	padding: 0 5px
}
.sticky-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	border-radius: 4px
}
.sticky-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.sticky.top .sticky-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.sticky.top-left .sticky-arrow {
	bottom: 0;
	left: 5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.sticky.top-right .sticky-arrow {
	bottom: 0;
	right: 5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.sticky.right .sticky-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}
.sticky.left .sticky-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}
.sticky.bottom .sticky-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.sticky.bottom-left .sticky-arrow {
	top: 0;
	left: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.sticky.bottom-right .sticky-arrow {
	top: 0;
	right: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

[data-toggle="sticky"] + div {
    opacity: 0 !important;
}

[data-toggle="sticky"]:focus + div {
    opacity: 1 !important;
}