@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700');

@import url('https://fonts.googleapis.com/css?family=Share+Tech:400,700');


::selection {
  background: #3dbd58; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #3dbd58; /* Gecko Browsers */
}


body
{
	font-family: 'Open Sans', Tahoma, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.42857143;
	background-color: #181818;
	color: #EEE;
	max-width: 960px;
	margin: 0 auto;
}


embed[type="application/x-shockwave-flash"] {
    display: none;
}

code a ,code {
    color: black!important;
}
.page-container{
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}

.loding_txt{
	display: block;
	text-align: center;
	margin: 40px 0;
}
.btn-search {
	  background: #3dbd58;
	  border-radius: 0;
	  color: #282828;
	  /* border-width: 1px; */
	  /* border-style: solid; */
	  /* border-color: #40bd58; */
	}
	.btn-search:link, .btn-search:visited {
	  color: #fff;
	}
	.btn-search:active, .btn-search:hover {
	  background: #515150;
	  color: #9f9f9f;
	}
	
	
.tags-wrapper{
	margin-top:10px;
}
.twitter-tweet{
	display:inline-block!important;
}
#messages{
	z-index: 101;
	/* position: relative; */
}
.notification{
	float: right;
}

#notification-latest-message a,#notification-latest-message a:visited,#notification-latest-comments a,#notification-latest-comments a:visited  {
    color: white;
}



	
#notification-latest-comments a:hover,#notification-latest-message a:hover{
	text-decoration:none;
	color:#3dbd58;

}


.notification-item:hover {
    background: linear-gradient(#262626, #171717);
}



#notification-wrapper-comments,#notification-wrapper-message {
	color: white;
	/* display: block!important; */
	right: 0;
	background: #171717;
	height: calc(100% - 54px);
	text-align: left;
	overflow-y: scroll;
	z-index: 102;
	/* border: 2px white solid; */
}


#wrapper-wrapper-message,#wrapper-wrapper-comments{
	position: absolute;
	top: 50px;
	height: 300px;
	height: 70vh;
	display:none;
	right: 0;
	z-index: 100;
	width: 300px;
	box-shadow: -17px 8px 20px 0px #000000;
}

/*
#notification-latest {
	color: white;
	position: absolute;
	right: 0;
	background: #3e3e3e;
	box-shadow: -5px 5px 14px rgba(0, 0, 0, 0.7);
	max-width: 320px;
	text-align: left;
	top: 60px;
	max-height: 300px;
	max-height: calc( 100vh - 140px);
	overflow-y: scroll;
	z-index: 102;
	
	display: none;
}
*/

.notification-item {
	padding:10px;
	border-bottom: #262626 1px solid;
	cursor:pointer;
}
.notification-subject {		
	font-weight:bold;
	color:#3dbd58;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification-comment {		
 overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px;     /* fallback */
   max-height: 32px;      /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

button#notification-icon {
	background: transparent;
	border: 0;
	position:relative;
	cursor:pointer;
}


.input-group{/* clear: right; */}

.uploadBtn{
	margin-bottom: 10px;
}

.input-group-wrapper{
	margin-bottom: 10px;
}

.add_field,.remove_field{
	background-color: #5cb75d;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	color: #ffffff;
	font-size: 30px;
	line-height: 30px;
	/* margin-bottom: 20px; */
	border-radius: 100%;
	margin-right: 10px;
}

.add_button{

	background-color: #666;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	color: #ffffff;
	font-size: 30px;
	line-height: 30px;
	border-radius: 100%;
	position: relative;
	top:5px;

}
.input_holder input{
	display:block;

}
 


.feed a{color: #3dbd58;}

.feed a:hover{
	color: #3dbd58;
	text-decoration: underline;
}


a i{color:#EEE;
	
}
i:hover{
	/* color:#3dbd58; */
}

.gallery img {
    padding: 5px;
    height: 80px;
}


.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}

.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}

#floatbuttons{
	/* float:right; */
	margin-bottom: 10px;
	text-align: right;
}

.feed{
		 margin: 0;
		 /* border-spacing:0; */
		 border-collapse: collapse;
		 background-color: #282828;
		 /* text-align:center; */
		 max-width: calc(100% - 290px);
		 cursor:pointer;
	



	/* These are technically the same, but use both */
		 overflow-wrap: break-word;
		 word-wrap: break-word;
		 -ms-word-break: break-all;
	 /* This is the dangerous one in WebKit, as it breaks things wherever */
		 word-break: break-all;
	 /* Instead use this non-standard one: */
		 word-break: break-word;
		 text-align: left;
		 /* border-radius: 10px; */
		 border-bottom: 1px solid #5858588c;
		 padding: 20px 10px 20px;
		 position: relative;
}

/*a,p,h1,h2,h3,h4,i,textarea,input,span,form, button, iframe, video, embed,img,#poster, #title{
	cursor:default !important;
}

*/
.writeboxContainer{
		 border-spacing:0;
		 border-collapse: collapse;
		 background-color: #222;
		 padding:10px;
		 width: 680px;
		 margin-bottom:20px;
}

.writebox{text-align:left;}
.pinnedPost{
	/* -webkit-box-shadow: 0px 0px 5px 2px rgba(1, 170, 62, 0.6); */
	-moz-box-shadow: 0px 0px 5px 2px rgba(1, 170, 62, 0.6);
	/* box-shadow: 0px 0px 5px 2px rgba(1, 170, 62, 0.6); */
	/* border: 2px solid rgb(66, 66, 66); */
}





#clearfix{
 clear: both;
}


.iconspace{
	padding:10px 10px;
	
}

.caret-down-button{
	background:rgba(0,0,0,0.7);position:absolute;top:0px;left:0px;
}




.edit-buttons{
	
	display:none; 
	background:rgba(0,0,0,0.7);
	position:absolute;
	top:0;left:0;
}


.white-space-fix{


}

#poster{text-align:center;/* padding: 10px 10px; */}


#user {
 display: inline-block!important;
 text-align:left!important;
 font-size:10px!important;
 line-height:1.5em!important;
 color: #999!important;
 position: relative!important;

 margin-bottom: 10px!important;
}

#user h2 {
 font-size:10px!important;
 line-height:1.5em!important;

}

.dropdown-menu{
	left: -190px;
	min-width: 200px!important;
}

#privacy .dropdown-menu > li{

display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;

}

#privacy .dropdown-menu > li:hover{
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}


#privacy{/* float: right; */display: inline-block;}
#share-box{

position: fixed;
z-index:1000;
width: 300px;
height: 200px;
top: 50%;
left: 50%;
margin-top: -100px; /* Negative half of height. */
margin-left: -150px; 




background:#eee;
color:#000;
padding:20px;
}



#share-text{

	width:280px;
	color:#000;

    position: absolute;
    top: 50%;
    left: 50%;
	margin-top: -20px; /* Negative half of height. */
	margin-left: -140px; 

}

.show_more_main{
text-align:center;
margin-top:10px;
	margin-bottom:30px;
}

.writebox input[type=text], select, textarea {
   width: 100%;
   padding: 10px 8px;
   margin:0 0;
   display: inline-block;
   border:0;
   color:#000;
   border-radius:0;
   font-size:16px;
   box-sizing: border-box;
}


#taginput{
	/* float: left; */
	margin: 10px 10px 20px 0;
	padding: 5px 8px;
	color: #eee;
	background: #333;
	font-size: 10px;
	width: calc(100% - 50px);

}



.nav-tabs{
border-bottom: 0;
}

 #mytitle{border-bottom: 2px solid #ddd;

}


 #mydescription{border-bottom: 1px solid #999;margin-bottom: 10px;max-width:100%!important;}


.myform {
    
    background-color: #333;
    padding: 10px;
}
#uploadFile{position:relative;


line-height:30px;
background-color:transparent;

display: inline-block;
border:0;
color:#000;
border-radius:0;
font-size:10px;
color:#40bf80;
	width:40%;}


input#uploadFile {
margin-left:10px;
}


.fileUpload {
    position: relative;
    overflow: hidden;
 
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 30px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


#floatform{display:inline-block;margin-bottom: 20px;}




#mydescription{

}

#privacy-btn{
	margin-right:10px;
	/* float: right; */
}

.newrow{
	margin-bottom:10px;
}

 #title
{
	width:100%;
	font-size: 27px;
	letter-spacing: 0.02em;
	line-height: 1.3em;
	position:inherit;
	margin-bottom: 20px;
}



/*.postermargin { display: block;height:50px; }*/


#clearleft{ clear:left;
}






.mypost{padding:6px 20px;/* float: right; */}



.nav:after, .nav-tabs{
	clear:none !important;
}










/*
#admin table{

	background-color: #444;
	text-align:  center;
	margin: 0 auto;
	width: 930px;





	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
 
	word-break: break-all;
 
	word-break: break-word;
	border-bottom: 10px solid #262626;
}

*/

table td,th
{}


div img{
	max-width: 100%;
	height:auto;
	/* display: inline; */
}

#back a{
	
	padding: 20px;
	margin: 0;
	font-size:16px;
	position: absolute;
	left: 0px;
	top: 30px;
	
	
	color: #FFF;
}



p{/* font-family:Verdana, Geneva, sans-serif; */}



a{color: #3dbd58;}





hr{height:1px;width:100%;border-width:0px;background-color:gray;}


audio {
width:100%;

}




#header
{
 
 width:100%;

 color:#fff;
 font-size:36px;
 font-family:Verdana, Geneva, sans-serif;
}
#body
{
    /* max-width: 956px; */
}




#footer
{
 text-align:center;
 position:absolute;
 left:0;
 right:0;
 margin:0 auto;
 bottom:50px;
}





#admintable{
	width:100%;
	max-width:930px;
	min-width:320px;
}



.table td,th
{
	padding:15px 0;
}


.table a
{
   
    font-size:20px;
    text-align:center;
    text-decoration:none;
}
.table a:hover
{

    text-decoration:underline;
}



.table tr:nth-child(even) {background: #333333}
.table tr:nth-child(odd) {background: #666666}









.share{font-weight:bold;position: relative;float:right;}

.share i:hover{color:white;}
.date{text-align:left;font-size:10px;color: #999;}

a.bold{
font-weight:bold;
}
table{cursor:pointer;}


 b{display: block; }
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
color: inherit;
}

a:active {
    text-decoration: underline;
}








#home {
	
	padding: 20px;
	margin: 0;
	font-size:16px;
	position: absolute;
	left: 0px;
	top: 0px;
	
	

}

#logout {
	
	padding: 20px;
	margin: 0;
	font-size:16px;
	position: absolute;
	right: 0px;
	top: 0px;
	
	

}

.oembedall-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
/*	overflow: hidden; */
}

.oembedall-container iframe,
.oembedall-container object,
.oembedall-container embed {
position: absolute;
top: 0;
left: 0;
width: auto;

}





.result {
  /* text-align:center; */
  display: flex;
  flex-direction: column;
  /* margin: 0 auto; */
  display: inline-block;
  width: calc(100% + 20px);
  margin-top: 20px;
  margin-bottom: 0;
  justify-content: center;
  max-width: 100%;
}
.result p {


}




	
.result:empty{
	display:none;

}


p{

}





.rotate-button {
    position: absolute;    
    right: 10px;
    top: 10px;
}



.well{
	border-radius:0;
}
.nav-tabs>li>a{
	margin-right:0;
}

.nav-tabs>li{
	float:right;
}


.comments{
	text-align:left;
}
.new-com-bt {
	background-color: #000000;
}

#pagcont{width:100%;text-align:center;
}
.pagination:empty{display:none;}
.pagination ul{display:inline;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination ul>li{display:inline;}
.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 10px;line-height:20px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0;}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
.pagination ul>.active>a,.pagination ul>.active>span{color:#999999;cursor:default;}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999999;background-color:transparent;cursor:default;}
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}
.pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px;}
.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px;}
.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px;}
.pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px;}
.pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px;}

.animated {
    			-webkit-transition: height 0.2s;
				-moz-transition: height 0.2s;
				transition: height 0.2s;
			}
			
			
			
		 .hide {
		        display:none;
		    }		
			
			.comments{padding: 0px 10px 30px 10px;}			
			
			
legend{
	border:0;
	color:#fff;
	margin-bottom: 10px;
	}			
			
.marginbottom {
	/* margin:0 0 10px 0; */
}

.margintop {margin-top: 10px;}

.marginlarge{
	margin: 0 0 0 0;
}


.new-com-cnt{ 

	display: none;

}


#emailname{
	
	width:100%;
	
}
.control-group, .controls{
	display: inline;/* padding-top: 50px; */

}
.name, .email{
	/* width: 30px; */; /* display:inline-block; */
	/* border: none; */
	/* overflow: hidden; */
	/* width: 250px; */
	/* white-space: nowrap; */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */; /* white-space: nowrap; */; /* width: 33%; */; /* overflow: hidden; */; /* text-overflow: ellipsis; */; /* border: 1px solid #000000; *//* margin-bottom: 10px; */
	}


/* Css Shadow Effect for the prod-box and prod-box-list div */
 .shadow{
    -webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.31);
    -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.31);
    box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.31);
}


.placeholder{
	color: #666;
}



.loading_txt{
	display: block;
    width: 300px;
    margin: 0 auto;
    text-align: center;
	margin-top:10px;
    margin-bottom: 30px;
}



 .morecontent span {
    display: none;
}
.morelink {
    display: block;
}


#pagelist{
	margin:0 auto;
	width:200px;
	display:block;
}


/* ------------------TAGS  */

/*
 * DO NOT EDIT THIS FILE DIRECTLY
 * Compiled from bootstrap-tagmanager.less based on Bootstrap 2.3.1 variables
 * https://github.com/twitter/bootstrap/blob/master/less/variables.less
 */



.tm-tag  {
  color: #555555;
  background-color: #f5f5f5;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  display: inline-block;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 0 5px 5px 0;
  padding: 4px;
  text-decoration: none;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  vertical-align: middle;
}

.tm-tag a{
	  color: #aaa;
	}
	
	
	.tm-tag a:hover{
		  color: #fff;
		text-decoration:none;
		}

.tm-tag .tm-tag-remove {
  color: #000000;
  font-weight: bold;
  margin-left: 4px;
  opacity: 0.2;
}
.tm-tag .tm-tag-remove:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
}
.tm-tag.tm-tag-warning {
  color: #945203;
  background-color: #f2c889;
  border-color: #f0a12f;
}
.tm-tag.tm-tag-error {
  color: #84212e;
  background-color: #e69ca6;
  border-color: #d24a5d;
}
.tm-tag.tm-tag-success {
  color: #638421;
  background-color: #cde69c;
  border-color: #a5d24a;
}
.tm-tag.tm-tag-info {
  color: #4594b5;
  background-color: #c5eefa;
  border-color: #5dc8f7;
}
.tm-tag.tm-tag-inverse {
  color: #cccccc;
  background-color: #555555;
  border-color: #333333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.tm-tag.tm-tag-inverse .tm-tag-remove {
  color: #ffffff;
}
.tm-tag.tm-tag-large {
  font-size: 16.25px;
  border-radius: 4px;
  padding: 11px 7px;
}
.tm-tag.tm-tag-small {
  font-size: 11.049999999999999px;
  border-radius: 3px;
  padding: 2px 4px;
}
.tm-tag.tm-tag-mini {
  font-size: 9.75px;
  border-radius: 2px;
  padding: 0px 2px;
}
.tm-tag.tm-tag-plain {
  color: #333333;
  box-shadow: none;
  background: none;
  border: none;
}
.tm-tag.tm-tag-disabled {
  color: #aaaaaa;
  background-color: #e6e6e6;
  border-color: #cccccc;
  box-shadow: none;
}
.tm-tag.tm-tag-disabled .tm-tag-remove {
  display: none;
}
input[type="text"].tm-input {
  margin-bottom: 5px;
  vertical-align: middle !important;
}
.control-group.tm-group {
  margin-bottom: 5px;
}
.form-horizontal .control-group.tm-group {
  margin-bottom: 15px;
}
 

/* END------------------TAGS  */



.message-type-image {
    float: left;
    width: 100%;
    cursor: pointer;
    margin-bottom: 10px;
}

.image-container-padding {
    /* background-color: #191919; */
    /* padding: 10px 0 0 10px; */
    overflow: auto;
    justify-content: center;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}



.image-thumbnail-container {
    /* float: left; */
    width: 33.333%;
    /* display: ; */
    display: inline-block;
    text-align: center;
    /* margin-right: -4px; */
    /* margin-bottom: -4px; */
    /* overscroll-behavior-x: none; */
    overflow: hidden;
    position: relative;
    vertical-align: text-top;
}

.image-thumbnail-container-single {
    position: relative;
    display: inline-block;
    width: 100%;
}


.image-thumbnail {
    padding: 0 10px 10px 0;
    overflow: hidden;
    /* width: 33%; */
    /* margin-right: 43px; */
    text-align: center;
}

.image-thumbnail img {
    width: 100%;
    float: left;
}


.div-block{
    display: inline-block;
}








.edit-container{
	position:relative;
	overflow: hidden;
}








/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}



.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgb(0, 167, 57) url(img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  z-index: 100;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: rgb(135, 211, 124);
  opacity: 1;
}







	
	h1,h2,h3,.sidepanels ul, .sidepanels li{
		 margin:0px; 
		 padding:0px; 
	}
	
	
	/* The side navigation menu */

	
.full-width{
	max-width:100%;
}
	
	
	.custom-btn{!important;
	 display: inline-block!important;
	margin-bottom: 0!important;
	font-weight: normal!important;
	text-align: center!important;
	vertical-align: middle!important;
	touch-action: manipulation!important;
	cursor: pointer!important;
	background-image: none!important;
	border: 1px solid transparent!important;
	white-space: nowrap!important;
	padding: 6px 10px!important;
	font-size: 14px!important;
	line-height: 1.42857143!important;
	border-radius: 4px!important;
	-webkit-user-select: none!important;
	-moz-user-select: none!important;
	-ms-user-select: none!important;
	user-select: none!important;
}
	
.btn-success{
		color: #fff!important;
		background-color: #00ab3e;
		border-color: #00ab3e;
		/* float: right; */
}
		#main {
	/* width: 670px; */
	position:relative;
	}
	
	
	.sidenav {
	    width: 0; /* 0 width - change this with JavaScript */
	    position: relative; /* Stay in place */
	    z-index: 1; /* Stay on top */
	    right: 0;
	    display:block;
	    overflow-x: hidden; /* Disable horizontal scroll */
	    transition:0;
	}

	/* The navigation menu links */


	/* When you mouse over the navigation links, change their color */
	.sidenav a:hover, .offcanvas a:focus{
	    /* color: #f1f1f1; */
	}

	/* Position and style the close button (top right corner) */

.hamburger, .logout, .settings, .writebtn, .name, .notification{margin: 0 13px 0 0!important;}
.logout, .settings{
	float:right;
	/* margin-left: 1em; */
	height: 34px;
}


#mainWrapper .hamburger:after {
    content: "MENU";
    font-size: 17px;
    position: relative;
    top: -3px;
    margin-left: 0.4em;
}

span.hamburger {
    text-align: left;
}

.hamburger:hover, .closebtn:hover, .writebtn:hover{

	color:#3dbd58;
	cursor:pointer;
}

#menu{
	text-align:left;
	position: relative;
}

.writebtn,.logout, .settings {
    display: inline-flex!important;
    align-items: center;
}

.closebtn {
	
display:none;
	}

.sidepanels{
	margin: 0 15px 15px 15px;
	background-color: #282828;
	text-align:left;
	padding: 15px;
}

.sidepanels > p{font-size: 20px;color:#eee;/* background-color: #1d1d1d; */padding: 0;/* text-transform:uppercase; */margin-bottom: 10px;font-weight: bold;}

.sidenav a, .sidenav ul li{
    padding: 0;
    text-decoration: none;
    /* font-size: 16px; */
    color: #3dbd58;
    font-weight: normal;
    display: block;
    list-style:none;
    text-decoration:none;
    margin-bottom: 6px;
    /* line-height: 26px; */
}

.sidenav a:hover{
	   color: white;
	}

#mainWrapper{padding-left: 15px;padding-right: 15px;padding-bottom: 0px;}




#sidenavWrapper{
	width:240px;
    height: auto;
display:block;

    top: 0;
    right: 0;

}

#comm_cancel{
	color:black;
}

.add_more{
	  visibility: hidden;
	float: left;
	opacity: 0;
	   transition: visibility 0s, opacity 2s linear;

}

.visible{
	  visibility: visible;
	display: block;
		opacity: 1;
}

.mypost{
	cursor: pointer;
}

#progressWrapper{
display: none;
	
}
#myProgress {

    width: 100%;
    background-color: #333;
}
#myBar {
	    line-height: 2em;
    width: 0%;
    height: 30px;
    background-color: #3dbd58;
}

#percentText{
	margin-left: 20px;
}



.single-post {/* max-width: 930px; *//* text-align: center; */}

.bc {font-size: 14px;/* text-transform: uppercase; *//* margin-bottom: 1em; */font-weight:normal;text-align: center;}

@media only screen and (max-width:930px){
	.single-post {
	/* max-width: 930px; */
	text-align: left;
	margin-top:20px;}
	}
.bc {
    margin: 10px 0;
    /* display: inline-block; */
}	
	
}


.emoji-wysiwyg-editor.form-control.textarea-control {
    height: 140px !important;
}

.textarea-control {
    height: 180px!important;
}

.emoji-picker-container-dark .emoji-picker-icon {
    color: white!important;
}

li.media {
    overflow: visible!important;
}

li.media-body {
    overflow: visible!important;
}

.media, .media-body {
    zoom: 1;
    overflow: visible;
}


.screenshots_container {
    margin-bottom: 2em;
    /* margin-top: 1em; */
    padding: 0;
    margin: 0;
    text-align: left;
    border: 1px solid #666!important;
    margin: 48px 0;
    overflow: auto;
}

span.screenshot_title > h3 {
    margin-bottom: 0.5em;
    font-size: 1.2em;
    color: #fff;
}

span.logout {
    margin-right: 0!important;
}

#poster{
	text-align: left!important;
	/* padding: 15px; */
}

.name {
    /* text-align: right; */
    /* width: 100%; */; /* display: inline-block; */
    /* height: 25px; */; /* margin-left: 10px !important; */; /* margin-bottom: 20px; */x;p;0;2;
}

.message-header {
	display:block;
	padding: 5px;
	background-color: #202020;
	color: #3dbd58;
	height: auto;
	padding: 17px 10px;
	height: 54px;
}

.message-header a:hover {
    text-decoration: underline;
}

.x {padding: 6px 15px 7px;float: right;margin-right: 0;font-size: x-large;/* line-height: 0.4; */cursor: pointer;top: -8px;}

.env {
    margin-right: 7px;
    top: 2px;
}

.logo img {
    display: inline-block;
    margin-left: -3px;
}

.header-wrapper {
    text-align: left;
    margin: 20px 0;
}

.logo {
    /* padding-left: 17px; */
    display: inline;
}


.hamburger {
    position: relative;
    margin: 20px 0!important;
}

span.writebtn {
    /* padding: 15px; */
    margin: 0!important;
    position: relative;
    height: 34px;
    display: inline-block;
}


.header-container {
    /* margin: 20px 0; */
    text-align: center;
}

/* width */
.msg-panel ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.msg-panel ::-webkit-scrollbar-track {
  background: #414141; 
}
 
/* Handle */
.msg-panel ::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.msg-panel ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

button#notification-comments {
    background-color: #CC3333;
}

button#notification-message.btn.btn-success {
    background-color: #3dbd58;
}

h6.media-heading a span {
    color: #3dbd58!important;
}


.form-control-dark {
    margin-bottom: 10px;
}

.poster_list {
    margin-bottom: 60px;
    /* clear: both; */
    width: 100%;
    min-width: 100%;
    /* margin: 0 auto; */
    /* margin-top: 20px; */
}


#typed-strings {
    display: none!important;
}

#typed {
  font-family: 'Share Tech', sans-serif;
  color: #FFF;
  letter-spacing: 0.1em;
  font-size: 16px!important;
  display: inline;
}

@media(max-width:480px){
	
	
	#typed {

	  font-size: 12px!important;
	}
	
}

span.typed-cursor{
	 color: #FFF;
}


.img-container {/* text-align: center; *//* margin-bottom: 20px; *//* margin-left: -10px; */margin-right: 0;/* padding-bottom: 20px; */}

.the-comments {margin-top: 23px;padding: 0px !important;}


.textarea-guest {
    margin: 0;
    outline: 0;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: text;
    border: 1px solid #CCC;
    background: #FFF;
    font-size: 1em;
    line-height: 1.45em;
    padding: .25em .8em;
    padding-right: 2em;
    text-align: left;
    color: black;
    margin-top: 1em;
    width: 50%;
}

.dropdown-menu > li > a, .dropdown-menu > li > div {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

div[id^=move] input {
    border-color: #cc3333;
    box-shadow: none!important;
    border: 1px solid #cc3333!important;
}

div[id^=copy] input {
    border-color: #00a639;
    box-shadow: none!important;
    border: 1px solid #00a639!important;
}

.fa-thumb-tack {
    color: #3dbd58;
}

#user img {
    border-radius: 100%;
    width: 48px;
    height: 48px;
    position: relative;
    z-index: 9;
}

.sidenav a > small {
    color: #666;
}

.sidepanels.people, .sidepanels.pages {
    font-size: 16px;
}




@media screen and (min-width: 931px) {		
		
	#sidenavWrapper{width: 290px;float:right;}
	#main{/* margin-right:250px; */}
	#mySidenav{width:100%;/* margin-top: 40px; */}
	.hamburger {display:none;}

}


@media screen and (max-width: 930px) {
		
	.poster_list{width:100%;}
	#mainWrapper{width:100%;}
	#main{width:100%;}
	#sidenavWrapper{width:100%;}
	.hamburger {display:block;}
	#mySidenav{display:none;}	
	.sidepanels{margin: 10px;}


.feed{ max-width:100%!important;}
 
}








@media only screen and (min-width: 931px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1020px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}



@media screen and (max-width: 930px) {
   

.feed, .writeboxContainer {box-sizing: border-box;width: 100%;}


}


@media screen and (max-width: 480px) {
	.image-thumbnail-container {

	    width: 50%;
	}


}



@media (max-width: 930px){
#body{

    width:100%
}

}

.poster_list div:first-of-type {
    border: none;
}

.single-post .feed {
    border: 0;
    margin: 0 auto;
}

.mycontainer .poster_list {
    margin: 0 auto;
}




.the-comments {
    overflow: auto;
    content: "";
}

.loading-dummy-container{
	margin-top:10px;
	text-align:center;
	margin-bottom:30px;
	
	
}


.like-container{
	
	padding: 0;
	margin: 5px 0 10px 5px;
	
	
}




.count {
	color: rgba(255,255,255,0.7);
	font-weight:bold;
	position: relative;
	top: -1px;
	padding-left: 6px;
	font-size: 14px;
}




.like-comment-share{margin-left: 10px;padding: 20px 0 0px;}

.like-comment-share .fa {
    font-size: 16px;
    color: rgba(255,255,255,0.5);
}

.like-comment-share .fa:hover {
    /* font-size: 18px; */
	color: #3dbd58;
}

.meta {
    min-width: 80px;
	display:inline-block;
}

.like {color: #777;}
.like-comment-share .unlike, .like-comment-share .unlike:hover {color: #3dbd58;}


span.screenshot_link h5 {
    text-transform: uppercase;
    color: #999!important;
}

a.screenshot-links {
    color: #fff;
    text-decoration: none;
    display: block;
}

a.screenshot-links:hover {
    color: #fff;
    text-decoration: none;
}

span.screenshots {
    float: left;
    overflow: auto;
    width: 50%;
    padding-right: 0;
    /* margin: 10px; */
}

.screenshots img {
    width: 100%;
    padding: 10px;
}

.screenshot-text-container {
    width: 50%;
    float: right;
    padding: 10px 0;
    color: #fff;
}


.screenshot-text-container h4 {
    margin-top: 0;
}

@media (max-width: 480px){
    .screenshots {
        width:100%!important;
        float:none!important;
    }
    
    .screenshot-text-container{
    width:100%!important;
    float:none!important;
    padding: 10px;
    }
    
.screenshots img{
    padding: 10px!important;
}

    }
	
	
	span.post-details {
	    height: 20px;
	    display: inline-block;
	    margin-left: 10px;
	    /* padding-top: 20px; */
	    top: 7px;
	    position: relative;
	    z-index: 9;
	}




	.in-page a {
	    color: #eeeeee;
	}
	
	

	td, tr, th {
	    padding: 20px;
		    word-break: normal;
	}

	table.infobox {
	    width: 100%!important;
	}
	

	.pinnedPost.feed {

	    background-color: #3b3b3b;
		
	}

	

.mw-parser-output {
    padding: 10px;
}


a.nav-link {
    padding: 10px;
}

.thumbinner {
    padding: 20px 0px 30px;
}



div#content {
    margin-top: 30px;
}

.share-container{
	/* min-height: 99px; */
}

.spinner{
	min-height:75px!important;
}


.tm-tag {
    margin: 10px 4px;
}

.result .tm-tag:first-of-type{
 margin-left:0;
}

/*
a.screenshot-links[href^="https://www.youtube.com"] {
    display: none;
}
*/

 a.screenshot-links + .poster {
    padding-top: 48px!important;
}


/* .result iframe:first-of-type {margin-top:0!important;padding-top: 0!important;}


.result iframe:last-of-type {margin-bottom:0!important}
*/
.image-container-padding video:first-of-type {
    margin-top: 0;
}

.image-container-padding video:last-of-type {
    margin-bottom: 0;
}



.wrapper-single video:first-of-type {margin-top: 0;}
.wrapper-single video:last-of-type {margin-bottom:0!important;}

.wrapper-multiple video:first-of-type {margin-top:0!important;}
.wrapper-multiple video:last-of-type {margin-bottom:0!important;}
/*
.poster iframe:first-of-type{ margin-top:0!important;}
.poster iframe:last-of-type{ margin-bottom:0!important;}
*/
.result .screenshot-links:first-of-type .screenshots_container {margin-top: 0px!important;}
.result .screenshot-links:last-of-type .screenshots_container {margin-bottom: 0px!important;}



ul#comment-list .comment:last-of-type {
    margin-bottom: 0;
}

ul#comment-list .comment:first-of-type {
    margin-top: 0;
}




.comment-wrapper {
    margin-top: 20px;
	 padding: 0!important;
}

.comment-wrapper {
    margin-top: 20px;
}



.img-container + .poster {
    margin-top: 20px;
}

/*

a.screenshot-links + iframe {
  padding-top: 48px!important;
}

*/

img{
	max-width:100%;
}



 .feed iframe{
	width: 100%;
	display: block;	
	width: calc(100% + 20px);
	margin-left: -10px;
 
}



video {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #000000;

}

  .feed iframe:not(#twitter-widget-0):not([src*="mixcloud.com"]):not([src*="spotify.com"]){height: 380px;}


@media(max-width:930px){
	
	    .feed iframe:not(#twitter-widget-0):not([src*="mixcloud.com"]):not([src*="spotify.com"]){
	
		height: 56.25vw;

	}	

	


}






@media(min-width: 960px){
	

  
	

	
    #title{
   	width:100%;
   	font-size: 42px!important;
   	letter-spacing: 0.01em!important;
   	line-height: 1.2em;
   	position:inherit;
   	margin-bottom: 20px;
   	margin-top: -10px;
   }
   
   

   body
   {
   	font-family: 'Open Sans', Tahoma, Arial, sans-serif;
   	font-size: 16px!important;
   	line-height: 1.42857143;
    background-color: #181818;
    color: #EEE;
    max-width: 960px;
    margin: 0 auto;
   }

  


   .mw-parser-output table {
       width: 100%!important;
   }



   .mw-parser-output table,.mw-parser-output tbody,.mw-parser-output table td,.mw-parser-output table th,.mw-parser-output div{    background-color: #282828!important;}
}


iframe[id^=twitter-widget] {
    width: 100%!important;
    margin: 0 auto!important;
    max-width: 100%!important;
}





div#app > div > div > div {
    width: 100%!important;
    max-width:100%!important;
}



.twitter-tweet.twitter-tweet-rendered {
    max-width: 100%!important;
}

div#app > div > div > div {
    max-width: 100%!important;
    width: 100%!important;
    min-width: 100%!important;
}
.wrapper-single,.wrapper-multiple {
    margin-left: -10px;
    width: calc(100% + 20px);
 
}




 .single-img + video {
   margin-top: 20px!important;
}


h1#title + .img-container {
 
}
img.example-image {
    width: auto;
    max-height: 1800px;
}

.single-img + .single-img {
    margin-top: 20px!important;
}

video + .single-img {
    margin-top: 20px!important;
}

video {
 max-height: 670px!important;
}
.wrapper-single img {
    width: 100%;
}


input[class ^="save"] {
    /* background-color: #959595!important; */
    padding: 5px 15px;
    background: #dcdcdc;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #616161;
    text-transform: uppercase;
    font-weight: bold;
    	font-family: 'Open Sans', Tahoma, Arial, sans-serif;
}

input[class ^="save"]:hover{

      background-color: #9c9c9c;
}

textarea[class ^="caption"]{background-color: #5b5b5b!important;margin-top: 20px;color: #ffffff;}


a.link-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    transform: translateX(-10px) translateY(-20px);
    z-index: 1;
    /* display: none; */
}

div#user {
    z-index: 9;
    position: relative;
}

div#poster {
    z-index: 2;
    position: relative;
}

.result {
    z-index: 2;
    position: relative;
}

.img-container {
    z-index: 2;
    position: relative;
}

.like-comment-share {
    position: relative;
    z-index: 1;
}



h1#title {
    z-index: 0;
}

.share-container {
    position: relative;
    z-index: 1;
}

.prev-post {
    left: 0;
    position: absolute;
    /* padding-left: 10px; */
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    /* padding-right: 10px; */
    padding: 10px;
}

.next-post {
    right: 0;
    position: absolute;
    padding: 10px;
}
.arrow{
	color:#fff;
	cursor:pointer;
	top: 15px;
}
.arrow:hover{
	color:#3dbd58;
	text-decoration: none;
}

div.result {
    touch-action: pan-right pinch-zoom;
}

.btn-group {
    z-index: 99;
}

.clickmask{
	z-index:10;
}

.nav-page-previous {
    float: left;
    text-align: left;
}

.nav-page-next {
    float: right;
    text-align: right;
}

.nav-page-previous, .nav-page-next{
	    margin: 10px 0;
	    font-size:1em;
	    width: 33.333%;
	    cursor: pointer;
}

.navigation-text{
	
	font-family: 'Open Sans', Tahoma, Arial, sans-serif;
	
}

.bc{
	display:inline-block;
	width: 33.333%;
}
.navigation-bar .fa-chevron-right:before {
    content: unset;
}

.navigation-bar .fa-chevron-right:after {
    content: "\f054";
}
.navigation-bar .arrow-prev-page:hover , .arrow-next-page:hover {
    text-decoration: none;
}

.navigation-bar span.nav-text span {
    font-size: 14px;
    font-family: 'Open Sans';
    padding: 0 10px;
    line-height: 1;
    transform: translateY(-4px);
    display: inline-block;
}

.navigation-bar {
    margin-top: 20px;
    margin-bottom: 20px;
}

.navigation-bar {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.posters {
    min-height: 100vh;
}

@media(max-width:930px){
	
	.nav-page-name{
		
		display:none!important;
	}
	
	.bc{
		display:inline-block;
		width: calc(100% - 70px);
	}
	.nav-page-previous, .nav-page-next{
		    width:35px;
	}
	
}



span[class^="urlclass-"]  {margin: 20px 0!important;}


span[class^="urlclass-"]  {

display:block;
    
}

span[class^="urlclass-"]  {margin: 10px 0 40px!important;}

.poster span[class^="urlclass-"]:first-of-type{
    margin-top: 20px!important;
}

span[class^="urlclass-"] a + iframe {
    margin-top: 20px!important;
}

span[class^="urlclass-"] + br {
 content: " ";
 display: none;
}
span[class^="urlclass-"] + br + br {
 content: " ";
    display: none;
}
span[class^="urlclass-"] + br + br + br{
 content: " ";
    display: none;
}

span[class^="urlclass-"] + br + br + br + br{
 content: " ";
    display: none;
}

.poster {
    margin-top: 10px;
    z-index: 9;
    position: relative;
}

.poster span[class^="urlclass-"]:last-of-type,.poster span[class^="urlclass-"]:only-of-type {margin-bottom: 0px!important;}

.poster span[class^="urlclass-"]:last-of-type + br,.poster span[class^="urlclass-"]:only-of-type + br {display:block;height:20px;}


ul.dropdown-menu {
    z-index: 999;
}

.hidebr{
	display:none;
}

.thefeed {
    margin-top: 10px;
}