.ys-workflow-design-header {padding:20px 0 20px 20px!important;border-bottom:1px solid #ccc}
.ys-workflow-design-header .pull-right .btn{width: 100px;margin-left: 15px!important;}

.ys-workflow-design-basic .simple-diagram{background: url(../../../../../webapp/styles/img/common/svg.bg.png);max-height: 100px;line-height: 100px;border:1px solid #ddd;font-size: 14px}
.ys-workflow-design-basic .simple-diagram img{max-width:600px;max-height: 100px}

.ys-workflow-design-diagram-container.fullscreen iframe{position: fixed;left:0px;right:0px;top:0px;bottom: 0px;height:calc(100vh)!important;z-index: 1000}

.ys-workflow-design-form .l{float: left;width: 280px;height: calc(100vh - 163px);border-right: 1px solid #ddd;}
.ys-workflow-design-form .l .list .item{height: 34px;line-height: 34px;cursor: pointer;color: #333;font-size: 14px}
.ys-workflow-design-form .l .list .item.selected{background: #f3f3f3;cursor: pointer}
.ys-workflow-design-form .l .list .item .icon{height: 34px}
.ys-workflow-design-form .l .list .item.hover .icon{background:url(../../../../../webapp/styles/img/common/icon/tree_open.png) no-repeat center;}
.ys-workflow-design-form .l .list .item .col-xs-2{}
.ys-workflow-design-form .l .grid .text-danger{display: none}
.ys-workflow-design-form .l .grid .td:hover .text-danger{display: block}
.ys-workflow-design-form .l .list .item icon{color: #ccc}
.ys-workflow-design-form .l .list .item icon.enabled{color: #E64E4D}
.ys-workflow-design-form .r{width:calc(100% - 280px);float: right;}
.ys-workflow-design-form textarea{/*box-shadow: none;*/padding: 12px 15px;resize: none;color: #000;white-space:nowrap;border:1px solid #eee!important;}
.ys-workflow-design-form textarea{height: calc(100vh - 257px)}
.ys-workflow-design-form textarea:focus{box-shadow: none}


.ys-workflow-design-node .l{float: left;width: 280px;height: calc(100vh - 194px);border-right: 1px solid #ddd;}
.ys-workflow-design-node .l .list .item{height: 34px;line-height: 34px;cursor: pointer;color: #333;font-size: 14px}
.ys-workflow-design-node .l .list .item.selected{background: #f3f3f3;cursor: pointer}
.ys-workflow-design-node .l .list .item .icon{height: 34px}
.ys-workflow-design-node .l .list .item.hover .icon{background:url(../../../../../webapp/styles/img/common/icon/tree_open.png) no-repeat center;}
.ys-workflow-design-node .l .list .item .col-xs-2{}
.ys-workflow-design-node .l .grid .text-danger{display: none}
.ys-workflow-design-node .l .grid .td:hover .text-danger{display: block}
.ys-workflow-design-node .l .list .item icon{color: #ccc}
.ys-workflow-design-node .l .list .item icon.enabled{color: #E64E4D}
.ys-workflow-design-node .r{width:calc(100% - 280px);float: right;}
.ys-workflow-design-node .ys-framework-tree.user >ul >li >.title{border:none;padding-left: 7px;}
.ys-workflow-design-node select{height: 34px;line-height: 34px;padding-left:15px;border-radius:0;appearance:none;-webkit-appearance: none;background: #fff;border:1px solid #ddd;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)}
.ys-workflow-design-node select.require{border-left: 2px solid #E64E4D!important;padding-left: 13px}

.ys-product-design .user .l{float: left;width: 280px;height: calc(100vh - 194px);border-right: 1px solid #ddd;}
.ys-product-design .user .l .list .item{height: 34px;line-height: 34px;cursor: pointer;color: #333;font-size: 14px}
.ys-product-design .user .l .list .item.selected{background: #f3f3f3;cursor: pointer}
.ys-product-design .user .l .list .item .icon{height: 34px}
.ys-product-design .user .l .list .item.hover .icon{background:url(../../../../../webapp/styles/img/common/icon/tree_open.png) no-repeat center;}
.ys-product-design .user .l .list .item .col-xs-2{}
.ys-product-design .user .l .grid .text-danger{display: none}
.ys-product-design .user .l .grid .td:hover .text-danger{display: block}
.ys-product-design .user .l .list .item icon{color: #ccc}
.ys-product-design .user .l .list .item icon.enabled{color: #E64E4D}
.ys-product-design .user .r{width:calc(100% - 280px);float: right;}
