/* =============================== */
/* === Floating Tabs (GROUPED) === */
/* =============================== */

.floating-tabs {
  position: fixed;
  right: 0;
  top: 70%;  /* 75% */ /* 65% */ /* 60% */
  transform: rotate(90deg);
  transform-origin: right top 0;
  z-index: 100015;
}

/* === Live Chat Tab === */
.floating-tab {
	display: inline-block;
	background-color: rgba(196, 18, 48, 0.9);
	box-shadow: 0 0 3px #fff;
	font-size: 0.95em;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px;
	transition: width 0s, height 0.1s, padding 0.1s;
	-webkit-transition: width 0s, height 0.1s, padding 0.1s; /* Safari */
	transition-timing-function: linear;
	-webkit-transition-timing-function: linear; /* Safari and Chrome */
}

.floating-tab a {
	display: block;
	height: 100%;
	padding: 11px;
	color: white;
	text-decoration: none !important;
}

.floating-tab a:hover, .floating-tab a:focus {
	height: 50px;
	display: block;
  	transform: translate(0, 8%);
}

.livechat-float {
	background-color: rgba(196, 18, 48, 1.0);
}
.addthis-float {
	background-color: rgba(249, 99, 85, 1.0);
}
a.addthis_button_compact {
	color: white !important;
}

.readspeaker-float {
	background-color: rgba(27, 51, 99, 1.0);
	width: 140px;
}
.readspeaker-float .show-reader-ctrl,
.readspeaker-float .hide-reader-ctrl  {
	display: none;
}
.readspeaker-float .show-reader-ctrl.active,
.readspeaker-float .hide-reader-ctrl.active  {
	display: inline-block;
}

.myjan-float {
	background-color: rgba(27, 119, 168, 1.0);
	/* width: 140px; */
}
.myjan-float .myjan-saved-page i {
 	color: #FFD700;
}

#at15s.atm {
    margin-left: -15px;
}

@media (max-height: 600px) {
	.floating-tabs {
		  top: 75%;
	}
}

@media (max-height: 475px) {
	.floating-tabs {
		  top: 85%;
	}
}

@media (max-height: 415px) {
	.floating-tabs {
		  top: 350px;
	}
}

@media (max-width: 979px) {

	.floating-tabs {
		/* right: auto; */
		bottom: 0;
		top: auto;
		transform: rotate(0deg);
		width: 100%;
		/*height: 48px;*/
		/* margin-right: -2%;*/
	}

	.floating-tab {
		/* box-shadow: none; */
		box-shadow: 0 -1px 1px -1px #fff;
		margin-left: -2px;
		margin-right: -2px;
	}

	.floating-tab a {
		padding: 8px;
	}

	.floating-tab a:hover, .floating-tab a:focus {
		transform: translate(0, 0);
		height: 100%;
	}
	
	/* 1 Floating Tabs */
	.floatTabCols-1.livechat-float,
	.floatTabCols-1.addthis-float,
	.floatTabCols-1.readspeaker-float,
	.floatTabCols-1.myjan-float {
		width: 100%;
	}
	
	/* 2 Floating Tabs */
	.floatTabCols-2.livechat-float,
	.floatTabCols-2.addthis-float,
	.floatTabCols-2.readspeaker-float,
	.floatTabCols-2.myjan-float {
		width: 50%;
      /* width: 47%;*/
	}
	
	/* 3 Floating Tabs */
	.floatTabCols-3.livechat-float,
	.floatTabCols-3.addthis-float,
	.floatTabCols-3.readspeaker-float,
	.floatTabCols-3.myjan-float {
		width: 30%;
      /* width: 29%;*/
	}
	
	/* 4 Floating Tabs */
	.floatTabCols-4.livechat-float {
      width: 33.33%;
		/* width: 30%; */
	}
	.floatTabCols-4.addthis-float {
		width: 0;   /* disabled */
      /* width: 14%;*/ 
	}
	.floatTabCols-4.readspeaker-float {
		width: 33.33%;
      /* width: 35%; */
	}
	.floatTabCols-4.myjan-float {
		width: 33.33%;
      /* width: 20%; */
	}
	
	/* Home Floating Tabs (3) */
	.floatTabCols-home.livechat-float {
      width: 50%
		/* width: 43%; */
	}
	.floatTabCols-home.addthis-float {
      width: 0;   /* disabled */
      /* width: 14%;*/ 
	}
	.floatTabCols-home.readspeaker-float {
      width: 50%
		/* width: 43%; */
	}
	
}

@media (max-width: 430px) {
	
	.floatTabCols-3.readspeaker-float i, 
	.floatTabCols-3.livechat-float i {
		display: none;
	}

	.floatTabCols-4.readspeaker-float i, 
	.floatTabCols-4.livechat-float i,
	.floatTabCols-4.myjan-float i {
		display: none;
	}
	
	.floatTabCols-home.readspeaker-float i, 
	.floatTabCols-home.livechat-float i {
		display: none;
	}
	
	.floatTabCols-4.readspeaker-float span,
	.floatTabCols-4.livechat-float span,
	.floatTabCols-4.myjan-float span {
		font-size: 0.9em;
	}

}

@media (max-width: 415px) {
	
   /* 4 Floating Tabs */
	/*.floatTabCols-4.livechat-float {
       width: 25%; 
	} */
	/*.floatTabCols-4.readspeaker-float {
      width: 30%;
	}*/
	
}

@media (max-width: 375px) {
	
	/* 3 Floating Tabs */
	.floatTabCols-3.readspeaker-float span, 
	.floatTabCols-3.livechat-float span,
   .floatTabCols-3.myjan-float span {
		font-size: 0.85rem; !important;
	}
	
	/* 4 Floating Tabs */
	/* .floatTabCols-4.livechat-float {
		width: 26%;
	}*/
   /* disabled */
	/* .floatTabCols-4.addthis-float {
		width: 14%;
	}*/
	/* .floatTabCols-4.readspeaker-float {
		width: 31%;
	}*/
	/* .floatTabCols-4.myjan-float {
		width: 17%;
	}*/
   
	
	/* Home Floating Tabs */
	/* .floatTabCols-home.readspeaker-float span,
	.floatTabCols-home.livechat-float span {
		font-size: 0.85em;
	}*/
	
   /* disabled */
	/* .floatTabCols-home.addthis-float i,
	.floatTabCols-4.addthis-float i,
	.floatTabCols-3.addthis-float i {
		font-size: 0.95em;
	}*/
	
}

@media (max-width: 320px) {
    /* 3 Floating Tabs */
	.floatTabCols-3.readspeaker-float span, 
	.floatTabCols-3.livechat-float span,
   .floatTabCols-3.myjan-float span {
		font-size: 0.8rem !important;
	}
}