1.geEditor { 2 font-family:-apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, ui-sans-serif, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; 3 font-size:14px; 4 border:none; 5 margin:0px; 6} 7.geEditor input[type=text]::-ms-clear { 8 display: none; 9} 10.geEditor input, select, textarea, button { 11 font-size: inherit; 12} 13.geEditor input { 14 border-width: 2px; 15} 16.geEditor select { 17 border-width: 1px; 18} 19.geEditor div.mxTooltip { 20 background: whiteSmoke; 21 border-color: lightGray; 22 font-size: 11px; 23 color: black; 24 padding:6px; 25} 26.geDragPreview { 27 border: 1px dashed black; 28} 29.geMenubarContainer .geItem, .geToolbar .geButton, .geToolbar .geLabel { 30 cursor:pointer !important; 31} 32.geSidebarContainer .geTitle { 33 cursor:default !important; 34} 35.geBackgroundPage { 36 box-shadow:0px 0px 2px 1px #d1d1d1; 37} 38.geSidebarContainer a, .geMenubarContainer a, .geToolbar a { 39 color:#000000; 40 text-decoration:none; 41} 42.geMenubarContainer, .geToolbarContainer, .geDiagramContainer, .geSidebarContainer, .geFooterContainer, .geHsplit, .geVsplit { 43 overflow:hidden; 44 position:absolute; 45 cursor:default; 46} 47.geFormatContainer { 48 overflow-x:hidden !important; 49 overflow-y:auto !important; 50 font-size:12px; 51 border-left:1px solid #dadce0; 52} 53.geSidebarFooter { 54 border-top:1px solid #dadce0; 55} 56.geFormatSection { 57 border-bottom:1px solid #dadce0; 58 border-color:#dadce0; 59} 60.geDiagramContainer { 61 background-color:#ffffff; 62 font-size:0px; 63 outline:none; 64} 65.geMenubar, .geToolbar { 66 white-space:nowrap; 67 display:block; 68 width:100%; 69} 70.geMenubarContainer .geItem, .geToolbar .geButton, .geToolbar .geLabel, .geSidebar, .geSidebarContainer .geTitle, .geSidebar .geItem, .mxPopupMenuItem { 71 -webkit-transition: all 0.1s ease-in-out; 72 -moz-transition: all 0.1s ease-in-out; 73 -o-transition: all 0.1s ease-in-out; 74 -ms-transition: all 0.1s ease-in-out; 75 transition: all 0.1s ease-in-out; 76} 77.geHint { 78 background-color: #ffffff; 79 border: 1px solid gray; 80 padding: 4px 16px 4px 16px; 81 border-radius:3px; 82 -webkit-box-shadow: 1px 1px 2px 0px #ddd; 83 -moz-box-shadow: 1px 1px 2px 0px #ddd; 84 box-shadow: 1px 1px 2px 0px #ddd; 85 opacity:0.8; 86 filter:alpha(opacity=80); 87 font-size:9pt; 88} 89.geStatus > * { 90 overflow:hidden; 91 white-space:nowrap; 92 vertical-align:middle; 93 display:inline-block; 94 font-size:12px; 95 margin-right:8px; 96} 97.geStatus img { 98 max-width:16px; 99 vertical-align:bottom; 100} 101.geStatusAlert { 102 padding:4px 8px; 103 background-color:#f2dede; 104 border:1px solid #ebccd1; 105 color:#a94442 !important; 106 border-radius:3px; 107} 108.geStatusAlertOrange { 109 padding:4px 8px; 110 background-color:rgb(242, 147, 30); 111 border:rgb(240, 135, 5); 112 color:#000000 !important; 113 border-radius:3px; 114 opacity:0.8; 115} 116.geStatusAlertOrange:hover { 117 opacity:1; 118} 119.geStatusMessage { 120 padding:4px 6px 4px 6px; 121 font-size:12px; 122 background: -webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%); 123 background: -o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%); 124 background: -webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc)); 125 background: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%); 126 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); 127 background-repeat: repeat-x; 128 border:1px solid #b2dba1; 129 border-radius:3px; 130 color:#3c763d !important; 131} 132.geAlert { 133 position:absolute; 134 white-space:nowrap; 135 padding:14px; 136 background-color:#f2dede; 137 border:1px solid #ebccd1; 138 color:#a94442; 139 border-radius:3px; 140 -webkit-box-shadow: 2px 2px 3px 0px #ddd; 141 -moz-box-shadow: 2px 2px 3px 0px #ddd; 142 box-shadow: 2px 2px 3px 0px #ddd; 143} 144.geBtn, .mxWindow .geBtn { 145 background-image: none; 146 background-color: #f5f5f5; 147 border-radius: 2px; 148 border: 1px solid #d8d8d8; 149 color: #333; 150 cursor: default; 151 font-size: 13px; 152 font-weight: 500; 153 letter-spacing:0.25px; 154 height: 29px; 155 line-height: 27px; 156 margin: 0 0 0 8px; 157 min-width: 72px; 158 outline: 0; 159 padding: 0 8px; 160 cursor: pointer; 161} 162.geBtn:hover, .geBtn:focus { 163 -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 164 -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 165 box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 166 border: 1px solid #c6c6c6; 167 background-color: #f8f8f8; 168 background-image: linear-gradient(#f8f8f8 0px,#f1f1f1 100%); 169 color: #111; 170} 171.geBtn:active, .geStatus:active { 172 opacity: .7; 173} 174.geBtn:disabled { 175 opacity: .5; 176} 177.geToolbarContainer > .geToolbar > div > a:active { 178 opacity:0.5; 179} 180.geBtnUp { 181 background-image: url(data:image/gif;base64,R0lGODlhCgAGAJECAGZmZtXV1f///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzM3ODJERjg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzM3ODJFMDg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMzc4MkREODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMzc4MkRFODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAoABgAAAg6UjwiQBhGYglCKhXFLBQA7); 182 _background-image: url(up.gif); 183 background-position: center center; 184 background-repeat: no-repeat; 185} 186.geBtnUp:active { 187 background-color: #4d90fe; 188 background-image: linear-gradient(#4d90fe 0px,#357ae8 100%); 189} 190.geBtnDown { 191 background-image: url(data:image/gif;base64,R0lGODlhCgAGAJECANXV1WZmZv///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzM3ODJEQjg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzM3ODJEQzg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMzc4MkQ5ODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMzc4MkRBODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAoABgAAAg6UjxLLewEiCAnOZBzeBQA7); 192 _background-image: url(down.gif); 193 background-position: center center; 194 background-repeat: no-repeat; 195} 196.geBtnDown:active { 197 background-color: #4d90fe; 198 background-image: linear-gradient(#4d90fe 0px,#357ae8 100%); 199} 200.geColorBtn { 201 background-color: #f5f5f5; 202 background-image: linear-gradient(#f5f5f5 0px,#e1e1e1 100%); 203 border-radius: 4px; 204 border: 1px solid rgba(0,0,0,0.5); 205 color: #333; 206 cursor: default; 207 margin: 0px; 208 outline: 0; 209 padding: 0px; 210 cursor: pointer; 211} 212.geColorBtn:hover { 213 -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 214 -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 215 box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 216 border: 1px solid rgba(0,0,0,0.7); 217} 218.geColorBtn:active { 219 background-color: #4d90fe; 220 background-image: linear-gradient(#4d90fe 0px,#357ae8 100%); 221 border: 1px solid #2f5bb7; 222 color: #fff; 223} 224.geColorBtn:disabled { 225 opacity: .5; 226} 227.gePrimaryBtn, .mxWindow .gePrimaryBtn { 228 background-color: #4d90fe; 229 background-image: linear-gradient(#4d90fe 0px,#4787ed 100%); 230 border: 1px solid #3079ed; 231 color: #fff; 232} 233.gePrimaryBtn:hover, .gePrimaryBtn:focus { 234 background-color: #357ae8; 235 background-image: linear-gradient(#4d90fe 0px,#357ae8 100%); 236 border: 1px solid #2f5bb7; 237 color: #fff; 238} 239.gePrimaryBtn:disabled { 240 opacity: .5; 241} 242.geAlertLink { 243 color:#843534; 244 font-weight:700; 245 text-decoration:none; 246} 247.geActivePage { 248 font-weight:bold; 249 color:#DF6C0C !important; 250} 251.geMenubarContainer, .geToolbarContainer, .geHsplit, .geVsplit { 252 background-color:#fbfbfb; 253} 254.geMenubar { 255 padding:0px 2px 0px 2px; 256 vertical-align:middle; 257} 258.geMenubarContainer .geItem, .geToolbar .geItem { 259 padding:6px 6px 6px 9px; 260 cursor:default; 261} 262.geMenubarContainer .geItem:hover { 263 background: #eee; 264 border-radius:2px; 265} 266.geMenubarContainer .geItem:active { 267 background: #F8C382; 268} 269.geToolbarContainer .geButton:hover { 270 opacity:1; 271 _filter:none !important; 272 background: #eee; 273 border-radius:2px; 274} 275.geToolbarContainer .geButton:active, .geToolbarContainer .geLabel:active { 276 background: #F8C382; 277} 278.geToolbarContainer .geLabel:hover { 279 background: #eee; 280 border-radius:2px; 281} 282.geActiveButton:active { 283 opacity: 0.3; 284} 285.geToolbarButton { 286 opacity: 0.6; 287} 288.geToolbarButton:active { 289 opacity: 0.2; 290} 291.mxDisabled:hover { 292 background:inherit !important; 293} 294.geMenubar a.geStatus { 295 color:#888888; 296 padding-top:5px; 297 padding-left:8px; 298 display:inline-block; 299 cursor:default !important; 300} 301.geMenubar a.geStatus:hover { 302 background:transparent; 303} 304.geToolbarContainer { 305 border-bottom:1px solid #dadce0; 306} 307.geSidebarContainer .geToolbarContainer { 308 background:transparent; 309 border-bottom:none; 310} 311.geSidebarContainer button { 312 text-overflow:ellipsis; 313 overflow:hidden; 314} 315.geToolbar { 316 padding:1px 0px 0px 6px; 317 border-top:1px solid #dadce0; 318 -webkit-box-shadow: inset 0 1px 0 0 #fff; 319 -moz-box-shadow: inset 0 1px 0 0 #fff; 320 box-shadow: inset 0 1px 0 0 #fff; 321 padding-top:5px; 322} 323.geToolbarContainer .geSeparator { 324 float:left; 325 width:1px; 326 height:20px; 327 background:#e5e5e5; 328 margin-left:6px; 329 margin-right:6px; 330 margin-top:4px; 331} 332.geToolbarContainer .geButton { 333 float:left; 334 width:20px; 335 height:20px; 336 padding:0px 2px 4px 2px; 337 margin:2px; 338 border:1px solid transparent; 339 cursor:pointer; 340 opacity:0.6; 341 _filter:alpha(opacity=60); 342} 343div.mxWindow .geButton { 344 margin: -1px 2px 2px 2px; 345 padding: 1px 2px 2px 1px; 346} 347.geToolbarContainer .geLabel { 348 float:left; 349 margin:2px; 350 cursor:pointer; 351 padding:3px 5px 3px 5px; 352 border:1px solid transparent; 353} 354.geToolbarContainer .mxDisabled:hover { 355 border:1px solid transparent !important; 356 opacity:0.2 !important; 357 filter:alpha(opacity=20) !important; 358} 359.geDiagramBackdrop { 360 background-color: #f8f9fa; 361} 362.geSidebarContainer { 363 background:#fbfbfb; 364 overflow:hidden; 365 position:absolute; 366 overflow:auto; 367} 368.geTabContainer { 369 border-top:1px solid #e5e5e5; 370 background-color:#f1f3f4; 371} 372.geSidebar { 373 border-bottom:1px solid #e5e5e5; 374 padding:6px; 375 padding-left:10px; 376 _padding:2px; 377 _padding-left:6px; 378 padding-bottom:6px; 379 overflow:hidden; 380} 381.geSidebarContainer .geTitle { 382 display:block; 383 font-size:13px; 384 border-bottom:1px solid #e5e5e5; 385 font-weight:500; 386 padding:8px 0px 8px 14px; 387 margin:0px; 388 cursor:default; 389 white-space:nowrap; 390 overflow:hidden; 391 text-overflow:ellipsis; 392 line-height:1.4em; 393} 394.geSidebarContainer .geTitle:hover { 395 background: #eee; 396 border-radius:2px; 397} 398.geSidebarContainer .geTitle:active { 399 background-color:#F8C382; 400} 401.geSidebarContainer .geDropTarget { 402 border-radius:10px; 403 border:2px dotted #b0b0b0; 404 text-align:center; 405 padding:6px; 406 margin:6px; 407 color:#a0a0a0; 408 font-size:13px; 409} 410.geTitle img { 411 opacity:0.5; 412 _filter:alpha(opacity=50); 413} 414.geTitle img:hover { 415 opacity:1; 416 _filter:alpha(opacity=100); 417} 418.geTitle .geButton { 419 border:1px solid transparent; 420 padding:3px; 421 border-radius:2px; 422} 423.geTitle .geButton:hover { 424 border:1px solid gray; 425} 426.geSidebar .geItem { 427 display:inline-block; 428 background-repeat:no-repeat; 429 background-position:50% 50%; 430 border-radius: 8px; 431} 432.geSidebar .geItem:hover { 433 background-color:#e0e0e0; 434} 435.geItem { 436 vertical-align: top; 437 display: inline-block; 438} 439.geSidebarTooltip { 440 position:absolute; 441 background:#fbfbfb; 442 overflow:hidden; 443 box-shadow:0 2px 6px 2px rgba(60,64,67,.15); 444 border-radius:6px; 445 _filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true'); 446} 447.geFooterContainer { 448 background:#e5e5e5; 449 border-top:1px solid #c0c0c0; 450} 451.geFooterContainer a { 452 display:inline-block; 453 box-sizing:border-box; 454 width:100%; 455 white-space:nowrap; 456 font-size:14px; 457 color:#235695; 458 font-weight:bold; 459 text-decoration:none; 460} 461.geFooterContainer table { 462 border-collapse:collapse; 463 margin:0 auto; 464} 465.geFooterContainer td { 466 border-left:1px solid #c0c0c0; 467 border-right:1px solid #c0c0c0; 468} 469.geFooterContainer td:hover { 470 background-color: #b3b3b3; 471} 472.geHsplit { 473 cursor:col-resize; 474 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHBAMAAADdS/HjAAAAGFBMVEUzMzP///9tbW1QUFCKiopBQUF8fHxfX1/IXlmXAAAAHUlEQVQImWMQEGAQFWUQFmYQF2cQEmIQE2MQEQEACy4BF67hpEwAAAAASUVORK5CYII=); 475 _background-image:url('thumb_vertical.png'); 476 background-repeat:no-repeat; 477 background-position:center center; 478} 479.geVsplit { 480 font-size:1pt; 481 cursor:row-resize; 482 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEBAMAAACw6DhOAAAAGFBMVEUzMzP///9tbW1QUFCKiopBQUF8fHxfX1/IXlmXAAAAFElEQVQImWNgNVdzYBAUFBRggLMAEzYBy29kEPgAAAAASUVORK5CYII=); 483 _background-image:url('thumb_horz.png'); 484 background-repeat:no-repeat; 485 background-position:center center; 486} 487.geHsplit { 488 border-left:1px solid #e5e5e5; 489 border-right:1px solid #e5e5e5; 490} 491.geVSplit { 492 border-top:1px solid #e5e5e5; 493 border-bottom:1px solid #e5e5e5; 494} 495.geHsplit:hover, .geVsplit:hover { 496 background-color:#e0e0e0; 497} 498.geDialog { 499 position:absolute; 500 background:white; 501 line-height:1em; 502 overflow:hidden; 503 padding:30px; 504 border:1px solid #acacac; 505 -webkit-box-shadow:0px 0px 2px 2px #d5d5d5; 506 -moz-box-shadow:0px 0px 2px 2px #d5d5d5; 507 box-shadow:0px 0px 2px 2px #d5d5d5; 508 _filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true'); 509 z-index: 2; 510} 511.geTransDialog { 512 position:absolute; 513 overflow:hidden; 514 z-index: 2; 515} 516.geDialogClose { 517 position:absolute; 518 width:9px; 519 height:9px; 520 opacity:0.5; 521 cursor:pointer; 522 _filter:alpha(opacity=50); 523} 524.geDialogClose:hover { 525 opacity:1; 526} 527.geDialogTitle { 528 box-sizing:border-box; 529 white-space:nowrap; 530 background:rgb(229, 229, 229); 531 border-bottom:1px solid rgb(192, 192, 192); 532 font-size:15px; 533 font-weight:bold; 534 text-align:center; 535 color:rgb(35, 86, 149); 536} 537.geDialogFooter { 538 background:whiteSmoke; 539 white-space:nowrap; 540 text-align:right; 541 box-sizing:border-box; 542 border-top:1px solid #e5e5e5; 543 color:darkGray; 544} 545.geSprite { 546 background:url('data:image/png;base64,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') no-repeat; 547 _background:url('sprites.png') no-repeat top left; 548 width:21px; 549 height:21px; 550} 551.geBaseButton { 552 padding:10px; 553 border-radius:6px; 554 border:1px solid #c0c0c0; 555 cursor:pointer; 556 background-color:#ececec; 557 background-image:linear-gradient(#ececec 0%, #fcfcfc 100%); 558} 559.geBaseButton:hover { 560 background:#ececec; 561} 562.geBigButton { 563 color:#ffffff; 564 border: none; 565 padding:4px 10px; 566 font-size:14px; 567 white-space: nowrap; 568 border-radius:3px; 569 background-color:#0052cc; 570 cursor:pointer; 571 transition: background-color 0.1s ease-out; 572 overflow:hidden; 573 text-overflow: ellipsis; 574} 575.geBigButton:hover { 576 background-color:#0065ff; 577} 578.geBigButton:active { 579 background-color:#0747a6; 580} 581html body .geBigStandardButton { 582 color: #344563; 583 background-color: rgba(9, 30, 66, 0.08); 584} 585html body .geBigStandardButton:hover { 586 background-color: rgba(9, 30, 66, 0.13); 587} 588html body .geBigStandardButton:active { 589 background-color: #F8C382; 590 color: #600000; 591} 592@media print { 593 div.geNoPrint { display: none !important; } 594} 595.geSprite-actualsize { background-position: 0 0; } 596.geSprite-bold { background-position: 0 -46px; } 597.geSprite-bottom { background-position: 0 -92px; } 598.geSprite-center { background-position: 0 -138px; } 599.geSprite-delete { background-position: 0 -184px; } 600.geSprite-fillcolor { background-position: 0 -229px; } 601.geSprite-fit { background-position: 0 -277px; } 602.geSprite-fontcolor { background-position: 0 -322px; } 603.geSprite-gradientcolor { background-position: 0 -368px; } 604.geSprite-image { background-position: 0 -414px; } 605.geSprite-italic { background-position: 0 -460px; } 606.geSprite-left { background-position: 0 -505px; } 607.geSprite-middle { background-position: 0 -552px; } 608.geSprite-print { background-position: 0 -598px; } 609.geSprite-redo { background-position: 0 -644px; } 610.geSprite-right { background-position: 0 -689px; } 611.geSprite-shadow { background-position: 0 -735px; } 612.geSprite-strokecolor { background-position: 0 -782px; } 613.geSprite-top { background-position: 0 -828px; } 614.geSprite-underline { background-position: 0 -874px; } 615.geSprite-undo { background-position: 0 -920px; } 616.geSprite-zoomin { background-position: 0 -966px; } 617.geSprite-zoomout { background-position: 0 -1012px; } 618.geSprite-arrow { background-position: 0 -1059px; } 619.geSprite-linkedge { background-position: 0 -1105px; } 620.geSprite-straight { background-position: 0 -1150px; } 621.geSprite-entity { background-position: 0 -1196px; } 622.geSprite-orthogonal { background-position: 0 -1242px; } 623.geSprite-curved { background-position: 0 -1288px; } 624.geSprite-noarrow { background-position: 0 -1334px; } 625.geSprite-endclassic { background-position: 0 -1380px; } 626.geSprite-endopen { background-position: 0 -1426px; } 627.geSprite-endblock { background-position: 0 -1472px; } 628.geSprite-endoval { background-position: 0 -1518px; } 629.geSprite-enddiamond { background-position: 0 -1564px; } 630.geSprite-endthindiamond { background-position: 0 -1610px; } 631.geSprite-endclassictrans { background-position: 0 -1656px; } 632.geSprite-endblocktrans { background-position: 0 -1702px; } 633.geSprite-endovaltrans { background-position: 0 -1748px; } 634.geSprite-enddiamondtrans { background-position: 0 -1794px; } 635.geSprite-endthindiamondtrans { background-position: 0 -1840px; } 636.geSprite-startclassic { background-position: 0 -1886px; } 637.geSprite-startopen { background-position: 0 -1932px; } 638.geSprite-startblock { background-position: 0 -1978px; } 639.geSprite-startoval { background-position: 0 -2024px; } 640.geSprite-startdiamond { background-position: 0 -2070px; } 641.geSprite-startthindiamond { background-position: 0 -2116px; } 642.geSprite-startclassictrans { background-position: 0 -2162px; } 643.geSprite-startblocktrans { background-position: 0 -2208px; } 644.geSprite-startovaltrans { background-position: 0 -2254px; } 645.geSprite-startdiamondtrans { background-position: 0 -2300px; } 646.geSprite-startthindiamondtrans { background-position: 0 -2346px; } 647.geSprite-globe { background-position: 0 -2392px; } 648.geSprite-orderedlist { background-position: 0 -2438px; } 649.geSprite-unorderedlist { background-position: 0 -2484px; } 650.geSprite-horizontalrule { background-position: 0 -2530px; } 651.geSprite-link { background-position: 0 -2576px; } 652.geSprite-indent { background-position: 0 -2622px; } 653.geSprite-outdent { background-position: 0 -2668px; } 654.geSprite-code { background-position: 0 -2714px; } 655.geSprite-fontbackground { background-position: 0 -2760px; } 656.geSprite-removeformat { background-position: 0 -2806px; } 657.geSprite-superscript { background-position: 0 -2852px; } 658.geSprite-subscript { background-position: 0 -2898px; } 659.geSprite-table { background-position: 0 -2944px; } 660.geSprite-deletecolumn { background-position: 0 -2990px; } 661.geSprite-deleterow { background-position: 0 -3036px; } 662.geSprite-insertcolumnafter { background-position: 0 -3082px; } 663.geSprite-insertcolumnbefore { background-position: 0 -3128px; } 664.geSprite-insertrowafter { background-position: 0 -3174px; } 665.geSprite-insertrowbefore { background-position: 0 -3220px; } 666.geSprite-grid { background-position: 0 -3272px; } 667.geSprite-guides { background-position: 0 -3324px; } 668.geSprite-dots { background-position: 0 -3370px; } 669.geSprite-alignleft { background-position: 0 -3416px; } 670.geSprite-alignright { background-position: 0 -3462px; } 671.geSprite-aligncenter { background-position: 0 -3508px; } 672.geSprite-aligntop { background-position: 0 -3554px; } 673.geSprite-alignbottom { background-position: 0 -3600px; } 674.geSprite-alignmiddle { background-position: 0 -3646px; } 675.geSprite-justifyfull { background-position: 0 -3692px; } 676.geSprite-formatpanel { background-position: 0 -3738px; } 677.geSprite-connection { background-position: 0 -3784px; } 678.geSprite-vertical { background-position: 0 -3830px; } 679.geSprite-simplearrow { background-position: 0 -3876px; } 680.geSprite-plus { background-position: 0 -3922px; } 681.geSprite-rounded { background-position: 0 -3968px; } 682.geSprite-toback { background-position: 0 -4014px; } 683.geSprite-tofront { background-position: 0 -4060px; } 684.geSprite-duplicate { background-position: 0 -4106px; } 685.geSprite-insert { background-position: 0 -4152px; } 686.geSprite-endblockthin { background-position: 0 -4201px; } 687.geSprite-endblockthintrans { background-position: 0 -4247px; } 688.geSprite-enderone { background-position: 0 -4293px; } 689.geSprite-enderonetoone { background-position: 0 -4339px; } 690.geSprite-enderonetomany { background-position: 0 -4385px; } 691.geSprite-endermany { background-position: 0 -4431px; } 692.geSprite-enderoneopt { background-position: 0 -4477px; } 693.geSprite-endermanyopt { background-position: 0 -4523px; } 694.geSprite-endclassicthin { background-position: 0 -4938px; } 695.geSprite-endclassicthintrans { background-position: 0 -4984px; } 696.geSprite-enddash { background-position: 0 -5029px; } 697.geSprite-endcircleplus { background-position: 0 -5075px; } 698.geSprite-endcircle { background-position: 0 -5121px; } 699.geSprite-endasync { background-position: 0 -5167px; } 700.geSprite-endasynctrans { background-position: 0 -5213px; } 701.geSprite-startblockthin { background-position: 0 -4569px; } 702.geSprite-startblockthintrans { background-position: 0 -4615px; } 703.geSprite-starterone { background-position: 0 -4661px; } 704.geSprite-starteronetoone { background-position: 0 -4707px; } 705.geSprite-starteronetomany { background-position: 0 -4753px; } 706.geSprite-startermany { background-position: 0 -4799px; } 707.geSprite-starteroneopt { background-position: 0 -4845px; } 708.geSprite-startermanyopt { background-position: 0 -4891px; } 709.geSprite-startclassicthin { background-position: 0 -5259px; } 710.geSprite-startclassicthintrans { background-position: 0 -5305px; } 711.geSprite-startdash { background-position: 0 -5351px; } 712.geSprite-startcircleplus { background-position: 0 -5397px; } 713.geSprite-startcircle { background-position: 0 -5443px; } 714.geSprite-startasync { background-position: 0 -5489px; } 715.geSprite-startasynctrans { background-position: 0 -5535px; } 716.geSprite-startcross { background-position: 0 -5581px; } 717.geSprite-startopenthin { background-position: 0 -5627px; } 718.geSprite-startopenasync { background-position: 0 -5673px; } 719.geSprite-endcross { background-position: 0 -5719px; } 720.geSprite-endopenthin { background-position: 0 -5765px; } 721.geSprite-endopenasync { background-position: 0 -5811px; } 722.geSprite-verticalelbow { background-position: 0 -5857px; } 723.geSprite-horizontalelbow { background-position: 0 -5903px; } 724.geSprite-horizontalisometric { background-position: 0 -5949px; } 725.geSprite-verticalisometric { background-position: 0 -5995px; } 726.geSvgSprite { 727 background-position: center center; 728} 729.geFlipSprite { 730 transform:scaleX(-1); 731} 732.geSprite-box { 733 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='10' transform='translate(0.5,0.5)'><rect stroke='black' fill='none' x='2' y='2' width='6' height='6'/><path stroke='black' d='M8 5 L 18 5'/></svg>"); 734} 735.geSprite-halfCircle { 736 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='10' transform='translate(0.5,0.5)'><path stroke='black' fill='none' d='M 2 2 Q 6 2 6 5 Q 6 8 2 8 M 6 5 L 18 5'/></svg>"); 737} 738html div.mxRubberband { 739 border-color:#0000DD; 740 background:#99ccff; 741} 742td.mxPopupMenuIcon div { 743 width:16px; 744 height:16px; 745} 746.geEditor div.mxPopupMenu { 747 box-shadow:0 2px 6px 2px rgba(60,64,67,.15); 748 background:white; 749 border-radius:4px; 750 border:none; 751 padding:3px; 752} 753html table.mxPopupMenu { 754 border-collapse:collapse; 755 margin:0px; 756} 757html td.mxPopupMenuItem { 758 padding:7px 30px 7px 30px; 759 font-family:-apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, ui-sans-serif, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; 760 font-size:10pt; 761} 762html td.mxPopupMenuIcon { 763 background-color:white; 764 padding:0px; 765} 766td.mxPopupMenuIcon .geIcon { 767 padding:2px; 768 padding-bottom:4px; 769 margin:2px; 770 border:1px solid transparent; 771 opacity:0.5; 772 _width:26px; 773 _height:26px; 774} 775td.mxPopupMenuIcon .geIcon:hover { 776 border:1px solid gray; 777 border-radius:2px; 778 opacity:1; 779} 780html tr.mxPopupMenuItemHover { 781 background-color: #eeeeee; 782 color: black; 783} 784table.mxPopupMenu hr { 785 color:#cccccc; 786 background-color:#cccccc; 787 border:none; 788 height:1px; 789} 790table.mxPopupMenu tr { 791 font-size:4pt; 792} 793html td.mxWindowTitle { 794 font-family:-apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, ui-sans-serif, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; 795 text-align:left; 796 font-size:12px; 797 color:rgb(112, 112, 112); 798 padding:4px; 799} 800table.geProperties { 801 table-layout:fixed; 802} 803table.geProperties tr td { 804 height:21px; 805} 806.gePropHeader, .gePropRow { 807 border: 1px solid #e9e9e9; 808} 809.gePropRowDark { 810 border: 1px solid #4472C4; 811} 812.gePropHeader>.gePropHeaderCell { 813 border-top: 0; 814 border-bottom: 0; 815 text-align: left; 816 width: 50%; 817} 818.gePropHeader>.gePropHeaderCell:first-child { 819 border-left: none; 820} 821.gePropHeader>.gePropHeaderCell:last-child { 822 border-right: none; 823} 824.gePropHeader { 825 background: #e5e5e5; 826 color: black; 827} 828.gePropRowCell { 829 border-left: 1px solid #f3f3f3; 830 white-space:nowrap; 831 text-overflow:ellipsis; 832 overflow:hidden; 833 max-width: 50%; 834} 835.gePropRow>.gePropRowCell { 836 background: #fff; 837} 838.gePropRowAlt>.gePropRowCell { 839 background: #fcfcfc; 840} 841.gePropRowDark>.gePropRowCell { 842 background: #fff; 843 color: #305496; 844 font-weight: bold; 845} 846.gePropRowDarkAlt>.gePropRowCell { 847 background: #D9E1F2; 848 color: #305496; 849 font-weight: bold; 850} 851.gePropEditor input:invalid { 852 border: 1px solid red; 853} 854/* Templates dialog css */ 855.geTemplateDlg { 856 width: 100%; 857 height: 100%; 858} 859.geTemplateDlg ::-webkit-scrollbar { 860 width:12px; 861 height:12px; 862} 863.geTemplateDlg ::-webkit-scrollbar-track { 864 background:whiteSmoke; 865 box-shadow:inset 0 0 4px rgba(0,0,0,0.1); 866} 867.geTemplateDlg ::-webkit-scrollbar-thumb { 868 background:#c5c5c5; 869 border-radius:10px; 870 border:whiteSmoke solid 3px; 871} 872.geTemplateDlg ::-webkit-scrollbar-thumb:hover { 873 background:#b5b5b5; 874} 875 876.geTempDlgHeader { 877 box-sizing: border-box; 878 height: 62px; 879 width: 100%; 880 border: 1px solid #CCCCCC; 881 border-radius: 5px 5px 0 0; 882 background-color: #F5F5F5; 883} 884.geTempDlgHeaderLogo { 885 height: 34px; 886 margin: 14px 14px 14px 20px; 887} 888.geTempDlgSearchBox { 889 color:#888888; 890 background:url("/images/icon-search.svg") no-repeat; 891 background-color: #FFFFFF; 892 background-position: 15px; 893 height: 40px; 894 width: 40%; 895 max-width: 400px; 896 border: 1px solid #CCCCCC; 897 border-radius: 3px; 898 float:right; 899 font-family:Arial,Helvetica,sans-serif; 900 font-size:15px; 901 line-height:36px; 902 margin: 11px 36px 0 0; 903 outline:medium none; 904 padding:0 0 0 36px; 905 text-shadow:1px 1px 0 white; 906} 907.geTemplatesList { 908 box-sizing: border-box; 909 float: left; 910 height: calc(100% - 118px); 911 width: 20%; 912 border: 1px solid #CCCCCC; 913 background-color: #FFFFFF; 914 display: inline-block; 915 overflow-x: hidden; 916 overflow-y: auto; 917} 918.geTempDlgContent { 919 box-sizing: border-box; 920 float: right; 921 height: calc(100% - 118px); 922 width: 80%; 923 border: 1px solid #CCCCCC; 924 background-color: #FFFFFF; 925 display: inline-block; 926 overflow-x: hidden; 927 overflow-y: auto; 928 position: relative; 929} 930.geTempDlgFooter { 931 box-sizing: border-box; 932 height: 52px; 933 width: 100%; 934 border: 1px solid #CCCCCC; 935 border-radius: 0 0 5px 5px; 936 background-color: #F5F5F5; 937 text-align: right; 938 font-family: Helvetica; 939 font-size: 14px; 940 line-height: 17px; 941 padding-top: 11px; 942} 943.geTempDlgCreateBtn, .geTempDlgOpenBtn { 944 display: inline-block; 945 width: 67px; 946 border-radius: 3px; 947 background-color: #3D72AD; 948 padding: 6px; 949 text-align: center; 950 color: #fff; 951 cursor: pointer; 952 margin-left: 5px; 953} 954.geTempDlgCancelBtn { 955 display: inline-block; 956 width: 67px; 957 padding: 6px; 958 text-align: center; 959 color: #3D72AD; 960 cursor: pointer; 961} 962.geTempDlgCancelBtn:active, .geTempDlgCreateBtn:active, 963.geTempDlgOpenBtn:active, .geTempDlgShowAllBtn:active { 964 transform: translateY(2px); 965} 966.geTempDlgBtnDisabled { 967 background-color: #9fbddd; 968} 969.geTempDlgBtnDisabled:active { 970 transform: translateY(0px); 971} 972 973.geTempDlgBtnBusy { 974 background-image: url(/images/aui-wait.gif); 975 background-repeat: no-repeat; 976 background-position: 62px 7px; 977} 978 979.geTempDlgBack { 980 height: 17px; 981 color: #333333; 982 font-family: Helvetica; 983 font-size: 14px; 984 font-weight: bold; 985 line-height: 17px; 986 padding: 25px 0 0 20px; 987 cursor: pointer; 988} 989.geTempDlgHLine { 990 height: 1px; 991 width: calc(100% - 22px); 992 background-color: #CCCCCC; 993 margin: 20px 0 0 11px; 994} 995.geTemplatesLbl { 996 height: 17px; 997 color: #6D6D6D; 998 font-family: Helvetica; 999 font-size: 14px; 1000 font-weight: bold; 1001 line-height: 17px; 1002 text-transform: uppercase; 1003 margin: 20px 0 3px 20px; 1004} 1005.geTemplateCatLink { 1006 height: 17px; 1007 color: #3D72AD; 1008 font-family: Helvetica; 1009 font-size: 14px; 1010 line-height: 17px; 1011 margin: 12px 0 0 20px; 1012 cursor: pointer; 1013} 1014.geTempDlgNewDiagramCat { 1015 height: 280px; 1016 width: 100%; 1017 background-color: #555555; 1018} 1019.geTempDlgNewDiagramCatLbl { 1020 height: 17px; 1021 color: #FFFFFF; 1022 font-family: Helvetica; 1023 font-size: 14px; 1024 font-weight: bold; 1025 line-height: 17px; 1026 padding: 25px 0 0 20px; 1027 text-transform: uppercase; 1028} 1029.geTempDlgNewDiagramCatList { 1030 width: 100%; 1031 height: 190px; 1032 padding-left: 9px; 1033 box-sizing: border-box; 1034 overflow-y: auto; 1035 overflow-x: hidden; 1036} 1037.geTempDlgNewDiagramCatFooter { 1038 width: 100%; 1039} 1040.geTempDlgShowAllBtn { 1041 width: 78px; 1042 border: 1px solid #777777; 1043 border-radius: 3px; 1044 cursor: pointer; 1045 text-align: center; 1046 color: #DDDDDD; 1047 font-family: Helvetica; 1048 font-size: 14px; 1049 line-height: 17px; 1050 padding: 4px; 1051 float: right; 1052 margin-right: 30px; 1053} 1054.geTempDlgNewDiagramCatItem { 1055 height: 155px; 1056 width: 134px; 1057 padding: 18px 6px 0 9px; 1058 display: inline-block; 1059} 1060 1061.geTempDlgNewDiagramCatItemImg { 1062 box-sizing: border-box; 1063 height: 134px; 1064 width: 134px; 1065 border: 1px solid #CCCCCC; 1066 border-radius: 3px; 1067 background-color: #FFFFFF; 1068 display:table-cell; 1069 vertical-align:middle; 1070 text-align:center; 1071 cursor: pointer; 1072} 1073 1074.geTempDlgNewDiagramCatItemActive > .geTempDlgNewDiagramCatItemImg { 1075 border: 4px solid #3D72AD; 1076} 1077 1078.geTempDlgNewDiagramCatItemLbl { 1079 height: 17px; 1080 width: 100%; 1081 color: #FFFFFF; 1082 font-family: Helvetica; 1083 font-size: 14px; 1084 line-height: 17px; 1085 text-align: center; 1086 padding-top: 4px; 1087 cursor: pointer; 1088} 1089 1090.geTempDlgDiagramsList { 1091 box-sizing: border-box; 1092 width: 100%; 1093 min-height: calc(100% - 280px); 1094 padding-left: 9px; 1095 box-sizing: border-box; 1096 background-color: #E5E5E5; 1097} 1098 1099.geTempDlgDiagramsListHeader { 1100 width: 100%; 1101 height: 45px; 1102 padding: 18px 20px 0 11px; 1103 box-sizing: border-box; 1104} 1105.geTempDlgDiagramsListTitle { 1106 box-sizing: border-box; 1107 height: 17px; 1108 color: #666666; 1109 font-family: Helvetica; 1110 font-size: 14px; 1111 font-weight: bold; 1112 line-height: 17px; 1113 text-transform: uppercase; 1114 padding-top: 5px; 1115 display: inline-block; 1116} 1117.geTempDlgDiagramsListBtns { 1118 float: right; 1119 margin-top: -9px; 1120} 1121.geTempDlgRadioBtn { 1122 box-sizing: border-box; 1123 border: 1px solid #CCCCCC; 1124 border-radius: 3px; 1125 background-color: #FFFFFF; 1126 color: #333333; 1127 display: inline-block; 1128 font-family: Helvetica; 1129 font-size: 14px; 1130 line-height: 17px; 1131 text-align: center; 1132 padding: 4px; 1133 cursor: pointer; 1134} 1135.geTempDlgRadioBtnActive { 1136 background-color: #555555; 1137 color: #FFFFFF; 1138} 1139.geTempDlgRadioBtnLarge { 1140 height: 27px; 1141 width: 120px; 1142} 1143/* TODO is there a better way for these buttons */ 1144.geTempDlgRadioBtnSmall { 1145 position: relative; 1146 top: 9px; 1147 height: 27px; 1148 width: 27px; 1149} 1150.geTempDlgRadioBtnSmall img { 1151 position: absolute; 1152 top: 6px; 1153 left: 6px; 1154 height: 13px; 1155 width: 13px; 1156} 1157.geTempDlgSpacer { 1158 display: inline-block; 1159 width: 10px; 1160} 1161 1162.geTempDlgDiagramsListGrid { 1163 width: 100%; 1164 white-space: nowrap; 1165 font-size: 13px; 1166 padding: 0px 20px 20px 10px; 1167 box-sizing: border-box; 1168 border-spacing: 0; 1169} 1170 1171.geTempDlgDiagramsListGrid tr { 1172 height: 40px; 1173} 1174 1175.geTempDlgDiagramsListGrid th { 1176 background-color: #E5E5E5; 1177 color: #8E8E8E; 1178 font-weight: bold; 1179 text-align: left; 1180 padding: 5px; 1181 border-bottom: 1px solid #CCCCCC; 1182 font-size: 14px; 1183} 1184 1185.geTempDlgDiagramsListGrid td { 1186 background-color: #FFFFFF; 1187 color: #888888; 1188 padding: 5px; 1189 border-bottom: 1px solid #CCCCCC; 1190 overflow: hidden; 1191} 1192 1193.geTempDlgDiagramsListGridActive td { 1194 border-bottom: 2px solid #3D72AD; 1195 border-top: 2px solid #3D72AD; 1196} 1197 1198.geTempDlgDiagramsListGridActive td:first-child { 1199 border-left: 2px solid #3D72AD; 1200} 1201 1202.geTempDlgDiagramsListGridActive td:last-child { 1203 border-right: 2px solid #3D72AD; 1204} 1205 1206.geTempDlgDiagramTitle { 1207 font-weight: bold; 1208 color: #666666 !important; 1209} 1210 1211.geTempDlgDiagramsTiles { 1212 position: relative; 1213 min-height: 100px; 1214} 1215 1216.geTempDlgDiagramTile { 1217 height: 152px; 1218 width: 130px; 1219 padding: 20px 7px 0 10px; 1220 display: inline-block; 1221 position: relative; 1222} 1223 1224.geTempDlgDiagramTileImg { 1225 box-sizing: border-box; 1226 height: 130px; 1227 width: 130px; 1228 border: 1px solid #CCCCCC; 1229 border-radius: 3px; 1230 background-color: #FFFFFF; 1231 display:table-cell; 1232 vertical-align:middle; 1233 text-align:center; 1234} 1235 1236.geTempDlgDiagramTileImgLoading { 1237 background-image: url(/images/aui-wait.gif); 1238 background-repeat: no-repeat; 1239 background-position: center; 1240} 1241 1242.geTempDlgDiagramTileImgError { 1243 background-image: url(/images/broken.png); 1244 background-repeat: no-repeat; 1245 background-position: center; 1246 background-color: #be3730; 1247} 1248 1249.geTempDlgDiagramTileImg img{ 1250 max-width: 117px; 1251 max-height: 117px; 1252 cursor: pointer; 1253} 1254 1255.geTempDlgDiagramTileActive > .geTempDlgDiagramTileImg{ 1256 border: 4px solid #3D72AD; 1257} 1258 1259.geTempDlgDiagramTileLbl { 1260 height: 17px; 1261 width: 100%; 1262 color: #333333; 1263 font-family: Helvetica; 1264 font-size: 14px; 1265 line-height: 17px; 1266 text-align: center; 1267 padding-top: 5px; 1268 cursor: pointer; 1269} 1270 1271.geTempDlgDiagramPreviewBtn { 1272 position: absolute; 1273 top: 28px; 1274 right: 15px; 1275 cursor: pointer; 1276} 1277 1278.geTempDlgDiagramListPreviewBtn { 1279 cursor: pointer; 1280 padding-left: 5px; 1281 padding-right: 15px; 1282} 1283 1284.geTempDlgDiagramPreviewBox { 1285 position: absolute; 1286 top: 3%; 1287 left: 10%; 1288 width: 80%; 1289 height: 94%; 1290 background: white; 1291 border: 4px solid #3D72AD; 1292 border-radius: 6px; 1293 box-sizing: border-box; 1294 display:table-cell; 1295 vertical-align:middle; 1296 text-align:center; 1297 z-index: 2; 1298} 1299 1300.geTempDlgDialogMask { 1301 position: absolute; 1302 top: 0; 1303 left: 0; 1304 width: 100%; 1305 height: 100%; 1306 z-index: 1; 1307} 1308 1309.geTempDlgDiagramPreviewBox img { 1310 max-width: 95%; 1311 max-height: 95%; 1312 vertical-align: middle; 1313} 1314 1315.geTempDlgPreviewCloseBtn { 1316 position: absolute; 1317 top: 5px; 1318 right: 5px; 1319 cursor: pointer; 1320} 1321 1322.geTempDlgLinkToDiagramHint { 1323 color: #555; 1324} 1325 1326.geTempDlgLinkToDiagramBtn { 1327 color: #555; 1328 margin: 0 10px 0 10px; 1329 height: 27px; 1330 font-size: 14px; 1331} 1332 1333.geTempDlgErrMsg { 1334 display: none; 1335 color: red; 1336 position: absolute; 1337 width: 100%; 1338 text-align: center; 1339} 1340 1341.geTempDlgImportCat { 1342 font-weight: bold; 1343 background: #f9f9f9; 1344 padding: 5px 0px; 1345 padding: 10px; 1346 margin: 10px 10px 0px 0px; 1347} 1348/* Comments CSS */ 1349.geCommentsWin { 1350 user-select: none; 1351 border: 1px solid whiteSmoke; 1352 height: 100%; 1353 margin-bottom: 10px; 1354 overflow: auto; 1355} 1356 1357.geCommentsToolbar { 1358 position: absolute; 1359 bottom: 0px; 1360 left: 0px; 1361 right: 0px; 1362 overflow: hidden; 1363 border-width: 1px 0px 0px 0px; 1364 border-color: #c3c3c3; 1365 border-style: solid; 1366 display: block; 1367 white-space: nowrap; 1368} 1369 1370.geCommentsList { 1371 position: absolute; 1372 overflow: auto; 1373 left: 0px; 1374 right: 0px; 1375 top: 0px; 1376} 1377 1378.geCommentContainer { 1379 position: relative; 1380 padding: 12px; 1381 margin: 5px; 1382 min-height: 50px; 1383 display: block; 1384 background-color: white; 1385 border-width: 0px 0px 1px 0px; 1386 border-color: #c3c3c3; 1387 border-style: solid; 1388 border-radius: 10px; 1389 white-space: nowrap; 1390 box-shadow: 2px 2px 6px rgba(60,64,67,.15); 1391 color: #3C4043; 1392} 1393 1394.geCommentHeader { 1395 width: 100%; 1396 height: 32px; 1397} 1398 1399.geCommentUserImg { 1400 width: 32px; 1401 height: 32px; 1402 border-radius: 50%; 1403 float: left; 1404 background-color: whitesmoke; 1405} 1406 1407.geCommentHeaderTxt { 1408 overflow: hidden; 1409 height: 32px; 1410 padding-left: 5px; 1411} 1412 1413.geCommentUsername { 1414 overflow: hidden; 1415 height: 18px; 1416 font-size: 15px; 1417 font-weight: bold; 1418 text-overflow: ellipsis; 1419} 1420 1421.geCommentDate { 1422 color: #707070; 1423 overflow: hidden; 1424 height: 14px; 1425 font-size: 11px; 1426 text-overflow: ellipsis; 1427} 1428 1429.geCommentDate::first-letter { 1430 text-transform: uppercase; 1431} 1432 1433.geCommentTxt { 1434 font-size: 14px; 1435 padding-top: 5px; 1436 white-space: normal; 1437 min-height: 12px; 1438} 1439 1440.geCommentEditTxtArea { 1441 margin-top: 5px; 1442 font-size: 14px !important; 1443 min-height: 12px; 1444 max-width: 100%; 1445 min-width: 100%; 1446 width: 100%; 1447 box-sizing: border-box; 1448} 1449 1450.geCommentEditBtns { 1451 width: 100%; 1452 box-sizing: border-box; 1453 padding-top: 5px; 1454 height: 20px; 1455} 1456 1457.geCommentEditBtn { 1458 padding: 3px 8px 3px 8px !important; 1459 float: right !important; 1460 margin-left: 5px; 1461} 1462 1463.geCommentActions { 1464 color: #707070; 1465 font-size: 12px; 1466} 1467 1468.geCommentActionsList { 1469 list-style-type: disc; 1470 margin: 0px; 1471 padding: 10px 0 0 0; 1472} 1473 1474.geCommentAction { 1475 display: inline-block; 1476 padding: 0; 1477} 1478 1479.geCommentAction:before { 1480 content: "\2022"; 1481 padding: 5px; 1482} 1483 1484.geCommentAction:first-child:before { 1485 content: ""; 1486 padding: 0; 1487} 1488 1489.geCommentActionLnk { 1490 cursor: pointer; 1491 color: #707070; 1492 text-decoration: none; 1493} 1494 1495.geCommentActionLnk:hover { 1496 text-decoration: underline; 1497} 1498 1499.geCheckedBtn { 1500 background-color: #ccc; 1501 border-top: 1px solid black !important; 1502 border-left: 1px solid black !important; 1503} 1504 1505.geCommentBusyImg { 1506 position: absolute; 1507 top: 5px; 1508 right: 5px; 1509} 1510 1511.geAspectDlgListItem 1512{ 1513 width : 120px; 1514 height : 120px; 1515 display : inline-block; 1516 border: 3px solid #F0F0F0; 1517 border-radius: 5px; 1518 padding: 5px; 1519 margin : 2px 2px 20px 2px; 1520} 1521 1522.geAspectDlgListItem:hover 1523{ 1524 border: 3px solid #c5c5c5; 1525} 1526 1527.geAspectDlgListItemSelected 1528{ 1529 border: 3px solid #3b73af; 1530} 1531 1532.geAspectDlgListItemSelected:hover 1533{ 1534 border: 3px solid #405a86; 1535} 1536 1537.geAspectDlgListItemText 1538{ 1539 text-overflow: ellipsis; 1540 max-width: 100%; 1541 min-height : 2em; 1542 overflow : hidden; 1543 text-align : center; 1544 margin-top : 10px; 1545} 1546 1547.geAspectDlgList 1548{ 1549 min-height: 184px; 1550 white-space: nowrap; 1551} 1552 1553.geStripedTable 1554{ 1555 border-collapse: collapse; 1556 width: 100%; 1557 table-layout: fixed; 1558} 1559 1560.geStripedTable td, .geStripedTable th 1561{ 1562 border: 1px solid #ddd; 1563 text-align: left; 1564 padding: 2px; 1565 white-space: nowrap; 1566 overflow: hidden; 1567 text-overflow: ellipsis; 1568} 1569 1570.geStripedTable tr:nth-child(odd){background-color: #f2f2f2;} 1571 1572.geStripedTable tr:hover {background-color: #ddd;} 1573 1574.geStripedTable th { 1575 padding-top: 4px; 1576 padding-bottom: 4px; 1577 background-color: #bbb; 1578} 1579 1580.geNotification-box { 1581 width: 50px; 1582 height: 30px; 1583 text-align: center; 1584 float: left; 1585 position: relative; 1586 top: -2px; 1587 cursor: pointer; 1588} 1589.geNotification-bell { 1590 animation: geBellAnim 1s 1s both; 1591} 1592.geNotification-bell * { 1593 display: block; 1594 margin: 0 auto; 1595 background-color: #656565; 1596 box-shadow: 0px 0px 10px #656565; 1597} 1598 1599.geNotification-bellOff * { 1600 box-shadow: none !important; 1601} 1602 1603.geBell-top { 1604 width: 2px; 1605 height: 2px; 1606 border-radius: 1px 1px 0 0; 1607} 1608.geBell-middle { 1609 width: 12px; 1610 height: 12px; 1611 margin-top: -1px; 1612 border-radius: 7px 7px 0 0; 1613} 1614.geBell-bottom { 1615 position: relative; 1616 z-index: 0; 1617 width: 16px; 1618 height: 1px; 1619} 1620.geBell-bottom::before, 1621.geBell-bottom::after { 1622 content: ''; 1623 position: absolute; 1624 top: -4px; 1625} 1626.geBell-bottom::before { 1627 left: 1px; 1628 border-bottom-width: 4px; 1629 border-right: 0 solid transparent; 1630 border-left: 4px solid transparent; 1631} 1632.geBell-bottom::after { 1633 right: 1px; 1634 border-bottom-width: 4px; 1635 border-right: 4px solid transparent; 1636 border-left: 0 solid transparent; 1637} 1638.geBell-rad { 1639 width: 3px; 1640 height: 2px; 1641 margin-top: 0.5px; 1642 border-radius: 0 0 2px 2px; 1643 animation: geRadAnim 1s 2s both; 1644} 1645.geNotification-count { 1646 position: absolute; 1647 z-index: 1; 1648 top: -5px; 1649 right: 7px; 1650 width: 15px; 1651 height: 15px; 1652 line-height: 15px; 1653 font-size: 10px; 1654 border-radius: 50%; 1655 background-color: #ff4927; 1656 color: #FFF; 1657 animation: geZoomAnim 1s 1s both; 1658} 1659@keyframes geBellAnim { 1660 0% { transform: rotate(0); } 1661 10% { transform: rotate(30deg); } 1662 20% { transform: rotate(0); } 1663 80% { transform: rotate(0); } 1664 90% { transform: rotate(-30deg); } 1665 100% { transform: rotate(0); } 1666} 1667@keyframes geRadAnim { 1668 0% { transform: translateX(0); } 1669 10% { transform: translateX(5px); } 1670 20% { transform: translateX(0); } 1671 80% { transform: translateX(0); } 1672 90% { transform: translateX(-5px); } 1673 100% { transform: translateX(0); } 1674} 1675@keyframes geZoomAnim { 1676 0% { opacity: 0; transform: scale(0); } 1677 50% { opacity: 1; transform: scale(1); } 1678 100% { opacity: 1; } 1679} 1680 1681.geNotifPanel { 1682 height: 300px; 1683 width: 300px; 1684 background: #fff; 1685 border-radius: 3px; 1686 overflow: hidden; 1687 -webkit-box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3); 1688 box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3); 1689 -webkit-transition: all .5s ease-in-out; 1690 transition: all .5s ease-in-out; 1691 position: absolute; 1692 right: 100px; 1693 top: 42px; 1694 z-index: 150; 1695} 1696.geNotifPanel .header { 1697 height: 30px; 1698 width: 100%; 1699 background: #cecece; 1700 color: #707070; 1701 font-size: 15px; 1702} 1703.geNotifPanel .header .title { 1704 display: block; 1705 text-align: center; 1706 line-height: 30px; 1707 font-weight: 600; 1708} 1709.geNotifPanel .header .closeBtn { 1710 position: absolute; 1711 line-height: 30px; 1712 cursor: pointer; 1713 right: 15px; 1714 top: 0; 1715} 1716.geNotifPanel .notifications { 1717 position: relative; 1718 height: 270px; 1719 overflow-x: hidden; 1720 overflow-y: auto; 1721} 1722.geNotifPanel .notifications .line { 1723 position: absolute; 1724 top: 0; 1725 left: 27px; 1726 height: 100%; 1727 width: 3px; 1728 background: #EBEBEB; 1729} 1730.geNotifPanel .notifications .notification { 1731 position: relative; 1732 z-index: 2; 1733 margin: 25px 20px 25px 43px; 1734} 1735.geNotifPanel .notifications .notification:nth-child(n+1) { 1736 animation: geHere-am-i 0.5s ease-out 0.4s; 1737 animation-fill-mode: both; 1738} 1739.geNotifPanel .notifications .notification:hover { 1740 color: #1B95E0; 1741 cursor: pointer; 1742} 1743.geNotifPanel .notifications .notification .circle { 1744 -webkit-box-sizing: border-box; 1745 box-sizing: border-box; 1746 position: absolute; 1747 height: 11px; 1748 width: 11px; 1749 background: #fff; 1750 border: 2px solid #1B95E0; 1751 -webkit-box-shadow: 0 0 0 3px #fff; 1752 box-shadow: 0 0 0 3px #fff; 1753 border-radius: 6px; 1754 top: 0; 1755 left: -20px; 1756} 1757 1758.geNotifPanel .notifications .notification .circle.active { 1759 background: #1B95E0; 1760} 1761 1762.geNotifPanel .notifications .notification .time { 1763 display: block; 1764 font-size: 11px; 1765 line-height: 11px; 1766 margin-bottom: 2px; 1767} 1768.geNotifPanel .notifications .notification p { 1769 font-size: 15px; 1770 line-height: 20px; 1771 margin: 0; 1772} 1773.geNotifPanel .notifications .notification p b { 1774 font-weight: 600; 1775} 1776@-webkit-keyframes geHere-am-i { 1777 from { 1778 -webkit-transform: translate3d(0, 50px, 0); 1779 transform: translate3d(0, 50px, 0); 1780 opacity: 0; 1781 } 1782 to { 1783 -webkit-transform: translate3d(0, 0, 0); 1784 transform: translate3d(0, 0, 0); 1785 opacity: 1; 1786 } 1787} 1788 1789@keyframes geHere-am-i { 1790 from { 1791 -webkit-transform: translate3d(0, 50px, 0); 1792 transform: translate3d(0, 50px, 0); 1793 opacity: 0; 1794 } 1795 to { 1796 -webkit-transform: translate3d(0, 0, 0); 1797 transform: translate3d(0, 0, 0); 1798 opacity: 1; 1799 } 1800} 1801 1802.geTempTree { 1803 margin: 0; 1804 padding: 0; 1805} 1806 1807.geTempTree, .geTempTreeActive, .geTempTreeNested { 1808 list-style-type: none; 1809 transition: all 0.5s; 1810} 1811 1812.geTempTreeCaret { 1813 box-sizing: border-box; 1814 cursor: pointer; 1815 user-select: none; 1816 padding: 6px; 1817 width: 100%; 1818 transition: all 0.5s; 1819} 1820 1821.geTempTreeCaret::before { 1822 content: "\25B6"; 1823 display: inline-block; 1824 font-size: 10px; 1825 margin-right: 6px; 1826} 1827 1828.geTempTreeCaret-down::before { 1829 transform: rotate(90deg); 1830} 1831 1832.geTempTreeNested { 1833 height: 0; 1834 opacity: 0; 1835} 1836 1837.geTempTreeActive { 1838 height: 100%; 1839 opacity: 1; 1840} 1841 1842.geTempTreeActive, .geTempTreeNested { 1843 padding-left: 15px; 1844} 1845 1846.geTempTreeActive > li, .geTempTreeNested > li { 1847 box-sizing: border-box; 1848 padding: 3px; 1849 width: 100%; 1850 cursor: pointer; 1851 user-select: none; 1852 transition: all 0.5s; 1853} 1854 1855/*Electron Window Controls*/ 1856#geWindow-controls { 1857 display: grid; 1858 grid-template-columns: repeat(3, 30px); 1859 position: absolute; 1860 top: 2px; 1861 right: 3px; 1862 height: 22px; 1863 -webkit-app-region: no-drag; 1864} 1865 1866#geWindow-controls .button { 1867 grid-row: 1 / span 1; 1868 display: flex; 1869 justify-content: center; 1870 align-items: center; 1871 width: 100%; 1872 height: 100%; 1873 user-select: none; 1874} 1875#min-button { 1876 grid-column: 1; 1877} 1878#max-button, #restore-button { 1879 grid-column: 2; 1880} 1881#close-button { 1882 grid-column: 3; 1883} 1884#geWindow-controls .button.dark:hover { 1885 background: rgba(255,255,255,0.1); 1886} 1887#geWindow-controls .button.dark:active { 1888 background: rgba(255,255,255,0.2); 1889} 1890 1891#geWindow-controls .button.white:hover { 1892 background: rgba(0,0,0,0.1); 1893} 1894#geWindow-controls .button.white:active { 1895 background: rgba(0,0,0,0.2); 1896} 1897 1898#close-button:hover { 1899 background: #E81123 !important; 1900} 1901#close-button:active { 1902 background: #F1707A !important; 1903} 1904 1905#restore-button { 1906 display: none !important; 1907} 1908/* 1909.geMaximized #titlebar { 1910 width: 100%; 1911 padding: 0; 1912} 1913*/ 1914.geMaximized #restore-button { 1915 display: flex !important; 1916} 1917 1918.geMaximized #max-button { 1919 display: none; 1920}