diff --git a/README.md b/README.md index 582c5038..ae606a3c 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,8 @@ +

- Angor + Angor

+

Bitcoin Crowdfunding Platform

diff --git a/package.json b/package.json index 26f945e9..ae8d76bd 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "angor", - "version": "0.0.59", + "version": "0.0.63", "license": "MIT", "scripts": { "version": "node -p \"require('./package.json').version\"", diff --git a/src/Angor.Test/Angor.Test.csproj b/src/Angor.Test/Angor.Test.csproj index 6da49efa..17a933e7 100644 --- a/src/Angor.Test/Angor.Test.csproj +++ b/src/Angor.Test/Angor.Test.csproj @@ -19,11 +19,11 @@ - + - + - + diff --git a/src/Angor/Client/Angor.Client.csproj b/src/Angor/Client/Angor.Client.csproj index 7a06ccd2..08d6413b 100644 --- a/src/Angor/Client/Angor.Client.csproj +++ b/src/Angor/Client/Angor.Client.csproj @@ -11,11 +11,12 @@ - - + + + diff --git a/src/Angor/Client/Components/BalanceDisplay.razor b/src/Angor/Client/Components/BalanceDisplay.razor new file mode 100644 index 00000000..e77b4998 --- /dev/null +++ b/src/Angor/Client/Components/BalanceDisplay.razor @@ -0,0 +1,42 @@ +@using Angor.Shared +@using Blockcore.Networks +@inject INetworkConfiguration NetworkConfiguration + + +
+ + @BtcBalance @_network.CoinTicker + + @if (ShowFiatInline && PreferredCurrency != "BTC" && !string.IsNullOrEmpty(BtcBalanceInFiat)) + { +
@BtcBalanceInFiat
+ } +
+ +@code { + [Parameter] + public decimal BtcBalance { get; set; } + + [Parameter] + public string BtcBalanceInFiat { get; set; } + + [Parameter] + public string PreferredCurrency { get; set; } + + [Parameter] + public bool ShowFiatInline { get; set; } = false; + + private Network _network; + + protected override void OnInitialized() + { + _network = NetworkConfiguration.GetNetwork(); + base.OnInitialized(); + } + + private string GetTooltip() => + PreferredCurrency != "BTC" && !string.IsNullOrEmpty(BtcBalanceInFiat) && !ShowFiatInline + ? $"Equivalent: {BtcBalanceInFiat}" + : string.Empty; +} + diff --git a/src/Angor/Client/Components/FounderProjectItem.razor b/src/Angor/Client/Components/FounderProjectItem.razor index 57360b1a..4305146b 100644 --- a/src/Angor/Client/Components/FounderProjectItem.razor +++ b/src/Angor/Client/Components/FounderProjectItem.razor @@ -57,7 +57,7 @@ @if (InvestmentRequests) {
- + diff --git a/src/Angor/Client/Components/Icon.razor b/src/Angor/Client/Components/Icon.razor index 315f6ec3..547a628d 100644 --- a/src/Angor/Client/Components/Icon.razor +++ b/src/Angor/Client/Components/Icon.razor @@ -3,7 +3,7 @@ [Parameter] public string IconName { get; set; } [Parameter] public int Width { get; set; } = 32; [Parameter] public int Height { get; set; } = 32; - [Parameter] public string Color { get; set; } = "var(--bs-primary)"; + [Parameter] public string Color { get; set; } = "var(--angor-primary)"; private string svgContent; protected override async Task OnParametersSetAsync() diff --git a/src/Angor/Client/Pages/Browse.razor b/src/Angor/Client/Pages/Browse.razor index 900e35cc..4683095a 100644 --- a/src/Angor/Client/Pages/Browse.razor +++ b/src/Angor/Client/Pages/Browse.razor @@ -66,7 +66,7 @@
- + No projects found.
diff --git a/src/Angor/Client/Pages/Founder.razor b/src/Angor/Client/Pages/Founder.razor index 308e9aa4..87f5521e 100644 --- a/src/Angor/Client/Pages/Founder.razor +++ b/src/Angor/Client/Pages/Founder.razor @@ -53,7 +53,7 @@
- + No projects found.
diff --git a/src/Angor/Client/Pages/Index.razor b/src/Angor/Client/Pages/Index.razor index 525a5652..8d85748d 100644 --- a/src/Angor/Client/Pages/Index.razor +++ b/src/Angor/Client/Pages/Index.razor @@ -1,5 +1,4 @@ @page "/" - Angor
@@ -20,10 +19,8 @@
Welcome to Angor
-

Stay in control of your investments with Angor

+

Stay in control of your investments with Angor

- - diff --git a/src/Angor/Client/Pages/Invest.razor b/src/Angor/Client/Pages/Invest.razor index 4df12406..e41d0ea9 100644 --- a/src/Angor/Client/Pages/Invest.razor +++ b/src/Angor/Client/Pages/Invest.razor @@ -67,7 +67,7 @@
- + You already invested. @@ -84,7 +84,7 @@
- + You are the founder. @@ -101,7 +101,7 @@
- + The project was not found. @@ -180,7 +180,9 @@ @if (showCreateModal) { -
+ +
+
@@ -243,7 +245,7 @@
- +
} diff --git a/src/Angor/Client/Pages/Investor.razor b/src/Angor/Client/Pages/Investor.razor index d020d52d..5e447c58 100644 --- a/src/Angor/Client/Pages/Investor.razor +++ b/src/Angor/Client/Pages/Investor.razor @@ -135,80 +135,116 @@
+
+
+ @foreach (var project in projects) + { + Stats.TryGetValue(project.ProjectInfo.ProjectIdentifier, out var stats); + var nostrPubKey = project.ProjectInfo.NostrPubKey; + investmentRequestsMap.TryGetValue(nostrPubKey, out bool hasInvestmentRequests); + +
+ + + +
+
+ + + +
+
+ @project.Metadata?.Name +
+
+
+ +
+ Funding Target: + @project.ProjectInfo.TargetAmount @network.CoinTicker +
+ +
+ Raised: + @Money.Satoshis(stats?.AmountInvested ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker +
+ +
+ Raised (% Target): + @((stats?.AmountInvested ?? 0) * 100 / Money.Coins(project.ProjectInfo.TargetAmount).Satoshi) % +
+ +
+ Status: + @if (project.ProjectInfo.StartDate < DateTime.UtcNow) + { + Funding + } + else + { + Live + } +
+ +
+ My Investment: +
+ @if (!project.SignaturesInfo?.Signatures.Any() ?? false) + { + + + + + + } + @Money.Satoshis(project.AmountInvested ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker + +
+ +
+ +
+ Spent by Founder: + - +
+ +
+ Available to Founder: + - +
+ +
+ In Recovery: + @Money.Satoshis(project.AmountInRecovery ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker +
+ +
+ Founder Approval: + @if (hasInvestmentRequests) + { + Approved + } + else + { + Pending + } +
+
+ + View Project + +
+
+ + - -
-
- - - - - - - - - - - - - - - - - - @foreach (var project in projects) - { - Stats.TryGetValue(project.ProjectInfo.ProjectIdentifier, out var stats); - var nostrPubKey = project.ProjectInfo.NostrPubKey; - investmentRequestsMap.TryGetValue(nostrPubKey, out bool hasInvestmentRequests); - - - - - - - - - - - - - - } - -
NameFunding Target (@network.CoinTicker)Raised (@network.CoinTicker)Raised (% Target)Project StatusMy Investment (@network.CoinTicker)Spent by FounderAvailable to FounderIn RecoveryFounder Approval
- @project.Metadata?.Name - @project.ProjectInfo.TargetAmount @network.CoinTicker@Money.Satoshis(stats?.AmountInvested ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker@((stats?.AmountInvested ?? 0) * 100 / Money.Coins(project.ProjectInfo.TargetAmount).Satoshi) % - @if (project.ProjectInfo.StartDate < DateTime.UtcNow) - { - Funding - } - else - { - Live - } - - @Money.Satoshis(project.AmountInvested ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker - @if (!project.SignaturesInfo?.Signatures.Any() ?? false) - { - - } - --@Money.Satoshis(project.AmountInRecovery ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker - @if (hasInvestmentRequests) - { - Approved - } - else - { - Pending - } -
-
- + }
+ +
diff --git a/src/Angor/Client/Pages/Penalties.razor b/src/Angor/Client/Pages/Penalties.razor index 91d3ce31..403e92bd 100644 --- a/src/Angor/Client/Pages/Penalties.razor +++ b/src/Angor/Client/Pages/Penalties.razor @@ -55,7 +55,7 @@
- + No penalties found
diff --git a/src/Angor/Client/Pages/Recover.razor b/src/Angor/Client/Pages/Recover.razor index fb5ee256..feaf71d9 100644 --- a/src/Angor/Client/Pages/Recover.razor +++ b/src/Angor/Client/Pages/Recover.razor @@ -51,278 +51,283 @@
-
- - - -

- Transaction ID: @StageInfo.Trxid | - View on explorer -

- -

Total funds to recover = @StageInfo.TotalSpendable @network.CoinTicker

- - @if (trxNotFound) - { -

Transaction was not found it may still be confirming

- } +
- @if (firstTimeRefreshSpinner && refreshSpinner) - { -
-
-
- } - else - { -
-
- @if (!refreshSpinner) - { - @if (StageInfo.CanRelease) - { -

Total funds in penalty = @StageInfo.TotalInPenalty @network.CoinTicker

- } +
- @if (StageInfo.CanRecover && !StageInfo.EndOfProject) - { - - } - @if (StageInfo.CanRelease) - { - - } +

+ Transaction ID: @StageInfo.Trxid | + View on explorer +

- @if (StageInfo.EndOfProject && StageInfo.TotalSpendable > 0) - { - - } - } -
+

Total funds to recover = @StageInfo.TotalSpendable @network.CoinTicker

-
- + } + + @if (StageInfo.CanRelease) + { + + } + + @if (StageInfo.EndOfProject && StageInfo.TotalSpendable > 0) + { + + } } - -
-
- } - -
-
- - - - - - - - - - - @foreach (var item in StageInfo.Items) - { - - - - - - } - -
Stage AmountStatus
@(item.StageIndex + 1)@item.Amount @network.CoinTicker - @if (item.IsSpent) + + +
+
+ +
+
+ } - @if (showRecoveryModal) - { -
-
-
-
-
Recovery Confirmation
- -
-
+ @if (StageInfo.Items.Count() > 0) + { +
+ + + + + + + + + + @foreach (var item in StageInfo.Items) + { + + + + + + } + +
Stage AmountStatus
@(item.StageIndex + 1)@item.Amount @network.CoinTicker + @if (item.IsSpent) + { + @item.SpentTo + } + else + { + Not Spent + } +
+
+ + + } -

The number of stages to be recovered is @StageInfo.Items.Count(s => !s.IsSpent)

+ @if (showRecoveryModal) + { +
+
+
+
+
Recovery Confirmation
+ +
+
-

The amount to be recovered in to a penalty = @StageInfo.Items.Where(s=> !s.IsSpent).Sum(s=> s.Amount) @network.CoinTicker

+

The number of stages to be recovered is @StageInfo.Items.Count(s => !s.IsSpent)

-

The penalty duration is @project.ProjectInfo.PenaltyDays days

+

The amount to be recovered in to a penalty = @StageInfo.Items.Where(s => !s.IsSpent).Sum(s => s.Amount) @network.CoinTicker

-

Miner fee: @Money.Satoshis(recoveryTransaction?.TransactionFee ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker

+

The penalty duration is @project.ProjectInfo.PenaltyDays days

-
+

Miner fee: @Money.Satoshis(recoveryTransaction?.TransactionFee ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker

-
- - -
+
-
+
+ + +
-

Are you sure you want to recover these funds?

-
-
- - +
+ +

Are you sure you want to recover these funds?

+
+
+ + +
-
- } - - @if (showRecoveryReleaseModal) - { -
-
-
-
-
Release Recovery Confirmation
- -
-
+ } -

The amount to be released from the penalty = @Money.Satoshis(releaseRecoveryTransaction.Transaction.Outputs.Sum(s => s.Value)).ToUnit(MoneyUnit.BTC) @network.CoinTicker

+ @if (showRecoveryReleaseModal) + { +
+
+
+
+
Release Recovery Confirmation
+ +
+
-

Send to @releaseRecoveryTransaction.Transaction.Outputs[0].ScriptPubKey.GetDestinationAddress(_NetworkConfiguration.GetNetwork())

+

The amount to be released from the penalty = @Money.Satoshis(releaseRecoveryTransaction.Transaction.Outputs.Sum(s => s.Value)).ToUnit(MoneyUnit.BTC) @network.CoinTicker

-

Miner fee: @Money.Satoshis(releaseRecoveryTransaction?.TransactionFee ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker

+

Send to @releaseRecoveryTransaction.Transaction.Outputs[0].ScriptPubKey.GetDestinationAddress(_NetworkConfiguration.GetNetwork())

-
+

Miner fee: @Money.Satoshis(releaseRecoveryTransaction?.TransactionFee ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker

-
- - -
+
-
+
+ + +
-

Are you sure you want to release these funds from the penalty?

-
-
- - +
+ +

Are you sure you want to release these funds from the penalty?

+
+
+ + +
-
- } - - @if (showEndOfProjectModal) - { -
-
-
-
-
End Of project Confirmation
- -
-
+ } -

The amount to claim back after project ended = @Money.Satoshis(endOfProjectTransaction.Transaction.Outputs.Sum(s => s.Value)).ToUnit(MoneyUnit.BTC) @network.CoinTicker

+ @if (showEndOfProjectModal) + { +
+
+
+
+
End Of project Confirmation
+ +
+
-

Send to @endOfProjectTransaction.Transaction.Outputs[0].ScriptPubKey.GetDestinationAddress(_NetworkConfiguration.GetNetwork())

+

The amount to claim back after project ended = @Money.Satoshis(endOfProjectTransaction.Transaction.Outputs.Sum(s => s.Value)).ToUnit(MoneyUnit.BTC) @network.CoinTicker

-

Miner fee: @Money.Satoshis(endOfProjectTransaction?.TransactionFee ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker

+

Send to @endOfProjectTransaction.Transaction.Outputs[0].ScriptPubKey.GetDestinationAddress(_NetworkConfiguration.GetNetwork())

-
+

Miner fee: @Money.Satoshis(endOfProjectTransaction?.TransactionFee ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker

-
- - -
+
-
+
+ + +
-

Are you sure you want to claim these funds?

-
-
- - +
+ +

Are you sure you want to claim these funds?

+
+
+ + +
-
- } - + } +
@code { @@ -345,7 +350,7 @@ private bool PrepareEndOfProjectCoinsModalSpinner = false; private bool PrepareEndOfProjectCoinsConfirmSpinner = false; - private Transaction? investmentTransaction; + private Transaction? investmentTransaction; private Transaction? unsignedRecoveryTransaction; private TransactionInfo? recoveryTransaction; private TransactionInfo? releaseRecoveryTransaction; @@ -368,7 +373,7 @@ public bool CanRelease; public bool EndOfProject; - public List Items = new (); + public List Items = new(); } public class StageDataTrx @@ -382,7 +387,7 @@ public string SpentTo; public ProjectScriptType ProjectScriptType; - } + } protected override async Task OnInitializedAsync() { @@ -472,14 +477,14 @@ var output = trxInfo.Outputs.First(f => f.Index == stageIndex + 2); var insert = new StageDataTrx - { - OutputAddress = output.Address, - Outputindex = stageIndex + 2, - Amount = Money.Satoshis(output.Balance).ToUnit(MoneyUnit.BTC), - StageIndex = stageIndex, - IsSpent = false, + { + OutputAddress = output.Address, + Outputindex = stageIndex + 2, + Amount = Money.Satoshis(output.Balance).ToUnit(MoneyUnit.BTC), + StageIndex = stageIndex, + IsSpent = false, - }; + }; StageInfo.Items.Add(insert); @@ -607,7 +612,7 @@ unconfirmedInbound.AddRange(_WalletOperations.UpdateAccountUnconfirmedInfoWithSpentTransaction(accountInfo, transaction)); unconfirmedOutbound.AddRange(transaction.Inputs.Select(_ => new Outpoint(_.PrevOut.Hash.ToString(), (int)_.PrevOut.N))); - storage.SetAccountInfo(network.Name,accountInfo); + storage.SetAccountInfo(network.Name, accountInfo); _cacheStorage.SetUnconfirmedInboundFunds(unconfirmedInbound); _cacheStorage.SetUnconfirmedOutboundFunds(unconfirmedOutbound); } @@ -696,7 +701,7 @@ return; } - var words = await passwordComponent.GetWalletAsync(); + var words = await passwordComponent.GetWalletAsync(); feeData.SelectedFeeEstimation = feeData.FeeEstimations.Fees.OrderBy(fee => fee.Confirmations).ToList()[res - 1]; @@ -830,7 +835,7 @@ feeData.SelectedFeeEstimation = feeData.FeeEstimations.Fees.OrderBy(fee => fee.Confirmations).ToList()[res - 1]; var accountInfo = storage.GetAccountInfo(network.Name); - var words = await passwordComponent.GetWalletAsync(); + var words = await passwordComponent.GetWalletAsync(); var investorPrivateKey = _derivationOperations.DeriveInvestorPrivateKey(words, project.ProjectInfo.FounderKey); @@ -955,7 +960,7 @@ feeData.SelectedFeeEstimation = feeData.FeeEstimations.Fees.OrderBy(fee => fee.Confirmations).ToList()[res - 1]; var accountInfo = storage.GetAccountInfo(network.Name); - var words = await passwordComponent.GetWalletAsync(); + var words = await passwordComponent.GetWalletAsync(); var investorPrivateKey = _derivationOperations.DeriveInvestorPrivateKey(words, project.ProjectInfo.FounderKey); diff --git a/src/Angor/Client/Pages/Settings.razor b/src/Angor/Client/Pages/Settings.razor index 6f4362bc..27c09a2c 100644 --- a/src/Angor/Client/Pages/Settings.razor +++ b/src/Angor/Client/Pages/Settings.razor @@ -58,7 +58,7 @@
@if (showChangeNetworkModal) @@ -147,7 +147,7 @@
@@ -173,7 +173,7 @@
@@ -217,7 +217,7 @@ @@ -245,7 +245,7 @@
@@ -293,7 +293,7 @@ @@ -305,6 +305,41 @@
+@* Currency Display Settings *@ +
+
+
+
+ + + +
+
+ Currency Display +
+

+ Current: @selectedCurrency +

+
+
+
+ + +
+
+
+
+ + @* Wipe Storage *@
@@ -324,7 +359,7 @@
@if (showWipeallModal) { @@ -392,6 +427,8 @@ private bool confirmWipe = false; private bool showConfirmWipeMessage = false; private string selectedNetwork = "testnet"; // Default to "testnet" + + private string selectedCurrency = "BTC"; // Default to BTC private SettingsInfo settingsInfo; @@ -404,10 +441,12 @@ networkType = _networkConfiguration.GetNetwork().Name; _networkService.OnStatusChanged += UpdateUI; + + selectedCurrency = _clientStorage.GetCurrencyDisplaySetting(); if (!networkType.ToLower().Contains("test")) selectedNetwork = "mainnet"; - + return base.OnInitializedAsync(); } @@ -650,4 +689,11 @@ NavMenuState.NotifyStateChanged(); } + + private void OnCurrencyChanged(ChangeEventArgs e) + { + selectedCurrency = e.Value.ToString(); + _clientStorage.SetCurrencyDisplaySetting(selectedCurrency); + StateHasChanged(); + } } \ No newline at end of file diff --git a/src/Angor/Client/Pages/Signatures.razor b/src/Angor/Client/Pages/Signatures.razor index d94e7b0a..373fc319 100644 --- a/src/Angor/Client/Pages/Signatures.razor +++ b/src/Angor/Client/Pages/Signatures.razor @@ -59,7 +59,7 @@
- + No pending signatures yet...
diff --git a/src/Angor/Client/Pages/Spend.razor b/src/Angor/Client/Pages/Spend.razor index 5e240dc2..96049845 100644 --- a/src/Angor/Client/Pages/Spend.razor +++ b/src/Angor/Client/Pages/Spend.razor @@ -112,7 +112,7 @@

Estimated completion time: @stage.Stage.ReleaseDate.ToString("dd/MM/yyyy")

- diff --git a/src/Angor/Client/Pages/View.razor b/src/Angor/Client/Pages/View.razor index 51a0775b..5b68b853 100644 --- a/src/Angor/Client/Pages/View.razor +++ b/src/Angor/Client/Pages/View.razor @@ -41,7 +41,7 @@
- + @error
@@ -643,7 +643,7 @@ if (!string.IsNullOrEmpty(pubkey)) { - var url = $"https://browse.angor.io/projects/{pubkey}"; + var url = $"https://hub.angor.io/profile/{pubkey}"; await Js.InvokeVoidAsync("window.open", url, "_blank"); } diff --git a/src/Angor/Client/Pages/Wallet.razor b/src/Angor/Client/Pages/Wallet.razor index 354e7ed4..0075b263 100644 --- a/src/Angor/Client/Pages/Wallet.razor +++ b/src/Angor/Client/Pages/Wallet.razor @@ -1,13 +1,11 @@ @page "/wallet" -@using Blockcore.NBitcoin -@using Angor.Shared -@using Angor.Client.Services + +@using System.Text.Json @using Angor.Client.Storage +@using Angor.Shared @using Angor.Shared.Models -@using Angor.Shared.Services -@using Angor.Client.Components +@using Blockcore.NBitcoin @using Blockcore.Networks -@using System.Text.Json @inject HttpClient _httpClient; @inject IClientStorage storage; @@ -16,23 +14,22 @@ @inject ILogger Logger; @inject IWalletOperations _walletOperations @inject IClipboardService _clipboardService +@inject ICurrencyService _currencyService @inject IDerivationOperations _derivationOperations @inject NavMenuState NavMenuState @inject IEncryptionService _encryptionService @inject IClipboardService ClipboardService - - @inherits BaseComponent Wallet and balances - - + +
- +
@@ -57,13 +54,12 @@ @if (!hasWallet) { -
- + No Wallet Found
@@ -75,7 +71,7 @@
Create Wallet
@@ -85,7 +81,7 @@
Recover Wallet
@@ -103,7 +99,7 @@
@createWalletTitle
- +
@@ -116,15 +112,13 @@ } else { - - @if (isNewWallet) {
- }
@@ -216,22 +210,22 @@ else
- + -
-
- @* Balance *@ -
- @Money.Satoshis(accountBalanceInfo.TotalBalance).ToUnit(MoneyUnit.BTC) @network.CoinTicker - +
+
+
- @if (network.NetworkType != NetworkType.Mainnet && accountBalanceInfo.TotalUnconfirmedBalance <= 0 & accountBalanceInfo.TotalBalance <= 0) + @if (network.NetworkType != NetworkType.Mainnet && (accountBalanceInfo.TotalUnconfirmedBalance <= 0) & (accountBalanceInfo.TotalBalance <= 0)) {
-
@@ -502,13 +505,13 @@ else
Confirmation
- +
Are you sure you want to send @_sendInfo.SendAmount @network.CoinTicker to @_sendInfo.SendToAddress? -
+
The fee for this transaction will be @_sendInfo.SendFee @@ -523,7 +526,7 @@ else The change address is @_sendInfo.ChangeAddress -
+
The selected inputs: @@ -572,7 +575,7 @@ else
- +
@@ -590,8 +593,6 @@ else
- - }
@@ -613,79 +614,80 @@ else
- - - - - - + + + + + + - @foreach (var addressInfo in accountBalanceInfo.AccountInfo.AllAddresses()) - { - var total = addressInfo.Balance; - var count = addressInfo.UtxoData.Count(); + @foreach (var addressInfo in accountBalanceInfo.AccountInfo.AllAddresses()) + { + var total = addressInfo.Balance; + var count = addressInfo.UtxoData.Count(); - if (total > 0) + if (total > 0) + { + + + + + + + + @if (IsExpanded(addressInfo.Address)) { - - - - - - - @if (IsExpanded(addressInfo.Address)) - { - - + - - } + + + } } + }
AddressAmountPathUTXO count
AddressAmountPathUTXO count
@addressInfo.Address + @Money.Satoshis(total).ToUnit(MoneyUnit.BTC) @network.CoinTicker + @addressInfo.HdPath@count
@addressInfo.Address@Money.Satoshis(total).ToUnit(MoneyUnit.BTC) @network.CoinTicker@addressInfo.HdPath@count
-
-
- -
- - - - - - - - - @foreach (var addressUtxoItem in addressInfo.UtxoData) - { - - - - - } - -
CoinAmount
@($"{addressUtxoItem.outpoint}")@Money.Satoshis(addressUtxoItem.value).ToUnit(MoneyUnit.BTC) @network.CoinTicker
-
+
+
+
+ +
+ + + + + + + + + @foreach (var addressUtxoItem in addressInfo.UtxoData) + { + + + + + } + +
CoinAmount
@($"{addressUtxoItem.outpoint}")@Money.Satoshis(addressUtxoItem.value).ToUnit(MoneyUnit.BTC) @network.CoinTicker
-
- } - @code { - private bool balanceSpinner = false; - private bool createWalletSpinner = false; - private bool testCoinsSpinner = false; - private bool sendLoadSpinner = false; - private bool sendConfirmSpinner = false; + private bool balanceSpinner; + private bool createWalletSpinner; + private bool testCoinsSpinner; + private bool sendLoadSpinner; + private bool sendConfirmSpinner; private string? showWalletWords; private string? showWalletWordsPassphrase; @@ -698,7 +700,7 @@ else private string passwordInputType = "password"; private string passwordToggleText = "Show"; - private bool isNewWallet = false; + private bool isNewWallet; private string createWalletTitle = "Create Wallet"; private string createWalletDescription = "Generate a new wallet"; @@ -707,10 +709,10 @@ else private bool walletWordsModal; private bool walletWordsCreateModal; - private bool isShowExtraWord = false; + private bool isShowExtraWord; - private bool backupConfirmation = false; - private bool showBackupConfirmationError = false; + private bool backupConfirmation; + private bool showBackupConfirmationError; private int activeTab = 1; @@ -719,31 +721,31 @@ else private int FeePosition = 1; private SendInfo _sendInfo = new(); - private AccountBalanceInfo accountBalanceInfo = new AccountBalanceInfo(); + private readonly AccountBalanceInfo accountBalanceInfo = new(); - private FeeEstimations FeeEstimations = new(); + private readonly FeeEstimations FeeEstimations = new(); // Max index for the range input - private int FeeMin = 1; + private readonly int FeeMin = 1; private int _feeMax = 3; DateTime _lastFeeRefresh = DateTime.MinValue; ShowQrCode showQrCode; - Dictionary collapseStates = new Dictionary(); - + readonly Dictionary collapseStates = new(); + private string btcBalanceInUsd; + private readonly Dictionary fiatValues = new(); protected override async Task OnInitializedAsync() { - - if (hasWallet) { var accountInfo = storage.GetAccountInfo(network.Name); var unconfirmedInfo = _cacheStorage.GetUnconfirmedInboundFunds(); - accountBalanceInfo.UpdateAccountBalanceInfo(accountInfo, unconfirmedInfo); + btcBalanceInUsd = await GetBtcValueInPreferredCurrency(Money.Satoshis(accountBalanceInfo.TotalBalance).ToUnit(MoneyUnit.BTC)); + await PrecomputeFiatValues(); } await base.OnInitializedAsync(); @@ -768,7 +770,7 @@ else storage.SetAccountInfo(network.Name, accountInfo); // lets log the entire account class to see what has changed - Logger.LogInformation(System.Text.Json.JsonSerializer.Serialize(accountInfo, new JsonSerializerOptions { WriteIndented = true })); + Logger.LogInformation(JsonSerializer.Serialize(accountInfo, new JsonSerializerOptions { WriteIndented = true })); var utxos = accountInfo.AllUtxos() .Select(x => x.outpoint.ToString()).ToList(); @@ -835,6 +837,7 @@ else notificationComponent.ShowErrorMessage("New wallet password is null or empty"); return; } + if (!backupConfirmation) { showBackupConfirmationError = true; @@ -847,8 +850,7 @@ else try { - - WalletWords data = new WalletWords { Words = newWalletWords, Passphrase = newWalletWordsPassphrase }; + var data = new WalletWords { Words = newWalletWords, Passphrase = newWalletWordsPassphrase }; var accountInfo = _walletOperations.BuildAccountInfoForWalletWords(data); await _walletOperations.UpdateAccountInfoWithNewAddressesAsync(accountInfo); @@ -859,7 +861,7 @@ else accountBalanceInfo.UpdateAccountBalanceInfo(accountInfo, new List()); // pre-derive the angor wallet keys - FounderKeyCollection founderKeyCollection = _derivationOperations.DeriveProjectKeys(data, _networkConfiguration.GetAngorKey()); + var founderKeyCollection = _derivationOperations.DeriveProjectKeys(data, _networkConfiguration.GetAngorKey()); _walletStorage.SetFounderKeys(founderKeyCollection); hasWallet = _walletStorage.HasWallet(); @@ -1153,7 +1155,7 @@ else if (selected != null) { - if (int.TryParse(selected, out int res)) + if (int.TryParse(selected, out var res)) { if (res <= FeeEstimations.Fees.Count) { @@ -1201,7 +1203,6 @@ else unconfirmedInboundFunds.Add(new UtxoData { PendingSpent = true, address = receiveAddress, value = trx.Outputs.FirstOrDefault()?.Value.Satoshi ?? Money.Coins(50).Satoshi, outpoint = new Outpoint(trx.GetHash().ToString(), 0) }); _cacheStorage.SetUnconfirmedInboundFunds(unconfirmedInboundFunds); accountBalanceInfo.UpdateAccountBalanceInfo(accountBalanceInfo.AccountInfo, unconfirmedInboundFunds); - } catch (Exception e) { @@ -1242,7 +1243,7 @@ else } catch (Exception ex) { - Console.Error.WriteLine($"Failed to read clipboard contents: {ex}"); + Logger.LogError(ex, $"Failed to read clipboard contents"); } } @@ -1255,4 +1256,37 @@ else { isShowExtraWord = !isShowExtraWord; } -} + + public async Task> GetBtcValuesInPreferredCurrency(params decimal[] btcBalances) + { + return await _currencyService.GetBtcValuesInPreferredCurrency(btcBalances); + } + + public async Task GetBtcValueInPreferredCurrency(decimal btcBalance) + { + var results = await GetBtcValuesInPreferredCurrency(btcBalance); + return results.FirstOrDefault() ?? "Error fetching value"; + } + + + private async Task PrecomputeFiatValues() + { + fiatValues.Clear(); + + var btcBalance = Money.Satoshis(accountBalanceInfo.TotalBalance).ToUnit(MoneyUnit.BTC); + + var fiatValuesList = await _currencyService.GetBtcValuesInPreferredCurrency(btcBalance); + + if (fiatValuesList == null || !fiatValuesList.Any()) + { + Logger.LogError("Failed to fetch the fiat value for the total balance."); + return; + } + + fiatValues["TotalBalance"] = fiatValuesList.First(); + + Logger.LogInformation($"Fiat value for total balance: {fiatValuesList.First()}"); + } + + +} \ No newline at end of file diff --git a/src/Angor/Client/Program.cs b/src/Angor/Client/Program.cs index 9a60002e..7c9ec618 100644 --- a/src/Angor/Client/Program.cs +++ b/src/Angor/Client/Program.cs @@ -24,15 +24,17 @@ builder.Services.AddSingleton(); builder.Services.AddSingleton(); builder.Services.AddTransient(); -builder.Services.AddTransient (); +builder.Services.AddTransient(); builder.Services.AddTransient(); -builder.Services.AddTransient (); +builder.Services.AddTransient(); builder.Services.AddScoped(); builder.Services.AddTransient(); builder.Services.AddScoped(); builder.Services.AddScoped(); builder.Services.AddScoped(); builder.Services.AddScoped(); +builder.Services.AddScoped(); +builder.Services.AddScoped(); builder.Services.AddScoped(); builder.Services.AddScoped(); @@ -50,10 +52,10 @@ builder.Services.AddTransient(); builder.Services.AddTransient(); -builder.Services.AddSingleton(); +builder.Services.AddSingleton(); builder.Services.AddScoped(); builder.Services.AddSingleton(); builder.Services.AddScoped(); -await builder.Build().RunAsync(); +await builder.Build().RunAsync(); \ No newline at end of file diff --git a/src/Angor/Client/Services/CurrencyRateService.cs b/src/Angor/Client/Services/CurrencyRateService.cs new file mode 100644 index 00000000..0af879c3 --- /dev/null +++ b/src/Angor/Client/Services/CurrencyRateService.cs @@ -0,0 +1,98 @@ +using System.Text.Json; +using Angor.Client.Storage; + +public class CurrencyRateService : ICurrencyRateService +{ + private readonly TimeSpan _cacheDuration = TimeSpan.FromMinutes(10); + private readonly ICacheStorage _cacheStorage; + private readonly HttpClient _httpClient; + private readonly ILogger _logger; + + private const string ApiUrl = "https://mempool.space/api/v1/prices"; + + public CurrencyRateService(HttpClient httpClient, ILogger logger, ICacheStorage cacheStorage) + { + _httpClient = httpClient ?? throw new ArgumentNullException(nameof(httpClient)); + _logger = logger ?? throw new ArgumentNullException(nameof(logger)); + _cacheStorage = cacheStorage ?? throw new ArgumentNullException(nameof(cacheStorage)); + } + + public async Task GetBtcToCurrencyRate(string currencyCode) + { + if (string.IsNullOrWhiteSpace(currencyCode)) + throw new ArgumentException("Currency code must not be null or empty.", nameof(currencyCode)); + + var preferredCurrency = currencyCode.ToUpper(); + + // Check if the rate is cached and still valid + var cachedRate = GetCachedRate(preferredCurrency); + if (cachedRate.HasValue) + { + _logger.LogInformation($"Using cached rate for {preferredCurrency}: {cachedRate.Value}"); + return cachedRate.Value; + } + + // Fetch the latest rate from API + var latestRate = await FetchRateFromApi(preferredCurrency); + CacheRate(preferredCurrency, latestRate); + + return latestRate; + } + + private decimal? GetCachedRate(string currencyCode) + { + var cachedEntry = _cacheStorage.GetCurrencyRate(currencyCode); + if (cachedEntry != null && DateTime.UtcNow - cachedEntry.Timestamp < _cacheDuration) + { + return cachedEntry.Rate; + } + + return null; + } + + private async Task FetchRateFromApi(string currencyCode) + { + try + { + var response = await _httpClient.GetAsync(ApiUrl); + response.EnsureSuccessStatusCode(); + + var jsonString = await response.Content.ReadAsStringAsync(); + _logger.LogInformation($"API Response: {jsonString}"); + + var data = JsonSerializer.Deserialize>(jsonString); + if (data != null && data.TryGetValue(currencyCode, out var rateElement)) + { + return rateElement.GetDecimal(); + } + + throw new KeyNotFoundException($"Currency '{currencyCode}' not found in the API response."); + } + catch (HttpRequestException ex) + { + _logger.LogError(ex, "Error while fetching data from API."); + throw new Exception("Failed to fetch BTC rate from the API.", ex); + } + catch (JsonException ex) + { + _logger.LogError(ex, "Error parsing the API response."); + throw new Exception("Invalid response format from the API.", ex); + } + } + + private void CacheRate(string currencyCode, decimal rate) + { + _cacheStorage.SetCurrencyRate(currencyCode, new RateCacheEntry + { + Rate = rate, + Timestamp = DateTime.UtcNow + }); + _logger.LogInformation($"Cached new rate for {currencyCode}: {rate}"); + } +} + +public class RateCacheEntry +{ + public decimal Rate { get; set; } + public DateTime Timestamp { get; set; } +} diff --git a/src/Angor/Client/Services/CurrencyService.cs b/src/Angor/Client/Services/CurrencyService.cs new file mode 100644 index 00000000..40bad83e --- /dev/null +++ b/src/Angor/Client/Services/CurrencyService.cs @@ -0,0 +1,118 @@ +using System.Globalization; +using Angor.Client.Storage; +using Angor.Shared; + +public class CurrencyService : ICurrencyService +{ + private readonly ICurrencyRateService _currencyRateService; + private readonly ILogger _logger; + private readonly INetworkConfiguration _networkConfiguration; + private readonly IClientStorage _storage; + + public CurrencyService( + ICurrencyRateService currencyRateService, + IClientStorage storage, + ILogger logger, + INetworkConfiguration network) + { + _currencyRateService = currencyRateService ?? throw new ArgumentNullException(nameof(currencyRateService)); + _storage = storage ?? throw new ArgumentNullException(nameof(storage)); + _logger = logger ?? throw new ArgumentNullException(nameof(logger)); + _networkConfiguration = network ?? throw new ArgumentNullException(nameof(network)); + } + + public string GetCurrencySymbol(string currencyCode) + { + return currencyCode.ToUpper() switch + { + "USD" => "$", + "GBP" => "£", + "EUR" => "€", + "CAD" => "C$", + "CHF" => "CHF", + "AUD" => "A$", + "JPY" => "¥", + _ => currencyCode.ToUpper() // Return code if no symbol found + }; + } + + public async Task> GetBtcValuesInPreferredCurrency(params decimal[] btcBalances) + { + if (btcBalances == null || btcBalances.Length == 0) + { + _logger.LogWarning("No BTC balances provided."); + return new List { "No balances provided" }; + } + + // Check if the current network is Bitcoin (BTC) + if (!_networkConfiguration.GetNetwork().CoinTicker.Equals("BTC", StringComparison.OrdinalIgnoreCase)) + { + return GenerateEmptyStringList(btcBalances.Length); + } + + string currencyCode; + decimal rate; + string currencySymbol; + CultureInfo cultureInfo; + + try + { + currencyCode = _storage.GetCurrencyDisplaySetting(); + + // If preferred currency is BTC, return empty strings + if (currencyCode.Equals("BTC", StringComparison.OrdinalIgnoreCase)) + { + return GenerateEmptyStringList(btcBalances.Length); + } + + // Get exchange rate, symbol, and culture info + rate = await _currencyRateService.GetBtcToCurrencyRate(currencyCode); + currencySymbol = GetCurrencySymbol(currencyCode); + cultureInfo = new CultureInfo(GetCultureCode(currencyCode)); + } + catch (Exception ex) + { + _logger.LogError($"Error fetching currency settings or rates: {ex.Message}"); + return new List { "Error fetching settings or rates" }; + } + + try + { + return btcBalances + .AsParallel() + .Select(btcBalance => CalculateFormattedValue(btcBalance, rate, currencySymbol, cultureInfo)) + .ToList(); + } + catch (Exception ex) + { + _logger.LogError($"Error calculating BTC values: {ex.Message}"); + return new List { "Error calculating values" }; + } + } + + private string CalculateFormattedValue(decimal btcBalance, decimal rate, string currencySymbol, CultureInfo cultureInfo) + { + var value = btcBalance * rate; + return value.ToString("C2", cultureInfo).Replace(cultureInfo.NumberFormat.CurrencySymbol, currencySymbol); + } + + private static string GetCultureCode(string currencyCode) + { + return currencyCode.ToUpper() switch + { + "USD" => "en-US", + "GBP" => "en-GB", + "EUR" => "fr-FR", + "CAD" => "en-CA", + "CHF" => "de-CH", + "AUD" => "en-AU", + "JPY" => "ja-JP", + _ => "en-US" // Default to US culture if no match found + }; + } + + private static List GenerateEmptyStringList(int length) + { + return Enumerable.Repeat(string.Empty, length).ToList(); + } +} diff --git a/src/Angor/Client/Services/ICurrencyRateService.cs b/src/Angor/Client/Services/ICurrencyRateService.cs new file mode 100644 index 00000000..b3db8da1 --- /dev/null +++ b/src/Angor/Client/Services/ICurrencyRateService.cs @@ -0,0 +1,4 @@ +public interface ICurrencyRateService +{ + Task GetBtcToCurrencyRate(string currencyCode); +} \ No newline at end of file diff --git a/src/Angor/Client/Services/ICurrencyService.cs b/src/Angor/Client/Services/ICurrencyService.cs new file mode 100644 index 00000000..2fe91596 --- /dev/null +++ b/src/Angor/Client/Services/ICurrencyService.cs @@ -0,0 +1,5 @@ +public interface ICurrencyService +{ + Task> GetBtcValuesInPreferredCurrency(params decimal[] btcBalances); + string GetCurrencySymbol(string currencyCode); +} \ No newline at end of file diff --git a/src/Angor/Client/Shared/MainLayout.razor b/src/Angor/Client/Shared/MainLayout.razor index 65b1dd9f..cd6c46b4 100644 --- a/src/Angor/Client/Shared/MainLayout.razor +++ b/src/Angor/Client/Shared/MainLayout.razor @@ -12,7 +12,7 @@ @inject NavigationManager _navManager @inject NavMenuState NavMenuState; -
+
diff --git a/src/Angor/Client/Shared/NotificationComponent.razor b/src/Angor/Client/Shared/NotificationComponent.razor index 7eab4ef0..8e026005 100644 --- a/src/Angor/Client/Shared/NotificationComponent.razor +++ b/src/Angor/Client/Shared/NotificationComponent.razor @@ -49,7 +49,7 @@ Error - +
diff --git a/src/Angor/Client/Storage/ClientStorage.cs b/src/Angor/Client/Storage/ClientStorage.cs index 6f78a0b5..ffd03f50 100644 --- a/src/Angor/Client/Storage/ClientStorage.cs +++ b/src/Angor/Client/Storage/ClientStorage.cs @@ -10,6 +10,8 @@ public class ClientStorage : IClientStorage, INetworkStorage { private readonly ISyncLocalStorageService _storage; + private const string CurrencyDisplaySettingKey = "currencyDisplaySetting"; + private const string utxoKey = "utxo:{0}"; public ClientStorage(ISyncLocalStorageService storage) { @@ -224,4 +226,14 @@ public string GetNostrPublicKeyPerProject(string projectId) { return _storage.GetItem($"project:{projectId}:nostrKey"); } + + public string GetCurrencyDisplaySetting() + { + return _storage.GetItem(CurrencyDisplaySettingKey) ?? "BTC"; + } + + public void SetCurrencyDisplaySetting(string setting) + { + _storage.SetItem(CurrencyDisplaySettingKey, setting); + } } \ No newline at end of file diff --git a/src/Angor/Client/Storage/ICacheStorage.cs b/src/Angor/Client/Storage/ICacheStorage.cs index 59893751..c2929513 100644 --- a/src/Angor/Client/Storage/ICacheStorage.cs +++ b/src/Angor/Client/Storage/ICacheStorage.cs @@ -18,5 +18,7 @@ public interface ICacheStorage void SetUnconfirmedInboundFunds(List unconfirmedInfo); void SetUnconfirmedOutboundFunds(List unconfirmedInfo); void DeleteUnconfirmedInfo(); + void SetCurrencyRate(string currencyCode, RateCacheEntry rateCacheEntry); + RateCacheEntry? GetCurrencyRate(string currencyCode); void WipeSession(); } \ No newline at end of file diff --git a/src/Angor/Client/Storage/IClientStorage.cs b/src/Angor/Client/Storage/IClientStorage.cs index 45fb8d26..8eb5fa8a 100644 --- a/src/Angor/Client/Storage/IClientStorage.cs +++ b/src/Angor/Client/Storage/IClientStorage.cs @@ -33,5 +33,8 @@ public interface IClientStorage SettingsInfo GetSettingsInfo(); void SetSettingsInfo(SettingsInfo settingsInfo); void WipeStorage(); + + string GetCurrencyDisplaySetting(); + void SetCurrencyDisplaySetting(string setting); } } diff --git a/src/Angor/Client/Storage/LocalSessionStorage.cs b/src/Angor/Client/Storage/LocalSessionStorage.cs index 7e500548..41cfc82c 100644 --- a/src/Angor/Client/Storage/LocalSessionStorage.cs +++ b/src/Angor/Client/Storage/LocalSessionStorage.cs @@ -1,3 +1,4 @@ +using System.Text.Json; using Angor.Client.Models; using Angor.Shared.Models; using Angor.Shared.Services; @@ -7,10 +8,9 @@ namespace Angor.Client.Storage; public class LocalSessionStorage : ICacheStorage { - private ISyncSessionStorageService _sessionStorageService; - private const string BrowseIndexerData = "subscriptions"; private const string NostrPubKeyMapping = "NostrPubKeyMapping"; + private readonly ISyncSessionStorageService _sessionStorageService; public LocalSessionStorage(ISyncSessionStorageService sessionStorageService) { @@ -19,7 +19,7 @@ public LocalSessionStorage(ISyncSessionStorageService sessionStorageService) public void StoreProject(Project project) { - _sessionStorageService.SetItem(project.ProjectInfo.ProjectIdentifier,project); + _sessionStorageService.SetItem(project.ProjectInfo.ProjectIdentifier, project); } public ProjectMetadata? GetProjectMetadataByPubkey(string pubkey) @@ -27,11 +27,6 @@ public void StoreProject(Project project) return _sessionStorageService.GetItem(pubkey); } - public void StoreProjectMetadata(string pubkey, ProjectMetadata projectMetadata) - { - _sessionStorageService.SetItem(pubkey, projectMetadata); - } - public bool IsProjectMetadataStorageByPubkey(string pubkey) { return _sessionStorageService.ContainKey(pubkey); @@ -42,26 +37,6 @@ public bool IsProjectMetadataStorageByPubkey(string pubkey) return _sessionStorageService.GetItem(projectId); } - public void AddProjectIdToNostrPubKeyMapping(string npub, string projectId) - { - var dictionary = _sessionStorageService.GetItem>(NostrPubKeyMapping); - - dictionary ??= new (); - - dictionary.TryAdd(npub, projectId); - - _sessionStorageService.SetItem(NostrPubKeyMapping,dictionary); - } - - public string? GetProjectIdByNostrPubKey(string npub) - { - var dictionary = _sessionStorageService.GetItem>(NostrPubKeyMapping); - - if (dictionary is null) return null; - - return dictionary.TryGetValue(npub, out var value) ? value : null; - } - public bool IsProjectInStorageById(string projectId) { return _sessionStorageService.ContainKey(projectId); @@ -74,17 +49,17 @@ public bool IsProjectInStorageById(string projectId) public void SetProjectIndexerData(List list) { - _sessionStorageService.SetItem(BrowseIndexerData,list); + _sessionStorageService.SetItem(BrowseIndexerData, list); } public List GetUnconfirmedInboundFunds() { - return _sessionStorageService.GetItem>("unconfirmed-inbound") ?? new (); + return _sessionStorageService.GetItem>("unconfirmed-inbound") ?? new List(); } public List GetUnconfirmedOutboundFunds() { - return _sessionStorageService.GetItem>("unconfirmed-outbound") ?? new(); + return _sessionStorageService.GetItem>("unconfirmed-outbound") ?? new List(); } public void SetUnconfirmedInboundFunds(List unconfirmedInfo) @@ -96,19 +71,66 @@ public void SetUnconfirmedOutboundFunds(List unconfirmedInfo) { _sessionStorageService.SetItem("unconfirmed-outbound", unconfirmedInfo); } - - public List GetNamesOfCommunicatorsThatReceivedEose(string subscriptionName) - { - return _sessionStorageService.GetItem>("Eose" + subscriptionName); - } public void DeleteUnconfirmedInfo() { _sessionStorageService.RemoveItem("unconfirmed-info"); } + public void SetCurrencyRate(string currencyCode, RateCacheEntry rateCacheEntry) + { + var cacheJson = JsonSerializer.Serialize(rateCacheEntry); + _sessionStorageService.SetItem(currencyCode, cacheJson); + } + + public RateCacheEntry? GetCurrencyRate(string currencyCode) + { + var cacheJson = _sessionStorageService.GetItem(currencyCode); + + if (string.IsNullOrEmpty(cacheJson)) return null; + + try + { + return JsonSerializer.Deserialize(cacheJson); + } + catch (JsonException ex) + { + return null; + } + } + public void WipeSession() { _sessionStorageService.Clear(); } + + public void StoreProjectMetadata(string pubkey, ProjectMetadata projectMetadata) + { + _sessionStorageService.SetItem(pubkey, projectMetadata); + } + + public void AddProjectIdToNostrPubKeyMapping(string npub, string projectId) + { + var dictionary = _sessionStorageService.GetItem>(NostrPubKeyMapping); + + dictionary ??= new Dictionary(); + + dictionary.TryAdd(npub, projectId); + + _sessionStorageService.SetItem(NostrPubKeyMapping, dictionary); + } + + public string? GetProjectIdByNostrPubKey(string npub) + { + var dictionary = _sessionStorageService.GetItem>(NostrPubKeyMapping); + + if (dictionary is null) return null; + + return dictionary.TryGetValue(npub, out var value) ? value : null; + } + + public List GetNamesOfCommunicatorsThatReceivedEose(string subscriptionName) + { + return _sessionStorageService.GetItem>("Eose" + subscriptionName); + } } \ No newline at end of file diff --git a/src/Angor/Client/wwwroot/assets/css/app.css b/src/Angor/Client/wwwroot/assets/css/app.css index d00df321..270b8cb5 100644 --- a/src/Angor/Client/wwwroot/assets/css/app.css +++ b/src/Angor/Client/wwwroot/assets/css/app.css @@ -1,430 +1,465 @@ -:root { - --bs-primary: #1f5d6a; - --bs-secondary: #ff9900; - --bs-body-bg: #FFFDFA; - --bs-body-color: #ff9900; - --bs-primary-rgb: 31, 93, 106; - --bs-secondary-rgb: 255, 153, 0; - --bs-font-sans-serif: "Roboto", Helvetica, Arial, sans-serif; - --bs-border-width: 1px; - --bs-border-style: solid; - --bs-border-color: #dee2e6; - --bs-border-color-translucent: rgba(0, 0, 0, 0.175); - --bs-border-radius: 0.375rem; - --bs-border-radius-sm: 0.125rem; - --bs-border-radius-lg: 0.5rem; - --bs-border-radius-xl: 0.75rem; - --bs-border-radius-2xl: 1rem; - --bs-border-radius-pill: 50rem; - --bs-link-color: #1f5d6a; - --bs-link-hover-color: #1f5d6a; - --bs-modal-bg: #FFFDFA; + +:root { + --angor-primary: #1f5d6a; + --angor-secondary: #ff9900; + --angor-success: #4CAF50; + --angor-info: #1A73E8; + --angor-warning: #fb8c00; + --angor-danger: #F44335; + --angor-light: #f0f2f5; + --angor-dark: #344767; + --angor-blue: #63B3ED; + --angor-indigo: #596CFF; + --angor-purple: #6f42c1; + --angor-pink: #d63384; + --angor-red: #F56565; + --angor-orange: #fd7e14; + --angor-yellow: #FBD38D; + --angor-green: #81E6D9; + --angor-teal: #20c997; + --angor-cyan: #0dcaf0; + --angor-white: #fff; + --angor-gray: #6c757d; + --angor-gray-dark: #343a40; + --angor-gray-100: #f8f9fa; + --angor-gray-200: #f0f2f5; + --angor-gray-300: #dee2e6; + --angor-gray-400: #ced4da; + --angor-gray-500: #adb5bd; + --angor-gray-600: #6c757d; + --angor-gray-700: #495057; + --angor-gray-800: #343a40; + --angor-gray-900: #212529; + --angor-dark-blue: #1A237E; + --angor-primary-rgb: 31, 93, 106; + --angor-secondary-rgb: 255, 153, 0; + --angor-success-rgb: 76, 175, 80; + --angor-info-rgb: 26, 115, 232; + --angor-warning-rgb: 251, 140, 0; + --angor-danger-rgb: 244, 67, 53; + --angor-light-rgb: 240, 242, 245; + --angor-dark-rgb: 52, 71, 103; + --angor-white-rgb: 255, 255, 255; + --angor-black-rgb: 0, 0, 0; + --angor-body-color-rgb: 0, 128, 154; + --angor-body-bg-rgb: 255, 255, 255; + --angor-font-sans-serif: "Roboto", Helvetica, Arial, sans-serif; + --angor-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --angor-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); + --angor-body-font-family: var(--angor-font-sans-serif); + --angor-body-font-size: 1rem; + --angor-body-font-weight: 400; + --angor-body-line-height: 1.5; + --angor-body-color: var(--angor-primary); + --angor-body-bg: #cbdde1; + --angor-border-width: 1px; + --angor-border-style: solid; + --angor-border-color: #dee2e6; + --angor-border-color-translucent: rgba(0, 0, 0, 0.175); + --angor-border-radius: 0.375rem; + --angor-border-radius-sm: 0.125rem; + --angor-border-radius-lg: 0.5rem; + --angor-border-radius-xl: 0.75rem; + --angor-border-radius-2xl: 1rem; + --angor-border-radius-pill: 50rem; + --angor-link-color: var(--angor-primary); + --angor-link-hover-color: var(--angor-primary); + --angor-code-color: var(--angor-pink); + --angor-highlight-bg: #fcf8e3; --angor-white: #e7fbff; - --bs-table-color: #ff9900; - --bs-table-striped-color: #ff9900; - --bs-table-active-color: #ff9900; - --bs-table-hover-color: #ff9900; - --bs-form-check-input-checked-bg: #4caf50; - --bs-form-check-input-checked-border: #4caf50; - --bs-form-check-input-indeterminate-bg: #1f5d6a; - --bs-form-check-input-indeterminate-border: #1f5d6a; - --bs-form-range-thumb-bg: #1f5d6a; - --bs-btn-color: #ff9900; - --bs-btn-primary-bg: #1f5d6a; - --bs-btn-primary-border: #1f5d6a; - --bs-btn-secondary-bg: #ff9900; - --bs-btn-secondary-border: #ff9900; - --bs-dropdown-color: #ff9900; - --bs-dropdown-link-color: #ff9900; - --bs-dropdown-link-active-color: #ff9900; - --bs-accordion-color: #ff9900; - --bs-accordion-btn-color: #ff9900; - --bs-pagination-color: #1f5d6a; - --bs-pagination-hover-color: #1f5d6a; - --bs-pagination-hover-bg: #f0f2f5; - --bs-pagination-active-bg: #1f5d6a; - --bs-pagination-active-border: #1f5d6a; - --bs-progress-bar-bg: #1f5d6a; - --bs-list-group-action-active-color: #ff9900; - --bs-list-group-active-bg: #1f5d6a; - --bs-list-group-active-border: #1f5d6a; - --bs-btn-close-focus-shadow: rgba(31, 93, 106, 0.25); - --bs-btn-close-bg: #1f5d6a; - --bs-popover-body-color: #ff9900; - --bs-text-bg-primary: rgba(31, 93, 106, 1); - --bs-text-bg-secondary: rgba(255, 153, 0, 1); - --bs-link-primary: #1f5d6a; - --bs-link-secondary: #ff9900; - --bs-border-primary: #1f5d6a; - --bs-border-secondary: #ff9900; - --bs-text-primary: #1f5d6a; - --bs-text-secondary: #ff9900; - --bs-shadow-primary: rgba(31, 93, 106, 0.4); - --bs-shadow-light: rgba(31, 93, 106, 0.4); - --bs-alert-primary-bg: #1f5d6a; - --bs-badge-primary-bg: #1f5d6a; - --bs-badge-secondary-bg: #ff9900; - --bs-btn-bg-white-hover: #ff9900; - --bs-btn-primary-hover-bg: #1f5d6a; - --bs-btn-primary-hover-border: #1f5d6a; - --bs-btn-primary-active-bg: #1f5d6a; - --bs-btn-primary-active-border: #1f5d6a; - --bs-btn-secondary-hover-bg: #ff9900; - --bs-btn-secondary-hover-border: #ff9900; - --bs-btn-secondary-active-bg: #ff9900; - --bs-btn-secondary-active-border: #ff9900; - --bs-btn-link-color: #1f5d6a; - --bs-btn-link-hover-color: #1f5d6a; - --bs-card-bg: #FFFDFA; - --bs-scrollbar-thumb-bg: #888; - --bs-scrollbar-thumb-hover-bg: #e78a02; - --bs-modal-header-border-color: #344767; - --bs-modal-header-border-color-dark: #fff; - --bs-loading-progress-stroke: #e0e0e0; - --bs-loading-progress-stroke-active: #1b6ec2; - --bs-loading-text-color: #333; - --bs-snackbar-bg: #fdfefe; - --bs-snackbar-text-color: #08111f; - --bs-snackbar-bg-dark: #060b14; - --bs-snackbar-text-color-dark: #fff; - --bs-inner-table-border: #ddd; - --bs-inner-table-bg: gainsboro; - --bs-card-header-img-bg: #084a59; - --bs-card-header-img-hover-bg: #033742; - --bs-card-header-img-border: #012e39; - --bs-btn-angor: var(--bs-primary); - --bs-btn-angor-dark: var(--angor-white); - --bs-btn-angor-hover: #e08604; - --bs-dark-text-white: #fff; - --bs-dark-text-dark: #000; - --bs-dark-bg-gray-100: #f8f9fa; - --bs-dark-bg-gray-600: #6c757d; - --bs-dark-border-dark: #343a40; - --bs-dark-shadow: rgba(255, 255, 255, 0.4); - --bs-primary-btn-icon: #e7fbff; - --bs-modal-zindex: 1050; - --bs-modal-width: 500px; - --bs-modal-padding: 1rem; - --bs-modal-margin: 0.5rem; - --bs-modal-bg: #fff; - --bs-modal-border-color: rgba(0, 0, 0, 0.2); - --bs-modal-border-width: 1px; - --bs-modal-border-radius: 0.5rem; - --bs-modal-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); - --bs-modal-inner-border-radius: calc(0.5rem - 1px); - --bs-modal-header-padding-x: 1rem; - --bs-modal-header-padding-y: 1rem; - --bs-modal-header-padding: 1rem 1rem; - --bs-modal-header-border-color: #dee2e6; - --bs-modal-header-border-color-dark: #046479; - --bs-modal-header-border-width: 1px; - --bs-modal-title-line-height: 1.5; - --bs-modal-footer-gap: 0.5rem; - --bs-modal-footer-border-color: #dee2e6; - --bs-modal-footer-border-color-dark: #046479; - --bs-modal-footer-border-width: 1px; - --btn-border: #ccc; + --angor-table-color: var(--angor-secondary); + --angor-table-striped-color: var(--angor-secondary); + --angor-table-active-color: var(--angor-secondary); + --angor-table-hover-color: var(--angor-secondary); + --angor-form-check-input-checked-bg: var(--angor-success); + --angor-form-check-input-checked-border: var(--angor-success); + --angor-form-check-input-indeterminate-bg: var(--angor-primary); + --angor-form-check-input-indeterminate-border: var(--angor-primary); + --angor-form-range-thumb-bg: var(--angor-primary); + --angor-btn-color: var(--angor-secondary); + --angor-btn-primary-bg: var(--angor-primary); + --angor-btn-primary-border: var(--angor-primary); + --angor-btn-secondary-bg: var(--angor-secondary); + --angor-btn-secondary-border: var(--angor-secondary); + --angor-dropdown-color: var(--angor-secondary); + --angor-dropdown-link-color: var(--angor-secondary); + --angor-dropdown-link-active-color: var(--angor-secondary); + --angor-accordion-color: var(--angor-secondary); + --angor-accordion-btn-color: var(--angor-secondary); + --angor-pagination-color: var(--angor-primary); + --angor-pagination-hover-color: var(--angor-primary); + --angor-pagination-hover-bg: var(--angor-light); + --angor-pagination-active-bg: var(--angor-primary); + --angor-pagination-active-border: var(--angor-primary); + --angor-progress-bar-bg: var(--angor-primary); + --angor-list-group-action-active-color: var(--angor-secondary); + --angor-list-group-active-bg: var(--angor-primary); + --angor-list-group-active-border: var(--angor-primary); + --angor-btn-close-focus-shadow: rgba(var(--angor-primary-rgb), 0.25); + --angor-btn-close-bg: var(--angor-primary); + --angor-popover-body-color: var(--angor-secondary); + --angor-text-bg-primary: rgba(var(--angor-primary-rgb), 1); + --angor-text-bg-secondary: rgba(var(--angor-secondary-rgb), 1); + --angor-link-primary: var(--angor-primary); + --angor-link-secondary: var(--angor-secondary); + --angor-border-primary: var(--angor-primary); + --angor-border-secondary: var(--angor-secondary); + --angor-text-primary: var(--angor-primary); + --angor-text-secondary: var(--angor-secondary); + --angor-shadow-primary: rgba(var(--angor-primary-rgb), 0.4); + --angor-shadow-light: rgba(var(--angor-primary-rgb), 0.4); + --angor-alert-primary-bg: var(--angor-primary); + --angor-badge-primary-bg: var(--angor-primary); + --angor-badge-secondary-bg: var(--angor-secondary); + --angor-btn-bg-white-hover: var(--angor-secondary); + --angor-btn-primary-hover-bg: var(--angor-primary); + --angor-btn-primary-hover-border: var(--angor-primary); + --angor-btn-primary-active-bg: var(--angor-primary); + --angor-btn-primary-active-border: var(--angor-primary); + --angor-btn-secondary-hover-bg: var(--angor-secondary); + --angor-btn-secondary-hover-border: var(--angor-secondary); + --angor-btn-secondary-active-bg: var(--angor-secondary); + --angor-btn-secondary-active-border: var(--angor-secondary); + --angor-btn-link-color: var(--angor-primary); + --angor-btn-link-hover-color: var(--angor-primary); + --angor-card-bg: #FFFDFA; + --angor-scrollbar-thumb-bg: #f1fafc; + --angor-scrollbar-thumb-hover-bg: #e78a02c0; + --angor-loading-progress-stroke: #e0e0e0; + --angor-loading-progress-stroke-active: #1b6ec2; + --angor-loading-text-color: #333; + --angor-snackbar-bg: #fdfefe; + --angor-snackbar-text-color: #08111f; + --angor-snackbar-bg-dark: #060b14; + --angor-snackbar-text-color-dark: #fff; + --angor-inner-table-border: #ddd; + --angor-inner-table-bg: gainsboro; + --angor-card-header-img-bg: #084a59; + --angor-card-header-img-hover-bg: #033742; + --angor-card-header-img-border: #012e39; + --angor-btn-angor: var(--angor-primary); + --angor-btn-angor-dark: var(--angor-white); + --angor-btn-angor-hover: #e08604; + --angor-dark-text-white: #fff; + --angor-dark-text-dark: #000; + --angor-dark-bg-gray-100: #f8f9fa; + --angor-dark-bg-gray-600: #6c757d; + --angor-dark-border-dark: #343a40; + --angor-dark-shadow: rgba(255, 255, 255, 0.4); + --angor-primary-btn-icon: #e7fbff; + --angor-modal-bg: #FFFDFA; + --angor-modal-header-border-color: #344767; + --angor-modal-header-border-color-dark: #fff; + --angor-modal-zindex: 1050; + --angor-modal-width: 500px; + --angor-modal-padding: 1rem; + --angor-modal-margin: 0.5rem; + --angor-modal-bg: #fff; + --angor-modal-border-color: rgba(0, 0, 0, 0.2); + --angor-modal-border-width: 1px; + --angor-modal-border-radius: 0.5rem; + --angor-modal-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); + --angor-modal-inner-border-radius: calc(0.5rem - 1px); + --angor-modal-header-padding-x: 1rem; + --angor-modal-header-padding-y: 1rem; + --angor-modal-header-padding: 1rem 1rem; + --angor-modal-header-border-color: #dee2e6; + --angor-modal-header-border-color-dark: #046479; + --angor-modal-header-border-width: 1px; + --angor-modal-title-line-height: 1.5; + --angor-modal-footer-gap: 0.5rem; + --angor-modal-footer-border-color: #dee2e6; + --angor-modal-footer-border-color-dark: #046479; + --angor-modal-footer-border-width: 1px; + --angor-btn-hover-bg: #fb8c00; } .dark { - --bs-primary: #e7fbff; - --bs-secondary: #ff9900; - --bs-body-bg: #084a59; - --bs-body-color: #FFFDFA; - --bs-table-color: #ff9900; - --bs-table-striped-color: #ff9900; - --bs-table-active-color: #ff9900; - --bs-table-hover-color: #ff9900; - --bs-form-check-input-checked-bg: #4caf50; - --bs-form-check-input-checked-border: #4caf50; - --bs-form-check-input-indeterminate-bg: #e7fbff; - --bs-form-check-input-indeterminate-border: #e7fbff; - --bs-form-range-thumb-bg: #e7fbff; - --bs-btn-color: #ff9900; - --bs-btn-primary-bg: #022229; - --bs-btn-primary-border: #e7fbff; - --bs-btn-secondary-bg: #ff9900; - --bs-btn-secondary-border: #ff9900; - --bs-dropdown-color: #ff9900; - --bs-dropdown-link-color: #ff9900; - --bs-dropdown-link-active-color: #ff9900; - --bs-accordion-color: #ff9900; - --bs-accordion-btn-color: #ff9900; - --bs-pagination-color: #e7fbff; - --bs-pagination-hover-color: #e7fbff; - --bs-pagination-hover-bg: #033742; - --bs-pagination-active-bg: #e7fbff; - --bs-pagination-active-border: #e7fbff; - --bs-progress-bar-bg: #e7fbff; - --bs-list-group-action-active-color: #ff9900; - --bs-list-group-active-bg: #e7fbff; - --bs-list-group-active-border: #e7fbff; - --bs-btn-close-focus-shadow: rgba(231, 251, 255, 0.25); - --bs-btn-close-bg: #e7fbff; - --bs-popover-body-color: #ff9900; - --bs-text-bg-primary: rgba(231, 251, 255, 1); - --bs-text-bg-secondary: rgba(255, 153, 0, 1); - --bs-link-primary: #e7fbff; - --bs-link-secondary: #ff9900; - --bs-border-primary: #e7fbff; - --bs-border-secondary: #ff9900; - --bs-text-primary: #e7fbff; - --bs-text-secondary: #ff9900; - --bs-shadow-primary: rgba(231, 251, 255, 0.4); - --bs-shadow-light: rgba(231, 251, 255, 0.4); - --bs-alert-primary-bg: #e7fbff; - --bs-badge-primary-bg: #e7fbff; - --bs-badge-secondary-bg: #ff9900; - --bs-btn-bg-white-hover: #ff9900; - --bs-btn-primary-hover-bg: #022229; - --bs-btn-primary-hover-border: #e7fbff; - --bs-btn-primary-active-bg: #022229; - --bs-btn-primary-active-border: #e7fbff; - --bs-btn-secondary-hover-bg: #ff9900; - --bs-btn-secondary-hover-border: #ff9900; - --bs-btn-secondary-active-bg: #ff9900; - --bs-btn-secondary-active-border: #ff9900; - --bs-btn-link-color: #e7fbff; - --bs-btn-link-hover-color: #e7fbff; - --bs-card-bg: #084a59; - --bs-scrollbar-thumb-bg: #888; - --bs-scrollbar-thumb-hover-bg: #e78a02; - --bs-modal-header-border-color: #fff; - --bs-loading-progress-stroke: #e0e0e0; - --bs-loading-progress-stroke-active: #1b6ec2; - --bs-loading-text-color: #333; - --bs-snackbar-bg: #060b14; - --bs-snackbar-text-color: #fff; - --bs-inner-table-border: #ddd; - --bs-inner-table-bg: gainsboro; - --bs-card-header-img-bg: #084a59; - --bs-card-header-img-hover-bg: #033742; - --bs-card-header-img-border: #012e39; - --bs-btn-angor: var(--bs-primary); - --bs-btn-angor-dark: var(--angor-white); - --bs-btn-angor-hover: #e08604; - --bs-dark-text-white: #fff; - --bs-dark-text-dark: #000; - --bs-dark-bg-gray-100: #f8f9fa; - --bs-dark-bg-gray-600: #6c757d; - --bs-dark-border-dark: #343a40; - --bs-dark-shadow: rgba(255, 255, 255, 0.4); - --bs-modal-zindex: 1050; - --bs-modal-width: 500px; - --bs-modal-padding: 1rem; - --bs-modal-margin: 0.5rem; - --bs-modal-bg: #084a59; - --bs-modal-border-color: rgba(0, 0, 0, 0.2); - --bs-modal-border-width: 1px; - --bs-modal-border-radius: 0.5rem; - --bs-modal-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); - --bs-modal-inner-border-radius: calc(0.5rem - 1px); - --bs-modal-header-padding-x: 1rem; - --bs-modal-header-padding-y: 1rem; - --bs-modal-header-padding: 1rem 1rem; - --bs-modal-header-border-color: #fff; - --bs-modal-header-border-color-dark: #046479; - --bs-modal-header-border-width: 1px; - --bs-modal-title-line-height: 1.5; - --bs-modal-footer-gap: 0.5rem; - --bs-modal-footer-border-color: #fff; - --bs-modal-footer-border-color-dark: #046479; - --bs-modal-footer-border-width: 1px; - --btn-border: #046479; -} - -/* Tables */ -.table { - --bs-table-color: var(--bs-table-color); - --bs-table-striped-color: var(--bs-table-striped-color); - --bs-table-active-color: var(--bs-table-active-color); - --bs-table-hover-color: var(--bs-table-hover-color); -} - -/* Forms */ + --angor-primary: var(--angor-white); + --angor-secondary: #ff9900; + --angor-body-bg: #022229; + --angor-body-color: #FFFDFA; + --angor-table-color: var(--angor-secondary); + --angor-table-striped-color: var(--angor-secondary); + --angor-table-active-color: var(--angor-secondary); + --angor-table-hover-color: var(--angor-secondary); + --angor-form-check-input-checked-bg: var(--angor-success); + --angor-form-check-input-checked-border: var(--angor-success); + --angor-form-check-input-indeterminate-bg: var(--angor-primary); + --angor-form-check-input-indeterminate-border: var(--angor-primary); + --angor-form-range-thumb-bg: var(--angor-primary); + --angor-btn-color: var(--angor-secondary); + --angor-btn-primary-bg: #022229; + --angor-btn-primary-border: var(--angor-primary); + --angor-btn-secondary-bg: var(--angor-secondary); + --angor-btn-secondary-border: var(--angor-secondary); + --angor-dropdown-color: var(--angor-secondary); + --angor-dropdown-link-color: var(--angor-secondary); + --angor-dropdown-link-active-color: var(--angor-secondary); + --angor-accordion-color: var(--angor-secondary); + --angor-accordion-btn-color: var(--angor-secondary); + --angor-pagination-color: var(--angor-primary); + --angor-pagination-hover-color: var(--angor-primary); + --angor-pagination-hover-bg: #033742; + --angor-pagination-active-bg: var(--angor-primary); + --angor-pagination-active-border: var(--angor-primary); + --angor-progress-bar-bg: var(--angor-primary); + --angor-list-group-action-active-color: var(--angor-secondary); + --angor-list-group-active-bg: var(--angor-primary); + --angor-list-group-active-border: var(--angor-primary); + --angor-btn-close-focus-shadow: rgba(231, 251, 255, 0.25); + --angor-btn-close-bg: var(--angor-primary); + --angor-popover-body-color: var(--angor-secondary); + --angor-text-bg-primary: rgba(231, 251, 255, 1); + --angor-text-bg-secondary: rgba(var(--angor-secondary-rgb), 1); + --angor-link-primary: var(--angor-primary); + --angor-link-secondary: var(--angor-secondary); + --angor-border-primary: var(--angor-primary); + --angor-border-secondary: var(--angor-secondary); + --angor-text-primary: var(--angor-primary); + --angor-text-secondary: var(--angor-secondary); + --angor-shadow-primary: rgba(231, 251, 255, 0.4); + --angor-shadow-light: rgba(231, 251, 255, 0.4); + --angor-alert-primary-bg: var(--angor-primary); + --angor-badge-primary-bg: var(--angor-primary); + --angor-badge-secondary-bg: var(--angor-secondary); + --angor-btn-bg-white-hover: var(--angor-secondary); + --angor-btn-primary-hover-bg: #022229; + --angor-btn-primary-hover-border: var(--angor-primary); + --angor-btn-primary-active-bg: #022229; + --angor-btn-primary-active-border: var(--angor-primary); + --angor-btn-secondary-hover-bg: var(--angor-secondary); + --angor-btn-secondary-hover-border: var(--angor-secondary); + --angor-btn-secondary-active-bg: var(--angor-secondary); + --angor-btn-secondary-active-border: var(--angor-secondary); + --angor-btn-link-color: var(--angor-primary); + --angor-btn-link-hover-color: var(--angor-primary); + --angor-card-bg: #084a59; + --angor-scrollbar-thumb-bg: #083b46; + --angor-scrollbar-thumb-hover-bg: #e78a02c0; + --angor-loading-progress-stroke: #e0e0e0; + --angor-loading-progress-stroke-active: #1b6ec2; + --angor-loading-text-color: #333; + --angor-snackbar-bg: #060b14; + --angor-snackbar-text-color: #fff; + --angor-inner-table-border: #ddd; + --angor-inner-table-bg: gainsboro; + --angor-card-header-img-bg: #084a59; + --angor-card-header-img-hover-bg: #033742; + --angor-card-header-img-border: #012e39; + --angor-btn-angor: var(--angor-primary); + --angor-btn-angor-dark: var(--angor-white); + --angor-btn-angor-hover: #e08604; + --angor-dark-text-white: #fff; + --angor-dark-text-dark: #000; + --angor-dark-bg-gray-100: #f8f9fa; + --angor-dark-bg-gray-600: #6c757d; + --angor-dark-border-dark: #343a40; + --angor-dark-shadow: rgba(255, 255, 255, 0.4); + --angor-modal-header-border-color: #fff; + --angor-modal-zindex: 1050; + --angor-modal-width: 500px; + --angor-modal-padding: 1rem; + --angor-modal-margin: 0.5rem; + --angor-modal-bg: #084a59; + --angor-modal-border-color: rgba(0, 0, 0, 0.2); + --angor-modal-border-width: 1px; + --angor-modal-border-radius: 0.5rem; + --angor-modal-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); + --angor-modal-inner-border-radius: calc(0.5rem - 1px); + --angor-modal-header-padding-x: 1rem; + --angor-modal-header-padding-y: 1rem; + --angor-modal-header-padding: 1rem 1rem; + --angor-modal-header-border-color: #fff; + --angor-modal-header-border-color-dark: #046479; + --angor-modal-header-border-width: 1px; + --angor-modal-title-line-height: 1.5; + --angor-modal-footer-gap: 0.5rem; + --angor-modal-footer-border-color: #fff; + --angor-modal-footer-border-color-dark: #046479; + --angor-modal-footer-border-width: 1px; +} + + .col-form-label { - color: var(--bs-body-color); + color: var(--angor-body-color); } .form-check-input:checked[type="checkbox"] { - background-image: linear-gradient(195deg, var(--bs-form-check-input-checked-bg) 0%, var(--bs-form-check-input-checked-border) 100%); + background-image: linear-gradient(195deg, var(--angor-form-check-input-checked-bg) 0%, var(--angor-form-check-input-checked-border) 100%); } .form-check-input:checked[type="radio"] { - background-image: linear-gradient(195deg, var(--bs-form-check-input-checked-bg) 0%, var(--bs-form-check-input-checked-border) 100%); + background-image: linear-gradient(195deg, var(--angor-form-check-input-checked-bg) 0%, var(--angor-form-check-input-checked-border) 100%); } .form-check-input[type="checkbox"]:indeterminate { - background-color: var(--bs-form-check-input-indeterminate-bg); - border-color: var(--bs-form-check-input-indeterminate-border); + background-color: var(--angor-form-check-input-indeterminate-bg); + border-color: var(--angor-form-check-input-indeterminate-border); } .form-range::-webkit-slider-thumb { - background-color: var(--bs-form-range-thumb-bg); + background-color: var(--angor-form-range-thumb-bg); } .form-range::-moz-range-thumb { - background-color: var(--bs-form-range-thumb-bg); + background-color: var(--angor-form-range-thumb-bg); } -/* Buttons */ .btn { - --bs-btn-color: var(--bs-btn-color); + --angor-btn-color: var(--angor-btn-color); } .btn-primary { - --bs-btn-bg: var(--bs-btn-primary-bg); - --bs-btn-border-color: var(--bs-btn-primary-border); - --bs-btn-disabled-bg: var(--bs-btn-primary-bg); - --bs-btn-disabled-border-color: var(--bs-btn-primary-border); + --angor-btn-bg: var(--angor-btn-primary-bg); + --angor-btn-border-color: var(--angor-btn-primary-border); + --angor-btn-disabled-bg: var(--angor-btn-primary-bg); + --angor-btn-disabled-border-color: var(--angor-btn-primary-border); } .btn-secondary { - --bs-btn-bg: var(--bs-btn-secondary-bg); - --bs-btn-border-color: var(--bs-btn-secondary-border); - --bs-btn-disabled-bg: var(--bs-btn-secondary-bg); - --bs-btn-disabled-border-color: var(--bs-btn-secondary-border); + --angor-btn-bg: var(--angor-btn-secondary-bg); + --angor-btn-border-color: var(--angor-btn-secondary-border); + --angor-btn-disabled-bg: var(--angor-btn-secondary-bg); + --angor-btn-disabled-border-color: var(--angor-btn-secondary-border); } .btn-outline-primary { - --bs-btn-color: var(--bs-primary); - --bs-btn-border-color: var(--bs-primary); - --bs-btn-hover-bg: var(--bs-primary); - --bs-btn-hover-border-color: var(--bs-primary); - --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); - --bs-btn-active-bg: var(--bs-primary); - --bs-btn-active-border-color: var(--bs-primary); - --bs-btn-disabled-color: var(--bs-primary); - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: var(--bs-primary); + --angor-btn-color: var(--angor-primary); + --angor-btn-border-color: var(--angor-primary); + --angor-btn-hover-bg: var(--angor-btn-primary-hover-bg); + --angor-btn-hover-border-color: var(--angor-primary); + --angor-btn-focus-shadow-rgb: var(--angor-primary-rgb); + --angor-btn-active-bg: var(--angor-primary); + --angor-btn-active-border-color: var(--angor-primary); + --angor-btn-disabled-color: var(--angor-primary); + --angor-btn-disabled-bg: transparent; + --angor-btn-disabled-border-color: var(--angor-primary); } .btn-outline-secondary { - --bs-btn-color: var(--bs-secondary); - --bs-btn-border-color: var(--bs-secondary); - --bs-btn-hover-bg: var(--bs-secondary); - --bs-btn-hover-border-color: var(--bs-secondary); - --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb); - --bs-btn-active-bg: var(--bs-secondary); - --bs-btn-active-border-color: var(--bs-secondary); - --bs-btn-disabled-color: var(--bs-secondary); - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: var(--bs-secondary); + --angor-btn-color: var(--angor-secondary); + --angor-btn-border-color: var(--angor-secondary); + --angor-btn-hover-bg: var(--angor-btn-secondary-hover-bg); + --angor-btn-hover-border-color: var(--angor-secondary); + --angor-btn-focus-shadow-rgb: var(--angor-secondary-rgb); + --angor-btn-active-bg: var(--angor-secondary); + --angor-btn-active-border-color: var(--angor-secondary); + --angor-btn-disabled-color: var(--angor-secondary); + --angor-btn-disabled-bg: transparent; + --angor-btn-disabled-border-color: var(--angor-secondary); } .btn-link { - --bs-btn-color: var(--bs-btn-link-color); - --bs-btn-hover-color: var(--bs-btn-link-hover-color); - --bs-btn-active-color: var(--bs-btn-link-hover-color); + --angor-btn-color: var(--angor-btn-link-color); + --angor-btn-hover-color: var(--angor-btn-link-hover-color); + --angor-btn-active-color: var(--angor-btn-link-hover-color); } -/* Menus */ .dropdown-menu { - --bs-dropdown-color: var(--bs-dropdown-color); - --bs-dropdown-link-color: var(--bs-dropdown-link-color); - --bs-dropdown-link-active-color: var(--bs-dropdown-link-active-color); + --angor-dropdown-color: var(--angor-dropdown-color); + --angor-dropdown-link-color: var(--angor-dropdown-link-color); + --angor-dropdown-link-active-color: var(--angor-dropdown-link-active-color); } .dropdown-menu-dark { - --bs-dropdown-link-active-color: var(--bs-dropdown-link-active-color); + --angor-dropdown-link-active-color: var(--angor-dropdown-link-active-color); } .accordion { - --bs-accordion-color: var(--bs-accordion-color); - --bs-accordion-btn-color: var(--bs-accordion-btn-color); + --angor-accordion-color: var(--angor-accordion-color); + --angor-accordion-btn-color: var(--angor-accordion-btn-color); } -/* Other elements */ .pagination { - --bs-pagination-color: var(--bs-pagination-color); - --bs-pagination-hover-color: var(--bs-pagination-hover-color); - --bs-pagination-hover-bg: var(--bs-pagination-hover-bg); - --bs-pagination-focus-color: var(--bs-pagination-focus-color); - --bs-pagination-active-bg: var(--bs-pagination-active-bg); - --bs-pagination-active-border-color: var(--bs-pagination-active-border-color); + --angor-pagination-color: var(--angor-pagination-color); + --angor-pagination-hover-color: var(--angor-pagination-hover-color); + --angor-pagination-hover-bg: var(--angor-pagination-hover-bg); + --angor-pagination-focus-color: var(--angor-pagination-focus-color); + --angor-pagination-active-bg: var(--angor-pagination-active-bg); + --angor-pagination-active-border-color: var(--angor-pagination-active-border-color); } .progress { - --bs-progress-bar-bg: var(--bs-progress-bar-bg); + --angor-progress-bar-bg: var(--angor-progress-bar-bg); } .list-group { - --bs-list-group-action-active-color: var(--bs-list-group-action-active-color); - --bs-list-group-active-bg: var(--bs-list-group-active-bg); - --bs-list-group-active-border-color: var(--bs-list-group-active-border-color); + --angor-list-group-action-active-color: var(--angor-list-group-action-active-color); + --angor-list-group-active-bg: var(--angor-list-group-active-bg); + --angor-list-group-active-border-color: var(--angor-list-group-active-border-color); } .btn-close:focus { - box-shadow: 0 0 0 0.2rem var(--bs-btn-close-focus-shadow); + box-shadow: 0 0 0 0.2rem var(--angor-btn-close-focus-shadow); } .btn-close { - background-color: var(--bs-btn-close-bg); + background-color: var(--angor-btn-close-bg); } .popover { - --bs-popover-body-color: var(--bs-popover-body-color); + --angor-popover-body-color: var(--angor-popover-body-color); } -/* Colors and backgrounds */ .text-bg-primary { - background-color: var(--bs-text-bg-primary) !important; + background-color: var(--angor-text-bg-primary) !important; } .text-bg-secondary { - background-color: var(--bs-text-bg-secondary) !important; + background-color: var(--angor-text-bg-secondary) !important; } .link-primary { - color: var(--bs-link-primary) !important; + color: var(--angor-link-primary) !important; } .link-secondary { - color: var(--bs-link-secondary) !important; + color: var(--angor-link-secondary) !important; } .border-primary { - border-color: var(--bs-border-primary) !important; + border-color: var(--angor-border-primary) !important; } .border-secondary { - border-color: var(--bs-border-secondary); + border-color: var(--angor-border-secondary); } .text-primary { - color: var(--bs-text-primary) !important; + color: var(--angor-text-primary) !important; } .text-secondary { - color: var(--bs-text-secondary) !important; + color: var(--angor-text-secondary) !important; } .text-body { - color: var(--bs-text-body) !important; + color: var(--angor-text-body) !important; } .shadow-primary { - box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px var(--bs-shadow-primary) !important; + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px var(--angor-shadow-primary) !important; } .shadow-light { - box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px var(--bs-shadow-light) !important; + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px var(--angor-shadow-light) !important; } .alert-primary { - background-image: linear-gradient(195deg, var(--bs-alert-primary-bg) 0%, var(--bs-alert-primary-bg) 100%); + background-image: linear-gradient(195deg, var(--angor-alert-primary-bg) 0%, var(--angor-alert-primary-bg) 100%); } .badge.bg-primary { - background: var(--bs-badge-primary-bg); + background: var(--angor-badge-primary-bg); } .badge.bg-secondary { - background: var(--bs-badge-secondary-bg); + background: var(--angor-badge-secondary-bg); } .btn.bg-white:hover { - color: var(--bs-btn-bg-white-hover); + color: var(--angor-btn-bg-white-hover); } .btn-primary, @@ -434,14 +469,14 @@ .btn-primary:hover, .btn.bg-gradient-primary:hover { - background-color: var(--bs-btn-primary-hover-bg); - border-color: var(--bs-btn-primary-hover-border); - box-shadow: 0 14px 26px -12px var(--bs-shadow-primary), 0 4px 23px 0 rgba(31, 93, 106, 0.15), 0 8px 10px -5px rgba(31, 93, 106, 0.2); + background-color: var(--angor-btn-primary-hover-bg); + border-color: var(--angor-btn-primary-hover-border); + box-shadow: 0 14px 26px -12px var(--angor-shadow-primary), 0 4px 23px 0 rgba(31, 93, 106, 0.15), 0 8px 10px -5px rgba(31, 93, 106, 0.2); } .btn-primary .btn.bg-outline-primary, .btn.bg-gradient-primary .btn.bg-outline-primary { - border: 1px solid var(--bs-primary); + border: 1px solid var(--angor-primary); } .btn-primary:not(:disabled):not(.disabled).active, @@ -450,16 +485,16 @@ .btn.bg-gradient-primary:not(:disabled):not(.disabled).active, .btn.bg-gradient-primary:not(:disabled):not(.disabled):active, .show > .btn.bg-gradient-primary.dropdown-toggle { - color: color-yiq(var(--bs-primary)); - background-color: var(--bs-btn-primary-active-bg); - border-color: var(--bs-btn-primary-active-border); + color: color-yiq(var(--angor-primary)); + background-color: var(--angor-btn-primary-active-bg); + border-color: var(--angor-btn-primary-active-border); } .btn-outline-primary:hover:not(.active) { background-color: transparent; opacity: .75; box-shadow: none; - color: var(--bs-primary); + color: var(--angor-primary); } .btn-secondary, @@ -469,14 +504,14 @@ .btn-secondary:hover, .btn.bg-gradient-secondary:hover { - background-color: var(--bs-btn-secondary-hover-bg); - border-color: var(--bs-btn-secondary-hover-border); + background-color: var(--angor-btn-secondary-hover-bg); + border-color: var(--angor-btn-secondary-hover-border); box-shadow: 0 14px 26px -12px rgba(255,153,0,0.4), 0 4px 23px 0 rgba(255,153,0,0.15), 0 8px 10px -5px rgba(255,153,0,0.2); } .btn-secondary .btn.bg-outline-secondary, .btn.bg-gradient-secondary .btn.bg-outline-secondary { - border: 1px solid var(--bs-secondary); + border: 1px solid var(--angor-secondary); } .btn-secondary:not(:disabled):not(.disabled).active, @@ -485,17 +520,17 @@ .btn.bg-gradient-secondary:not(:disabled):not(.disabled).active, .btn.bg-gradient-secondary:not(:disabled):not(.disabled):active, .show > .btn.bg-gradient-secondary.dropdown-toggle { - color: color-yiq(var(--bs-secondary)); - background-color: var(--bs-btn-secondary-active-bg); - border-color: var(--bs-btn-secondary-active-border); + color: color-yiq(var(--angor-secondary)); + background-color: var(--angor-btn-secondary-active-bg); + border-color: var(--angor-btn-secondary-active-border); } .btn-outline-secondary:hover:not(.active) { - color: var(--bs-secondary); + color: var(--angor-secondary); } .card.card-background.card-background-mask-primary:after { - background-image: linear-gradient(195deg, var(--bs-primary) 0%, var(--bs-primary) 100%); + background-image: linear-gradient(195deg, var(--angor-primary) 0%, var(--angor-primary) 100%); } ::-webkit-scrollbar { @@ -508,11 +543,11 @@ } ::-webkit-scrollbar-thumb { - background: var(--bs-scrollbar-thumb-bg); + background: var(--angor-scrollbar-thumb-bg); } ::-webkit-scrollbar-thumb:hover { - background: var(--bs-scrollbar-thumb-hover-bg); + background: var(--angor-scrollbar-thumb-hover-bg); } @@ -564,14 +599,14 @@ .loading-progress circle { fill: none; - stroke: var(--bs-loading-progress-stroke); + stroke: var(--angor-loading-progress-stroke); stroke-width: 0.6rem; transform-origin: 50% 50%; transform: rotate(-90deg); } .loading-progress circle:last-child { - stroke: var(--bs-loading-progress-stroke-active); + stroke: var(--angor-loading-progress-stroke-active); stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%; transition: stroke-dasharray 0.05s ease-in-out; } @@ -595,7 +630,7 @@ .inner-table td { padding: 10px; - border: 1px solid var(--bs-inner-table-border); + border: 1px solid var(--angor-inner-table-border); text-align: left; } @@ -605,7 +640,7 @@ } .inner-table-inner-div { - background-color: var(--bs-inner-table-bg); + background-color: var(--angor-inner-table-bg); padding: 10px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); @@ -646,6 +681,7 @@ tr[style*="cursor: pointer;"] { align-items: center; z-index: 9999; flex-direction: column; + background-color: #e5eef0; } .loader { @@ -711,7 +747,7 @@ tr[style*="cursor: pointer;"] { } .loading-text { - color: var(--bs-loading-text-color); + color: var(--angor-loading-text-color); font-size: 20px; margin-bottom: 20px; } @@ -727,12 +763,12 @@ tr[style*="cursor: pointer;"] { } .dark .address-container { - background-color: var(--bs-card-header-img-bg); - border: 1px solid var(--bs-card-header-img-border); + background-color: var(--angor-card-header-img-bg); + border: 1px solid var(--angor-card-header-img-border); } .dark .address-container:hover { - background-color: var(--bs-card-header-img-hover-bg); + background-color: var(--angor-card-header-img-hover-bg); } .address-container:hover { @@ -750,16 +786,16 @@ tr[style*="cursor: pointer;"] { } .btn-angor { - color: var(--bs-btn-angor) !important; + color: var(--angor-btn-angor) !important; } .dark .btn-angor { - color: var(--bs-btn-angor-dark) !important; + color: var(--angor-btn-angor-dark) !important; } .btn-angor:hover { transition: all 0.3s ease; - color: var(--bs-btn-angor-hover); + color: var(--angor-btn-angor-hover); } .dark .bg-gradient-dark-topmenu { @@ -800,14 +836,14 @@ tr[style*="cursor: pointer;"] { border-radius: 5px; box-sizing: border-box; font-size: 16px; - background-color: #fefefd; + background-color: #f5fdff; } .form-control:focus { outline: none; border-color: #007bff; box-shadow: 0 0 5px #007bff; - background-color: #fefefd; + background-color: #f5fdff; } .dark .form-label { @@ -829,8 +865,8 @@ tr[style*="cursor: pointer;"] { visibility: hidden; min-width: 250px; margin-left: -125px; - background-color: var(--bs-snackbar-bg); - color: var(--bs-snackbar-text-color); + background-color: var(--angor-snackbar-bg); + color: var(--angor-snackbar-text-color); text-align: center; border-radius: 10px; padding: 16px; @@ -848,8 +884,8 @@ tr[style*="cursor: pointer;"] { } .dark #snackbar { - background-color: var(--bs-snackbar-bg-dark); - color: var(--bs-snackbar-text-color-dark); + background-color: var(--angor-snackbar-bg-dark); + color: var(--angor-snackbar-text-color-dark); } @-webkit-keyframes fadein { @@ -1025,40 +1061,40 @@ tr[style*="cursor: pointer;"] { } .dark .border { - border-color: var(--bs-dark-border-dark) !important; + border-color: var(--angor-dark-border-dark) !important; } .dark hr.light { - border-color: var(--bs-dark-text-white); + border-color: var(--angor-dark-text-white); } .dark .text-white { - color: var(--bs-dark-text-white) !important; + color: var(--angor-dark-text-white) !important; } .dark .text-dark { - color: var(--bs-dark-text-dark) !important; + color: var(--angor-dark-text-dark) !important; } .dark .text-secondary { - color: var(--bs-dark-text-white) !important; + color: var(--angor-dark-text-white) !important; } .dark .bg-gray-100 { - background-color: var(--bs-dark-bg-gray-100) !important; + background-color: var(--angor-dark-bg-gray-100) !important; } .dark .bg-gray-600 { - background-color: var(--bs-dark-bg-gray-600) !important; + background-color: var(--angor-dark-bg-gray-600) !important; } .dark .btn-link.text-white, .dark .border-dark { - border-color: var(--bs-dark-border-dark) !important; + border-color: var(--angor-dark-border-dark) !important; } .dark g[fill] { - fill: var(--bs-dark-text-white) !important; + fill: var(--angor-dark-text-white) !important; } .btn-content { @@ -1120,23 +1156,23 @@ tr[style*="cursor: pointer;"] { } .menu-text { - color: var(--bs-primary) !important; + color: var(--angor-primary) !important; } .dark .menu-text { - color: var(--bs-dark-text-white) !important; + color: var(--angor-dark-text-white) !important; } .menu-text.active { - color: var(--bs-primary) !important; + color: var(--angor-primary) !important; } .dark .menu-text.active { - color: var(--bs-dark-text-white) !important; + color: var(--angor-dark-text-white) !important; } .navbar-main { - background: #fefefd !important; + background: #f5fdff !important; } .dark .navbar-main { @@ -1144,11 +1180,11 @@ tr[style*="cursor: pointer;"] { } .angor-alert-info { - background-color: var(--bs-secondary) !important; + background-color: var(--angor-secondary) !important; } .text-white { - color: var(--bs-dark-text-white) !important; + color: var(--angor-dark-text-white) !important; } .project-card { @@ -1230,7 +1266,7 @@ tr[style*="cursor: pointer;"] { .btn-border { border: 1px solid var(--btn-border) !important; background-color: rgba(31, 93, 106, 0.2); - color:var(--bs-primary) !important; + color: var(--angor-primary) !important; } input[type="checkbox"] + label { @@ -1246,7 +1282,7 @@ input[type="checkbox"] { input[type="checkbox"] + label:before { content: "\2714"; - border: 0.1em solid var(--bs-secondary); + border: 0.1em solid var(--angor-secondary); border-radius: 0.3em; display: inline-block; width: 2em; @@ -1264,8 +1300,8 @@ input[type="checkbox"] { } input[type="checkbox"]:checked + label:before { - background-color: var(--bs-secondary); - border-color: var(--bs-secondary); + background-color: var(--angor-secondary); + border-color: var(--angor-secondary); color: #fff; } @@ -1384,15 +1420,9 @@ input[type="checkbox"] { height: 100%; display: block; object-fit: cover; - filter: blur(2px); - transition: filter 0.3s, opacity 0.3s; -} - -.banner-container:hover .banner-image, .banner-container-list:hover .banner-image { - filter: none; - opacity: 0.8; -} + } + .profile-container { position: absolute; bottom: 10px; @@ -1419,6 +1449,7 @@ input[type="checkbox"] { width: 100px; height: 100px; position: absolute; + object-fit: cover; bottom: 20px; left: 20px; border: 3px solid white; @@ -1520,7 +1551,7 @@ img, a { content: counter(percentage) '%'; font-family: Helvetica, Arial, sans-serif; font-size: calc(var(--size) / 10); - color: var(--bs-primaryy); + color: var(--angor-primaryy); position: absolute; z-index: 1; } @@ -1529,7 +1560,7 @@ img, a { content: attr(data-day) '/' attr(data-total) ' days'; font-family: Helvetica, Arial, sans-serif; font-size: calc(var(--size) / 10); - color: var(--bs-primary); + color: var(--angor-primary); position: absolute; z-index: 1; } @@ -1540,16 +1571,16 @@ img, a { } .g-4 { - --bs-gutter-x: 1.5rem; - --bs-gutter-y: 1.5rem; - margin-right: calc(var(--bs-gutter-x) / -2); - margin-left: calc(var(--bs-gutter-x) / -2); + --angor-gutter-x: 1.5rem; + --angor-gutter-y: 1.5rem; + margin-right: calc(var(--angor-gutter-x) / -2); + margin-left: calc(var(--angor-gutter-x) / -2); } .g-4 > .col, .g-4 > [class^="col-"] { - padding-right: calc(var(--bs-gutter-x) / 2); - padding-left: calc(var(--bs-gutter-x) / 2); + padding-right: calc(var(--angor-gutter-x) / 2); + padding-left: calc(var(--angor-gutter-x) / 2); } @@ -1576,5 +1607,6 @@ textarea.form-control { } a, a p { - color: var(--bs-secondary) !important; + color: var(--angor-secondary) !important; } + diff --git a/src/Angor/Client/wwwroot/assets/css/dashboard.css b/src/Angor/Client/wwwroot/assets/css/dashboard.css index cee06daa..ea6733ff 100644 --- a/src/Angor/Client/wwwroot/assets/css/dashboard.css +++ b/src/Angor/Client/wwwroot/assets/css/dashboard.css @@ -1,75 +1,3 @@ -:root { - --bs-blue: #63B3ED; - --bs-indigo: #596CFF; - --bs-purple: #6f42c1; - --bs-pink: #d63384; - --bs-red: #F56565; - --bs-orange: #fd7e14; - --bs-yellow: #FBD38D; - --bs-green: #81E6D9; - --bs-teal: #20c997; - --bs-cyan: #0dcaf0; - --bs-white: #fff; - --bs-gray: #6c757d; - --bs-gray-dark: #343a40; - --bs-gray-100: #f8f9fa; - --bs-gray-200: #f0f2f5; - --bs-gray-300: #dee2e6; - --bs-gray-400: #ced4da; - --bs-gray-500: #adb5bd; - --bs-gray-600: #6c757d; - --bs-gray-700: #495057; - --bs-gray-800: #343a40; - --bs-gray-900: #212529; - --bs-primary: #1f5d6a; - --bs-secondary: #ff9900; - --bs-success: #4CAF50; - --bs-info: #1A73E8; - --bs-warning: #fb8c00; - --bs-danger: #F44335; - --bs-light: #f0f2f5; - --bs-dark: #344767; - --bs-white: #fff; - --bs-dark-blue: #1A237E; - --bs-primary-rgb: 233, 30, 99; - --bs-secondary-rgb: 0, 128, 154; - --bs-success-rgb: 76, 175, 80; - --bs-info-rgb: 26, 115, 232; - --bs-warning-rgb: 251, 140, 0; - --bs-danger-rgb: 244, 67, 53; - --bs-light-rgb: 240, 242, 245; - --bs-dark-rgb: 52, 71, 103; - --bs-white-rgb: 255, 255, 255; - --bs-dark-blue-rgb: 26, 35, 126; - --bs-white-rgb: 255, 255, 255; - --bs-black-rgb: 0, 0, 0; - --bs-body-color-rgb: 0, 128, 154; - --bs-body-bg-rgb: 255, 255, 255; - --bs-font-sans-serif: "Roboto", Helvetica, Arial, sans-serif; - --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); - --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 1rem; - --bs-body-font-weight: 400; - --bs-body-line-height: 1.5; - --bs-body-color: #ff9900; - --bs-body-bg: #fff; - --bs-border-width: 1px; - --bs-border-style: solid; - --bs-border-color: #dee2e6; - --bs-border-color-translucent: rgba(0, 0, 0, 0.175); - --bs-border-radius: 0.375rem; - --bs-border-radius-sm: 0.125rem; - --bs-border-radius-lg: 0.5rem; - --bs-border-radius-xl: 0.75rem; - --bs-border-radius-2xl: 1rem; - --bs-border-radius-pill: 50rem; - --bs-link-color: #1f5d6a; - --bs-link-hover-color: #1f5d6a; - --bs-code-color: #d63384; - --bs-highlight-bg: #fcf8e3; -} - *, *::before, *::after { @@ -84,13 +12,13 @@ body { margin: 0; - font-family: var(--bs-body-font-family); - font-size: var(--bs-body-font-size); - font-weight: var(--bs-body-font-weight); - line-height: var(--bs-body-line-height); - color: var(--bs-body-color); - text-align: var(--bs-body-text-align); - background-color: var(--bs-body-bg); + font-family: var(--angor-body-font-family); + font-size: var(--angor-body-font-size); + font-weight: var(--angor-body-font-weight); + line-height: var(--angor-body-line-height); + color: var(--angor-body-color) !important; + text-align: var(--angor-body-text-align); + background-color: var(--angor-body-bg); overflow-y: scroll; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); @@ -246,7 +174,7 @@ small, mark, .mark { padding: 0.2em; - background-color: var(--bs-highlight-bg); + background-color: var(--angor-highlight-bg); } sub, @@ -266,12 +194,12 @@ sup { } a { - color: var(--bs-link-color); + color: var(--angor-link-color); text-decoration: none; } a:hover { - color: var(--bs-link-hover-color); + color: var(--angor-link-hover-color); text-decoration: none; } @@ -285,7 +213,7 @@ pre, code, kbd, samp { - font-family: var(--bs-font-monospace); + font-family: var(--angor-font-monospace); font-size: 1em; } @@ -305,7 +233,7 @@ pre { code { font-size: 0.875em; - color: var(--bs-code-color); + color: var(--angor-code-color); word-wrap: break-word; } @@ -665,11 +593,11 @@ progress { .container-lg, .container-xl, .container-xxl { - --bs-gutter-x: 1.5rem; - --bs-gutter-y: 0; + --angor-gutter-x: 1.5rem; + --angor-gutter-y: 0; width: 100%; - padding-right: calc(var(--bs-gutter-x) * .5); - padding-left: calc(var(--bs-gutter-x) * .5); + padding-right: calc(var(--angor-gutter-x) * .5); + padding-left: calc(var(--angor-gutter-x) * .5); margin-right: auto; margin-left: auto; } @@ -725,20 +653,20 @@ progress { } .row { - --bs-gutter-x: 1.5rem; - --bs-gutter-y: 0; + --angor-gutter-x: 1.5rem; + --angor-gutter-y: 0; display: flex; flex-wrap: wrap; - margin-top: calc(-1 * var(--bs-gutter-y)); + margin-top: calc(-1 * var(--angor-gutter-y)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; - /* padding-right: calc(var(--bs-gutter-x) * .5); - padding-left: calc(var(--bs-gutter-x) * .5);*/ - margin-top: var(--bs-gutter-y); + /* padding-right: calc(var(--angor-gutter-x) * .5); + padding-left: calc(var(--angor-gutter-x) * .5);*/ + margin-top: var(--angor-gutter-y); } .col { @@ -891,132 +819,132 @@ progress { .g-0, .gx-0 { - --bs-gutter-x: 0; + --angor-gutter-x: 0; } .g-0, .gy-0 { - --bs-gutter-y: 0; + --angor-gutter-y: 0; } .g-1, .gx-1 { - --bs-gutter-x: 0.25rem; + --angor-gutter-x: 0.25rem; } .g-1, .gy-1 { - --bs-gutter-y: 0.25rem; + --angor-gutter-y: 0.25rem; } .g-2, .gx-2 { - --bs-gutter-x: 0.5rem; + --angor-gutter-x: 0.5rem; } .g-2, .gy-2 { - --bs-gutter-y: 0.5rem; + --angor-gutter-y: 0.5rem; } .g-3, .gx-3 { - --bs-gutter-x: 1rem; + --angor-gutter-x: 1rem; } .g-3, .gy-3 { - --bs-gutter-y: 1rem; + --angor-gutter-y: 1rem; } .g-4, .gx-4 { - --bs-gutter-x: 1.5rem; + --angor-gutter-x: 1.5rem; } .g-4, .gy-4 { - --bs-gutter-y: 1.5rem; + --angor-gutter-y: 1.5rem; } .g-5, .gx-5 { - --bs-gutter-x: 3rem; + --angor-gutter-x: 3rem; } .g-5, .gy-5 { - --bs-gutter-y: 3rem; + --angor-gutter-y: 3rem; } .g-6, .gx-6 { - --bs-gutter-x: 4rem; + --angor-gutter-x: 4rem; } .g-6, .gy-6 { - --bs-gutter-y: 4rem; + --angor-gutter-y: 4rem; } .g-7, .gx-7 { - --bs-gutter-x: 6rem; + --angor-gutter-x: 6rem; } .g-7, .gy-7 { - --bs-gutter-y: 6rem; + --angor-gutter-y: 6rem; } .g-8, .gx-8 { - --bs-gutter-x: 8rem; + --angor-gutter-x: 8rem; } .g-8, .gy-8 { - --bs-gutter-y: 8rem; + --angor-gutter-y: 8rem; } .g-9, .gx-9 { - --bs-gutter-x: 10rem; + --angor-gutter-x: 10rem; } .g-9, .gy-9 { - --bs-gutter-y: 10rem; + --angor-gutter-y: 10rem; } .g-10, .gx-10 { - --bs-gutter-x: 12rem; + --angor-gutter-x: 12rem; } .g-10, .gy-10 { - --bs-gutter-y: 12rem; + --angor-gutter-y: 12rem; } .g-11, .gx-11 { - --bs-gutter-x: 14rem; + --angor-gutter-x: 14rem; } .g-11, .gy-11 { - --bs-gutter-y: 14rem; + --angor-gutter-y: 14rem; } .g-12, .gx-12 { - --bs-gutter-x: 16rem; + --angor-gutter-x: 16rem; } .g-12, .gy-12 { - --bs-gutter-y: 16rem; + --angor-gutter-y: 16rem; } @media (min-width: 576px) { @@ -1174,132 +1102,132 @@ progress { .g-sm-0, .gx-sm-0 { - --bs-gutter-x: 0; + --angor-gutter-x: 0; } .g-sm-0, .gy-sm-0 { - --bs-gutter-y: 0; + --angor-gutter-y: 0; } .g-sm-1, .gx-sm-1 { - --bs-gutter-x: 0.25rem; + --angor-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { - --bs-gutter-y: 0.25rem; + --angor-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { - --bs-gutter-x: 0.5rem; + --angor-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { - --bs-gutter-y: 0.5rem; + --angor-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { - --bs-gutter-x: 1rem; + --angor-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { - --bs-gutter-y: 1rem; + --angor-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { - --bs-gutter-x: 1.5rem; + --angor-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { - --bs-gutter-y: 1.5rem; + --angor-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { - --bs-gutter-x: 3rem; + --angor-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { - --bs-gutter-y: 3rem; + --angor-gutter-y: 3rem; } .g-sm-6, .gx-sm-6 { - --bs-gutter-x: 4rem; + --angor-gutter-x: 4rem; } .g-sm-6, .gy-sm-6 { - --bs-gutter-y: 4rem; + --angor-gutter-y: 4rem; } .g-sm-7, .gx-sm-7 { - --bs-gutter-x: 6rem; + --angor-gutter-x: 6rem; } .g-sm-7, .gy-sm-7 { - --bs-gutter-y: 6rem; + --angor-gutter-y: 6rem; } .g-sm-8, .gx-sm-8 { - --bs-gutter-x: 8rem; + --angor-gutter-x: 8rem; } .g-sm-8, .gy-sm-8 { - --bs-gutter-y: 8rem; + --angor-gutter-y: 8rem; } .g-sm-9, .gx-sm-9 { - --bs-gutter-x: 10rem; + --angor-gutter-x: 10rem; } .g-sm-9, .gy-sm-9 { - --bs-gutter-y: 10rem; + --angor-gutter-y: 10rem; } .g-sm-10, .gx-sm-10 { - --bs-gutter-x: 12rem; + --angor-gutter-x: 12rem; } .g-sm-10, .gy-sm-10 { - --bs-gutter-y: 12rem; + --angor-gutter-y: 12rem; } .g-sm-11, .gx-sm-11 { - --bs-gutter-x: 14rem; + --angor-gutter-x: 14rem; } .g-sm-11, .gy-sm-11 { - --bs-gutter-y: 14rem; + --angor-gutter-y: 14rem; } .g-sm-12, .gx-sm-12 { - --bs-gutter-x: 16rem; + --angor-gutter-x: 16rem; } .g-sm-12, .gy-sm-12 { - --bs-gutter-y: 16rem; + --angor-gutter-y: 16rem; } } @@ -1458,132 +1386,132 @@ progress { .g-md-0, .gx-md-0 { - --bs-gutter-x: 0; + --angor-gutter-x: 0; } .g-md-0, .gy-md-0 { - --bs-gutter-y: 0; + --angor-gutter-y: 0; } .g-md-1, .gx-md-1 { - --bs-gutter-x: 0.25rem; + --angor-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { - --bs-gutter-y: 0.25rem; + --angor-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { - --bs-gutter-x: 0.5rem; + --angor-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { - --bs-gutter-y: 0.5rem; + --angor-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { - --bs-gutter-x: 1rem; + --angor-gutter-x: 1rem; } .g-md-3, .gy-md-3 { - --bs-gutter-y: 1rem; + --angor-gutter-y: 1rem; } .g-md-4, .gx-md-4 { - --bs-gutter-x: 1.5rem; + --angor-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { - --bs-gutter-y: 1.5rem; + --angor-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { - --bs-gutter-x: 3rem; + --angor-gutter-x: 3rem; } .g-md-5, .gy-md-5 { - --bs-gutter-y: 3rem; + --angor-gutter-y: 3rem; } .g-md-6, .gx-md-6 { - --bs-gutter-x: 4rem; + --angor-gutter-x: 4rem; } .g-md-6, .gy-md-6 { - --bs-gutter-y: 4rem; + --angor-gutter-y: 4rem; } .g-md-7, .gx-md-7 { - --bs-gutter-x: 6rem; + --angor-gutter-x: 6rem; } .g-md-7, .gy-md-7 { - --bs-gutter-y: 6rem; + --angor-gutter-y: 6rem; } .g-md-8, .gx-md-8 { - --bs-gutter-x: 8rem; + --angor-gutter-x: 8rem; } .g-md-8, .gy-md-8 { - --bs-gutter-y: 8rem; + --angor-gutter-y: 8rem; } .g-md-9, .gx-md-9 { - --bs-gutter-x: 10rem; + --angor-gutter-x: 10rem; } .g-md-9, .gy-md-9 { - --bs-gutter-y: 10rem; + --angor-gutter-y: 10rem; } .g-md-10, .gx-md-10 { - --bs-gutter-x: 12rem; + --angor-gutter-x: 12rem; } .g-md-10, .gy-md-10 { - --bs-gutter-y: 12rem; + --angor-gutter-y: 12rem; } .g-md-11, .gx-md-11 { - --bs-gutter-x: 14rem; + --angor-gutter-x: 14rem; } .g-md-11, .gy-md-11 { - --bs-gutter-y: 14rem; + --angor-gutter-y: 14rem; } .g-md-12, .gx-md-12 { - --bs-gutter-x: 16rem; + --angor-gutter-x: 16rem; } .g-md-12, .gy-md-12 { - --bs-gutter-y: 16rem; + --angor-gutter-y: 16rem; } } @@ -1742,132 +1670,132 @@ progress { .g-lg-0, .gx-lg-0 { - --bs-gutter-x: 0; + --angor-gutter-x: 0; } .g-lg-0, .gy-lg-0 { - --bs-gutter-y: 0; + --angor-gutter-y: 0; } .g-lg-1, .gx-lg-1 { - --bs-gutter-x: 0.25rem; + --angor-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { - --bs-gutter-y: 0.25rem; + --angor-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { - --bs-gutter-x: 0.5rem; + --angor-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { - --bs-gutter-y: 0.5rem; + --angor-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { - --bs-gutter-x: 1rem; + --angor-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { - --bs-gutter-y: 1rem; + --angor-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { - --bs-gutter-x: 1.5rem; + --angor-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { - --bs-gutter-y: 1.5rem; + --angor-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { - --bs-gutter-x: 3rem; + --angor-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { - --bs-gutter-y: 3rem; + --angor-gutter-y: 3rem; } .g-lg-6, .gx-lg-6 { - --bs-gutter-x: 4rem; + --angor-gutter-x: 4rem; } .g-lg-6, .gy-lg-6 { - --bs-gutter-y: 4rem; + --angor-gutter-y: 4rem; } .g-lg-7, .gx-lg-7 { - --bs-gutter-x: 6rem; + --angor-gutter-x: 6rem; } .g-lg-7, .gy-lg-7 { - --bs-gutter-y: 6rem; + --angor-gutter-y: 6rem; } .g-lg-8, .gx-lg-8 { - --bs-gutter-x: 8rem; + --angor-gutter-x: 8rem; } .g-lg-8, .gy-lg-8 { - --bs-gutter-y: 8rem; + --angor-gutter-y: 8rem; } .g-lg-9, .gx-lg-9 { - --bs-gutter-x: 10rem; + --angor-gutter-x: 10rem; } .g-lg-9, .gy-lg-9 { - --bs-gutter-y: 10rem; + --angor-gutter-y: 10rem; } .g-lg-10, .gx-lg-10 { - --bs-gutter-x: 12rem; + --angor-gutter-x: 12rem; } .g-lg-10, .gy-lg-10 { - --bs-gutter-y: 12rem; + --angor-gutter-y: 12rem; } .g-lg-11, .gx-lg-11 { - --bs-gutter-x: 14rem; + --angor-gutter-x: 14rem; } .g-lg-11, .gy-lg-11 { - --bs-gutter-y: 14rem; + --angor-gutter-y: 14rem; } .g-lg-12, .gx-lg-12 { - --bs-gutter-x: 16rem; + --angor-gutter-x: 16rem; } .g-lg-12, .gy-lg-12 { - --bs-gutter-y: 16rem; + --angor-gutter-y: 16rem; } } @@ -2026,132 +1954,132 @@ progress { .g-xl-0, .gx-xl-0 { - --bs-gutter-x: 0; + --angor-gutter-x: 0; } .g-xl-0, .gy-xl-0 { - --bs-gutter-y: 0; + --angor-gutter-y: 0; } .g-xl-1, .gx-xl-1 { - --bs-gutter-x: 0.25rem; + --angor-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { - --bs-gutter-y: 0.25rem; + --angor-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { - --bs-gutter-x: 0.5rem; + --angor-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { - --bs-gutter-y: 0.5rem; + --angor-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { - --bs-gutter-x: 1rem; + --angor-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { - --bs-gutter-y: 1rem; + --angor-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { - --bs-gutter-x: 1.5rem; + --angor-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { - --bs-gutter-y: 1.5rem; + --angor-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { - --bs-gutter-x: 3rem; + --angor-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { - --bs-gutter-y: 3rem; + --angor-gutter-y: 3rem; } .g-xl-6, .gx-xl-6 { - --bs-gutter-x: 4rem; + --angor-gutter-x: 4rem; } .g-xl-6, .gy-xl-6 { - --bs-gutter-y: 4rem; + --angor-gutter-y: 4rem; } .g-xl-7, .gx-xl-7 { - --bs-gutter-x: 6rem; + --angor-gutter-x: 6rem; } .g-xl-7, .gy-xl-7 { - --bs-gutter-y: 6rem; + --angor-gutter-y: 6rem; } .g-xl-8, .gx-xl-8 { - --bs-gutter-x: 8rem; + --angor-gutter-x: 8rem; } .g-xl-8, .gy-xl-8 { - --bs-gutter-y: 8rem; + --angor-gutter-y: 8rem; } .g-xl-9, .gx-xl-9 { - --bs-gutter-x: 10rem; + --angor-gutter-x: 10rem; } .g-xl-9, .gy-xl-9 { - --bs-gutter-y: 10rem; + --angor-gutter-y: 10rem; } .g-xl-10, .gx-xl-10 { - --bs-gutter-x: 12rem; + --angor-gutter-x: 12rem; } .g-xl-10, .gy-xl-10 { - --bs-gutter-y: 12rem; + --angor-gutter-y: 12rem; } .g-xl-11, .gx-xl-11 { - --bs-gutter-x: 14rem; + --angor-gutter-x: 14rem; } .g-xl-11, .gy-xl-11 { - --bs-gutter-y: 14rem; + --angor-gutter-y: 14rem; } .g-xl-12, .gx-xl-12 { - --bs-gutter-x: 16rem; + --angor-gutter-x: 16rem; } .g-xl-12, .gy-xl-12 { - --bs-gutter-y: 16rem; + --angor-gutter-y: 16rem; } } @@ -2310,157 +2238,157 @@ progress { .g-xxl-0, .gx-xxl-0 { - --bs-gutter-x: 0; + --angor-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { - --bs-gutter-y: 0; + --angor-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { - --bs-gutter-x: 0.25rem; + --angor-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { - --bs-gutter-y: 0.25rem; + --angor-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { - --bs-gutter-x: 0.5rem; + --angor-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { - --bs-gutter-y: 0.5rem; + --angor-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { - --bs-gutter-x: 1rem; + --angor-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { - --bs-gutter-y: 1rem; + --angor-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { - --bs-gutter-x: 1.5rem; + --angor-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { - --bs-gutter-y: 1.5rem; + --angor-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { - --bs-gutter-x: 3rem; + --angor-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { - --bs-gutter-y: 3rem; + --angor-gutter-y: 3rem; } .g-xxl-6, .gx-xxl-6 { - --bs-gutter-x: 4rem; + --angor-gutter-x: 4rem; } .g-xxl-6, .gy-xxl-6 { - --bs-gutter-y: 4rem; + --angor-gutter-y: 4rem; } .g-xxl-7, .gx-xxl-7 { - --bs-gutter-x: 6rem; + --angor-gutter-x: 6rem; } .g-xxl-7, .gy-xxl-7 { - --bs-gutter-y: 6rem; + --angor-gutter-y: 6rem; } .g-xxl-8, .gx-xxl-8 { - --bs-gutter-x: 8rem; + --angor-gutter-x: 8rem; } .g-xxl-8, .gy-xxl-8 { - --bs-gutter-y: 8rem; + --angor-gutter-y: 8rem; } .g-xxl-9, .gx-xxl-9 { - --bs-gutter-x: 10rem; + --angor-gutter-x: 10rem; } .g-xxl-9, .gy-xxl-9 { - --bs-gutter-y: 10rem; + --angor-gutter-y: 10rem; } .g-xxl-10, .gx-xxl-10 { - --bs-gutter-x: 12rem; + --angor-gutter-x: 12rem; } .g-xxl-10, .gy-xxl-10 { - --bs-gutter-y: 12rem; + --angor-gutter-y: 12rem; } .g-xxl-11, .gx-xxl-11 { - --bs-gutter-x: 14rem; + --angor-gutter-x: 14rem; } .g-xxl-11, .gy-xxl-11 { - --bs-gutter-y: 14rem; + --angor-gutter-y: 14rem; } .g-xxl-12, .gx-xxl-12 { - --bs-gutter-x: 16rem; + --angor-gutter-x: 16rem; } .g-xxl-12, .gy-xxl-12 { - --bs-gutter-y: 16rem; + --angor-gutter-y: 16rem; } } .table { - --bs-table-color: #ff9900; - --bs-table-bg: transparent; - --bs-table-border-color: #f0f2f5; - --bs-table-accent-bg: transparent; - --bs-table-striped-color: #ff9900; - --bs-table-striped-bg: rgba(0, 0, 0, 0.05); - --bs-table-active-color: #ff9900; - --bs-table-active-bg: rgba(0, 0, 0, 0.1); - --bs-table-hover-color: #ff9900; - --bs-table-hover-bg: rgba(0, 0, 0, 0.075); + --angor-table-color: #ff9900; + --angor-table-bg: transparent; + --angor-table-border-color: #f0f2f5; + --angor-table-accent-bg: transparent; + --angor-table-striped-color: #ff9900; + --angor-table-striped-bg: rgba(0, 0, 0, 0.05); + --angor-table-active-color: #ff9900; + --angor-table-active-bg: rgba(0, 0, 0, 0.1); + --angor-table-hover-color: #ff9900; + --angor-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; - border-color: var(--bs-table-border-color); + border-color: var(--angor-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; - background-color: var(--bs-table-bg); + background-color: var(--angor-table-bg); border-bottom-width: 1px; - box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); + box-shadow: inset 0 0 0 9999px var(--angor-table-accent-bg); } .table > tbody { @@ -2500,135 +2428,135 @@ progress { } .table-striped > tbody > tr:nth-of-type(odd) > * { - --bs-table-accent-bg: var(--bs-table-striped-bg); - color: var(--bs-table-striped-color); + --angor-table-accent-bg: var(--angor-table-striped-bg); + color: var(--angor-table-striped-color); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { - --bs-table-accent-bg: var(--bs-table-striped-bg); - color: var(--bs-table-striped-color); + --angor-table-accent-bg: var(--angor-table-striped-bg); + color: var(--angor-table-striped-color); } .table-active { - --bs-table-accent-bg: var(--bs-table-active-bg); - color: var(--bs-table-active-color); + --angor-table-accent-bg: var(--angor-table-active-bg); + color: var(--angor-table-active-color); } .table-hover > tbody > tr:hover > * { - --bs-table-accent-bg: var(--bs-table-hover-bg); - color: var(--bs-table-hover-color); + --angor-table-accent-bg: var(--angor-table-hover-bg); + color: var(--angor-table-hover-color); } .table-primary { - --bs-table-color: #000; - --bs-table-bg: #fbd2e0; - --bs-table-border-color: #e2bdca; - --bs-table-striped-bg: #eec8d5; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e2bdca; - --bs-table-active-color: #000; - --bs-table-hover-bg: #e8c2cf; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + --angor-table-color: #000; + --angor-table-bg: #fbd2e0; + --angor-table-border-color: #e2bdca; + --angor-table-striped-bg: #eec8d5; + --angor-table-striped-color: #000; + --angor-table-active-bg: #e2bdca; + --angor-table-active-color: #000; + --angor-table-hover-bg: #e8c2cf; + --angor-table-hover-color: #000; + color: var(--angor-table-color); + border-color: var(--angor-table-border-color); } .table-secondary { - --bs-table-color: #000; - --bs-table-bg: #e5e6eb; - --bs-table-border-color: #cecfd4; - --bs-table-striped-bg: #dadbdf; - --bs-table-striped-color: #000; - --bs-table-active-bg: #cecfd4; - --bs-table-active-color: #000; - --bs-table-hover-bg: #d4d5d9; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + --angor-table-color: #000; + --angor-table-bg: #e5e6eb; + --angor-table-border-color: #cecfd4; + --angor-table-striped-bg: #dadbdf; + --angor-table-striped-color: #000; + --angor-table-active-bg: #cecfd4; + --angor-table-active-color: #000; + --angor-table-hover-bg: #d4d5d9; + --angor-table-hover-color: #000; + color: var(--angor-table-color); + border-color: var(--angor-table-border-color); } .table-success { - --bs-table-color: #000; - --bs-table-bg: #dbefdc; - --bs-table-border-color: #c5d7c6; - --bs-table-striped-bg: #d0e3d1; - --bs-table-striped-color: #000; - --bs-table-active-bg: #c5d7c6; - --bs-table-active-color: #000; - --bs-table-hover-bg: #cbddcc; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + --angor-table-color: #000; + --angor-table-bg: #dbefdc; + --angor-table-border-color: #c5d7c6; + --angor-table-striped-bg: #d0e3d1; + --angor-table-striped-color: #000; + --angor-table-active-bg: #c5d7c6; + --angor-table-active-color: #000; + --angor-table-hover-bg: #cbddcc; + --angor-table-hover-color: #000; + color: var(--angor-table-color); + border-color: var(--angor-table-border-color); } .table-info { - --bs-table-color: #000; - --bs-table-bg: #d1e3fa; - --bs-table-border-color: #bccce1; - --bs-table-striped-bg: #c7d8ee; - --bs-table-striped-color: #000; - --bs-table-active-bg: #bccce1; - --bs-table-active-color: #000; - --bs-table-hover-bg: #c1d2e7; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + --angor-table-color: #000; + --angor-table-bg: #d1e3fa; + --angor-table-border-color: #bccce1; + --angor-table-striped-bg: #c7d8ee; + --angor-table-striped-color: #000; + --angor-table-active-bg: #bccce1; + --angor-table-active-color: #000; + --angor-table-hover-bg: #c1d2e7; + --angor-table-hover-color: #000; + color: var(--angor-table-color); + border-color: var(--angor-table-border-color); } .table-warning { - --bs-table-color: #000; - --bs-table-bg: #fee8cc; - --bs-table-border-color: #e5d1b8; - --bs-table-striped-bg: #f1dcc2; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e5d1b8; - --bs-table-active-color: #000; - --bs-table-hover-bg: #ebd7bd; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + --angor-table-color: #000; + --angor-table-bg: #fee8cc; + --angor-table-border-color: #e5d1b8; + --angor-table-striped-bg: #f1dcc2; + --angor-table-striped-color: #000; + --angor-table-active-bg: #e5d1b8; + --angor-table-active-color: #000; + --angor-table-hover-bg: #ebd7bd; + --angor-table-hover-color: #000; + color: var(--angor-table-color); + border-color: var(--angor-table-border-color); } .table-danger { - --bs-table-color: #000; - --bs-table-bg: #fdd9d7; - --bs-table-border-color: #e4c3c2; - --bs-table-striped-bg: #f0cecc; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e4c3c2; - --bs-table-active-color: #000; - --bs-table-hover-bg: #eac9c7; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + --angor-table-color: #000; + --angor-table-bg: #fdd9d7; + --angor-table-border-color: #e4c3c2; + --angor-table-striped-bg: #f0cecc; + --angor-table-striped-color: #000; + --angor-table-active-bg: #e4c3c2; + --angor-table-active-color: #000; + --angor-table-hover-bg: #eac9c7; + --angor-table-hover-color: #000; + color: var(--angor-table-color); + border-color: var(--angor-table-border-color); } .table-light { - --bs-table-color: #000; - --bs-table-bg: #f0f2f5; - --bs-table-border-color: #d8dadd; - --bs-table-striped-bg: #e4e6e9; - --bs-table-striped-color: #000; - --bs-table-active-bg: #d8dadd; - --bs-table-active-color: #000; - --bs-table-hover-bg: #dee0e3; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + --angor-table-color: #000; + --angor-table-bg: #f0f2f5; + --angor-table-border-color: #d8dadd; + --angor-table-striped-bg: #e4e6e9; + --angor-table-striped-color: #000; + --angor-table-active-bg: #d8dadd; + --angor-table-active-color: #000; + --angor-table-hover-bg: #dee0e3; + --angor-table-hover-color: #000; + color: var(--angor-table-color); + border-color: var(--angor-table-border-color); } .table-dark { - --bs-table-color: #fff; - --bs-table-bg: #344767; - --bs-table-border-color: #485976; - --bs-table-striped-bg: #3e506f; - --bs-table-striped-color: #fff; - --bs-table-active-bg: #485976; - --bs-table-active-color: #fff; - --bs-table-hover-bg: #435572; - --bs-table-hover-color: #fff; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + --angor-table-color: #fff; + --angor-table-bg: #344767; + --angor-table-border-color: #485976; + --angor-table-striped-bg: #3e506f; + --angor-table-striped-color: #fff; + --angor-table-active-bg: #485976; + --angor-table-active-color: #fff; + --angor-table-hover-bg: #435572; + --angor-table-hover-color: #fff; + color: var(--angor-table-color); + border-color: var(--angor-table-border-color); } .table-responsive { @@ -3581,34 +3509,34 @@ textarea.form-control.is-invalid { } .btn { - --bs-btn-padding-x: 1.5rem; - --bs-btn-padding-y: 0.625rem; - --bs-btn-font-size: 0.75rem; - --bs-btn-font-weight: 700; - --bs-btn-line-height: 1.667; - --bs-btn-color: #ff9900; - --bs-btn-bg: transparent; - --bs-btn-border-width: 1px; - --bs-btn-border-color: transparent; - --bs-btn-border-radius: 0.5rem; - --bs-btn-hover-border-color: transparent; - --bs-btn-box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07); - --bs-btn-disabled-opacity: 0.65; - --bs-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), .5); + --angor-btn-padding-x: 1.5rem; + --angor-btn-padding-y: 0.625rem; + --angor-btn-font-size: 0.75rem; + --angor-btn-font-weight: 700; + --angor-btn-line-height: 1.667; + --angor-btn-color: #ff9900; + --angor-btn-bg: transparent; + --angor-btn-border-width: 1px; + --angor-btn-border-color: transparent; + --angor-btn-border-radius: 0.5rem; + --angor-btn-hover-border-color: transparent; + --angor-btn-box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07); + --angor-btn-disabled-opacity: 0.65; + --angor-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--angor-btn-focus-shadow-rgb), .5); display: inline-block; - padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); - font-family: var(--bs-btn-font-family); - font-size: var(--bs-btn-font-size); - font-weight: var(--bs-btn-font-weight); - line-height: var(--bs-btn-line-height); - color: var(--bs-btn-color); + padding: var(--angor-btn-padding-y) var(--angor-btn-padding-x); + font-family: var(--angor-btn-font-family); + font-size: var(--angor-btn-font-size); + font-weight: var(--angor-btn-font-weight); + line-height: var(--angor-btn-line-height); + color: var(--angor-btn-color); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; - border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); - border-radius: var(--bs-btn-border-radius); - background-color: var(--bs-btn-bg); + border: var(--angor-btn-border-width) solid var(--angor-btn-border-color); + border-radius: var(--angor-btn-border-radius); + background-color: var(--angor-btn-bg); transition: all 0.15s ease-in; } @@ -3619,29 +3547,29 @@ textarea.form-control.is-invalid { } .btn:hover { - color: var(--bs-btn-hover-color); - background-color: var(--bs-btn-hover-bg); - border-color: var(--bs-btn-hover-border-color); + color: var(--angor-btn-hover-color); + background-color: var(--angor-btn-hover-bg); + border-color: var(--angor-btn-hover-border-color); } .btn-check + .btn:hover { - color: var(--bs-btn-color); - background-color: var(--bs-btn-bg); - border-color: var(--bs-btn-border-color); + color: var(--angor-btn-color); + background-color: var(--angor-btn-bg); + border-color: var(--angor-btn-border-color); } .btn:focus-visible { - color: var(--bs-btn-hover-color); - background-color: var(--bs-btn-hover-bg); - border-color: var(--bs-btn-hover-border-color); + color: var(--angor-btn-hover-color); + background-color: var(--angor-btn-hover-bg); + border-color: var(--angor-btn-hover-border-color); outline: 0; - box-shadow: var(--bs-btn-focus-box-shadow); + box-shadow: var(--angor-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { - border-color: var(--bs-btn-hover-border-color); + border-color: var(--angor-btn-hover-border-color); outline: 0; - box-shadow: var(--bs-btn-focus-box-shadow); + box-shadow: var(--angor-btn-focus-box-shadow); } .btn-check:checked + .btn, @@ -3649,9 +3577,9 @@ textarea.form-control.is-invalid { .btn:first-child:active, .btn.active, .btn.show { - color: var(--bs-btn-active-color); - background-color: var(--bs-btn-active-bg); - border-color: var(--bs-btn-active-border-color); + color: var(--angor-btn-active-color); + background-color: var(--angor-btn-active-bg); + border-color: var(--angor-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, @@ -3659,372 +3587,372 @@ textarea.form-control.is-invalid { .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { - box-shadow: var(--bs-btn-focus-box-shadow); + box-shadow: var(--angor-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { - color: var(--bs-btn-disabled-color); + color: var(--angor-btn-disabled-color); pointer-events: none; - background-color: var(--bs-btn-disabled-bg); - border-color: var(--bs-btn-disabled-border-color); - opacity: var(--bs-btn-disabled-opacity); + background-color: var(--angor-btn-disabled-bg); + border-color: var(--angor-btn-disabled-border-color); + opacity: var(--angor-btn-disabled-opacity); } .btn-primary { - --bs-btn-color: #000; - --bs-btn-bg: #1f5d6a; - --bs-btn-border-color: #1f5d6a; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #ec407a; - --bs-btn-hover-border-color: #eb3573; - --bs-btn-focus-shadow-rgb: 198, 26, 84; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #ed4b82; - --bs-btn-active-border-color: #eb3573; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #1f5d6a; - --bs-btn-disabled-border-color: #1f5d6a; + --angor-btn-color: #000; + --angor-btn-bg: #1f5d6a; + --angor-btn-border-color: #1f5d6a; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #ec407a; + --angor-btn-hover-border-color: #eb3573; + --angor-btn-focus-shadow-rgb: 198, 26, 84; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #ed4b82; + --angor-btn-active-border-color: #eb3573; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #000; + --angor-btn-disabled-bg: #1f5d6a; + --angor-btn-disabled-border-color: #1f5d6a; } .btn-secondary { - --bs-btn-color: #000; - --bs-btn-bg: #ff9900; - --bs-btn-border-color: #ff9900; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #8f93a9; - --bs-btn-hover-border-color: #888da4; - --bs-btn-focus-shadow-rgb: 105, 109, 131; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #9599ae; - --bs-btn-active-border-color: #888da4; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #ff9900; - --bs-btn-disabled-border-color: #ff9900; + --angor-btn-color: #000; + --angor-btn-bg: #ff9900; + --angor-btn-border-color: #ff9900; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #8f93a9; + --angor-btn-hover-border-color: #888da4; + --angor-btn-focus-shadow-rgb: 105, 109, 131; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #9599ae; + --angor-btn-active-border-color: #888da4; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #000; + --angor-btn-disabled-bg: #ff9900; + --angor-btn-disabled-border-color: #ff9900; } .btn-success { - --bs-btn-color: #000; - --bs-btn-bg: #4CAF50; - --bs-btn-border-color: #4CAF50; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #67bb6a; - --bs-btn-hover-border-color: #5eb762; - --bs-btn-focus-shadow-rgb: 65, 149, 68; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #70bf73; - --bs-btn-active-border-color: #5eb762; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #4CAF50; - --bs-btn-disabled-border-color: #4CAF50; + --angor-btn-color: #000; + --angor-btn-bg: #4CAF50; + --angor-btn-border-color: #4CAF50; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #67bb6a; + --angor-btn-hover-border-color: #5eb762; + --angor-btn-focus-shadow-rgb: 65, 149, 68; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #70bf73; + --angor-btn-active-border-color: #5eb762; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #000; + --angor-btn-disabled-bg: #4CAF50; + --angor-btn-disabled-border-color: #4CAF50; } .btn-info { - --bs-btn-color: #fff; - --bs-btn-bg: #1A73E8; - --bs-btn-border-color: #1A73E8; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #1662c5; - --bs-btn-hover-border-color: #155cba; - --bs-btn-focus-shadow-rgb: 60, 136, 235; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #155cba; - --bs-btn-active-border-color: #1456ae; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #1A73E8; - --bs-btn-disabled-border-color: #1A73E8; + --angor-btn-color: #fff; + --angor-btn-bg: #1A73E8; + --angor-btn-border-color: #1A73E8; + --angor-btn-hover-color: #fff; + --angor-btn-hover-bg: #1662c5; + --angor-btn-hover-border-color: #155cba; + --angor-btn-focus-shadow-rgb: 60, 136, 235; + --angor-btn-active-color: #fff; + --angor-btn-active-bg: #155cba; + --angor-btn-active-border-color: #1456ae; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #fff; + --angor-btn-disabled-bg: #1A73E8; + --angor-btn-disabled-border-color: #1A73E8; } .btn-warning { - --bs-btn-color: #000; - --bs-btn-bg: #fb8c00; - --bs-btn-border-color: #fb8c00; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #fc9d26; - --bs-btn-hover-border-color: #fb981a; - --bs-btn-focus-shadow-rgb: 213, 119, 0; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #fca333; - --bs-btn-active-border-color: #fb981a; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #fb8c00; - --bs-btn-disabled-border-color: #fb8c00; + --angor-btn-color: #000; + --angor-btn-bg: #fb8c00; + --angor-btn-border-color: #fb8c00; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #fc9d26; + --angor-btn-hover-border-color: #fb981a; + --angor-btn-focus-shadow-rgb: 213, 119, 0; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #fca333; + --angor-btn-active-border-color: #fb981a; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #000; + --angor-btn-disabled-bg: #fb8c00; + --angor-btn-disabled-border-color: #fb8c00; } .btn-danger { - --bs-btn-color: #000; - --bs-btn-bg: #F44335; - --bs-btn-border-color: #F44335; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #f65f53; - --bs-btn-hover-border-color: #f55649; - --bs-btn-focus-shadow-rgb: 207, 57, 45; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #f6695d; - --bs-btn-active-border-color: #f55649; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #F44335; - --bs-btn-disabled-border-color: #F44335; + --angor-btn-color: #000; + --angor-btn-bg: #F44335; + --angor-btn-border-color: #F44335; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #f65f53; + --angor-btn-hover-border-color: #f55649; + --angor-btn-focus-shadow-rgb: 207, 57, 45; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #f6695d; + --angor-btn-active-border-color: #f55649; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #000; + --angor-btn-disabled-bg: #F44335; + --angor-btn-disabled-border-color: #F44335; } .btn-light { - --bs-btn-color: #000; - --bs-btn-bg: #f0f2f5; - --bs-btn-border-color: #f0f2f5; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #ccced0; - --bs-btn-hover-border-color: #c0c2c4; - --bs-btn-focus-shadow-rgb: 204, 206, 208; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #c0c2c4; - --bs-btn-active-border-color: #b4b6b8; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #f0f2f5; - --bs-btn-disabled-border-color: #f0f2f5; + --angor-btn-color: #000; + --angor-btn-bg: #f0f2f5; + --angor-btn-border-color: #f0f2f5; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #ccced0; + --angor-btn-hover-border-color: #c0c2c4; + --angor-btn-focus-shadow-rgb: 204, 206, 208; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #c0c2c4; + --angor-btn-active-border-color: #b4b6b8; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #000; + --angor-btn-disabled-bg: #f0f2f5; + --angor-btn-disabled-border-color: #f0f2f5; } .btn-dark { - --bs-btn-color: #fff; - --bs-btn-bg: #344767; - --bs-btn-border-color: #344767; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #52637e; - --bs-btn-hover-border-color: #485976; - --bs-btn-focus-shadow-rgb: 82, 99, 126; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #5d6c85; - --bs-btn-active-border-color: #485976; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #344767; - --bs-btn-disabled-border-color: #344767; + --angor-btn-color: #fff; + --angor-btn-bg: #344767; + --angor-btn-border-color: #344767; + --angor-btn-hover-color: #fff; + --angor-btn-hover-bg: #52637e; + --angor-btn-hover-border-color: #485976; + --angor-btn-focus-shadow-rgb: 82, 99, 126; + --angor-btn-active-color: #fff; + --angor-btn-active-bg: #5d6c85; + --angor-btn-active-border-color: #485976; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #fff; + --angor-btn-disabled-bg: #344767; + --angor-btn-disabled-border-color: #344767; } .btn-white { - --bs-btn-color: #000; - --bs-btn-bg: #fff; - --bs-btn-border-color: #fff; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: white; - --bs-btn-hover-border-color: white; - --bs-btn-focus-shadow-rgb: 217, 217, 217; - --bs-btn-active-color: #000; - --bs-btn-active-bg: white; - --bs-btn-active-border-color: white; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #fff; - --bs-btn-disabled-border-color: #fff; + --angor-btn-color: #000; + --angor-btn-bg: #fff; + --angor-btn-border-color: #fff; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: white; + --angor-btn-hover-border-color: white; + --angor-btn-focus-shadow-rgb: 217, 217, 217; + --angor-btn-active-color: #000; + --angor-btn-active-bg: white; + --angor-btn-active-border-color: white; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #000; + --angor-btn-disabled-bg: #fff; + --angor-btn-disabled-border-color: #fff; } .btn-dark-blue { - --bs-btn-color: #fff; - --bs-btn-bg: #1A237E; - --bs-btn-border-color: #1A237E; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #161e6b; - --bs-btn-hover-border-color: #151c65; - --bs-btn-focus-shadow-rgb: 60, 68, 145; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #151c65; - --bs-btn-active-border-color: #141a5f; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #1A237E; - --bs-btn-disabled-border-color: #1A237E; + --angor-btn-color: #fff; + --angor-btn-bg: #1A237E; + --angor-btn-border-color: #1A237E; + --angor-btn-hover-color: #fff; + --angor-btn-hover-bg: #161e6b; + --angor-btn-hover-border-color: #151c65; + --angor-btn-focus-shadow-rgb: 60, 68, 145; + --angor-btn-active-color: #fff; + --angor-btn-active-bg: #151c65; + --angor-btn-active-border-color: #141a5f; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #fff; + --angor-btn-disabled-bg: #1A237E; + --angor-btn-disabled-border-color: #1A237E; } .btn-outline-primary { - --bs-btn-color: #1f5d6a; - --bs-btn-border-color: #1f5d6a; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #1f5d6a; - --bs-btn-hover-border-color: #1f5d6a; - --bs-btn-focus-shadow-rgb: 233, 30, 99; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #1f5d6a; - --bs-btn-active-border-color: #1f5d6a; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #1f5d6a; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #1f5d6a; - --bs-gradient: none; + --angor-btn-color: #1f5d6a; + --angor-btn-border-color: #1f5d6a; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #1f5d6a; + --angor-btn-hover-border-color: #1f5d6a; + --angor-btn-focus-shadow-rgb: 233, 30, 99; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #1f5d6a; + --angor-btn-active-border-color: #1f5d6a; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #1f5d6a; + --angor-btn-disabled-bg: transparent; + --angor-btn-disabled-border-color: #1f5d6a; + --angor-gradient: none; } .btn-outline-secondary { - --bs-btn-color: #ff9900; - --bs-btn-border-color: #ff9900; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #ff9900; - --bs-btn-hover-border-color: #ff9900; - --bs-btn-focus-shadow-rgb: 0, 128, 154; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #ff9900; - --bs-btn-active-border-color: #ff9900; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #ff9900; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #ff9900; - --bs-gradient: none; + --angor-btn-color: #ff9900; + --angor-btn-border-color: #ff9900; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #ff9900; + --angor-btn-hover-border-color: #ff9900; + --angor-btn-focus-shadow-rgb: 0, 128, 154; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #ff9900; + --angor-btn-active-border-color: #ff9900; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #ff9900; + --angor-btn-disabled-bg: transparent; + --angor-btn-disabled-border-color: #ff9900; + --angor-gradient: none; } .btn-outline-success { - --bs-btn-color: #4CAF50; - --bs-btn-border-color: #4CAF50; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #4CAF50; - --bs-btn-hover-border-color: #4CAF50; - --bs-btn-focus-shadow-rgb: 76, 175, 80; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #4CAF50; - --bs-btn-active-border-color: #4CAF50; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #4CAF50; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #4CAF50; - --bs-gradient: none; + --angor-btn-color: #4CAF50; + --angor-btn-border-color: #4CAF50; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #4CAF50; + --angor-btn-hover-border-color: #4CAF50; + --angor-btn-focus-shadow-rgb: 76, 175, 80; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #4CAF50; + --angor-btn-active-border-color: #4CAF50; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #4CAF50; + --angor-btn-disabled-bg: transparent; + --angor-btn-disabled-border-color: #4CAF50; + --angor-gradient: none; } .btn-outline-info { - --bs-btn-color: #1A73E8; - --bs-btn-border-color: #1A73E8; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #1A73E8; - --bs-btn-hover-border-color: #1A73E8; - --bs-btn-focus-shadow-rgb: 26, 115, 232; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #1A73E8; - --bs-btn-active-border-color: #1A73E8; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #1A73E8; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #1A73E8; - --bs-gradient: none; + --angor-btn-color: #1A73E8; + --angor-btn-border-color: #1A73E8; + --angor-btn-hover-color: #fff; + --angor-btn-hover-bg: #1A73E8; + --angor-btn-hover-border-color: #1A73E8; + --angor-btn-focus-shadow-rgb: 26, 115, 232; + --angor-btn-active-color: #fff; + --angor-btn-active-bg: #1A73E8; + --angor-btn-active-border-color: #1A73E8; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #1A73E8; + --angor-btn-disabled-bg: transparent; + --angor-btn-disabled-border-color: #1A73E8; + --angor-gradient: none; } .btn-outline-warning { - --bs-btn-color: #fb8c00; - --bs-btn-border-color: #fb8c00; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #fb8c00; - --bs-btn-hover-border-color: #fb8c00; - --bs-btn-focus-shadow-rgb: 251, 140, 0; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #fb8c00; - --bs-btn-active-border-color: #fb8c00; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fb8c00; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #fb8c00; - --bs-gradient: none; + --angor-btn-color: #fb8c00; + --angor-btn-border-color: #fb8c00; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #fb8c00; + --angor-btn-hover-border-color: #fb8c00; + --angor-btn-focus-shadow-rgb: 251, 140, 0; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #fb8c00; + --angor-btn-active-border-color: #fb8c00; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #fb8c00; + --angor-btn-disabled-bg: transparent; + --angor-btn-disabled-border-color: #fb8c00; + --angor-gradient: none; } .btn-outline-danger { - --bs-btn-color: #F44335; - --bs-btn-border-color: #F44335; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #F44335; - --bs-btn-hover-border-color: #F44335; - --bs-btn-focus-shadow-rgb: 244, 67, 53; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #F44335; - --bs-btn-active-border-color: #F44335; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #F44335; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #F44335; - --bs-gradient: none; + --angor-btn-color: #F44335; + --angor-btn-border-color: #F44335; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #F44335; + --angor-btn-hover-border-color: #F44335; + --angor-btn-focus-shadow-rgb: 244, 67, 53; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #F44335; + --angor-btn-active-border-color: #F44335; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #F44335; + --angor-btn-disabled-bg: transparent; + --angor-btn-disabled-border-color: #F44335; + --angor-gradient: none; } .btn-outline-light { - --bs-btn-color: #f0f2f5; - --bs-btn-border-color: #f0f2f5; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #f0f2f5; - --bs-btn-hover-border-color: #f0f2f5; - --bs-btn-focus-shadow-rgb: 240, 242, 245; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #f0f2f5; - --bs-btn-active-border-color: #f0f2f5; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #f0f2f5; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #f0f2f5; - --bs-gradient: none; + --angor-btn-color: #f0f2f5; + --angor-btn-border-color: #f0f2f5; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #f0f2f5; + --angor-btn-hover-border-color: #f0f2f5; + --angor-btn-focus-shadow-rgb: 240, 242, 245; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #f0f2f5; + --angor-btn-active-border-color: #f0f2f5; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #f0f2f5; + --angor-btn-disabled-bg: transparent; + --angor-btn-disabled-border-color: #f0f2f5; + --angor-gradient: none; } .btn-outline-dark { - --bs-btn-color: #344767; - --bs-btn-border-color: #344767; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #344767; - --bs-btn-hover-border-color: #344767; - --bs-btn-focus-shadow-rgb: 52, 71, 103; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #344767; - --bs-btn-active-border-color: #344767; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #344767; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #344767; - --bs-gradient: none; + --angor-btn-color: #344767; + --angor-btn-border-color: #344767; + --angor-btn-hover-color: #fff; + --angor-btn-hover-bg: #344767; + --angor-btn-hover-border-color: #344767; + --angor-btn-focus-shadow-rgb: 52, 71, 103; + --angor-btn-active-color: #fff; + --angor-btn-active-bg: #344767; + --angor-btn-active-border-color: #344767; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #344767; + --angor-btn-disabled-bg: transparent; + --angor-btn-disabled-border-color: #344767; + --angor-gradient: none; } .btn-outline-white { - --bs-btn-color: #fff; - --bs-btn-border-color: #fff; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #fff; - --bs-btn-hover-border-color: #fff; - --bs-btn-focus-shadow-rgb: 255, 255, 255; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #fff; - --bs-btn-active-border-color: #fff; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #fff; - --bs-gradient: none; + --angor-btn-color: #fff; + --angor-btn-border-color: #fff; + --angor-btn-hover-color: #000; + --angor-btn-hover-bg: #fff; + --angor-btn-hover-border-color: #fff; + --angor-btn-focus-shadow-rgb: 255, 255, 255; + --angor-btn-active-color: #000; + --angor-btn-active-bg: #fff; + --angor-btn-active-border-color: #fff; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #fff; + --angor-btn-disabled-bg: transparent; + --angor-btn-disabled-border-color: #fff; + --angor-gradient: none; } .btn-outline-dark-blue { - --bs-btn-color: #1A237E; - --bs-btn-border-color: #1A237E; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #1A237E; - --bs-btn-hover-border-color: #1A237E; - --bs-btn-focus-shadow-rgb: 26, 35, 126; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #1A237E; - --bs-btn-active-border-color: #1A237E; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #1A237E; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #1A237E; - --bs-gradient: none; + --angor-btn-color: #1A237E; + --angor-btn-border-color: #1A237E; + --angor-btn-hover-color: #fff; + --angor-btn-hover-bg: #1A237E; + --angor-btn-hover-border-color: #1A237E; + --angor-btn-focus-shadow-rgb: 26, 35, 126; + --angor-btn-active-color: #fff; + --angor-btn-active-bg: #1A237E; + --angor-btn-active-border-color: #1A237E; + --angor-btn-active-shadow: none; + --angor-btn-disabled-color: #1A237E; + --angor-btn-disabled-bg: transparent; + --angor-btn-disabled-border-color: #1A237E; + --angor-gradient: none; } .btn-link { - --bs-btn-font-weight: 400; - --bs-btn-color: #1f5d6a; - --bs-btn-bg: transparent; - --bs-btn-border-color: transparent; - --bs-btn-hover-color: #1f5d6a; - --bs-btn-hover-border-color: transparent; - --bs-btn-active-color: #1f5d6a; - --bs-btn-active-border-color: transparent; - --bs-btn-disabled-color: #6c757d; - --bs-btn-disabled-border-color: transparent; - --bs-btn-box-shadow: none; - --bs-btn-focus-shadow-rgb: 198, 26, 84; + --angor-btn-font-weight: 400; + --angor-btn-color: #1f5d6a; + --angor-btn-bg: transparent; + --angor-btn-border-color: transparent; + --angor-btn-hover-color: #1f5d6a; + --angor-btn-hover-border-color: transparent; + --angor-btn-active-color: #1f5d6a; + --angor-btn-active-border-color: transparent; + --angor-btn-disabled-color: #6c757d; + --angor-btn-disabled-border-color: transparent; + --angor-btn-box-shadow: none; + --angor-btn-focus-shadow-rgb: 198, 26, 84; text-decoration: none; } @@ -4034,27 +3962,27 @@ fieldset:disabled .btn { } .btn-link:focus-visible { - color: var(--bs-btn-color); + color: var(--angor-btn-color); } .btn-link:hover { - color: var(--bs-btn-hover-color); + color: var(--angor-btn-hover-color); } .btn-lg, .btn-group-lg > .btn { - --bs-btn-padding-y: 0.75rem; - --bs-btn-padding-x: 1.75rem; - --bs-btn-font-size: 0.875rem; - --bs-btn-border-radius: 0.5rem; + --angor-btn-padding-y: 0.75rem; + --angor-btn-padding-x: 1.75rem; + --angor-btn-font-size: 0.875rem; + --angor-btn-border-radius: 0.5rem; } .btn-sm, .btn-group-sm > .btn { - --bs-btn-padding-y: 0.375rem; - --bs-btn-padding-x: 1rem; - --bs-btn-font-size: 0.75rem; - --bs-btn-border-radius: 0.5rem; + --angor-btn-padding-y: 0.375rem; + --angor-btn-padding-x: 1rem; + --angor-btn-font-size: 0.75rem; + --angor-btn-border-radius: 0.5rem; } .fade { @@ -4128,56 +4056,56 @@ fieldset:disabled .btn { } .dropdown-menu { - --bs-dropdown-zindex: 1000; - --bs-dropdown-min-width: 11rem; - --bs-dropdown-padding-x: 0; - --bs-dropdown-padding-y: 0.5rem; - --bs-dropdown-spacer: 1.625rem; - --bs-dropdown-font-size: 0.875rem; - --bs-dropdown-color: #ff9900; - --bs-dropdown-bg: #fff; - --bs-dropdown-border-color: transparent; - --bs-dropdown-border-radius: 0.375rem; - --bs-dropdown-border-width: 0; - --bs-dropdown-inner-border-radius: 0.375rem; - --bs-dropdown-divider-bg: transparent; - --bs-dropdown-divider-margin-y: 0.5rem; - --bs-dropdown-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - --bs-dropdown-link-color: #ff9900; - --bs-dropdown-link-hover-color: #344767; - --bs-dropdown-link-hover-bg: #f0f2f5; - --bs-dropdown-link-active-color: #ff9900; - --bs-dropdown-link-active-bg: transparent; - --bs-dropdown-link-disabled-color: #6c757d; - --bs-dropdown-item-padding-x: 1rem; - --bs-dropdown-item-padding-y: 0.3rem; - --bs-dropdown-header-color: #6c757d; - --bs-dropdown-header-padding-x: 1rem; - --bs-dropdown-header-padding-y: 0.5rem; + --angor-dropdown-zindex: 1000; + --angor-dropdown-min-width: 11rem; + --angor-dropdown-padding-x: 0; + --angor-dropdown-padding-y: 0.5rem; + --angor-dropdown-spacer: 1.625rem; + --angor-dropdown-font-size: 0.875rem; + --angor-dropdown-color: #ff9900; + --angor-dropdown-bg: #fff; + --angor-dropdown-border-color: transparent; + --angor-dropdown-border-radius: 0.375rem; + --angor-dropdown-border-width: 0; + --angor-dropdown-inner-border-radius: 0.375rem; + --angor-dropdown-divider-bg: transparent; + --angor-dropdown-divider-margin-y: 0.5rem; + --angor-dropdown-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + --angor-dropdown-link-color: #ff9900; + --angor-dropdown-link-hover-color: #344767; + --angor-dropdown-link-hover-bg: #f0f2f5; + --angor-dropdown-link-active-color: #ff9900; + --angor-dropdown-link-active-bg: transparent; + --angor-dropdown-link-disabled-color: #6c757d; + --angor-dropdown-item-padding-x: 1rem; + --angor-dropdown-item-padding-y: 0.3rem; + --angor-dropdown-header-color: #6c757d; + --angor-dropdown-header-padding-x: 1rem; + --angor-dropdown-header-padding-y: 0.5rem; position: absolute; - z-index: var(--bs-dropdown-zindex); + z-index: var(--angor-dropdown-zindex); display: none; - min-width: var(--bs-dropdown-min-width); - padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); + min-width: var(--angor-dropdown-min-width); + padding: var(--angor-dropdown-padding-y) var(--angor-dropdown-padding-x); margin: 0; - font-size: var(--bs-dropdown-font-size); - color: var(--bs-dropdown-color); + font-size: var(--angor-dropdown-font-size); + color: var(--angor-dropdown-color); text-align: left; list-style: none; - background-color: var(--bs-dropdown-bg); + background-color: var(--angor-dropdown-bg); background-clip: padding-box; - border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); - border-radius: var(--bs-dropdown-border-radius); + border: var(--angor-dropdown-border-width) solid var(--angor-dropdown-border-color); + border-radius: var(--angor-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; - margin-top: var(--bs-dropdown-spacer); + margin-top: var(--angor-dropdown-spacer); } .dropdown-menu-start { - --bs-position: start; + --angor-position: start; } .dropdown-menu-start[data-bs-popper] { @@ -4186,7 +4114,7 @@ fieldset:disabled .btn { } .dropdown-menu-end { - --bs-position: end; + --angor-position: end; } .dropdown-menu-end[data-bs-popper] { @@ -4196,7 +4124,7 @@ fieldset:disabled .btn { @media (min-width: 576px) { .dropdown-menu-sm-start { - --bs-position: start; + --angor-position: start; } .dropdown-menu-sm-start[data-bs-popper] { @@ -4205,7 +4133,7 @@ fieldset:disabled .btn { } .dropdown-menu-sm-end { - --bs-position: end; + --angor-position: end; } .dropdown-menu-sm-end[data-bs-popper] { @@ -4216,7 +4144,7 @@ fieldset:disabled .btn { @media (min-width: 768px) { .dropdown-menu-md-start { - --bs-position: start; + --angor-position: start; } .dropdown-menu-md-start[data-bs-popper] { @@ -4225,7 +4153,7 @@ fieldset:disabled .btn { } .dropdown-menu-md-end { - --bs-position: end; + --angor-position: end; } .dropdown-menu-md-end[data-bs-popper] { @@ -4236,7 +4164,7 @@ fieldset:disabled .btn { @media (min-width: 992px) { .dropdown-menu-lg-start { - --bs-position: start; + --angor-position: start; } .dropdown-menu-lg-start[data-bs-popper] { @@ -4245,7 +4173,7 @@ fieldset:disabled .btn { } .dropdown-menu-lg-end { - --bs-position: end; + --angor-position: end; } .dropdown-menu-lg-end[data-bs-popper] { @@ -4256,7 +4184,7 @@ fieldset:disabled .btn { @media (min-width: 1200px) { .dropdown-menu-xl-start { - --bs-position: start; + --angor-position: start; } .dropdown-menu-xl-start[data-bs-popper] { @@ -4265,7 +4193,7 @@ fieldset:disabled .btn { } .dropdown-menu-xl-end { - --bs-position: end; + --angor-position: end; } .dropdown-menu-xl-end[data-bs-popper] { @@ -4276,7 +4204,7 @@ fieldset:disabled .btn { @media (min-width: 1400px) { .dropdown-menu-xxl-start { - --bs-position: start; + --angor-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { @@ -4285,7 +4213,7 @@ fieldset:disabled .btn { } .dropdown-menu-xxl-end { - --bs-position: end; + --angor-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { @@ -4298,7 +4226,7 @@ fieldset:disabled .btn { top: auto; bottom: 100%; margin-top: 0; - margin-bottom: var(--bs-dropdown-spacer); + margin-bottom: var(--angor-dropdown-spacer); } .dropup .dropdown-toggle::after { @@ -4321,7 +4249,7 @@ fieldset:disabled .btn { right: auto; left: 100%; margin-top: 0; - margin-left: var(--bs-dropdown-spacer); + margin-left: var(--angor-dropdown-spacer); } .dropend .dropdown-toggle::after { @@ -4348,7 +4276,7 @@ fieldset:disabled .btn { right: 100%; left: auto; margin-top: 0; - margin-right: var(--bs-dropdown-spacer); + margin-right: var(--angor-dropdown-spacer); } .dropstart .dropdown-toggle::after { @@ -4382,19 +4310,19 @@ fieldset:disabled .btn { .dropdown-divider { height: 0; - margin: var(--bs-dropdown-divider-margin-y) 0; + margin: var(--angor-dropdown-divider-margin-y) 0; overflow: hidden; - border-top: 1px solid var(--bs-dropdown-divider-bg); + border-top: 1px solid var(--angor-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; - padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + padding: var(--angor-dropdown-item-padding-y) var(--angor-dropdown-item-padding-x); clear: both; font-weight: 400; - color: var(--bs-dropdown-link-color); + color: var(--angor-dropdown-link-color); text-align: inherit; white-space: nowrap; background-color: transparent; @@ -4403,20 +4331,20 @@ fieldset:disabled .btn { .dropdown-item:hover, .dropdown-item:focus { - color: var(--bs-dropdown-link-hover-color); - background-color: var(--bs-dropdown-link-hover-bg); + color: var(--angor-dropdown-link-hover-color); + background-color: var(--angor-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { - color: var(--bs-dropdown-link-active-color); + color: var(--angor-dropdown-link-active-color); text-decoration: none; - background-color: var(--bs-dropdown-link-active-bg); + background-color: var(--angor-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { - color: var(--bs-dropdown-link-disabled-color); + color: var(--angor-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } @@ -4427,31 +4355,31 @@ fieldset:disabled .btn { .dropdown-header { display: block; - padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); + padding: var(--angor-dropdown-header-padding-y) var(--angor-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; - color: var(--bs-dropdown-header-color); + color: var(--angor-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; - padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); - color: var(--bs-dropdown-link-color); + padding: var(--angor-dropdown-item-padding-y) var(--angor-dropdown-item-padding-x); + color: var(--angor-dropdown-link-color); } .dropdown-menu-dark { - --bs-dropdown-color: #dee2e6; - --bs-dropdown-bg: #343a40; - --bs-dropdown-border-color: transparent; - --bs-dropdown-link-color: #dee2e6; - --bs-dropdown-link-hover-color: #fff; - --bs-dropdown-divider-bg: transparent; - --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); - --bs-dropdown-link-active-color: #ff9900; - --bs-dropdown-link-active-bg: transparent; - --bs-dropdown-link-disabled-color: #adb5bd; - --bs-dropdown-header-color: #adb5bd; + --angor-dropdown-color: #dee2e6; + --angor-dropdown-bg: #343a40; + --angor-dropdown-border-color: transparent; + --angor-dropdown-link-color: #dee2e6; + --angor-dropdown-link-hover-color: #fff; + --angor-dropdown-divider-bg: transparent; + --angor-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); + --angor-dropdown-link-active-color: #ff9900; + --angor-dropdown-link-active-bg: transparent; + --angor-dropdown-link-disabled-color: #adb5bd; + --angor-dropdown-header-color: #adb5bd; } .btn-group, @@ -4571,11 +4499,11 @@ fieldset:disabled .btn { } .nav { - --bs-nav-link-padding-x: 1rem; - --bs-nav-link-padding-y: 0.5rem; - --bs-nav-link-color: var(--bs-link-color); - --bs-nav-link-hover-color: var(--bs-link-hover-color); - --bs-nav-link-disabled-color: #6c757d; + --angor-nav-link-padding-x: 1rem; + --angor-nav-link-padding-y: 0.5rem; + --angor-nav-link-color: var(--angor-link-color); + --angor-nav-link-hover-color: var(--angor-link-hover-color); + --angor-nav-link-disabled-color: #6c757d; display: flex; flex-wrap: wrap; padding-left: 0; @@ -4586,10 +4514,10 @@ fieldset:disabled .btn { .nav-link { display: block; - padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); - font-size: var(--bs-nav-link-font-size); - font-weight: var(--bs-nav-link-font-weight); - color: var(--bs-nav-link-color); + padding: var(--angor-nav-link-padding-y) var(--angor-nav-link-padding-x); + font-size: var(--angor-nav-link-font-size); + font-weight: var(--angor-nav-link-font-weight); + color: var(--angor-nav-link-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @@ -4601,81 +4529,81 @@ fieldset:disabled .btn { .nav-link:hover, .nav-link:focus { - color: var(--bs-nav-link-hover-color); + color: var(--angor-nav-link-hover-color); } .nav-link.disabled { - color: var(--bs-nav-link-disabled-color); + color: var(--angor-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { - --bs-nav-tabs-border-width: 1px; - --bs-nav-tabs-border-color: #dee2e6; - --bs-nav-tabs-border-radius: 0.375rem; - --bs-nav-tabs-link-hover-border-color: #f0f2f5 #f0f2f5 #dee2e6; - --bs-nav-tabs-link-active-color: #495057; - --bs-nav-tabs-link-active-bg: #fff; - --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; + --angor-nav-tabs-border-width: 1px; + --angor-nav-tabs-border-color: #dee2e6; + --angor-nav-tabs-border-radius: 0.375rem; + --angor-nav-tabs-link-hover-border-color: #f0f2f5 #f0f2f5 #dee2e6; + --angor-nav-tabs-link-active-color: #495057; + --angor-nav-tabs-link-active-bg: #fff; + --angor-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .nav-link { - margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); + margin-bottom: calc(-1 * var(--angor-nav-tabs-border-width)); background: none; - border: var(--bs-nav-tabs-border-width) solid transparent; - border-top-left-radius: var(--bs-nav-tabs-border-radius); - border-top-right-radius: var(--bs-nav-tabs-border-radius); + border: var(--angor-nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--angor-nav-tabs-border-radius); + border-top-right-radius: var(--angor-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; - border-color: var(--bs-nav-tabs-link-hover-border-color); + border-color: var(--angor-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { - color: var(--bs-nav-link-disabled-color); + color: var(--angor-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { - color: var(--bs-nav-tabs-link-active-color); - background-color: var(--bs-nav-tabs-link-active-bg); - border-color: var(--bs-nav-tabs-link-active-border-color); + color: var(--angor-nav-tabs-link-active-color); + background-color: var(--angor-nav-tabs-link-active-bg); + border-color: var(--angor-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { - margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); + margin-top: calc(-1 * var(--angor-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { - --bs-nav-pills-border-radius: 0.75rem; - --bs-nav-pills-link-active-color: #344767; - --bs-nav-pills-link-active-bg: #fff; + --angor-nav-pills-border-radius: 0.75rem; + --angor-nav-pills-link-active-color: #344767; + --angor-nav-pills-link-active-bg: #fff; } .nav-pills .nav-link { background: none; border: 0; - border-radius: var(--bs-nav-pills-border-radius); + border-radius: var(--angor-nav-pills-border-radius); } .nav-pills .nav-link:disabled { - color: var(--bs-nav-link-disabled-color); + color: var(--angor-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { - color: var(--bs-nav-pills-link-active-color); - background-color: var(--bs-nav-pills-link-active-bg); + color: var(--angor-nav-pills-link-active-color); + background-color: var(--angor-nav-pills-link-active-bg); } .nav-fill > .nav-link, @@ -4705,32 +4633,32 @@ fieldset:disabled .btn { } .navbar { - --bs-navbar-padding-x: 1rem; - --bs-navbar-padding-y: 0.5rem; - --bs-navbar-color: #344767; - --bs-navbar-hover-color: rgba(52, 71, 103, 0.7); - --bs-navbar-disabled-color: rgba(52, 71, 103, 0.3); - --bs-navbar-active-color: rgba(52, 71, 103, 0.9); - --bs-navbar-brand-padding-y: 0.40625rem; - --bs-navbar-brand-margin-end: 1rem; - --bs-navbar-brand-font-size: 1.125rem; - --bs-navbar-brand-color: rgba(52, 71, 103, 0.9); - --bs-navbar-brand-hover-color: rgba(52, 71, 103, 0.9); - --bs-navbar-nav-link-padding-x: 0.5rem; - --bs-navbar-toggler-padding-y: 0.25rem; - --bs-navbar-toggler-padding-x: 0.75rem; - --bs-navbar-toggler-font-size: 1.125rem; - --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23344767' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); - --bs-navbar-toggler-border-color: rgba(52, 71, 103, 0.1); - --bs-navbar-toggler-border-radius: 0.5rem; - --bs-navbar-toggler-focus-width: 0.2rem; - --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; + --angor-navbar-padding-x: 1rem; + --angor-navbar-padding-y: 0.5rem; + --angor-navbar-color: #344767; + --angor-navbar-hover-color: rgba(52, 71, 103, 0.7); + --angor-navbar-disabled-color: rgba(52, 71, 103, 0.3); + --angor-navbar-active-color: rgba(52, 71, 103, 0.9); + --angor-navbar-brand-padding-y: 0.40625rem; + --angor-navbar-brand-margin-end: 1rem; + --angor-navbar-brand-font-size: 1.125rem; + --angor-navbar-brand-color: rgba(52, 71, 103, 0.9); + --angor-navbar-brand-hover-color: rgba(52, 71, 103, 0.9); + --angor-navbar-nav-link-padding-x: 0.5rem; + --angor-navbar-toggler-padding-y: 0.25rem; + --angor-navbar-toggler-padding-x: 0.75rem; + --angor-navbar-toggler-font-size: 1.125rem; + --angor-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23344767' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --angor-navbar-toggler-border-color: rgba(52, 71, 103, 0.1); + --angor-navbar-toggler-border-radius: 0.5rem; + --angor-navbar-toggler-focus-width: 0.2rem; + --angor-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; - padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); + padding: var(--angor-navbar-padding-y) var(--angor-navbar-padding-x); } .navbar > .container, @@ -4747,25 +4675,25 @@ fieldset:disabled .btn { } .navbar-brand { - padding-top: var(--bs-navbar-brand-padding-y); - padding-bottom: var(--bs-navbar-brand-padding-y); - margin-right: var(--bs-navbar-brand-margin-end); - font-size: var(--bs-navbar-brand-font-size); - color: var(--bs-navbar-brand-color); + padding-top: var(--angor-navbar-brand-padding-y); + padding-bottom: var(--angor-navbar-brand-padding-y); + margin-right: var(--angor-navbar-brand-margin-end); + font-size: var(--angor-navbar-brand-font-size); + color: var(--angor-navbar-brand-color); white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { - color: var(--bs-navbar-brand-hover-color); + color: var(--angor-navbar-brand-hover-color); } .navbar-nav { - --bs-nav-link-padding-x: 0; - --bs-nav-link-padding-y: 0.5rem; - --bs-nav-link-color: var(--bs-navbar-color); - --bs-nav-link-hover-color: var(--bs-navbar-hover-color); - --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); + --angor-nav-link-padding-x: 0; + --angor-nav-link-padding-y: 0.5rem; + --angor-nav-link-color: var(--angor-navbar-color); + --angor-nav-link-hover-color: var(--angor-navbar-hover-color); + --angor-nav-link-disabled-color: var(--angor-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; @@ -4775,7 +4703,7 @@ fieldset:disabled .btn { .navbar-nav .show > .nav-link, .navbar-nav .nav-link.active { - color: var(--bs-navbar-active-color); + color: var(--angor-navbar-active-color); } .navbar-nav .dropdown-menu { @@ -4785,13 +4713,13 @@ fieldset:disabled .btn { .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; - color: var(--bs-navbar-color); + color: var(--angor-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { - color: var(--bs-navbar-active-color); + color: var(--angor-navbar-active-color); } .navbar-collapse { @@ -4801,14 +4729,14 @@ fieldset:disabled .btn { } .navbar-toggler { - padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); - font-size: var(--bs-navbar-toggler-font-size); + padding: var(--angor-navbar-toggler-padding-y) var(--angor-navbar-toggler-padding-x); + font-size: var(--angor-navbar-toggler-font-size); line-height: 1; - color: var(--bs-navbar-color); + color: var(--angor-navbar-color); background-color: transparent; - border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); - border-radius: var(--bs-navbar-toggler-border-radius); - transition: var(--bs-navbar-toggler-transition); + border: var(--angor-border-width) solid var(--angor-navbar-toggler-border-color); + border-radius: var(--angor-navbar-toggler-border-radius); + transition: var(--angor-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { @@ -4824,7 +4752,7 @@ fieldset:disabled .btn { .navbar-toggler:focus { text-decoration: none; outline: 0; - box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); + box-shadow: 0 0 0 var(--angor-navbar-toggler-focus-width); } .navbar-toggler-icon { @@ -4832,14 +4760,14 @@ fieldset:disabled .btn { width: 1.5em; height: 1.5em; vertical-align: middle; - background-image: var(--bs-navbar-toggler-icon-bg); + background-image: var(--angor-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { - max-height: var(--bs-scroll-height, 75vh); + max-height: var(--angor-scroll-height, 75vh); overflow-y: auto; } @@ -4858,8 +4786,8 @@ fieldset:disabled .btn { } .navbar-expand-sm .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); + padding-right: var(--angor-navbar-nav-link-padding-x); + padding-left: var(--angor-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { @@ -4915,8 +4843,8 @@ fieldset:disabled .btn { } .navbar-expand-md .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); + padding-right: var(--angor-navbar-nav-link-padding-x); + padding-left: var(--angor-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { @@ -4972,8 +4900,8 @@ fieldset:disabled .btn { } .navbar-expand-lg .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); + padding-right: var(--angor-navbar-nav-link-padding-x); + padding-left: var(--angor-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { @@ -5029,8 +4957,8 @@ fieldset:disabled .btn { } .navbar-expand-xl .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); + padding-right: var(--angor-navbar-nav-link-padding-x); + padding-left: var(--angor-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { @@ -5086,8 +5014,8 @@ fieldset:disabled .btn { } .navbar-expand-xxl .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); + padding-right: var(--angor-navbar-nav-link-padding-x); + padding-left: var(--angor-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { @@ -5142,8 +5070,8 @@ fieldset:disabled .btn { } .navbar-expand .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); + padding-right: var(--angor-navbar-nav-link-padding-x); + padding-left: var(--angor-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { @@ -5184,42 +5112,42 @@ fieldset:disabled .btn { } .navbar-dark { - --bs-navbar-color: rgba(255, 255, 255, 0.85); - --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); - --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); - --bs-navbar-active-color: #fff; - --bs-navbar-brand-color: #fff; - --bs-navbar-brand-hover-color: #fff; - --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); - --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --angor-navbar-color: rgba(255, 255, 255, 0.85); + --angor-navbar-hover-color: rgba(255, 255, 255, 0.75); + --angor-navbar-disabled-color: rgba(255, 255, 255, 0.25); + --angor-navbar-active-color: #fff; + --angor-navbar-brand-color: #fff; + --angor-navbar-brand-hover-color: #fff; + --angor-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); + --angor-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { - --bs-card-spacer-y: 1.5rem; - --bs-card-spacer-x: 1.5rem; - --bs-card-title-spacer-y: 0.5rem; - --bs-card-border-width: 0; - --bs-card-border-color: rgba(0, 0, 0, 0.125); - --bs-card-border-radius: 0.75rem; - --bs-card-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - --bs-card-inner-border-radius: 0.75rem; - --bs-card-cap-padding-y: 0.5rem; - --bs-card-cap-padding-x: 1rem; - --bs-card-cap-bg: #fff; - --bs-card-color: #1f5d6a; - --bs-card-bg: rgba(255, 255, 255, 0.9); - --bs-card-img-overlay-padding: 1rem; - --bs-card-group-margin: 0.75rem; + --angor-card-spacer-y: 1.5rem; + --angor-card-spacer-x: 1.5rem; + --angor-card-title-spacer-y: 0.5rem; + --angor-card-border-width: 0; + --angor-card-border-color: rgba(0, 0, 0, 0.125); + --angor-card-border-radius: 0.75rem; + --angor-card-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + --angor-card-inner-border-radius: 0.75rem; + --angor-card-cap-padding-y: 0.5rem; + --angor-card-cap-padding-x: 1rem; + --angor-card-cap-bg: #fff; + --angor-card-color: #1f5d6a; + --angor-card-bg: rgba(245, 253, 255, 0.9); + --angor-card-img-overlay-padding: 1rem; + --angor-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; - height: var(--bs-card-height); + height: var(--angor-card-height); word-wrap: break-word; - background-color: var(--bs-card-bg); + background-color: var(--angor-card-bg); background-clip: border-box; - border: var(--bs-card-border-width) solid var(--bs-card-border-color); - border-radius: var(--bs-card-border-radius); + border: var(--angor-card-border-width) solid var(--angor-card-border-color); + border-radius: var(--angor-card-border-radius); margin-left: 4px; margin-right: 4px; } @@ -5236,14 +5164,14 @@ fieldset:disabled .btn { .card > .list-group:first-child { border-top-width: 0; - border-top-left-radius: var(--bs-card-inner-border-radius); - border-top-right-radius: var(--bs-card-inner-border-radius); + border-top-left-radius: var(--angor-card-inner-border-radius); + border-top-right-radius: var(--angor-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; - border-bottom-right-radius: var(--bs-card-inner-border-radius); - border-bottom-left-radius: var(--bs-card-inner-border-radius); + border-bottom-right-radius: var(--angor-card-inner-border-radius); + border-bottom-left-radius: var(--angor-card-inner-border-radius); } .card > .card-header + .list-group, @@ -5253,16 +5181,16 @@ fieldset:disabled .btn { .card-body { flex: 1 1 auto; - padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); - color: var(--bs-card-color); + padding: var(--angor-card-spacer-y) var(--angor-card-spacer-x); + color: var(--angor-card-color); } .card-title { - margin-bottom: var(--bs-card-title-spacer-y); + margin-bottom: var(--angor-card-title-spacer-y); } .card-subtitle { - margin-top: calc(-.5 * var(--bs-card-title-spacer-y)); + margin-top: calc(-.5 * var(--angor-card-title-spacer-y)); margin-bottom: 0; } @@ -5271,47 +5199,47 @@ fieldset:disabled .btn { } .card-link + .card-link { - margin-left: var(--bs-card-spacer-x); + margin-left: var(--angor-card-spacer-x); } .card-header { - padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + padding: var(--angor-card-cap-padding-y) var(--angor-card-cap-padding-x); margin-bottom: 0; - color: var(--bs-card-cap-color); - background-color: var(--bs-card-cap-bg); - border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); + color: var(--angor-card-cap-color); + background-color: var(--angor-card-cap-bg); + border-bottom: var(--angor-card-border-width) solid var(--angor-card-border-color); } .card-header:first-child { - border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; + border-radius: var(--angor-card-inner-border-radius) var(--angor-card-inner-border-radius) 0 0; } .card-footer { - padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); - color: var(--bs-card-cap-color); - background-color: var(--bs-card-cap-bg); - border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); + padding: var(--angor-card-cap-padding-y) var(--angor-card-cap-padding-x); + color: var(--angor-card-cap-color); + background-color: var(--angor-card-cap-bg); + border-top: var(--angor-card-border-width) solid var(--angor-card-border-color); } .card-footer:last-child { - border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); + border-radius: 0 0 var(--angor-card-inner-border-radius) var(--angor-card-inner-border-radius); } .card-header-tabs { - margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); - margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); - margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); + margin-right: calc(-.5 * var(--angor-card-cap-padding-x)); + margin-bottom: calc(-1 * var(--angor-card-cap-padding-y)); + margin-left: calc(-.5 * var(--angor-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { - background-color: var(--bs-card-bg); - border-bottom-color: var(--bs-card-bg); + background-color: var(--angor-card-bg); + border-bottom-color: var(--angor-card-bg); } .card-header-pills { - margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); - margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); + margin-right: calc(-.5 * var(--angor-card-cap-padding-x)); + margin-left: calc(-.5 * var(--angor-card-cap-padding-x)); } .card-img-overlay { @@ -5320,8 +5248,8 @@ fieldset:disabled .btn { right: 0; bottom: 0; left: 0; - padding: var(--bs-card-img-overlay-padding); - border-radius: var(--bs-card-inner-border-radius); + padding: var(--angor-card-img-overlay-padding); + border-radius: var(--angor-card-inner-border-radius); } .card-img, @@ -5332,18 +5260,18 @@ fieldset:disabled .btn { .card-img, .card-img-top { - border-top-left-radius: var(--bs-card-inner-border-radius); - border-top-right-radius: var(--bs-card-inner-border-radius); + border-top-left-radius: var(--angor-card-inner-border-radius); + border-top-right-radius: var(--angor-card-inner-border-radius); } .card-img, .card-img-bottom { - border-bottom-right-radius: var(--bs-card-inner-border-radius); - border-bottom-left-radius: var(--bs-card-inner-border-radius); + border-bottom-right-radius: var(--angor-card-inner-border-radius); + border-bottom-left-radius: var(--angor-card-inner-border-radius); } .card-group > .card { - margin-bottom: var(--bs-card-group-margin); + margin-bottom: var(--angor-card-group-margin); } @media (min-width: 576px) { @@ -5394,28 +5322,28 @@ fieldset:disabled .btn { } .accordion { - --bs-accordion-color: #ff9900; - --bs-accordion-bg: transparent; - --bs-accordion-transition: all 0.15s ease-in, border-radius 0.15s ease; - --bs-accordion-border-color: rgba(0, 0, 0, 0.125); - --bs-accordion-border-width: 0; - --bs-accordion-border-radius: 0.125rem; - --bs-accordion-inner-border-radius: 0.125rem; - --bs-accordion-btn-padding-x: 0rem; - --bs-accordion-btn-padding-y: 1rem; - --bs-accordion-btn-color: #ff9900; - --bs-accordion-btn-bg: transparent; - --bs-accordion-btn-icon: none; - --bs-accordion-btn-icon-width: 1rem; - --bs-accordion-btn-icon-transform: rotate(180deg); - --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; - --bs-accordion-btn-active-icon: none; - --bs-accordion-btn-focus-border-color: transparent; - --bs-accordion-btn-focus-box-shadow: none; - --bs-accordion-body-padding-x: 0rem; - --bs-accordion-body-padding-y: 1rem; - --bs-accordion-active-color: #344767; - --bs-accordion-active-bg: transparent; + --angor-accordion-color: #ff9900; + --angor-accordion-bg: transparent; + --angor-accordion-transition: all 0.15s ease-in, border-radius 0.15s ease; + --angor-accordion-border-color: rgba(0, 0, 0, 0.125); + --angor-accordion-border-width: 0; + --angor-accordion-border-radius: 0.125rem; + --angor-accordion-inner-border-radius: 0.125rem; + --angor-accordion-btn-padding-x: 0rem; + --angor-accordion-btn-padding-y: 1rem; + --angor-accordion-btn-color: #ff9900; + --angor-accordion-btn-bg: transparent; + --angor-accordion-btn-icon: none; + --angor-accordion-btn-icon-width: 1rem; + --angor-accordion-btn-icon-transform: rotate(180deg); + --angor-accordion-btn-icon-transition: transform 0.2s ease-in-out; + --angor-accordion-btn-active-icon: none; + --angor-accordion-btn-focus-border-color: transparent; + --angor-accordion-btn-focus-box-shadow: none; + --angor-accordion-body-padding-x: 0rem; + --angor-accordion-body-padding-y: 1rem; + --angor-accordion-active-color: #344767; + --angor-accordion-active-bg: transparent; } .accordion-button { @@ -5423,15 +5351,15 @@ fieldset:disabled .btn { display: flex; align-items: center; width: 100%; - padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); + padding: var(--angor-accordion-btn-padding-y) var(--angor-accordion-btn-padding-x); font-size: 1rem; - color: var(--bs-accordion-btn-color); + color: var(--angor-accordion-btn-color); text-align: left; - background-color: var(--bs-accordion-btn-bg); + background-color: var(--angor-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; - transition: var(--bs-accordion-transition); + transition: var(--angor-accordion-transition); } @media (prefers-reduced-motion: reduce) { @@ -5441,26 +5369,26 @@ fieldset:disabled .btn { } .accordion-button:not(.collapsed) { - color: var(--bs-accordion-active-color); - background-color: var(--bs-accordion-active-bg); - box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); + color: var(--angor-accordion-active-color); + background-color: var(--angor-accordion-active-bg); + box-shadow: inset 0 calc(-1 * var(--angor-accordion-border-width)) 0 var(--angor-accordion-border-color); } .accordion-button:not(.collapsed)::after { - background-image: var(--bs-accordion-btn-active-icon); - transform: var(--bs-accordion-btn-icon-transform); + background-image: var(--angor-accordion-btn-active-icon); + transform: var(--angor-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; - width: var(--bs-accordion-btn-icon-width); - height: var(--bs-accordion-btn-icon-width); + width: var(--angor-accordion-btn-icon-width); + height: var(--angor-accordion-btn-icon-width); margin-left: auto; content: ""; - background-image: var(--bs-accordion-btn-icon); + background-image: var(--angor-accordion-btn-icon); background-repeat: no-repeat; - background-size: var(--bs-accordion-btn-icon-width); - transition: var(--bs-accordion-btn-icon-transition); + background-size: var(--angor-accordion-btn-icon-width); + transition: var(--angor-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { @@ -5475,9 +5403,9 @@ fieldset:disabled .btn { .accordion-button:focus { z-index: 3; - border-color: var(--bs-accordion-btn-focus-border-color); + border-color: var(--angor-accordion-btn-focus-border-color); outline: 0; - box-shadow: var(--bs-accordion-btn-focus-box-shadow); + box-shadow: var(--angor-accordion-btn-focus-box-shadow); } .accordion-header { @@ -5485,19 +5413,19 @@ fieldset:disabled .btn { } .accordion-item { - color: var(--bs-accordion-color); - background-color: var(--bs-accordion-bg); - border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); + color: var(--angor-accordion-color); + background-color: var(--angor-accordion-bg); + border: var(--angor-accordion-border-width) solid var(--angor-accordion-border-color); } .accordion-item:first-of-type { - border-top-left-radius: var(--bs-accordion-border-radius); - border-top-right-radius: var(--bs-accordion-border-radius); + border-top-left-radius: var(--angor-accordion-border-radius); + border-top-right-radius: var(--angor-accordion-border-radius); } .accordion-item:first-of-type .accordion-button { - border-top-left-radius: var(--bs-accordion-inner-border-radius); - border-top-right-radius: var(--bs-accordion-inner-border-radius); + border-top-left-radius: var(--angor-accordion-inner-border-radius); + border-top-right-radius: var(--angor-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { @@ -5505,22 +5433,22 @@ fieldset:disabled .btn { } .accordion-item:last-of-type { - border-bottom-right-radius: var(--bs-accordion-border-radius); - border-bottom-left-radius: var(--bs-accordion-border-radius); + border-bottom-right-radius: var(--angor-accordion-border-radius); + border-bottom-left-radius: var(--angor-accordion-border-radius); } .accordion-item:last-of-type .accordion-button.collapsed { - border-bottom-right-radius: var(--bs-accordion-inner-border-radius); - border-bottom-left-radius: var(--bs-accordion-inner-border-radius); + border-bottom-right-radius: var(--angor-accordion-inner-border-radius); + border-bottom-left-radius: var(--angor-accordion-inner-border-radius); } .accordion-item:last-of-type .accordion-collapse { - border-bottom-right-radius: var(--bs-accordion-border-radius); - border-bottom-left-radius: var(--bs-accordion-border-radius); + border-bottom-right-radius: var(--angor-accordion-border-radius); + border-bottom-left-radius: var(--angor-accordion-border-radius); } .accordion-body { - padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); + padding: var(--angor-accordion-body-padding-y) var(--angor-accordion-body-padding-x); } .accordion-flush .accordion-collapse { @@ -5547,60 +5475,60 @@ fieldset:disabled .btn { } .breadcrumb { - --bs-breadcrumb-padding-x: 1rem; - --bs-breadcrumb-padding-y: 0.5rem; - --bs-breadcrumb-margin-bottom: 1rem; - --bs-breadcrumb-bg: #f0f2f5; - --bs-breadcrumb-border-radius: 0.375rem; - --bs-breadcrumb-divider-color: #6c757d; - --bs-breadcrumb-item-padding-x: 0.5rem; - --bs-breadcrumb-item-active-color: #6c757d; + --angor-breadcrumb-padding-x: 1rem; + --angor-breadcrumb-padding-y: 0.5rem; + --angor-breadcrumb-margin-bottom: 1rem; + --angor-breadcrumb-bg: #f0f2f5; + --angor-breadcrumb-border-radius: 0.375rem; + --angor-breadcrumb-divider-color: #6c757d; + --angor-breadcrumb-item-padding-x: 0.5rem; + --angor-breadcrumb-item-active-color: #6c757d; display: flex; flex-wrap: wrap; - padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); - margin-bottom: var(--bs-breadcrumb-margin-bottom); - font-size: var(--bs-breadcrumb-font-size); + padding: var(--angor-breadcrumb-padding-y) var(--angor-breadcrumb-padding-x); + margin-bottom: var(--angor-breadcrumb-margin-bottom); + font-size: var(--angor-breadcrumb-font-size); list-style: none; - background-color: var(--bs-breadcrumb-bg); - border-radius: var(--bs-breadcrumb-border-radius); + background-color: var(--angor-breadcrumb-bg); + border-radius: var(--angor-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { - padding-left: var(--bs-breadcrumb-item-padding-x); + padding-left: var(--angor-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; - padding-right: var(--bs-breadcrumb-item-padding-x); - color: var(--bs-breadcrumb-divider-color); - content: var(--bs-breadcrumb-divider, "/"); + padding-right: var(--angor-breadcrumb-item-padding-x); + color: var(--angor-breadcrumb-divider-color); + content: var(--angor-breadcrumb-divider, "/"); } .breadcrumb-item.active { - color: var(--bs-breadcrumb-item-active-color); + color: var(--angor-breadcrumb-item-active-color); } .pagination { - --bs-pagination-padding-x: 0.75rem; - --bs-pagination-padding-y: 0.375rem; - --bs-pagination-font-size: 1rem; - --bs-pagination-color: #1f5d6a; - --bs-pagination-bg: #fff; - --bs-pagination-border-width: 1px; - --bs-pagination-border-color: #dee2e6; - --bs-pagination-border-radius: 0.375rem; - --bs-pagination-hover-color: #1f5d6a; - --bs-pagination-hover-bg: #f0f2f5; - --bs-pagination-hover-border-color: #dee2e6; - --bs-pagination-focus-color: #1f5d6a; - --bs-pagination-focus-bg: #f0f2f5; - --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); - --bs-pagination-active-color: #fff; - --bs-pagination-active-bg: #1f5d6a; - --bs-pagination-active-border-color: #1f5d6a; - --bs-pagination-disabled-color: #6c757d; - --bs-pagination-disabled-bg: #fff; - --bs-pagination-disabled-border-color: #dee2e6; + --angor-pagination-padding-x: 0.75rem; + --angor-pagination-padding-y: 0.375rem; + --angor-pagination-font-size: 1rem; + --angor-pagination-color: #1f5d6a; + --angor-pagination-bg: #fff; + --angor-pagination-border-width: 1px; + --angor-pagination-border-color: #dee2e6; + --angor-pagination-border-radius: 0.375rem; + --angor-pagination-hover-color: #1f5d6a; + --angor-pagination-hover-bg: #f0f2f5; + --angor-pagination-hover-border-color: #dee2e6; + --angor-pagination-focus-color: #1f5d6a; + --angor-pagination-focus-bg: #f0f2f5; + --angor-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); + --angor-pagination-active-color: #fff; + --angor-pagination-active-bg: #1f5d6a; + --angor-pagination-active-border-color: #1f5d6a; + --angor-pagination-disabled-color: #6c757d; + --angor-pagination-disabled-bg: #fff; + --angor-pagination-disabled-border-color: #dee2e6; display: flex; padding-left: 0; list-style: none; @@ -5609,11 +5537,11 @@ fieldset:disabled .btn { .page-link { position: relative; display: block; - padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); - font-size: var(--bs-pagination-font-size); - color: var(--bs-pagination-color); - background-color: var(--bs-pagination-bg); - border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); + padding: var(--angor-pagination-padding-y) var(--angor-pagination-padding-x); + font-size: var(--angor-pagination-font-size); + color: var(--angor-pagination-color); + background-color: var(--angor-pagination-bg); + border: var(--angor-pagination-border-width) solid var(--angor-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @@ -5625,33 +5553,33 @@ fieldset:disabled .btn { .page-link:hover { z-index: 2; - color: var(--bs-pagination-hover-color); - background-color: var(--bs-pagination-hover-bg); - border-color: var(--bs-pagination-hover-border-color); + color: var(--angor-pagination-hover-color); + background-color: var(--angor-pagination-hover-bg); + border-color: var(--angor-pagination-hover-border-color); } .page-link:focus { z-index: 3; - color: var(--bs-pagination-focus-color); - background-color: var(--bs-pagination-focus-bg); + color: var(--angor-pagination-focus-color); + background-color: var(--angor-pagination-focus-bg); outline: 0; - box-shadow: var(--bs-pagination-focus-box-shadow); + box-shadow: var(--angor-pagination-focus-box-shadow); } .page-link.active, .active > .page-link { z-index: 3; - color: var(--bs-pagination-active-color); - background-color: var(--bs-pagination-active-bg); - border-color: var(--bs-pagination-active-border-color); + color: var(--angor-pagination-active-color); + background-color: var(--angor-pagination-active-bg); + border-color: var(--angor-pagination-active-border-color); } .page-link.disabled, .disabled > .page-link { - color: var(--bs-pagination-disabled-color); + color: var(--angor-pagination-disabled-color); pointer-events: none; - background-color: var(--bs-pagination-disabled-bg); - border-color: var(--bs-pagination-disabled-border-color); + background-color: var(--angor-pagination-disabled-bg); + border-color: var(--angor-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { @@ -5659,46 +5587,46 @@ fieldset:disabled .btn { } .page-item:first-child .page-link { - border-top-left-radius: var(--bs-pagination-border-radius); - border-bottom-left-radius: var(--bs-pagination-border-radius); + border-top-left-radius: var(--angor-pagination-border-radius); + border-bottom-left-radius: var(--angor-pagination-border-radius); } .page-item:last-child .page-link { - border-top-right-radius: var(--bs-pagination-border-radius); - border-bottom-right-radius: var(--bs-pagination-border-radius); + border-top-right-radius: var(--angor-pagination-border-radius); + border-bottom-right-radius: var(--angor-pagination-border-radius); } .pagination-lg { - --bs-pagination-padding-x: 1.5rem; - --bs-pagination-padding-y: 0.75rem; - --bs-pagination-font-size: 1.125rem; - --bs-pagination-border-radius: 0.5rem; + --angor-pagination-padding-x: 1.5rem; + --angor-pagination-padding-y: 0.75rem; + --angor-pagination-font-size: 1.125rem; + --angor-pagination-border-radius: 0.5rem; } .pagination-sm { - --bs-pagination-padding-x: 0.5rem; - --bs-pagination-padding-y: 0.25rem; - --bs-pagination-font-size: 0.875rem; - --bs-pagination-border-radius: 0.125rem; + --angor-pagination-padding-x: 0.5rem; + --angor-pagination-padding-y: 0.25rem; + --angor-pagination-font-size: 0.875rem; + --angor-pagination-border-radius: 0.125rem; } .badge { - --bs-badge-padding-x: 0.9em; - --bs-badge-padding-y: 0.55em; - --bs-badge-font-size: 0.75em; - --bs-badge-font-weight: 700; - --bs-badge-color: #fff; - --bs-badge-border-radius: 0.45rem; + --angor-badge-padding-x: 0.9em; + --angor-badge-padding-y: 0.55em; + --angor-badge-font-size: 0.75em; + --angor-badge-font-weight: 700; + --angor-badge-color: #fff; + --angor-badge-border-radius: 0.45rem; display: inline-block; - padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); - font-size: var(--bs-badge-font-size); - font-weight: var(--bs-badge-font-weight); + padding: var(--angor-badge-padding-y) var(--angor-badge-padding-x); + font-size: var(--angor-badge-font-size); + font-weight: var(--angor-badge-font-weight); line-height: 1; - color: var(--bs-badge-color); + color: var(--angor-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; - border-radius: var(--bs-badge-border-radius); + border-radius: var(--angor-badge-border-radius); } .badge:empty { @@ -5711,21 +5639,21 @@ fieldset:disabled .btn { } .alert { - --bs-alert-bg: transparent; - --bs-alert-padding-x: 1rem; - --bs-alert-padding-y: 1rem; - --bs-alert-margin-bottom: 1rem; - --bs-alert-color: inherit; - --bs-alert-border-color: transparent; - --bs-alert-border: 0 solid var(--bs-alert-border-color); - --bs-alert-border-radius: 0.375rem; + --angor-alert-bg: transparent; + --angor-alert-padding-x: 1rem; + --angor-alert-padding-y: 1rem; + --angor-alert-margin-bottom: 1rem; + --angor-alert-color: inherit; + --angor-alert-border-color: transparent; + --angor-alert-border: 0 solid var(--angor-alert-border-color); + --angor-alert-border-radius: 0.375rem; position: relative; - padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); - margin-bottom: var(--bs-alert-margin-bottom); - color: var(--bs-alert-color); - background-color: var(--bs-alert-bg); - border: var(--bs-alert-border); - border-radius: var(--bs-alert-border-radius); + padding: var(--angor-alert-padding-y) var(--angor-alert-padding-x); + margin-bottom: var(--angor-alert-margin-bottom); + color: var(--angor-alert-color); + background-color: var(--angor-alert-bg); + border: var(--angor-alert-border); + border-radius: var(--angor-alert-border-radius); } .alert-heading { @@ -5749,9 +5677,9 @@ fieldset:disabled .btn { } .alert-primary { - --bs-alert-color: #8cb; - --bs-alert-bg: #fbd2e0; - --bs-alert-border-color: #f8bcd0; + --angor-alert-color: #8cb; + --angor-alert-bg: #fbd2e0; + --angor-alert-border-color: #f8bcd0; } .alert-primary .alert-link { @@ -5759,9 +5687,9 @@ fieldset:disabled .btn { } .alert-secondary { - --bs-alert-color: #4a4d5c; - --bs-alert-bg: #e5e6eb; - --bs-alert-border-color: #d7d9e1; + --angor-alert-color: #4a4d5c; + --angor-alert-bg: #e5e6eb; + --angor-alert-border-color: #d7d9e1; } .alert-secondary .alert-link { @@ -5769,9 +5697,9 @@ fieldset:disabled .btn { } .alert-success { - --bs-alert-color: #073c47; - --bs-alert-bg: #dbefdc; - --bs-alert-border-color: #c9e7cb; + --angor-alert-color: #073c47; + --angor-alert-bg: #dbefdc; + --angor-alert-border-color: #c9e7cb; } .alert-success .alert-link { @@ -5779,15 +5707,15 @@ fieldset:disabled .btn { } .alert-info { - --bs-alert-color: #10458b; - --bs-alert-bg: #d1e3fa; - --bs-alert-border-color: #bad5f8; + --angor-alert-color: #10458b; + --angor-alert-bg: #d1e3fa; + --angor-alert-border-color: #bad5f8; } .dark .alert-info { - --bs-alert-color: #fff; - --bs-alert-bg: #d1e3fa; - --bs-alert-border-color: #bad5f8; + --angor-alert-color: #fff; + --angor-alert-bg: #d1e3fa; + --angor-alert-border-color: #bad5f8; } .alert-info .alert-link { @@ -5795,9 +5723,9 @@ fieldset:disabled .btn { } .alert-warning { - --bs-alert-color: #975400; - --bs-alert-bg: #fee8cc; - --bs-alert-border-color: #feddb3; + --angor-alert-color: #975400; + --angor-alert-bg: #fee8cc; + --angor-alert-border-color: #feddb3; } .alert-warning .alert-link { @@ -5805,9 +5733,9 @@ fieldset:disabled .btn { } .alert-danger { - --bs-alert-color: #922820; - --bs-alert-bg: #fdd9d7; - --bs-alert-border-color: #fcc7c2; + --angor-alert-color: #922820; + --angor-alert-bg: #fdd9d7; + --angor-alert-border-color: #fcc7c2; } .alert-danger .alert-link { @@ -5815,9 +5743,9 @@ fieldset:disabled .btn { } .alert-light { - --bs-alert-color: #606162; - --bs-alert-bg: #fcfcfd; - --bs-alert-border-color: #fbfbfc; + --angor-alert-color: #606162; + --angor-alert-bg: #fcfcfd; + --angor-alert-border-color: #fbfbfc; } .alert-light .alert-link { @@ -5825,9 +5753,9 @@ fieldset:disabled .btn { } .alert-dark { - --bs-alert-color: #1f2b3e; - --bs-alert-bg: #d6dae1; - --bs-alert-border-color: #c2c8d1; + --angor-alert-color: #1f2b3e; + --angor-alert-bg: #d6dae1; + --angor-alert-border-color: #c2c8d1; } .alert-dark .alert-link { @@ -5835,9 +5763,9 @@ fieldset:disabled .btn { } .alert-white { - --bs-alert-color: #666666; - --bs-alert-bg: white; - --bs-alert-border-color: white; + --angor-alert-color: #666666; + --angor-alert-bg: white; + --angor-alert-border-color: white; } .alert-white .alert-link { @@ -5845,9 +5773,9 @@ fieldset:disabled .btn { } .alert-dark-blue { - --bs-alert-color: #10154c; - --bs-alert-bg: #d1d3e5; - --bs-alert-border-color: #babdd8; + --angor-alert-color: #10154c; + --angor-alert-bg: #d1d3e5; + --angor-alert-border-color: #babdd8; } .alert-dark-blue .alert-link { @@ -5861,20 +5789,20 @@ fieldset:disabled .btn { } .progress { - --bs-progress-height: 16px; - --bs-progress-font-size: 0.75rem; - --bs-progress-bg: #f0f2f5; - --bs-progress-border-radius: 0.125rem; - --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); - --bs-progress-bar-color: #fff; - --bs-progress-bar-bg: #1f5d6a; - --bs-progress-bar-transition: width 0.6s ease; + --angor-progress-height: 16px; + --angor-progress-font-size: 0.75rem; + --angor-progress-bg: #f0f2f5; + --angor-progress-border-radius: 0.125rem; + --angor-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + --angor-progress-bar-color: #fff; + --angor-progress-bar-bg: #1f5d6a; + --angor-progress-bar-transition: width 0.6s ease; display: flex; - height: var(--bs-progress-height); + height: var(--angor-progress-height); overflow: hidden; - font-size: var(--bs-progress-font-size); - background-color: var(--bs-progress-bg); - border-radius: var(--bs-progress-border-radius); + font-size: var(--angor-progress-font-size); + background-color: var(--angor-progress-bg); + border-radius: var(--angor-progress-border-radius); } .progress-bar { @@ -5882,11 +5810,11 @@ fieldset:disabled .btn { flex-direction: column; justify-content: center; overflow: hidden; - color: var(--bs-progress-bar-color); + color: var(--angor-progress-bar-color); text-align: center; white-space: nowrap; - background-color: var(--bs-progress-bar-bg); - transition: var(--bs-progress-bar-transition); + background-color: var(--angor-progress-bar-bg); + transition: var(--angor-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { @@ -5897,7 +5825,7 @@ fieldset:disabled .btn { .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: var(--bs-progress-height) var(--bs-progress-height); + background-size: var(--angor-progress-height) var(--angor-progress-height); } .progress-bar-animated { @@ -5911,28 +5839,28 @@ fieldset:disabled .btn { } .list-group { - --bs-list-group-color: inherit; - --bs-list-group-bg: #fff; - --bs-list-group-border-color: rgba(0, 0, 0, 0.125); - --bs-list-group-border-width: 1px; - --bs-list-group-border-radius: 0.375rem; - --bs-list-group-item-padding-x: 1rem; - --bs-list-group-item-padding-y: 0.5rem; - --bs-list-group-action-color: #495057; - --bs-list-group-action-hover-color: #495057; - --bs-list-group-action-hover-bg: #f8f9fa; - --bs-list-group-action-active-color: #ff9900; - --bs-list-group-action-active-bg: #f0f2f5; - --bs-list-group-disabled-color: #6c757d; - --bs-list-group-disabled-bg: #fff; - --bs-list-group-active-color: #fff; - --bs-list-group-active-bg: #1f5d6a; - --bs-list-group-active-border-color: #1f5d6a; + --angor-list-group-color: inherit; + --angor-list-group-bg: #fff; + --angor-list-group-border-color: rgba(0, 0, 0, 0.125); + --angor-list-group-border-width: 1px; + --angor-list-group-border-radius: 0.375rem; + --angor-list-group-item-padding-x: 1rem; + --angor-list-group-item-padding-y: 0.5rem; + --angor-list-group-action-color: #495057; + --angor-list-group-action-hover-color: #495057; + --angor-list-group-action-hover-bg: #f8f9fa; + --angor-list-group-action-active-color: #ff9900; + --angor-list-group-action-active-bg: #f0f2f5; + --angor-list-group-disabled-color: #6c757d; + --angor-list-group-disabled-bg: #fff; + --angor-list-group-active-color: #fff; + --angor-list-group-active-bg: #1f5d6a; + --angor-list-group-active-border-color: #1f5d6a; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; - border-radius: var(--bs-list-group-border-radius); + border-radius: var(--angor-list-group-border-radius); } .list-group-numbered { @@ -5947,30 +5875,30 @@ fieldset:disabled .btn { .list-group-item-action { width: 100%; - color: var(--bs-list-group-action-color); + color: var(--angor-list-group-action-color); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; - color: var(--bs-list-group-action-hover-color); + color: var(--angor-list-group-action-hover-color); text-decoration: none; - background-color: var(--bs-list-group-action-hover-bg); + background-color: var(--angor-list-group-action-hover-bg); } .list-group-item-action:active { - color: var(--bs-list-group-action-active-color); - background-color: var(--bs-list-group-action-active-bg); + color: var(--angor-list-group-action-active-color); + background-color: var(--angor-list-group-action-active-bg); } .list-group-item { position: relative; display: block; - padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); - color: var(--bs-list-group-color); - background-color: var(--bs-list-group-bg); - border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); + padding: var(--angor-list-group-item-padding-y) var(--angor-list-group-item-padding-x); + color: var(--angor-list-group-color); + background-color: var(--angor-list-group-bg); + border: var(--angor-list-group-border-width) solid var(--angor-list-group-border-color); } .list-group-item:first-child { @@ -5985,16 +5913,16 @@ fieldset:disabled .btn { .list-group-item.disabled, .list-group-item:disabled { - color: var(--bs-list-group-disabled-color); + color: var(--angor-list-group-disabled-color); pointer-events: none; - background-color: var(--bs-list-group-disabled-bg); + background-color: var(--angor-list-group-disabled-bg); } .list-group-item.active { z-index: 2; - color: var(--bs-list-group-active-color); - background-color: var(--bs-list-group-active-bg); - border-color: var(--bs-list-group-active-border-color); + color: var(--angor-list-group-active-color); + background-color: var(--angor-list-group-active-bg); + border-color: var(--angor-list-group-active-border-color); } .list-group-item + .list-group-item { @@ -6002,8 +5930,8 @@ fieldset:disabled .btn { } .list-group-item + .list-group-item.active { - margin-top: calc(-1 * var(--bs-list-group-border-width)); - border-top-width: var(--bs-list-group-border-width); + margin-top: calc(-1 * var(--angor-list-group-border-width)); + border-top-width: var(--angor-list-group-border-width); } .list-group-horizontal { @@ -6011,12 +5939,12 @@ fieldset:disabled .btn { } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: var(--angor-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); + border-top-right-radius: var(--angor-list-group-border-radius); border-bottom-left-radius: 0; } @@ -6025,13 +5953,13 @@ fieldset:disabled .btn { } .list-group-horizontal > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); + border-top-width: var(--angor-list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--bs-list-group-border-width)); - border-left-width: var(--bs-list-group-border-width); + margin-left: calc(-1 * var(--angor-list-group-border-width)); + border-left-width: var(--angor-list-group-border-width); } @media (min-width: 576px) { @@ -6040,12 +5968,12 @@ fieldset:disabled .btn { } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: var(--angor-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); + border-top-right-radius: var(--angor-list-group-border-radius); border-bottom-left-radius: 0; } @@ -6054,13 +5982,13 @@ fieldset:disabled .btn { } .list-group-horizontal-sm > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); + border-top-width: var(--angor-list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--bs-list-group-border-width)); - border-left-width: var(--bs-list-group-border-width); + margin-left: calc(-1 * var(--angor-list-group-border-width)); + border-left-width: var(--angor-list-group-border-width); } } @@ -6070,12 +5998,12 @@ fieldset:disabled .btn { } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: var(--angor-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); + border-top-right-radius: var(--angor-list-group-border-radius); border-bottom-left-radius: 0; } @@ -6084,13 +6012,13 @@ fieldset:disabled .btn { } .list-group-horizontal-md > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); + border-top-width: var(--angor-list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--bs-list-group-border-width)); - border-left-width: var(--bs-list-group-border-width); + margin-left: calc(-1 * var(--angor-list-group-border-width)); + border-left-width: var(--angor-list-group-border-width); } } @@ -6100,12 +6028,12 @@ fieldset:disabled .btn { } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: var(--angor-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); + border-top-right-radius: var(--angor-list-group-border-radius); border-bottom-left-radius: 0; } @@ -6114,13 +6042,13 @@ fieldset:disabled .btn { } .list-group-horizontal-lg > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); + border-top-width: var(--angor-list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--bs-list-group-border-width)); - border-left-width: var(--bs-list-group-border-width); + margin-left: calc(-1 * var(--angor-list-group-border-width)); + border-left-width: var(--angor-list-group-border-width); } } @@ -6130,12 +6058,12 @@ fieldset:disabled .btn { } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: var(--angor-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); + border-top-right-radius: var(--angor-list-group-border-radius); border-bottom-left-radius: 0; } @@ -6144,13 +6072,13 @@ fieldset:disabled .btn { } .list-group-horizontal-xl > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); + border-top-width: var(--angor-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--bs-list-group-border-width)); - border-left-width: var(--bs-list-group-border-width); + margin-left: calc(-1 * var(--angor-list-group-border-width)); + border-left-width: var(--angor-list-group-border-width); } } @@ -6160,12 +6088,12 @@ fieldset:disabled .btn { } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { - border-bottom-left-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: var(--angor-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { - border-top-right-radius: var(--bs-list-group-border-radius); + border-top-right-radius: var(--angor-list-group-border-radius); border-bottom-left-radius: 0; } @@ -6174,13 +6102,13 @@ fieldset:disabled .btn { } .list-group-horizontal-xxl > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); + border-top-width: var(--angor-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { - margin-left: calc(-1 * var(--bs-list-group-border-width)); - border-left-width: var(--bs-list-group-border-width); + margin-left: calc(-1 * var(--angor-list-group-border-width)); + border-left-width: var(--angor-list-group-border-width); } } @@ -6189,7 +6117,7 @@ fieldset:disabled .btn { } .list-group-flush > .list-group-item { - border-width: 0 0 var(--bs-list-group-border-width); + border-width: 0 0 var(--angor-list-group-border-width); } .list-group-flush > .list-group-item:last-child { @@ -6402,30 +6330,30 @@ fieldset:disabled .btn { } .toast { - --bs-toast-zindex: 1090; - --bs-toast-padding-x: 0.75rem; - --bs-toast-padding-y: 0.75rem; - --bs-toast-spacing: 1.5rem; - --bs-toast-max-width: 350px; - --bs-toast-font-size: 0.875rem; - --bs-toast-bg: rgba(255, 255, 255, 0.85); - --bs-toast-border-width: 0; - --bs-toast-border-color: transparent; - --bs-toast-border-radius: 0.375rem; - --bs-toast-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - --bs-toast-header-color: #344767; - --bs-toast-header-bg: rgba(255, 255, 255, 0.85); - --bs-toast-header-border-color: rgba(0, 0, 0, 0.05); - width: var(--bs-toast-max-width); + --angor-toast-zindex: 1090; + --angor-toast-padding-x: 0.75rem; + --angor-toast-padding-y: 0.75rem; + --angor-toast-spacing: 1.5rem; + --angor-toast-max-width: 350px; + --angor-toast-font-size: 0.875rem; + --angor-toast-bg: rgba(255, 255, 255, 0.85); + --angor-toast-border-width: 0; + --angor-toast-border-color: transparent; + --angor-toast-border-radius: 0.375rem; + --angor-toast-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + --angor-toast-header-color: #344767; + --angor-toast-header-bg: rgba(255, 255, 255, 0.85); + --angor-toast-header-border-color: rgba(0, 0, 0, 0.05); + width: var(--angor-toast-max-width); max-width: 100%; - font-size: var(--bs-toast-font-size); - color: var(--bs-toast-color); + font-size: var(--angor-toast-font-size); + color: var(--angor-toast-color); pointer-events: auto; - background-color: var(--bs-toast-bg); + background-color: var(--angor-toast-bg); background-clip: padding-box; - border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); - box-shadow: var(--bs-toast-box-shadow); - border-radius: var(--bs-toast-border-radius); + border: var(--angor-toast-border-width) solid var(--angor-toast-border-color); + box-shadow: var(--angor-toast-box-shadow); + border-radius: var(--angor-toast-border-radius); } .toast.showing { @@ -6437,37 +6365,37 @@ fieldset:disabled .btn { } .toast-container { - --bs-toast-zindex: 1090; + --angor-toast-zindex: 1090; position: absolute; - z-index: var(--bs-toast-zindex); + z-index: var(--angor-toast-zindex); width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { - margin-bottom: var(--bs-toast-spacing); + margin-bottom: var(--angor-toast-spacing); } .toast-header { display: flex; align-items: center; - padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); - color: var(--bs-toast-header-color); - background-color: var(--bs-toast-header-bg); + padding: var(--angor-toast-padding-y) var(--angor-toast-padding-x); + color: var(--angor-toast-header-color); + background-color: var(--angor-toast-header-bg); background-clip: padding-box; - border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); - border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); - border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); + border-bottom: var(--angor-toast-border-width) solid var(--angor-toast-header-border-color); + border-top-left-radius: calc(var(--angor-toast-border-radius) - var(--angor-toast-border-width)); + border-top-right-radius: calc(var(--angor-toast-border-radius) - var(--angor-toast-border-width)); } .toast-header .btn-close { - margin-right: calc(-.5 * var(--bs-toast-padding-x)); - margin-left: var(--bs-toast-padding-x); + margin-right: calc(-.5 * var(--angor-toast-padding-x)); + margin-left: var(--angor-toast-padding-x); } .toast-body { - padding: var(--bs-toast-padding-x); + padding: var(--angor-toast-padding-x); word-wrap: break-word; } @@ -6475,7 +6403,7 @@ fieldset:disabled .btn { position: fixed; top: 0; left: 0; - z-index: var(--bs-modal-zindex); + z-index: var(--angor-modal-zindex); display: none; width: 100%; height: 100%; @@ -6487,7 +6415,7 @@ fieldset:disabled .btn { .modal-dialog { position: relative; width: auto; - margin: var(--bs-modal-margin); + margin: var(--angor-modal-margin); pointer-events: none; } @@ -6511,7 +6439,7 @@ fieldset:disabled .btn { } .modal-dialog-scrollable { - height: calc(100% - var(--bs-modal-margin) * 2); + height: calc(100% - var(--angor-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { @@ -6526,7 +6454,7 @@ fieldset:disabled .btn { .modal-dialog-centered { display: flex; align-items: center; - min-height: calc(100% - var(--bs-modal-margin) * 2); + min-height: calc(100% - var(--angor-modal-margin) * 2); } .modal-content { @@ -6534,26 +6462,26 @@ fieldset:disabled .btn { display: flex; flex-direction: column; width: 100%; - color: var(--bs-modal-color); + color: var(--angor-modal-color); pointer-events: auto; - background-color: var(--bs-modal-bg); + background-color: var(--angor-modal-bg); background-clip: padding-box; - border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); - border-radius: var(--bs-modal-border-radius); + border: var(--angor-modal-border-width) solid var(--angor-modal-border-color); + border-radius: var(--angor-modal-border-radius); outline: 0; } .modal-backdrop { - --bs-backdrop-zindex: 1040; - --bs-backdrop-bg: #000; - --bs-backdrop-opacity: 0.5; + --angor-backdrop-zindex: 1040; + --angor-backdrop-bg: #000; + --angor-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; - z-index: var(--bs-backdrop-zindex); + z-index: var(--angor-backdrop-zindex); width: 100vw; height: 100vh; - background-color: var(--bs-backdrop-bg); + background-color: var(--angor-backdrop-bg); } .modal-backdrop.fade { @@ -6561,7 +6489,7 @@ fieldset:disabled .btn { } .modal-backdrop.show { - opacity: var(--bs-backdrop-opacity); + opacity: var(--angor-backdrop-opacity); } .modal-header { @@ -6569,25 +6497,25 @@ fieldset:disabled .btn { flex-shrink: 0; align-items: center; justify-content: space-between; - padding: var(--bs-modal-header-padding); - border-top-left-radius: var(--bs-modal-inner-border-radius); - border-top-right-radius: var(--bs-modal-inner-border-radius); + padding: var(--angor-modal-header-padding); + border-top-left-radius: var(--angor-modal-inner-border-radius); + border-top-right-radius: var(--angor-modal-inner-border-radius); } .modal-header .btn-close { - padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); - margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; + padding: calc(var(--angor-modal-header-padding-y) * .5) calc(var(--angor-modal-header-padding-x) * .5); + margin: calc(-.5 * var(--angor-modal-header-padding-y)) calc(-.5 * var(--angor-modal-header-padding-x)) calc(-.5 * var(--angor-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; - line-height: var(--bs-modal-title-line-height); + line-height: var(--angor-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; - padding: var(--bs-modal-padding); + padding: var(--angor-modal-padding); } .modal-footer { @@ -6596,30 +6524,30 @@ fieldset:disabled .btn { flex-wrap: wrap; align-items: center; justify-content: flex-end; - padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); - background-color: var(--bs-modal-footer-bg); - border-bottom-right-radius: var(--bs-modal-inner-border-radius); - border-bottom-left-radius: var(--bs-modal-inner-border-radius); + padding: calc(var(--angor-modal-padding) - var(--angor-modal-footer-gap) * .5); + background-color: var(--angor-modal-footer-bg); + border-bottom-right-radius: var(--angor-modal-inner-border-radius); + border-bottom-left-radius: var(--angor-modal-inner-border-radius); } .modal-footer > * { - margin: calc(var(--bs-modal-footer-gap) * .5); + margin: calc(var(--angor-modal-footer-gap) * .5); } @media (min-width: 576px) { .modal { - --bs-modal-margin: 1.75rem; - --bs-modal-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + --angor-modal-margin: 1.75rem; + --angor-modal-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .modal-dialog { - max-width: var(--bs-modal-width); + max-width: var(--angor-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { - --bs-modal-width: 300px; + --angor-modal-width: 300px; } } @@ -6627,13 +6555,13 @@ fieldset:disabled .btn { .modal-lg, .modal-xl { - --bs-modal-width: 800px; + --angor-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { - --bs-modal-width: 1140px; + --angor-modal-width: 1140px; } } @@ -6780,23 +6708,23 @@ fieldset:disabled .btn { } .tooltip { - --bs-tooltip-zindex: 1070; - --bs-tooltip-max-width: 200px; - --bs-tooltip-padding-x: 0.5rem; - --bs-tooltip-padding-y: 0.25rem; - --bs-tooltip-margin: 0; - --bs-tooltip-font-size: 0.875rem; - --bs-tooltip-color: #fff; - --bs-tooltip-bg: #000; - --bs-tooltip-border-radius: 0.375rem; - --bs-tooltip-opacity: 0.9; - --bs-tooltip-arrow-width: 0.8rem; - --bs-tooltip-arrow-height: 0.4rem; - z-index: var(--bs-tooltip-zindex); + --angor-tooltip-zindex: 1070; + --angor-tooltip-max-width: 200px; + --angor-tooltip-padding-x: 0.5rem; + --angor-tooltip-padding-y: 0.25rem; + --angor-tooltip-margin: 0; + --angor-tooltip-font-size: 0.875rem; + --angor-tooltip-color: #fff; + --angor-tooltip-bg: #000; + --angor-tooltip-border-radius: 0.375rem; + --angor-tooltip-opacity: 0.9; + --angor-tooltip-arrow-width: 0.8rem; + --angor-tooltip-arrow-height: 0.4rem; + z-index: var(--angor-tooltip-zindex); display: block; - padding: var(--bs-tooltip-arrow-height); - margin: var(--bs-tooltip-margin); - font-family: var(--bs-font-sans-serif); + padding: var(--angor-tooltip-arrow-height); + margin: var(--angor-tooltip-margin); + font-family: var(--angor-body-font-family); font-style: normal; font-weight: 400; line-height: 1.5; @@ -6810,19 +6738,19 @@ fieldset:disabled .btn { white-space: normal; word-spacing: normal; line-break: auto; - font-size: var(--bs-tooltip-font-size); + font-size: var(--angor-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { - opacity: var(--bs-tooltip-opacity); + opacity: var(--angor-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; - width: var(--bs-tooltip-arrow-width); - height: var(--bs-tooltip-arrow-height); + width: var(--angor-tooltip-arrow-width); + height: var(--angor-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { @@ -6840,22 +6768,22 @@ fieldset:disabled .btn { .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { top: -1px; - border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; - border-top-color: var(--bs-tooltip-bg); + border-width: var(--angor-tooltip-arrow-height) calc(var(--angor-tooltip-arrow-width) * .5) 0; + border-top-color: var(--angor-tooltip-bg); } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { left: 0; - width: var(--bs-tooltip-arrow-height); - height: var(--bs-tooltip-arrow-width); + width: var(--angor-tooltip-arrow-height); + height: var(--angor-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { right: -1px; - border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; - border-right-color: var(--bs-tooltip-bg); + border-width: calc(var(--angor-tooltip-arrow-width) * .5) var(--angor-tooltip-arrow-height) calc(var(--angor-tooltip-arrow-width) * .5) 0; + border-right-color: var(--angor-tooltip-bg); } .bs-tooltip-bottom .tooltip-arrow, @@ -6866,58 +6794,58 @@ fieldset:disabled .btn { .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { bottom: -1px; - border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); - border-bottom-color: var(--bs-tooltip-bg); + border-width: 0 calc(var(--angor-tooltip-arrow-width) * .5) var(--angor-tooltip-arrow-height); + border-bottom-color: var(--angor-tooltip-bg); } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { right: 0; - width: var(--bs-tooltip-arrow-height); - height: var(--bs-tooltip-arrow-width); + width: var(--angor-tooltip-arrow-height); + height: var(--angor-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { left: -1px; - border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); - border-left-color: var(--bs-tooltip-bg); + border-width: calc(var(--angor-tooltip-arrow-width) * .5) 0 calc(var(--angor-tooltip-arrow-width) * .5) var(--angor-tooltip-arrow-height); + border-left-color: var(--angor-tooltip-bg); } .tooltip-inner { - max-width: var(--bs-tooltip-max-width); - padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); - color: var(--bs-tooltip-color); + max-width: var(--angor-tooltip-max-width); + padding: var(--angor-tooltip-padding-y) var(--angor-tooltip-padding-x); + color: var(--angor-tooltip-color); text-align: center; - background-color: var(--bs-tooltip-bg); - border-radius: var(--bs-tooltip-border-radius); + background-color: var(--angor-tooltip-bg); + border-radius: var(--angor-tooltip-border-radius); } .popover { - --bs-popover-zindex: 1060; - --bs-popover-max-width: 276px; - --bs-popover-font-size: 0.75rem; - --bs-popover-bg: #fff; - --bs-popover-border-width: 0px; - --bs-popover-border-color: rgba(0, 0, 0, 0.2); - --bs-popover-border-radius: 0.5rem; - --bs-popover-inner-border-radius: calc(0.5rem - 0px); - --bs-popover-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); - --bs-popover-header-padding-x: 1rem; - --bs-popover-header-padding-y: 0.5rem; - --bs-popover-header-font-size: 1rem; - --bs-popover-header-color: #344767; - --bs-popover-header-bg: #f0f2f5; - --bs-popover-body-padding-x: 1rem; - --bs-popover-body-padding-y: 1rem; - --bs-popover-body-color: #ff9900; - --bs-popover-arrow-width: 1rem; - --bs-popover-arrow-height: 0.5rem; - --bs-popover-arrow-border: var(--bs-popover-border-color); - z-index: var(--bs-popover-zindex); + --angor-popover-zindex: 1060; + --angor-popover-max-width: 276px; + --angor-popover-font-size: 0.75rem; + --angor-popover-bg: #fff; + --angor-popover-border-width: 0px; + --angor-popover-border-color: rgba(0, 0, 0, 0.2); + --angor-popover-border-radius: 0.5rem; + --angor-popover-inner-border-radius: calc(0.5rem - 0px); + --angor-popover-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); + --angor-popover-header-padding-x: 1rem; + --angor-popover-header-padding-y: 0.5rem; + --angor-popover-header-font-size: 1rem; + --angor-popover-header-color: #344767; + --angor-popover-header-bg: #f0f2f5; + --angor-popover-body-padding-x: 1rem; + --angor-popover-body-padding-y: 1rem; + --angor-popover-body-color: #ff9900; + --angor-popover-arrow-width: 1rem; + --angor-popover-arrow-height: 0.5rem; + --angor-popover-arrow-border: var(--angor-popover-border-color); + z-index: var(--angor-popover-zindex); display: block; - max-width: var(--bs-popover-max-width); - font-family: var(--bs-font-sans-serif); + max-width: var(--angor-popover-max-width); + font-family: var(--angor-body-font-family); font-style: normal; font-weight: 400; line-height: 1.5; @@ -6931,18 +6859,18 @@ fieldset:disabled .btn { white-space: normal; word-spacing: normal; line-break: auto; - font-size: var(--bs-popover-font-size); + font-size: var(--angor-popover-font-size); word-wrap: break-word; - background-color: var(--bs-popover-bg); + background-color: var(--angor-popover-bg); background-clip: padding-box; - border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); - border-radius: var(--bs-popover-border-radius); + border: var(--angor-popover-border-width) solid var(--angor-popover-border-color); + border-radius: var(--angor-popover-border-radius); } .popover .popover-arrow { display: block; - width: var(--bs-popover-arrow-width); - height: var(--bs-popover-arrow-height); + width: var(--angor-popover-arrow-width); + height: var(--angor-popover-arrow-height); } .popover .popover-arrow::before, @@ -6957,76 +6885,76 @@ fieldset:disabled .btn { .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow { - bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + bottom: calc(-1 * (var(--angor-popover-arrow-height)) - var(--angor-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { - border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; + border-width: var(--angor-popover-arrow-height) calc(var(--angor-popover-arrow-width) * .5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { bottom: 0; - border-top-color: var(--bs-popover-arrow-border); + border-top-color: var(--angor-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { - bottom: var(--bs-popover-border-width); - border-top-color: var(--bs-popover-bg); + bottom: var(--angor-popover-border-width); + border-top-color: var(--angor-popover-bg); } .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { - left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); - width: var(--bs-popover-arrow-height); - height: var(--bs-popover-arrow-width); + left: calc(-1 * (var(--angor-popover-arrow-height)) - var(--angor-popover-border-width)); + width: var(--angor-popover-arrow-height); + height: var(--angor-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { - border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; + border-width: calc(var(--angor-popover-arrow-width) * .5) var(--angor-popover-arrow-height) calc(var(--angor-popover-arrow-width) * .5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { left: 0; - border-right-color: var(--bs-popover-arrow-border); + border-right-color: var(--angor-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { - left: var(--bs-popover-border-width); - border-right-color: var(--bs-popover-bg); + left: var(--angor-popover-border-width); + border-right-color: var(--angor-popover-bg); } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { - top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + top: calc(-1 * (var(--angor-popover-arrow-height)) - var(--angor-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { - border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); + border-width: 0 calc(var(--angor-popover-arrow-width) * .5) var(--angor-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before { top: 0; - border-bottom-color: var(--bs-popover-arrow-border); + border-bottom-color: var(--angor-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { - top: var(--bs-popover-border-width); - border-bottom-color: var(--bs-popover-bg); + top: var(--angor-popover-border-width); + border-bottom-color: var(--angor-popover-bg); } .bs-popover-bottom .popover-header::before, @@ -7035,47 +6963,47 @@ fieldset:disabled .btn { top: 0; left: 50%; display: block; - width: var(--bs-popover-arrow-width); - margin-left: calc(-.5 * var(--bs-popover-arrow-width)); + width: var(--angor-popover-arrow-width); + margin-left: calc(-.5 * var(--angor-popover-arrow-width)); content: ""; - border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); + border-bottom: var(--angor-popover-border-width) solid var(--angor-popover-header-bg); } .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { - right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); - width: var(--bs-popover-arrow-height); - height: var(--bs-popover-arrow-width); + right: calc(-1 * (var(--angor-popover-arrow-height)) - var(--angor-popover-border-width)); + width: var(--angor-popover-arrow-height); + height: var(--angor-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { - border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); + border-width: calc(var(--angor-popover-arrow-width) * .5) 0 calc(var(--angor-popover-arrow-width) * .5) var(--angor-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { right: 0; - border-left-color: var(--bs-popover-arrow-border); + border-left-color: var(--angor-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { - right: var(--bs-popover-border-width); - border-left-color: var(--bs-popover-bg); + right: var(--angor-popover-border-width); + border-left-color: var(--angor-popover-bg); } .popover-header { - padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); + padding: var(--angor-popover-header-padding-y) var(--angor-popover-header-padding-x); margin-bottom: 0; - font-size: var(--bs-popover-header-font-size); - color: var(--bs-popover-header-color); - background-color: var(--bs-popover-header-bg); - border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); - border-top-left-radius: var(--bs-popover-inner-border-radius); - border-top-right-radius: var(--bs-popover-inner-border-radius); + font-size: var(--angor-popover-header-font-size); + color: var(--angor-popover-header-color); + background-color: var(--angor-popover-header-bg); + border-bottom: var(--angor-popover-border-width) solid var(--angor-popover-border-color); + border-top-left-radius: var(--angor-popover-inner-border-radius); + border-top-right-radius: var(--angor-popover-inner-border-radius); } .popover-header:empty { @@ -7083,8 +7011,8 @@ fieldset:disabled .btn { } .popover-body { - padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); - color: var(--bs-popover-body-color); + padding: var(--angor-popover-body-padding-y) var(--angor-popover-body-padding-x); + color: var(--angor-popover-body-color); } .carousel { @@ -7301,11 +7229,11 @@ fieldset:disabled .btn { .spinner-grow, .spinner-border { display: inline-block; - width: var(--bs-spinner-width); - height: var(--bs-spinner-height); - vertical-align: var(--bs-spinner-vertical-align); + width: var(--angor-spinner-width); + height: var(--angor-spinner-height); + vertical-align: var(--angor-spinner-vertical-align); border-radius: 50%; - animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); + animation: var(--angor-spinner-animation-speed) linear infinite var(--angor-spinner-animation-name); } @keyframes spinner-border { @@ -7315,20 +7243,20 @@ fieldset:disabled .btn { } .spinner-border { - --bs-spinner-width: 2rem; - --bs-spinner-height: 2rem; - --bs-spinner-vertical-align: -0.125em; - --bs-spinner-border-width: 0.25em; - --bs-spinner-animation-speed: 0.75s; - --bs-spinner-animation-name: spinner-border; - border: var(--bs-spinner-border-width) solid currentcolor; + --angor-spinner-width: 2rem; + --angor-spinner-height: 2rem; + --angor-spinner-vertical-align: -0.125em; + --angor-spinner-border-width: 0.25em; + --angor-spinner-animation-speed: 0.75s; + --angor-spinner-animation-name: spinner-border; + border: var(--angor-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { - --bs-spinner-width: 1rem; - --bs-spinner-height: 1rem; - --bs-spinner-border-width: 0.2em; + --angor-spinner-width: 1rem; + --angor-spinner-height: 1rem; + --angor-spinner-border-width: 0.2em; } @keyframes spinner-grow { @@ -7343,25 +7271,25 @@ fieldset:disabled .btn { } .spinner-grow { - --bs-spinner-width: 2rem; - --bs-spinner-height: 2rem; - --bs-spinner-vertical-align: -0.125em; - --bs-spinner-animation-speed: 0.75s; - --bs-spinner-animation-name: spinner-grow; + --angor-spinner-width: 2rem; + --angor-spinner-height: 2rem; + --angor-spinner-vertical-align: -0.125em; + --angor-spinner-animation-speed: 0.75s; + --angor-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { - --bs-spinner-width: 1rem; - --bs-spinner-height: 1rem; + --angor-spinner-width: 1rem; + --angor-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { - --bs-spinner-animation-speed: 1.5s; + --angor-spinner-animation-speed: 1.5s; } } @@ -7371,28 +7299,28 @@ fieldset:disabled .btn { .offcanvas-xl, .offcanvas-xxl, .offcanvas { - --bs-offcanvas-zindex: 1045; - --bs-offcanvas-width: 400px; - --bs-offcanvas-height: 30vh; - --bs-offcanvas-padding-x: 1rem; - --bs-offcanvas-padding-y: 1rem; - --bs-offcanvas-bg: #fff; - --bs-offcanvas-border-width: 1px; - --bs-offcanvas-border-color: rgba(0, 0, 0, 0.2); - --bs-offcanvas-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); + --angor-offcanvas-zindex: 1045; + --angor-offcanvas-width: 400px; + --angor-offcanvas-height: 30vh; + --angor-offcanvas-padding-x: 1rem; + --angor-offcanvas-padding-y: 1rem; + --angor-offcanvas-bg: #fff; + --angor-offcanvas-border-width: 1px; + --angor-offcanvas-border-color: rgba(0, 0, 0, 0.2); + --angor-offcanvas-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; - z-index: var(--bs-offcanvas-zindex); + z-index: var(--angor-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; - color: var(--bs-offcanvas-color); + color: var(--angor-offcanvas-color); visibility: hidden; - background-color: var(--bs-offcanvas-bg); + background-color: var(--angor-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; @@ -7409,16 +7337,16 @@ fieldset:disabled .btn { .offcanvas-sm.offcanvas-start { top: 0; left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + width: var(--angor-offcanvas-width); + border-right: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + width: var(--angor-offcanvas-width); + border-left: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateX(100%); } @@ -7426,18 +7354,18 @@ fieldset:disabled .btn { top: 0; right: 0; left: 0; - height: var(--bs-offcanvas-height); + height: var(--angor-offcanvas-height); max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + border-bottom: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; - height: var(--bs-offcanvas-height); + height: var(--angor-offcanvas-height); max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + border-top: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateY(100%); } @@ -7455,8 +7383,8 @@ fieldset:disabled .btn { @media (min-width: 576px) { .offcanvas-sm { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; + --angor-offcanvas-height: auto; + --angor-offcanvas-border-width: 0; background-color: transparent !important; } @@ -7477,13 +7405,13 @@ fieldset:disabled .btn { .offcanvas-md { position: fixed; bottom: 0; - z-index: var(--bs-offcanvas-zindex); + z-index: var(--angor-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; - color: var(--bs-offcanvas-color); + color: var(--angor-offcanvas-color); visibility: hidden; - background-color: var(--bs-offcanvas-bg); + background-color: var(--angor-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; @@ -7500,16 +7428,16 @@ fieldset:disabled .btn { .offcanvas-md.offcanvas-start { top: 0; left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + width: var(--angor-offcanvas-width); + border-right: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + width: var(--angor-offcanvas-width); + border-left: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateX(100%); } @@ -7517,18 +7445,18 @@ fieldset:disabled .btn { top: 0; right: 0; left: 0; - height: var(--bs-offcanvas-height); + height: var(--angor-offcanvas-height); max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + border-bottom: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; - height: var(--bs-offcanvas-height); + height: var(--angor-offcanvas-height); max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + border-top: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateY(100%); } @@ -7546,8 +7474,8 @@ fieldset:disabled .btn { @media (min-width: 768px) { .offcanvas-md { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; + --angor-offcanvas-height: auto; + --angor-offcanvas-border-width: 0; background-color: transparent !important; } @@ -7568,13 +7496,13 @@ fieldset:disabled .btn { .offcanvas-lg { position: fixed; bottom: 0; - z-index: var(--bs-offcanvas-zindex); + z-index: var(--angor-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; - color: var(--bs-offcanvas-color); + color: var(--angor-offcanvas-color); visibility: hidden; - background-color: var(--bs-offcanvas-bg); + background-color: var(--angor-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; @@ -7591,16 +7519,16 @@ fieldset:disabled .btn { .offcanvas-lg.offcanvas-start { top: 0; left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + width: var(--angor-offcanvas-width); + border-right: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + width: var(--angor-offcanvas-width); + border-left: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateX(100%); } @@ -7608,18 +7536,18 @@ fieldset:disabled .btn { top: 0; right: 0; left: 0; - height: var(--bs-offcanvas-height); + height: var(--angor-offcanvas-height); max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + border-bottom: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; - height: var(--bs-offcanvas-height); + height: var(--angor-offcanvas-height); max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + border-top: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateY(100%); } @@ -7637,8 +7565,8 @@ fieldset:disabled .btn { @media (min-width: 992px) { .offcanvas-lg { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; + --angor-offcanvas-height: auto; + --angor-offcanvas-border-width: 0; background-color: transparent !important; } @@ -7659,13 +7587,13 @@ fieldset:disabled .btn { .offcanvas-xl { position: fixed; bottom: 0; - z-index: var(--bs-offcanvas-zindex); + z-index: var(--angor-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; - color: var(--bs-offcanvas-color); + color: var(--angor-offcanvas-color); visibility: hidden; - background-color: var(--bs-offcanvas-bg); + background-color: var(--angor-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; @@ -7682,16 +7610,16 @@ fieldset:disabled .btn { .offcanvas-xl.offcanvas-start { top: 0; left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + width: var(--angor-offcanvas-width); + border-right: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + width: var(--angor-offcanvas-width); + border-left: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateX(100%); } @@ -7699,18 +7627,18 @@ fieldset:disabled .btn { top: 0; right: 0; left: 0; - height: var(--bs-offcanvas-height); + height: var(--angor-offcanvas-height); max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + border-bottom: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; - height: var(--bs-offcanvas-height); + height: var(--angor-offcanvas-height); max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + border-top: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateY(100%); } @@ -7728,8 +7656,8 @@ fieldset:disabled .btn { @media (min-width: 1200px) { .offcanvas-xl { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; + --angor-offcanvas-height: auto; + --angor-offcanvas-border-width: 0; background-color: transparent !important; } @@ -7750,13 +7678,13 @@ fieldset:disabled .btn { .offcanvas-xxl { position: fixed; bottom: 0; - z-index: var(--bs-offcanvas-zindex); + z-index: var(--angor-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; - color: var(--bs-offcanvas-color); + color: var(--angor-offcanvas-color); visibility: hidden; - background-color: var(--bs-offcanvas-bg); + background-color: var(--angor-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; @@ -7773,16 +7701,16 @@ fieldset:disabled .btn { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + width: var(--angor-offcanvas-width); + border-right: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + width: var(--angor-offcanvas-width); + border-left: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateX(100%); } @@ -7790,18 +7718,18 @@ fieldset:disabled .btn { top: 0; right: 0; left: 0; - height: var(--bs-offcanvas-height); + height: var(--angor-offcanvas-height); max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + border-bottom: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; - height: var(--bs-offcanvas-height); + height: var(--angor-offcanvas-height); max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + border-top: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateY(100%); } @@ -7819,8 +7747,8 @@ fieldset:disabled .btn { @media (min-width: 1400px) { .offcanvas-xxl { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; + --angor-offcanvas-height: auto; + --angor-offcanvas-border-width: 0; background-color: transparent !important; } @@ -7840,13 +7768,13 @@ fieldset:disabled .btn { .offcanvas { position: fixed; bottom: 0; - z-index: var(--bs-offcanvas-zindex); + z-index: var(--angor-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; - color: var(--bs-offcanvas-color); + color: var(--angor-offcanvas-color); visibility: hidden; - background-color: var(--bs-offcanvas-bg); + background-color: var(--angor-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; @@ -7861,16 +7789,16 @@ fieldset:disabled .btn { .offcanvas.offcanvas-start { top: 0; left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + width: var(--angor-offcanvas-width); + border-right: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + width: var(--angor-offcanvas-width); + border-left: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateX(100%); } @@ -7878,18 +7806,18 @@ fieldset:disabled .btn { top: 0; right: 0; left: 0; - height: var(--bs-offcanvas-height); + height: var(--angor-offcanvas-height); max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + border-bottom: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; - height: var(--bs-offcanvas-height); + height: var(--angor-offcanvas-height); max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + border-top: var(--angor-offcanvas-border-width) solid var(--angor-offcanvas-border-color); transform: translateY(100%); } @@ -7926,14 +7854,14 @@ fieldset:disabled .btn { display: flex; align-items: center; justify-content: space-between; - padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); + padding: var(--angor-offcanvas-padding-y) var(--angor-offcanvas-padding-x); } .offcanvas-header .btn-close { - padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5); - margin-top: calc(-.5 * var(--bs-offcanvas-padding-y)); - margin-right: calc(-.5 * var(--bs-offcanvas-padding-x)); - margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y)); + padding: calc(var(--angor-offcanvas-padding-y) * .5) calc(var(--angor-offcanvas-padding-x) * .5); + margin-top: calc(-.5 * var(--angor-offcanvas-padding-y)); + margin-right: calc(-.5 * var(--angor-offcanvas-padding-x)); + margin-bottom: calc(-.5 * var(--angor-offcanvas-padding-y)); } .offcanvas-title { @@ -7943,7 +7871,7 @@ fieldset:disabled .btn { .offcanvas-body { flex-grow: 1; - padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); + padding: var(--angor-offcanvas-padding-y) var(--angor-offcanvas-padding-x); overflow-y: auto; } @@ -8003,53 +7931,53 @@ fieldset:disabled .btn { .text-bg-primary { color: #000 !important; - background-color: RGBA(233, 30, 99, var(--bs-bg-opacity, 1)) !important; + background-color: RGBA(233, 30, 99, var(--angor-bg-opacity, 1)) !important; } .text-bg-secondary { color: #000 !important; - background-color: rgba(0, 128, 154, var(--bs-bg-opacity, 1)) !important; + background-color: rgba(0, 128, 154, var(--angor-bg-opacity, 1)) !important; } .text-bg-success { color: #000 !important; - background-color: RGBA(76, 175, 80, var(--bs-bg-opacity, 1)) !important; + background-color: RGBA(76, 175, 80, var(--angor-bg-opacity, 1)) !important; } .text-bg-info { color: #fff !important; - background-color: RGBA(26, 115, 232, var(--bs-bg-opacity, 1)) !important; + background-color: RGBA(26, 115, 232, var(--angor-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; - background-color: RGBA(251, 140, 0, var(--bs-bg-opacity, 1)) !important; + background-color: RGBA(251, 140, 0, var(--angor-bg-opacity, 1)) !important; } .text-bg-danger { color: #000 !important; - background-color: RGBA(244, 67, 53, var(--bs-bg-opacity, 1)) !important; + background-color: RGBA(244, 67, 53, var(--angor-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; - background-color: RGBA(240, 242, 245, var(--bs-bg-opacity, 1)) !important; + background-color: RGBA(240, 242, 245, var(--angor-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; - background-color: RGBA(52, 71, 103, var(--bs-bg-opacity, 1)) !important; + background-color: RGBA(52, 71, 103, var(--angor-bg-opacity, 1)) !important; } .text-bg-white { color: #000 !important; - background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important; + background-color: RGBA(255, 255, 255, var(--angor-bg-opacity, 1)) !important; } .text-bg-dark-blue { color: #fff !important; - background-color: RGBA(26, 35, 126, var(--bs-bg-opacity, 1)) !important; + background-color: RGBA(26, 35, 126, var(--angor-bg-opacity, 1)) !important; } .link-primary { @@ -8149,7 +8077,7 @@ fieldset:disabled .btn { .ratio::before { display: block; - padding-top: var(--bs-aspect-ratio); + padding-top: var(--angor-aspect-ratio); content: ""; } @@ -8162,19 +8090,19 @@ fieldset:disabled .btn { } .ratio-1x1 { - --bs-aspect-ratio: 100%; + --angor-aspect-ratio: 100%; } .ratio-4x3 { - --bs-aspect-ratio: calc(3 / 4 * 100%); + --angor-aspect-ratio: calc(3 / 4 * 100%); } .ratio-16x9 { - --bs-aspect-ratio: calc(9 / 16 * 100%); + --angor-aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9 { - --bs-aspect-ratio: calc(9 / 21 * 100%); + --angor-aspect-ratio: calc(9 / 21 * 100%); } .fixed-top { @@ -8828,23 +8756,23 @@ fieldset:disabled .btn { } .border-opacity-10 { - --bs-border-opacity: 0.1; + --angor-border-opacity: 0.1; } .border-opacity-25 { - --bs-border-opacity: 0.25; + --angor-border-opacity: 0.25; } .border-opacity-50 { - --bs-border-opacity: 0.5; + --angor-border-opacity: 0.5; } .border-opacity-75 { - --bs-border-opacity: 0.75; + --angor-border-opacity: 0.75; } .border-opacity-100 { - --bs-border-opacity: 1; + --angor-border-opacity: 1; } .w-0 { @@ -10454,7 +10382,7 @@ fieldset:disabled .btn { } .font-monospace { - font-family: var(--bs-font-monospace) !important; + font-family: var(--angor-font-monospace) !important; } .fs-1 { @@ -10639,19 +10567,19 @@ fieldset:disabled .btn { } .text-opacity-25 { - --bs-text-opacity: 0.25; + --angor-text-opacity: 0.25; } .text-opacity-50 { - --bs-text-opacity: 0.5; + --angor-text-opacity: 0.5; } .text-opacity-75 { - --bs-text-opacity: 0.75; + --angor-text-opacity: 0.75; } .text-opacity-100 { - --bs-text-opacity: 1; + --angor-text-opacity: 1; } .bg-primary { @@ -10703,7 +10631,7 @@ fieldset:disabled .btn { } .bg-gray-100 { - background-color: #f4f1ec !important + background-color: #e5eef0 !important } .bg-gray-200 { @@ -10739,27 +10667,27 @@ fieldset:disabled .btn { } .bg-opacity-10 { - --bs-bg-opacity: 0.1; + --angor-bg-opacity: 0.1; } .bg-opacity-25 { - --bs-bg-opacity: 0.25; + --angor-bg-opacity: 0.25; } .bg-opacity-50 { - --bs-bg-opacity: 0.5; + --angor-bg-opacity: 0.5; } .bg-opacity-75 { - --bs-bg-opacity: 0.75; + --angor-bg-opacity: 0.75; } .bg-opacity-100 { - --bs-bg-opacity: 1; + --angor-bg-opacity: 1; } .bg-gradient { - background-image: var(--bs-gradient) !important; + background-image: var(--angor-gradient) !important; } .user-select-all { @@ -20252,7 +20180,7 @@ fieldset:disabled .btn { } .alert-info { - background-image: linear-gradient(195deg, #fefefd 0%, #fefefd 100%); + background-image: linear-gradient(195deg, #f5fdff 0%, #f5fdff 100%); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; } @@ -21458,13 +21386,10 @@ fieldset:disabled .btn { } .sidenav { - background: #fefefd !important; + background: #f5fdff !important; color: #1f5d6a !important; } -.dark { - background-color: #022229 !important -} .dark.virtual-reality > div { background-image: none !important; @@ -21542,7 +21467,7 @@ fieldset:disabled .btn { background: #083b46; } - + .dark .kanban-item { background: transparent !important; border: 1px solid; @@ -22432,7 +22357,7 @@ body.dark { width: 0.8375rem; height: 0.8375rem; border-radius: 50%; - background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%), var(--bs-gradient); + background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%), var(--angor-gradient); opacity: 0; left: 0; right: 0; @@ -22519,7 +22444,7 @@ label, .form-label { font-size: 0.875rem; font-weight: 400; - color: #ff9900; + color: var(--angor-primary) !important; margin-left: 0.25rem; } @@ -24400,7 +24325,7 @@ body:not(.dark) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.tex } .navbar-main { - --bs-card-bg: rgba(255, 255, 255, 0.9); + --angor-card-bg: rgba(245, 253, 255, 0.9); } .navbar-main.fixed-top { @@ -25789,1879 +25714,3 @@ body:not(.dark) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.tex .bs-tooltip-left .tooltip-arrow { right: 1px; } - -html * { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -body { - font-weight: 400; - line-height: 1.6; -} - -h1, -.h1, -.h1 { - font-size: 3rem; - line-height: 1.25; - letter-spacing: 0; -} - -@media (max-width: 575.98px) { - - h1, - .h1, - .h1 { - font-size: calc(1.425rem + 2.1vw); - } -} - -h2, -.h2, -.h2 { - font-size: 2.25rem; - line-height: 1.3; - letter-spacing: 0.05rem; -} - -@media (max-width: 575.98px) { - - h2, - .h2, - .h2 { - font-size: calc(1.35rem + 1.2vw); - } -} - -h3, -.h3, -.h3 { - font-size: 1.875rem; - line-height: 1.375; -} - -@media (max-width: 575.98px) { - - h3, - .h3, - .h3 { - font-size: calc(1.3125rem + 0.75vw); - } -} - -h4, -.h4, -.h4 { - font-size: 1.5rem; - line-height: 1.375; -} - -@media (max-width: 575.98px) { - - h4, - .h4, - .h4 { - font-size: calc(1.275rem + 0.3vw); - } -} - -h5, -.h5, -.h5 { - font-size: 1.25rem; - line-height: 1.375; -} - -@media (max-width: 575.98px) { - - h5, - .h5, - .h5 { - font-size: 1.25rem; - } -} - -h6, -.h6, -.h6 { - font-size: 1rem; - line-height: 1.625; -} - -p, -.p { - font-size: 1rem; - font-weight: 400; - line-height: 1.6; -} - -.lead { - font-size: 1.25rem; - font-weight: 400; - line-height: 1.625; -} - -h1, -.h1, -.h1, -h2, -.h2, -.h2, -h3, -.h3, -.h3 { - font-weight: 600; - font-family: var(--bs-font-sans-serif); -} - -h4, -.h4, -.h4, -h5, -.h5, -.h5, -h6, -.h6, -.h6 { - font-weight: 600; -} - -h1, -.h1, -.h1, -h2, -.h2, -.h2, -h3, -.h3, -.h3, -h4, -.h4, -.h4 { - letter-spacing: -0.05rem; -} - -a { - letter-spacing: 0rem; - color: #344767; -} - -.text-sm { - line-height: 1.5; -} - -.text-xs { - line-height: 1.25; -} - -p, -.p { - font-size: 1rem; -} - -.lead { - font-size: 1.25rem; -} - -.text-lg { - font-size: 1.125rem !important; -} - -.text-md { - font-size: 1rem !important; -} - -.text-sm { - font-size: 0.875rem !important; -} - -.text-xs { - font-size: 0.75rem !important; -} - -.text-xxs { - font-size: 0.65rem !important; -} - -p { - line-height: 1.625; - font-weight: 300; -} - -.text-sans-serif { - font-family: "Roboto", Helvetica, Arial, sans-serif !important; -} - -.text-monospace { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; -} - -.text-justify { - text-align: justify !important; -} - -.text-wrap { - white-space: normal !important; -} - -.text-nowrap { - white-space: nowrap !important; -} - -.text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.font-weight-light { - font-weight: 300 !important; -} - -.font-weight-lighter { - font-weight: lighter !important; -} - -.font-weight-normal { - font-weight: 400 !important; -} - -.font-weight-bold { - font-weight: 600 !important; -} - -.font-weight-bolder { - font-weight: 700 !important; -} - -.font-italic { - font-style: italic !important; -} - -.text-gradient { - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - position: relative; - z-index: 1; -} - - .text-gradient.text-primary { - background-image: linear-gradient(195deg, #EC407A, #D81B60); - } - - .text-gradient.text-info { - background-image: linear-gradient(195deg, #49a3f1, #1A73E8); - } - - .text-gradient.text-success { - background-image: linear-gradient(195deg, #66BB6A, #43A047); - } - - .text-gradient.text-warning { - background-image: linear-gradient(195deg, #FFA726, #FB8C00); - } - - .text-gradient.text-danger { - background-image: linear-gradient(195deg, #EF5350, #E53935); - } - - .text-gradient.text-dark { - background-image: linear-gradient(195deg, #42424a, #191919); - } - -.blockquote { - border-left: 3px solid #6c757d; -} - - .blockquote > span { - font-style: italic; - } - -.text-muted { - color: #ff9900 !important; -} - -.text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; -} - -.text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; -} - -.text-decoration-none { - text-decoration: none !important; -} - -.text-break { - word-wrap: break-word !important; -} - -.text-reset { - color: inherit !important; -} - -.letter-wider { - letter-spacing: 0.05rem; -} - -.letter-normal { - letter-spacing: 0rem; -} - -.letter-tighter { - letter-spacing: -0.05rem; -} - -.text-lighter { - font-weight: lighter; -} - -.text-light { - font-weight: 300; -} - -.text-normal { - font-weight: 400; -} - -.text-bold { - font-weight: 600; -} - -.text-bolder { - font-weight: 700; -} - -.text-2xl { - font-size: 1.5rem; -} - -.text-3xl { - font-size: 1.875rem; -} - -.text-4xl { - font-size: 2rem; -} - -.text-5xl { - font-size: 2.25rem; -} - -.text-6xl { - font-size: 3rem; -} - -.text-7xl { - font-size: 3.75rem; -} - -.text-8xl { - font-size: 4rem; -} - -.text-9xl { - font-size: 5rem; -} - -.flatpickr-calendar { - background: transparent; - opacity: 0; - display: none; - text-align: center; - visibility: hidden; - padding: 0; - -webkit-animation: none; - animation: none; - direction: ltr; - border: 0; - font-size: 14px; - line-height: 24px; - border-radius: 0.75rem; - position: absolute; - width: 307.875px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -ms-touch-action: manipulation; - touch-action: manipulation; - background: #fff; - -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - transform: scale(0.95) !important; -} - - .flatpickr-calendar.open, - .flatpickr-calendar.inline { - opacity: 1; - max-height: 640px; - visibility: visible; - transform: scale(1) !important; - } - - .flatpickr-calendar.open { - display: inline-block; - z-index: 99999; - } - - .flatpickr-calendar.animate.open { - -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); - animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); - } - - .flatpickr-calendar.inline { - display: block; - position: relative; - top: 2px; - } - - .flatpickr-calendar.static { - position: absolute; - top: calc(100% + 2px); - } - - .flatpickr-calendar.static.open { - z-index: 999; - display: block; - } - - .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - - .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { - -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; - box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; - } - - .flatpickr-calendar .hasWeeks .dayContainer, - .flatpickr-calendar .hasTime .dayContainer { - border-bottom: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - - .flatpickr-calendar .hasWeeks .dayContainer { - border-left: 0; - } - - .flatpickr-calendar.hasTime .flatpickr-time { - height: 40px; - border-top: 1px solid #e6e6e6; - } - - .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { - height: auto; - } - - .flatpickr-calendar:before, - .flatpickr-calendar:after { - position: absolute; - display: block; - pointer-events: none; - border: solid transparent; - content: ''; - height: 0; - width: 0; - left: 22px; - } - - .flatpickr-calendar.rightMost:before, - .flatpickr-calendar.arrowRight:before, - .flatpickr-calendar.rightMost:after, - .flatpickr-calendar.arrowRight:after { - left: auto; - right: 22px; - } - - .flatpickr-calendar.arrowCenter:before, - .flatpickr-calendar.arrowCenter:after { - left: 50%; - right: 50%; - } - - .flatpickr-calendar:before { - border-width: 5px; - margin: 0 -5px; - } - - .flatpickr-calendar:after { - border-width: 4px; - margin: 0 -4px; - } - - .flatpickr-calendar.arrowTop:before, - .flatpickr-calendar.arrowTop:after { - bottom: 100%; - } - - .flatpickr-calendar.arrowTop:before { - border-bottom-color: #fff; - } - - .flatpickr-calendar.arrowTop:after { - border-bottom-color: #fff; - } - - .flatpickr-calendar.arrowBottom:before, - .flatpickr-calendar.arrowBottom:after { - top: 100%; - } - - .flatpickr-calendar.arrowBottom:before { - border-top-color: #e6e6e6; - } - - .flatpickr-calendar.arrowBottom:after { - border-top-color: #fff; - } - - .flatpickr-calendar:focus { - outline: 0; - } - -.flatpickr-wrapper { - position: relative; - display: inline-block; -} - -.flatpickr-months { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - - .flatpickr-months .flatpickr-month { - background: transparent; - color: #344767; - fill: rgba(0, 0, 0, 0.8); - height: 34px; - line-height: 1; - text-align: center; - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - overflow: hidden; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - } - - .flatpickr-months .flatpickr-prev-month, - .flatpickr-months .flatpickr-next-month { - text-decoration: none; - cursor: pointer; - position: absolute; - top: 0; - height: 34px; - padding: 10px; - z-index: 3; - color: rgba(0, 0, 0, 0.9); - fill: rgba(0, 0, 0, 0.9); - } - - .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, - .flatpickr-months .flatpickr-next-month.flatpickr-disabled { - display: none; - } - - .flatpickr-months .flatpickr-prev-month i, - .flatpickr-months .flatpickr-next-month i { - position: relative; - } - - .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, - .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { - left: 0; - } - - .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, - .flatpickr-months .flatpickr-next-month.flatpickr-next-month { - right: 0; - } - - .flatpickr-months .flatpickr-prev-month:hover, - .flatpickr-months .flatpickr-next-month:hover { - color: #959ea9; - } - - .flatpickr-months .flatpickr-prev-month:hover svg, - .flatpickr-months .flatpickr-next-month:hover svg { - fill: #f64747; - } - - .flatpickr-months .flatpickr-prev-month svg, - .flatpickr-months .flatpickr-next-month svg { - width: 14px; - height: 14px; - } - - .flatpickr-months .flatpickr-prev-month svg path, - .flatpickr-months .flatpickr-next-month svg path { - -webkit-transition: fill 0.1s; - transition: fill 0.1s; - fill: inherit; - } - -.numInputWrapper { - position: relative; - height: auto; -} - - .numInputWrapper input, - .numInputWrapper span { - display: inline-block; - } - - .numInputWrapper input { - width: 100%; - } - - .numInputWrapper input::-ms-clear { - display: none; - } - - .numInputWrapper input::-webkit-outer-spin-button, - .numInputWrapper input::-webkit-inner-spin-button { - margin: 0; - -webkit-appearance: none; - } - - .numInputWrapper span { - position: absolute; - right: 0; - width: 14px; - padding: 0 4px 0 2px; - height: 50%; - line-height: 50%; - opacity: 0; - cursor: pointer; - border: 1px solid rgba(57, 57, 57, 0.15); - -webkit-box-sizing: border-box; - box-sizing: border-box; - } - - .numInputWrapper span:hover { - background: rgba(0, 0, 0, 0.1); - } - - .numInputWrapper span:active { - background: rgba(0, 0, 0, 0.2); - } - - .numInputWrapper span:after { - display: block; - content: ""; - position: absolute; - } - - .numInputWrapper span.arrowUp { - top: 0; - border-bottom: 0; - } - - .numInputWrapper span.arrowUp:after { - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-bottom: 4px solid rgba(57, 57, 57, 0.6); - top: 26%; - } - - .numInputWrapper span.arrowDown { - top: 50%; - } - - .numInputWrapper span.arrowDown:after { - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid rgba(57, 57, 57, 0.6); - top: 40%; - } - - .numInputWrapper span svg { - width: inherit; - height: auto; - } - - .numInputWrapper span svg path { - fill: rgba(0, 0, 0, 0.5); - } - - .numInputWrapper:hover { - background: rgba(0, 0, 0, 0.05); - } - - .numInputWrapper:hover span { - opacity: 1; - } - -.flatpickr-current-month { - font-size: 135%; - line-height: inherit; - font-weight: 300; - color: inherit; - position: absolute; - width: 75%; - left: 12.5%; - padding: 7.48px 0 0 0; - line-height: 1; - height: 34px; - display: inline-block; - text-align: center; - -webkit-transform: translate3d(0px, 0px, 0px); - transform: translate3d(0px, 0px, 0px); -} - - .flatpickr-current-month span.cur-month { - font-family: inherit; - font-weight: 700; - color: inherit; - display: inline-block; - margin-left: 0.5ch; - padding: 0; - } - - .flatpickr-current-month span.cur-month:hover { - background: rgba(0, 0, 0, 0.05); - } - - .flatpickr-current-month .numInputWrapper { - width: 6ch; - width: 7ch\0; - display: inline-block; - } - - .flatpickr-current-month .numInputWrapper span.arrowUp:after { - border-bottom-color: rgba(0, 0, 0, 0.9); - } - - .flatpickr-current-month .numInputWrapper span.arrowDown:after { - border-top-color: rgba(0, 0, 0, 0.9); - } - - .flatpickr-current-month input.cur-year { - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: inherit; - cursor: text; - padding: 0 0 0 0.5ch; - margin: 0; - display: inline-block; - font-size: inherit; - font-family: inherit; - font-weight: 300; - line-height: inherit; - height: auto; - border: 0; - border-radius: 0; - vertical-align: initial; - -webkit-appearance: textfield; - -moz-appearance: textfield; - appearance: textfield; - } - - .flatpickr-current-month input.cur-year:focus { - outline: 0; - } - - .flatpickr-current-month input.cur-year[disabled], - .flatpickr-current-month input.cur-year[disabled]:hover { - font-size: 100%; - color: rgba(0, 0, 0, 0.5); - background: transparent; - pointer-events: none; - } - - .flatpickr-current-month .flatpickr-monthDropdown-months { - appearance: menulist; - background: transparent; - border: none; - border-radius: 0; - box-sizing: border-box; - color: inherit; - cursor: pointer; - font-size: inherit; - font-family: inherit; - font-weight: 300; - height: auto; - line-height: inherit; - margin: -1px 0 0 0; - outline: none; - padding: 0 0 0 0.5ch; - position: relative; - vertical-align: initial; - -webkit-box-sizing: border-box; - -webkit-appearance: menulist; - -moz-appearance: menulist; - width: auto; - } - - .flatpickr-current-month .flatpickr-monthDropdown-months:focus, - .flatpickr-current-month .flatpickr-monthDropdown-months:active { - outline: none; - } - - .flatpickr-current-month .flatpickr-monthDropdown-months:hover { - background: rgba(0, 0, 0, 0.05); - } - - .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { - background-color: transparent; - outline: none; - padding: 0; - } - -.flatpickr-weekdays { - background: transparent; - text-align: center; - overflow: hidden; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 28px; -} - - .flatpickr-weekdays .flatpickr-weekdaycontainer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - } - -span.flatpickr-weekday { - cursor: default; - font-size: 90%; - background: transparent; - color: rgba(0, 0, 0, 0.54); - line-height: 1; - margin: 0; - text-align: center; - display: block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-weight: bolder; -} - -.dayContainer, -.flatpickr-weeks { - padding: 1px 0 0 0; -} - -.flatpickr-days { - position: relative; - overflow: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - width: 307.875px; -} - - .flatpickr-days:focus { - outline: 0; - } - -.dayContainer { - padding: 0; - outline: 0; - text-align: left; - width: 307.875px; - min-width: 307.875px; - max-width: 307.875px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: inline-block; - display: -ms-flexbox; - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-wrap: wrap; - -ms-flex-pack: justify; - -webkit-justify-content: space-around; - justify-content: space-around; - -webkit-transform: translate3d(0px, 0px, 0px); - transform: translate3d(0px, 0px, 0px); - opacity: 1; -} - - .dayContainer + .dayContainer { - -webkit-box-shadow: -1px 0 0 #e6e6e6; - box-shadow: -1px 0 0 #e6e6e6; - } - -.flatpickr-day { - background: none; - border: 1px solid transparent; - border-radius: 150px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #344767; - cursor: pointer; - font-weight: 400; - width: 14.2857143%; - -webkit-flex-basis: 14.2857143%; - -ms-flex-preferred-size: 14.2857143%; - flex-basis: 14.2857143%; - max-width: 39px; - height: 39px; - line-height: 39px; - margin: 0; - display: inline-block; - position: relative; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; -} - - .flatpickr-day.inRange, - .flatpickr-day.prevMonthDay.inRange, - .flatpickr-day.nextMonthDay.inRange, - .flatpickr-day.today.inRange, - .flatpickr-day.prevMonthDay.today.inRange, - .flatpickr-day.nextMonthDay.today.inRange, - .flatpickr-day:hover, - .flatpickr-day.prevMonthDay:hover, - .flatpickr-day.nextMonthDay:hover, - .flatpickr-day:focus, - .flatpickr-day.prevMonthDay:focus, - .flatpickr-day.nextMonthDay:focus { - cursor: pointer; - outline: 0; - background: #e6e6e6; - border-color: #e6e6e6; - } - - .flatpickr-day.today { - border-color: #959ea9; - } - - .flatpickr-day.today:hover, - .flatpickr-day.today:focus { - border-color: #959ea9; - background: #959ea9; - color: #fff; - } - - .flatpickr-day.selected, - .flatpickr-day.startRange, - .flatpickr-day.endRange, - .flatpickr-day.selected.inRange, - .flatpickr-day.startRange.inRange, - .flatpickr-day.endRange.inRange, - .flatpickr-day.selected:focus, - .flatpickr-day.startRange:focus, - .flatpickr-day.endRange:focus, - .flatpickr-day.selected:hover, - .flatpickr-day.startRange:hover, - .flatpickr-day.endRange:hover, - .flatpickr-day.selected.prevMonthDay, - .flatpickr-day.startRange.prevMonthDay, - .flatpickr-day.endRange.prevMonthDay, - .flatpickr-day.selected.nextMonthDay, - .flatpickr-day.startRange.nextMonthDay, - .flatpickr-day.endRange.nextMonthDay { - background: #569ff7; - -webkit-box-shadow: none; - box-shadow: none; - color: #fff; - border-color: #569ff7; - } - - .flatpickr-day.selected.startRange, - .flatpickr-day.startRange.startRange, - .flatpickr-day.endRange.startRange { - border-radius: 50px 0 0 50px; - } - - .flatpickr-day.selected.endRange, - .flatpickr-day.startRange.endRange, - .flatpickr-day.endRange.endRange { - border-radius: 0 50px 50px 0; - } - - .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), - .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), - .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { - -webkit-box-shadow: -10px 0 0 #569ff7; - box-shadow: -10px 0 0 #569ff7; - } - - .flatpickr-day.selected.startRange.endRange, - .flatpickr-day.startRange.startRange.endRange, - .flatpickr-day.endRange.startRange.endRange { - border-radius: 50px; - } - - .flatpickr-day.inRange { - border-radius: 0; - -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; - box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; - } - - .flatpickr-day.flatpickr-disabled, - .flatpickr-day.flatpickr-disabled:hover, - .flatpickr-day.prevMonthDay, - .flatpickr-day.nextMonthDay, - .flatpickr-day.notAllowed, - .flatpickr-day.notAllowed.prevMonthDay, - .flatpickr-day.notAllowed.nextMonthDay { - color: rgba(57, 57, 57, 0.3); - background: transparent; - border-color: transparent; - cursor: default; - } - - .flatpickr-day.flatpickr-disabled, - .flatpickr-day.flatpickr-disabled:hover { - cursor: not-allowed; - color: rgba(57, 57, 57, 0.1); - } - - .flatpickr-day.week.selected { - border-radius: 0; - -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; - box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; - } - - .flatpickr-day.hidden { - visibility: hidden; - } - -.rangeMode .flatpickr-day { - margin-top: 1px; -} - -.flatpickr-weekwrapper { - float: left; -} - - .flatpickr-weekwrapper .flatpickr-weeks { - padding: 0 12px; - -webkit-box-shadow: 1px 0 0 #e6e6e6; - box-shadow: 1px 0 0 #e6e6e6; - } - - .flatpickr-weekwrapper .flatpickr-weekday { - float: none; - width: 100%; - line-height: 28px; - } - - .flatpickr-weekwrapper span.flatpickr-day, - .flatpickr-weekwrapper span.flatpickr-day:hover { - display: block; - width: 100%; - max-width: none; - color: rgba(57, 57, 57, 0.3); - background: transparent; - cursor: default; - border: none; - } - -.flatpickr-innerContainer { - display: block; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow: hidden; -} - -.flatpickr-rContainer { - display: inline-block; - padding: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.flatpickr-time { - text-align: center; - outline: 0; - display: block; - height: 0; - line-height: 40px; - max-height: 40px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - - .flatpickr-time:after { - content: ""; - display: table; - clear: both; - } - - .flatpickr-time .numInputWrapper { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 40%; - height: 40px; - float: left; - } - - .flatpickr-time .numInputWrapper span.arrowUp:after { - border-bottom-color: #393939; - } - - .flatpickr-time .numInputWrapper span.arrowDown:after { - border-top-color: #393939; - } - - .flatpickr-time.hasSeconds .numInputWrapper { - width: 26%; - } - - .flatpickr-time.time24hr .numInputWrapper { - width: 49%; - } - - .flatpickr-time input { - background: transparent; - -webkit-box-shadow: none; - box-shadow: none; - border: 0; - border-radius: 0; - text-align: center; - margin: 0; - padding: 0; - height: inherit; - line-height: inherit; - color: #393939; - font-size: 14px; - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-appearance: textfield; - -moz-appearance: textfield; - appearance: textfield; - } - - .flatpickr-time input.flatpickr-hour { - font-weight: bold; - } - - .flatpickr-time input.flatpickr-minute, - .flatpickr-time input.flatpickr-second { - font-weight: 400; - } - - .flatpickr-time input:focus { - outline: 0; - border: 0; - } - - .flatpickr-time .flatpickr-time-separator, - .flatpickr-time .flatpickr-am-pm { - height: inherit; - float: left; - line-height: inherit; - color: #393939; - font-weight: bold; - width: 2%; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - } - - .flatpickr-time .flatpickr-am-pm { - outline: 0; - width: 18%; - cursor: pointer; - text-align: center; - font-weight: 400; - } - - .flatpickr-time input:hover, - .flatpickr-time .flatpickr-am-pm:hover, - .flatpickr-time input:focus, - .flatpickr-time .flatpickr-am-pm:focus { - background: #eee; - } - -.flatpickr-input[readonly] { - cursor: pointer; -} - -@-webkit-keyframes fpFadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes fpFadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -.datepicker.flatpickr-input { - background-color: #fff; -} - -.flatpickr-calendar.open { - margin-left: 0px; - margin-top: 4px; -} - -.flatpickr-calendar.arrowBottom { - margin-top: -20px; -} - -.flatpickr-calendar .flatpickr-innerContainer { - margin-top: 15px !important; -} - -.flatpickr-calendar .numInputWrapper span { - border: none; - border-bottom: 1px solid rgba(57, 57, 57, 0.15); -} - -.flatpickr-calendar .numInputWrapper:hover .arrowUp, -.flatpickr-calendar .numInputWrapper:hover .arrowDown { - margin-top: 3px; -} - -.flatpickr-calendar .flatpickr-day.today, -.flatpickr-calendar .flatpickr-day.selected, -.flatpickr-calendar .flatpickr-day.startRange, -.flatpickr-calendar .flatpickr-day.endRange { - background: #1f5d6a !important; - color: #fff; - border: none; -} - -.flatpickr-calendar .flatpickr-day.inRange { - background: rgba(94, 114, 228, 0.28); - border: none; - -webkit-box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8; - box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8; -} - -.flatpickr-calendar .flatpickr-day:not(.selected):hover, -.flatpickr-calendar .flatpickr-day:not(.selected):focus { - background: rgba(94, 114, 228, 0.28); - border: none; -} - -.flatpickr-calendar .flatpickr-time input:hover, -.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover, -.flatpickr-calendar .flatpickr-time input:focus, -.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus { - background: rgba(94, 114, 228, 0.28); -} - -.flatpickr.form-control { - background: #fff; -} - -.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), -.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), -.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) { - box-shadow: -10px 0 0 #1f5d6a; -} - -.noUi-target, -.noUi-target * { - -webkit-touch-callout: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-user-select: none; - -ms-touch-action: none; - touch-action: none; - -ms-user-select: none; - -moz-user-select: none; - user-select: none; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.noUi-target { - position: relative; -} - -.noUi-base, -.noUi-connects { - width: 100%; - height: 2px; - position: relative; - z-index: 1; - top: 0; -} - -.noUi-connects { - z-index: 0; - overflow: hidden; -} - -.noUi-connect, -.noUi-origin { - will-change: transform; - position: absolute; - z-index: 1; - top: 0; - right: 0; - -ms-transform-origin: 0 0; - -webkit-transform-origin: 0 0; - -webkit-transform-style: preserve-3d; - transform-origin: 0 0; - transform-style: flat; -} - -.noUi-connect { - height: 100%; - width: 100%; - border-radius: 0.25rem; -} - -.noUi-origin { - height: 10%; - width: 10%; -} - -.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { - left: 0; - right: auto; -} - -.noUi-vertical .noUi-origin { - width: 0; -} - -.noUi-horizontal .noUi-origin { - height: 0; -} - -.noUi-handle { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; -} - -.noUi-touch-area { - height: 100%; - width: 100%; -} - -.noUi-state-tap .noUi-connect, -.noUi-state-tap .noUi-origin { - -webkit-transition: transform 0.3s; - transition: transform 0.3s; -} - -.noUi-state-drag * { - cursor: inherit !important; -} - -.noUi-horizontal { - height: 2px; -} - - .noUi-horizontal .noUi-handle { - border-radius: 50%; - background-color: #fff; - box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.2); - height: 14px; - width: 14px; - cursor: pointer; - margin-top: -6px; - outline: none; - right: -10px; - } - -.noUi-vertical { - width: 3px; -} - - .noUi-vertical .noUi-handle { - width: 28px; - height: 34px; - right: -6px; - top: -17px; - } - -.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { - left: -17px; - right: auto; -} - -.noUi-target { - background: #f0f2f5; - border-radius: .25rem; -} - -.noUi-connects { - border-radius: 3px; -} - -.noUi-connect { - background: #1f5d6a; -} - -.noUi-draggable { - cursor: ew-resize; -} - -.noUi-vertical .noUi-draggable { - cursor: ns-resize; -} - -.noUi-handle { - border: 1px solid #1f5d6a; - border-radius: 3px; - background: #fff; - cursor: default; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; - webkit-transition: .3s ease 0s; - -moz-transition: .3s ease 0s; - -ms-transition: .3s ease 0s; - -o-transform: .3s ease 0s; - transition: .3s ease 0s; -} - -.noUi-active { - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; - transform: scale3d(1.5, 1.5, 1); -} - -[disabled] .noUi-connect { - background: #B8B8B8; -} - -[disabled].noUi-target, -[disabled].noUi-handle, -[disabled] .noUi-handle { - cursor: not-allowed; -} - -.noUi-pips, -.noUi-pips * { - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.noUi-pips { - position: absolute; - color: #999; -} - -.noUi-value { - position: absolute; - white-space: nowrap; - text-align: center; -} - -.noUi-value-sub { - color: #ccc; - font-size: 10px; -} - -.noUi-marker { - position: absolute; - background: #CCC; -} - -.noUi-marker-sub { - background: #AAA; -} - -.noUi-marker-large { - background: #AAA; -} - -.noUi-pips-horizontal { - padding: 10px 0; - height: 80px; - top: 100%; - left: 0; - width: 100%; -} - -.noUi-value-horizontal { - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); -} - -.noUi-rtl .noUi-value-horizontal { - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); -} - -.noUi-marker-horizontal.noUi-marker { - margin-left: -1px; - width: 2px; - height: 5px; -} - -.noUi-marker-horizontal.noUi-marker-sub { - height: 10px; -} - -.noUi-marker-horizontal.noUi-marker-large { - height: 15px; -} - -.noUi-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - left: 100%; -} - -.noUi-value-vertical { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - padding-left: 25px; -} - -.noUi-rtl .noUi-value-vertical { - -webkit-transform: translate(0, 50%); - transform: translate(0, 50%); -} - -.noUi-marker-vertical.noUi-marker { - width: 5px; - height: 2px; - margin-top: -1px; -} - -.noUi-marker-vertical.noUi-marker-sub { - width: 10px; -} - -.noUi-marker-vertical.noUi-marker-large { - width: 15px; -} - -.noUi-tooltip { - display: block; - position: absolute; - border: 1px solid #D9D9D9; - border-radius: 3px; - background: #fff; - color: #000; - padding: 5px; - text-align: center; - white-space: nowrap; -} - -.noUi-horizontal .noUi-tooltip { - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 120%; -} - -.noUi-vertical .noUi-tooltip { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - top: 50%; - right: 120%; -} - -.noUi-horizontal .noUi-origin > .noUi-tooltip { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - left: auto; - bottom: 10px; -} - -.noUi-vertical .noUi-origin > .noUi-tooltip { - -webkit-transform: translate(0, -18px); - transform: translate(0, -18px); - top: auto; - right: 28px; -} - -code[class*="language-"], -pre[class*="language-"] { - color: black; - background: none; - text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; - font-size: 1em; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - word-wrap: normal; - line-height: 1.5; - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; -} - - pre[class*="language-"]::-moz-selection, - pre[class*="language-"] ::-moz-selection, - code[class*="language-"]::-moz-selection, - code[class*="language-"] ::-moz-selection { - text-shadow: none; - background: #b3d4fc; - } - - pre[class*="language-"]::selection, - pre[class*="language-"] ::selection, - code[class*="language-"]::selection, - code[class*="language-"] ::selection { - text-shadow: none; - background: #b3d4fc; - } - -@media print { - - code[class*="language-"], - pre[class*="language-"] { - text-shadow: none; - } -} - -pre[class*="language-"] { - padding: 1em; - overflow: auto; - border-radius: .75rem; -} - -:not(pre) > code[class*="language-"], -pre[class*="language-"] { - background: #f8f9fa; -} - -:not(pre) > code[class*="language-"] { - padding: .1em; - border-radius: .3em; - white-space: normal; -} - -.token.comment, -.token.prolog, -.token.doctype, -.token.cdata { - color: slategray; -} - -.token.punctuation { - color: #999; -} - -.token.namespace { - opacity: .7; -} - -.token.property, -.token.tag, -.token.boolean, -.token.number, -.token.constant, -.token.symbol, -.token.deleted { - color: #905; -} - -.token.selector, -.token.attr-name, -.token.string, -.token.char, -.token.builtin, -.token.inserted { - color: #690; -} - -.token.operator, -.token.entity, -.token.url, -.language-css .token.string, -.style .token.string { - color: #9a6e3a; - background: rgba(255, 255, 255, 0.5); -} - -.token.atrule, -.token.attr-value, -.token.keyword { - color: #07a; -} - -.token.function, -.token.class-name { - color: #DD4A68; -} - -.token.regex, -.token.important, -.token.variable { - color: #e90; -} - -.token.important, -.token.bold { - font-weight: bold; -} - -.token.italic { - font-style: italic; -} - -.token.entity { - cursor: help; -} - -.ps { - overflow: hidden !important; - overflow-anchor: none; - -ms-overflow-style: none; - touch-action: auto; - -ms-touch-action: auto; -} - -.ps__rail-x { - display: none; - opacity: 0; - transition: background-color .2s linear, opacity .2s linear; - -webkit-transition: background-color .2s linear, opacity .2s linear; - height: 15px; - bottom: 0px; - position: absolute; -} - -.ps__rail-y { - display: none; - opacity: 0; - transition: background-color .2s linear, opacity .2s linear; - -webkit-transition: background-color .2s linear, opacity .2s linear; - width: 15px; - right: 0; - position: absolute; -} - -.ps--active-x > .ps__rail-x, -.ps--active-y > .ps__rail-y { - display: block; - background-color: transparent; -} - -.ps:hover > .ps__rail-x, -.ps:hover > .ps__rail-y, -.ps--focus > .ps__rail-x, -.ps--focus > .ps__rail-y, -.ps--scrolling-x > .ps__rail-x, -.ps--scrolling-y > .ps__rail-y { - opacity: 0.6; -} - -.ps .ps__rail-x:hover, -.ps .ps__rail-y:hover, -.ps .ps__rail-x:focus, -.ps .ps__rail-y:focus, -.ps .ps__rail-x.ps--clicking, -.ps .ps__rail-y.ps--clicking { - background-color: #eee; - opacity: 0.9; -} - -.ps__thumb-x { - background-color: #aaa; - border-radius: 6px; - transition: background-color .2s linear, height .2s ease-in-out; - -webkit-transition: background-color .2s linear, height .2s ease-in-out; - height: 6px; - bottom: 2px; - position: absolute; -} - -.ps__thumb-y { - background-color: #aaa; - border-radius: 6px; - transition: background-color .2s linear, width .2s ease-in-out; - -webkit-transition: background-color .2s linear, width .2s ease-in-out; - width: 6px; - right: 2px; - position: absolute; -} - -.ps__rail-x:hover > .ps__thumb-x, -.ps__rail-x:focus > .ps__thumb-x, -.ps__rail-x.ps--clicking .ps__thumb-x { - background-color: #999; - height: 11px; -} - -.ps__rail-y:hover > .ps__thumb-y, -.ps__rail-y:focus > .ps__thumb-y, -.ps__rail-y.ps--clicking .ps__thumb-y { - background-color: #999; - width: 11px; -} - -@supports (-ms-overflow-style: none) { - .ps { - overflow: auto !important; - } -} - -@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { - .ps { - overflow: auto !important; - } -} - -.fs-lable-s { - font-size: 0.6rem; -} diff --git a/src/Angor/Client/wwwroot/assets/icons/angor-logo.svg b/src/Angor/Client/wwwroot/assets/icons/angor-logo.svg index 589b6481..7035b4bc 100644 --- a/src/Angor/Client/wwwroot/assets/icons/angor-logo.svg +++ b/src/Angor/Client/wwwroot/assets/icons/angor-logo.svg @@ -1,15 +1,15 @@ - - - diff --git a/src/Angor/Client/wwwroot/assets/icons/clock-square.svg b/src/Angor/Client/wwwroot/assets/icons/clock-square.svg new file mode 100644 index 00000000..3196a2c3 --- /dev/null +++ b/src/Angor/Client/wwwroot/assets/icons/clock-square.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/Angor/Client/wwwroot/assets/icons/copy.svg b/src/Angor/Client/wwwroot/assets/icons/copy.svg index 9071a75b..e2a422b7 100644 --- a/src/Angor/Client/wwwroot/assets/icons/copy.svg +++ b/src/Angor/Client/wwwroot/assets/icons/copy.svg @@ -1,4 +1,4 @@ - - + + \ No newline at end of file diff --git a/src/Angor/Client/wwwroot/assets/icons/currency.svg b/src/Angor/Client/wwwroot/assets/icons/currency.svg new file mode 100644 index 00000000..401ca9d8 --- /dev/null +++ b/src/Angor/Client/wwwroot/assets/icons/currency.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/Angor/Client/wwwroot/assets/icons/github.svg b/src/Angor/Client/wwwroot/assets/icons/github.svg index fe9dd0c8..a2150288 100644 --- a/src/Angor/Client/wwwroot/assets/icons/github.svg +++ b/src/Angor/Client/wwwroot/assets/icons/github.svg @@ -1,3 +1,3 @@ - + \ No newline at end of file diff --git a/src/Angor/Client/wwwroot/assets/icons/primary.svg b/src/Angor/Client/wwwroot/assets/icons/primary.svg index 824a4174..9165fd55 100644 --- a/src/Angor/Client/wwwroot/assets/icons/primary.svg +++ b/src/Angor/Client/wwwroot/assets/icons/primary.svg @@ -1,3 +1,3 @@ - + \ No newline at end of file diff --git a/src/Angor/Client/wwwroot/assets/icons/receive.svg b/src/Angor/Client/wwwroot/assets/icons/receive.svg index ab0eb37a..7687fd58 100644 --- a/src/Angor/Client/wwwroot/assets/icons/receive.svg +++ b/src/Angor/Client/wwwroot/assets/icons/receive.svg @@ -1,7 +1,7 @@  - - - - - + + + + + \ No newline at end of file diff --git a/src/Angor/Client/wwwroot/assets/icons/refresh.svg b/src/Angor/Client/wwwroot/assets/icons/refresh.svg index 99ca1f79..a84d4c92 100644 --- a/src/Angor/Client/wwwroot/assets/icons/refresh.svg +++ b/src/Angor/Client/wwwroot/assets/icons/refresh.svg @@ -1,4 +1,4 @@  - - + + \ No newline at end of file diff --git a/src/Angor/Client/wwwroot/assets/icons/send.svg b/src/Angor/Client/wwwroot/assets/icons/send.svg index a33fbb07..3c226ec5 100644 --- a/src/Angor/Client/wwwroot/assets/icons/send.svg +++ b/src/Angor/Client/wwwroot/assets/icons/send.svg @@ -1,7 +1,7 @@ - - - - - + + + + + \ No newline at end of file diff --git a/src/Angor/Client/wwwroot/assets/icons/set.svg b/src/Angor/Client/wwwroot/assets/icons/set.svg index c8b59807..017a9af7 100644 --- a/src/Angor/Client/wwwroot/assets/icons/set.svg +++ b/src/Angor/Client/wwwroot/assets/icons/set.svg @@ -1,3 +1,3 @@ - + \ No newline at end of file diff --git a/src/Angor/Client/wwwroot/assets/js/app.js b/src/Angor/Client/wwwroot/assets/js/app.js index da7074d2..9c689df7 100644 --- a/src/Angor/Client/wwwroot/assets/js/app.js +++ b/src/Angor/Client/wwwroot/assets/js/app.js @@ -13,11 +13,11 @@ window.angor = { }, addDarkBackground: function () { - document.body.style.backgroundColor = "#022229"; + document.body.classList.add('dark'); }, addLightBackground: function () { - document.body.style.backgroundColor = "#f4f1ec"; - }, + document.body.classList.remove('dark'); + }, - }; +}; diff --git a/src/Angor/Server/Angor.Server.csproj b/src/Angor/Server/Angor.Server.csproj index 3634b23f..42eff20f 100644 --- a/src/Angor/Server/Angor.Server.csproj +++ b/src/Angor/Server/Angor.Server.csproj @@ -10,7 +10,7 @@ - + diff --git a/src/Angor/Shared/ProtocolNew/Scripts/InvestmentScriptBuilder.cs b/src/Angor/Shared/ProtocolNew/Scripts/InvestmentScriptBuilder.cs index a24f11c5..927f03c0 100644 --- a/src/Angor/Shared/ProtocolNew/Scripts/InvestmentScriptBuilder.cs +++ b/src/Angor/Shared/ProtocolNew/Scripts/InvestmentScriptBuilder.cs @@ -15,6 +15,13 @@ public InvestmentScriptBuilder(ISeederScriptTreeBuilder seederScriptTreeBuilder) public Script GetInvestorPenaltyTransactionScript(string investorKey, int punishmentLockDays) { + if (punishmentLockDays > 388) + { + // the actual number is 65535*512 seconds (388 days) + // https://en.bitcoin.it/wiki/Timelock + throw new ArgumentOutOfRangeException(nameof(punishmentLockDays), $"Invalid CSV value {punishmentLockDays}"); + } + var sequence = new Sequence(TimeSpan.FromDays(punishmentLockDays)); return new(new List diff --git a/src/Directory.Build.props b/src/Directory.Build.props index a928b772..f7b534f4 100644 --- a/src/Directory.Build.props +++ b/src/Directory.Build.props @@ -1,6 +1,6 @@ - 0.0.59 + 0.0.63 net7.0 Blockcore MIT