@import '../../app.less';

.answer-checkbox {

  .item {
    display: inline-block;
    position: relative;
    margin-right: 60px;
    line-height: 20px;
    height: 32px;
    padding: 6px;

    .text {
      display: inline-block;
      color: #050930;
      vertical-align: top;
      margin-left: 5px;
    }

    .icon {
      width: 16px;
      height: 16px;
      display: inline-block;
      vertical-align: top;
      margin-top: 2px;
      margin-left: 10px;
    }
  }

  .item.show.true {
    background-color: rgba(23, 165, 27, 0.06);

    .icon {
      background-image: url('/assets/right_icon.png');
    }
  }

  .item.show.false {
    background-color: rgba(253, 247, 247, 1);

    .icon {
      background-image: url('/assets/wrong_icon.png');
    }
  }
}