| @@ -137,10 +137,10 @@ | ||
| 137 | 137 | } |
| 138 | 138 | .visualizer-chart-action .tooltip-text::before { |
| 139 | 139 | content: ''; |
| 140 | 140 | position: absolute; |
| 141 | - display: block; | |
| 142 | - width: 0px; | |
| 141 | + display: block; | |
| 142 | + width: 0px; | |
| 143 | 143 | left: 50%; |
| 144 | 144 | top: 0; |
| 145 | 145 | border: 10px solid transparent; |
| 146 | 146 | border-top: 0; |
| @@ -251,11 +251,15 @@ | ||
| 251 | 251 | text-align: center; |
| 252 | 252 | color: #FFFFFF; |
| 253 | 253 | justify-content: center; |
| 254 | 254 | } |
| 255 | +.visualizer-sidebar-box .button.button-secondary{ | |
| 256 | + background: #ffffff; | |
| 257 | + color: #007CBA; | |
| 258 | +} | |
| 255 | 259 | .visualizer-sidebar-box .we-offer{ |
| 256 | - background-color: transparent; | |
| 257 | - color: #007CBA; | |
| 260 | + background-color: transparent; | |
| 261 | + color: #007CBA; | |
| 258 | 262 | font-weight: 400; |
| 259 | 263 | padding: 0px; |
| 260 | 264 | font-size: 14px; |
| 261 | 265 | font-style: italic; |
| @@ -381,8 +385,17 @@ | ||
| 381 | 385 | } |
| 382 | 386 | #visualizer-sidebar .visualizer-sidebar-box p { |
| 383 | 387 | margin-bottom: 0; |
| 384 | 388 | } |
| 389 | +#visualizer-sidebar .visualizer-sidebar-box p.vz-sidebar-box-action { | |
| 390 | + display: flex; | |
| 391 | + gap: 20px; | |
| 392 | + margin-top: 25px; | |
| 393 | +} | |
| 394 | +#visualizer-sidebar .visualizer-sidebar-box p.vz-sidebar-box-action .button{ | |
| 395 | + width: 100%; | |
| 396 | + text-align: center; | |
| 397 | +} | |
| 385 | 398 | #visualizer-sidebar.one-columns { |
| 386 | 399 | border-top: 5px solid #007CBA; |
| 387 | 400 | } |
| 388 | 401 | |
| @@ -516,5 +529,96 @@ | ||
| 516 | 529 | } |
| 517 | 530 | .visualizer-chart{ |
| 518 | 531 | height: calc(100% - 24px); |
| 519 | 532 | } |
| 533 | +} | |
| 534 | + | |
| 535 | + | |
| 536 | + | |
| 537 | +.vizualizer-renew-notice-overlay { | |
| 538 | + display: none; | |
| 539 | + position: fixed; | |
| 540 | + top: 0; | |
| 541 | + left: 0; | |
| 542 | + width: 100%; | |
| 543 | + height: 100%; | |
| 544 | + background-color: rgba(0, 0, 0, 0.5); | |
| 545 | + z-index: 999; | |
| 546 | +} | |
| 547 | + | |
| 548 | +.vizualizer-renew-notice-popup { | |
| 549 | + display: none; | |
| 550 | + position: fixed; | |
| 551 | + top: 50%; | |
| 552 | + left: 50%; | |
| 553 | + transform: translate(-50%, -50%); | |
| 554 | + background-color: #fff; | |
| 555 | + z-index: 1000; | |
| 556 | + padding: 20px; | |
| 557 | + border: 1px solid #ccc; | |
| 558 | + border-radius: 8px; | |
| 559 | + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); | |
| 560 | + max-width: 400px; | |
| 561 | + font-weight: bold; | |
| 562 | + margin-bottom: 20px; | |
| 563 | +} | |
| 564 | + | |
| 565 | +.vizualizer-renew-notice-heading { | |
| 566 | + color: #d32f2f; | |
| 567 | + text-align: left; | |
| 568 | + margin-bottom: 10px; | |
| 569 | +} | |
| 570 | + | |
| 571 | +.vizualizer-renew-notice-message { | |
| 572 | + word-wrap: break-word; | |
| 573 | + width: 250px; | |
| 574 | +} | |
| 575 | + | |
| 576 | +.vizualizer-renew-notice-buttons-container { | |
| 577 | + display: grid; | |
| 578 | + grid-template-columns: 1fr; | |
| 579 | + gap: 10px; | |
| 580 | + text-align: center; | |
| 581 | + margin-top: 20px; | |
| 582 | +} | |
| 583 | + | |
| 584 | +.vizualizer-renew-notice-button { | |
| 585 | + padding: 10px 20px; | |
| 586 | + cursor: pointer; | |
| 587 | + color: white; | |
| 588 | + border: none; | |
| 589 | + text-align: center; | |
| 590 | + text-decoration: none; | |
| 591 | + display: inline-block; | |
| 592 | + font-size: 16px; | |
| 593 | + width: 200px; | |
| 594 | + height: 50px; | |
| 595 | + border-radius: 4px; | |
| 596 | + transition: background-color 0.3s; | |
| 597 | + font-weight: bold; | |
| 598 | + margin-top: 10px; | |
| 599 | +} | |
| 600 | + | |
| 601 | +.vizualizer-renew-notice-renew-button { | |
| 602 | + background-color: #008CBA; | |
| 603 | +} | |
| 604 | + | |
| 605 | +.vizualizer-renew-notice-activate-button { | |
| 606 | + background-color: #4CAF50; | |
| 607 | +} | |
| 608 | + | |
| 609 | +.vizualizer-renew-notice-close-icon { | |
| 610 | + position: absolute; | |
| 611 | + top: -10px; | |
| 612 | + right: -70px; | |
| 613 | + cursor: pointer; | |
| 614 | + color: #333; | |
| 615 | + background: none; | |
| 616 | + border: none; | |
| 617 | + padding: 0; | |
| 618 | + outline: none; | |
| 619 | + /* Reset button styles */ | |
| 620 | + display: inline-block; | |
| 621 | + font: inherit; | |
| 622 | + text-align: inherit; | |
| 623 | + text-decoration: none; | |
| 520 | 624 | } |
