/* [JD-2019.06.27] #721 Add product labels. */
/* RIBBON, @see: https://codepen.io/miroot/pen/wiKAp */
.cr {
  width: 200px;
  /* padding: 0px; */
  position: absolute;
  text-align: center;
  color: #f0f0f0;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
}
.cr-sticky {
  position: fixed;
}
/* Positions */
.cr-top    { top: 25px; }
.cr-bottom { bottom: 22px; }
.cr-left   { left: -50px; }
.cr-right  { right: -70px; }
/* Rotations */
.cr-top.cr-left,
.cr-bottom.cr-right {
  transform: rotate(-45deg);
}
.cr-top.cr-right,
.cr-bottom.cr-left {
  transform: rotate(45deg);
}
/* Colors */
.cr-white     { background-color: #f0f0f0; color: #444; }
.cr-black     { background-color: #333; }
.cr-grey      { background-color: #999; }
.cr-blue      { background-color: #39d; }
.cr-green     { background-color: #2c7; }
.cr-turquoise { background-color: #1b9; }
.cr-purple    { background-color: #95b; }
.cr-red       { background-color: #e43; }
.cr-orange    { background-color: #e82; }
.cr-yellow    { background-color: #ec0; }
.cr-shadow { box-shadow: 0px 0px 5px 0 rgba(125, 103, 87, 0.992); }