| wf-state-chart, wf-legend { |
| width: 100%; |
| // height: 400px; |
| /*background-color: blue;*/ |
| overflow: hidden; |
| display: block; |
| } |
| |
| .animate.ng-enter, .animate.ng-leave { |
| -webkit-transition: all 0.3s ease-in-out; |
| -moz-transition: all 0.3s ease-in-out; |
| -o-transition: all 0.3s ease-in-out; |
| transition: all 0.3s ease-in-out; |
| } |
| .animate.ng-enter, .animate.ng-leave.ng-leave-active { |
| line-height: 0; |
| opacity: 0; |
| } |
| .animate.ng-leave, .animate.ng-enter.ng-enter-active { |
| // line-height: 30px; |
| opacity: 1; |
| } |
| |
| .brush .extent { |
| stroke: #222; |
| fill-opacity: .125; |
| shape-rendering: crispEdges; |
| } |
| |
| .dr.wf.marker { |
| // float: left; |
| width: 10px; |
| padding: 0; |
| // display: inline-block; |
| // height: 37px; |
| // background-color: red; |
| } |
| |
| .generate-widths(100); |
| |
| .generate-widths(@n, @i: 1) when (@i =< @n) { |
| .dr.width@{i} { |
| width: (@i * 1%); |
| } |
| .generate-widths(@n, (@i + 1)); |
| } |
| |
| .axis path, |
| .axis line { |
| fill: none; |
| stroke: #000; |
| shape-rendering: crispEdges; |
| } |
| |
| .wfState:hover { |
| cursor: pointer; |
| } |
| |
| .table-order .glyphicon { |
| margin-left: 5px; |
| color: rgb(162, 162, 162); |
| font-size: 0.8em; |
| } |
| |
| .table-order { |
| -webkit-touch-callout: none; |
| -webkit-user-select: none; |
| -khtml-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| cursor: pointer; |
| } |