/*表单设计页面  - bpmFormViewEdit.jsp*/
    /*table公共样式*/
/*.table-detail{
    table-layout: fixed;
}*/
.table-detail > tbody > tr > td {
    border: 1px solid #eee;
    /*text-align: left;*/
    background-color: #fff;
    white-space: normal;
    word-break: break-all;
    color: #999;
    font-weight: normal;
    padding: 6px;
    height: 40px;
    min-height: 40px;
    box-sizing: border-box;
    font-size: 14px;
}
.table-detail > tbody > tr.displayTr{
    height: 0;
    visibility: hidden;
}
.table-detail > tbody > tr.displayTr>td{
    height: 0;
    padding: 0;
    line-height:0;
    border: 0 !important;
}
.table-detail > tbody > tr > td:nth-child(odd){
     /* text-align: center;*/
     max-width: 200px;
     white-space: nowrap;
     color: #555;
 }
.table-detail.table-align > tbody > tr > td:nth-child(odd){
    text-align: center;
}
.table-detail>caption{
    line-height: 40px;
    color: #555;
    text-align: center;
    padding: 0 10px;
}
table tr.firstRow th{
    height: 40px;
    padding: 0 6px;
}
/*表格列数*/
    /* 四列*/
.column-four > tbody > tr > td:nth-child(odd) {
    max-width: 15%;
}

.column-four > tbody > tr > td:nth-child(even) {
    min-width:35%;
}

.column-four.noLine > tbody > tr > td:nth-child(even) {
    min-width:0;
}
    /* 二列 */
.column-two > tbody > tr > td:nth-child(odd) {
    width: 20%;
}
.column-two > tbody > tr > td:nth-child(even) {
    width:80%;
}
    /* 六列 */
.column-six > tbody > tr > td:nth-child(odd) {
    width: 10%;
}
.column-six > tbody > tr > td:nth-child(even) {
    width:23.3%;
}
    /* 八列 */
.column-eight > tbody > tr > td:nth-child(odd) {
    width: 8%;
}
.column-eight > tbody > tr > td{
    width: 14.5%;
}
.table-detail > tbody > tr > td:only-child{
     background: #fff!important;
     text-align: left;
 }
/*表格颜色*/
/*无色*/
.table-detail.transparent>caption{
    background: transparent;
}
.table-detail.transparent > tbody > tr > td:nth-child(odd){
    background: transparent;
}
.table-detail.transparent > tbody > tr > td{
    border: 1px solid #ddd;
}
/*浅蓝色*/
.table-detail.blue>caption{
    background: #e3f1ff;
    border: 1px solid #d1e0f0;
    border-bottom: 0;
}
.table-detail.blue > tbody > tr > td:nth-child(odd){
    background: #e3f1ff;
}
.table-detail.blue > tbody > tr > td{
    border: 1px solid #d1e0f0 ;
}
/*淡绿色*/
.table-detail.green>caption {
    background: #defaea;
    border: 1px solid #c2e5d1;
    border-bottom: 0;
}
.table-detail.green >tbody> tr >td:nth-child(odd) {
    background: #defaea;
}
.table-detail.green > tbody > tr > td{
    border: 1px solid #c2e5d1  ;
}
/*棕色*/
.table-detail.brown>caption {
    background: #f2dbcb;
    border: 1px solid #e3c2ad;
    border-bottom: 0;
}
.table-detail.brown >tbody> tr >td:nth-child(odd) {
    background: #f2dbcb;
}
.table-detail.brown > tbody > tr > td{
    border: 1px solid #e3c2ad   ;
}
/*银灰*/
.table-detail.grey>caption {
    background: #ebeef5;
    border: 1px solid #d4dae9;
    border-bottom: 0;
}
.table-detail.grey>tbody> tr >td:nth-child(odd) {
    background: #ebeef5;
}
.table-detail.grey > tbody > tr > td{
    border: 1px solid #d4dae9   ;
}
/*无边线*/
.table-detail.noLine,
.table-detail.noLine> tbody > tr > td{
    border: 0!important;
}
body  .table-detail.noLine> tbody > tr > td:nth-child(odd),
body  .table-detail.noLine> tbody > tr > td:nth-child(even)
{
    text-align: left;
}


    /*清除边框*/
.edui-default .edui-editor {
    border: none !important;
}

    /*左边树折叠之后的颜色*/
.mini-layout-proxy{
    border-color: #66b1ff;
    background-color: #dbedff;
}
    /*hover之后的颜色*/
.mini-layout-proxy-hover
{
    background:#f1f8fd;
}
.mini-layout-region-body{
    z-index: 99;
}
/*设计页面模板按钮*/
.toobar_left {
    padding-left: 6px;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.toobar_left>div>div {
    padding-bottom: 5px;
    padding-left: 10px;
    font-weight: bold;
    margin-bottom: 2px;
    height:20px;
}
ul.toobar_li_ul>li,
.flex_ul>li {
    display: inline-block;
}
ul.toobar_li_ul{
    font-size: 0;
}
ul.toobar_li_ul>li {
    width: 83px;
    background: #f0f7ff;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 8px;
    cursor: pointer;
}
ul.toobar_li_ul>li:nth-child(even) {
    margin-left: 8px;
}
.toobar_li_ul>li>a {
    color: #333;
}
.toobar_li_ul>li>a>i {
    padding-left: 6px;
    padding-right: 2px;
}
.toobar_li_ul>li>a>i.iconfont:before {
    color: #29A5BF;
    font-size: 12px;
}
.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}
.mini-layout-region-center .mini-layout-region-body {
    overflow: hidden;
}
/*设计页面模板按钮----end--*/
.toggleColor label{
    margin-right: 6px;
    cursor: pointer;
    font-size: 14px;
}
.toggleColor label input{
    outline: none;
    vertical-align: -2px;
}



/*-------------------------------------预览页面开始------------------------------------------------*/
.divContainer{
    min-height:40px;
    line-height: 40px;
    box-sizing: border-box;
}

/*必填 星 号*/
.mySign:before{
    content: "*";
    color: red;
    margin-right: 3px;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
}
/*-------------------------------------预览页面结束------------------------------------------------*/
/*
.mini-grid, .mini-datagrid{
    display: block;
}*/




/*无边框风格各组件的样式*/
.noLine .divContainer,
.noLine .div-condition,
.noLine .mini-textbox,
.noLine .mini-textarea,
.noLine .mini-rxcombobox,
.noLine .mini-treeselect,
.noLine .mini-area,
.noLine .mini-spinner,
.noLine .mini-datepicker,
.noLine .mini-month,
.noLine .mini-time,
.noLine .upload-panel,
.noLine .mini-buttonedit,
.noLine .mini-textboxlist,
.noLine .mini-user,
.noLine .mini-group,
.noLine .mini-dep,
.noLine .mini-nodeopinion,/**/
.noLine .mini-office
{
    max-width: 80%;
}
.column-six.noLine .divContainer,
.column-six.noLine .div-condition,
.column-six.noLine .mini-textbox,
.column-six.noLine .mini-textarea,
.column-six.noLine .mini-rxcombobox,
.column-six.noLine .mini-treeselect,
.column-six.noLine .mini-area,
.column-six.noLine .mini-spinner,
.column-six.noLine .mini-datepicker,
.column-six.noLine .mini-month,
.column-six.noLine .mini-time,
.column-six.noLine .upload-panel,
.column-six.noLine .mini-buttonedit,
.column-six.noLine .mini-textboxlist,
.column-six.noLine .mini-user,
.column-six.noLine .mini-group,
.column-six.noLine .mini-dep,
.column-six.noLine .mini-nodeopinion,/**/
.column-six.noLine .mini-office
{
    max-width: 84%;
}