| @@ -1,6 +1,6 @@ | ||
| 1 | 1 | body { |
| 2 | - background-color: #f7faff !important; | |
| 2 | + background-color: #fff !important; | |
| 3 | 3 | } |
| 4 | 4 | |
| 5 | 5 | .berqwp-dashbaord { |
| 6 | 6 | font-family: "Lato", sans-serif !important; |
| @@ -752,22 +752,25 @@ | ||
| 752 | 752 | left: 30px !important; |
| 753 | 753 | } |
| 754 | 754 | |
| 755 | 755 | #berqwp-intro { |
| 756 | - background-color: #f7faff; | |
| 756 | + background-color: transparent; | |
| 757 | 757 | border-radius: 20px; |
| 758 | - border: 1px solid #e6e6e6; | |
| 759 | 758 | display: flex; |
| 760 | 759 | flex-direction: column; |
| 761 | 760 | justify-content: center; |
| 762 | 761 | align-items: center; |
| 763 | - -webkit-font-smoothing: antialiased; | |
| 764 | 762 | padding: 70px 20px; |
| 765 | 763 | padding-bottom: 100px; |
| 766 | 764 | max-width: 800px; |
| 767 | 765 | margin: 0 auto; |
| 768 | - box-shadow: 0px 3px 5px 0px rgba(83, 113, 167, 0.05); | |
| 766 | + padding-bottom: 30px; | |
| 767 | + margin-top: 50px; | |
| 769 | 768 | } |
| 769 | +#berqwp-intro img.logo { | |
| 770 | + width: 140px; | |
| 771 | + margin-bottom: 30px; | |
| 772 | +} | |
| 770 | 773 | #berqwp-intro h2.title { |
| 771 | 774 | font-size: 35px; |
| 772 | 775 | text-align: center; |
| 773 | 776 | color: #222222; |
| @@ -797,9 +800,8 @@ | ||
| 797 | 800 | background-color: #1f71ff; |
| 798 | 801 | padding: 10px 13px; |
| 799 | 802 | border: 1px solid #1f71ff; |
| 800 | 803 | border-radius: 8px; |
| 801 | - font-weight: 500; | |
| 802 | 804 | font-size: 14px; |
| 803 | 805 | cursor: pointer; |
| 804 | 806 | color: #fff; |
| 805 | 807 | line-height: 1; |
| @@ -899,24 +901,31 @@ | ||
| 899 | 901 | display: flex; |
| 900 | 902 | gap: 10px; |
| 901 | 903 | justify-content: center; |
| 902 | 904 | align-items: center; |
| 903 | - margin-top: 60px; | |
| 905 | + margin-top: 30px; | |
| 904 | 906 | } |
| 905 | 907 | #berqwp-intro .cta-btns a.btn { |
| 906 | 908 | background: #1f71ff; |
| 907 | - border-radius: 6px; | |
| 909 | + border-radius: 9px; | |
| 908 | 910 | display: flex; |
| 909 | 911 | align-items: center; |
| 910 | - gap: 10px; | |
| 912 | + gap: 7px; | |
| 911 | 913 | color: #fff; |
| 912 | - padding: 15px 30px; | |
| 913 | - font-size: 18px; | |
| 914 | + padding: 12px 20px; | |
| 915 | + font-size: 15px; | |
| 914 | 916 | text-decoration: none; |
| 915 | 917 | } |
| 916 | 918 | #berqwp-intro .cta-btns a.btn:hover { |
| 917 | 919 | background-color: #2067e3; |
| 918 | 920 | } |
| 921 | +#berqwp-intro .cta-btns a.btn.secondary { | |
| 922 | + background: #edeef1; | |
| 923 | + color: #222; | |
| 924 | +} | |
| 925 | +#berqwp-intro .cta-btns a.btn.secondary:hover { | |
| 926 | + background-color: #e0e1e5; | |
| 927 | +} | |
| 919 | 928 | |
| 920 | 929 | p.below-settings-panel { |
| 921 | 930 | text-align: center; |
| 922 | 931 | font-size: 16px; |
| @@ -1233,9 +1242,9 @@ | ||
| 1233 | 1242 | justify-content: center; |
| 1234 | 1243 | align-content: center; |
| 1235 | 1244 | background-color: #1f71ff; |
| 1236 | 1245 | color: #fff; |
| 1237 | - padding: 8px 16px; | |
| 1246 | + padding: 10px 16px; | |
| 1238 | 1247 | border-radius: 8px; |
| 1239 | 1248 | gap: 6px; |
| 1240 | 1249 | transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s all; |
| 1241 | 1250 | text-decoration: none !important; |
| @@ -1240,8 +1249,11 @@ | ||
| 1240 | 1249 | transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s all; |
| 1241 | 1250 | text-decoration: none !important; |
| 1242 | 1251 | border: 1px solid transparent; |
| 1243 | 1252 | } |
| 1253 | +.bwp-action-btn .icon { | |
| 1254 | + display: flex; | |
| 1255 | +} | |
| 1244 | 1256 | .bwp-action-btn.light { |
| 1245 | 1257 | background-color: #fff; |
| 1246 | 1258 | color: #0c2d66; |
| 1247 | 1259 | border: 1px solid #d4dff2; |
| @@ -1254,8 +1266,13 @@ | ||
| 1254 | 1266 | .bwp-action-btn svg { |
| 1255 | 1267 | width: 15px; |
| 1256 | 1268 | height: auto; |
| 1257 | 1269 | } |
| 1270 | +.bwp-action-btn.bwp-upgrade-btn { | |
| 1271 | + background: #4d1fff; | |
| 1272 | + color: #fff; | |
| 1273 | + border-color: #4d1fff; | |
| 1274 | +} | |
| 1258 | 1275 | |
| 1259 | 1276 | .berq-triple-boxes { |
| 1260 | 1277 | display: grid; |
| 1261 | 1278 | grid-template-columns: 1fr 1fr 1fr; |
| @@ -1381,9 +1398,9 @@ | ||
| 1381 | 1398 | margin-top: 20px; |
| 1382 | 1399 | } |
| 1383 | 1400 | |
| 1384 | 1401 | .berq-box-title.cloud-exclusive::after { |
| 1385 | - content: "Cloud exclusive"; | |
| 1402 | + content: "Premium"; | |
| 1386 | 1403 | font-weight: normal; |
| 1387 | 1404 | font-size: 12px; |
| 1388 | 1405 | margin-left: 10px; |
| 1389 | 1406 | background: #2aad2a; |
| @@ -1392,5 +1409,86 @@ | ||
| 1392 | 1409 | border-radius: 20px; |
| 1393 | 1410 | margin-top: 0px !important; |
| 1394 | 1411 | display: inline-block; |
| 1395 | 1412 | position: absolute; |
| 1413 | +} | |
| 1414 | + | |
| 1415 | +.berqwp-continue-free { | |
| 1416 | + text-align: center; | |
| 1417 | + font-size: 15px; | |
| 1418 | + margin-top: 80px; | |
| 1419 | + align-self: end; | |
| 1420 | +} | |
| 1421 | +.berqwp-continue-free a { | |
| 1422 | + color: #acbbd5; | |
| 1423 | + text-decoration: none; | |
| 1424 | +} | |
| 1425 | + | |
| 1426 | +.berqwp-db-actions { | |
| 1427 | + margin-top: 16px; | |
| 1428 | + display: flex; | |
| 1429 | + flex-direction: column; | |
| 1430 | + gap: 10px; | |
| 1431 | +} | |
| 1432 | + | |
| 1433 | +.berqwp-db-action { | |
| 1434 | + display: flex; | |
| 1435 | + align-items: center; | |
| 1436 | + justify-content: space-between; | |
| 1437 | + gap: 15px; | |
| 1438 | + flex-wrap: wrap; | |
| 1439 | + padding: 14px 18px; | |
| 1440 | + border: 1px solid #e0e9fa; | |
| 1441 | + border-radius: 8px; | |
| 1442 | + background: #f8fafd; | |
| 1443 | +} | |
| 1444 | +.berqwp-db-action span { | |
| 1445 | + color: #0c2d66; | |
| 1446 | + font-size: 15px; | |
| 1447 | + font-weight: 500; | |
| 1448 | +} | |
| 1449 | +.berqwp-db-action a.berq-btn { | |
| 1450 | + margin-bottom: 0; | |
| 1451 | + flex-shrink: 0; | |
| 1452 | +} | |
| 1453 | +.berqwp-db-action a.berq-btn.disabled { | |
| 1454 | + opacity: 0.6; | |
| 1455 | + pointer-events: none; | |
| 1456 | +} | |
| 1457 | + | |
| 1458 | +input.berqwp-inline-number { | |
| 1459 | + width: 60px; | |
| 1460 | + padding: 4px 8px; | |
| 1461 | + margin: 0 4px; | |
| 1462 | + border: 1px solid #dbe9fe; | |
| 1463 | + border-radius: 5px; | |
| 1464 | + color: #0c2d66; | |
| 1465 | + font-size: 14px; | |
| 1466 | +} | |
| 1467 | + | |
| 1468 | +.berqwp-db-scheduled-tasks { | |
| 1469 | + margin-top: 12px; | |
| 1470 | + display: grid; | |
| 1471 | + grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); | |
| 1472 | + gap: 4px 20px; | |
| 1473 | +} | |
| 1474 | +.berqwp-db-scheduled-tasks label.berq-check { | |
| 1475 | + margin-top: 0; | |
| 1476 | +} | |
| 1477 | + | |
| 1478 | +.berqwp-heartbeat-interval { | |
| 1479 | + margin-top: 16px; | |
| 1480 | +} | |
| 1481 | +.berqwp-heartbeat-interval label { | |
| 1482 | + display: flex; | |
| 1483 | + align-items: center; | |
| 1484 | + gap: 10px; | |
| 1485 | + color: #0c2d66; | |
| 1486 | + font-size: 14px; | |
| 1487 | +} | |
| 1488 | +.berqwp-heartbeat-interval input[type=number] { | |
| 1489 | + width: 80px; | |
| 1490 | + padding: 6px 10px; | |
| 1491 | + border: 1px solid #dbe9fe; | |
| 1492 | + border-radius: 5px; | |
| 1493 | + color: #0c2d66; | |
| 1396 | 1494 | }/*# sourceMappingURL=style.css.map */ |
