.inline{
  display: inline-block;
  vertical-align: middle;
}
ul, li {
  list-style: none;
}

.full{
  width: 100%;
  height: 100%;
}
.cursor{
  cursor: pointer;
}
.list-wrapper {
  overflow: auto;
}

.catalog-list{
  overflow: auto;
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  padding: 10px 10px 0 10px;
  li{
    width: 124px;
    height: 0px;
  }
}

.error{
  color: #F2323F;
}
.th-icon{
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.th-icon-point{
  background-image: url(./images/point_big.png);
}
.th-icon-linestring{
  background-image: url(./images/linestring_big.png);
}
.th-icon-polygon{
  background-image: url(./images/polygon_big.png);
}
.th-icon-model{
  background-image: url(./images/model_big.png);
}
.th-icon-geometry{
  background-image: url(./images/geometry_big.png);
}
.th-icon-catalog{
  background-image: url(./images/catalog_big.png);
}
.th-icon-table{
  background-image: url(./images/table_big.png);
}
.th-icon-data-small{
  background-image: url(./images/icon_data.png);
}
.th-icon-model-small{
  background-image: url(./images/icon_model.png);
}
.th-icon-title{
  background-image: url(./images/icon-title.png);
}
.th-icon-backgroundImage{
  background-image: url(./images/icon-backgroundImage.png);
}
.th-icon-icon{
  background-image: url(./images/icon-icon.png);
}
.th-icon_border{
  background-image: url(./images/icon_border.png);
}
.th-icon_video{
  background-image: url(./images/icon_video.png);
}
.th-icon_custom{
  background-image: url(./images/icon_custom.png);
}
.th-icon-create{
  background-image: url(./images/新建.png);
}
.th-icon-edit{
  background-image: url(./images/编辑.png);
}
.th-image-scene{
  background-image: url(./images/scene-thumbnail.png);
}
.th-image-tileset{
  background-image: url(./images/tileset-thumbnail.png);
}
.th-image-vector{
  background-image: url(./images/vector-thumbnail.png);
}
.th-image-map{
  background-image: url(./images/map-thumbnail.png);
}
.th-icon-shujuku{
  background-image: url(./images/shujuku.png);
}
.th-icon-table_small{
  background-image: url(./images/table_small.png);
}
.th-icon-shitu{
  background-image: url(./images/shitu.png);
}
.th-icon-boom{
  background-image: url(./images/boom.png);
}

.th-btn-text{
  cursor: pointer;
  color: #3366FF;
  margin-right: 20px;
  &:last-child{
    margin: 0;
  }
  &.th-error{
    color: #F2323F;
  }
}

.th-list-view{
  .ivu-table th{
    background-color: #ffffff;
    color: #4E5969;
  }
  .icon-small{
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    margin-right: 10px;
  }
  .name{
    width: calc(~'100% - 40px');
    input{
      font-size: 14px;
      text-align: left;
      background: transparent;
      width: 100%;
      height: 25px;
      border: 1px solid #0099ff;
      border-radius: 4px;
      padding-left: 5px;
    }
    input:disabled{
      border: none;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}