/***
  说明文档表单样式
***/

/*
  主体样式
*/


.dotweb-componenteditor-label{
  padding-right : 0;
  text-align: right;
  margin-bottom: 0;
  display: inline-block; 
  max-width: 100%;
  cursor: default;
  padding-top: 6px;
}


.dotweb-componenteditor-itemname {
  height: 35px;
  line-height: 35px;
  background: #ededed;
  padding-left: 10px;
  border: none;
  border-top: 1px solid #ddd;
  color: #293c55;
  transition: 0.5s;
}

.dotweb-componenteditor-itemname>a{
  display : block;
  padding-bottom: 2px;
  color: inherit;
  font-size: 16px;
  font-weight: 500;
}

.form-horizontal{
  padding-top : 10px;
}

.form-group{
  padding-top : 5px;
}
/*
  主体样式
  end
*/

/*
  更多 样式
*/
.itemMore{
  color: #61a0a8;
  cursor: pointer;
  text-decoration: none;
}
.itemMore:hover,.itemMore:focus{
  color: #2a6496;
  /*text-decoration: underline;*/
}
.itemMore.collapsesub.icon-zhankai{
  transform: translateY(-50%) rotate(180deg);
}
.itemMore.icon-zhankai{
  transform: translateY(-50%);
  transition: all .2s ease-in-out;
  display : inline-block;
  position: absolute;
  top: 15px;
}
/*
  更多 样式
  end
*/

/*
  参数容器样式
*/
.dotweb-componenteditor>.dotweb-componenteditor-body .paramListContainer .col-sm-3,.col-sm-7{
  padding-right: 0;
}    

.dotweb-componenteditor>.dotweb-componenteditor-body .paramListContainer .col-sm-7{
  padding-left: 10px;
}
/*
  参数容器样式
  end
*/

/*
  页面参数容器样式
*/
.sys_paramFormContainerq .param-item{
  align-items: center;
  line-height: 32px;
  margin-right: 30px;
  margin-bottom: 12px;
}  
  
.sys_paramFormContainerq .param-item-title{
  display: inline-flex;
  align-items: center;
  padding-right: 8px;
}

/*
  页面参数容器样式
  end
*/


/*
  表格配置界面相关样式
*/

/*条件设置*/
select.tsForm_notbeaty[property*="greater"] {
  height: 33px !important;
  width: 43px;
  padding: 0px 0px 0px 3px !important;
}

/*新增列配*/
.addConfrow{
 position:relative; 
}

/*
  表格配置界面相关样式
  end
*/

/*表单样式兼容*/
.ts-input,.ts-select,.ts-textarea,.ts-number,.ts-color{
  max-width : 150px;
}
.ts-number,.ts-color{
  width: 100%;
  height: 32px;
  line-height: 1.5;
  padding: 4px 7px;
  font-size: 14px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  color: #515a6e;
  background-color: #fff;
  background-image: none;
  position: relative;
  cursor: text;
  transition: border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;  
}
.ts-number:hover,.ts-color:hover {
  border-color: #57a3f3;
}
.ts-number:focus,.ts-color:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(45, 140, 240, 0.2);
  border-color: #57a3f3;
}
.ts-label{
  margin-right:10px;
}