.display {
    margin-top: 13px !important;
    height: 25px;
}
.div_grey {
    background: url(/assets/zws/images/unliked-heart.svg);
    height: 17px;
    width: 19px;
    float:left;
    display: inline-block;
    margin-right: 5px !important;
    background-repeat: no-repeat !important;

}
.activeEmoji {
    background: url(/assets/zws/images/filled-heart.svg) !important;
    background-repeat: no-repeat !important;
}
#emoji_div {
    height: 24px;
    width: auto;
    padding-top: 2px !important;
    float:left;
}
.emojiSection {
    width: auto;
    height: 20px;
    float: left;
    margin-left: 8px;
    margin-right: 8px;
    margin-left: 14px !important;
}
.emojiCount {
    width: auto;
    height: 17px;
    font-weight: normal;
    color: #000000;
    font-family: 'Raleway-Regular';
    font-size: 14px;
    color: #F47721;
    line-height: 1;
    float: left;
    display: inline-block;
}
.div_love {
    background: url(/assets/zws/images/17px.png) 0 -85px;
    height: 17px;
    width: 17px;
    display: inline-block
}
#dialogPost div.shareReport {
    margin: 0px;
    padding: 0px;
}

.right_pull_main{
  float:right;
  margin-right:5px !important;

}

.share{
  /*background: url(/assets/zws/images/share_inactive.png);*/
  width:30px;
  height:25px;
  margin-right: 10px;
  background-repeat: no-repeat;
  cursor: pointer;
  color:#4A4A4A;
  font-size:24px !important;
  line-height: 1;

}


.actives{
  /*background: url(/assets/zws/images/share_active.png) !important;*/
  color:#9B9B9B;
}

.shareReport{
  display: none;

  text-align: center;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-right: 4px;
  padding-left: 0px;
  /*box-sizing: border-box;*/
  background: white;
  color: white;
  position: absolute;
  /*width: 130px;
  height: 60px;*/
  line-height: 25px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 1px
  transition: .25sease-in-out;
  color: black;

  -webkit-box-shadow: 1px 1px 3px -3px #eee;
  -moz-box-shadow: 1px 1px 3px -3px #eee;
  box-shadow: 1px 3px 4px -1px #ccc;
  cursor: pointer;

}

.activeShare{
	display:block !important;
}

#report_div{

  cursor: pointer;
}

.report_div{
  height:40px;
  width:144px;
  border-bottom: 1px solid #ccc;
  line-height: 40px;
  margin-right: 2px !important;
  margin-left: 2px !important;
}
.report_div_full:hover{
  background-color: #DEDEDE;
}

#share_div{
  padding-top:5px;
  cursor: pointer;
}

.share_div{
  width:144px;
  height:40px;
  line-height: 40px;
  padding-top: 2px !important;
}

.share_div_full:hover{
  background-color: #DEDEDE;
}

.report_popup{
  display: none;
  z-index:9999;
  text-align: center;

}

.share_popup{
	display: none;
	text-align: center;
	padding-bottom: 2px;
	padding-top: 5px  !important;	
	background: white;
	color: white;
	position: absolute;
	width: 200px;
	height: 30px;
	line-height: 25px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 1px
	transition: .25sease-in-out;
	color: black;
	-webkit-box-shadow: 1px 1px 3px -3px #eee;
	-moz-box-shadow: 1px 1px 3px -3px #eee;
	box-shadow: 3px 3px 4px -1px #ccc;
	cursor: pointer;

}

.social {
  width:30px;
  height:30px;
  float:left;
  padding-left: 10px !important;
  padding-right: 10px;
  display: inline-block;

}

a.hrefsocial{
  width:inherit;
  height:30px;
  display: inline-block;
}

.fb{
  background: url(../images/fb.svg);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  padding-left: 10px;
  padding-right: 10px;
  height: inherit;
  width:inherit;
}

.insta{
  background: url(../images/insta.svg);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  height: inherit;
  width:inherit;
}

.gplus{
  background: url(../images/gplus.svg);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  height: inherit;
  width:inherit;
}

.twitter{
  background: url(../images/twitter.svg);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  height: inherit;
  width:inherit;
}

.tumblr{
  background: url(../images/tumblr.svg);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  height: inherit;
  width:inherit;
}

.mail{
  background: url(../images/mail.svg);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  padding-right: none;
  height: inherit;
  width:inherit;
}


/*for pop up*/

#report_dialog{
  margin: 0 auto;

}
#header_report{
text-align: left;
height: 22px;
background-color: #F47721;
color: white;
font-size: 14px;
padding-top:5px;
padding-right:10px;
font-family: Raleway-Bold;
}

.report_close{
  float:right;
}
.report_text{
  line-height: 50px;
}

#report_content{
  border-radius: 0px;
  height:180px;
}
.report_buttons{
  margin-top:15px;
  font-family: Raleway-Bold; 
}

.buttonclass{
	margin-right: 10px;
	margin-left:10px;
	width: 120px;
	height: 30px;
	line-height:30px;
	font-size: 13px;
	text-align: center;
	align-content: center;
	padding-bottom: 10px;
	color: white;
	border: 0px;
	border-radius: 3px;
}
#report_cancel{
  background-color: #9B9B9B;
}

#report_report{
  background-color: #F47721;
}

.share_div_full , {
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
}
.report_div_full{
border-top-right-radius:3px;
border-top-left-radius:3px;
}


@media screen and (max-width: 550px) {
  .share_popup{
  display: none;
  z-index:9999;
  align-items: center;
  padding-left: 10px !important;
  /*padding-bottom: 2px;
  padding-top: 2px;
  padding-right: 4px;
  padding-left: 0px;*/
  box-sizing: border-box;
  background: white;
  color: white;
  position: absolute;
  /*width: 150px;*/
  height: auto;
  /*line-height: 25px;*/
  border-radius: 3px;
  -webkit-box-shadow: 0 0 1px
  transition: .25sease-in-out;
  color: black;

  -webkit-box-shadow: 1px 1px 3px -3px #eee;
  -moz-box-shadow: 1px 1px 3px -3px #eee;
  box-shadow: 1px 3px 4px -1px #ccc;

  }

  .social{
    padding-left: 0px !important;
    padding-top: 8px !important;

  }
  .fb , .insta , .twitter , .tumblr, .gplus{
    border-bottom: 1px solid #ccc;
  }


  .socialname{
    float:left;
    margin-left: 35px !important;
    color: black;
  }

  .fb::after {
    content: " Facebook"
      white-space: nowrap;
      float:left;
      margin-left: 40px;

  }




}