| @@ -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; |
| @@ -218,9 +218,8 @@ | ||
| 218 | 218 | font-size: 15px; |
| 219 | 219 | font-style: normal; |
| 220 | 220 | display: block; |
| 221 | 221 | line-height: normal; |
| 222 | - width: -moz-fit-content; | |
| 223 | 222 | width: fit-content; |
| 224 | 223 | margin-bottom: 5px; |
| 225 | 224 | border: 1px solid #dbe9fe; |
| 226 | 225 | box-shadow: 0px 0px 7px -6px #000; |
| @@ -239,11 +238,11 @@ | ||
| 239 | 238 | font-size: 15px; |
| 240 | 239 | font-style: normal; |
| 241 | 240 | font-weight: 600; |
| 242 | 241 | line-height: normal; |
| 243 | - width: -moz-fit-content; | |
| 244 | 242 | width: fit-content; |
| 245 | 243 | -webkit-user-select: none; |
| 244 | + -khtml-user-select: none; | |
| 246 | 245 | -moz-user-select: none; |
| 247 | 246 | -o-user-select: none; |
| 248 | 247 | user-select: none; |
| 249 | 248 | } |
| @@ -752,22 +751,25 @@ | ||
| 752 | 751 | left: 30px !important; |
| 753 | 752 | } |
| 754 | 753 | |
| 755 | 754 | #berqwp-intro { |
| 756 | - background-color: #f7faff; | |
| 755 | + background-color: transparent; | |
| 757 | 756 | border-radius: 20px; |
| 758 | - border: 1px solid #e6e6e6; | |
| 759 | 757 | display: flex; |
| 760 | 758 | flex-direction: column; |
| 761 | 759 | justify-content: center; |
| 762 | 760 | align-items: center; |
| 763 | - -webkit-font-smoothing: antialiased; | |
| 764 | 761 | padding: 70px 20px; |
| 765 | 762 | padding-bottom: 100px; |
| 766 | 763 | max-width: 800px; |
| 767 | 764 | margin: 0 auto; |
| 768 | - box-shadow: 0px 3px 5px 0px rgba(83, 113, 167, 0.05); | |
| 765 | + padding-bottom: 30px; | |
| 766 | + margin-top: 50px; | |
| 769 | 767 | } |
| 768 | +#berqwp-intro img.logo { | |
| 769 | + width: 140px; | |
| 770 | + margin-bottom: 30px; | |
| 771 | +} | |
| 770 | 772 | #berqwp-intro h2.title { |
| 771 | 773 | font-size: 35px; |
| 772 | 774 | text-align: center; |
| 773 | 775 | color: #222222; |
| @@ -786,9 +788,9 @@ | ||
| 786 | 788 | } |
| 787 | 789 | #berqwp-intro .inner input[type=email], |
| 788 | 790 | #berqwp-intro .inner input[type=password] { |
| 789 | 791 | background-color: #fff; |
| 790 | - padding: 10px 13px; | |
| 792 | + padding: 11px 15px; | |
| 791 | 793 | border: 1px solid #dad2ff; |
| 792 | 794 | border-radius: 8px; |
| 793 | 795 | font-size: 14px; |
| 794 | 796 | line-height: 1; |
| @@ -794,12 +796,11 @@ | ||
| 794 | 796 | line-height: 1; |
| 795 | 797 | } |
| 796 | 798 | #berqwp-intro .inner button[type=submit] { |
| 797 | 799 | background-color: #1f71ff; |
| 798 | - padding: 10px 13px; | |
| 800 | + padding: 12px 16px; | |
| 799 | 801 | border: 1px solid #1f71ff; |
| 800 | 802 | border-radius: 8px; |
| 801 | - font-weight: 500; | |
| 802 | 803 | font-size: 14px; |
| 803 | 804 | cursor: pointer; |
| 804 | 805 | color: #fff; |
| 805 | 806 | line-height: 1; |
| @@ -867,11 +868,8 @@ | ||
| 867 | 868 | background: #fff; |
| 868 | 869 | border: 1px solid #d7d7d7; |
| 869 | 870 | width: 280px; |
| 870 | 871 | } |
| 871 | -#berqwp-intro form.license-verification input[type=password]::-moz-placeholder { | |
| 872 | - color: #928e8e; | |
| 873 | -} | |
| 874 | 872 | #berqwp-intro form.license-verification input[type=password]::placeholder { |
| 875 | 873 | color: #928e8e; |
| 876 | 874 | } |
| 877 | 875 | #berqwp-intro form.license-verification input[type=submit] { |
| @@ -899,25 +897,32 @@ | ||
| 899 | 897 | display: flex; |
| 900 | 898 | gap: 10px; |
| 901 | 899 | justify-content: center; |
| 902 | 900 | align-items: center; |
| 903 | - margin-top: 60px; | |
| 901 | + margin-top: 30px; | |
| 904 | 902 | } |
| 905 | 903 | #berqwp-intro .cta-btns a.btn { |
| 906 | 904 | background: #1f71ff; |
| 907 | - border-radius: 6px; | |
| 905 | + border-radius: 9px; | |
| 908 | 906 | display: flex; |
| 909 | 907 | align-items: center; |
| 910 | - gap: 10px; | |
| 908 | + gap: 4px; | |
| 911 | 909 | color: #fff; |
| 912 | - padding: 15px 30px; | |
| 913 | - font-size: 18px; | |
| 910 | + padding: 12px 20px; | |
| 911 | + padding-left: 17px; | |
| 912 | + font-size: 15px; | |
| 914 | 913 | text-decoration: none; |
| 915 | 914 | } |
| 916 | 915 | #berqwp-intro .cta-btns a.btn:hover { |
| 917 | 916 | background-color: #2067e3; |
| 918 | 917 | } |
| 919 | - | |
| 918 | +#berqwp-intro .cta-btns a.btn.secondary { | |
| 919 | + background: #fff; | |
| 920 | + color: #222; | |
| 921 | + border: 1px solid #dad2ff; | |
| 922 | + padding: 11px 19px; | |
| 923 | + padding-left: 17px; | |
| 924 | +} | |
| 920 | 925 | p.below-settings-panel { |
| 921 | 926 | text-align: center; |
| 922 | 927 | font-size: 16px; |
| 923 | 928 | color: #465774; |
| @@ -1031,9 +1036,8 @@ | ||
| 1031 | 1036 | color: #fff; |
| 1032 | 1037 | font-size: 14px; |
| 1033 | 1038 | border-radius: 50px; |
| 1034 | 1039 | line-height: 1; |
| 1035 | - width: -moz-fit-content; | |
| 1036 | 1040 | width: fit-content; |
| 1037 | 1041 | white-space: nowrap; |
| 1038 | 1042 | } |
| 1039 | 1043 | span.bwp-cache-tag.part-completed { |
| @@ -1076,9 +1080,8 @@ | ||
| 1076 | 1080 | } |
| 1077 | 1081 | |
| 1078 | 1082 | .berqwp-cf-connected { |
| 1079 | 1083 | background-color: #c4ffc4; |
| 1080 | - width: -moz-fit-content; | |
| 1081 | 1084 | width: fit-content; |
| 1082 | 1085 | padding: 10px 20px; |
| 1083 | 1086 | margin-top: 15px; |
| 1084 | 1087 | border-radius: 10px; |
| @@ -1233,16 +1236,18 @@ | ||
| 1233 | 1236 | justify-content: center; |
| 1234 | 1237 | align-content: center; |
| 1235 | 1238 | background-color: #1f71ff; |
| 1236 | 1239 | color: #fff; |
| 1237 | - padding: 8px 16px; | |
| 1238 | - border-radius: 8px !important; | |
| 1239 | - outline: none !important; | |
| 1240 | + padding: 10px 16px; | |
| 1241 | + border-radius: 8px; | |
| 1240 | 1242 | gap: 6px; |
| 1241 | 1243 | transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s all; |
| 1242 | 1244 | text-decoration: none !important; |
| 1243 | 1245 | border: 1px solid transparent; |
| 1244 | 1246 | } |
| 1247 | +.bwp-action-btn .icon { | |
| 1248 | + display: flex; | |
| 1249 | +} | |
| 1245 | 1250 | .bwp-action-btn.light { |
| 1246 | 1251 | background-color: #fff; |
| 1247 | 1252 | color: #0c2d66; |
| 1248 | 1253 | border: 1px solid #d4dff2; |
| @@ -1255,19 +1260,14 @@ | ||
| 1255 | 1260 | .bwp-action-btn svg { |
| 1256 | 1261 | width: 15px; |
| 1257 | 1262 | height: auto; |
| 1258 | 1263 | } |
| 1259 | - | |
| 1260 | -a.bwp-action-btn.light.bwp-upgrade-btn { | |
| 1261 | - background: linear-gradient(315deg, #1f72ff, #6f13ff); | |
| 1262 | - color: #fff; | |
| 1263 | - padding: 10px 16px; | |
| 1264 | +.bwp-action-btn.bwp-upgrade-btn { | |
| 1265 | + background: #4d1fff; | |
| 1266 | + color: #fff; | |
| 1267 | + border-color: #4d1fff; | |
| 1264 | 1268 | } |
| 1265 | 1269 | |
| 1266 | -.bwp-action-btn .icon { | |
| 1267 | - display: flex; | |
| 1268 | -} | |
| 1269 | - | |
| 1270 | 1270 | .berq-triple-boxes { |
| 1271 | 1271 | display: grid; |
| 1272 | 1272 | grid-template-columns: 1fr 1fr 1fr; |
| 1273 | 1273 | gap: 16px; |
| @@ -1392,9 +1392,9 @@ | ||
| 1392 | 1392 | margin-top: 20px; |
| 1393 | 1393 | } |
| 1394 | 1394 | |
| 1395 | 1395 | .berq-box-title.cloud-exclusive::after { |
| 1396 | - content: "Cloud exclusive"; | |
| 1396 | + content: "Premium"; | |
| 1397 | 1397 | font-weight: normal; |
| 1398 | 1398 | font-size: 12px; |
| 1399 | 1399 | margin-left: 10px; |
| 1400 | 1400 | background: #2aad2a; |
| @@ -1403,5 +1403,88 @@ | ||
| 1403 | 1403 | border-radius: 20px; |
| 1404 | 1404 | margin-top: 0px !important; |
| 1405 | 1405 | display: inline-block; |
| 1406 | 1406 | position: absolute; |
| 1407 | -}/*# sourceMappingURL=style.css.map */ | |
| 1407 | +} | |
| 1408 | + | |
| 1409 | +.berqwp-continue-free { | |
| 1410 | + text-align: center; | |
| 1411 | + font-size: 15px; | |
| 1412 | + margin-top: 80px; | |
| 1413 | + align-self: end; | |
| 1414 | +} | |
| 1415 | +.berqwp-continue-free a { | |
| 1416 | + color: #acbbd5; | |
| 1417 | + text-decoration: none; | |
| 1418 | +} | |
| 1419 | + | |
| 1420 | +.berqwp-db-actions { | |
| 1421 | + margin-top: 16px; | |
| 1422 | + display: flex; | |
| 1423 | + flex-direction: column; | |
| 1424 | + gap: 10px; | |
| 1425 | +} | |
| 1426 | + | |
| 1427 | +.berqwp-db-action { | |
| 1428 | + display: flex; | |
| 1429 | + align-items: center; | |
| 1430 | + justify-content: space-between; | |
| 1431 | + gap: 15px; | |
| 1432 | + flex-wrap: wrap; | |
| 1433 | + padding: 14px 18px; | |
| 1434 | + border: 1px solid #e0e9fa; | |
| 1435 | + border-radius: 8px; | |
| 1436 | + background: #f8fafd; | |
| 1437 | +} | |
| 1438 | +.berqwp-db-action span { | |
| 1439 | + color: #0c2d66; | |
| 1440 | + font-size: 15px; | |
| 1441 | + font-weight: 500; | |
| 1442 | +} | |
| 1443 | +.berqwp-db-action a.berq-btn { | |
| 1444 | + margin-bottom: 0; | |
| 1445 | + flex-shrink: 0; | |
| 1446 | +} | |
| 1447 | +.berqwp-db-action a.berq-btn.disabled { | |
| 1448 | + opacity: 0.6; | |
| 1449 | + pointer-events: none; | |
| 1450 | +} | |
| 1451 | + | |
| 1452 | +input.berqwp-inline-number { | |
| 1453 | + width: 60px; | |
| 1454 | + padding: 4px 8px; | |
| 1455 | + margin: 0 4px; | |
| 1456 | + border: 1px solid #dbe9fe; | |
| 1457 | + border-radius: 5px; | |
| 1458 | + color: #0c2d66; | |
| 1459 | + font-size: 14px; | |
| 1460 | +} | |
| 1461 | + | |
| 1462 | +.berqwp-db-scheduled-tasks { | |
| 1463 | + margin-top: 12px; | |
| 1464 | + display: grid; | |
| 1465 | + grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); | |
| 1466 | + gap: 4px 20px; | |
| 1467 | +} | |
| 1468 | +.berqwp-db-scheduled-tasks label.berq-check { | |
| 1469 | + margin-top: 0; | |
| 1470 | +} | |
| 1471 | + | |
| 1472 | +.berqwp-heartbeat-interval { | |
| 1473 | + margin-top: 16px; | |
| 1474 | +} | |
| 1475 | +.berqwp-heartbeat-interval label { | |
| 1476 | + display: flex; | |
| 1477 | + align-items: center; | |
| 1478 | + gap: 10px; | |
| 1479 | + color: #0c2d66; | |
| 1480 | + font-size: 14px; | |
| 1481 | +} | |
| 1482 | +.berqwp-heartbeat-interval input[type=number] { | |
| 1483 | + width: 80px; | |
| 1484 | + padding: 6px 10px; | |
| 1485 | + border: 1px solid #dbe9fe; | |
| 1486 | + border-radius: 5px; | |
| 1487 | + color: #0c2d66; | |
| 1488 | +} | |
| 1489 | + | |
| 1490 | +/*# sourceMappingURL=style.css.map */ | |
