1 .EditForwardingGraphPaths {
7 transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
14 border-top: 1px solid silver;
26 border-bottom: 1px solid silver;
28 > div > .footer-actions {
46 background-color: #CBD1D1;
60 vertical-align: bottom;
78 border-top: 3px solid silver;
85 vertical-align: middle;
96 display: inline-block;
99 .create-record-service-path {
114 &.-is-edit-paths-mode {
116 display: inline-block;
119 .enter-path-edit-mode {
123 display: inline-block;
129 .rsp-create-new-connection-point-line,
130 .enter-path-edit-mode {
138 .RspConnectionPointRef {
139 border: 2px solid transparent;
143 display: inline-block;
149 vertical-align: middle;
150 &.create-new-connection-point {
156 vertical-align: baseline;
162 @extend .RspConnectionPointRef;
163 display: inline-block;
172 background-color: #CBD1D1 !important;
191 &.primary-action-column,
192 &.secondary-action-column {
202 vertical-align: bottom;
215 .classifier-properties {
217 .classifier-property {
220 display: inline-block;
225 .select-connection-point-ref {
230 width: auto;/* set by the code*/
232 box-shadow: 0.1px 0.1px 3px silver;
234 .ConnectionPointSelector {
235 background-color: white;
246 &.-is-edit-classifier-connection-point-ref {
247 .select-connection-point-ref {
256 text-transform: uppercase;
262 vertical-align: middle;
268 margin: 4px 4px 4px 80px;
271 .primary-action-column {
278 .secondary-action-column {
283 display: inline-block;
287 border: 2px solid red;
288 display: inline-block;
290 vertical-align: middle;
291 &.rsp-create-new-connection-point-line {
292 border-style: dotted;
308 display: inline-block;
315 display: inline-block;
317 vertical-align: middle;
327 background-color: rgba(255, 255, 255, 0.66);
328 border-top: 1px solid rgba(192, 192, 192, 0.13);
329 border-bottom: 1px solid rgba(192, 192, 192, 0.13);
338 .create-new-connection-point.Button {
352 border-color: transparent;
360 display: inline-block;
363 .rsp-create-new-connection-point-line,
364 .enter-path-edit-mode {
370 vertical-align: middle;
376 text-overflow: ellipsis;
380 width: auto !important;
381 max-width: none !important;
382 min-width: 150px !important;
385 .classifier-match-attributes {
387 > tr:nth-of-type(odd) {
388 background-color: rgba(238, 232, 213, 0.33);
390 //> tr:nth-of-type(even) {
391 // background-color: rgba(147, 161, 161, 0.33);
396 .no-service-function-chain-msg {
409 background: #aeaeae !important;