.thumbnail {
    padding:0px;
}
.comment-panel {
	position:relative;
}
.comment-panel>.comment-panel-heading:after,.comment-panel>.comment-panel-heading:before{
	position:absolute;
	top:11px;left:-16px;
	right:100%;
	width:0;
	height:0;
	display:block;
	content:" ";
	border-color:transparent;
	border-style:solid solid outset;
	pointer-events:none;
}
.comment-panel>.panel-heading:after{
	border-width:7px;
	border-right-color:#f7f7f7;
	margin-top:1px;
	margin-left:2px;
}
.comment-panel>.panel-heading:before{
	border-right-color:#ddd;
	border-width:8px;
}


body {
  font-family: Lato, !important;
}

.emoji {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    margin-bottom: -0.25em;
}


.highlight {
    background-color: #FFFF88;
}


.pulse {
  cursor: pointer;
  box-shadow: 0 0 0 rgb(248, 8, 8);
  animation: pulse 1.5s infinite;
  border-radius: 35%;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 rgb(248, 8, 8);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

.contact-show{
  cursor: pointer;
}
.contact-highlight:hover{
  background-color: rgba(55,55,250,0.5);
}


.contact-image-list{
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
  margin-left: 35%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid rgba(0,0,30,0.8);
  background-clip: padding-box;
  float: left;
  background-size: cover;
  background-position: center center;
}

.contact-image{
  width: 200px;
  height: 200px;
  margin-bottom: 25px;
  margin-left: 35%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid rgba(0,0,30,0.8);
  background-clip: padding-box;
  float: left;
  background-size: cover;
  background-position: center center;
}
body { padding-top: 30px; }


.settings-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.profile-avatar {
    vertical-align: middle;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
}