.followpill{
width:auto;
height:30px;
position:relative;
display:inline-block !important;
overflow:hidden;
color:#323D41;
border-radius:3px;
background-color:#e1e7e9;
border1:1px solid #e1e7e9;
box-sizing:border-box;
margin-right:5px;
}

.article-nav ul li a.tab-comments{border:none!important;}

.followpill span{
position:relative;
display:inline-block;
margin-right:9px;
vertical-align:3px;
font:normal 12px/26px "camptonbook",sans-serif;
color:#5a5f67;
padding:2px 0px;
	text-transform: uppercase;
}

.followpill i{
position:relative;
display: inline-block;
height:30px;
line-height:30px;
padding:0px 0px;
width:32px;
color:#fff;
font-size:20px;
background-color:#39a1be;
text-align:center;
margin-right:6px;
font-style:normal;
vertical-align:1px;
}

.followpill:hover{cursor:pointer;background-color:#f7f9f9}
.followpill:hover span{color:#79caca}
.followpill:hover i{cursor:pointer;background-color:#79caca}

.followpill i:before{
	content:"+";
	line-height: 30px;
}
.followpill.true i,.followpill.active  i{
background-color:#86CE93;
}
.followpill.false span:not(.nocontent):before{content:"Follow";}
.followpill.true span:not(.nocontent):before{content:"Follow";}

.hero .followpill,
.hero .followpill i {
	height1: 40px;
	line-height1: 40px;
}


#above_threadlist .followpill,
#below_threadlist .followpill,
#above_postlist .followpill,
#below_postlist .followpill{
height:40px;
background-color: #0054a6;
font-size: 20px;
line-height: 40px;
padding: 0px 13px 0px 0px;
margin-left:5px;
text-transform: uppercase;
}
#above_threadlist .followpill:hover,
#below_threadlist .followpill:hover,
#above_postlist .followpill,
#below_postlist .followpill{background-color:#2B80D3;}

#above_threadlist .followpill span,
#below_threadlist .followpill span,
#above_postlist .followpill span,
#below_postlist .followpill span{color:#fff;font:bold 20px/40px Arial;vertical-align:13px;top:-1px;}

#above_threadlist .followpill i,
#below_threadlist .followpill i,
#above_postlist .followpill i,
#below_postlist .followpill i{height:50px;font-size:30px;line-height: 40px;vertical-align:13px;}



/* ON OFF SWITCHES */
a.follow-state {
background: transparent url("//passport.mobilenations.com/images/account/on-off-buttons-side.png") no-repeat scroll 0 0;
display: inline-block;
height: 21px;
width: 63px;
border-radius:4px;
transition:all 0.2s ease-in;
border:1px solid #fff;
box-sizing:border-box;
}
a.follow-state.true {}
a.follow-state.false {background-position: -34px 0;}
a.follow-state:hover{border:1px solid #71AAFC;}

.push-enable-container {
	border: 2px solid #eaeaea;
	border-radius: 3px;
	margin: 10px auto 40px;
	max-width: 500px;
	padding: 10px;
}
.push-button-container {
	text-align: center;
}
.push-button {
	padding-left: 15px;
	padding-right: 15px;
	width: auto !important;
}
.push-button.false {
	background-color: #0167A8;
}
.push-button:disabled {
	display: none;
}
.push-button.true {
	background-color: #b4b4b4;
}
.push-text {
	font-size: 14px;
}

.default-options {
	display: inline-block;
	margin: 20px 0;
	text-align: center !important;
	width: calc(100% / 3);
}
.default-options-container {
	margin: auto;
	max-width: 150px;
}
.default-options img {
	max-width: 103px;
	width: 100%;
}
.default-options-type {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 14px;
}
.default-options .enabled,
.push-button {
	background-color: #b4b4b4;
	border-radius: 13px;
	border-width: 0;
	color: #fff;
	font-weight: bold;
	line-height: 26px;
	text-transform: uppercase;
	width: 81px;
}
.default-options .enabled {
	display: none;
	margin-bottom: 14px;
}
.default-options .enabled.true {
	background-color: #0167A8;
}
.default-options .enabled.false {
	background-color: #b4b4b4;
}
.default-options a.follow-toggle {
	color: #636363;
	display: block;
	font-size: 12px;
	margin-bottom: 7px;
	text-align: left !important;
}
.default-options a.follow-toggle.disabled {
	color: #b4b4b4 !important;
	cursor: default;
}
.default-options a.follow-toggle.true,
.default-options a.follow-toggle.false {
	color: #636363;
}
.default-options a.follow-toggle.true:before,
.default-options a.follow-toggle.false:before {
	display: inline-block;
	width: 15px;
}
.default-options a.follow-toggle.true:before {
	content: "\f046";
}
.default-options a.follow-toggle.false:before {
	content: "\f096";
}

#cluetip.follow-options .cluetip-inner .cluetip-close{display:none;}

#cluetip.follow-options {background-color:transparent !important;box-shadow:none;box-sizing:border-box;max-width:440px;}
#cluetip.follow-options .cluetip-outer{border-radius:0 10px 10px;background-color:#fff}
#cluetip.follow-options .cluetip-inner{padding:0 10px 10px;}

#cluetip.follow-options table{width:100%;}
#cluetip.follow-options h2{margin:0 -10px 0px;display:block;padding:5px 10px;position:relative;font-size:12px;font-weight:normal;text-transform:uppercase;}
#cluetip.follow-options h2 a.icon.cog {text-align:right;float:right;}
#cluetip.follow-options h2 a.icon.cog:before{
display: inline-block;
font:normal 20px/1 FontAwesome;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content:"\f013";
color:#ccc;
}
#cluetip.follow-options h2 a.icon.cog:hover:before{color:#888}

.follow-options table{width:auto;}
.follow-options table1 thead{display:none;}
.follow-options table th{text-align:left;}
.follow-options tr:nth-child(even) {background: #fcfcfc}
.follow-options1 tr:nth-child(odd) {background: #fff}
.follow-options tr.followtype td {font-weight:bold;font-size:16px;text-transform:capitalize;}

.follow-options td,.follow-options th{padding:8px 5px;font-size:14px;}
.follow-options td:nth-child(3) {text-align:right;}

.follow-options td.icon{text-align:center;width:20px;}
.follow-options td.icon:before{
display: inline-block;
font:normal 14px/1 FontAwesome;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.follow-options td.icon .type{display:none;}
.follow-options td.toggles{text-align:center;width:20px;}
.follow-options td {vertical-align:middle;}

.follow-options .icon.authors:before,
.follow-options .icon.author:before,
.follow-options .icon.authorUgc:before{content:"\f007";}
.follow-options .icon.comment:before{content:"\f0e6";}
.follow-options .icon.commentReply:before{content:"\f122";}
.follow-options .icon.topics:before{content:"\f07c";}
.follow-options .icon.article:before{content:"\f1ea";}
.follow-options .icon.ugc:before{content:"\f0c0";}
.follow-options .icon.forum:before{content:"\f075";}


a.follow-toggle {
display: inline-block;
font:normal 18px/1 FontAwesome,"Helvetica Neue",Helvetica,Arial,sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color:#000;
transition:all 0.2s ease-in;
}

a.follow-toggle.true {color:#67E06F;}
a.follow-toggle.false {color:#D6D6D6;}
a.follow-toggle:hover{color:#000;cursor:pointer}
a.follow-toggle.desktop:before{content:"\f108";}
a.follow-toggle.mobile:before{content:"\f10b";font-size:20px;}
a.follow-toggle.instantEmail:before{content:"\f003";}
a.follow-toggle.digestEmail:before{content:"\f0c5";}
a.follow-toggle.delete:before{content:"\f1f8";color:#404040;}
a.follow-toggle.default:before{content:"\f08a";}

.follow-config table{width:100%;margin:0 0 10px;}

.form-checkbox.setfollow{margin-right:5px;}
.form-checkbox.setfollow + label{margin-right:5px;}


@media (max-width: 479px){
	.default-options {
		width: 50%;
	}
}