// icon
.icon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100% 100%;

  &-checked {
    width: 20px;
    height: 20px;
    background-image: url(../images/icon-checked.png);
  }
  &-doubt {
    background-image: url(../images/icon-doubt.png);
    width: 50px;
    height: 50px;
  }

  &-help {
    background-image: url(../images/icon-help.png);
    width: 32px;
    height: 32px;
  }
  // &-back {
  //   background-image: url(../images/icon-back.png);
  //   width: 32px;
  //   height: 32px;
  // }
  &-two-gray {
    background-image: url(../images/icon-two-gray.png);
    width: 12px;
    height: 10px;
  }
  &-two-white {
    background-image: url(../images/icon-two-white.png);
    width: 12px;
    height: 10px;
  }
  &-three-gray {
    background-image: url(../images/icon-three-gray.png);
    width: 16px;
    height: 10px;
  }
  &-three-white {
    background-image: url(../images/icon-three-white.png);
    width: 16px;
    height: 10px;
  }
  &-four-gray {
    background-image: url(../images/icon-four-gray.png);
    width: 18px;
    height: 10px;
  }
  &-four-white {
    background-image: url(../images/icon-four-white.png);
    width: 18px;
    height: 10px;
  }
  // column
  &-column {
    &-one {
      background-image: url(../images/icon-column-one.png);
      width: 20px;
      height: 20px;
    }
    &-one-act {
      background-image: url(../images/icon-column-one-act.png);
      width: 20px;
      height: 20px;
    }
    &-two {
      background-image: url(../images/icon-column-two.png);
      width: 20px;
      height: 20px;
    }
    &-two-act {
      background-image: url(../images/icon-column-two-act.png);
      width: 20px;
      height: 20px;
    }
    &-three {
      background-image: url(../images/icon-column-three.png);
      width: 20px;
      height: 20px;
    }
    &-three-act {
      background-image: url(../images/icon-column-three-act.png);
      width: 20px;
      height: 20px;
    }
    &-four {
      background-image: url(../images/icon-column-four.png);
      width: 20px;
      height: 20px;
    }
    &-four-act {
      background-image: url(../images/icon-column-four-act.png);
      width: 20px;
      height: 20px;
    }
  }
}
