zhujian_OA/tpk/flowchart/css/flowchart.css

/**message缩写为msg**/
.sp-msg-left{position:absolute;left:10px; width:220px; bottom:10px; top:50px; background-color:#fff;}
.sp-msg-right{position:absolute;left:230px; right:10px; bottom:10px; top:50px;  overflow-y:auto;}

.sp-msg-left-top{float:left; width:100%; line-height:50px; font-size:16px; background-color:#d9dee4; padding:0 15px;  }
.sp-msg-left-bottom{float:left; width:100%;}


.sp-msg-left-lh{float:left; width:100%; line-height:40px; padding:0 0 0 5px; cursor:pointer;box-sizing: border-box; text-align: left;}

.sp-msg-left-lh i{font-size: 13px; padding-right: 6px; color: gray;}
.sp-msg-left-lh .sp-col-20{display: none;}

.sp-msg-left-lh:hover{color:#0e39de;}
.sp-msg-left-lh:hover i{color:#0e39de;}
.sp-msg-left-lh:hover .sp-col-20{display: block;}

.sp-msg-left-active{background-color:#f0f3f4; color:#0e39de; border-radius: 5px;}
.sp-msg-left-active i{color:#0e39de;}
.sp-msg-left-lh i.fa-edit{align-items: right;}
/*消息中心模块*/
.sp-msg-types{ float:left; background-color:#D9DEE4; width:115px;height:30px; line-height:30px; margin-right:5px;text-align:center; cursor:pointer;}
.sp-msg-types-active{background-color:#546478 !important; color:#fff !important;}

.sp-msg-left-lh .sp-col-80{padding: 0;}
.sp-msg-left-lh .sp-col-20{padding: 0;}

.flow-col-left{float: left; width:120px; min-height: 120px;}
.flow-col-right{float: left; width:calc(100% - 120px); min-height: 120px; border-left: 1px solid #efefef; box-sizing: border-box;}
.flow-radius{width: 50px; margin: 0 auto; height: 50px; line-height: 50px; border-radius: 25px; background-color: #bdc7d4; color: #fff; text-align: center; font-size: 22px;}

.flow-col-right .right-l{float: left; width:80px; text-align: center; margin-top: 2px;}
.flow-col-right .right-r{float: left; width:calc(100% - 80px);}
.right-r span{margin: 5px 20px 5px 0; cursor: pointer;}
.right-r span:hover{color:#0e39de;}


.flow-col-right-up{float: left; width: 100%; min-height: 100px;}
.flow-col-right-bottom{float: left; width: 100%; height: 20px; text-align: right;}

.warningIcon{
    clear: both;
    background-repeat: no-repeat;
    height: 20px;
    background-position: center center;
    background-size: 18px 18px;
    background-image: url("../image/warning.png");
    cursor: pointer;
}

.right-r ::-webkit-scrollbar { width: 6px;background-color: #F5F5F5;}
.right-r ::-webkit-scrollbar-thumb {
    background-color: #999;
}
.right-r ::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}