.connect-box {
	width: 50px;
	position: fixed;
	right: 10px;
	z-index: 2;
	-webkit-transition: top 0.15s ease-in-out;
	-moz-transition: top 0.15s ease-in-out;
	-o-transition: top 0.15s ease-in-out;
	-ms-transition: top 0.15s ease-in-out;
	transition: top 0.15s ease-in-out;
}

.connect-box.affix {
	position: fixed;
	right: 10px;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

@media ( min-width : 768px) {
	.connect-box {
		display: block;
		bottom: 150px;
	}
	.connect-box.affix {
		bottom: 150px;
	}
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btn {
	border-radius: 2px;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.connect-box .btn {
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 2px;
	display: inline-block;
	padding: 0;
	font-size: 30px;
	background-color: #E6E9ED;
	border-color: transparent;
	color: #007ac9;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.btn.active, .btn:active, .btn:focus, .btn:hover {
	color: #fff;
	border-color: #ccd1d9;
	outline: 0!important;
	background-color: #ccd1d9;
}


.connect-box .btn:hover {
	background-color: #007ac9;
	color: #FFF;
}

.connect-tooltip {
	background-color: #FFF;
}

.connect-tooltip .popover-title {
	text-align: center;
	color: #656D78;
	padding: 6px 12px;
	font-weight: normal;
}

.connect-tooltip.popover {
	border-color: #007ac9;
}

.connect-tooltip .popover-content {
	padding: 0;
}

.connect-tooltip.popover.left>.arrow {
	border-left-color: #007ac9;
}

.connect-tooltip.popover.left .arrow:after {
	border-left-color: #FFF;
}

.connect-tooltip img {
	width: 160px;
}

.popover{position:absolute;z-index:1060;display:none;padding:1px;text-align:left;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}