/****************** 审批流 *****************/

.approvalProcess_container {
    width: 100%;
    color: #141e31;
    height: 100% !important;
    max-width: 100%;
    overflow-x: hidden;
    display: flex;
    overflow-y: auto;
    white-space: nowrap;
    box-sizing: border-box;
}

    .approvalProcess_container .trun_left {
        flex: 1.3;
        max-width: 60%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .approvalProcess_container .trun_right {
        flex: 1;
        overflow: hidden;
        box-sizing: border-box;
    }

    .approvalProcess_container * {
        box-sizing: border-box;
    }

#diagramChart, #tabpanel-container {
    width: 100% !important;
    max-width: 100% !important;
}

#approvalContentGrid {
    overflow-x: hidden !important;
}

/*    .approvalProcess_container .trun_left {
        float: left;
        width: 200px;
        padding: 5px;
    }



    .approvalProcess_container .trun_right {
        margin-left: 200px;
    }*/








.approvalProcess_container .trun_left .btn_box {
    margin: 15px 0;
}



/*.dxdi-canvas .shape rect, .dxdi-canvas .shape path, .dxdi-canvas .shape line,
.dxdi-canvas .shape ellipse, .dxdi-canvas .toolbox-item rect, .dxdi-canvas .toolbox-item path,
.dxdi-canvas .toolbox-item line, .dxdi-canvas .toolbox-item ellipse {
    fill: #03a9f4;
    stroke: #03a9f4;
}

.dxdi-canvas .shape text, .dxdi-canvas .toolbox-item text {
    fill: #fff;
}*/


#saveApproval {
    position: fixed;
    bottom: 15px;
    right: 10px;
}

/* ===================== 审批流「图形」浮动工具箱：面板高度不足修复 =====================
   现象：点工具栏「设置审批流」后，左侧「图形」工具箱只显示第一行形状，第二行被裁掉，
         且拖不出滚动条（用户观感「只显示一半」）。
   根因（本机 1600x900 实测，DevExtreme 自算、数值恒定）：
       .dx-diagram-toolbox-panel 的高度 = DevExtreme 给出的弹窗内容高度的 100%（实测 167px）；
       面板内「标题区偏移 40px」+「形状区 svg（DevExtreme 内联写死 132x132）= 172px」，
       恒定超出 5px。
       又因 DevExtreme 自带规则
           .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel > * { position: absolute; }
       绝对定位子元素不计入父元素的 scrollHeight ⇒ 溢出的内容既撑不开面板、也不产生滚动条，
       被直接裁掉。实测：字号 14~30px 全部无影响（svg 尺寸是内联固定值）；
       DPR 1 / 1.25 / 1.5 无差异；仅「容器可用高度」是变量。
   修法：按视口比例抬高面板，并加上下限，避免小屏超出弹窗底部。
         实测 200 / 240 / 260px 与 42vh 均可令 4 个形状全部完整显示，此处取更宽容的值。
   ================================================================================== */
.dx-diagram-toolbox-popup .dx-diagram-toolbox-panel {
    min-height: 240px !important;
}