.tag {
  position: relative;
  text-decoration: none;
  border: 0;
  height: 20px;    
  color: #fff;
  font-size: 0.9em;
  white-space: nowrap;
  padding: 0 8px;
  margin: 12px 15px;
  line-height: 20px;
  box-sizing: border-box;
  text-align: center;
  width: 71px;
  /* border-radius: 3px; */
  /* text-align: left; */
}

.tag-simple {
  width: initial;
  height: initial;
  margin: 0 auto;
  padding: 4px 10px;
  border-radius: 3px;
}

.tag i {
  float: left;
  color: #fff;
  line-height: 26px;
  margin-right: 5px;
  display: none;
}

.tag-left--red {
	background-color: #F44336;
}

.tag-left--red:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #F44336;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--red:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #F44336;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #F44336;
}

.tag-left--red-special {
	background-color: #c0392b;
}

.tag-left--red-special:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #c0392b;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--red-special:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #c0392b;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #c0392b;
}

.tag-left--pink {
	background-color: #E91E63;
}

.tag-left--pink:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #E91E63;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--pink:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #E91E63;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #E91E63;
}

.tag-left--purple {
	background-color: #9C27B0;
}

.tag-left--purple:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #9C27B0;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--purple:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #9C27B0;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #9C27B0;
}

.tag-left--deep-purple {
	background-color: #673AB7;
}

.tag-left--deep-purple:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #673AB7;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--deep-purple:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #673AB7;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #673AB7;
}

.tag-left--indigo {
	background-color: #3F51B5;
}

.tag-left--indigo:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #3F51B5;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--indigo:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #3F51B5;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #3F51B5;
}

.tag-left--blue {
	background-color: #2196F3;
}

.tag-left--blue:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #2196F3;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--blue:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #2196F3;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #2196F3;
}

.tag-left--light-blue {
	background-color: #03A9F4;
}

.tag-left--light-blue:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #03A9F4;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--light-blue:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #03A9F4;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #03A9F4;
}

.tag-left--cyan {
	background-color: #00BCD4;
}

.tag-left--cyan:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #00BCD4;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--cyan:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #00BCD4;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #00BCD4;
}

.tag-left--teal {
	background-color: #009688;
}

.tag-left--teal:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #009688;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--teal:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #009688;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #009688;
}

.tag-left--green {
	background-color: #4CAF50;
}

.tag-left--green:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #4CAF50;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--green:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #4CAF50;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #4CAF50;
}

.tag-left--light-green {
	background-color: #8BC34A;
}

.tag-left--light-green:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #8BC34A;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--light-green:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #8BC34A;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #8BC34A;
}

.tag-left--lime {
	background-color: #CDDC39;
}

.tag-left--lime:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #CDDC39;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--lime:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #CDDC39;
  border-left: 0 solid transparent;
  border-bottom: 10px solid #CDDC39;
}

.tag-left--yellow {
	background-color: #FFEB3B;
}

.tag-left--yellow:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #FFEB3B;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--yellow:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #FFEB3B;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #FFEB3B;
}

.tag-left--amber {
	background-color: #FFC107;
}

.tag-left--amber:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #FFC107;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--amber:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #FFC107;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #FFC107;
}

.tag-left--orange {
	background-color: #FF9800;
}

.tag-left--orange:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #FF9800;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--orange:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #FF9800;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #FF9800;
}

.tag-left--deep-orange {
	background-color: #FF5722;
}

.tag-left--deep-orange:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #FF5722;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--deep-orange:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #FF5722;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #FF5722;
}

.tag-left--brown {
	background-color: #795548;
}

.tag-left--brown:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #795548;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--brown:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #795548;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #795548;
}

.tag-left--grey {
	background-color: #9E9E9E;
}

.tag-left--grey:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #9E9E9E;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--grey:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #9E9E9E;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #9E9E9E;
}

.tag-left--blue-grey {
	background-color: #607D8B;
}

.tag-left--blue-grey:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #607D8B;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left--blue-grey:before {
  content: '';
  position: absolute;
  right: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid #607D8B;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #607D8B;
}




/* RIGHT TAGS */
.tag-right--red {
	background-color: #F44336;
}

.tag-right--red:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #F44336;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--red:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #F44336;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #F44336;
}

.tag-right--red-special {
	background-color: #c0392b;
}

.tag-right--red-special:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #c0392b;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--red-special:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #c0392b;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #c0392b;
}

.tag-right--pink {
	background-color: #E91E63;
}

.tag-right--pink:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #E91E63;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--pink:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #E91E63;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #E91E63;
}

.tag-right--purple {
	background-color: #9C27B0;
}

.tag-right--purple:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #9C27B0;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--purple:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #9C27B0;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #9C27B0;
}

.tag-right--deep-purple {
	background-color: #673AB7;
}

.tag-right--deep-purple:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #673AB7;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--deep-purple:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #673AB7;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #673AB7;
}

.tag-right--indigo {
	background-color: #3F51B5;
}

.tag-right--indigo:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #3F51B5;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--indigo:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #3F51B5;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #3F51B5;
}

.tag-right--blue {
	background-color: #2196F3;
}

.tag-right--blue:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #2196F3;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--blue:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #2196F3;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #2196F3;
}

.tag-right--light-blue {
	background-color: #03A9F4;
}

.tag-right--light-blue:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #03A9F4;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--light-blue:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #03A9F4;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #03A9F4;
}

.tag-right--cyan {
	background-color: #00BCD4;
}

.tag-right--cyan:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #00BCD4;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--cyan:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #00BCD4;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #00BCD4;
}

.tag-right--teal {
	background-color: #009688;
}

.tag-right--teal:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #009688;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--teal:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #009688;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #009688;
}

.tag-right--green {
	background-color: #4CAF50;
}

.tag-right--green:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #4CAF50;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--green:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #4CAF50;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #4CAF50;
}

.tag-right--light-green {
	background-color: #8BC34A;
}

.tag-right--light-green:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #8BC34A;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--light-green:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #8BC34A;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #8BC34A;
}

.tag-right--lime {
	background-color: #CDDC39;
}

.tag-right--lime:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #CDDC39;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--lime:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #CDDC39;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #CDDC39;
}

.tag-right--yellow {
	background-color: #FFEB3B;
}

.tag-right--yellow:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #FFEB3B;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--yellow:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #FFEB3B;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #FFEB3B;
}

.tag-right--amber {
	background-color: #FFC107;
}

.tag-right--amber:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #FFC107;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--amber:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #FFC107;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #FFC107;
}

.tag-right--orange {
	background-color: #FF9800;
}

.tag-right--orange:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #FF9800;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--orange:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #FF9800;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #FF9800;
}

.tag-right--deep-orange {
	background-color: #FF5722;
}

.tag-right--deep-orange:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #FF5722;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--deep-orange:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #FF5722;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #FF5722;
}

.tag-right--brown {
	background-color: #795548;
}

.tag-right--brown:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #795548;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--brown:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #795548;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #795548;
}

.tag-right--grey {
	background-color: #9E9E9E;
}

.tag-right--grey:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #9E9E9E;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--grey:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #9E9E9E;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #9E9E9E;
}

.tag-right--blue-grey {
	background-color: #607D8B;
}

.tag-right--blue-grey:after {
  content: '';
  position: absolute;
  right: -20px;
  border-left: 10px solid #607D8B;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right--blue-grey:before {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 0 solid transparent;
  border-top: 10px solid #607D8B;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #607D8B;
}






.tag-rounded {
  border-radius: 10px;
  width: 71px;
}

.tag--red {
	background-color: #F44336;
}

.tag--red-special {
	background-color: #c0392b;
}

.tag--pink {
	background-color: #E91E63;
}

.tag--purple {
	background-color: #9C27B0;
}

.tag--deep-purple {
	background-color: #673AB7;
}

.tag--indigo {
	background-color: #3F51B5;
}

.tag--blue {
	background-color: #2196F3;
}

.tag--light-blue {
	background-color: #03A9F4;
}

.tag--cyan {
	background-color: #00BCD4;
}

.tag--teal {
	background-color: #009688;
}

.tag--green {
	background-color: #4CAF50;
}

.tag--light-green {
	background-color: #8BC34A;
}

.tag--lime {
	background-color: #CDDC39;
}

.tag--yellow {
	background-color: #FFEB3B;
}

.tag--amber {
	background-color: #FFC107;
}

.tag--orange {
	background-color: #FF9800;
}

.tag--deep-orange {
	background-color: #FF5722;
}

.tag--brown {
	background-color: #795548;
}

.tag--grey {
	background-color: #9E9E9E;
}

.tag--blue-grey {
	background-color: #607D8B;
}






.tag-left-normal--red {
	background-color: #F44336;
}

.tag-left-normal--red:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #F44336;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--red-special {
	background-color: #c0392b;
}

.tag-left-normal--red-special:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #c0392b;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--pink {
	background-color: #E91E63;
}

.tag-left-normal--pink:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #E91E63;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--purple {
	background-color: #9C27B0;
}

.tag-left-normal--purple:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #9C27B0;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--deep-purple {
	background-color: #673AB7;
}

.tag-left-normal--deep-purple:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #673AB7;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--indigo {
	background-color: #3F51B5;
}

.tag-left-normal--indigo:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #3F51B5;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--blue {
	background-color: #2196F3;
}

.tag-left-normal--blue:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #2196F3;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--light-blue {
	background-color: #03A9F4;
}

.tag-left-normal--light-blue:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #03A9F4;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--cyan {
	background-color: #00BCD4;
}

.tag-left-normal--cyan:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #00BCD4;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--teal {
	background-color: #009688;
}

.tag-left-normal--teal:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #009688;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--green {
	background-color: #4CAF50;
}

.tag-left-normal--green:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #4CAF50;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--light-green {
	background-color: #8BC34A;
}

.tag-left-normal--light-green:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #8BC34A;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--lime {
	background-color: #CDDC39;
}

.tag-left-normal--lime:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #CDDC39;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--yellow {
	background-color: #FFEB3B;
}

.tag-left-normal--yellow:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #FFEB3B;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--amber {
	background-color: #FFC107;
}

.tag-left-normal--amber:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #FFC107;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--orange {
	background-color: #FF9800;
}

.tag-left-normal--orange:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #FF9800;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--deep-orange {
	background-color: #FF5722;
}

.tag-left-normal--deep-orange:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #FF5722;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--brown {
	background-color: #795548;
}

.tag-left-normal--brown:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #795548;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--grey {
	background-color: #9E9E9E;
}

.tag-left-normal--grey:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #9E9E9E;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-left-normal--blue-grey {
	background-color: #607D8B;
}

.tag-left-normal--blue-grey:after {
  content: '';
  position: absolute;
  left: -10px;
  border-right: 10px solid #607D8B;
  border-top: 10px solid transparent;
  border-left: 0 solid transparent;
  border-bottom: 10px solid transparent;
}






.tag-right-normal--red {
	background-color: #F44336;
}

.tag-right-normal--red:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #F44336;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--red-special {
	background-color: #c0392b;
}

.tag-right-normal--red-special:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #c0392b;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--pink {
	background-color: #E91E63;
}

.tag-right-normal--pink:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #E91E63;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--purple {
	background-color: #9C27B0;
}

.tag-right-normal--purple:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #9C27B0;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--deep-purple {
	background-color: #673AB7;
}

.tag-right-normal--deep-purple:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #673AB7;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--indigo {
	background-color: #3F51B5;
}

.tag-right-normal--indigo:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #3F51B5;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--blue {
	background-color: #2196F3;
}

.tag-right-normal--blue:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #2196F3;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--light-blue {
	background-color: #03A9F4;
}

.tag-right-normal--light-blue:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #03A9F4;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--cyan {
	background-color: #00BCD4;
}

.tag-right-normal--cyan:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #00BCD4;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--teal {
	background-color: #009688;
}

.tag-right-normal--teal:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #009688;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--green {
	background-color: #4CAF50;
}

.tag-right-normal--green:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #4CAF50;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--light-green {
	background-color: #8BC34A;
}

.tag-right-normal--light-green:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #8BC34A;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--lime {
	background-color: #CDDC39;
}

.tag-right-normal--lime:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #CDDC39;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--yellow {
	background-color: #FFEB3B;
}

.tag-right-normal--yellow:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #FFEB3B;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--amber {
	background-color: #FFC107;
}

.tag-right-normal--amber:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #FFC107;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--orange {
	background-color: #FF9800;
}

.tag-right-normal--orange:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #FF9800;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--deep-orange {
	background-color: #FF5722;
}

.tag-right-normal--deep-orange:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #FF5722;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--brown {
	background-color: #795548;
}

.tag-right-normal--brown:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #795548;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--grey {
	background-color: #9E9E9E;
}

.tag-right-normal--grey:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #9E9E9E;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}

.tag-right-normal--blue-grey {
	background-color: #607D8B;
}

.tag-right-normal--blue-grey:after {
  content: '';
  position: absolute;
  right: -10px;
  border-left: 10px solid #607D8B;
  border-top: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid transparent;
}