body {
	/* make text unselectable */
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}


@media all and (max-width: 1024px) {


	#mid-top-button-holder {
		width:100% !important;
		box-shadow:0px 0px 1px 1px #d3d3d3;
	}
	

	#members-side-ads {
		display:none !important;	
	}
	
	.post {
	width:110% !important;
	}
	
	/*new channel post*/
	#post-type-desc {
		width:100% !important;
		margin-top:5px;
	}

}/* end max 1024px */



@media all and (max-width: 700px) {

	#side-nav {
		margin-top:75px;
	}
	#overview-top {
	background-color:white !important;	
	border:0px !important;
	}
	
	#mid-top-button-holder {
	justify-content:center !important;	
	}
	.mypage-userpage-main-ctn {
		width:70% !important;
	}	
	#btn-section-selection {
	width:100% !important;	
	}


	.feed-default-cta {
		width:97% !important;
		font-size: 100% !important;
	}
	

	/*End updates feed */
	
	#side-nav , #view-type-btns, #create-channel-btn , #create-page-btn {
		
		display:none;
	}
	#open-feeds-btn {
		display:inline-block !important;	
	}
	.left-nav-ctn {
		justify-content:initial !important;
		padding-left:20px !important;
	}
	.favorites-ico {
		margin-left:0px !important;
	}
	.favorite-news-feeds-txt{
		margin-left:10px !important;
	}
	.news-feeds-txt  {
		margin-left:30px !important;
	}
	.favorite-feed-item, .feed-item {
		margin-left:37px !important;
	}
	.favorite-btn-txt {
		left:2px !important;
	}
	
	.cta-ctn-btn-ctn {
		width:100% !important;
		height:auto !important;
		flex-flow:column !important;
		align-items:center !important;
	}
	.cta-ctn-btn-success {
		margin-bottom:10px;
	}
	
	
	/*begin default cta ctn in feed */
	#feed-cta-ctn-mobile  {
		display:flex !important;
		flex-flow:column;
		align-items:center;
		width:100% !important;
	}
	.feed-default-cta {
		width:100% !important;
	}
	.ctn {
		width:100% !important;
	}
	#feed-cta-ctn-desktop {
		display:none !important;
	}
	
	/*end default cta ctn in feed */
	
}/* end max 700px */


@media all and (max-width: 320px) {/* extra small devices */

	#members-top-section {
		top:50px !important;
	}
	#feed-btns-left {
		width:100% !important;
	}
	#feed-btn-favorite {
		margin-top:10px !important;
	}
	
	

	
	
	
}/* end max 320px */





@media all and (min-width: 700px) {/* restore view when moving from small device to large */
	#side-nav {
		display:initial !important;/*restore side-nav after resize screen from small to large*/
	}
}/*end min 700px */






/*--------------------------------------- Start Members ----------------------------------------*/
.collapsing { /*bootstrap 4 fix, disable card accordion animation */
    -webkit-transition: none !important;
    transition: none !important;
    display: none !important;
}

/*Broad Classes */
/* Hover menu item colors: #007fff #004085 #06c
/*on hover blue - 1:
	box-shadow:0px 0px 1px 1px #06c !important;
	transition:box-shadow 0.25s;
	background-color:#e2f1ff;
 */	
 

.light-ctn {
	width:70%;
	margin-top:50px;
	text-align:center;
	padding:10px;
	background-color:#e2f1ff;
	box-shadow:0px 0px 1px 1px #06c !important;
}
.light-ctn:hover {
	box-shadow:0px 0px 1px 1px #06c !important;
	transition:box-shadow 0.25s;
	background-color:#e2f1ff;
}

/*------------------------ Start Containers -------------------- */

#section-loader {
	z-index:10;
	position:fixed;
	top:450px;
	left:40%;

}
#section-loader img {
	width:60px !important;
	height:60px !important;
}
#main-content {
	margin-top:15px;
}
.simple-ctn {
	display:relative;
	min-height:1200px;
	width:100% !important;
}
.btn-section {
min-height:20px;
width:100%;
display:flex;
flex-flow:row wrap;
justify-content:space-between;
padding:3px;
padding-bottom:7px;
}
#members-mid-top-btns {
display:flex;
flex-flow:row wrap;
justify-content:flex-end;
width:100%;	
padding:2px;
}
.members-mid-top-btn {
margin-top:3px;
margin-left:5px;	
}
.title-ctn-sm {
    background-color: #06c;
    text-align: center;
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
	width:100%;
}
.title-ctn-lg {
    background-color: #06c;
    text-align: center;
    color: white;
    font-size: 25px;
    padding: 15px;
	width:100%;
}

.alert-info { /* info box */
background-color:#e4f6fb !important;
}
.alert-grey {
padding:20px;
margin-top:10px;
background-color:#f9fbfd !important;
}
.alert-success,.alert-info, .alert-danger, .alert-secondary {
width:100%;
margin-top:5px;
}

.alert-info-light { /* info box */
background-color:#f8feff !important;
width:100%;
}
.errors , .success , .success-msg {/* error container - use with alert-danger */
width:100%;
padding:15px;
min-height:30px;
margin-top:5px;
}
.no-results {
width:100%;
padding:15px;
min-height:30px;
background-color:#f8f9fa;
}


.info-ctn-top {
width:100%;
padding:15px;
min-height:30px;
margin-top:10px;
background-color:#e9ecef;
}
.info-ctn-middle {
width:100%;
padding:15px;
min-height:30px;
margin-top:100px;
background-color:#e9ecef;
}

#content-preview {
width:100%;
}
/*-----------------------------------------------Start Broad Classes ----------------------------------------------*/
.main-content {
width:100%;
min-height:700px;
}
.shadow {
box-shadow:2px 2px 2px 1px #d3d3d3;
}
.mid-shadow {
box-shadow: 0px 0px 2px 1px #d3d3d3; 
}
.light-shadow {
box-shadow:1px 1px 0px 0px #d3d3d3;
}
.select {
padding:5px;
margin-bottom:5px;
font-size:17px;
max-height:50px;
}
.flex-space-around {
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width:100%;
}
.flex-space-between {
display:flex;
flex-flow:row wrap;
justify-content:space-between;
width:100%;
}
.flex-space-evenly {
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;
width:100%;
}
.ad-preview {
width:100%;
display:flex;
flex-flow:column wrap;
align-items:center;
padding:20px;

}

.buttons_panel {
display:flex;
flex-flow:row-reverse wrap;
justify-content:space-between;
padding:15px;
box-shadow:2px 2px 2px 1px #d3d3d3;
}

.number {/*input type number styling*/

text-align:center;
font-weight:bold;
width:100px;
}

.watch-short-video-bar {
display:block;
margin-top:15px; 
width:100%; 
padding:5px; 
text-align:center;
box-shadow:0px 0px 1px 1px #d3d3d3;
background-color:#004085;
color:white !important;
margin-bottom:-10px;

}
.ctabar, .CTA-bar  {
display:block;
width:100%; 
padding:5px; 
text-align:center;
box-shadow:0px 0px 1px 1px #d3d3d3;
background-color:#343a40;
color:white !important;

}
.ctabar {
margin-top:4px;
background-color:#06c;
}
.CTA-bar {
margin-top:10px;
}

.watch-short-video-bar:hover {
box-shadow:0px 0px 1px 2px #004085;
color:white;
text-decoration:none;
}

.tab-accordion {
min-height:700px !important;

}

.google_login_btn {

display:inline-block;
background: url('../images/home_sprite.png') no-repeat;
background-position: -16px -10px; 
	width: 262px;
	height: 57px;
	margin-bottom:7px;
	margin-top:7px;
}
.google-btn-signup {
position:relative;
top:15px;
}


.cta-ctn {
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;
width:100%; 
margin-top:7px; 
min-height:40px;
padding:10px;
background-color:white;
border-radius:10px;
}
.cta-ctn:hover {
box-shadow:0px 0px 1px 2px #06c !important;
background-color:#e2f1ff;
transition:box-shadow 0.25s;

}

.cta-ctn:hover .cta-ctn-txt {
color:blue;	
}
.cta-ctn:hover .cta-ctn-btn {
box-shadow:0px 0px 1px 2px #06c;	
}
.cta-ctn:hover .cta-ctn-btn-success {
	box-shadow:0px 0px 1px 2px green;	
}


.cta-ctn-txt {

display:inline-block;
width:70% !important;
padding:5px;
padding-left:10px;
font-weight:bold;
font-size:16px;
}
.cta-ctn-arrow {
	margin-top:7px;
}
.cta-ctn-btn-ctn {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	height:65px;
	margin-top:10px;
	width:300px;
}



.create-btn {

	margin-bottom:2px;
	margin-top:2px;
	border-radius:1px;
}
/*------------------------------------------------End Broad Classes ----------------------------------------------*/

/*------------------------ End Containers -------------------- */
.home-top-btns {
margin-top:10px;
margin-right:5px;
}
.navigation {
display:flex;
width:100%;
flex-flow:row wrap;
justify-content:flex-start;
}
.info-stripe { /*on overview */
box-shadow: 0px 0px 1px 1px #D3D3D3; 
padding:15px;
width:100%;
font-weight:bold;
font-size:17px;
background-color: #e9ecef;
}
.flex-container-column {
min-height:900px;
margin-top:10px;
display:flex;
flex-flow:column wrap;
align-items:center;
width:100%;
}
.flex-container-row {
min-height:10px;
margin-top:10px;
display:flex;
flex-flow:row wrap;
justify-content:center;
width:100%;
}
.flex-content {
min-height:1000px;
margin-top:10px;
display:flex;
flex-flow:column wrap;
align-items:center;
width:100%;
box-shadow: 0px 0px 1px 1px #D3D3D3; 
}
.selects {
padding:5px !important;
height:35px !important;
}
/*overriding */
.input-group-text {
white-space:normal !important;
}
.group-text-title, .input-group-title, .input-group-title-blue , .input-group-title-no-bottom ,.input-group-title-small{
font-size:18px !important;
width:100% !important;
margin-bottom:20px !important;
font-weight:bold !important;
white-space:normal !important;
}
.input-group-title-blue {
background-color: #edf6ff !important;
}
.input-group-title-no-bottom {
margin-bottom:0px !important;
margin-top:5px !important;
}
.input-group-title-small {
font-size:16px !important;
margin-bottom:10px !important;
}
.group-text-blue {
background-color: #b3d2f1 !important;
font-size:25px !important;
}

.main-content, .main-content-banners {
width:100%;
box-shadow: 0px 0px 1px 1px #D3D3D3; 
min-height:1500px;
margin-top:5px;
padding:15px;
display:flex;
flex-flow:column;
align-items:flex-start;
}

.main-content-banners  {
background-color:white;
}


.main-content-row {
width:100%;
box-shadow: 0px 0px 1px 1px #D3D3D3; 
min-height:1500px;
margin-top:10px;
padding:15px;
display:flex;
flex-flow:row wrap;
justify-content:flex-start;
}
.content-tutorials {
padding:5px;

}
.explainer-ctn {
width:100%;
margin-top:1px;
border:1px solid #d3d3d3;
}
.explainer-ctn:hover {

background-color:#f8f9fa;

}
.bar-header {
padding:15px !important;
width:100%;
font-size:30px !important;
font-weight:bold !important;
}
.members-menu-title {
	font-weight:bold;
	position:relative;
	left:20px;
}

#body-members {
background-color:white;
/* force font on all body members */
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;

}




#business-top-section, #members-top-section {
position:relative;
height:60px;
width:100%;
display:flex;
flex-flow:row-reverse wrap;
justify-content:space-between;
top:-30px;
background-color:white;
}

#members-top-section {
top:0px;	
}




#members-select {
margin-top:80px;
margin-left:25%;
font-size:17px;
font-weight:bold;
padding:5px;
border-radius:3px;
}
#beta-tag {
position:absolute;
left:70px;
top:12px;
padding:3px;
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -22px -717px; 
width: 72px;
height: 26px;
}
/*--------------------------------------- End Members ----------------------------------------*/
/*--------------------------------------- Start Overview ----------------------------------------*/
#members_main_section {
display:flex;
flex-flow:column;
align-items:flex-end;
width:100%;
}

#members-top-tabs {
width:100%;
min-height:50px;
display:flex;
flex-flow:row wrap;
justify-content:flex-end;
}
#overview-top {
width:100%;
display:flex;
flex-flow:row-reverse wrap;
justify-content:space-around;
min-height:500px;
background-color: #f8f9fa;
border: 1px solid #dae0e5;
border-radius:3px;
}

.overview-container {
min-height:200px;
width:300px;

margin-top:18px;
margin-bottom:10px;
border-radius:15px;
border:1px solid #2D6184;
background-color:white;
padding-bottom:3px;
}
#overview-top-title-cta {
	padding:10px;
	text-align:center;
	width:100%;
	background-color:white;
}
.overview-data,.overview-wallet-data, .overview-data-account-type {
position:relative;
top:10px;
margin: 0 auto;
height:70px;
width:300px;
font-size:45px;
font-weight:bold;
text-align:center;
color: #2f455a;
}
.overview-data-account-type {
left:-5px;

}
.overview-wallet-data {
top:7px;
}
.overview-btn-section, .overview-btn-section-upgrade-gold {
display:flex;
flex-flow:row wrap;
justify-content:center;
color:#6f6f6f;
background-color:#e9ecef;
margin-top:-11px;
min-height:70px;
border-radius: 9px;
padding-bottom:15px;
}
.overview-btn-section-upgrade-gold {
padding-bottom:0px;
}


.overview-wallet-btns {
margin-top:10px;
margin-bottom:-5px;
}
#overview-btn-move-to-funds {
margin-left:5px;
}

#overview-btn-credits,#overview-btn-monthly,#overview-btn-sendoffer {
margin-top:10px;
margin-bottom:-5px;
}
#overview-btn-sendoffer {
margin-left:2.5px;
}

#accounts-flex {
width:100%;
max-width:800px;
min-height:1000px;
display:flex;
flex-flow:column wrap;
align-items:center;
}

.overview-account-types {
min-height:300px;
margin-top:20px;
width:90%;
border-radius:15px;
border:1px solid #2D6184;
padding:20px;
font-weight:300;
background-color:white;
}

.overview-account-type-title {
height:60px;
width:100%;
border-radius: 10px 10px 10px 10px;
background-color:#2D6184;
display:flex;
flex-flow:row wrap;
justify-content:center;
}

.overview-account-types-desc {
font-size:16px;
position:relative;
left:10px;
top:20px;
line-height:45px;
background-color:white;
letter-spacing:0.1px;
font-weight:bolder;
width:100%;
}

.overview-account-types-desc-title {
font-weight:bold;
}

#overview-anti-saturation-txt {
position:relative;
top:-8px;
}

.followers-icon {
display:inline-block;
background: url('../images/business-sprite.png') no-repeat;
background-position: -64px -9px;
	width: 57px;
	height: 52px;
position:relative;
top:-5px;
left:7px;
}


.credits-icon {
display:inline-block;
background: url('../images/business-sprite.png') no-repeat;
background-position: -5px -80px;
	width: 55px;
	height: 44px;
position:relative;
top:5px;
left:7px;
}

.wallet-icon {
display:inline-block;
background: url('../images/business-sprite.png') no-repeat;
background-position: -5px -6px;
	width: 53px;
	height: 52px;
position:relative;
top:-5px;
left:13px;
}

.basic-account-icon {
display:inline-block;
background: url('../images/business-sprite.png') no-repeat;
background-position: -9px -134px;
	width: 52px;
	height: 53px;
position:relative;
top:3px;
left:-10px;
}

.gold-account-icon {
display:inline-block;
background: url('../images/business-sprite.png') no-repeat;
background-position: -69px -72px;
	width: 53px;
	height: 52px;
position:relative;
top:3px;
left:-13px;
}

.account-icon-pos , .account-icon-pos-silver {
position:relative;
top:7px;
left:5px;
}
.account-icon-pos-silver {
top:13px;
left:5px;
}


.monthly-offers-icon {
display:inline-block;
background: url('../images/business-sprite.png') no-repeat;
background-position: -84px -247px;
	width: 26px;
	height: 26px;
position:relative;
top:1px;
left:-5px;
}

.promotions-small-icon {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -12px -2249px; 
width: 40px;
height: 35px;
position:relative;
top:0px;
left:-5px;
}

.monthly-offers-btn-txt {
position:relative;
top:-7px;
}
#incomeplus-monthly-offers-txt {
font-size:11px;
z-index:1;
position:relative;
left:-90px;
width:10px;
top:7px;
}

.smiley-btn-txt {
position:relative;
top:2px;
display:inline-block;
}

.smiley-icon {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -63px -1299px; 
width: 39px;
height: 39px;
position:relative;
top:3px;
left:-5px;
}


.overview-title { 
position:relative;
width:320px;
height:50px;
border-radius: 10px 10px 0 0;
background-color:#2D6184;
width:100%;

}


.overview-title-txt, .overview-title-txt-account, .overview-title-txt-followers , .overview-title-txt-credits , .overview-title-txt-wallet, .overview-title-txt-microjobs {
display:block;
font-size:20px;
font-weight:bold;
color:white;
text-align:center;
position:relative;
}
.overview-title-txt-credits {
top:-35px;
left:0px;
}
.overview-title-txt-account {
top:13px;
left:1px;
}

.overview-title-txt-followers {
top:-43px;
left:-3px;
}
.overview-title-txt-wallet {
top:-42px;
left:0px;
}

#overview-followers-bottom-txt {
font-size:12px;
position:relative;
top:-49px;
}

.overview-upgrade-titles {
font-size:25px !important;
width:90%;
display:flex;
flex-flow:row wrap;
white-space:normal !important;
margin-left:4%;
}
.overview-upgrade-desc-bullets {
padding:20px;
}

#overview-funds {
display:flex;
flex-flow:row;
justify-content:center;
font-size:13px;
min-width:100px;
float:right;
padding-left:5px;
padding-right:5px;
}
#overview-wallet-earnings-txt {
display:flex;
flex-flow:row;
justify-content:center;
width:100%;
font-size:13px;
float:left;
}
#move-funds-form {
display:flex;
flex-flow:column;
align-items:center;
width:50%;
min-height:300px;
margin-top:50px;
	padding-bottom:20px;
}
.move-funds-modal-form-txt {
margin-top:20px;
padding:20px;
}
#amount-to-funds {
width:80%;
text-align:center;
}
#move-funds-btn {
margin-top:30px;
}

.li-benefit {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -88px -469px; 
width: 27px;
height: 29px;
}
.li-neg {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -89px -1253px; 
width: 28px;
height: 28px;
}
.li-txt {
list-style-type:none;
position:relative;
font-size:16px;
top:-9px;
left:5px;
font-weight:bold;
}

.li-text {
	position:relative;
	top:-9px;

}

.li-green {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -86.5px -2212px; 
width: 28px;
height: 28px;
}
.upgrade-list-bottom-txt {
position:relative;
top:-15px;
font-size:15px;
}
.g-list {
list-style:none;
margin-top:25px;
}
.g-list li {
margin-left:-40px;
}

#accounts-table-max {
width:100% !important;

}
#accounts-table-max .td {
text-align:center;
}
#accounts-table-max tr {
width:100% !important;
}


#accounts-table-max td span  {
display:inline-block; 
max-width:200px;
text-align:center;
}

#accounts-table-max tr:hover {
background-color:#e2f1ff;
}

/* making selected tab larger */

#tabs .ui-tabs-nav li { 
    margin-top: 0.2em; 
    font-size: 95%; 
} 
#tabs .ui-tabs-nav li.ui-tabs-selected, 
#tabs .ui-tabs-nav li.ui-state-active { 
    margin-top: 0em; 
    font-size: 100%; 
}

/* END - making selected tab larger */


#menu-icon {
	width:45px !important;
	height:45px !important;
	border-radius:5px !important;
}
#menu-icon:after {
	content: '\25BC' !important;
	position:relative;
	

}

#open-feeds-btn {
	margin-left:5px;
	border-radius:3px;
	display:none;
}
/*--------------------------------------- End Overview ----------------------------------------*/

/*------------------------------------- Start Send Offer ----------------------------------------*/

#sendoffer-main {
box-shadow: 0px 0px 1px 1px #D3D3D3; 
min-height:1500px;
margin-top:10px;
padding:15px;
display:flex;
flex-flow:column;
width:100%;
}
.send-btns {
margin-top:10px;
}
#sendoffer-top-buttons {
display:flex;
min-height:50px;
flex-flow:row wrap;
justify-content:space-between;
}
#sendoffer-menu {

}
#sendoffer-sub,#sendoffer-adtype {

margin-top:30px;
padding:30px;
padding-top:40px;
line-height:2;
font-size:16px;
}
#sendoffer-sub {
margin-top:-10px;
}

.sendoffer-menu-group-titles {
margin-left:10px;
padding-left:5px;
padding-right:20px;
}

.sendoffer-collapse {
box-shadow: 0px 0px 1px 1px #D3D3D3; 
padding:10px;
margin-top:1px;
border-radius:5px;
}
.sendoffer-collapse-txt {
position:relative; 
top:-15px;
}
#first-sendoffer-collapse {
margin-top:30px;
}

.collapse-sendoffer-content {
box-shadow: 0px 0px 1px 1px #D3D3D3; 
padding:10px;
}

#sendoffer-recurring-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -12px -467px; 
width: 39px;
height: 39px;
margin-top:10px;
}
#sendoffer-protected-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -46px -464px; 
width: 39px;
height: 39px;
}
#sendoffer-recommended-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -85px -465px; 
width: 39px;
height: 39px;
}

.collapse-span {
padding:15px;
line-height:2;
}

#sendoffer-select-adtype,#sendoffer-select-duration{
padding:5px;
position:relative;
top:-13px;
width:95%;
}
#sendoffer-select-duration {
width:45%;
}

#send-btn-container,#send-lnk-container {
display:flex;
padding:5px;
flex-flow:row;
justify-content:center;
margin-top:20px;
}
#send-lnk-container  {
padding:15px;
}
.add-info-container {
padding:15px;
margin-top:10px;
font-size:17px;
}

.subscription-type-container {
display:flex;
flex-flow:row wrap;
padding:15px;
}
.select-subscription-txt {
margin-top:5px;
margin-bottom:7px;
}
.select-service {
margin-left:10px;
padding:5px;
}


.link-title {
padding-bottom:15px;
}

.link-box {
padding:3px;
width:100%;
margin-top:10px;
margin-bottom:-10px;
}
.select-box {
padding:5px;
}
.offer-desc-textarea {
width:100%;
resize:none;
margin-top:10px;
height:100px;
padding:10px;
}

#offer-preview-button {
margin-top:5px;
}

#send-btn {
padding:5px;
padding-right:15px;
padding-left:15px;
}

.offer-button-type-select {
margin-top:10px;
}

#modal-success-img {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -67px -552px; 
width: 39px;
height: 40px;
position:relative;
top:11px;
left:-5px;
}
.modal-body {
display:flex;
justify-content:center;
font-size:20px;
}
.input-badget {
height:38px;
width:125px;
position:relative;
top:0.5px;
font-weight:bold;
color:#2f455a;
}

.error-dialog {
margin-top:20px;
padding:15px;
font-size:17px;
border:2px solid red;
}

#credits-error-btn {
margin-left:15px;
margin-top:-20px;
}
.error-icon-lg {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -4px -546px; 
width: 50px;
height: 45px;
position:relative;
top:5px;
}

.gold-account-only-box {
display:inline-block;
background-color: cornsilk;
width:160px;
padding:3px;
}
.gold-account-only{
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -92px -911px; 
width: 21px;
height: 20px;
position:relative;
top:0px;
}
.gold-account-only-txt {
position:relative;
left:27px;
top:0px;
font-size:14px;
}


.error-txt {
position:relative;
top:-10px;
left:5px;
}

.input-group-text {
display:inline-block !important;
min-width:1px !important;
}

#send-select-content-dialogue {
padding:15px;
margin-bottom:20px;
display:flex;
justify-content:center;
}
#send-select-content-type {
padding:5px;
}
.send-content-type-container {
padding:15px;
margin-bottom:20px;
min-height:300px;
}
#article-area {
width:100%;
height:500px;
}
#send-article-title {
margin-bottom:20px;
width:70%;
padding:5px;
}
#textarea_editor {
overflow:hidden;
resize:none;
width:0px;
height:0px;
padding:0px;
visibility:hidden;
}

.page-preview-instructions {
position:relative;
left:20px;
top:20px;
}

.raw-ad-preview {
margin-top:20px;
width:100%;
}

.close-info-box,.how-to-use-credits-info-link {
position:relative;
left:31%;
font-size:20px;
margin-bottom:20px;
}
.how-to-use-credits-info-link {
left:1%;
top:25px;
}

#url-to-promote {
padding:5px;
width:100%;

}
/*------------------------------------- End Send Offer ----------------------------------------*/
/*--------------------------------------- Start My Promotions ----------------------------------------*/
.myoffers-offer {
box-shadow: 2px 2px 2px 1px #D3D3D3; 
margin-top:25px;
width:100%;
}
.myoffer-offer-title {
min-height:30px;
padding:25px;
color:white;
border:1px solid #D3D3D3;
display:flex;
flex-flow: row;
justify-content:space-between;
}
.myoffer-title-txt {
position:relative;
}
.myoffer-offer-footer {
display:flex;
margin-top:10px;
padding:5px;
padding-bottom:10px;
flex-flow:row wrap;
justify-content:center;
border:1px solid #D3D3D3;
}
.myoffer-offer-footer button {
margin-left:5px;
margin-top:3px;
}
.myoffer-offer-body {
background-color:#e9ecef;
}
.myoffer-offer-content {
padding:5px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
border:1px solid #D3D3D3;
}
.myoffer-offer-cell {
padding:8px;
text-align:center;
margin-top:5px;
background-color:white;
border:1px solid #D3D3D3;
}
.myoffers-controls-ctn {
min-height:120px;
padding:15px;
}
.myoffers-controls-ctn-cancel {
min-height:240px;
padding:15px;
}
.myoffers_cancel ,.myoffers_refund {
min-height:120px;
margin-bottom:10px;
padding:15px;
padding-bottom:30px;
}

.myoffers-forms {
position:relative;
top:20px;
display:flex;
justify-content:center;
flex-flow: row wrap;
}

#info-ctn-inner {
min-height:500px;
padding:15px;
}
/*--------------------------------------- End My Promotions ----------------------------------------*/














/*--------------------------------------- on hovers ----------------------------------------*/
.hover-light:hover {

box-shadow: 2px 2px 1px 2px #D3D3D3; 
}

/*--------------------------------------- End - on hovers ----------------------------------------*/

/*--------------------------------------- Start List Builder ----------------------------------------*/


#list-builder-btn {
width:175px;
margin-top:20px;
margin-right:20px;
}

#audience-builder-main {
min-height:900px;
margin-top:5px;
width:100%;
}

#listbuilder-subscription-status {
min-height:150px;
}
.listbuilder-status {
min-height:50px;
padding:15px;
line-height:2.5;
}

#listbuilder-selects {
margin-top:10px;
min-height:30px;
display:flex;
flex-wrap:wrap;
justify-content:center;
}

#listbuilder-timespan,#listbuilder-report {
display:flex;
flex-flow:row-reverse wrap;
}
#listbuilder-report {
flex-flow:row wrap;

}
#listbuilder-timespan-select,#listbuilder-report-select {
padding:3px;
}
/*--------------------------------------- End List Builder ----------------------------------------*/
/*----------------------------------------- Start Signup -----------------------------------------*/


#signup-main-container {
min-height:900px;
display:flex;
justify-content:center;
}
#signup-form {
min-height:900px;
width:500px;
display:flex;
justify-content:center;
background-color:#dee2e6;
}
#signup-form-inputs {
display:flex;
flex-flow:column wrap;
align-items:center;
width:400px;
min-height:900px;
background-color:#f8f9fa;
}
.inputs {
padding:6px;
width:300px !important;
margin-top:-10px;
position:relative;
top:85px;
}
#signup-conditions {
width:380px;
margin-top:100px;
padding:10px;
background-color:white;
}
.g-recaptcha {
right:7px;
margin-top:-60px;
}
#signup-errors {
margin-top:20px;
margin-bottom:-60px;
padding:30px;
background-color:white;
width:400px;
}
.signup-user-icon {
background: url('../images/signup-sprite.png') no-repeat;
background-position: -40px -20px; 
width: 41px;
height: 40px;
}

.signup-email-icon {
background: url('../images/signup-sprite.png') no-repeat;
background-position: -41px -69px; 
width: 41px;
height: 40px;
}
.signup-pass-icon {
background: url('../images/signup-sprite.png') no-repeat;
background-position: -40px -120px; 
width: 41px;
height: 40px;
}

#signup-welcome-msg {
padding:15px;
margin-top:10px;
background-color:white;
}

#signup-submit {
margin-top:20px;
}
#signup-country {
text-align:center;
}
.signup-country {
position:relative;
top:95px;
}
/*----------------------------------------- End Signup -----------------------------------------*/
/*----------------------------------------- Start Payments -----------------------------------------*/

#payments-main {
margin-top:10px;
min-height:800px;
display:flex;
width:100%;
flex-flow:column wrap;
align-items:center;
}

#payment-request-btn {
position:relative;
top:15px;
}

#payments-errors {
width:100%;
box-shadow: 0px 0px 1px 1px #D3D3D3; 
min-height:30px;
margin-top:20px;
background-color: #f8f9fa;
}
#payments-errors ol {
list-style-type: none;
}

.payments-error-txt {
display:inline-block;
margin-top:10px;
padding:15px;

}
.payment-forms {
margin-top:22px;
display:flex;
flex-flow:column wrap;
align-items:center;
padding-bottom:20px;
background-color: #e9ecef;
}
.payment-verify-btn {
margin-top:85px;
width:200px;
}
.login-email-icon {
background: url('../images/sprite.png') no-repeat;
background-position: -7px -1864px; 
width: 44px;
height: 42px;
}
.payments-input-email{
margin-top:-110px;
}

#payments-history {
margin-top:40px;
width:98%;
min-height:200px;
display:flex;
flex-flow:column wrap;
align-items:center;
}
#payments-history-body {
width:100%;
}
#payments-history-header {
display:flex;
width:100%;
flex-flow:row wrap;
justify-content:space-between;
}
.payment-history-date ,.payment-history-amount,.payment-history-status {
display:inline-block;
width:24.7%;
min-height:30px;
}
.payment-header {
text-align:center;
font-size:19px;
font-weight:bold;
background-color: #dee2e6;
}
#payments-history-row {
display:flex;
width:100%;
flex-flow:row wrap;
justify-content:space-between;
margin-top:5px;

}

.payment-row {
text-align:center;
font-size:17px;

background-color: #f8f9fa;
}


#payments-btns {
width:100%;
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;
padding-top:10px;
}
#payments-btns button {
margin-bottom:10px;
}
/*----------------------------------------- End Payments -----------------------------------------*/
/*----------------------------------------- Start Credits -----------------------------------------*/

.credits-title {
display:inline-block;
width:90%;
margin-top:30px;
text-align:center;
margin-bottom:20px;
padding:5px;
font-size:19px;
font-weight:bold;
background-color: #e9ecef;
border-radius:3px;
}
.credit-info {
display:flex;
flex-flow:column;
line-height:2.5;
width:100%;
background-color: #f8f9fa70;
border-radius:3px;
}
.tos-credits {
padding:15px;
margin-top:10px;
width:100%;
}
#btn-credits {
position:relative;
top:10px;
}
/*----------------------------------------- End Credits -----------------------------------------*/
/*----------------------------------------- Start Upgrade -----------------------------------------*/


.upgrade-q1-title {
text-align:center;
font-size:19px;
margin-top:20px;
padding:5px;
background-color: #e9ecef;
width:100%;
}
.upgrade-container {
margin-top:30px;
}
.upgrade-q1-body {
padding:15px;
font-size:16px;
background-color: #f8f9fa61;
width:100%;
}

#upgrade-main {
display:flex;
flex-flow:column wrap;
align-items:center;
width:100%;
}
#upgrade-benefits {
width:100%;
padding:10px;
display:flex;
flex-flow:column;
align-items:center;
}

#x10-ico {
	background: url('../images/upgrade-account-sprite.png') no-repeat -17px -12px;
	width: 66px;
	height: 66px;
}
#referrals-ico {
	background: url('../images/upgrade-account-sprite.png') no-repeat -14px -105px;
	width: 76px;
	height: 76px;
}
#seo-ico {
	background: url('../images/upgrade-account-sprite.png') no-repeat -10px -294px;
	width: 76px;
	height: 75px;
}
#autogrowth-ico {
	background: url('../images/upgrade-account-sprite.png') no-repeat -10px -370px;
	width: 86px;
	height: 69px;
}
#earncoins-ico {
	background: url('../images/upgrade-account-sprite.png') no-repeat -16px -212px;
	width: 54px;
	height: 63px;
}
/*----------------------------------------- End Upgrade -----------------------------------------*/
/*----------------------------------------- Refer -----------------------------------------*/

#refer-asset-ico {
	background: url('../images/refer-sprite.png') no-repeat -16px -16px;
	width: 74px;
	height: 64px;
	position:relative;
	top:10px;
}
#refer-shortlink-ico {
	background: url('../images/refer-sprite.png') no-repeat -27px -93px;
	width: 54px;
	height: 54px;
	position:relative;
	left:10px;
	top:10px;
}


/*----------------------------------------- End Refer -----------------------------------------*/


/*----------------------------------------- Start Analytics -----------------------------------------*/


#analytics-report-select,#analytics-timespan-select {
margin-top:10px;
}
.analytics-num-stats {
min-height:300px;
width:100%;
}
.stats-title {
width:100%;
display:inline-block;
}
.stats-body {
min-height:500px;
width:100%;
display:flex;
flex-flow:column wrap;
align-items:center;
}

.stats-body-content {
margin-top:10px;
width:100%;
display:flex;
flex-flow:column;
align-items:center;
padding-left:15px;
}
.analytics-stats-data {
width:150px;
display:inline-block;
height:53px;
text-align:center;
margin-top:10px;
}
.stats-metrics-txt {
padding-top:13px !important;
width:100%;
margin-top:10px;
}
.analytic-metric {
display:flex;
flex-flow:row wrap;

}

.stats-data-txt {
position:relative;
top:15px;
}

.stats-data-sub-txt {
position:relative;
top:15px;
font-size:14px;
}

/*----------------------------------------- End Analytics -----------------------------------------*/
/*----------------------------------------- Start Marketplace -----------------------------------------*/
.main-content-marketplace-newoffer {
width:100%;
box-shadow: 0px 0px 1px 1px #D3D3D3; 
min-height:1000px;
margin-top:10px;
padding:15px;

}

#marketplaces {
display:inline-block;
text-decoration:none;
padding:10px;
width:160px;
background-color:#e9ecef;
}

#marketplaces:hover,#top-bar-btns:hover {
background-color:#dae0e5;
}

.audience-builder-txt {
display:inline-block;
text-align:center;

width:150px;
}
.marketplace-txt {
position:relative;
left:47px;
top:5px;
}
.microjobs-txt {
display:inline-block;
position:relative;
left:10px;
top:0px;
max-width:100px;

}

.marketplace-small-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -38px -2166px; 
width: 42px;
height: 35px;
position:relative;
right:4px;
top:1px;
cursor:pointer;
}

.info-small-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -7px -2421px; 
width: 35px;
height: 33px;
position:absolute;
cursor:pointer;
top:12px;
right:33px;
}

.builder-small-ico {
display:inline-block;
background: url('../images/business-sprite.png') no-repeat;
background-position: -80px -200px;
	width: 36px;
	height: 36px;
cursor:pointer;
margin-top:2px;
}

	
.post-small-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -1px -2808px;
	width: 49px;
	height: 48px;
position:relative;
right:3px;
top:0px;
cursor:pointer;

}
.promo-small-ico {
display:inline-block;
background: url('../images/business-sprite.png') no-repeat;
background-position: -17px -199px;
	width: 42px;
	height: 39px;

cursor:pointer;
margin-top:-1px;
margin-right:7px;
}
.shortlink-small-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -8px -2868px; 
	width: 38px;
	height: 38px;
position:relative;
right:8px;
top:3px;
cursor:pointer;

}



.blog-small-ico {
display:inline-block;
background: url('../images/business-sprite.png') no-repeat;
background-position: -78px -142px;
	width: 35px;
	height: 43px;
margin-right:5px;
cursor:pointer;
}



/*---------------------------------------------- Modal -----------------------------------------*/

/* Modal Content */
.modal-content, .modal-content-rawpreview , .modal-content-send-promotion-success {
	display:flex;
	flex-flow:column;
	align-items:center;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 60% !important;
	min-height:400px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s;
	top:175px;
	z-index:10;
}
.modal-content-send-promotion-success {
top:0px !important;
}

.modal-content-rawpreview {
width:100% !important;
margin-top:-100px;
min-height:200px;
}

/* Add Animation */
@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 175; opacity: 1}
}
.close {
position:absolute;
left:10px;
}



/*---------------------------------------------- End Modal -----------------------------------------*/

/*-------------------------------------------- Favorites  -----------------------------------------*/

#favorites-top-bar {
display:flex;
flex-flow:column;
align-items:center;
width:100%;
box-shadow: 0px 0px 1px 1px #D3D3D3; 
min-height:50px;
}
#favorites-select {
margin-top:7px;
}
.favorite-item-txt .favorite-item-delete:after {
	content:' \274E';
}
.favorite-item-delete {
	cursor:pointer;
}

.favorite-item-txt {
	display:flex;
	flex-flow:row;
	justify-content:space-between;
}

.coupon-item {
display:flex;
flex-flow:row;
justify-content:space-between;
width:100%;
cursor:pointer;
min-height:50px;
margin-top:10px;
box-shadow:2px 2px 2px 1px #D3D3D3;
padding:3px;
text-decoration:none !important;
}

.coupon-item-img {
width:50px;
height:50px;
margin-top:-4px;
}
.coupon-item-title {
margin-top:10px;
text-decoration:none;
}

/*-------------------------------------------- End Favorites -----------------------------------------*/


.add-funds {
width:100%;
min-height:200px;
display:flex;
flex-flow:column wrap;
align-items:center;

}


#accordion,#accordion2,#accordion3 {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	margin-top:20px;
	width:100%;
}
#accordion h3 {
font-weight:bold;
}

/*-------------------------------------------- Start Secrets -----------------------------------------*/
.secret-item {
position:relative;
width:100%;
margin-top:10px;
cursor:pointer;
}
.secret-item-img {
width:100px;
height:100px;
display:inline-block;
float:left;
}

.secret-item-title {
padding:10px;
width:85%;
display:inline-block;
float:left;
min-height:100px;
color:#004085;

}
.secret-item-price {
width:70px;
padding:10px;
display:inline-block;
float:right;
margin-top:15px;
background-color:white;
}
.secret-item:hover  {
background-color:#e9ecef;
box-shadow: 1px 1px 2px 2px #D3D3D3; 
}

.secrets-myoffers-btns {
width:100%;
min-height:50px;
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;
padding:10px;
}

.item-views {
display:flex;
margin-top:5px;
margin-bottom:5px;
min-width:220px;
padding:5px;
}

.views-ex-small-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -6px -2305px; 
width: 26px;
height: 27px;
position:relative;
left:5px;
top:-1px;
float:left;
cursor:pointer;
}
.item-views-txt {
display:inline-block;
float:left;
margin-left:30px;
color:#6c757d!important;
width:180px;
position:relative;
top:2px;
}


/*-------------------------------------------- End Secrets -----------------------------------------*/

/*-------------------------------------------- Start Promotions -----------------------------------------*/

.coupon-ad-preview {
display:flex;
flex-flow:row wrap;
}
.coupon-ad-preview-img {
border:1px solid grey;
width:100px;
height:100px;
}
.coupon-ad-preview-body {
display:flex;
flex-flow:column;
align-items:center;
width:70%;

}



/*-------------------------------------------- End Promotions -----------------------------------------*/

/* ---------------------------------------- Start Tabs ------------------------------------------------ */
#tabs {
width:100%;
}

#updates-tab-controls {
width:100%; 
min-height:50px;
max-height:100px;
display:flex;
flex-flow:row wrap;
justify-content:space-around;
padding:10px;
}

#updates-bar {
	width:100%;
	
	min-height:50px;
}
#view-btns {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	width:100%;
	min-height:50px;
	background-color:white;
	box-shadow:0px 1px 1px 1px #d3d3d3;
}



#select-topics-txt {
	color:white;
	background-color:#004085;
	width:100%;
	text-align:center;
	padding-top:10px;
}
#update-results {
	width:100%;
	min-height:100px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	background-color:#dee2e6;/* #dee2e6 #d3d3d3 */
	padding-bottom:100px;
}

.channel-post-header {
	background-color:white;
	width:100%;
	border-radius:5px !important;
}
.channel-post-title {
	overflow:hidden;
	width:100%;
	color:black;
	line-height:1.5;
	padding:3px;
	text-align:center;
	border-radius:5px;
	background-color:white;
}

.channel-post-logo {
	width:50px !important;
	height:50px;
	border-radius:100px;
	display:inline-block;
	padding:2px;
}
.channel-post-name {
	display:inline-block;
	margin-left:5px;
	margin-top:2px;
}


/*fixes for different view types*/

.gallery-post .channel-post-logo {
	height:30px !important;
	width:30px !important;
}


/* end fixes */

.post-post {
	width:100%;
	display:flex;
	flex-flow:column;
	align-items:center;
	margin-top:10px;
	margin-bottom:20px;
}
.post-post img {
	width:100%;
	max-height:500px;
}
.post-post h6 {
	text-align:center;
}
.post-post a {
	width:100%;
}
.post-post .channel-post-title { /*fix for post view */
   width:100% !important;
   margin-bottom:1px;
}

.compact-post {
	width:99%;
	min-height:75px;
	max-height:110px;
	padding:5px;
	display:flex;
	flex-flow:row;
	justify-content:space-between;
	margin-bottom:5px;
	background-color:white;
}


.compact-post img {
	width:68px;
	height:68px;
	margin-top:-2px;
}
.compact-post a {
	display:inline-block;
	margin-left:20px;
	width:92%;
	min-height:68px !important;
	max-height:100px;
	overflow:hidden;
}


.gallery-post, .side-suggestion-post {
	width:210px;
	height:200px;
	margin-top:20px;
	padding:5px;
	margin-bottom:80px;
}

#right-nav {
	display:flex;
	flex-flow:column;
	align-items:center;
	padding-bottom:50px;
}
.side-suggestion-post {
	margin-top:-10px !important;
	margin-bottom:20px !important;
}
#side-news-suggestions-title {
	width:100%;
	position:relative;
	top:10px;
	left:7px;
}

.gallery-post img , .side-suggestion-post img {
	width:200px;
	height:100px;
}
.card-post {
	display:flex;
	flex-flow:column;
	align-items:center;
	width:48%;
	min-height:100px;
	margin-top:10px;
	border-radius:25px !important;
}
.card-post img  {
	width:100%;
	max-height:220px;
}
.card-post a {
	width:100%;
}
.card-post .channel-post-title { /*fix for post view */
    width:100% !important;
}





#feed-sub-topics-ctn {
	display:flex;
	flex-flow:row;
	overflow-x:auto;
	width:100%;
	padding-bottom:10px;
}
.feed-sub-topic {
	background-color:white;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
	margin-left:3px;
	cursor:pointer;
	min-width:150px;
	box-shadow:0px 1px 1px 1px #d3d3d3;
}
.feed-sub-topic:hover {
	background-color:#007fff;
	color:white;
}
#feed-btns {
display:flex;
flex-flow:row wrap;
justify-content:space-between;
width:100%;
padding:5px;
padding-bottom:10px;
background-color: white;
box-shadow:0px 1px 1px 1px #d3d3d3;
}
#feed-btns-left {
	display:inline-block;
	width:170px;
}

#feed-btn-pin-save {
position:relative;
top:5px;
}
#feed-btn-favorite{
	margin-left:10px;
	background-color:white;
	width:140px;
	margin-top:5px;
}

.fb-share-button {
	display:inline !important;
	position:relative;
	top:5px;
}

#share-feed {
	display:inline-block;
	width:200px;
	height:20px;
}

#news-for-header {
	width:100%;
	height:30px; 
	margin-top:15px;
	margin-bottom:20px;
}

#news-for-header-txt {
	background-color:white;
	padding:5px;
	padding-bottom:15px;
	margin-top:-20px;
	font-size:22px !important;
}

#news-for-header-txt:before {
	content: '\27A5';
	font-size:33px;
	position:relative;
	top:5px;
}
/* ---------------------------------------- END feed ------------------------------------------------ */



/* Begin Branding  */
#branding-logo {
	display:inline-block;
	width:80px;
	height:65px;
	background: url('../images/default-logo.png') no-repeat;
	margin-right:10px; 
	margin-top:5px;
	border-radius:50%;
}

/* END Branding  */


/* Begin Post Styling */
#image-post, #video-post, #text-post {
	border: 1px solid #06c;
    width: 200px;
	height:50px;
    padding: 10px;
    border-radius: 5px;
	text-align:center;
	cursor:pointer;
}


#image-post:hover, #video-post:hover ,#text-post :hover{
	box-shadow:0px 0px 1px 1px #06c !important;
	transition:box-shadow 0.25s;
	background-color:#e2f1ff;
}

.post-option {
	border: 1px solid #06c;
    min-width: 100px;
    height: 50px;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
	margin-left:10px;
	margin-bottom:5px;
}


.post-option:hover, .post-option-selected {
    box-shadow: 0px 0px 1px 1px #06c !important;
    transition: box-shadow 0.25s;
    background-color: #e2f1ff;
    color: #06c;	
	
}

.post {
margin-top:20px;
width:90%;
max-width:700px;
padding:0px;
color:black;
border-radius:5px;
font-size:18px !important;
background-color:white;
box-shadow:0px 0px 1px 1px #d3d3d3;
}

.post a {
color:#06b !important;
text-decoration:underline;
}
.post a :hover {
color:red !important;	
}

.post-top {
width:100%;
min-height:120px;
padding-bottom:10px;	
}
.post-top-dropdown {
float:right;
}

.dropdown-item:hover {
background-color: #007bff !important;
color:white !important;
}
.post-btn {
padding:10px !important;
padding-right:12px !important;
padding-left:12px !important;
}

.affiliate-biz-btn {
padding:8px !important;
padding-right:9px !important;
padding-left:9px !important;

}
.affiliate-biz-top-dropdown {
position:absolute !important;
right:-1px !important;
top:-1px !important;	
	
}



.post-content, .post-content-text {
position:relative;
padding:20px;
width:100%;
max-height:200px;
overflow:hidden;
}

.read-more-link {
position:absolute;
bottom:0px;
right:0px;
padding:5px;
font-size:16px;
background-color:white;
z-index:2;
color:#06c;
}

.read-more-btn {
position:absolute;
bottom:0px;
right:0px;
z-index:12 !important;
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -71px -2867px; 
width: 31px;
height: 31px;

}	


.post-video-ctn {
background-image: url('../images/loading.gif');
background-repeat:no-repeat;
background-position:center center;
 
	
}

.media-content {
width:100%;
min-height:300px;
max-height:500px;
margin-top:0px;
}
.post-page-name {
display:inline-block;
margin-top:15px;
margin-left:10px;
font-weight:bold;
font-size:17px !important;
}
.post-page-name a {
color:black;	
}
.post:hover , .post-logo:hover {
	box-shadow:0px 0px 1px 1px #06c !important;
	transition:box-shadow 0.25s;

}
.post-img {
width:100%;
max-height:400px;
}


.post-logo {
border-radius:100px;
margin-left:10px;
margin-top:10px;
width:100px;
height:100px;
float:left;	
}

.post_counter {
float:left;
margin-left:10px;
margin-top:5px;
min-width:50px;
min-height:20px;
padding:5px;
min-height:38px;
text-align:center;
font-weight:bold;
}

.post-views-ico {
float:left;
}
.post-like-ico {
float:left;
margin-left:20px;
margin-top:10px;
}
.post-share-ico {
float:left;
margin-left:20px;
margin-top:12px;
}
.post-dislike-ico {
float:left;
}

.post-controls {
	width:95%;
	min-height:50px;
	border-radius:10px;
	margin-top:10px;
	margin-left:2%;
	margin-bottom:10px;
}

.post-offer-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -5px -2591px;
width: 35px;
height: 28px;
position:relative;
cursor:pointer;

top:33px;
left:83px;
}

.post-discussion-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat -11px -2698px;
	width: 25px;
	height: 31px;
position:relative;
right:5px;
top:0px;
cursor:pointer;


top:29px;
left:84px;
}

.post-question-ico {
display:inline-block;
	background: url('../images/sprite.png') no-repeat -83px -2700px;
	width: 30px;
	height: 30px;
position:relative;
right:5px;
top:0px;
cursor:pointer;


top:32px;
left:82px;
}

.post-video-ico {
display:inline-block;
	background: url('../images/sprite.png') no-repeat -49px -2701px;
	width: 28px;
	height: 28px;
position:relative;
cursor:pointer;


top:32px;
left:83px;
}

.post-gift-ico {
display:inline-block;
	background: url('../images/sprite.png') no-repeat -49px -2666px;
	width: 25px;
	height: 25px;
position:relative;
right:5px;
top:0px;
cursor:pointer;


top:32px;
left:84px;
}




.post-views-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -42px -2636px;
	width: 28px;
	height: 17px;
position:relative;
right:5px;
top:0px;
cursor:pointer;
}	

.post-like-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -47px -2593px;
	width: 27px;
	height: 26px;
position:relative;
right:5px;
top:0px;
cursor:pointer;
}	
.post-dislike-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -80px -2591px;
	width: 30px;
	height: 29px;
position:relative;
right:5px;
top:0px;
cursor:pointer;
}	
.post-share-ico {
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -7px -2630px;
	width: 27px;
	height: 24px;
position:relative;
right:5px;
top:0px;
cursor:pointer;
}

/* End Post Styling  */



/* Begin manage section */

.mypages-userpage {
position:relative;
width:100%;
padding:10px;
min-height:50px;
margin-bottom:7px;
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;
cursor:pointer;
}
.mypage-userpage-main-ctn {
	width:85%;
	padding:5px;
	min-height:50px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	border-radius:10px !important;
}
.mypages-page-logo {
width:50px;
height:50px;
border-radius:100%;	
position:absolute;
left:5px;
top:10px;
}
.mypage-page-title {
padding:3px;
text-align:center;
margin-left:10px;
color:#06e;	
}
.mypage-page-followers, .mypage-page-email-subs {
padding:3px;
margin-top:3px;
	
}
.mypage-top-dropdown {
position:absolute !important;
right:10px !important;
top:10px !important;
}
.mypages-inner-ctn {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	width:100%;
	padding:5px;
}
.mypages-userpage:hover  {
	box-shadow:0px 0px 1px 1px #06c !important;
	transition:box-shadow 0.25s;
	background-color:#e2f1ff;
}

#btn-section-selection {
width:90%;
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;	
padding-bottom:2px;
}

#manage-sub-btn-section {
	width:100%;
	min-height:50px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
}

#manage-main-content {
	min-height:900px;
}
/* end manage section */

/*------------------------------------------ Start Members Blog -------------------------------------------------*/

.members-blog {
width:100%;	
}

.card-title {
width:100% !important; 
overflow:hidden !important; 
white-space:nowrap !important; 
text-overflow:ellipsis !important;	
}
#blog-benefits {
	width:100%;
	padding:10px;
	min-height:100px;
	display:flex;
	flex-flow:column;
	align-items:center;
}
#blog-seo-ico {
	background: url('../images/blog-sprite.png') no-repeat -13px -8px;
	width: 76px;
	height: 75px;
	position:relative;
	top:10px;
}
#blog-upload-ico {
	background: url('../images/blog-sprite.png') no-repeat -14px -98px;
	width: 74px;
	height: 56px;
	position:relative;
	top:10px;
}
#blog-audience-ico {
	background: url('../images/blog-sprite.png') no-repeat -14px -258px;
	width: 74px;
	height: 75px;
	position:relative;
	top:-3px;
}
#blog-commission-ico {
	background: url('../images/blog-sprite.png') no-repeat -16px -170px;
	width: 69px;
	height: 77px;
	position:relative;
	top:0px;
}

/*------------------------------------------ End Members Blog -------------------------------------------------*/

/*-------------------------------------------- End My Pages ------------------------------------------------------*/
/*-------------------------------------------- Start MyLinks ------------------------------------------------------*/

#my-links {
	margin-top:100px;
	width:100%;
	min-height:800px;
}


/*-------------------------------------------- End MyLinks ------------------------------------------------------*/
/*-------------------------------------------- Start Earn ------------------------------------------------------*/

#earn-business-ico {
	background: url('../images/blog-sprite.png') no-repeat -5px -352px;
	width: 94px;
	height: 85px;
	position:relative;
	top:10px;
	right:15px;
}
/*-------------------------------------------- End Earn ------------------------------------------------------*/

/*---------------------------------- Start Channels new post ------------------------------------------------------*/
/*Channels are formely known as Streams*/
#streams-upload-video-form {
display:flex;
flex-flow:column;
width:100%;	
}

.accordion-hover:hover {
	box-shadow: 0px 0px 0px 1.5px #007bff !important;
	/* #7fc1ff;* pinterest */
}

#streams-subcategories-selection {
	width:100%; 
	padding:20px; 
	display:none; /* will be changed to flex on click event via javascript */
	flex-flow:row wrap; 
	justify-content:space-between;
}
#stream_post_textarea_editor {

}

.stream-post-ctn {
margin-bottom:5px;
width:100%;
border:1px solid #d3d3d3;
cursor:pointer;
text-decoration:none;
display:flex;
flex-flow:row wrap;
justify-content:space-between;
}

.stream-post-ctn:hover {
	box-shadow:0px 0px 1px 1px #06c !important;
}

#stream-post-img-upload {
background-image: url('../images/default-suggested-post.jpg');
background-position:center;
width:100px;
height:80px;	
}
#stream-post-title-upload {
overflow:hidden;
display:inline-block;
width:90%;
color:#0062cc;
margin-top:10px;
margin-left:10px;
}

#stream-post-view-btn {
}

.stream-post-right-ctn {
display:inline-flex;
	width:12%;
	max-height:33px;
	margin-top:20px;
	min-width:80px;

}
.stream-post-left-ctn {
display:inline-flex;
	width:75%;

}
.myuploads-delete-menu-btn {
height:30px;	
}

.stream-post-public-stats {
min-height:30px;
width:100%;
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;	
}

.stream-post-hidden-stats {
display:none;/*this changes to flex onclick */
flex-flow:column;
padding:15px;
}

.myuploads-stats-item {
color:black;
}

.upload-story-sub-txt {
	padding:10px;
}

#channel-new-post-type {
padding:15px;
display:flex;
flex-flow:row wrap;
justify-content:space-between;
}

#post-type-selects {
display:flex;
flex-flow:column;
}

#post-type-desc {
	min-height:70px;
	width:70%;
	padding:10px;
}
/*------------------------------------ End Channels new post ------------------------------------------------------*/

/*-------------------------------------------- Left Side Nav  ---------------------------------------------*/
#side-nav {
	margin-left:-10px;
	width:100%;
	min-height:1000px;
	background-color:white;
	
}
.left-nav-ctn {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;

}

.side-nav-item, .feed-item {
	padding:9px;
	border:1px solid white;
	cursor:pointer;
	width:130px;
	/*background-color:#f8f9fa;*/
	
}
.feed-item {
	width:100% !important;
}

.side-nav-item-selected, .side-nav-sub-item-selected {
	background-color:#007fff;
	border:1px solid darkblue;
	color:white;
}

.side-nav-item:hover, .feed-item:hover {
	background-color:#007fff;
	border:1px solid darkblue;
	color:white;
}

#favorite-feeds {
	margin-top:10px;
}

.favorite-feed-item {
	padding:5px;
	padding-left:15px;
	border:1px solid white;
}
.favorite-feed-item:hover {
	background-color:#007fff;
	border:1px solid darkblue;
	color:white;	
}


.favorite-news-feeds-txt {
  margin-top:4px;
  margin-left:-10px;
}



.favorites-ico {
display:inline-block;
background: url('../images/home-sprite.png') no-repeat;
background-position:-5px -51px;
	width: 21px;
	height: 21px;
cursor:pointer;
margin-top:3px;
margin-left:-15px;
}
.favorite-btn-ico {
	position:relative;
	top:1px;
	left:3px;
}
.favorite-btn-txt {
	position:relative;
	top:-3px;
	left:7px;
	font-weight:bold;
}
.updates-ico {
display:inline-block;
background: url('../images/home-sprite.png') no-repeat;
background-position:-30px -53px;
	width: 24px;
	height: 18px;
cursor:pointer;
margin-top:9px;

}
.pages-ico {
display:inline-block;
background: url('../images/home-sprite.png') no-repeat;
background-position:-60px -52px;
	width: 20px;
	height: 21px;
cursor:pointer;
margin-top:9px;
}
.niche-news-ico {
display:inline-block;
background: url('../images/home-sprite.png') no-repeat;
background-position:-42px -82px;
	width: 30px;
	height: 27px;
cursor:pointer;
margin-top:9px;
}
.global-news-ico {
display:inline-block;
background: url('../images/home-sprite.png') no-repeat;
background-position:-4px -82px;
	width: 26px;
	height: 26px;
cursor:pointer;
margin-top:9px;
}
.discussions-ico {
display:inline-block;
background: url('../images/home-sprite.png') no-repeat;
background-position:-87px -50px;
	width: 27px;
	height: 25px;
cursor:pointer;
margin-top:9px;
}
.trending-ico {
display:inline-block;
background: url('../images/home-sprite.png') no-repeat;
background-position:-85px -90px;
	width: 24px;
	height: 16px;
cursor:pointer;
margin-top:15px;
}


.side-nav-ico {
width:26.5px !important;
height:29px !important;	
}
/*--------------------------------------------End Left Side Nav  ---------------------------------------------*/
/*--------------------------------------------Home top buttons -----------------------------------------------*/

.myshortlinks-ico {
display:inline-block;
background: url('../images/home-sprite.png') no-repeat;
background-position:-50px -123px;
	width: 29px;
	height: 36px;
cursor:pointer;
}


/*----------------------------------------- End Home top buttons -----------------------------------------------*/

/*-------------------------------------------- Support Coins ---------------------------------------------*/
.coins-ctn {
	display:flex;
	flex-flow:column;
	align-items:center;
}

.coins-container {
	margin-top:50px;
}
.coins-btn-section {
	display:flex;
	flex-flow:column;
	align-items:center;
}
.coins-title-txt {
display:block;
font-size:20px;
font-weight:bold;
color:white;
text-align:center;
position:relative;
top:-32px;
}
.coins-section-icon {
position:relative;
left:40px;
}

/*-------------------------------------------- End Support Coins ---------------------------------------------*/
/*-------------------------------------------- Start job listing ---------------------------------------------*/
.jobs-listing {
	padding:20px;
	width:100%;
	margin-top:10px;
}

/*-------------------------------------------- End job listing ---------------------------------------------*/

/* Begin feeds */

#updates {
height:100%;
width:100%;
background-color:#dae0e5;
border-radius:5px;
}

#updates-results {
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;
min-height:550px;
padding-bottom:250px;
}

/* End feeds */





/* Begin default call to action ctn */

#social-btns-default-feed {
	margin:0 auto;
	margin-top:20px;
}

#feed-cta-ctn-mobile {
	display:none;
}

.feed-default-cta {
	display:flex;
	flex-flow:column;
	align-items:center;
	width:90%;
	background-color:white;
	box-shadow:0px 0px 3px 1px #d3d3d3;
	border-radius:10px;
	padding:15px;
	margin-top:10px;
	font-size:18px;
	font-weight:500;
	line-height:2.2;
	cursor:pointer;
}


#default-cta-top-section {
	margin:0 auto;
	display:flex;
	flex-flow:row;
	justify-content:center;
	width:250px;
	margin-bottom:15px;
}
#default-cta-title {

	margin-top:20px;
}


.channels-ico {
	display:inline-block;
	background: url('../images/home-sprite.png?212') no-repeat -2px -264px;
	width: 66px;
	height: 56px;
	margin-right:10px;
	margin-top:-3px;
}


.feed-default-cta button {
	margin-top:10px;
}

.feed-cta-txt {
	position:relative;
	top:-7px;
	left:5px;
}



/* end default call to action ctn */