table,th,td{
  border: 0;
}
.state-number{
  width: 100%;
  line-height: 30px;
  font-size: 14px;
  color: #333333;
  .state-tool-tip{
    font-size: 12px;
    color: #999999;
    margin-left: 10px;
  }
  input[type=number]{
    width: 80px;
    height: 30px;
  }
}
.stateTable.table-scrollable {
  height: 180px;
  border:1px solid #d7dbe5;
  text-align: center;
  word-wrap: break-word;
  width: 100%;
  background: #F2F3F8;
  margin-top: 6px;
  table > thead > tr{
    color: #333333;
    th{
      padding: 0;
      line-height: 30px;
      border-bottom: 1px solid #d7dbe5;
    }
  }
  .dataTables_scrollBody{
    border-bottom: none;
    height: 150px;
    overflow-y: scroll;
    table > tbody > tr {
      color: #666666;
      td{
        padding: 0;
        line-height: 29px;
        border-bottom: 1px solid #d7dbe5;
      }
    }
    table > tbody > tr:nth-child(1){
      td{
        line-height: 30px;
      }
    }
    max-height: 150px;
    overflow-y: auto;
  }
}
table{
  width: 100%;
}
tr.selected{
  background-color: #3695ff;
}
tr.selected>td{
  color:#ffffff!important;
  border-bottom: 1px solid #3695ff!important;
}
th.disabled {
  color: #999;
}
.editedState{
  margin-top: 10px;
  background: #f2f3f8;
  border: 0;
}
.state-radio{
  width: 30%;
}
.font-style{
  margin-left: 105px;
}
.condition-select,.condition-input{
  width: 90px;
  float: left;
}
.condition-input{
  margin-left: 10px;
}
.noResize {
  resize: none;
}
.whole-width{
  width: 100%;
}
textarea{
  float: left;
  width: calc(100% - 105px);
  height: 150px;
  line-height: 20px;
}