public/assets/plugins/square/styles/grapheditor.css

   1 .geEditor {
   2     font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial;
   3     font-size: 10pt;
   4     overflow: hidden;
   5     height: 100%;
   6 }
   7
   8 .geMenubarContainer .geItem,
   9 .geToolbar .geButton,
  10 .geToolbar .geLabel,
  11 .geSidebarContainer .geTitle {
  12     cursor: pointer !important;
  13 }
  14
  15 .geContentEditable div,
  16 .geContentEditable table,
  17 .geContentEditable table td {
  18     border: 1px dashed lightGray;
  19 }
  20
  21 .geBackgroundPage {
  22     -webkit-box-shadow: 0px 0px 3px 0px #d9d9d9;
  23     -moz-box-shadow: 0px 0px 3px 0px #d9d9d9;
  24     box-shadow: 0px 0px 3px 0px #d9d9d9;
  25 }
  26
  27 .geSidebarContainer a,
  28 .geMenubarContainer a,
  29 .geToolbar a {
  30     color: #000000 !important;
  31     text-decoration: none;
  32 }
  33
  34 .geMenubarContainer,
  35 .geToolbarContainer,
  36 .geDiagramContainer,
  37 .geOutlineContainer,
  38 .geSidebarContainer,
  39 .geFooterContainer,
  40 .geHsplit,
  41 .geVsplit {
  42     overflow: hidden;
  43     position: absolute;
  44     cursor: default;
  45 }
  46
  47 .geDiagramContainer,
  48 .geOutlineContainer {
  49     background-color: #ffffff;
  50     outline: none;
  51 }
  52
  53 .geMenubar,
  54 .geToolbar {
  55     white-space: nowrap;
  56     display: block;
  57     width: 100%;
  58 }
  59
  60 .geMenubarContainer .geItem,
  61 .geToolbar .geButton,
  62 .geToolbar .geLabel,
  63 .geSidebar,
  64 .geSidebarContainer .geTitle,
  65 .geSidebar .geItem,
  66 .mxPopupMenuItem {
  67     -webkit-transition: all 0.1s ease-in-out;
  68     -moz-transition: all 0.1s ease-in-out;
  69     -o-transition: all 0.1s ease-in-out;
  70     -ms-transition: all 0.1s ease-in-out;
  71     transition: all 0.1s ease-in-out;
  72 }
  73
  74 .geHint {
  75     background-color: #ffffff;
  76     border: 1px solid gray;
  77     padding: 4px 16px 4px 16px;
  78     border-radius: 3px;
  79     -webkit-box-shadow: 1px 1px 2px 0px #ddd;
  80     -moz-box-shadow: 1px 1px 2px 0px #ddd;
  81     box-shadow: 1px 1px 2px 0px #ddd;
  82     opacity: 0.8;
  83     filter: alpha(opacity=80);
  84 }
  85
  86 .geStatusAlert {
  87     white-space: nowrap;
  88     margin-top: -5px;
  89     font-size: 12px;
  90     padding: 4px 6px 4px 6px;
  91     background-color: #f2dede;
  92     border: 1px solid #ebccd1;
  93     color: #a94442 !important;
  94     border-radius: 3px;
  95 }
  96
  97 .geStatusAlert:hover {
  98     background-color: #f1d8d8;
  99     border-color: #d6b2b8;
 100 }
 101
 102 .geStatusMessage {
 103     white-space: nowrap;
 104     margin-top: -5px;
 105     padding: 4px 6px 4px 6px;
 106     font-size: 12px;
 107     background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
 108     background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
 109     background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
 110     background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
 111     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
 112     background-repeat: repeat-x;
 113     border: 1px solid #b2dba1;
 114     border-radius: 3px;
 115     color: #3c763d !important;
 116 }
 117
 118 .geStatusMessage:hover {
 119     background: #c8e5bc;
 120     border-color: #b2dba1;
 121 }
 122
 123 .geAlert {
 124     position: absolute;
 125     white-space: nowrap;
 126     padding: 14px;
 127     background-color: #f2dede;
 128     border: 1px solid #ebccd1;
 129     color: #a94442;
 130     border-radius: 3px;
 131     -webkit-box-shadow: 2px 2px 3px 0px #ddd;
 132     -moz-box-shadow: 2px 2px 3px 0px #ddd;
 133     box-shadow: 2px 2px 3px 0px #ddd;
 134 }
 135
 136 .geBtn {
 137     background-color: #f5f5f5;
 138     border-radius: 2px;
 139     border: 1px solid #d8d8d8;
 140     color: #333;
 141     cursor: default;
 142     font-size: 11px;
 143     font-weight: bold;
 144     height: 29px;
 145     line-height: 27px;
 146     margin: 0 0 0 8px;
 147     min-width: 72px;
 148     outline: 0;
 149     padding: 0 8px;
 150     cursor: pointer;
 151 }
 152
 153 .geBtn:hover {
 154     -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
 155     -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
 156     box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
 157     border: 1px solid #c6c6c6;
 158     background-color: #f8f8f8;
 159     background-image: linear-gradient(#f8f8f8 0px, #f1f1f1 100%);
 160     color: #111;
 161 }
 162
 163 .geBtn:disabled {
 164     opacity: .5;
 165 }
 166
 167 .geBtnUp {
 168     background-image: url(data:image/gif;base64,R0lGODlhCgAGAJECAGZmZtXV1f///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzM3ODJERjg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzM3ODJFMDg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMzc4MkREODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMzc4MkRFODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAoABgAAAg6UjwiQBhGYglCKhXFLBQA7);
 169     _background-image: url(up.gif);
 170     background-position: center center;
 171     background-repeat: no-repeat;
 172 }
 173
 174 .geBtnUp:active {
 175     background-color: #4d90fe;
 176     background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
 177 }
 178
 179 .geBtnDown {
 180     background-image: url(data:image/gif;base64,R0lGODlhCgAGAJECANXV1WZmZv///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzM3ODJEQjg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzM3ODJEQzg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMzc4MkQ5ODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMzc4MkRBODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAoABgAAAg6UjxLLewEiCAnOZBzeBQA7);
 181     _background-image: url(down.gif);
 182     background-position: center center;
 183     background-repeat: no-repeat;
 184 }
 185
 186 .geBtnDown:active {
 187     background-color: #4d90fe;
 188     background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
 189 }
 190
 191 .geColorBtn {
 192     background-color: #f5f5f5;
 193     background-image: linear-gradient(#f5f5f5 0px, #e1e1e1 100%);
 194     border-radius: 4px;
 195     border: 1px solid rgba(0, 0, 0, 0.5);
 196     color: #333;
 197     cursor: default;
 198     margin: 0px;
 199     outline: 0;
 200     padding: 0px;
 201     cursor: pointer;
 202 }
 203
 204 .geColorBtn:hover {
 205     -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
 206     -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
 207     box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
 208     border: 1px solid rgba(0, 0, 0, 0.7);
 209 }
 210
 211 .geColorBtn:active {
 212     background-color: #4d90fe;
 213     background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
 214     border: 1px solid #2f5bb7;
 215     color: #fff;
 216 }
 217
 218 .geColorBtn:disabled {
 219     opacity: .5;
 220 }
 221
 222 .gePrimaryBtn {
 223     background-color: #4d90fe;
 224     background-image: linear-gradient(#4d90fe 0px, #4787ed 100%);
 225     border: 1px solid #3079ed;
 226     color: #fff;
 227 }
 228
 229 .gePrimaryBtn:hover {
 230     background-color: #357ae8;
 231     background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
 232     border: 1px solid #2f5bb7;
 233     color: #fff;
 234 }
 235
 236 .gePrimaryBtn:disabled {
 237     opacity: .5;
 238 }
 239
 240 .geAlertLink {
 241     color: #843534;
 242     font-weight: 700;
 243     text-decoration: none;
 244 }
 245
 246 .geMenubarContainer {
 247     background-color: #ffffff;
 248 }
 249
 250 .geMenubar {
 251     padding: 0px 2px 0px 2px;
 252     vertical-align: middle;
 253 }
 254
 255 .geMenubarContainer .geItem,
 256 .geToolbar .geItem {
 257     padding: 6px 8px 6px 8px;
 258     cursor: default;
 259 }
 260
 261 .geMenubarContainer .geItem:hover,
 262 .geToolbarContainer .geItem:hover {
 263     background: #eeeeee;
 264 }
 265
 266 .mxDisabled:hover {
 267     background: inherit !important;
 268 }
 269
 270 .geMenubar a.geStatus {
 271     color: #b3b3b3;
 272     padding-left: 6px;
 273     display: inline-block;
 274     cursor: default !important;
 275 }
 276
 277 .geMenubar a.geStatus:hover {
 278     background: transparent;
 279 }
 280
 281 .geMenubarMenu {
 282     border: 1px solid #d5d5d5 !important;
 283 }
 284
 285 .geToolbarContainer {
 286     background: whiteSmoke;
 287     border-bottom: 1px solid #e0e0e0;
 288 }
 289
 290 .geSidebarContainer .geToolbarContainer {
 291     background: transparent;
 292     border-bottom: none;
 293 }
 294
 295 .geSidebarContainer button {
 296     text-overflow: ellipsis;
 297     overflow: hidden;
 298 }
 299
 300 .geToolbar {
 301     padding: 1px 0px 0px 6px;
 302     border-top: 1px solid #e0e0e0;
 303     -webkit-box-shadow: inset 0 1px 0 0 #fff;
 304     -moz-box-shadow: inset 0 1px 0 0 #fff;
 305     box-shadow: inset 0 1px 0 0 #fff;
 306 }
 307
 308 .geToolbarContainer .geSeparator {
 309     float: left;
 310     width: 1px;
 311     height: 34px;
 312     background: #e5e5e5;
 313     margin-left: 6px;
 314     margin-right: 6px;
 315     margin-top: -2px;
 316 }
 317
 318 .geToolbarContainer .geButton {
 319     float: left;
 320     width: 20px;
 321     height: 20px;
 322     padding: 0px 2px 4px 2px;
 323     margin: 2px;
 324     border: 1px solid transparent;
 325     cursor: pointer;
 326     opacity: 0.6;
 327     filter: alpha(opacity=60);
 328 }
 329
 330 .geToolbarContainer .geButton:hover {
 331     border: 1px solid gray;
 332     border-radius: 2px;
 333     opacity: 1;
 334     filter: none !important;
 335 }
 336
 337 .geToolbarContainer .geButton:active {
 338     border: 1px solid black;
 339 }
 340
 341 div.mxWindow .geButton {
 342     margin: -1px 2px 2px 2px;
 343     padding: 1px 2px 2px 1px;
 344 }
 345
 346 .geToolbarContainer .geLabel {
 347     float: left;
 348     margin: 2px;
 349     cursor: pointer;
 350     padding: 3px 5px 3px 5px;
 351     border: 1px solid transparent;
 352     opacity: 0.6;
 353     filter: alpha(opacity=60);
 354 }
 355
 356 .geToolbarContainer .geLabel:hover {
 357     border: 1px solid gray;
 358     border-radius: 2px;
 359     opacity: 0.9;
 360     filter: alpha(opacity=90) !important;
 361 }
 362
 363 .geToolbarContainer .geLabel:active {
 364     border: 1px solid black;
 365     opacity: 1;
 366     filter: none !important;
 367 }
 368
 369 .geToolbarContainer .mxDisabled:hover {
 370     border: 1px solid transparent !important;
 371     opacity: 0.2 !important;
 372     filter: alpha(opacity=20) !important;
 373 }
 374
 375 .geToolbarMenu {
 376     border: 3px solid #e0e0e0 !important;
 377     -webkit-box-shadow: none !important;
 378     -moz-box-shadow: none !important;
 379     box-shadow: none !important;
 380     filter: none !important;
 381 }
 382
 383 .geDiagramBackdrop {
 384     background-color: #ebebeb;
 385     border-style: solid;
 386     border-color: #e5e5e5;
 387     border-width: 1px 0px 0px 1px;
 388 }
 389
 390 .geSidebarContainer {
 391     background: #ffffff;
 392     overflow: hidden;
 393     position: absolute;
 394     border-top: 1px solid #e5e5e5;
 395     overflow: auto;
 396 }
 397
 398 .geSidebar {
 399     background: whiteSmoke;
 400     border-bottom: 1px solid #e5e5e5;
 401     padding: 5px;
 402     _padding: 1px;
 403     padding-bottom: 12px;
 404     overflow: hidden;
 405 }
 406
 407 .geSidebarContainer .geTitle {
 408     display: block;
 409     font-size: 9pt;
 410     border-bottom: 1px solid #e5e5e5;
 411     font-weight: normal;
 412     padding: 6px 0px 6px 14px;
 413     margin: 0px;
 414     cursor: default;
 415     background: #eeeeee;
 416     white-space: nowrap;
 417     overflow: hidden;
 418     text-overflow: ellipsis;
 419     line-height: 1.4em;
 420 }
 421
 422 .geSidebarContainer .geTitle:hover {
 423     background: #e5e5e5;
 424 }
 425
 426 .geTitle img {
 427     opacity: 0.5;
 428     _filter: alpha(opacity=50);
 429 }
 430
 431 .geTitle img:hover {
 432     opacity: 1;
 433     _filter: alpha(opacity=100);
 434 }
 435
 436 .geSidebar .geItem {
 437     display: inline-block;
 438     background-repeat: no-repeat;
 439     background-position: 50% 50%;
 440     border: 1px solid transparent;
 441     border-radius: 2px;
 442     cursor: move;
 443 }
 444
 445 .geSidebar .geItem:hover {
 446     border: 1px solid gray !important;
 447 }
 448
 449 .geItem {
 450     vertical-align: top;
 451     display: inline-block;
 452 }
 453
 454 .geSidebarTooltip {
 455     position: absolute;
 456     background: white;
 457     overflow: hidden;
 458     border: 1px solid gray;
 459     border-radius: 8px;
 460     -webkit-box-shadow: 0px 0px 2px 2px #d5d5d5;
 461     -moz-box-shadow: 0px 0px 2px 2px #d5d5d5;
 462     box-shadow: 0px 0px 2px 2px #d5d5d5;
 463     _filter: progid: DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true');
 464 }
 465
 466 .geFooterContainer {
 467     background: #e5e5e5;
 468     border-top: 1px solid #c0c0c0;
 469 }
 470
 471 .geFooterContainer a {
 472     font-size: 14px;
 473     color: #235695;
 474     font-weight: bold;
 475     text-decoration: none;
 476 }
 477
 478 .geFooterContainer table {
 479     border-collapse: collapse;
 480     margin: 0 auto;
 481 }
 482
 483 .geFooterContainer td {
 484     border-left: 1px solid #c0c0c0;
 485     border-right: 1px solid #c0c0c0;
 486 }
 487
 488 .geFooterContainer td:hover {
 489     background-color: #b3b3b3;
 490 }
 491
 492 .geFooterContainer a {
 493     display: block;
 494     box-sizing: border-box;
 495     width: 100%;
 496     height: 100%;
 497     padding: 11px 42px 11px 42px;
 498     white-space: nowrap;
 499 }
 500
 501 .geHsplit {
 502     cursor: col-resize;
 503     background-color: #e5e5e5;
 504     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHBAMAAADdS/HjAAAAGFBMVEUzMzP///9tbW1QUFCKiopBQUF8fHxfX1/IXlmXAAAAHUlEQVQImWMQEGAQFWUQFmYQF2cQEmIQE2MQEQEACy4BF67hpEwAAAAASUVORK5CYII=);
 505     _background-image: url('thumb_vertical.png');
 506     background-repeat: no-repeat;
 507     background-position: center center;
 508 }
 509
 510 .geVsplit {
 511     font-size: 1pt;
 512     cursor: row-resize;
 513     background-color: #e5e5e5;
 514     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEBAMAAACw6DhOAAAAGFBMVEUzMzP///9tbW1QUFCKiopBQUF8fHxfX1/IXlmXAAAAFElEQVQImWNgNVdzYBAUFBRggLMAEzYBy29kEPgAAAAASUVORK5CYII=);
 515     _background-image: url('thumb_horz.png');
 516     background-repeat: no-repeat;
 517     background-position: center center;
 518 }
 519
 520 .geHsplit:hover,
 521 .geVsplit:hover {
 522     background-color: #d5d5d5;
 523 }
 524
 525 .geDialog {
 526     position: absolute;
 527     background: white;
 528     overflow: hidden;
 529     padding: 30px;
 530     border: 1px solid #acacac;
 531     -webkit-box-shadow: 0px 0px 2px 2px #d5d5d5;
 532     -moz-box-shadow: 0px 0px 2px 2px #d5d5d5;
 533     box-shadow: 0px 0px 2px 2px #d5d5d5;
 534     _filter: progid: DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true');
 535     z-index: 2;
 536 }
 537
 538 .geDialogClose {
 539     position: absolute;
 540     width: 9px;
 541     height: 9px;
 542     opacity: 0.5;
 543     cursor: pointer;
 544     _filter: alpha(opacity=50);
 545 }
 546
 547 .geDialogClose:hover {
 548     opacity: 1;
 549 }
 550
 551 .geDialogTitle {
 552     box-sizing: border-box;
 553     white-space: nowrap;
 554     background: rgb(229, 229, 229);
 555     border-bottom: 1px solid rgb(192, 192, 192);
 556     font-size: 15px;
 557     font-weight: bold;
 558     text-align: center;
 559     color: rgb(35, 86, 149);
 560 }
 561
 562 .geDialogFooter {
 563     background: whiteSmoke;
 564     white-space: nowrap;
 565     text-align: right;
 566     box-sizing: border-box;
 567     border-top: 1px solid #e5e5e5;
 568     color: darkGray;
 569 }
 570
 571 .geSprite {
 572     /*background:url(data:image/png;base64,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) no-repeat top left;
 573         */
 574     background: url('sprites.png') no-repeat top left;
 575     width: 21px;
 576     height: 21px;
 577 }
 578
 579 .geSprite-actualsize {
 580     background-position: 0 0;
 581 }
 582
 583 .geSprite-bold {
 584     background-position: 0 -46px;
 585 }
 586
 587 .geSprite-bottom {
 588     background-position: 0 -92px;
 589 }
 590
 591 .geSprite-center {
 592     background-position: 0 -138px;
 593 }
 594
 595 .geSprite-delete {
 596     background-position: 0 -184px;
 597 }
 598
 599 .geSprite-fillcolor {
 600     background-position: 0 -230px;
 601 }
 602
 603 .geSprite-fit {
 604     background-position: 0 -276px;
 605 }
 606
 607 .geSprite-fontcolor {
 608     background-position: 0 -322px;
 609 }
 610
 611 .geSprite-gradientcolor {
 612     background-position: 0 -368px;
 613 }
 614
 615 .geSprite-image {
 616     background-position: 0 -414px;
 617 }
 618
 619 .geSprite-italic {
 620     background-position: 0 -460px;
 621 }
 622
 623 .geSprite-left {
 624     background-position: 0 -506px;
 625 }
 626
 627 .geSprite-middle {
 628     background-position: 0 -552px;
 629 }
 630
 631 .geSprite-print {
 632     background-position: 0 -598px;
 633 }
 634
 635 .geSprite-redo {
 636     background-position: 0 -644px;
 637 }
 638
 639 .geSprite-right {
 640     background-position: 0 -690px;
 641 }
 642
 643 .geSprite-shadow {
 644     background-position: 0 -736px;
 645 }
 646
 647 .geSprite-strokecolor {
 648     background-position: 0 -782px;
 649 }
 650
 651 .geSprite-top {
 652     background-position: 0 -828px;
 653 }
 654
 655 .geSprite-underline {
 656     background-position: 0 -874px;
 657 }
 658
 659 .geSprite-undo {
 660     background-position: 0 -920px;
 661 }
 662
 663 .geSprite-zoomin {
 664     background-position: 0 -966px;
 665 }
 666
 667 .geSprite-zoomout {
 668     background-position: 0 -1012px;
 669 }
 670
 671 .geSprite-helbow {
 672     background-position: 0 -1058px;
 673 }
 674
 675 .geSprite-velbow {
 676     background-position: 0 -1104px;
 677 }
 678
 679 .geSprite-straight {
 680     background-position: 0 -1150px;
 681 }
 682
 683 .geSprite-entity {
 684     background-position: 0 -1196px;
 685 }
 686
 687 .geSprite-segment {
 688     background-position: 0 -1242px;
 689 }
 690
 691 .geSprite-orthogonal {
 692     background-position: 0 -1288px;
 693 }
 694
 695 .geSprite-noarrow {
 696     background-position: 0 -1334px;
 697 }
 698
 699 .geSprite-endclassic {
 700     background-position: 0 -1380px;
 701 }
 702
 703 .geSprite-endopen {
 704     background-position: 0 -1426px;
 705 }
 706
 707 .geSprite-endblock {
 708     background-position: 0 -1472px;
 709 }
 710
 711 .geSprite-endoval {
 712     background-position: 0 -1518px;
 713 }
 714
 715 .geSprite-enddiamond {
 716     background-position: 0 -1564px;
 717 }
 718
 719 .geSprite-endthindiamond {
 720     background-position: 0 -1610px;
 721 }
 722
 723 .geSprite-endclassictrans {
 724     background-position: 0 -1656px;
 725 }
 726
 727 .geSprite-endblocktrans {
 728     background-position: 0 -1702px;
 729 }
 730
 731 .geSprite-endovaltrans {
 732     background-position: 0 -1748px;
 733 }
 734
 735 .geSprite-enddiamondtrans {
 736     background-position: 0 -1794px;
 737 }
 738
 739 .geSprite-endthindiamondtrans {
 740     background-position: 0 -1840px;
 741 }
 742
 743 .geSprite-startclassic {
 744     background-position: 0 -1886px;
 745 }
 746
 747 .geSprite-startopen {
 748     background-position: 0 -1932px;
 749 }
 750
 751 .geSprite-startblock {
 752     background-position: 0 -1978px;
 753 }
 754
 755 .geSprite-startoval {
 756     background-position: 0 -2024px;
 757 }
 758
 759 .geSprite-startdiamond {
 760     background-position: 0 -2070px;
 761 }
 762
 763 .geSprite-startthindiamond {
 764     background-position: 0 -2116px;
 765 }
 766
 767 .geSprite-startclassictrans {
 768     background-position: 0 -2162px;
 769 }
 770
 771 .geSprite-startblocktrans {
 772     background-position: 0 -2208px;
 773 }
 774
 775 .geSprite-startovaltrans {
 776     background-position: 0 -2254px;
 777 }
 778
 779 .geSprite-startdiamondtrans {
 780     background-position: 0 -2300px;
 781 }
 782
 783 .geSprite-startthindiamondtrans {
 784     background-position: 0 -2346px;
 785 }
 786
 787 .geSprite-copy {
 788     background-position: 0 -410px;
 789 }
 790
 791 .geSprite-cut {
 792     background-position: 0 -320px;
 793 }
 794
 795 .geSprite-paste {
 796     background-position: 0 -367px;
 797 }
 798
 799 .geSprite-duplicate {
 800     background-position: 0 -736px;
 801 }
 802
 803 .geSprite-save {
 804     background-position: 0 -782px;
 805 }
 806
 807 .geSprite-publish {
 808     background-position: 0 -92px;
 809 }
 810
 811 .geBaseButton {
 812     padding: 10px;
 813     border-radius: 6px;
 814     border: 1px solid #c0c0c0;
 815     cursor: pointer;
 816     background-color: #ececec;
 817     background-image: linear-gradient(#ececec 0%, #fcfcfc 100%);
 818 }
 819
 820 .geBaseButton:hover {
 821     background: #ececec;
 822 }
 823
 824 .geBigButton {
 825     color: #ffffff;
 826     border: none;
 827     padding: 10px;
 828     font-size: 14pt;
 829     white-space: nowrap;
 830     border-radius: 6px;
 831     text-shadow: rgb(41, 89, 137) 0px 1px 0px;
 832     background-color: #428bca;
 833     background-image: linear-gradient(rgb(70, 135, 206) 0px, rgb(48, 104, 162) 100%);
 834     -webkit-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
 835     -moz-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
 836     box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
 837 }
 838
 839 .geBigButton:hover {
 840     background-color: #2d6ca2;
 841     background-image: linear-gradient(rgb(90, 148, 211) 0px, rgb(54, 115, 181) 100%);
 842 }
 843
 844 .geBigButton:active {
 845     background-color: rgb(54, 115, 181);
 846     background-image: none;
 847 }
 848
 849 @media print {
 850     div.geNoPrint {
 851         display: none !important;
 852     }
 853 }
 854
 855 html div.mxRubberband {
 856     border-color: #0000DD;
 857     background: #99ccff;
 858 }
 859
 860 td.mxPopupMenuIcon div {
 861     width: 16px;
 862     height: 16px;
 863 }
 864
 865 html div.mxPopupMenu {
 866     -webkit-box-shadow: 2px 2px 3px #d5d5d5;
 867     -moz-box-shadow: 2px 2px 3px #d5d5d5;
 868     box-shadow: 2px 2px 3px #d5d5d5;
 869     _filter: progid: DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d0d0d0', Positive='true');
 870     background: white;
 871     position: absolute;
 872     border: 3px solid #e7e7e7;
 873     padding: 3px;
 874 }
 875
 876 html table.mxPopupMenu {
 877     border-collapse: collapse;
 878     margin: 0px;
 879 }
 880
 881 html td.mxPopupMenuItem {
 882     padding: 7px 30px 7px 30px;
 883     font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial;
 884     font-size: 10pt;
 885 }
 886
 887 html td.mxPopupMenuIcon {
 888     background-color: white;
 889     padding: 0px;
 890 }
 891
 892 td.mxPopupMenuIcon .geIcon {
 893     padding: 2px;
 894     padding-bottom: 4px;
 895     margin: 2px;
 896     border: 1px solid transparent;
 897     opacity: 0.5;
 898     _width: 26px;
 899     _height: 26px;
 900 }
 901
 902 td.mxPopupMenuIcon .geIcon:hover {
 903     border: 1px solid gray;
 904     border-radius: 2px;
 905     opacity: 1;
 906 }
 907
 908 html tr.mxPopupMenuItemHover {
 909     background-color: #eeeeee;
 910     color: black;
 911 }
 912
 913 table.mxPopupMenu hr {
 914     color: #cccccc;
 915     background-color: #cccccc;
 916     border: none;
 917     height: 1px;
 918 }
 919
 920 table.mxPopupMenu tr {
 921     font-size: 4pt;
 922 }
 923
 924 html td.mxWindowTitle {
 925     font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial;
 926     text-align: left;
 927     font-size: 12px;
 928     color: rgb(112, 112, 112);
 929     padding: 4px;
 930 }
 931
 932 div.mxTooltip {
 933     -webkit-box-shadow: 3px 3px 12px #C0C0C0;
 934     -moz-box-shadow: 3px 3px 12px #C0C0C0;
 935     box-shadow: 3px 3px 12px #C0C0C0;
 936     background: #FFFFCC;
 937     border-style: solid;
 938     border-width: 1px;
 939     border-color: black;
 940     font-family: Arial;
 941     font-size: 8pt;
 942     position: absolute;
 943     cursor: default;
 944     padding: 4px;
 945     color: black;
 946 }