/* Standard sentiment */
.sentiment-container {
	display: block; height: auto; overflow: auto; cursor: default;
}
.sentiment-container .sentiment {
	display: inline-block; margin: 14px; position: relative; text-align: center; width: 64px; height: 64px;
}

.sentiment-container .sentiment p {
	color: #fff; font-size: 18px; font-weight: 600;
	margin: 0; position: absolute; left: 50%; top: 50%; 
	transform: translateX(-50%)translateY(-50%); 
	-moz-transform: translateX(-50%)translateY(-50%); 
	-o-transform: translateX(-50%)translateY(-50%); 
	-webkit-transform: translateX(-50%)translateY(-50%); 
}
.sentiment-container .tilt {
	height: 100%;
    width: 100%;
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg); 
	-moz-transform: rotate(45deg); 
	-o-transform: rotate(45deg); 
}
.sentiment .tilt {
	border-width: 8px;
	border-style: solid;
}

.sentiment .tilt.negative {
	background: #D11A03; border-color: #F75A5A; 
}
.sentiment .tilt.positive {
	background: #2D6634; border-color: #56AC63; 
}
.sentiment .tilt.neutral {
	background: #ed5f2d; border-color: #ffaf93;
}

/* Small sentiment */
.small .sentiment {
	display: inline-block; margin: 7px; position: relative; text-align: center; width: 32px; height: 32px;
}
.small .sentiment p {
	color: #fff; font-size: 12px;
	line-height: 12px;
	font-weight: 500;
	margin: 0; position: absolute; left: 50%; top: 50%; 
	transform: translateX(-50%)translateY(-50%); 
	-moz-transform: translateX(-50%)translateY(-50%); 
	-o-transform: translateX(-50%)translateY(-50%); 
	-webkit-transform: translateX(-50%)translateY(-50%); 
}
.small .sentiment .tilt {
	border-width: 4px;
}

/* Medium sentiment */
.medium .sentiment .tilt { border-width: 5px; }
.medium .sentiment {
	margin: 10px; width: 50px; height: 50px;
}
.medium .sentiment p {
	font-size: 18px;
	line-height: 14px;
}

/* Large sentiment */
.large_sentiment .sentiment .tilt { border-width: 11px; }
.large_sentiment .sentiment {
	margin: 20px; width: 92px; height: 92px;
}
.large_sentiment .sentiment p {
	font-size: 26px;
}

/* Sentiment with title */
.sentiment-title .element_title {
	color: #2b2d2e !important;
	display: block;
	margin-bottom: 0px;
	margin-top: 2px;
}

/* Sentiment Scale */
#sticky_side .sentiment_scale {
	float: right;
	margin-top: 0px;
	display: block;
	width: 242px;
}
#sticky_side .sentiment_scale p.title {
	display: none;
}

#sticky_side .sentiment_scale .sentiment-container {
	overflow: visible;
}
@media (min-width: 1625px) {
  #sticky_side .sentiment_scale {
		display: block;
		float: none;
		margin-left: -22px;
		margin-top: 30px;
	}
	
	#sticky_side .sentiment_scale p.title {
		display: block;
		margin-left: 22px;
	}
}
.sentiment_scale .title {
  padding: 0 0 15px 0;
  font-size: 13px;
  font-weight: 600;
  height: auto;
}

.sentiment_scale .sentiment-container {
    float: left;
    width: 33.33%;
    text-align: center;
}
.sentiment_scale .scale-label {
  font-size: 11px;
  letter-spacing: 0;
  text-align: center;
}

.sentiment-divider-line {
  height: 2px;
  margin-top: -1px;
  background: rgba(134, 158, 216, 0.28);
  position: absolute;
  width: 250%;
  left: -75%;
  top: 50%;
}

.sentiment-divider-line.first {
  width: 175%;
  left: 0%;
}
.sentiment-divider-line.last {
  width: 175%;
  right: 0%;
}

.sentiment_scale .sentiment {
  position: relative;
}

.sentiment_scale .sentiment-outer {
  float: none;
  margin-right: 0;
}

@media (max-width: 1624px) {
	#sticky_side .sentiment_scale {
		position: absolute;
		top: 15px;
		right: 10px;
		display: block;
		width: 242px;
	}
}