/*==============新增流程表单==================*/
html,body{
    height: 100%;
}
.layui-fluid,.layui-row, .layui-row [class^="layui-col-"],.process-tree-div{
    height: 100%;
}
.ztree{
    height: calc(100% - 55px);
    overflow: auto;
}
.space-10{
    padding-right: 10px;
}
.configitem-container{
    padding: 5px 5px 0 5px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.forms-used .layui-form-label{
    width: auto;
}
.icon{
    vertical-align: middle;
    display: inline-block;
}

.icon-tree{
    width: 22px;
    height: 22px;
    background-position: -225px -29px;
}
.icon-operate-check{
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-position: -149px -34px;
}
.icon-operate-check.opselect{
    background-position: -109px -34px;
}
.icon-opclose{
    width: 15px;
    height: 14px;
    cursor: pointer;
    background-position: -106px -10px;
}
.process-tree-div{
    width: 100%;
    float: left;
    padding: 22px 10px;
    background: #FFFFFF;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.process-tree-title{
    width: 100%;
    height: 40px;
    color: #FFFFFF;
    line-height: 40px;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 0 0 20px rgba(211,228,237,.9);
}
.process-tree-title p{
    padding: 0 13px;
}
.process-tree-title p .icon-tree{
    margin-right: 5px;
    margin-bottom: 3px;
}

.process-operation{
    width: 100%;
    float: left;
    background: #FFFFFF;
}
.process-permission{
    float: left;
    width: 100%;
    height: 60px;
    padding: 0 28px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #f2f4fa;
}
.permission-left{
    float: left;
}
.permission-left p{
    color: #354052;
    font-size: 16px;
    font-weight: 600;
    line-height: 60px;
}
.permission-right{
    float: right;
    line-height: 60px;
}

.btn-org{
    height: 30px;
    color: #333333;
    padding: 0 13px;
    line-height: 30px;
    border-radius: 5px;
    background: #ffffff !important;
    border: 1px solid #DDDDDD;
}
.btn-white{
    height: 30px;
    color: #333333;
    padding: 0 13px;
    line-height: 30px;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #DDDDDD;
}
.btn-white:hover,.btn-org:hover{
    color: #333333;
}
/*使用表单*/
.forms-used{
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #f2f4fa;
}
.forms-used-word{
    color: #2ec177;
    font-size: 15px;
    font-weight:600;
    min-height: 48px;
    line-height: 48px;
    padding-left: 19px;
}
.forms-used .layui-form-item{
    margin: 5px 0;
}
/*操作*/
.deop .layui-table tbody tr:hover,
.deop .layui-table thead tr, .deop .layui-table-click,
.deop .layui-table-header, .deop .layui-table-hover,
.deop .layui-table-mend, .deop .layui-table-patch,
.deop .layui-table-tool,.deop .layui-table[lay-even] tr:nth-child(even){
    background: none;
}
.detail-operate{
    width: 100%;
    float: left;
}
.deop{
    width: 100%;
    float: left;
}
.deop-title{
    width: 100%;
    float: left;
    height: 45px;
    padding: 0 20px;
    line-height: 45px;
    background: #f5fbfa;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #f2f4fa;
}
.deop-title-left{
    float: left;
}

.deop-title-left span{

    height: 48px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    line-height: 48px;
    margin: 2px;
    padding: 5px;
}

.deop-title-left span.select{
    color: #2ec177;
    border-bottom: 4px solid #2ec177;
}

.deop-title-right{
    float: right;
}
.deop-select{
    float: left;
    width: 100%;
    height: 44px;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #f2f4fa;
}
.deop-content{
    width: 100%;
    float: left;
    overflow: auto;
    padding: 5px 0 15px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.deop-select .layui-table,
.deop-content .layui-table{
    margin: 0px;
}
.deop-select .layui-table td,
.deop-select .layui-table th{
    padding: 0px;
    height: 43px;
    vertical-align: middle;
}
.deop-content .layui-table td,
.deop-content .layui-table th{
    padding: 0px;
    height: 34px;
    vertical-align: middle;
}

.deop-select .icon-operate-check,
.deop-part .icon-operate-check{
    margin-right: 5px;

}
.deop-part{
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.deop-part-table{
    width: auto;
    padding: 0 20px;
    table-layout: fixed;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.detail-operate .layui-table{
    width: auto;
}

.deop-part-title{
    height: 36px;
    color: #2ec177;
    padding: 0 10px;
    font-weight: 600;
    line-height: 36px;
    background: rgba(245,251,250,.6);
}
.deop-part-title i{
    float: right;
    cursor: pointer;
    margin-top: 11px;
}
.detail-operate .layui-row [class^="layui-col-"]{
    border-left: 1px solid #d8d8d8;
}
.detail-operate .layui-row [class^="layui-col-"]:nth-child(1){
    border-left: none;
}
.detail-operate .layui-input, .detail-operate .layui-select{
    height: 30px;
    line-height: 30px;
}
.special-table td{
    padding: 5px !important;
}

.detail-operate .w250[title="显示条件"] .layui-form-item .layui-input-inline {
    margin-right: 0;
}

.detail-operate .w250[title="显示条件"] .layui-form-item .layui-input-inline input[name="showCondition"] {
    width:  190px !important;
}


.w20{
    width:  20px !important;
}

.w50{
    width:  50px !important;
}

.w100{
    width:  100px !important;
}

.w150{
    width:  150px !important;
}

.w200{
    width: 200px !important;
}

.w250{
    width: 250px !important;
}


.w300{
    width: 300px !important;
}

.w350{
    width: 350px !important;
}

.w400{
    width: 400px !important;
}

.w600{
    width: 600px !important;
}



.choose-btn{
    float: right;margin-right: 20px;margin-top: 5px;
}


#configitem-content,.function-item{
    display: none;
}

.function-items{

}

.function-items .show{
    display: block;
}

.special-table .layui-form-item,
.special-table .layui-form-item .layui-inline{
    margin-bottom: 0px;
}
.special-table .layui-form-label{
    padding: 6px 15px;
}



.layui-layer-tips .layui-layer-content{
    color: #ff0000 !important;
}

.question-mark,.question-mark-right{
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.question-mark-right{
    float: right;
}


.question-mark .icon{
    display: inline-block;
    vertical-align: middle;
    background-position: 0px 0px;
    background: url(../img/icon-form.png) no-repeat;
}

.question-mark .icon-question-mark{
    width: 20px;
    height: 20px;
    background-position: -209px -75px;
}

.text-center{
    text-align: center;
}

.margin15{
    margin-left: 5px;
}

.hide{
    display: none;
}

.autoSignSelect-td{

}
.autoSignSelect-td .autoSignSelect-lable{
    width: auto;
}

.autoSignSelect-td .layui-unselect{
     margin-top:5px;
 }
.process-btn{
    box-shadow: none;
    background: none !important;
}
.layui-btn~.process-text{
    display: none;
}
.process-text{
    width: 100%;
    height: 40px;
    color: #FFFFFF;
    padding: 0 10px;
    line-height: 40px;
    border-radius: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 0 20px rgba(211,228,237,.9);
}
.layui-btn{
    border-radius: 5px;
}
.search-span{
    position: absolute;
    right: 13px;
    top: 8px;
    text-align: center;
    width: 24px;
    height: 24px;
    display: none;
}
.process-tree-title~.search-span{
    top: 80px;
    display: block;
}
.icon-search{
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-position: -150px -8px;
}
.icon-clear{
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-position: -106px -9px;
}

.icon-search.icon-clear{
    background-position: -105px -8px;
}

layui-form flow-forms{
    background: rgba(245,251,250,.6);
}

.rename-div{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.rename-div .layui-input-block{
    margin-left: 0px;
}
/*
<i class="icon icon-clear"></i>*/