/**
frontend style 
**/
.tl-sb-preview-area a{line-height: 0.05em;}
.tl-sb-stickypos-right {position: fixed;right: 0;top: 50%;z-index: 999;transform: translate(0, -50%);}
.tl-sb-preview-area.tl-sb-stickypos-left { position: fixed; left: 0;top: 50%;z-index: 999;transform: translate(0, -50%)}
.tl-sb-stickypos-inline a {display: inline-block;vertical-align: top;}

.tl-sb-icon-block {position: absolute;top: 0;left: 0;}
.tl-sb-preview-area.tl-sb-stickypos-left a {display:block;position: relative;box-shadow:none !important;}
.tl-sb-preview-area.tl-sb-stickypos-right a {display:block;position: relative;box-shadow:none !important;}
.tl-sb-icons {font-size: 0;}
.tl-sb-stickypos-inline .tl-sb-icon-head {display: inline-block;vertical-align: top;}
.tl-sb-icon-head .starwrap {text-align: center;}
.tl-sb-icons p:empty {display: none;}

/** 22/07-19 **/
.tl-sb-icon-wrapper {position: relative;}
.tl-sb-stickypos-inline .tlsb-tooltip {font-size: 12px;position: absolute;top: 0px;background: #333;border-radius: 3px;color: #fff;padding: 0 5px;line-height: 20px;left: 50%;-webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity:0;
transition: all 0.3s ease-in-out 0s;}

.tl-sb-stickypos-inline .tlsb-tooltip:before {border-top: 6px solid #333;border-left: 6px solid transparent;border-right: 6px solid transparent; z-index: 1;margin-top: 1px;}
.tl-sb-stickypos-inline .tlsb-tooltip::before { width: 0; height: 0; content: ""; display: block; position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.tl-sb-stickypos-inline .tl-sb-icon-wrapper:hover .tlsb-tooltip {opacity: 1;top: -22px;}

/** tl-sb-stickypos-left **/
.tl-sb-stickypos-left .tlsb-tooltip {font-size: 12px;position: absolute;top: 50%;background: #333;border-radius: 3px;color: #fff;padding: 0 5px;line-height: 20px;left: 0;opacity: 0;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
	transition: all 0.3s ease-in-out 0s;}
.tl-sb-stickypos-left .tl-sb-icon-wrapper:hover .tlsb-tooltip {opacity: 1;top: 50%; left: 100%;}	
.tl-sb-stickypos-left .tlsb-tooltip::before {width: 0;height: 0;content: "";display: block;position: absolute;top: 50%;left: -11px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);}	
.tl-sb-stickypos-left .tlsb-tooltip:before {border-bottom: 6px solid transparent;border-right: 6px solid #333;border-top: 6px solid transparent;z-index: 1;margin-top: 1px;border-left: solid 6px transparent;}


/** tl-sb-stickypos-right **/
.tl-sb-stickypos-right .tlsb-tooltip {font-size: 12px;position: absolute;top: 50%; background: #333;border-radius: 3px;color: #fff;padding: 0 5px;line-height: 20px;right: -11px;opacity:0;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
	transition: all 0.3s ease-in-out 0s;}
.tl-sb-stickypos-right .tl-sb-icon-wrapper:hover .tlsb-tooltip {opacity: 1;top: 50%; right: 100%;}	
.tl-sb-stickypos-right .tlsb-tooltip::before {width: 0;height: 0;content: "";display: block;position: absolute;top: 50%;right: -11px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);}	
.tl-sb-stickypos-right .tlsb-tooltip:before {border-bottom: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid transparent;z-index: 1;margin-top: 1px; border-left: solid 6px #333;}


/*---- Tab Index Style For Social Comment ---------- */
/*----- Tabs -----*/
.tabs {
	width:100%;
	display:inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
	.tab-links:after {
	display:block;
	clear:both;
	content:'';
}

.tab-links li {
	margin:0px 5px;
	float:left;
	list-style:none;
}

.tab-links a {
	padding:9px 15px;
	display:inline-block;
	border-radius:3px 3px 0px 0px;
	background:#7FB5DA;
	font-size:16px;
	font-weight:600;
	color:#4c4c4c;
	transition:all linear 0.15s;
}

.tab-links a:hover {
	background:#a7cce5;
	text-decoration:none;
}

li.active a, li.active a:hover {
	background:#fff;
	color:#4c4c4c;
}

/*----- Content of Tabs -----*/
.tab-content {
	padding:15px;
	border-radius:3px;
	box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
	background:#fff;
}

.tab {
	display:none;
}

.tab.active {
	display:block;
}