/*
cog(engranaje)    f013
dot-circle(circulo hueco)   f192
times-circle(circulo con cruz)   f057
check-circle(circulo con check) f058
circle(circulo lleno)    f111
*/

.hideRankingConfigs::after {
  display: none;
}

.itemRanking {
  overflow: visible;
  position: relative;
}

.itemRanking::after {
  font-family: "Font Awesome 5 Free", "FontAwesome";
  content    : "\f013";
  font-weight: 900;
  color      : rgba(0, 89, 255, 0.8);
  position   : absolute;
  top        : 0px;
  right      : 0px;
  font-size  : 14px;
  font-style : normal;
  opacity    : 1;
}

i.itemRanking::after {
  top  : -5px;
  right: -5px;
}

div.pmx-form-box.itemRanking::after {
  top  : -6px;
  right: 2px;
}

div.menu-group.itemRanking::after {
  top  : 0px;
  right: 5px;
}

div.menu-item.itemRanking::after {
  top  : 0px;
  right: 0px;
}

div.pmx-row.itemRanking::after {
  top  : 3px;
  right: unset;
  left : 0px;
}

div.tab.itemRanking::after {
  top  : -10px;
  right: 0px;
}

div.pmx-form-box.outside.itemRanking::after {
  top  : -6px;
  right: -8px;
}

div.itemRankingDiv.itemRanking::after {
  top  : 12px;
  right: unset;
  left : 0px;
}

ons-list-item.itemRanking::after {
  top  : 4px;
  right: 2px;
}

fieldset.itemRanking::after {
  top: -7px;
}

.itemRankingConfig::after {
  color      : rgba(30, 255, 0, 0.8);
  font-family: "Font Awesome 5 Free", "FontAwesome";
  content    : "\f058";
  font-weight: 900;
}

.itemRankingHidden::after {
  color      : rgba(255, 21, 0, 0.8);
  font-family: "Font Awesome 5 Free", "FontAwesome";
  content    : "\f057";
  font-weight: 900;
}

.itemRankingHiddenDefault::after {
  color: rgba(255, 21, 0, 0.8);
}

.itemRankingBox {
  overflow-y   : auto !important;
  border       : 1px solid #00000025;
  border-radius: 3px;
  margin       : 0px 10px 0px 10px;
}

.itemRankingCheck {
  margin-top: 8px;
}

.itemRanking-directive p {
  margin-bottom: 0;
}

.itemRanking-directive h3 {
  font-size: 1.2rem;
}

.itemRanking-directive {
  padding: 0vw 1vw 0vw 1vw;
}

.itemRanking-directive span {
  width      : 100%;
  line-height: 2em;
  white-space: nowrap;
}

.itemRanking-directive span.item-span {
  text-align: left;
  margin    : 2px 10px;
  font-size : 1.0rem;
  opacity   : 0.7;
}

.pmx-form-box {
  margin-bottom: 5px;
}

.itemRanking-directive .pmx-form-box label {
  width      : 165px;
  display    : inline-block;
  font-size  : 1.25rem;
  font-weight: bold;
}

.itemRanking-directive ul {
  flex: 1;
}

.itemRanking-directive ul li {
  margin-left: 114px;
  font-size  : 10px;
  line-height: 1.3em;
}

.itemRanking-directive ul li i {
  float : right;
  cursor: pointer;
}