.sitesplat_bbvote_container {
    vertical-align: middle;
    margin-bottom: 8px;
    margin-top: -15px;
    float: right;
    display: inline-block;
}

.sitesplat_bbvote_points {
    vertical-align: text-bottom;
}

.upvote {
    font-size: 16px;
}

.downvote {
    font-size: 16px;
}


.upvote.green {
    color: green;
}

.downvote.red {
    color: red;
}

.best-answer .panel {
    border: 2px solid #4fd59394;
}

/*
.best-answer.original .panel {
    border: 1px solid transparent;
}
*/

.cloned .forum-answer {
    position: relative;
}

.cloned .panel-heading:before {
    content: "Recommended Best Answer";
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0;
    background: #e5e5e5;
    padding: 6.4px 32px 8px 16px;
color: #4fd593;
}

.best-answer.cloned {
    position: relative;
}

/*----------------*/
/*----  MEDAL  ---*/
/*----------------*/
.medal {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 20;
}

.medal-outer {
  width: 40px;
  height: 40px;
  background-color: #f5d800;
  border-radius: 100%;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.27);
}

.medal-inner {
  width: 26px;
  height: 26px;
  background-color: #fae928;
  border-radius: 100%;
  margin: 0 auto;
  position: relative;
  top: 7px;
}

.medal-inner:before {
    content: "\f25b";
    font-family: FontAwesome;
    font-size: 18px;
    margin-left: 4px;
    color: #d96666;
}

.medal-ribbons {
  position: relative;
  left: 5px;
  top: -10px;
  z-index: -1;
}

.medal-ribbon {
  width: 15px;
  position: relative;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.27);
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
  float: left;
}

.medal-ribbon.left {
  height: 30px;
  background-color: #d96666;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-animation: swing-left 2s infinite;
          animation: swing-left 2s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  margin-left: 5px;
}

.medal-ribbon.right {
  margin-left: -10px;
  height: 35px;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  background-color: #e56b6b;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-animation: swing-right 2s infinite;
          animation: swing-right 2s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

/*----------------*/
/*-- ANIMATIONS  -*/
/*----------------*/

@-webkit-keyframes swing-left {
  0% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}

@keyframes swing-left {
  0% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}

@-webkit-keyframes swing-right {
  0% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  100% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
}

@keyframes swing-right {
  0% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  100% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
}

/*
@media (max-width: 768px) {
	
	.cloned .panel-heading:before {
	   display: inline-block;
	  font-family: FontAwesome;
	   font-size: 16px;
	  font-style: normal;
	  font-weight: normal;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
		vertical-align: text-bottom;
	}	
	
	.cloned .panel-heading:before {
		content: "\f091";
		padding: 6.1px 10px;
	}
}
*/

@media (max-width: 768px) {
	
	
	.cloned .panel-heading:before {
		content: "";
		padding: 0;
	}
}