newICSS/src/components/AssessResult/index.less

@import "~@less/variables.less";
.assess-cont{
  padding: 15px;
}
.assess-item{
  h2{
    line-height: 40px;
    font-size: 16px;
    /*background: #e5eefe;*/
    padding: 0 15px;
    font-weight: bold;
  }
  .item-content{
    padding: 0 15px;
    .choose-item{
      margin-right: 12px;
      display: inline-block;
      i{
        color: @blue;
      }
    }
    input[type=checkbox]{
      width: 14px;
      height: 14px;
      vertical-align: middle;
      margin-right: 4px;
      background-color: #fff;
      -webkit-appearance: none;
      border: 1px solid #c9c9c9;
      border-radius: 4px;
      outline: none;
      cursor: pointer;
    }
  }
  li {
    line-height: 35px;
    .row{
      display: inline-block;
    }
    .results{
      position: relative;
    }
    .chooseItem{
      display: inline-block;
      margin-right: 10px;
      .recomand{
        color: @blue;
      }
    }
    .scale{
      color: @blue;
      cursor: pointer;
    }
    .blue{
      color:#3B9ED0;
      cursor: pointer;
    }
    .blue + img{
      vertical-align: middle;
    }
    .recommend{
      max-width: 200px;
      float: right;
      color: #929292;
      cursor: pointer;
    }
  }
  .edit-row{
    width: 100%;
    border:1px @placeholder-color solid;
    border-radius: 4px;
    padding: 5px;
  }
  .cont{
    display: inline-block;
    min-width: 302px;
    width: 49%;
    height: 250px;
    margin: 15px 0 5px;
    position: relative;
    .chart-box{
      width: 100%;
      height: 100%;
    }
  }
  .cont:nth-child(odd){
    /*margin-right: 2%;*/
  }
  .time-range{
    position: absolute;
    bottom: 224px;
    /*top: 26px;*/
    z-index: 2;
    width: 100%;
    text-align: center;
    /*margin-left: 18px;*/
    .range{
      display: inline-block;
      border:1px #DFDFDF solid;
      border-radius: 10px;
      background: #fff;
      padding: 5px 10px;
      margin-right: 10px;
      font-size: 12px;
      cursor: pointer;
      &.on{
        background: @blue;
        color: #fff;
        border-color: @blue;
      }
    }
  }
}
.printShow {
  display: none;
}
.footer{
  .print{
    .btnCom;
    width: 111px;
    height: 34px;
    line-height: 34px;
    background: #fff;
    margin-right: 20px;
    img{
      width: 20px;
      vertical-align: middle;
      margin-right: 4px;
    }
  }
  .okBtn{
    .btnCom;
    width: 80px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #3B9ED0;
    box-sizing: border-box;
    margin-left: 20px;
    background: #3B9ED0;
    color: #fff;
    float: right;
    margin-right: 20px;
  }
}
.forMulBtn{
  .btnCom;
  height: 32px;
  line-height: 32px;
  color: #fff;
  background: #3B9ED0;
  margin-top: 15px;
  cursor: pointer;
}
.textareaStatic {
  display: none;
  line-height: 20px;
  white-space: pre;
  *white-space: pre;
  *word-wrap: break-word;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  padding: 5px;
}
.legend{
  padding: 0 36px;
  /*margin-bottom: 15px;*/
  &>div{
    display: inline-block;
    margin-top: 10px;
  }
  span{
    margin-right: 20px;
  }
  img{
    vertical-align: middle;
    width: 18px;
    margin-right: 3px;
  }
}
.loading{
  text-align: center;
  position: absolute;
  top: 49%;
  left: 49%;
  img{
    width: 40px;
  }
}
.no-data{
  color: #a5a3a3;
  text-align: center;
  margin-top: 40px;
  font-size: 18px;
  font-weight: bold;
}
@media print {
  .printShow,.textareaStatic {
    display: block;
  }
  .deleteIcon,.edit-row {
    display: none;
  }
}