| @@ -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; |
| @@ -252,10 +252,10 @@ | ||
| 252 | 252 | color: #FFFFFF; |
| 253 | 253 | justify-content: center; |
| 254 | 254 | } |
| 255 | 255 | .visualizer-sidebar-box .we-offer{ |
| 256 | - background-color: transparent; | |
| 257 | - color: #007CBA; | |
| 256 | + background-color: transparent; | |
| 257 | + color: #007CBA; | |
| 258 | 258 | font-weight: 400; |
| 259 | 259 | padding: 0px; |
| 260 | 260 | font-size: 14px; |
| 261 | 261 | font-style: italic; |
| @@ -516,5 +516,96 @@ | ||
| 516 | 516 | } |
| 517 | 517 | .visualizer-chart{ |
| 518 | 518 | height: calc(100% - 24px); |
| 519 | 519 | } |
| 520 | +} | |
| 521 | + | |
| 522 | + | |
| 523 | + | |
| 524 | +.vizualizer-renew-notice-overlay { | |
| 525 | + display: none; | |
| 526 | + position: fixed; | |
| 527 | + top: 0; | |
| 528 | + left: 0; | |
| 529 | + width: 100%; | |
| 530 | + height: 100%; | |
| 531 | + background-color: rgba(0, 0, 0, 0.5); | |
| 532 | + z-index: 999; | |
| 533 | +} | |
| 534 | + | |
| 535 | +.vizualizer-renew-notice-popup { | |
| 536 | + display: none; | |
| 537 | + position: fixed; | |
| 538 | + top: 50%; | |
| 539 | + left: 50%; | |
| 540 | + transform: translate(-50%, -50%); | |
| 541 | + background-color: #fff; | |
| 542 | + z-index: 1000; | |
| 543 | + padding: 20px; | |
| 544 | + border: 1px solid #ccc; | |
| 545 | + border-radius: 8px; | |
| 546 | + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); | |
| 547 | + max-width: 400px; | |
| 548 | + font-weight: bold; | |
| 549 | + margin-bottom: 20px; | |
| 550 | +} | |
| 551 | + | |
| 552 | +.vizualizer-renew-notice-heading { | |
| 553 | + color: #d32f2f; | |
| 554 | + text-align: left; | |
| 555 | + margin-bottom: 10px; | |
| 556 | +} | |
| 557 | + | |
| 558 | +.vizualizer-renew-notice-message { | |
| 559 | + word-wrap: break-word; | |
| 560 | + width: 250px; | |
| 561 | +} | |
| 562 | + | |
| 563 | +.vizualizer-renew-notice-buttons-container { | |
| 564 | + display: grid; | |
| 565 | + grid-template-columns: 1fr; | |
| 566 | + gap: 10px; | |
| 567 | + text-align: center; | |
| 568 | + margin-top: 20px; | |
| 569 | +} | |
| 570 | + | |
| 571 | +.vizualizer-renew-notice-button { | |
| 572 | + padding: 10px 20px; | |
| 573 | + cursor: pointer; | |
| 574 | + color: white; | |
| 575 | + border: none; | |
| 576 | + text-align: center; | |
| 577 | + text-decoration: none; | |
| 578 | + display: inline-block; | |
| 579 | + font-size: 16px; | |
| 580 | + width: 200px; | |
| 581 | + height: 50px; | |
| 582 | + border-radius: 4px; | |
| 583 | + transition: background-color 0.3s; | |
| 584 | + font-weight: bold; | |
| 585 | + margin-top: 10px; | |
| 586 | +} | |
| 587 | + | |
| 588 | +.vizualizer-renew-notice-renew-button { | |
| 589 | + background-color: #008CBA; | |
| 590 | +} | |
| 591 | + | |
| 592 | +.vizualizer-renew-notice-activate-button { | |
| 593 | + background-color: #4CAF50; | |
| 594 | +} | |
| 595 | + | |
| 596 | +.vizualizer-renew-notice-close-icon { | |
| 597 | + position: absolute; | |
| 598 | + top: -10px; | |
| 599 | + right: -70px; | |
| 600 | + cursor: pointer; | |
| 601 | + color: #333; | |
| 602 | + background: none; | |
| 603 | + border: none; | |
| 604 | + padding: 0; | |
| 605 | + outline: none; | |
| 606 | + /* Reset button styles */ | |
| 607 | + display: inline-block; | |
| 608 | + font: inherit; | |
| 609 | + text-align: inherit; | |
| 610 | + text-decoration: none; | |
| 520 | 611 | } |
