.fa-play, .mediatype {
position: absolute;
color: white;
font-size: 20px;
opacity: 1;
right: 10px;
bottom: 10px;
margin-top: -25px;
z-index: 10;
}

.instantresp {
    position:relative;
    width:100%;
    margin-bottom:10px;
    padding:10px 20px;
    box-sizing:border-box;
    font-size:10pt;
    color:#555;
    background:white;
    border-radius:8px;
    box-shadow:1px 2px 3px rgba(0,0,0,0.2);
    display: inline-block;
}

.loopvidnews {
    position: absolute;
    left:0px;
    top:0px;    
    width:100%;
}

.likes_comms_label {
    position:relative; 
    float:left; 
    font-size: 8pt; 
    border:1px solid rgba(0,0,0,0); 
    border-radius:31px; 
    padding:8px 15px; 
    width:420px;
}


[show="0"] {
    display:none !important;
}

[name=commentsection] {
  position: relative;
  float: left;
  padding: 0px;
  margin-top:10px;
  width: 450px;
  font-size: 10pt;
  border-radius:25px;
  border: 1px solid #E1E1E1;
  background: #FFF;
}

[liked=false] {
    cursor:pointer;
}

[liked=false]:hover {
    color:#c83171 !important;
}

[liked=true] + span {
    color:#c83171;
}

[liked=true] {
    color:#c83171 !important;
}

[likec] {
padding: 1px 7px;
font-size: 9pt;
position: absolute;
margin-top: 0px;
}

[likec="0"]{
    display:none !important;
}


.addemoji {
cursor:pointer;
color: #888;
background: #F1F1F1;
border-radius: 50%;
font-size: 20px;
padding: 8px;
}

.addemoji:hover {
    background:#E1E1E1;
}

.engacom {
    cursor:pointer;
    font-size:12pt;
    color:gray;
}

.engacom:hover {
    color:<?php echo $_SESSION['menu_color'] ?>;
}


.posttext {
    font-size:15pt !important;
}
.moreActionsMenu {
position:relative; min-width:60px; min-height:15px; padding:5px; background-color:#E3E3E3; cursor:pointer; border-radius:5px;
}

.moreActionsMenu:hover {
background-color: #efefef;
}

.moreActionsButton {
position:absolute; right:5px; top:0px; -webkit-border-radius:50%;  height:17px; padding:0px; z-index:9; padding-top:3px; padding-left:7px; padding-right:7px; padding-bottom:10px; font-size:19pt; height:26px; cursor:pointer;  border: 0px solid #E1E1E1; color:#909090 !important; }

.moreActionsButton:hover {
color:<?php echo $_SESSION['menu_color']." !important" //#505050 ?>;
}



.expandedmedia {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:2000;
    display:none;
}

.loopownerpic {
    width:20px;
    height:20px;
    border-radius:50%;
    border:2px solid white;
}

.loopowner {
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
color: white;
padding: 5px;
width: 100%;
background: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));

}

.playbutton {
opacity: 0.7;
display:none;
position: relative;
left: 50%;
top: 50%;
z-index: 26;
height: 30px;
width: 30px;
margin-left: -15px;
margin-top: -15px;
}

.looparrowright {
    position: absolute;
    left:100%;
    margin-left:-55px;
width: 100px;
height: 100px;
border-radius: 50%;
background: rgba(0,0,0,0.5);
top: 115px;
z-index: 30;
cursor:pointer;
}

.looparrowright:hover {
    margin-left:-57px;
}

.looparrowleft {
position: absolute;
left: -50px;
width: 100px;
height: 100px;
border-radius: 50%;
background: rgba(0,0,0,0.5);
top: 115px;
z-index: 30;
cursor:pointer;
}

.looparrowleft:hover {
    left: -48px;
}

.arrow {
  display: inline-block;
width: 15px;
height: 15px;
border-top: 5px solid #fff;
border-right: 5px solid #fff;
top: 40px;
position: relative;
left: 15px;
}

.arrow-right {
  transform: rotate(45deg);
}

.arrow-left {
  transform: rotate(-135deg);
  left:65px !important;
}

.posttext {
    position:relative; 
    float:left; 
    padding:0px; 
    margin:0px; 
    margin-bottom:10px;
    border:0px; 
    width:100%; 
    font-size:17pt; 
}

.loopscroll  , [name=loopscroll] {
    position:relative;
    background:black;
    max-width:149px;
    max-height:265px;
    border-radius:10px;
    float:left;
    margin-left:10px;
    overflow: hidden;
    height:265px;
}

.loopvidscroll {
    position: relative;
    margin-bottom: 40px;
    max-width: 149px;
    max-height: 265px;
    margin: 0px;
    float:left;
    height:265px;
}

.loopexpand {
position: relative;
margin-bottom: 40px;
max-width: 100%;
max-height: 100%;
margin: 0px;
float: left;
left: 50%;
}

.loopfeed , [name=loopfeed] {
    background:#fff;
    max-width:400px;
    max-height:400px;
    float:left;
}

.thumbcol {
    width:0px;
}

.linkthumbnail {
    width:100px;
}

.linkcontainer {
    margin-top:5px;
}

.fa-expand {
    position:absolute;
    bottom:10px;
    right:10px;color: white;
    z-index: 10;
    font-size: 25px;
    opacity: 0.9;
    display:none;
}


.engacom {
    cursor:pointer;
    font-size:12pt;
    color:gray;
}

.engacom:hover {
    color:<?php echo ($_SESSION['menu_color']?$_SESSION['menu_color']:"#00B7FF") ?>;
}

.mediabox {
    margin:0px !important;
}
.photopost {
    cursor:pointer; 
    width:100%;
    border-radius:0px;
}

.albtable {
    width:100%;
}

.albtabletd1_s2 {
    width:100%;
}

.albphoto1_s2 {
     display:block; background-position:center !important; border-radius:0px;  cursor:pointer; width:50%; height: 250px; background-size: cover !important;
}

.albphoto2_s2 {
    display:block; background-position:center !important; border-radius:0px;  cursor:pointer; width:50%; height: 250px; background-size: cover !important;
}

.albphoto1_s3 {
     display:block; background-position:center !important; border-radius:0px;  cursor:pointer; width:100%; height:150px; background-size: cover !important;
}

.albphoto2_s3 {
     display:block;background-position:center !important; border-radius:0px;  cursor:pointer; width:100%; height: 150px; background-size: cover !important;
}

.albphoto3_s3 {
    position:relative; display:block;  background-position:center !important; border-radius:0px;  cursor:pointer; width:100%; height: 150px; background-size: cover !important;
}

.albphoto3_s3 > span > span > span {
    top: -51% !important;
    font-size: 30pt !important;
}

.albphoto1_s3s {
     display:block; background-position:center !important; border-radius:0px;  cursor:pointer; width:100%; height: 300px; background-size: cover !important;
}

.albphoto2_s3s {
     display:block; background-position:center !important; border-radius:0px;  cursor:pointer; width:100%; height: 150px; background-size: cover !important;
}

.albphoto3_s3s {
     position:relative;display:block; background-position:center !important;border-radius:0px; cursor:pointer; width:100%; height: 150px; background-size: cover !important;
}

.albphoto3_s3s > span > span > span {
    top: -51% !important;
    font-size: 30pt !important;
}