@import '../mixins/ellipsis.scss';
.ibps-checker {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  &.is-2col .ibps-checker-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
  &.is-3col .ibps-checker-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    width: 33.33333333%;
  }
  &.is-4col .ibps-checker-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
  }
  &.is-5col .ibps-checker-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
  }
  .ibps-checker-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
            flex: 1 1 0%;
    padding: 5px;
    box-sizing: border-box;
  }
  .ibps-checker-item {
    text-align: left;
    padding: 5px;
    color: #333;
    font-size: 12px;
    // border: 1px solid #ebebeb;
    border: 1px solid #F7F8FA;
    background-color: #F7F8FA;
    border-radius: 3px;
    box-sizing: border-box;

    &.is-radio.is-selected {
      color: #3396FB;
      border-color: #3396FB;
      background-color: rgba(60,160,230,0.05);
      &.checker{
        background: rgba(60,160,230,0.05) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAsUlEQVQ4T8WTMRLBUBRFz40Z+7ANsg2LUFHq6JRomIwi1GyAWqXW65Jd5JkUMRE+flL47Ztz/n33zxcNjxry/FcQ7tJJ7QRhnIwRs1qCAs778xaUYW9BFfYS9OJkJDGvPvtPKzjgG9D5KngHG5wlDhiLj4IHbOwR/Ty+wRWxJCOSCJyC8s0GJzOOEkND0wDbAC1nid1tOgiwVaWwS2ZaS1kk1C5mLwkcsPPPPQl84dx6B79KPmA+gOS4AAAAAElFTkSuQmCC) no-repeat right bottom;
      }
    }
    &.is-selected {
      color: #fff;
      border-color: #3396FB;
      background: #3396FB;
    }
    &.is-disabled {
      opacity: 0.4;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      filter: alpha(opacity=40);
    }
    &.is-ellipsis{
      @include multi-ellipsis(3);
    }
    &.align--left{
      text-align: left;
    }
    &.align--center{
      text-align: center;
    }
    &.align--right{
      text-align: right;
    }
  }
}