KM-PC-Front-Milestone2/public/rxform.css

/*表单预览样式*/
body * p{
  margin: 0;
  padding: 0;
}
/*子表*/
.ant-input-group .ant-input{
  margin-right: 6px;
}

.rx-table-body .table-header-tool{
  padding: 6px 0;
  display: flex;
  line-height: normal;
}
.rx-table-body .table-header-tool .title:before{
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.rx-table-body .table-header-tool .title >div{
  padding-left: 6px;
  font-size: 14px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
  border-left: 3px solid #4d9eff;
  vertical-align: middle;
}
.rx-table-body .table-header-tool .ant-btn-group{
  flex: 1;
  text-align: right;
  padding-right: 4px;
  font-size: 0;
}
.rx-table-body .ant-btn-group .ant-button{
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 4px 6px;
  margin-left: 6px;
  display: inline-block;
}

.rx-table tr.firstRow th{
  text-align: left;
  border: 1px solid #E8E8E8;
  background: #fafafa;
  font-weight: normal;
  font-size: 14px;
  color: #000000d9;
  padding:8px 4px;
}
.rx-table tr.firstRow th:first-child,
.rx-table tr td:first-child{
  width: 70px;
  text-align: center;
}
.rx-table{
  table-layout: fixed;
}
.rx-table tr td{
  font-size: 14px;
  color: #555;
}
.rx-table tr th,
.rx-table tr td{
  height: 30px;
}

.rx-table-box{
  border: 1px solid #E8E8E8;
  overflow-x: auto;
}
table.rx-table{
  width: 100%;
  margin: 0 auto;
  border: 0;
}
.tableEmpty{
  padding: 10px 0;
}
table.rx-table >thead>tr {
  background-color: #fafafa;

}

table.rx-table >thead>tr >th {
  font-weight: bold;
  text-align: left;
  font-size: 14px;
  color: #999;
}

table.rx-table >tbody>tr {
  height:2.5rem;
  line-height: 2.5rem;
}

table.rx-table >tbody>tr >td{
  border: 1px solid #e8e8e8;
  padding: 4px;
  line-height: normal;
  vertical-align: middle;
  text-align: left;
}
table.rx-table >tbody>tr >td:first-child,
table.rx-table >thead>tr >th:first-child
{
  border-left: 0;
}
table.rx-table >tbody>tr >td:last-child,
table.rx-table >thead>tr >th:last-child
{
  border-right:0;
}
table.rx-table >thead>tr >th{
  border-top: 0!important;
  border-bottom: 0!important;
}
table.rx-table >tbody>tr:last-child >td{
  border-bottom: 0;
}
table.rx-table >tbody>tr.active{
  background-color: #e6f7ff;
}
table.rx-table tfoot td:first-child{
  text-align: center;
}
table.rx-table tfoot td[align="left"]:first-child{
  text-align: left;
}
table.rx-table tfoot td[align="right"]:first-child{
  text-align: right;
}
.previewBox{
  /*padding-left: 10px;
  padding-right: 10px;*/

  background: #fff;
  padding: 10px;
  border-radius: 6px;
}


input.input{
  border: none;
}
.table-form{
  table-layout: fixed;
}
.table-form>tbody>tr>td{
  border: 0;
  height: 32px;
  padding: 4px;
  vertical-align: middle;/*文字上下对齐*/
}

/*块模式子表*/
.blockTable{
  border: 1px solid #dadde0;
  border-radius:4px;
}
.blockTableUl,.blockLi{
  list-style: none;
  margin:0;
  padding:0;
  font-size: 0;
}

.bolckTableHeader{
  border-bottom: 1px solid #dadde0;
  display: flex;
  height: 40px;
  align-items: center;
  padding: 0 10px;
  background-color:#f5f7fa;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.bolckTableHeader .headTitle{
  display: inline-block;
  padding-left: 10px;
  position: relative;
}
.bolckTableHeader .headTitle:before{
  content: '';
  display: inline-block;
  height: 14px;
  width: 2px;
  background-color: #1890FF;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
}
.bolckTableHeader a-button-group{
  flex: 1;
}
.blockTableContent{
  padding: 4px 10px 10px;

}
.itemBox{
  position: relative;
  padding-top: 40px;
  margin-top: 14px;
  border-top: 1px solid transparent;
}

.itemBox .itemBtnBox{
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 0;
  display: none;
}
.itemBox.itemBoxEidt .itemBtnBox{
  display: inline-block;
}
.itemBox.blockactive .itemBtnBox,
.itemBox:hover  .itemBtnBox
{
  display: inline-block;
}
.itemBox:hover .blockTableUl,
.itemBox.blockactive .blockTableUl{
  border-color: #1890ff;
}

.itemBtnBox .blockBtn{
  font-size: 14px;
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 0;
  text-align: center;
  background-color: #f5f7fa;
  border-radius: 4px;
  border: solid 1px #dadde0;
  margin-left: 10px;
}
.itemBtnBox .blockBtn:hover,
.itemBtnBox .blockBtn:active
{
  background: #eff8ff;
  color: #40a9ff;
  border: solid 1px #40a9ff;
}
.itemBtnBox .blockBtn.block-btn-remove:hover,
.itemBtnBox .blockBtn.block-btn-remove:active
{
  background-color: #ffebeb;
  color: #f2a3a1;
  border: solid 1px #f2a3a1;
}
.blockTableUl{
  border: 1px dashed #ddd;
  width: 100%;
  box-sizing: border-box;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
.blockLi{
  font-size: 14px;
  padding: 0 6px;
  margin: 8px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
/*1列*/
.onecol.blockTableUl .blockLi{
  width: 100%;
}
/*2列*/
.twocol.blockTableUl .blockLi,
.blockTableUl .blockLi{
  width: 50%;
}
/*3列*/
.threecol.blockTableUl .blockLi{
  width: 33.3333%;
}
/*4列*/
.fourcol.blockTableUl .blockLi{
  width: 25%;
}

.blockLiLabel{
  width: 120px;
  text-align: right;
  padding-right: 4px;
}
.blockLiBox{
  flex: 1;
}

/*块模式子表end*/

/*表格模板有边框样式*/
.table-form[borders="yesborder"]>tbody>tr>td{
  border:1px solid #ddd
}
.table-form caption{
  caption-side: initial;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  color: #555;
}
.table-form>tbody>tr>td:nth-child(odd){
  text-align: right;
  padding-right: 10px;
}
.table-form>tbody>tr>td:last-child:first-child{
  padding: 4px;
  text-align: left;
}
.table-form>tbody>tr>td:nth-child(even){
  text-align: left;
  padding: 10px;
}

/*表单-二列*/
.table-form[column='two']>tbody>tr>td:first-child{
  width: 20%;
}
.table-form[column='two']>tbody>tr>td:last-child{
  width: 80%;
}
/*表单-四列*/
.table-form[column='four']>tbody>tr>td:nth-child(odd){
  width: 15%;
}
.table-form[column='four']>tbody>tr>td:nth-child(even){
  width: 35%;
}
/*表单-六列*/
.table-form[column='six']>tbody>tr>td:nth-child(odd){
  width: 11%;
}
.table-form[column='six']>tbody>tr>td:nth-child(odd){
  width: 22.3%;
}
/*表单-八列*/
.table-form[column='eight']>tbody>tr>td:nth-child(odd){
  width: 8%;
}
.table-form[column='eight']>tbody>tr>td:nth-child(even){
  width: 17%;
}
/*单行文本样式*/
.rx-textbox{
  border: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  word-break: break-all;
}
.rx-textbox .input{
  width: 100%;
}
/*td文字位置*/
/*左*/
.table-form td[align="left"]{
  text-align: left!important;
}
/*中*/
.table-form td[align="center"]{
  text-align: center!important;
}
/*右*/
.table-form td[align="right"]{
  text-align: right!important;
}
/*上*/
.table-form td[valign="top"]{
  vertical-align: top!important;
}
/*中*/
.table-form td[valign="middle"]{
  vertical-align: middle!important;
}
/*下*/
.table-form td[valign="bottom"]{
  vertical-align: bottom!important;
}


/*表格控件颜色*/
/*白色*/
.table-form.white > tbody> tr > td:nth-last-child(2):first-child,
.table-form.white > tbody> tr > td:nth-last-child(4):first-child,
.table-form.white > tbody> tr > td:nth-last-child(2):nth-child(3),
.table-form.white > tbody> tr > td:nth-last-child(6):first-child,
.table-form.white > tbody> tr > td:nth-last-child(4):nth-child(3),
.table-form.white > tbody> tr > td:nth-last-child(2):nth-child(5),
.table-form.white > tbody> tr > td:nth-last-child(8):first-child,
.table-form.white > tbody> tr > td:nth-last-child(6):nth-child(3),
.table-form.white > tbody> tr > td:nth-last-child(4):nth-child(5),
.table-form.white > tbody> tr > td:nth-last-child(2):nth-child(7),
.table-form.white caption{
  background: transparent;
}
/*蓝色*/
.table-form.blue > tbody> tr > td:nth-last-child(2):first-child,
.table-form.blue > tbody> tr > td:nth-last-child(4):first-child,
.table-form.blue > tbody> tr > td:nth-last-child(2):nth-child(3),
.table-form.blue > tbody> tr > td:nth-last-child(6):first-child,
.table-form.blue > tbody> tr > td:nth-last-child(4):nth-child(3),
.table-form.blue > tbody> tr > td:nth-last-child(2):nth-child(5),
.table-form.blue > tbody> tr > td:nth-last-child(8):first-child,
.table-form.blue > tbody> tr > td:nth-last-child(6):nth-child(3),
.table-form.blue > tbody> tr > td:nth-last-child(4):nth-child(5),
.table-form.blue > tbody> tr > td:nth-last-child(2):nth-child(7),
.table-form.blue caption{
  background: #e3f1ff;
}
/*绿色*/
.table-form.green > tbody> tr > td:nth-last-child(2):first-child,
.table-form.green > tbody> tr > td:nth-last-child(4):first-child,
.table-form.green > tbody> tr > td:nth-last-child(2):nth-child(3),
.table-form.green > tbody> tr > td:nth-last-child(6):first-child,
.table-form.green > tbody> tr > td:nth-last-child(4):nth-child(3),
.table-form.green > tbody> tr > td:nth-last-child(2):nth-child(5),
.table-form.green > tbody> tr > td:nth-last-child(8):first-child,
.table-form.green > tbody> tr > td:nth-last-child(6):nth-child(3),
.table-form.green > tbody> tr > td:nth-last-child(4):nth-child(5),
.table-form.green > tbody> tr > td:nth-last-child(2):nth-child(7),
.table-form.green caption{
  background: #defaea;
}
/*灰色*/
.table-form.grey > tbody> tr > td:nth-last-child(2):first-child,
.table-form.grey > tbody> tr > td:nth-last-child(4):first-child,
.table-form.grey > tbody> tr > td:nth-last-child(2):nth-child(3),
.table-form.grey > tbody> tr > td:nth-last-child(6):first-child,
.table-form.grey > tbody> tr > td:nth-last-child(4):nth-child(3),
.table-form.grey > tbody> tr > td:nth-last-child(2):nth-child(5),
.table-form.grey > tbody> tr > td:nth-last-child(8):first-child,
.table-form.grey > tbody> tr > td:nth-last-child(6):nth-child(3),
.table-form.grey > tbody> tr > td:nth-last-child(4):nth-child(5),
.table-form.grey > tbody> tr > td:nth-last-child(2):nth-child(7),
.table-form.grey caption{
  background: #ebeef5;
}







/*单行文本框*/
.rx-textbox input{
  height: 32px;

}
/*子表弹窗样式*/
.table-detail.column-two > tbody> tr > td:nth-child(odd){
  width: 20%;
  text-align: right;
}
.table-detail.column-two > tbody> tr > td:nth-child(even) {
  width: 80%;
  text-align: left;
}
.table-detail.column-four > tbody> tr > td:nth-child(odd){
  width: 15%;
  text-align: center;
  text-align: right;
}
.table-form.column-four > tbody> tr > td:nth-child(even){
  width: 35%;
  text-align: left;
  padding: 10px;
}




.toggleButton{
  margin: 10px;
  display: inline;
  color: #FFFFFF;
  cursor: pointer;
}

.toggleButton:before{
  font-family: "iconfont" !important;
  font-size: 16px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
}

.rx-checkbox{
  display: inline-block;
  height: 20px;
}

.rx-checkbox,
.rx-from-select,
.rx-checkbox-list,
.rx-switch,
.rx-chinese,
.rx-number,
.rx-radio,
.rx-date,
.rx-month,
.rx-rate,
.rx-time,
.rx-button-edit {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}


/*边框容器*/
.fieldsetContainer{
  border-top: 1px solid #ddd;
  padding: 2px 2px 2px 2px;
}


.fieldsetContainer .title{
  position: relative;
  font-size: 16px;
  font-weight: bold;
  width: auto;

  color: #555;
}
.fieldsetContainer .title:before{
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #4099FF;
  vertical-align: 2px;
  margin-right: 6px;
}
.fieldsetContainer .divFieldsetContainer{
  padding: 10px;
}
.fieldsetContainer .toggleButton:before{
  color: #ddd;
}
.vl-notify.vl-notify-iframe .vl-notify-content{
  padding: 20px;
  height: auto;
}
.ql-editor{
  min-height: 120px;
}

/*数字输入框*/
.ant-input-number{
  width: 80%;
}
/*日期控件*/
.rx-date .ant-calendar-picker,
.rx-month .ant-calendar-picker,
.rx-date-range .ant-calendar-picker,
.rx-week .ant-calendar-picker,
.rx-time .ant-time-picker
{
  width: 100%;
}
/*富文本框*/
.rx-quill-editor{
  width: 100;
  position: relative;
}
.rx-quill-editor>div,
.rx-quill-editor .editor{
  height: 100%;
}

.rx-quill-editor >div > i{
  position: absolute;
  right: -26px;
  top: 80px;
}
.rx-quill-editor.read-only{
  height: auto!important;
}
.rx-quill-editor .editarea>p{
  margin-bottom: 0;
}
/*编辑型按钮*/
.rx-button-edit{
  width: 80%;
  display: flex;
  align-items: center;
}
.rx-button-edit > div{
  display: flex;
  align-items: center;
  width: 100%;
}
.rx-button-edit .inputBtnBox{
  width: 100%;
}
.rx-button-edit .inputBtnBox span.ant-input-group{
  width: 100%;
  display: flex;
}
.rx-button-edit .inputBtnBox span.ant-input-group input.ant-input{
  flex: 1;
}
.rx-button-edit > div > span > input{
  width: calc(100% - 70px) !important;
}
/*上传附件*/
.ant-upload.ant-upload-drag .ant-upload-drag-container{
  padding-top: 5px;
}
.rx-upload > div{
  position: relative;
}
.rx-upload > div >div{
  width: 100%;
}
.rx-upload > div > i{
  position:absolute;
  left: 80%;
  top: 10px;
}

/*地址控件*/
.rx-address > div{
  display: flex;
  align-items: center;
}
.rx-address > div > div{
  margin-right: 10px;
}
.rx-address > div > div.addressCon{
  width: calc(92% - 330px);
  margin-right: 0px;
}
/*部门控件与用户控件*/
.rx-group{
  display: inline-block;
}
.rx-user{
  display: inline-block;
}
.rx-group > div{
  display: flex;
  align-items: center;
}
.rx-group .flexBox,
.rx-user .flexBox{
  width: 100%!important;
}
/*多行文本框*/
.rx-textarea > div{
  display: flex;
  align-items: center;
  white-space: normal;
  word-break: break-all;
}

/*rxExcelBox*/
.rxExcelBox{
  display: inline-block;
  vertical-align: top;
}




/*必填星号*/
.star{
  /*display: inline-block;*/
  position: relative;
  padding-left: 10px;
}
.star:before{
  content: '*';
  display: inline-block;
  position: absolute;
  color: red;
  font-size: 20px;
  left: 0;
  top: 2px;
  height: 10px;
  line-height: 10px;
}

.yesParent .rxStar{
  display: none;
}


/*单选按钮 眼睛偏成斗鸡眼；*/
/*body .ant-radio-inner{
	width: 17px;
	height: 17px;
}
body .ant-radio-inner::after{
	top:4px;
	left: 4px;
}*/

/*数字输入框*/
.rx-number .ant-input-number{
  width: 100%;
}


/*评分*/
.rx-rate .ant-rate-star-first .anticon,
.rx-rate .ant-rate-star-second .anticon{
  vertical-align: 4px;
}


.rx-checkbox-list{
  display: inline-block;
}


/*星号*/
.required{
  position: relative;

}
.required:before {
  content: "*";
  color: red;
  margin-right: 5px;
  font-size: 16px;
  display: inline-block;
}

/*下拉框*/
.rx-form-select {
  display: inline-block;
}
.rx-form-select .ant-select{
  width: 100%;
}
/*下拉框end*/

/*rxtabs*/
.tabsToolBox{
  padding: 10px 0;
}
.tabsToolBox li{
  padding: 0 6px;
  border-radius: 4px;
}
.tabsToolBox li:hover{
  background: #f7f7f7;
}
.tabsToolBox li .itemString,
.tabsToolBox li .itemObj{
  display: flex;
  align-items: center;
}
.tabsToolBox li .leftBox{
  flex: 1;
  padding-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: none;
}
.tabsToolBox .editIcon:hover{
  color: #4099FF;
}
.tabsToolBox .delIcon:hover{
  color: #d9363e;
}


/*tab容器*/

/*tab容器*/
.rx-tabbox{
  position: relative;

  display: flex;
  flex-direction: column;
  height: 200px;
  width: 100%;
  background: #fff;
}
.rx-tabbox[margins="yesBorder"]{
  border:1px solid #ddd;
}
.rx-tabbox[margins="noBorder"]{
  border:0;
}
.rx-tabbox .rxTabsHeader{
  box-sizing: border-box;
  display: flex;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ddd;
}
.rx-tabbox .rxTabsHeader .leftBtn,
.rx-tabbox .rxTabsHeader .rightBtn
{
  padding: 0 10px;
  background: #fff;
  cursor: pointer;
  display: none;
}

.rx-tabbox .rxTabsHeader .headerContent{
  flex: 1;
  position: relative;
}
.rx-tabbox .rxTabsHeader .itemContainer{
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  z-index: 3;
}
/*垫一层div是因为编辑器点击的时候会自动获取第一个*/
.rx-tabbox .rxTabsHeader .headerClick{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.rx-tabbox .rxTabsHeader .itemContainer>span.headerBtns{
  padding: 8px 10px;
  display: inline-block;
  list-style: none;
  border-bottom:2px solid transparent;
  box-sizing: border-box;
  margin-right: 10px;
  line-height: normal;
  cursor: pointer;
}
.rx-tabbox .rxTabsHeader .itemContainer>span.headerBtns.headerActive{
  border-bottom:2px solid #1890ff;
}
.rx-tabbox .rxTabsHeader .itemContainer>span.headerBtns:last-child{
  margin-right: 0;
}
.rx-tabbox .rx-a-tabs{
  position: relative;
  flex: 1;
  box-sizing: border-box;
}
.rx-tabbox .rx-a-tabs .itemBox {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.rx-tabbox .rx-a-tabs .rx-tab-item{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #fff;
  overflow: auto;
  padding: 10px;
  box-sizing: border-box;
}
.rx-tabbox .rx-a-tabs .rx-tab-item.actives{
  z-index: 5;
}

/*tabs向左*/
.rx-tabbox.left{
  flex-direction: row;
}

.rx-tabbox.left .rxTabsHeader{
  flex-direction: column;
  width: 100px;
  height: 100%;
  border-bottom: 0;
  border-right:1px solid #ddd ;
}
.rx-tabbox.left .rxTabsHeader .itemContainer>span.headerBtns{
  display: block;
  margin-right: 0;
  position: relative;
  padding-left: 24px;
}
.rx-tabbox.left .rxTabsHeader .itemContainer>span.headerBtns.headerActive{
  border-bottom-color: transparent;
  position: relative;

}
.rx-tabbox.left .rxTabsHeader .itemContainer>span.headerBtns.headerActive:before{
  content: '';
  width: 0;
  height: 0;
  top: 13px;
  left: 8px;
  display: inline-block;
  position: absolute;
  border-width:6px;
  border-style: solid;
  border-color: transparent transparent transparent #4099FF;

}
.rx-tabbox.left .rxTabsHeader .itemContainer{
  width: 100%;

}
/*tabs向右*/

.rx-tabbox.right{
  flex-direction: row;
}

.rx-tabbox.right .rxTabsHeader{
  flex-direction: column;
  width: 100px;
  height: 100%;
  border-bottom: 0;
  border-left:1px solid #ddd;
  order: 3;
}
.rx-tabbox.right .rx-a-tabs{
  order: 0;
}
.rx-tabbox.right .rxTabsHeader .itemContainer>span.headerBtns{
  display: block;
  margin-right: 0;
  position: relative;
  padding-right: 24px;
  text-align: right;
}
.rx-tabbox.right .rxTabsHeader .itemContainer>span.headerBtns.headerActive{
  border-bottom-color: transparent;
  position: relative;

}
.rx-tabbox.right .rxTabsHeader .itemContainer>span.headerBtns.headerActive:before{
  content: '';
  width: 0;
  height: 0;
  top: 13px;
  right: 8px;
  display: inline-block;
  position: absolute;
  border-width:6px;
  border-style: solid;
  border-color: transparent #4099FF transparent transparent;

}
.rx-tabbox.right .rxTabsHeader .itemContainer{
  width: 100%;

}

/*tabs向下*/
.rx-tabbox.bottom .rxTabsHeader{
  order: 3;
  border-bottom: 0;
  border-top: 1px solid #ddd;
}
.rx-tabbox.bottom .rx-a-tabs{
  order: 0;
}
.rx-tabbox.bottom .rxTabsHeader .itemContainer>span.headerBtns{
  border-bottom: 0;
  border-top:2px solid transparent
}
.rx-tabbox.bottom .rxTabsHeader .itemContainer>span.headerBtns.headerActive{
  border-color: #4099FF;
}
.rx-table-box tfoot td{
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 4px;
}
.rx-table-box tfoot td:last-child{
    border-right: 0;
}
/*tab容器end*/


.search-btn-box >.search-btn-ul,
.search-btn-box>.search-btn-ul> li{
  padding: 0;
  margin: 0;
  display: inline-block;
}
.search-btn-box>.search-btn-ul> li{
  line-height: 32px;
  padding:0 11px 0 10px;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
}
.search-btn-box>.search-btn-ul> li:hover,
.search-btn-box>.search-btn-ul> li.active
{
  color: #1890ff;
}
.search-btn-box>.search-btn-ul> li:after{
  content: '|';
  display: inline-block;
  position: absolute;
  right: 0;
  height: 14px;
  line-height: 14px;
  margin-top: -7px;
  top: 50%;
  overflow: hidden;
  color: #ddd;
}
.search-btn-box>.search-btn-ul> li:last-child:after{
  content: '';
}
.fit-header .search-btn-box{
  float: right;
  display: inline-block;
  padding: 6px;
  white-space: nowrap;
  color: #555;
}
.table-operator{
  display: inline-block;
}



/*rx-fit 表单列表高级查询 */
.slide-fade-enter-active,
.slide-fade-leave-active{
  transition: all .5s ease;
}
.slide-fade-enter, .slide-fade-leave-to
{
  opacity: 0;
}


.find-box{
  max-height:90%;nav-down: auto;
  box-sizing: border-box;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 20;
  background: #fff;
  width: 50%;
  min-width: 500px;
  box-shadow: 0 0 0px 0px transparent,
  4px 0 4px -3px #a3a0a0,
  0 4px 4px -3px #a3a0a0,
  -2px 0 0px 0px transparent;
  display: flex;
  flex-direction: column;
}
.find-tool{
  display: flex;
  height: 40px;
  line-height: 40px;
  background-color: #f5f7fa;
  justify-content: space-between;
  border-bottom: 1px solid #e6e8eb;
}
.find-tool .findClose{
  padding: 0 10px;
  cursor: pointer;
}
.find-tool .find-text{
  padding-left: 20px;
}
.find-tool .findClose:hover i{
  color: #1890ff;
}
.find-btn-tool{
  padding:8px 10px;
  font-size: 0;
  border-bottom:1px solid #ddd;
  text-align: right;
}
.find-btn-tool button{
  margin-left: 10px;
}
.find-content{
  padding:10px 20px 20px;
  flex: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.find-content-header {
  width: 100%;
  box-sizing: border-box;
  display: flex;
}
.find-content-header .iputBox{
  flex: 1;
  color: #c0c5cc;
  font-size: 12px;
}
.find-content-header .iputBox input{
  width: 60%;
  min-width: 240px;
}
.find-content-header .checkBox{
  padding-top: 5px;
  padding-left: 20px;
}
.find-content-center{
  display: flex;
  flex-direction: column;
}

.find-item{
  display: flex;
  align-content: center;
  margin-top: 10px;
}
.find-item:first-child{
  margin-top: 0;
}
.find-item-content{
  padding: 4px 0;
  max-height: 60%;
  overflow: auto;
  margin-top: 10px;
}
.findSelcetBox{
  flex: 1;
  margin-right: 20px;
}
.findInputBox{
  flex: 2;
}
.closeItem{
  margin-left: 10px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
}
.closeItem>span{
  display: inline-block;
  height: 16px;
  width: 16px;
  text-align: center;
  line-height: 15px;
  margin-top: 8px;
  background-color: #c0c5cc;
  color: #fff;
  border-radius: 8px;
  font-size: 12px;
}
.closeItem:hover span{
  background-color: red;
}

.addItemBtn{
  padding-top: 20px;
}
.find-box .addbtn{
  background-color: #f5f7fa;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.find-box .addbtn i{
  margin-top: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.find-box .addbtn:active,
.find-box .addbtn:focus
{
  background-color:#f5f7fa;
  border-color: #d9d9d9;
  color: rgba(0, 0, 0, 0.65);
}
.find-box .addbtn:hover
{
  background-color:#1890ff;
}
.find-box .addbtn:hover,
.find-box .addbtn:hover i{
  color: #fff;
}
.addItemBtn{
  display: flex;
}
.addItemBtn .findBtnSpan{
  flex: 1;
  margin-right: 0;
}
.addItemBtn .perch{
  width: 25px;
  margin-left: 10px;
}
.table-page-search-submitButtons{
  margin-bottom: 12px;
  display: inline-block;
  line-height: 40px;
}
/*rx-fit 表单列表高级查询  end */


/**/
.rx-table-body .ant-calendar{
  position: absolute;
}
.rxdatlist.ant-calendar-picker div:last-child{
//position: absolute;
}

/*流程隐藏右下角自带的图标*/
body .bjs-powered-by{
  display: none;
}

/*流程图 提示内容 弹窗*/
body .rx-npmn-window{
  width: 284px;
  box-sizing: border-box;
}
.flow-window-container{
  position: relative;
  padding-top: 10px;
  z-index: 10;
}
.flow-window-container:before,
.flow-window-container:after
{
  content: '◆';
  position: absolute;
  left: 50%;
  top: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  text-align: center;
  font-size: 36px;
  line-height: 20px;
  color: #fff;
}
.flow-window-container:before{
  z-index: 10;
  text-shadow: 0  0px 5px #ccc;
}
.flow-window-container:after{
  z-index: 30;
}
.flow-window-content{

  position: relative;
  width: 100%;
  box-sizing: border-box;
  z-index: 20;
  background: #fff;
  padding: 10px 0 10px 10px;
  overflow-y: auto;
  box-shadow: 0px 0px 4px 0px #ccc;
}
.flow-window-content ul{
  max-height: 300px;
  overflow: auto;
  padding-right: 10px;
}
.flow-window-content>ul::-webkit-scrollbar {
  width: 5px!important;
  height: 5px!important;
}

.flow-window-content>ul::-webkit-scrollbar-thumb {
    /*!*滚动条里面小方块*!*/
    border-radius: 5px;
    background:#c0c5cc!important;
}
.flow-window-content>ul::-webkit-scrollbar-thumb:hover {
    background:#8a9199!important;
}

ul, li, dl, dd, dt{
  margin: 0;
  padding: 0;
  list-style: none;
}
.flow-window-content >ul>li{
  overflow: hidden;
}
.flow-item-li{
  padding-bottom: 10px;
}
.flow-item-icon{
  width: 31px;
  height: 31px;
  float: left;
  border-radius: 16px;
  margin: 2px 20px 0 10px;
  background:#4d6aff url(../person.png)  no-repeat center center;
}
.flow-item-text{
  overflow: hidden;
  font-size: 12px;
  font-family: “Microsoft YaHei”;
}

.flow-item-details .leftText{
  color: #a8b2bd;
  text-align: right;
  white-space: nowrap;
}
.flow-item-details .rightText{
  color: #333;
  padding-left: 16px;
}
.flow-item-title,
.flow-item-header{
  margin-left: 2px;
  position: relative;
}
.flow-item-btn{
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 20px;
  color: #4d6aff;
  cursor:pointer ;
}
.flow-item-btn:after{
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-left:1px solid #4d6aff;
  border-bottom: 1px solid #4d6aff;
  transform: rotate(-45deg);
  position: absolute;
  right: 6px;
  top: 2px;
}
.active .flow-item-btn:after{
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-left:1px solid #4d6aff;
  border-bottom: 1px solid #4d6aff;
  transform: rotate(135deg);
  position: absolute;
  right: 6px;
  top: 7px;
}
.flow-item-content{
  display: none;
}
.active .flow-item-content{
  display: block;
}
.flow-item-name{
  font-size: 14px;
  color: #333;
}
.flow-item-title{
  padding: 6px 0;
}
.flow-node-text{
  background: #edf0ff;
  color: #4d6aff;
  padding: 3px 6px;
  border-radius: 3px;
}
.flow-node-text-type{
  background: #e7f6e3;
}
.flow-item-details > dl > dd{
  display: flex;
}
.flow-item-content .noedit{
  padding: 12px 0 8px;
  font-size: 13px;
}

/*流程图 提示内容 弹窗 end*/


/* 条件容器 rx-conditions*/
.rx-conditions{
  line-height: normal;
  width: 100%;
  box-sizing: border-box;
}

/*rx-data-list*/
.rx-data-list > .rx-layout{
  padding: 0!important;
}
.rx-data-list > .rx-layout >.rx-content > .rx-center>div{
  top:0!important;
}